diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 00000000..8f642dac
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,79 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+ij_xml_attribute_wrap = off
+ij_xml_text_wrap = off
+indent_size = 4
+indent_style = space
+insert_final_newline = false
+trim_trailing_whitespace = true
+
+[{*.json,*.yml}]
+indent_size = 2
+
+[*.cs]
+dotnet_analyzer_diagnostic.severity = warning
+dotnet_diagnostic.CA1200.severity = none
+dotnet_diagnostic.CA1707.severity = none
+dotnet_diagnostic.CA1716.severity = none
+dotnet_diagnostic.IDE0005.severity = none
+dotnet_diagnostic.IDE0008.severity = none
+dotnet_diagnostic.IDE0010.severity = none
+dotnet_diagnostic.IDE0055.severity = none
+dotnet_diagnostic.IDE0160.severity = none
+dotnet_diagnostic.IDE0270.severity = none
+dotnet_diagnostic.RCS1141.severity = none
+dotnet_diagnostic.RCS1142.severity = none
+dotnet_diagnostic.RCS1181.severity = none
+dotnet_diagnostic.RCS1186.severity = none
+dotnet_diagnostic.S101.severity = none
+dotnet_diagnostic.S1121.severity = none
+dotnet_diagnostic.S1199.severity = none
+dotnet_diagnostic.S125.severity = none
+dotnet_diagnostic.S2094.severity = none
+dotnet_diagnostic.S3925.severity = none
+dotnet_diagnostic.S4663.severity = none
+dotnet_diagnostic.SYSLIB1045.severity = none
+
+
+# ReSharper properties
+resharper_align_linq_query = true
+resharper_align_multiline_argument = true
+resharper_align_multiline_array_and_object_initializer = true
+resharper_align_multiline_binary_patterns = true
+resharper_align_multiline_calls_chain = true
+resharper_align_multiline_extends_list = true
+resharper_align_multiline_parameter = true
+resharper_align_multiline_property_pattern = true
+resharper_align_multiline_switch_expression = true
+resharper_align_multiple_declaration = true
+resharper_align_multline_type_parameter_constrains = true
+resharper_align_multline_type_parameter_list = true
+resharper_align_tuple_components = true
+resharper_allow_comment_after_lbrace = true
+resharper_blank_lines_before_single_line_comment = 1
+resharper_csharp_empty_block_style = together_same_line
+resharper_csharp_outdent_commas = true
+resharper_csharp_place_type_constraints_on_same_line = false
+resharper_csharp_stick_comment = false
+resharper_csharp_wrap_before_comma = true
+resharper_indent_nested_for_stmt = true
+resharper_indent_nested_foreach_stmt = true
+resharper_indent_nested_while_stmt = true
+resharper_indent_preprocessor_if = usual_indent
+resharper_indent_preprocessor_other = usual_indent
+resharper_int_align = true
+resharper_keep_existing_arrangement = false
+resharper_place_linq_into_on_new_line = false
+resharper_place_simple_embedded_statement_on_same_line = false
+resharper_place_simple_switch_expression_on_single_line = true
+resharper_wrap_before_eq = true
+resharper_wrap_chained_method_calls = chop_if_long
+resharper_wrap_switch_expression = chop_if_long
+
+
+# Microsoft .NET properties
+csharp_indent_braces = false
+csharp_new_line_before_open_brace = local_functions, methods, types
\ No newline at end of file
diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 00000000..a1e1e97a
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,63 @@
+###############################################################################
+# Set default behavior to automatically normalize line endings.
+###############################################################################
+* text=auto
+
+###############################################################################
+# Set default behavior for command prompt diff.
+#
+# This is need for earlier builds of msysgit that does not have it on by
+# default for csharp files.
+# Note: This is only used by command line
+###############################################################################
+#*.cs     diff=csharp
+
+###############################################################################
+# Set the merge driver for project and solution files
+#
+# Merging from the command prompt will add diff markers to the files if there
+# are conflicts (Merging from VS is not affected by the settings below, in VS
+# the diff markers are never inserted). Diff markers may cause the following 
+# file extensions to fail to load in VS. An alternative would be to treat
+# these files as binary and thus will always conflict and require user
+# intervention with every merge. To do so, just uncomment the entries below
+###############################################################################
+#*.sln       merge=binary
+#*.csproj    merge=binary
+#*.vbproj    merge=binary
+#*.vcxproj   merge=binary
+#*.vcproj    merge=binary
+#*.dbproj    merge=binary
+#*.fsproj    merge=binary
+#*.lsproj    merge=binary
+#*.wixproj   merge=binary
+#*.modelproj merge=binary
+#*.sqlproj   merge=binary
+#*.wwaproj   merge=binary
+
+###############################################################################
+# behavior for image files
+#
+# image files are treated as binary by default.
+###############################################################################
+#*.jpg   binary
+#*.png   binary
+#*.gif   binary
+
+###############################################################################
+# diff behavior for common document formats
+# 
+# Convert binary document formats to text before diffing them. This feature
+# is only available from the command line. Turn it on by uncommenting the 
+# entries below.
+###############################################################################
+#*.doc   diff=astextplain
+#*.DOC   diff=astextplain
+#*.docx  diff=astextplain
+#*.DOCX  diff=astextplain
+#*.dot   diff=astextplain
+#*.DOT   diff=astextplain
+#*.pdf   diff=astextplain
+#*.PDF   diff=astextplain
+#*.rtf   diff=astextplain
+#*.RTF   diff=astextplain
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..acde096a
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,405 @@
+## Ignore Visual Studio temporary files, build results, and
+## files generated by popular Visual Studio add-ons.
+##
+## Get latest from https://github.com/github/gitignore/blob/main/VisualStudio.gitignore
+
+# User-specific files
+*.rsuser
+*.suo
+*.user
+*.userosscache
+*.sln.docstates
+
+# User-specific files (MonoDevelop/Xamarin Studio)
+*.userprefs
+
+# Mono auto generated files
+mono_crash.*
+
+# Build results
+[Dd]ebug/
+[Dd]ebugPublic/
+[Rr]elease/
+[Rr]eleases/
+x64/
+x86/
+[Ww][Ii][Nn]32/
+[Aa][Rr][Mm]/
+[Aa][Rr][Mm]64/
+bld/
+[Bb]in/
+[Oo]bj/
+# [Ll]og/
+[Ll]ogs/
+
+# Visual Studio 2015/2017 cache/options directory
+.vs/
+# Uncomment if you have tasks that create the project's static files in wwwroot
+#wwwroot/
+
+# Visual Studio 2017 auto generated files
+Generated\ Files/
+
+# MSTest test Results
+[Tt]est[Rr]esult*/
+[Bb]uild[Ll]og.*
+
+# NUnit
+*.VisualState.xml
+TestResult.xml
+nunit-*.xml
+
+# Build Results of an ATL Project
+[Dd]ebugPS/
+[Rr]eleasePS/
+dlldata.c
+
+# Benchmark Results
+BenchmarkDotNet.Artifacts/
+
+# .NET Core
+project.lock.json
+project.fragment.lock.json
+artifacts/
+
+# ASP.NET Scaffolding
+ScaffoldingReadMe.txt
+
+# StyleCop
+StyleCopReport.xml
+
+# Files built by Visual Studio
+*_i.c
+*_p.c
+*_h.h
+*.ilk
+*.meta
+*.obj
+*.iobj
+*.pch
+*.pdb
+*.ipdb
+*.pgc
+*.pgd
+*.rsp
+*.sbr
+*.tlb
+*.tli
+*.tlh
+*.tmp
+*.tmp_proj
+*_wpftmp.csproj
+*.log
+*.tlog
+*.vspscc
+*.vssscc
+.builds
+*.pidb
+*.svclog
+*.scc
+
+# Chutzpah Test files
+_Chutzpah*
+
+# Visual C++ cache files
+ipch/
+*.aps
+*.ncb
+*.opendb
+*.opensdf
+*.sdf
+*.cachefile
+*.VC.db
+*.VC.VC.opendb
+
+# Visual Studio profiler
+*.psess
+*.vsp
+*.vspx
+*.sap
+
+# Visual Studio Trace Files
+*.e2e
+
+# TFS 2012 Local Workspace
+$tf/
+
+# Guidance Automation Toolkit
+*.gpState
+
+# ReSharper is a .NET coding add-in
+_ReSharper*/
+*.[Rr]e[Ss]harper
+*.DotSettings.user
+
+# TeamCity is a build add-in
+_TeamCity*
+
+# DotCover is a Code Coverage Tool
+*.dotCover
+
+# AxoCover is a Code Coverage Tool
+.axoCover/*
+!.axoCover/settings.json
+
+# Coverlet is a free, cross platform Code Coverage Tool
+coverage*.json
+coverage*.xml
+coverage*.info
+
+# Visual Studio code coverage results
+*.coverage
+*.coveragexml
+
+# NCrunch
+_NCrunch_*
+.*crunch*.local.xml
+nCrunchTemp_*
+
+# MightyMoose
+*.mm.*
+AutoTest.Net/
+
+# Web workbench (sass)
+.sass-cache/
+
+# Installshield output folder
+[Ee]xpress/
+
+# DocProject is a documentation generator add-in
+DocProject/buildhelp/
+DocProject/Help/*.HxT
+DocProject/Help/*.HxC
+DocProject/Help/*.hhc
+DocProject/Help/*.hhk
+DocProject/Help/*.hhp
+DocProject/Help/Html2
+DocProject/Help/html
+
+# Click-Once directory
+publish/
+
+# Publish Web Output
+*.[Pp]ublish.xml
+*.azurePubxml
+# Note: Comment the next line if you want to checkin your web deploy settings,
+# but database connection strings (with potential passwords) will be unencrypted
+*.pubxml
+*.publishproj
+
+# Microsoft Azure Web App publish settings. Comment the next line if you want to
+# checkin your Azure Web App publish settings, but sensitive information contained
+# in these scripts will be unencrypted
+PublishScripts/
+
+# NuGet Packages
+*.nupkg
+# NuGet Symbol Packages
+*.snupkg
+# The packages folder can be ignored because of Package Restore
+**/[Pp]ackages/*
+# except build/, which is used as an MSBuild target.
+!**/[Pp]ackages/build/
+# Uncomment if necessary however generally it will be regenerated when needed
+#!**/[Pp]ackages/repositories.config
+# NuGet v3's project.json files produces more ignorable files
+*.nuget.props
+*.nuget.targets
+
+# Microsoft Azure Build Output
+csx/
+*.build.csdef
+
+# Microsoft Azure Emulator
+ecf/
+rcf/
+
+# Windows Store app package directories and files
+AppPackages/
+BundleArtifacts/
+Package.StoreAssociation.xml
+_pkginfo.txt
+*.appx
+*.appxbundle
+*.appxupload
+
+# Visual Studio cache files
+# files ending in .cache can be ignored
+*.[Cc]ache
+# but keep track of directories ending in .cache
+!?*.[Cc]ache/
+
+# Others
+ClientBin/
+~$*
+*~
+*.dbmdl
+*.dbproj.schemaview
+*.jfm
+*.pfx
+*.publishsettings
+orleans.codegen.cs
+
+# Including strong name files can present a security risk
+# (https://github.com/github/gitignore/pull/2483#issue-259490424)
+#*.snk
+
+# Since there are multiple workflows, uncomment next line to ignore bower_components
+# (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
+#bower_components/
+
+# RIA/Silverlight projects
+Generated_Code/
+
+# Backup & report files from converting an old project file
+# to a newer Visual Studio version. Backup files are not needed,
+# because we have git ;-)
+_UpgradeReport_Files/
+Backup*/
+UpgradeLog*.XML
+UpgradeLog*.htm
+ServiceFabricBackup/
+*.rptproj.bak
+
+# SQL Server files
+*.mdf
+*.ldf
+*.ndf
+
+# Business Intelligence projects
+*.rdl.data
+*.bim.layout
+*.bim_*.settings
+*.rptproj.rsuser
+*- [Bb]ackup.rdl
+*- [Bb]ackup ([0-9]).rdl
+*- [Bb]ackup ([0-9][0-9]).rdl
+
+# Microsoft Fakes
+FakesAssemblies/
+
+# GhostDoc plugin setting file
+*.GhostDoc.xml
+
+# Node.js Tools for Visual Studio
+.ntvs_analysis.dat
+node_modules/
+
+# Visual Studio 6 build log
+*.plg
+
+# Visual Studio 6 workspace options file
+*.opt
+
+# Visual Studio 6 auto-generated workspace file (contains which files were open etc.)
+*.vbw
+
+# Visual Studio 6 auto-generated project file (contains which files were open etc.)
+*.vbp
+
+# Visual Studio 6 workspace and project file (working project files containing files to include in project)
+*.dsw
+*.dsp
+
+# Visual Studio 6 technical files
+*.ncb
+*.aps
+
+# Visual Studio LightSwitch build output
+**/*.HTMLClient/GeneratedArtifacts
+**/*.DesktopClient/GeneratedArtifacts
+**/*.DesktopClient/ModelManifest.xml
+**/*.Server/GeneratedArtifacts
+**/*.Server/ModelManifest.xml
+_Pvt_Extensions
+
+# Paket dependency manager
+.paket/paket.exe
+paket-files/
+
+# FAKE - F# Make
+.fake/
+
+# CodeRush personal settings
+.cr/personal
+
+# Python Tools for Visual Studio (PTVS)
+__pycache__/
+*.pyc
+
+# Cake - Uncomment if you are using it
+# tools/**
+# !tools/packages.config
+
+# Tabs Studio
+*.tss
+
+# Telerik's JustMock configuration file
+*.jmconfig
+
+# BizTalk build output
+*.btp.cs
+*.btm.cs
+*.odx.cs
+*.xsd.cs
+
+# OpenCover UI analysis results
+OpenCover/
+
+# Azure Stream Analytics local run output
+ASALocalRun/
+
+# MSBuild Binary and Structured Log
+*.binlog
+
+# NVidia Nsight GPU debugger configuration file
+*.nvuser
+
+# MFractors (Xamarin productivity tool) working folder
+.mfractor/
+
+# Local History for Visual Studio
+.localhistory/
+
+# Visual Studio History (VSHistory) files
+.vshistory/
+
+# BeatPulse healthcheck temp database
+healthchecksdb
+
+# Backup folder for Package Reference Convert tool in Visual Studio 2017
+MigrationBackup/
+
+# Ionide (cross platform F# VS Code tools) working folder
+.ionide/
+
+# Fody - auto-generated XML schema
+FodyWeavers.xsd
+
+# VS Code files for those working on multiple tools
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+*.code-workspace
+
+# Local History for Visual Studio Code
+.history/
+
+# Windows Installer files from build outputs
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+
+# JetBrains Rider
+*.sln.iml
+.idea/
+
+# User Define
+dist/
+refs/
+*.[Dd]esigner.cs
+*.db
diff --git a/.template.config/template.json b/.template.config/template.json
new file mode 100644
index 00000000..987ece6f
--- /dev/null
+++ b/.template.config/template.json
@@ -0,0 +1,30 @@
+{
+    "author": "nsnail", //必须
+    "classifications": [
+        "Web/WebAPI"
+    ], //必须，这个对应模板的Tags
+    "name": "NetAdmin", //必须，这个对应模板的Templates
+    "identity": "NetAdmin", //可选，模板的唯一名称
+    "shortName": "lop", //必须，这个对应模板的Short Name
+    "tags": {
+        "language": "C#",
+        "type": "project"
+    },
+    "sourceName": "NetAdmin", // 可选，要替换的名字
+    "preferNameDirectory": true, // 可选，添加目录
+    "sources": [
+        {
+            "modifiers": [
+                {
+                    "exclude": [
+                        "**/.vs/**",
+                        "**/.idea/**",
+                        "**/.git/**",
+                        "**/dist/**",
+                        "**/node_modules/**"
+                    ]
+                }
+            ]
+        }
+    ],
+}
\ No newline at end of file
diff --git a/Build.cake b/Build.cake
new file mode 100644
index 00000000..c2878115
--- /dev/null
+++ b/Build.cake
@@ -0,0 +1,198 @@
+var target = Argument("target", "Default");
+var configuration = Argument("configuration", "Release");
+var outputDirectory = Argument("output-directory", "./dist/Server/publish");
+
+////////////////////////////////////////////////////////////////
+// Tasks
+
+Task("Clean")
+    .Does(context =>
+{
+    context.CleanDirectory("./dist");
+});
+
+Task("Build")
+    .IsDependentOn("Clean")
+    .Does(context =>
+{
+    DotNetBuild("./NetAdmin.sln", new DotNetBuildSettings {
+        Configuration = configuration
+    });
+});
+
+Task("Publish-BizServer")
+    .Does(context =>
+{
+    DotNetPublish("./src/Server/NetAdmin.BizServer.Host/NetAdmin.BizServer.Host.csproj", new DotNetPublishSettings {
+        NoBuild = true,
+        Configuration = configuration,
+        OutputDirectory = new DirectoryPath(outputDirectory)
+    });
+});
+
+Task("Publish-SdkServer")
+    .Does(context =>
+{
+    DotNetPublish("./src/Server/NetAdmin.SdkServer.Host/NetAdmin.SdkServer.Host.csproj", new DotNetPublishSettings {
+        NoBuild = true,
+        Configuration = configuration,
+        OutputDirectory = new DirectoryPath(outputDirectory)
+    });
+});
+
+Task("Publish-ManServer")
+    .Does(context =>
+{
+    DotNetPublish("./src/Server/NetAdmin.ManServer.Host/NetAdmin.ManServer.Host.csproj", new DotNetPublishSettings {
+        NoBuild = true,
+        Configuration = configuration,
+        OutputDirectory = new DirectoryPath(outputDirectory)
+    });
+});
+
+Task("Publish-SdkService")
+    .Does(context =>
+{
+    DotNetPublish("./src/Server/NetAdmin.SdkService/NetAdmin.SdkService.csproj", new DotNetPublishSettings {
+        NoBuild = true,
+        Configuration = configuration,
+        OutputDirectory = new DirectoryPath(outputDirectory)
+    });
+});
+
+Task("Publish-ManService")
+    .Does(context =>
+{
+    DotNetPublish("./src/Server/NetAdmin.ManService/NetAdmin.ManService.csproj", new DotNetPublishSettings {
+        NoBuild = true,
+        Configuration = configuration,
+        OutputDirectory = new DirectoryPath(outputDirectory)
+    });
+});
+
+Task("Publish-CallbackService")
+    .Does(context =>
+{
+    DotNetPublish("./src/Server/NetAdmin.CallbackService/NetAdmin.CallbackService.csproj", new DotNetPublishSettings {
+        NoBuild = true,
+        Configuration = configuration,
+        OutputDirectory = new DirectoryPath(outputDirectory)
+    });
+});
+
+
+Task("Publish-ScheduledService")
+    .Does(context =>
+{
+    DotNetPublish("./src/Server/NetAdmin.ScheduledService/NetAdmin.ScheduledService.csproj", new DotNetPublishSettings {
+        NoBuild = true,
+        Configuration = configuration,
+        OutputDirectory = new DirectoryPath(outputDirectory)
+    });
+});
+
+
+Task("Publish-PushService")
+    .Does(context =>
+{
+    DotNetPublish("./src/Server/NetAdmin.PushService/NetAdmin.PushService.csproj", new DotNetPublishSettings {
+        NoBuild = true,
+        Configuration = configuration,
+        OutputDirectory = new DirectoryPath(outputDirectory)
+    });
+});
+
+
+// Task("Test")
+//     .IsDependentOn("Build")
+//     .Does(context =>
+// {
+//     DotNetTest("./test/Spectre.Console.Tests/Spectre.Console.Tests.csproj", new DotNetTestSettings {
+//         Configuration = configuration,
+//         NoRestore = true,
+//         NoBuild = true,
+//     });
+//
+//     DotNetTest("./test/Spectre.Console.Cli.Tests/Spectre.Console.Cli.Tests.csproj", new DotNetTestSettings {
+//         Configuration = configuration,
+//         NoRestore = true,
+//         NoBuild = true,
+//     });
+//
+//     DotNetTest("./test/Spectre.Console.Analyzer.Tests/Spectre.Console.Analyzer.Tests.csproj", new DotNetTestSettings {
+//         Configuration = configuration,
+//         NoRestore = true,
+//         NoBuild = true,
+//     });
+// });
+
+
+// Task("Publish-GitHub")
+//     .WithCriteria(ctx => BuildSystem.IsRunningOnGitHubActions, "Not running on GitHub Actions")
+//     //.IsDependentOn("Package")
+//     .Does(context =>
+// {
+//     var apiKey = Argument<string>("github-key", null);
+//     if(string.IsNullOrWhiteSpace(apiKey)) {
+//         throw new CakeException("No GitHub API key was provided.");
+//     }
+//
+//     // Publish to GitHub Packages
+//     var exitCode = 0;
+//     foreach(var file in context.GetFiles("./.artifacts/*.nupkg"))
+//     {
+//         context.Information("Publishing {0}...", file.GetFilename().FullPath);
+//         exitCode += StartProcess("dotnet",
+//             new ProcessSettings {
+//                 Arguments = new ProcessArgumentBuilder()
+//                     .Append("gpr")
+//                     .Append("push")
+//                     .AppendQuoted(file.FullPath)
+//                     .AppendSwitchSecret("-k", " ", apiKey)
+//             }
+//         );
+//     }
+//
+//     if(exitCode != 0)
+//     {
+//         throw new CakeException("Could not push GitHub packages.");
+//     }
+// });
+
+// Task("Publish-NuGet")
+//     //.WithCriteria(ctx => BuildSystem.IsRunningOnGitHubActions, "Not running on GitHub Actions")
+//     //.IsDependentOn("Package")
+//     .Does(context =>
+// {
+//     var apiKey = Argument<string>("nuget-key", null);
+//     if(string.IsNullOrWhiteSpace(apiKey)) {
+//         throw new CakeException("No NuGet API key was provided.");
+//     }
+//
+//     // Publish to GitHub Packages
+//     foreach(var file in context.GetFiles("./.artifacts/*.nupkg"))
+//     {
+//         context.Information("Publishing {0}...", file.GetFilename().FullPath);
+//         DotNetNuGetPush(file.FullPath, new DotNetNuGetPushSettings
+//         {
+//             Source = "https://api.nuget.org/v3/index.json",
+//             ApiKey = apiKey,
+//             SkipDuplicate = true
+//         });
+//     }
+// });
+
+////////////////////////////////////////////////////////////////
+// Targets
+
+// Task("Publish")
+//     .IsDependentOn("Publish-GitHub")
+//     .IsDependentOn("Publish-NuGet");
+
+Task("Default")
+    .IsDependentOn("Build");
+
+////////////////////////////////////////////////////////////////
+// Execution
+
+RunTarget(target)
\ No newline at end of file
diff --git a/CodeQuality.props b/CodeQuality.props
new file mode 100644
index 00000000..45b284f6
--- /dev/null
+++ b/CodeQuality.props
@@ -0,0 +1,41 @@
+<Project>
+    <PropertyGroup>
+        <CodeAnalysisRuleSet>$(SolutionDir)/StyleCopAnalyzers.ruleset</CodeAnalysisRuleSet>
+        <CodeAnalysisTreatWarningsAsErrors>true</CodeAnalysisTreatWarningsAsErrors>
+        <EnforceCodeStyleInBuild>true</EnforceCodeStyleInBuild>
+        <MSBuildTreatWarningsAsErrors>true</MSBuildTreatWarningsAsErrors>
+        <MSBuildWarningsAsErrors>true</MSBuildWarningsAsErrors>
+        <TreatWarningsAsErrors>true</TreatWarningsAsErrors>
+        <WarningsAsErrors>true</WarningsAsErrors>
+    </PropertyGroup>
+    <ItemGroup>
+        <PackageReference Include="StyleCop.Analyzers" Version="1.2.0-beta.507">
+            <PrivateAssets>all</PrivateAssets>
+            <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+        </PackageReference>
+        <PackageReference Include="Roslynator.Analyzers" Version="4.4.0">
+            <PrivateAssets>all</PrivateAssets>
+            <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+        </PackageReference>
+        <PackageReference Include="SonarAnalyzer.CSharp" Version="9.7.0.75501">
+            <PrivateAssets>all</PrivateAssets>
+            <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+        </PackageReference>
+        <PackageReference Include="AsyncSuffixAnalyzer" Version="1.0.6285.32977">
+            <PrivateAssets>all</PrivateAssets>
+            <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+        </PackageReference>
+        <PackageReference Include="AsyncFixer" Version="1.6.0">
+            <PrivateAssets>all</PrivateAssets>
+            <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+        </PackageReference>
+        <PackageReference Include="ProductiveRage.SealedClassVerification.Net" Version="1.7.0">
+            <PrivateAssets>all</PrivateAssets>
+            <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+        </PackageReference>
+        <!--        <PackageReference Include="NSCodeAnalysis" Version="1.0.1-alpha.0.2">-->
+        <!--            <PrivateAssets>all</PrivateAssets>-->
+        <!--            <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>-->
+        <!--        </PackageReference>-->
+    </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/CopyPackageXmlCommentFiles.targets b/CopyPackageXmlCommentFiles.targets
new file mode 100644
index 00000000..5f7a4f5d
--- /dev/null
+++ b/CopyPackageXmlCommentFiles.targets
@@ -0,0 +1,10 @@
+<Project>
+    <Target Name="AfterTargetsBuild" AfterTargets="Build">
+        <ItemGroup>
+            <PackageReferenceFiles
+                Condition="%(PackageReference.CopyToOutputDirectory) != ''"
+                Include="$(NugetPackageRoot)\%(PackageReference.Identity)\%(PackageReference.Version)\%(PackageReference.CopyToOutputDirectory)" />
+        </ItemGroup>
+        <Copy SourceFiles="@(PackageReferenceFiles)" DestinationFolder="$(OutDir)" />
+    </Target>
+</Project>
\ No newline at end of file
diff --git a/Directory.Build.props b/Directory.Build.props
new file mode 100644
index 00000000..47281162
--- /dev/null
+++ b/Directory.Build.props
@@ -0,0 +1,26 @@
+<Project>
+    <PropertyGroup>
+        <!--        $(XXX) 定义有顺序 排序请注意-->
+        <SolutionDir>$(MSBuildThisFileDirectory)</SolutionDir>
+        <BaseIntermediateOutputPath>$(SolutionDir)/dist/Server/$(MSBuildProjectName)/obj</BaseIntermediateOutputPath>
+        <BaseOutputPath>$(SolutionDir)/dist/Server/$(MSBuildProjectName)/bin</BaseOutputPath>
+        <EnableBaseIntermediateOutputPathMismatchWarning>false</EnableBaseIntermediateOutputPathMismatchWarning>
+        <GenerateDocumentationFile>true</GenerateDocumentationFile>
+        <ImplicitUsings>enable</ImplicitUsings>
+        <MinVerDefaultPreReleaseIdentifiers>beta</MinVerDefaultPreReleaseIdentifiers>
+        <Product>NetAdmin</Product>
+        <RepositoryType>git</RepositoryType>
+        <RepositoryUrl>http://git.shequnpay.com/lingyun/NetAdmin.git</RepositoryUrl>
+        <TargetFramework>net7.0</TargetFramework>
+        <Title>$(AssemblyName)</Title>
+    </PropertyGroup>
+    <ItemGroup>
+        <PackageReference Include="MinVer" Version="5.0.0-alpha.1">
+            <PrivateAssets>all</PrivateAssets>
+            <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+        </PackageReference>
+    </ItemGroup>
+    <ItemGroup>
+        <Compile Include="../GlobalUsings.cs" Link="GlobalUsings.cs" />
+    </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/LICENSE b/LICENSE
index d289d820..25c689db 100644
--- a/LICENSE
+++ b/LICENSE
@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.
\ No newline at end of file
diff --git a/NetAdmin.sln b/NetAdmin.sln
new file mode 100644
index 00000000..4bb45988
--- /dev/null
+++ b/NetAdmin.sln
@@ -0,0 +1,176 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 17
+VisualStudioVersion = 17.0.31903.59
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "src", "src", "{C84EB5A0-37AD-4B17-A51E-E36888C4441E}"
+EndProject
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "backend", "backend", "{4DAF9366-855F-46BB-AE4C-660C92FA0697}"
+EndProject
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "meta", "meta", "{5198A03D-0CAC-4828-A807-34A693F73859}"
+	ProjectSection(SolutionItems) = preProject
+		.editorconfig = .editorconfig
+		.gitattributes = .gitattributes
+		.gitignore = .gitignore
+		Build.cake = Build.cake
+		CodeQuality.props = CodeQuality.props
+		CopyPackageXmlCommentFiles.targets = CopyPackageXmlCommentFiles.targets
+		Directory.Build.props = Directory.Build.props
+		dotnet-tools.json = dotnet-tools.json
+		global.json = global.json
+		LICENSE = LICENSE
+		NetAdmin.sln.DotSettings = NetAdmin.sln.DotSettings
+		NuGet.Config = NuGet.Config
+		package.json = package.json
+		PreBuild.targets = PreBuild.targets
+		README.md = README.md
+		StyleCop.json = StyleCop.json
+		StyleCopAnalyzers.ruleset = StyleCopAnalyzers.ruleset
+	EndProjectSection
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "NetAdmin.Infrastructure", "src\backend\NetAdmin.Infrastructure\NetAdmin.Infrastructure.csproj", "{1E62C322-EE42-4699-A6F1-791C53EFA62D}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "NetAdmin.BizServer.Application", "src\backend\NetAdmin.BizServer.Application\NetAdmin.BizServer.Application.csproj", "{E38B2EB4-D7A5-4777-9236-3B348919DF23}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "NetAdmin.BizServer.Host", "src\backend\NetAdmin.BizServer.Host\NetAdmin.BizServer.Host.csproj", "{CE895E44-EEC3-4ECE-A56A-8A82E7D863E3}"
+EndProject
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "03.HostedServers", "03.HostedServers", "{12AE5B4B-CB1A-498E-83B8-04E201E31D86}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "NetAdmin.Domain", "src\backend\NetAdmin.Domain\NetAdmin.Domain.csproj", "{58509C57-09FA-4E3C-BC07-78E786A2A326}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "NetAdmin.Application", "src\backend\NetAdmin.Application\NetAdmin.Application.csproj", "{70C54E1B-2083-4196-AB68-34CAF0075D82}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "NetAdmin.Host", "src\backend\NetAdmin.Host\NetAdmin.Host.csproj", "{91839A15-D08F-4848-A301-F793412BC688}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "NetAdmin.Cache", "src\backend\NetAdmin.Cache\NetAdmin.Cache.csproj", "{91452C22-4B57-4F16-9AF6-42C7BF830504}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "NetAdmin.BizServer.Cache", "src\backend\NetAdmin.BizServer.Cache\NetAdmin.BizServer.Cache.csproj", "{7CB632D3-3635-4F8D-AFE7-F496D37D422B}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "NetAdmin.SysComponent.Host", "src\backend\NetAdmin.SysComponent.Host\NetAdmin.SysComponent.Host.csproj", "{C2CC1596-3BEE-43EA-A9BE-4EDE5716296C}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "NetAdmin.SysComponent.Cache", "src\backend\NetAdmin.SysComponent.Cache\NetAdmin.SysComponent.Cache.csproj", "{19872A4C-3C9A-4C62-A33B-74F5B8D6F77C}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "NetAdmin.SysComponent.Application", "src\backend\NetAdmin.SysComponent.Application\NetAdmin.SysComponent.Application.csproj", "{34650E82-D257-46DA-BD6B-DE307113347B}"
+EndProject
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "02.Components", "02.Components", "{3F23258D-8299-4992-9F51-2EE9B52CF9D2}"
+EndProject
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "21.System", "21.System", "{E146D707-4D44-47B3-A8F9-D51EC5E1D047}"
+EndProject
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "04.BackgroundServices", "04.BackgroundServices", "{CBFBF29B-27E8-4DB1-ADD6-4B750897ACD3}"
+EndProject
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "01.Frameworks", "01.Frameworks", "{D9C3EF66-2757-473D-A26B-54FD08DA203F}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "NetAdmin.ScheduledService", "src\backend\NetAdmin.ScheduledService\NetAdmin.ScheduledService.csproj", "{96668960-310F-4682-B3F9-1E8F1EED8C90}"
+EndProject
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "06.Tests", "06.Tests", "{89260294-80FC-49F1-8D73-AECD39AFF2B7}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "NetAdmin.BizServer.Tests", "src\backend\NetAdmin.BizServer.Tests\NetAdmin.BizServer.Tests.csproj", "{C7F27698-DA05-4ACD-B0D7-4791B3972002}"
+EndProject
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "tools", "tools", "{2D81D62C-1B2E-4758-84C6-728343CB734F}"
+	ProjectSection(SolutionItems) = preProject
+		CloneProjectRefs.ps1 = tools/CloneProjectRefs.ps1
+		CodeCleanup.csx = tools/CodeCleanup.csx
+		CodeCleanup.ps1 = tools/CodeCleanup.ps1
+		CodeCleanupFull.ps1 = tools/CodeCleanupFull.ps1
+		DotClean.cmd = tools/DotClean.cmd
+		GenerateLn.cmd = tools/GenerateLn.cmd
+		GenerateLnCs.tt = tools/GenerateLnCs.tt
+		GenerateLnResx.tt = tools/GenerateLnResx.tt
+		GitPR.ps1 = tools/GitPR.ps1
+		GitRecreate.ps1 = tools/GitRecreate.ps1
+		IdGenerator.linq = tools/IdGenerator.linq
+		ImageOptimize.csx = tools/ImageOptimize.csx
+		InstallAsTpl.ps1 = tools/InstallAsTpl.ps1
+		Switcher.FreeSql.json = tools/Switcher.FreeSql.json
+		Switcher.Furion.json = tools/Switcher.Furion.json
+		Switcher.NSExt.json = tools/Switcher.NSExt.json
+		Switcher.ps1 = tools/Switcher.ps1
+		SyncMetaFiles.csx = tools/SyncMetaFiles.csx
+	EndProjectSection
+EndProjectSection
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{1E62C322-EE42-4699-A6F1-791C53EFA62D}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{1E62C322-EE42-4699-A6F1-791C53EFA62D}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{1E62C322-EE42-4699-A6F1-791C53EFA62D}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{1E62C322-EE42-4699-A6F1-791C53EFA62D}.Release|Any CPU.Build.0 = Release|Any CPU
+		{E38B2EB4-D7A5-4777-9236-3B348919DF23}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{E38B2EB4-D7A5-4777-9236-3B348919DF23}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{E38B2EB4-D7A5-4777-9236-3B348919DF23}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{E38B2EB4-D7A5-4777-9236-3B348919DF23}.Release|Any CPU.Build.0 = Release|Any CPU
+		{CE895E44-EEC3-4ECE-A56A-8A82E7D863E3}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{CE895E44-EEC3-4ECE-A56A-8A82E7D863E3}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{CE895E44-EEC3-4ECE-A56A-8A82E7D863E3}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{CE895E44-EEC3-4ECE-A56A-8A82E7D863E3}.Release|Any CPU.Build.0 = Release|Any CPU
+		{58509C57-09FA-4E3C-BC07-78E786A2A326}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{58509C57-09FA-4E3C-BC07-78E786A2A326}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{58509C57-09FA-4E3C-BC07-78E786A2A326}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{58509C57-09FA-4E3C-BC07-78E786A2A326}.Release|Any CPU.Build.0 = Release|Any CPU
+		{70C54E1B-2083-4196-AB68-34CAF0075D82}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{70C54E1B-2083-4196-AB68-34CAF0075D82}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{70C54E1B-2083-4196-AB68-34CAF0075D82}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{70C54E1B-2083-4196-AB68-34CAF0075D82}.Release|Any CPU.Build.0 = Release|Any CPU
+		{91839A15-D08F-4848-A301-F793412BC688}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{91839A15-D08F-4848-A301-F793412BC688}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{91839A15-D08F-4848-A301-F793412BC688}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{91839A15-D08F-4848-A301-F793412BC688}.Release|Any CPU.Build.0 = Release|Any CPU
+		{91452C22-4B57-4F16-9AF6-42C7BF830504}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{91452C22-4B57-4F16-9AF6-42C7BF830504}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{91452C22-4B57-4F16-9AF6-42C7BF830504}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{91452C22-4B57-4F16-9AF6-42C7BF830504}.Release|Any CPU.Build.0 = Release|Any CPU
+		{7CB632D3-3635-4F8D-AFE7-F496D37D422B}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{7CB632D3-3635-4F8D-AFE7-F496D37D422B}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{7CB632D3-3635-4F8D-AFE7-F496D37D422B}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{7CB632D3-3635-4F8D-AFE7-F496D37D422B}.Release|Any CPU.Build.0 = Release|Any CPU
+		{C2CC1596-3BEE-43EA-A9BE-4EDE5716296C}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{C2CC1596-3BEE-43EA-A9BE-4EDE5716296C}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{C2CC1596-3BEE-43EA-A9BE-4EDE5716296C}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{C2CC1596-3BEE-43EA-A9BE-4EDE5716296C}.Release|Any CPU.Build.0 = Release|Any CPU
+		{19872A4C-3C9A-4C62-A33B-74F5B8D6F77C}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{19872A4C-3C9A-4C62-A33B-74F5B8D6F77C}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{19872A4C-3C9A-4C62-A33B-74F5B8D6F77C}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{19872A4C-3C9A-4C62-A33B-74F5B8D6F77C}.Release|Any CPU.Build.0 = Release|Any CPU
+		{34650E82-D257-46DA-BD6B-DE307113347B}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{34650E82-D257-46DA-BD6B-DE307113347B}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{34650E82-D257-46DA-BD6B-DE307113347B}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{34650E82-D257-46DA-BD6B-DE307113347B}.Release|Any CPU.Build.0 = Release|Any CPU
+		{96668960-310F-4682-B3F9-1E8F1EED8C90}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{96668960-310F-4682-B3F9-1E8F1EED8C90}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{96668960-310F-4682-B3F9-1E8F1EED8C90}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{96668960-310F-4682-B3F9-1E8F1EED8C90}.Release|Any CPU.Build.0 = Release|Any CPU
+		{C7F27698-DA05-4ACD-B0D7-4791B3972002}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{C7F27698-DA05-4ACD-B0D7-4791B3972002}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{C7F27698-DA05-4ACD-B0D7-4791B3972002}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{C7F27698-DA05-4ACD-B0D7-4791B3972002}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(NestedProjects) = preSolution
+		{4DAF9366-855F-46BB-AE4C-660C92FA0697} = {C84EB5A0-37AD-4B17-A51E-E36888C4441E}
+		{12AE5B4B-CB1A-498E-83B8-04E201E31D86} = {4DAF9366-855F-46BB-AE4C-660C92FA0697}
+		{3F23258D-8299-4992-9F51-2EE9B52CF9D2} = {4DAF9366-855F-46BB-AE4C-660C92FA0697}
+		{E146D707-4D44-47B3-A8F9-D51EC5E1D047} = {3F23258D-8299-4992-9F51-2EE9B52CF9D2}
+		{34650E82-D257-46DA-BD6B-DE307113347B} = {E146D707-4D44-47B3-A8F9-D51EC5E1D047}
+		{19872A4C-3C9A-4C62-A33B-74F5B8D6F77C} = {E146D707-4D44-47B3-A8F9-D51EC5E1D047}
+		{C2CC1596-3BEE-43EA-A9BE-4EDE5716296C} = {E146D707-4D44-47B3-A8F9-D51EC5E1D047}
+		{CBFBF29B-27E8-4DB1-ADD6-4B750897ACD3} = {4DAF9366-855F-46BB-AE4C-660C92FA0697}
+		{D9C3EF66-2757-473D-A26B-54FD08DA203F} = {4DAF9366-855F-46BB-AE4C-660C92FA0697}
+		{70C54E1B-2083-4196-AB68-34CAF0075D82} = {D9C3EF66-2757-473D-A26B-54FD08DA203F}
+		{91452C22-4B57-4F16-9AF6-42C7BF830504} = {D9C3EF66-2757-473D-A26B-54FD08DA203F}
+		{58509C57-09FA-4E3C-BC07-78E786A2A326} = {D9C3EF66-2757-473D-A26B-54FD08DA203F}
+		{91839A15-D08F-4848-A301-F793412BC688} = {D9C3EF66-2757-473D-A26B-54FD08DA203F}
+		{1E62C322-EE42-4699-A6F1-791C53EFA62D} = {D9C3EF66-2757-473D-A26B-54FD08DA203F}
+		{96668960-310F-4682-B3F9-1E8F1EED8C90} = {CBFBF29B-27E8-4DB1-ADD6-4B750897ACD3}
+		{E38B2EB4-D7A5-4777-9236-3B348919DF23} = {12AE5B4B-CB1A-498E-83B8-04E201E31D86}
+		{7CB632D3-3635-4F8D-AFE7-F496D37D422B} = {12AE5B4B-CB1A-498E-83B8-04E201E31D86}
+		{CE895E44-EEC3-4ECE-A56A-8A82E7D863E3} = {12AE5B4B-CB1A-498E-83B8-04E201E31D86}
+		{89260294-80FC-49F1-8D73-AECD39AFF2B7} = {4DAF9366-855F-46BB-AE4C-660C92FA0697}
+		{C7F27698-DA05-4ACD-B0D7-4791B3972002} = {89260294-80FC-49F1-8D73-AECD39AFF2B7}
+	EndGlobalSection
+EndGlobal
\ No newline at end of file
diff --git a/NetAdmin.sln.DotSettings b/NetAdmin.sln.DotSettings
new file mode 100644
index 00000000..a09783ab
--- /dev/null
+++ b/NetAdmin.sln.DotSettings
@@ -0,0 +1,105 @@
+<wpf:ResourceDictionary xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:s="clr-namespace:System;assembly=mscorlib" xmlns:wpf="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xml:space="preserve">
+	<s:String x:Key="/Default/CodeEditing/GenerateMemberBody/DocumentationGenerationKind/@EntryValue">Inherit</s:String>
+    <s:Boolean x:Key="/Default/CodeEditing/TypingAssist/SkipClosingBracesOnTabInStringLiterals/@EntryValue">True</s:Boolean>
+	<s:String x:Key="/Default/CodeInspection/Highlighting/InspectionSeverities/=AssignmentInConditionalExpression/@EntryIndexedValue">DO_NOT_SHOW</s:String>
+    <s:String x:Key="/Default/CodeInspection/Highlighting/InspectionSeverities/=UnusedAutoPropertyAccessor_002EGlobal/@EntryIndexedValue">DO_NOT_SHOW</s:String>
+    <s:String x:Key="/Default/CodeInspection/Highlighting/InspectionSeverities/=UnusedAutoPropertyAccessor_002ELocal/@EntryIndexedValue">DO_NOT_SHOW</s:String>
+    <s:String x:Key="/Default/CodeStyle/CodeFormatting/CSharpFormat/PLACE_ACCESSOR_ATTRIBUTE_ON_SAME_LINE_EX/@EntryValue">NEVER</s:String>
+    <s:String x:Key="/Default/CodeStyle/CodeFormatting/CSharpFormat/PLACE_ACCESSORHOLDER_ATTRIBUTE_ON_SAME_LINE_EX/@EntryValue">NEVER</s:String>
+    <s:String x:Key="/Default/CodeStyle/CodeFormatting/CSharpFormat/PLACE_FIELD_ATTRIBUTE_ON_SAME_LINE_EX/@EntryValue">NEVER</s:String>
+    <s:String x:Key="/Default/CodeStyle/CodeFormatting/CSharpFormat/PLACE_RECORD_FIELD_ATTRIBUTE_ON_SAME_LINE_EX/@EntryValue">NEVER</s:String>
+    <s:String x:Key="/Default/CodeStyle/Naming/CSharpNaming/Abbreviations/=ID/@EntryIndexedValue">ID</s:String>
+    <s:String x:Key="/Default/CodeStyle/Naming/CSharpNaming/Abbreviations/=IOS/@EntryIndexedValue">IOS</s:String>
+    <s:String x:Key="/Default/CodeStyle/Naming/CSharpNaming/Abbreviations/=IP/@EntryIndexedValue">IP</s:String>
+    <s:String x:Key="/Default/CodeStyle/Naming/CSharpNaming/PredefinedNamingRules/=TypesAndNamespaces/@EntryIndexedValue">&lt;Policy Inspect="True" Prefix="" Suffix="" Style="AaBb_AaBb" /&gt;</s:String>
+    <s:String x:Key="/Default/CustomTools/CustomToolsData/@EntryValue"></s:String>
+    <s:Boolean x:Key="/Default/Environment/SettingsMigration/IsMigratorApplied/=JetBrains_002EReSharper_002EPsi_002ECSharp_002ECodeStyle_002ECSharpKeepExistingMigration/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/Environment/SettingsMigration/IsMigratorApplied/=JetBrains_002EReSharper_002EPsi_002ECSharp_002ECodeStyle_002ECSharpPlaceEmbeddedOnSameLineMigration/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/Environment/SettingsMigration/IsMigratorApplied/=JetBrains_002EReSharper_002EPsi_002ECSharp_002ECodeStyle_002ECSharpUseContinuousIndentInsideBracesMigration/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/Environment/SettingsMigration/IsMigratorApplied/=JetBrains_002EReSharper_002EPsi_002ECSharp_002ECodeStyle_002ESettingsUpgrade_002EMigrateBlankLinesAroundFieldToBlankLinesAroundProperty/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/ReSpeller/ReSpellerEnabled/@EntryValue">True</s:Boolean>
+    <s:Int64 x:Key="/Default/CodeStyle/CodeFormatting/CSharpFormat/KEEP_BLANK_LINES_IN_CODE/@EntryValue">1</s:Int64>
+    <s:Int64 x:Key="/Default/CodeStyle/CodeFormatting/CSharpFormat/KEEP_BLANK_LINES_IN_DECLARATIONS/@EntryValue">1</s:Int64>
+    <s:String x:Key="/Default/CodeInspection/Highlighting/AnalysisEnabled/@EntryValue">OFF</s:String>
+    <s:String x:Key="/Default/CodeInspection/Highlighting/InspectionSeverities/=TooWideLocalVariableScope/@EntryIndexedValue">HINT</s:String>
+    <s:String x:Key="/Default/CodeStyle/CodeFormatting/CSharpCodeStyle/BRACES_FOR_FOR/@EntryValue">Required</s:String>
+    <s:String x:Key="/Default/CodeStyle/CodeFormatting/CSharpCodeStyle/BRACES_FOR_FOREACH/@EntryValue">Required</s:String>
+    <s:String x:Key="/Default/CodeStyle/CodeFormatting/CSharpCodeStyle/BRACES_FOR_IFELSE/@EntryValue">Required</s:String>
+    <s:String x:Key="/Default/CodeStyle/CodeFormatting/CSharpCodeStyle/BRACES_FOR_WHILE/@EntryValue">Required</s:String>
+    <s:String x:Key="/Default/CodeStyle/Naming/CSharpNaming/PredefinedNamingRules/=Constants/@EntryIndexedValue">&lt;Policy Inspect="True" Prefix="" Suffix="" Style="AA_BB" /&gt;</s:String>
+    <s:String x:Key="/Default/CodeStyle/Naming/CSharpNaming/PredefinedNamingRules/=PrivateConstants/@EntryIndexedValue">&lt;Policy Inspect="True" Prefix="_" Suffix="" Style="AA_BB" /&gt;</s:String>
+    <s:String x:Key="/Default/CodeStyle/Naming/CSharpNaming/PredefinedNamingRules/=PrivateStaticReadonly/@EntryIndexedValue">&lt;Policy Inspect="True" Prefix="_" Suffix="" Style="aaBb" /&gt;</s:String>
+    <s:String x:Key="/Default/CodeStyle/Naming/CSharpNaming/PredefinedNamingRules/=StaticReadonly/@EntryIndexedValue">&lt;Policy Inspect="True" Prefix="" Suffix="" Style="AaBb" /&gt;</s:String>
+    <s:String x:Key="/Default/CodeStyle/CSharpFileLayoutPatterns/Pattern/@EntryValue">&lt;?xml version="1.0" encoding="utf-16"?&gt;
+&lt;Patterns xmlns="urn:schemas-jetbrains-com:member-reordering-patterns"&gt;
+    &lt;TypePattern&gt;
+        &lt;Entry&gt;
+            &lt;Entry.SortBy&gt;
+                &lt;Kind&gt;
+                    &lt;Kind.Order&gt;
+                        &lt;DeclarationKind&gt;Constant&lt;/DeclarationKind&gt;
+                        &lt;DeclarationKind&gt;Field&lt;/DeclarationKind&gt;
+                        &lt;DeclarationKind&gt;Constructor&lt;/DeclarationKind&gt;
+                        &lt;DeclarationKind&gt;Destructor&lt;/DeclarationKind&gt;
+                        &lt;DeclarationKind&gt;Delegate&lt;/DeclarationKind&gt;
+                        &lt;DeclarationKind&gt;Event&lt;/DeclarationKind&gt;
+                        &lt;DeclarationKind&gt;Enum&lt;/DeclarationKind&gt;
+                        &lt;DeclarationKind&gt;Interface&lt;/DeclarationKind&gt;
+                        &lt;DeclarationKind&gt;Property&lt;/DeclarationKind&gt;
+                        &lt;DeclarationKind&gt;Indexer&lt;/DeclarationKind&gt;
+                        &lt;DeclarationKind&gt;Method&lt;/DeclarationKind&gt;
+                        &lt;DeclarationKind&gt;Struct&lt;/DeclarationKind&gt;
+                        &lt;DeclarationKind&gt;Record&lt;/DeclarationKind&gt;
+                        &lt;DeclarationKind&gt;Class&lt;/DeclarationKind&gt;
+                    &lt;/Kind.Order&gt;
+                &lt;/Kind&gt;
+                &lt;Access&gt;
+                    &lt;Access.Order&gt;
+                        &lt;AccessModifier&gt;Public&lt;/AccessModifier&gt;
+                        &lt;AccessModifier&gt;Internal&lt;/AccessModifier&gt;
+                        &lt;AccessModifier&gt;ProtectedInternal&lt;/AccessModifier&gt;
+                        &lt;AccessModifier&gt;Protected&lt;/AccessModifier&gt;
+                        &lt;AccessModifier&gt;PrivateProtected&lt;/AccessModifier&gt;
+                        &lt;AccessModifier&gt;Private&lt;/AccessModifier&gt;
+                    &lt;/Access.Order&gt;
+                &lt;/Access&gt;
+                &lt;Static /&gt;
+                &lt;Readonly /&gt;
+                &lt;Name /&gt;
+            &lt;/Entry.SortBy&gt;
+        &lt;/Entry&gt;
+    &lt;/TypePattern&gt;
+&lt;/Patterns&gt;</s:String>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=Aigc/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=Biji/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=Childs/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=Depts/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=fenlei/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=FFFFFF/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=Furion/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=Haojia/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=hongbao/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=inte/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=logourl/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=Meituan/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=miaosha/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=nicktitle/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=qudao/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=Responsing/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=Smzdm/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=Tabao/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=tablename/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=Taobao/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=Taoke/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=Tese/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=timesort/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=weixin/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=XBOXONE/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=youhui/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=yugao/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=YYYYMMDD/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=YYYYMMDDHHMMSSFFFZZZZ/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=zhiyou/@EntryIndexedValue">True</s:Boolean>
+    <s:Boolean x:Key="/Default/UserDictionary/Words/=zhuanlan/@EntryIndexedValue">True</s:Boolean>
+
+</wpf:ResourceDictionary>
\ No newline at end of file
diff --git a/NuGet.Config b/NuGet.Config
new file mode 100644
index 00000000..eb8bbcaf
--- /dev/null
+++ b/NuGet.Config
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<configuration>
+    <packageSources>
+        <clear />
+        <add key="nuget.cdn.azure.cn" value="https://nuget.cdn.azure.cn/v3/index.json" />
+    </packageSources>
+</configuration>
\ No newline at end of file
diff --git a/PreBuild.targets b/PreBuild.targets
new file mode 100644
index 00000000..fb39f8ba
--- /dev/null
+++ b/PreBuild.targets
@@ -0,0 +1,24 @@
+<Project>
+    <Target Name="PreBuild" BeforeTargets="PreBuildEvent">
+        <Exec Command="dotnet tool restore" StdOutEncoding="utf-8"/>
+        <Exec Condition="!Exists('$(SolutionDir)/assets/resx/Ln.resx')" WorkingDirectory="$(SolutionDir)/tools"
+              Command="dotnet t4 $(SolutionDir)/tools/GenerateLnResx.tt -o $(SolutionDir)/assets/resx/Ln.resx"
+              StdOutEncoding="utf-8"/>
+        <Exec Condition="!Exists('$(SolutionDir)/dist/Server/$(ProjectName)/Ln.cs')"
+              WorkingDirectory="$(SolutionDir)/tools"
+              Command="dotnet t4 $(SolutionDir)/tools/GenerateLnCs.tt -o $(SolutionDir)/dist/Server/$(ProjectName)/Ln.cs"
+              StdOutEncoding="utf-8"/>
+    </Target>
+    <ItemGroup>
+        <None Include="$(SolutionDir)/assets/resx/Ln.txt">
+            <Link>Languages/Ln.txt</Link>
+        </None>
+        <EmbeddedResource Include="$(SolutionDir)/assets/resx/Ln.resx">
+            <Link>Languages/Ln.resx</Link>
+            <Generator>PublicResXFileCodeGenerator</Generator>
+        </EmbeddedResource>
+        <Compile Include="$(SolutionDir)/dist/Server/$(ProjectName)/Ln.Designer.cs">
+            <Link>Languages/Ln.Designer.cs</Link>
+        </Compile>
+    </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/README.md b/README.md
index 27ebd0e5..6aff29a0 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,86 @@
-# NetAdmin
\ No newline at end of file
+# NetAdmin
+
+## Git Commits 语义
+
+- `FEA` 新增特性
+- `REF` 项目重构
+- `FIX` 缺陷修复
+- `PER` 性能优化
+- `RVT` 还原变更
+- `FMT` 格式整理
+- `DOC` 文档变更
+- `TST` 单元测试
+- `BLD` 工程构建
+
+
+## 构建指南
+1. 后端
+   1. 检查dotnet-sdk版本>=7.0.0
+   ```
+   dotnet --list-sdks
+   ```
+   2. 克隆代码仓库
+   ```
+   git clone https://github.com/nsnail/NetAdmin.git
+   cd ./NetAdmin
+   ```
+   3. 确保本机redis处于运行状态
+   ```
+   redis-cli
+   ```
+   4. 运行后端WebApi
+   ```
+   dotnet run --project ./src/backend/NetAdmin.BizServer.Host/NetAdmin.BizServer.Host.csproj --urls http://[::]:65010
+   ```
+   5. 体验WebApi程序
+   ```
+   浏览器打开 http://localhost:65010 ，将看到Swagger（Knife4jUI）界面
+   ```
+2. 前端
+    1. 检查nodejs版本>=20
+    ```
+    node -v
+    ```
+    2. 安装npm依赖包
+    ```
+    cd ./src/frontend/admin
+    npm install
+    ```
+    3. 运行前端项目
+    ```
+    npm run dev
+    ```
+    4. 体验前端程序
+    ```
+    浏览器打开 http://localhost:65020 ，将看到管理界面（默认用户名：root，密码：1234qwer）
+    ```
+
+## 项目文件目录树描述
+```
++---.template.config     dotnet 项目模板配置目录
++---assets               程序运行需要的资源文件目录
++---dist                 项目编译与分发的二进制文件目录
++---refs                 引用的第三方项目源文件目录
++---src                  项目源文件目录
+|   +---backend          后端程序源文件目录
+|   \---frontend         前端程序源文件目录
+\---tools                构建相关的工具目录
+```
+
+## 后端项目架构
+```mermaid
+flowchart TD
+H["NetAdmin.Host\n公共主机层\n（.Net自托管主机程序）\n（输入输出格式化）\n（数据校验、鉴权）\n（...所有HTTP管道过滤器中间件）"] --> C["NetAdmin.Cache\n公共缓存层\n（基于Redis或MemoryCache的缓存策略实现）"]
+C --> A["NetAdmin.Application\n公共业务逻辑层\n（内部服务增删改查）\n（外部服务增删改查）\n（...所有业务用例的计算与组合逻辑的模块化）"]
+A --> D["NetAdmin.Domain\n数据实体层\n（数据库关系实体映射）\n（DTO数据传输对象）\n（...所有数据模型的抽象与封装）"]
+D --> I["NetAdmin.Infrastructure\n基础设施层\n（第三方组件和Nuget包引用）\n（公共构建和程序运行配置）\n（公共常量枚举异常定义）\n（全球化化和多语言）\n（...所有公共Utility工具）"]
+
+XH["NetAdmin.XXX.Host\n（WebApi）"]-->H
+XS["NetAdmin.XXXService\n（常驻内存服务）"]-->H
+XS["NetAdmin.XXXService\n（常驻内存服务）"]-->XC
+XC["NetAdmin.XXX.Cache\n（缓存层实例）"]-->C
+XA["NetAdmin.XXX.Application\n（业务逻辑层实例）"]-->A
+
+XH-->XC
+XC-->XA
+```
\ No newline at end of file
diff --git a/StyleCop.json b/StyleCop.json
new file mode 100644
index 00000000..9251b508
--- /dev/null
+++ b/StyleCop.json
@@ -0,0 +1,9 @@
+{
+  "$schema": "https://raw.githubusercontent.com/DotNetAnalyzers/StyleCopAnalyzers/master/StyleCop.Analyzers/StyleCop.Analyzers/Settings/stylecop.schema.json",
+  "settings": {
+    "indentation": {
+      "useTabs": false,
+      "indentationSize": 4
+    }
+  }
+}
\ No newline at end of file
diff --git a/StyleCopAnalyzers.ruleset b/StyleCopAnalyzers.ruleset
new file mode 100644
index 00000000..b8faaff9
--- /dev/null
+++ b/StyleCopAnalyzers.ruleset
@@ -0,0 +1,243 @@
+<?xml version="1.0"?>
+<RuleSet Name="StyleCop.Analyzers rules with default action"
+         Description="StyleCop.Analyzers with default action. Rules with IsEnabledByDefault = false are disabled."
+         ToolsVersion="14.0">
+    <Rules AnalyzerId="StyleCop.Analyzers" RuleNamespace="StyleCop.Analyzers.SpecialRules">
+        <Rule Id="SA0001" Action="Warning"/>          <!-- XML comment analysis disabled -->
+        <Rule Id="SA0002" Action="Warning"/>          <!-- Invalid settings file -->
+    </Rules>
+    <Rules AnalyzerId="StyleCop.Analyzers" RuleNamespace="StyleCop.Analyzers.SpacingRules">
+        <Rule Id="SA1000" Action="Warning"/>          <!-- Keywords should be spaced correctly -->
+        <Rule Id="SA1001" Action="None"/>             <!-- Commas should be spaced correctly -->
+        <Rule Id="SA1002" Action="Warning"/>          <!-- Semicolons should be spaced correctly -->
+        <Rule Id="SA1003" Action="Warning"/>          <!-- Symbols should be spaced correctly -->
+        <Rule Id="SA1004" Action="Warning"/>          <!-- Documentation lines should begin with single space -->
+        <Rule Id="SA1005" Action="Warning"/>             <!-- Single line comments should begin with single space -->
+        <Rule Id="SA1006" Action="Warning"/>          <!-- Preprocessor keywords should not be preceded by space -->
+        <Rule Id="SA1007" Action="Warning"/>          <!-- Operator keyword should be followed by space -->
+        <Rule Id="SA1008" Action="None"/>             <!-- Opening parenthesis should be spaced correctly -->
+        <Rule Id="SA1009" Action="Warning"/>          <!-- Closing parenthesis should be spaced correctly -->
+        <Rule Id="SA1010" Action="Warning"/>          <!-- Opening square brackets should be spaced correctly -->
+        <Rule Id="SA1011" Action="Warning"/>          <!-- Closing square brackets should be spaced correctly -->
+        <Rule Id="SA1012" Action="Warning"/>          <!-- Opening braces should be spaced correctly -->
+        <Rule Id="SA1013" Action="Warning"/>          <!-- Closing braces should be spaced correctly -->
+        <Rule Id="SA1014" Action="Warning"/>          <!-- Opening generic brackets should be spaced correctly -->
+        <Rule Id="SA1015" Action="Warning"/>          <!-- Closing generic brackets should be spaced correctly -->
+        <Rule Id="SA1016" Action="Warning"/>          <!-- Opening attribute brackets should be spaced correctly -->
+        <Rule Id="SA1017" Action="Warning"/>          <!-- Closing attribute brackets should be spaced correctly -->
+        <Rule Id="SA1018" Action="Warning"/>          <!-- Nullable type symbols should be spaced correctly -->
+        <Rule Id="SA1019" Action="Warning"/>          <!-- Member access symbols should be spaced correctly -->
+        <Rule Id="SA1020" Action="Warning"/>          <!-- Increment decrement symbols should be spaced correctly -->
+        <Rule Id="SA1021" Action="Warning"/>          <!-- Negative signs should be spaced correctly -->
+        <Rule Id="SA1022" Action="Warning"/>          <!-- Positive signs should be spaced correctly -->
+        <Rule Id="SA1023"
+              Action="Warning"/>          <!-- Dereference and access of symbols should be spaced correctly -->
+        <Rule Id="SA1024" Action="Warning"/>          <!-- Colons should be spaced correctly -->
+        <Rule Id="SA1025" Action="None"/>             <!-- Code should not contain multiple whitespace in a row -->
+        <Rule Id="SA1026"
+              Action="Warning"/>          <!-- Code should not contain space after new or stackalloc keyword in implicitly typed array allocation -->
+        <Rule Id="SA1027" Action="Warning"/>          <!-- Use tabs correctly -->
+        <Rule Id="SA1028" Action="Warning"/>          <!-- Code should not contain trailing whitespace -->
+    </Rules>
+    <Rules AnalyzerId="StyleCop.Analyzers" RuleNamespace="StyleCop.Analyzers.ReadabilityRules">
+        <Rule Id="SA1100"
+              Action="Warning"/>          <!-- Do not prefix calls with base unless local implementation exists -->
+        <Rule Id="SA1101" Action="None"/>             <!-- Prefix local calls with this -->
+        <Rule Id="SA1102" Action="Warning"/>          <!-- Query clause should follow previous clause -->
+        <Rule Id="SA1103"
+              Action="Warning"/>          <!-- Query clauses should be on separate lines or all on one line -->
+        <Rule Id="SA1104"
+              Action="Warning"/>          <!-- Query clause should begin on new line when previous clause spans multiple lines -->
+        <Rule Id="SA1105"
+              Action="Warning"/>          <!-- Query clauses spanning multiple lines should begin on own line -->
+        <Rule Id="SA1106" Action="Warning"/>          <!-- Code should not contain empty statements -->
+        <Rule Id="SA1107" Action="Warning"/>          <!-- Code should not contain multiple statements on one line -->
+        <Rule Id="SA1108" Action="Warning"/>          <!-- Block statements should not contain embedded comments -->
+        <Rule Id="SA1109" Action="Warning"/>          <!-- Block statements should not contain embedded regions -->
+        <Rule Id="SA1110"
+              Action="Warning"/>          <!-- Opening parenthesis or bracket should be on declaration line -->
+        <Rule Id="SA1111" Action="Warning"/>          <!-- Closing parenthesis should be on line of last parameter -->
+        <Rule Id="SA1112"
+              Action="Warning"/>          <!-- Closing parenthesis should be on line of opening parenthesis -->
+        <Rule Id="SA1113" Action="None"/>             <!-- Comma should be on the same line as previous parameter -->
+        <Rule Id="SA1114" Action="Warning"/>          <!-- Parameter list should follow declaration -->
+        <Rule Id="SA1115" Action="Warning"/>          <!-- Parameter should follow comma -->
+        <Rule Id="SA1116" Action="Warning"/>          <!-- Split parameters should start on line after declaration -->
+        <Rule Id="SA1117" Action="None"/>             <!-- Parameters should be on same line or separate lines -->
+        <Rule Id="SA1118" Action="None"/>          <!-- Parameter should not span multiple lines -->
+        <Rule Id="SA1120" Action="None"/>             <!-- Comments should contain text -->
+        <Rule Id="SA1121" Action="Warning"/>          <!-- Use built-in type alias -->
+        <Rule Id="SA1122" Action="Warning"/>          <!-- Use string.Empty for empty strings -->
+        <Rule Id="SA1123" Action="Warning"/>          <!-- Do not place regions within elements -->
+        <Rule Id="SA1124" Action="Warning"/>          <!-- Do not use regions -->
+        <Rule Id="SA1125" Action="Warning"/>          <!-- Use shorthand for nullable types -->
+        <Rule Id="SA1126" Action="Warning"/>          <!-- Prefix calls correctly -->
+        <Rule Id="SA1127" Action="Warning"/>          <!-- Generic type constraints should be on their own line -->
+        <Rule Id="SA1128" Action="Warning"/>          <!-- Put constructor initializers on their own line -->
+        <Rule Id="SA1129" Action="Warning"/>          <!-- Do not use default value type constructor -->
+        <Rule Id="SA1130" Action="Warning"/>          <!-- Use lambda syntax -->
+        <Rule Id="SA1131" Action="Warning"/>          <!-- Use readable conditions -->
+        <Rule Id="SA1132" Action="Warning"/>          <!-- Do not combine fields -->
+        <Rule Id="SA1133" Action="Warning"/>          <!-- Do not combine attributes -->
+        <Rule Id="SA1134" Action="Warning"/>             <!-- Attributes should not share line -->
+        <Rule Id="SA1135" Action="Warning"/>          <!-- Using directives should be qualified -->
+        <Rule Id="SA1136" Action="Warning"/>          <!-- Enum values should be on separate lines -->
+        <Rule Id="SA1137" Action="Warning"/>          <!-- Elements should have the same indentation -->
+        <Rule Id="SA1139" Action="Warning"/>          <!-- Use literal suffix notation instead of casting -->
+        <Rule Id="SX1101" Action="Warning"/>          <!-- Do not prefix local calls with 'this.' -->
+    </Rules>
+    <Rules AnalyzerId="StyleCop.Analyzers" RuleNamespace="StyleCop.Analyzers.OrderingRules">
+        <Rule Id="SA1200" Action="None"/>             <!-- Using directives should be placed correctly -->
+        <Rule Id="SA1201" Action="Warning"/>          <!-- Elements should appear in the correct order -->
+        <Rule Id="SA1202" Action="Warning"/>          <!-- Elements should be ordered by access -->
+        <Rule Id="SA1203" Action="Warning"/>          <!-- Constants should appear before fields -->
+        <Rule Id="SA1204" Action="Warning"/>          <!-- Static elements should appear before instance elements -->
+        <Rule Id="SA1205" Action="Warning"/>          <!-- Partial elements should declare access -->
+        <Rule Id="SA1206" Action="Warning"/>          <!-- Declaration keywords should follow order -->
+        <Rule Id="SA1207" Action="Warning"/>          <!-- Protected should come before internal -->
+        <Rule Id="SA1208"
+              Action="Warning"/>          <!-- System using directives should be placed before other using directives -->
+        <Rule Id="SA1209"
+              Action="Warning"/>          <!-- Using alias directives should be placed after other using directives -->
+        <Rule Id="SA1210"
+              Action="Warning"/>          <!-- Using directives should be ordered alphabetically by namespace -->
+        <Rule Id="SA1211"
+              Action="Warning"/>          <!-- Using alias directives should be ordered alphabetically by alias name -->
+        <Rule Id="SA1212" Action="Warning"/>          <!-- Property accessors should follow order -->
+        <Rule Id="SA1213" Action="Warning"/>          <!-- Event accessors should follow order -->
+        <Rule Id="SA1214" Action="Warning"/>          <!-- Readonly fields should appear before non-readonly fields -->
+        <Rule Id="SA1216"
+              Action="Warning"/>          <!-- Using static directives should be placed at the correct location -->
+        <Rule Id="SA1217" Action="Warning"/>          <!-- Using static directives should be ordered alphabetically -->
+    </Rules>
+    <Rules AnalyzerId="StyleCop.Analyzers" RuleNamespace="StyleCop.Analyzers.NamingRules">
+        <Rule Id="SA1300" Action="Warning"/>          <!-- Element should begin with upper-case letter -->
+        <Rule Id="SA1301" Action="Warning"/>          <!-- Element should begin with lower-case letter -->
+        <Rule Id="SA1302" Action="Warning"/>          <!-- Interface names should begin with I -->
+        <Rule Id="SA1303" Action="Warning"/>          <!-- Const field names should begin with upper-case letter -->
+        <Rule Id="SA1304"
+              Action="Warning"/>          <!-- Non-private readonly fields should begin with upper-case letter -->
+        <Rule Id="SA1305" Action="None"/>             <!-- Field names should not use Hungarian notation -->
+        <Rule Id="SA1306" Action="Warning"/>          <!-- Field names should begin with lower-case letter -->
+        <Rule Id="SA1307" Action="Warning"/>          <!-- Accessible fields should begin with upper-case letter -->
+        <Rule Id="SA1308" Action="Warning"/>          <!-- Variable names should not be prefixed -->
+        <Rule Id="SA1309" Action="None"/>             <!-- Field names should not begin with underscore -->
+        <Rule Id="SA1310" Action="None"/>             <!-- Field names should not contain underscore -->
+        <Rule Id="SA1311"
+              Action="Warning"/>          <!-- Static readonly fields should begin with upper-case letter -->
+        <Rule Id="SA1312" Action="Warning"/>          <!-- Variable names should begin with lower-case letter -->
+        <Rule Id="SA1313" Action="None"/>             <!-- Parameter names should begin with lower-case letter -->
+        <Rule Id="SA1314" Action="Warning"/>          <!-- Type parameter names should begin with T -->
+        <Rule Id="SX1309" Action="Warning"/>          <!-- Field names should begin with underscore -->
+        <Rule Id="SX1309S" Action="Warning"/>         <!-- Static field names should begin with underscore -->
+    </Rules>
+    <Rules AnalyzerId="StyleCop.Analyzers" RuleNamespace="StyleCop.Analyzers.MaintainabilityRules">
+        <Rule Id="SA1119" Action="Warning"/>          <!-- Statement should not use unnecessary parenthesis -->
+        <Rule Id="SA1400" Action="Warning"/>          <!-- Access modifier should be declared -->
+        <Rule Id="SA1401" Action="Warning"/>          <!-- Fields should be private -->
+        <Rule Id="SA1402" Action="None"/>          <!-- File may only contain a single type -->
+        <Rule Id="SA1403" Action="Warning"/>          <!-- File may only contain a single namespace -->
+        <Rule Id="SA1404" Action="Warning"/>          <!-- Code analysis suppression should have justification -->
+        <Rule Id="SA1405" Action="Warning"/>          <!-- Debug.Assert should provide message text -->
+        <Rule Id="SA1406" Action="Warning"/>          <!-- Debug.Fail should provide message text -->
+        <Rule Id="SA1407" Action="Warning"/>             <!-- Arithmetic expressions should declare precedence -->
+        <Rule Id="SA1408" Action="Warning"/>          <!-- Conditional expressions should declare precedence -->
+        <Rule Id="SA1409" Action="Warning"/>          <!-- Remove unnecessary code -->
+        <Rule Id="SA1410" Action="Warning"/>          <!-- Remove delegate parenthesis when possible -->
+        <Rule Id="SA1411"
+              Action="Warning"/>          <!-- Attribute constructor should not use unnecessary parenthesis -->
+        <Rule Id="SA1412" Action="None"/>             <!-- Store files as UTF-8 with byte order mark -->
+        <Rule Id="SA1413" Action="None"/>             <!-- Use trailing comma in multi-line initializers -->
+    </Rules>
+    <Rules AnalyzerId="StyleCop.Analyzers" RuleNamespace="StyleCop.Analyzers.LayoutRules">
+        <Rule Id="SA1500" Action="None"/>             <!-- Braces for multi-line statements should not share line -->
+        <Rule Id="SA1501" Action="Warning"/>          <!-- Statement should not be on a single line -->
+        <Rule Id="SA1502" Action="None"/>             <!-- Element should not be on a single line -->
+        <Rule Id="SA1503" Action="Warning"/>             <!-- Braces should not be omitted -->
+        <Rule Id="SA1504" Action="Warning"/>          <!-- All accessors should be single-line or multi-line -->
+        <Rule Id="SA1505" Action="Warning"/>          <!-- Opening braces should not be followed by blank line -->
+        <Rule Id="SA1506"
+              Action="Warning"/>          <!-- Element documentation headers should not be followed by blank line -->
+        <Rule Id="SA1507" Action="Warning"/>          <!-- Code should not contain multiple blank lines in a row -->
+        <Rule Id="SA1508" Action="Warning"/>          <!-- Closing braces should not be preceded by blank line -->
+        <Rule Id="SA1509" Action="Warning"/>          <!-- Opening braces should not be preceded by blank line -->
+        <Rule Id="SA1510"
+              Action="Warning"/>          <!-- Chained statement blocks should not be preceded by blank line -->
+        <Rule Id="SA1511" Action="Warning"/>          <!-- While-do footer should not be preceded by blank line -->
+        <Rule Id="SA1512" Action="Warning"/>          <!-- Single-line comments should not be followed by blank line -->
+        <Rule Id="SA1513" Action="Warning"/>          <!-- Closing brace should be followed by blank line -->
+        <Rule Id="SA1514"
+              Action="Warning"/>          <!-- Element documentation header should be preceded by blank line -->
+        <Rule Id="SA1515" Action="Warning"/>          <!-- Single-line comment should be preceded by blank line -->
+        <Rule Id="SA1516" Action="Warning"/>          <!-- Elements should be separated by blank line -->
+        <Rule Id="SA1517" Action="Warning"/>          <!-- Code should not contain blank lines at start of file -->
+        <Rule Id="SA1518" Action="Warning"/>          <!-- Use line endings correctly at end of file -->
+        <Rule Id="SA1519"
+              Action="Warning"/>          <!-- Braces should not be omitted from multi-line child statement -->
+        <Rule Id="SA1520" Action="Warning"/>          <!-- Use braces consistently -->
+    </Rules>
+    <Rules AnalyzerId="StyleCop.Analyzers" RuleNamespace="StyleCop.Analyzers.DocumentationRules">
+        <Rule Id="SA1600" Action="None"/>             <!-- Elements should be documented -->
+        <Rule Id="SA1601" Action="None"/>             <!-- Partial elements should be documented -->
+        <Rule Id="SA1602" Action="None"/>             <!-- Enumeration items should be documented -->
+        <Rule Id="SA1603" Action="Warning"/>          <!-- Documentation should contain valid XML -->
+        <Rule Id="SA1604" Action="Warning"/>          <!-- Element documentation should have summary -->
+        <Rule Id="SA1605" Action="Warning"/>          <!-- Partial element documentation should have summary -->
+        <Rule Id="SA1606" Action="Warning"/>          <!-- Element documentation should have summary text -->
+        <Rule Id="SA1607" Action="Warning"/>          <!-- Partial element documentation should have summary text -->
+        <Rule Id="SA1608" Action="Warning"/>          <!-- Element documentation should not have default summary -->
+        <Rule Id="SA1609" Action="None"/>          <!-- Property documentation should have value -->
+        <Rule Id="SA1610" Action="Warning"/>          <!-- Property documentation should have value text -->
+        <Rule Id="SA1611" Action="None"/>             <!-- Element parameters should be documented -->
+        <Rule Id="SA1612"
+              Action="Warning"/>          <!-- Element parameter documentation should match element parameters -->
+        <Rule Id="SA1613"
+              Action="Warning"/>          <!-- Element parameter documentation should declare parameter name -->
+        <Rule Id="SA1614" Action="Warning"/>          <!-- Element parameter documentation should have text -->
+        <Rule Id="SA1615" Action="None"/>             <!-- Element return value should be documented -->
+        <Rule Id="SA1616" Action="Warning"/>          <!-- Element return value documentation should have text -->
+        <Rule Id="SA1617" Action="Warning"/>          <!-- Void return value should not be documented -->
+        <Rule Id="SA1618" Action="None"/>             <!-- Generic type parameters should be documented -->
+        <Rule Id="SA1619"
+              Action="None"/>             <!-- Generic type parameters should be documented partial class -->
+        <Rule Id="SA1620"
+              Action="Warning"/>          <!-- Generic type parameter documentation should match type parameters -->
+        <Rule Id="SA1621"
+              Action="Warning"/>          <!-- Generic type parameter documentation should declare parameter name -->
+        <Rule Id="SA1622" Action="Warning"/>          <!-- Generic type parameter documentation should have text -->
+        <Rule Id="SA1623" Action="None"/>          <!-- Property summary documentation should match accessors -->
+        <Rule Id="SA1624"
+              Action="Warning"/>          <!-- Property summary documentation should omit accessor with restricted access -->
+        <Rule Id="SA1625" Action="Warning"/>          <!-- Element documentation should not be copied and pasted -->
+        <Rule Id="SA1626"
+              Action="Warning"/>          <!-- Single-line comments should not use documentation style slashes -->
+        <Rule Id="SA1627" Action="Warning"/>          <!-- Documentation text should not be empty -->
+        <Rule Id="SA1628" Action="Warning"/>          <!-- Documentation text should begin with a capital letter -->
+        <Rule Id="SA1629" Action="None"/>          <!-- Documentation text should end with a period -->
+        <Rule Id="SA1630" Action="Warning"/>          <!-- Documentation text should contain whitespace -->
+        <Rule Id="SA1631" Action="Warning"/>          <!-- Documentation should meet character percentage -->
+        <Rule Id="SA1632" Action="Warning"/>          <!-- Documentation text should meet minimum character length -->
+        <Rule Id="SA1633" Action="None"/>             <!-- File should have header -->
+        <Rule Id="SA1634" Action="Warning"/>          <!-- File header should show copyright -->
+        <Rule Id="SA1635" Action="Warning"/>          <!-- File header should have copyright text -->
+        <Rule Id="SA1636" Action="Warning"/>          <!-- File header copyright text should match -->
+        <Rule Id="SA1637" Action="Warning"/>          <!-- File header should contain file name -->
+        <Rule Id="SA1638"
+              Action="Warning"/>          <!-- File header file name documentation should match file name -->
+        <Rule Id="SA1639" Action="Warning"/>          <!-- File header should have summary -->
+        <Rule Id="SA1640" Action="Warning"/>          <!-- File header should have valid company text -->
+        <Rule Id="SA1641" Action="Warning"/>          <!-- File header company name text should match -->
+        <Rule Id="SA1642"
+              Action="Warning"/>          <!-- Constructor summary documentation should begin with standard text -->
+        <Rule Id="SA1643"
+              Action="Warning"/>          <!-- Destructor summary documentation should begin with standard text -->
+        <Rule Id="SA1644" Action="Warning"/>          <!-- Documentation headers should not contain blank lines -->
+        <Rule Id="SA1645" Action="Warning"/>          <!-- Included documentation file does not exist -->
+        <Rule Id="SA1646" Action="Warning"/>          <!-- Included documentation XPath does not exist -->
+        <Rule Id="SA1647" Action="Warning"/>          <!-- Include node does not contain valid file and path -->
+        <Rule Id="SA1648" Action="Warning"/>          <!-- Inheritdoc should be used with inheriting class -->
+        <Rule Id="SA1649" Action="Warning"/>          <!-- File name should match first type name -->
+        <Rule Id="SA1650" Action="Warning"/>          <!-- Element documentation should be spelled correctly -->
+        <Rule Id="SA1651" Action="Warning"/>          <!-- Do not use placeholder elements -->
+    </Rules>
+</RuleSet>
\ No newline at end of file
diff --git a/assets/README.md b/assets/README.md
new file mode 100644
index 00000000..c613f732
--- /dev/null
+++ b/assets/README.md
@@ -0,0 +1 @@
+# 资源文件目录
\ No newline at end of file
diff --git a/assets/captcha/background/1.jpg b/assets/captcha/background/1.jpg
new file mode 100644
index 00000000..067358ea
Binary files /dev/null and b/assets/captcha/background/1.jpg differ
diff --git a/assets/captcha/background/10.jpg b/assets/captcha/background/10.jpg
new file mode 100644
index 00000000..ebbb328e
Binary files /dev/null and b/assets/captcha/background/10.jpg differ
diff --git a/assets/captcha/background/100.jpg b/assets/captcha/background/100.jpg
new file mode 100644
index 00000000..c11a1630
Binary files /dev/null and b/assets/captcha/background/100.jpg differ
diff --git a/assets/captcha/background/11.jpg b/assets/captcha/background/11.jpg
new file mode 100644
index 00000000..bf37f0cc
Binary files /dev/null and b/assets/captcha/background/11.jpg differ
diff --git a/assets/captcha/background/12.jpg b/assets/captcha/background/12.jpg
new file mode 100644
index 00000000..bf222152
Binary files /dev/null and b/assets/captcha/background/12.jpg differ
diff --git a/assets/captcha/background/13.jpg b/assets/captcha/background/13.jpg
new file mode 100644
index 00000000..6a8e095b
Binary files /dev/null and b/assets/captcha/background/13.jpg differ
diff --git a/assets/captcha/background/14.jpg b/assets/captcha/background/14.jpg
new file mode 100644
index 00000000..d7832b98
Binary files /dev/null and b/assets/captcha/background/14.jpg differ
diff --git a/assets/captcha/background/15.jpg b/assets/captcha/background/15.jpg
new file mode 100644
index 00000000..3b794e76
Binary files /dev/null and b/assets/captcha/background/15.jpg differ
diff --git a/assets/captcha/background/16.jpg b/assets/captcha/background/16.jpg
new file mode 100644
index 00000000..9052c7f5
Binary files /dev/null and b/assets/captcha/background/16.jpg differ
diff --git a/assets/captcha/background/17.jpg b/assets/captcha/background/17.jpg
new file mode 100644
index 00000000..3037e829
Binary files /dev/null and b/assets/captcha/background/17.jpg differ
diff --git a/assets/captcha/background/18.jpg b/assets/captcha/background/18.jpg
new file mode 100644
index 00000000..94d41633
Binary files /dev/null and b/assets/captcha/background/18.jpg differ
diff --git a/assets/captcha/background/19.jpg b/assets/captcha/background/19.jpg
new file mode 100644
index 00000000..a0bc6fc1
Binary files /dev/null and b/assets/captcha/background/19.jpg differ
diff --git a/assets/captcha/background/2.jpg b/assets/captcha/background/2.jpg
new file mode 100644
index 00000000..5f2f2f16
Binary files /dev/null and b/assets/captcha/background/2.jpg differ
diff --git a/assets/captcha/background/20.jpg b/assets/captcha/background/20.jpg
new file mode 100644
index 00000000..c0ca5e4a
Binary files /dev/null and b/assets/captcha/background/20.jpg differ
diff --git a/assets/captcha/background/21.jpg b/assets/captcha/background/21.jpg
new file mode 100644
index 00000000..b45f3591
Binary files /dev/null and b/assets/captcha/background/21.jpg differ
diff --git a/assets/captcha/background/22.jpg b/assets/captcha/background/22.jpg
new file mode 100644
index 00000000..bd4415c7
Binary files /dev/null and b/assets/captcha/background/22.jpg differ
diff --git a/assets/captcha/background/23.jpg b/assets/captcha/background/23.jpg
new file mode 100644
index 00000000..659f0ccf
Binary files /dev/null and b/assets/captcha/background/23.jpg differ
diff --git a/assets/captcha/background/24.jpg b/assets/captcha/background/24.jpg
new file mode 100644
index 00000000..eac721bd
Binary files /dev/null and b/assets/captcha/background/24.jpg differ
diff --git a/assets/captcha/background/25.jpg b/assets/captcha/background/25.jpg
new file mode 100644
index 00000000..c11a1630
Binary files /dev/null and b/assets/captcha/background/25.jpg differ
diff --git a/assets/captcha/background/26.jpg b/assets/captcha/background/26.jpg
new file mode 100644
index 00000000..d98e9378
Binary files /dev/null and b/assets/captcha/background/26.jpg differ
diff --git a/assets/captcha/background/27.jpg b/assets/captcha/background/27.jpg
new file mode 100644
index 00000000..bf222152
Binary files /dev/null and b/assets/captcha/background/27.jpg differ
diff --git a/assets/captcha/background/28.jpg b/assets/captcha/background/28.jpg
new file mode 100644
index 00000000..03e95213
Binary files /dev/null and b/assets/captcha/background/28.jpg differ
diff --git a/assets/captcha/background/29.jpg b/assets/captcha/background/29.jpg
new file mode 100644
index 00000000..c377a178
Binary files /dev/null and b/assets/captcha/background/29.jpg differ
diff --git a/assets/captcha/background/3.jpg b/assets/captcha/background/3.jpg
new file mode 100644
index 00000000..837b2585
Binary files /dev/null and b/assets/captcha/background/3.jpg differ
diff --git a/assets/captcha/background/30.jpg b/assets/captcha/background/30.jpg
new file mode 100644
index 00000000..98fa60bc
Binary files /dev/null and b/assets/captcha/background/30.jpg differ
diff --git a/assets/captcha/background/31.jpg b/assets/captcha/background/31.jpg
new file mode 100644
index 00000000..f165abf5
Binary files /dev/null and b/assets/captcha/background/31.jpg differ
diff --git a/assets/captcha/background/32.jpg b/assets/captcha/background/32.jpg
new file mode 100644
index 00000000..1d9cbd60
Binary files /dev/null and b/assets/captcha/background/32.jpg differ
diff --git a/assets/captcha/background/33.jpg b/assets/captcha/background/33.jpg
new file mode 100644
index 00000000..d2f8faa1
Binary files /dev/null and b/assets/captcha/background/33.jpg differ
diff --git a/assets/captcha/background/34.jpg b/assets/captcha/background/34.jpg
new file mode 100644
index 00000000..13d4adb1
Binary files /dev/null and b/assets/captcha/background/34.jpg differ
diff --git a/assets/captcha/background/35.jpg b/assets/captcha/background/35.jpg
new file mode 100644
index 00000000..769a403e
Binary files /dev/null and b/assets/captcha/background/35.jpg differ
diff --git a/assets/captcha/background/36.jpg b/assets/captcha/background/36.jpg
new file mode 100644
index 00000000..3c8f6cc4
Binary files /dev/null and b/assets/captcha/background/36.jpg differ
diff --git a/assets/captcha/background/37.jpg b/assets/captcha/background/37.jpg
new file mode 100644
index 00000000..5d05d76d
Binary files /dev/null and b/assets/captcha/background/37.jpg differ
diff --git a/assets/captcha/background/38.jpg b/assets/captcha/background/38.jpg
new file mode 100644
index 00000000..12dc40c1
Binary files /dev/null and b/assets/captcha/background/38.jpg differ
diff --git a/assets/captcha/background/39.jpg b/assets/captcha/background/39.jpg
new file mode 100644
index 00000000..2cf13f71
Binary files /dev/null and b/assets/captcha/background/39.jpg differ
diff --git a/assets/captcha/background/4.jpg b/assets/captcha/background/4.jpg
new file mode 100644
index 00000000..9db2cfe8
Binary files /dev/null and b/assets/captcha/background/4.jpg differ
diff --git a/assets/captcha/background/40.jpg b/assets/captcha/background/40.jpg
new file mode 100644
index 00000000..d79f8940
Binary files /dev/null and b/assets/captcha/background/40.jpg differ
diff --git a/assets/captcha/background/41.jpg b/assets/captcha/background/41.jpg
new file mode 100644
index 00000000..1c451c18
Binary files /dev/null and b/assets/captcha/background/41.jpg differ
diff --git a/assets/captcha/background/42.jpg b/assets/captcha/background/42.jpg
new file mode 100644
index 00000000..4b3295ac
Binary files /dev/null and b/assets/captcha/background/42.jpg differ
diff --git a/assets/captcha/background/43.jpg b/assets/captcha/background/43.jpg
new file mode 100644
index 00000000..70620bfc
Binary files /dev/null and b/assets/captcha/background/43.jpg differ
diff --git a/assets/captcha/background/44.jpg b/assets/captcha/background/44.jpg
new file mode 100644
index 00000000..85958ccd
Binary files /dev/null and b/assets/captcha/background/44.jpg differ
diff --git a/assets/captcha/background/45.jpg b/assets/captcha/background/45.jpg
new file mode 100644
index 00000000..d0284fcd
Binary files /dev/null and b/assets/captcha/background/45.jpg differ
diff --git a/assets/captcha/background/46.jpg b/assets/captcha/background/46.jpg
new file mode 100644
index 00000000..739073be
Binary files /dev/null and b/assets/captcha/background/46.jpg differ
diff --git a/assets/captcha/background/47.jpg b/assets/captcha/background/47.jpg
new file mode 100644
index 00000000..3176a9f4
Binary files /dev/null and b/assets/captcha/background/47.jpg differ
diff --git a/assets/captcha/background/48.jpg b/assets/captcha/background/48.jpg
new file mode 100644
index 00000000..f4f381d7
Binary files /dev/null and b/assets/captcha/background/48.jpg differ
diff --git a/assets/captcha/background/49.jpg b/assets/captcha/background/49.jpg
new file mode 100644
index 00000000..0ea8d1c1
Binary files /dev/null and b/assets/captcha/background/49.jpg differ
diff --git a/assets/captcha/background/5.jpg b/assets/captcha/background/5.jpg
new file mode 100644
index 00000000..4fec1bd1
Binary files /dev/null and b/assets/captcha/background/5.jpg differ
diff --git a/assets/captcha/background/50.jpg b/assets/captcha/background/50.jpg
new file mode 100644
index 00000000..837b2585
Binary files /dev/null and b/assets/captcha/background/50.jpg differ
diff --git a/assets/captcha/background/51.jpg b/assets/captcha/background/51.jpg
new file mode 100644
index 00000000..f669339b
Binary files /dev/null and b/assets/captcha/background/51.jpg differ
diff --git a/assets/captcha/background/52.jpg b/assets/captcha/background/52.jpg
new file mode 100644
index 00000000..f119fc64
Binary files /dev/null and b/assets/captcha/background/52.jpg differ
diff --git a/assets/captcha/background/53.jpg b/assets/captcha/background/53.jpg
new file mode 100644
index 00000000..bcdd8348
Binary files /dev/null and b/assets/captcha/background/53.jpg differ
diff --git a/assets/captcha/background/54.jpg b/assets/captcha/background/54.jpg
new file mode 100644
index 00000000..0b922eaf
Binary files /dev/null and b/assets/captcha/background/54.jpg differ
diff --git a/assets/captcha/background/55.jpg b/assets/captcha/background/55.jpg
new file mode 100644
index 00000000..fd9405c1
Binary files /dev/null and b/assets/captcha/background/55.jpg differ
diff --git a/assets/captcha/background/56.jpg b/assets/captcha/background/56.jpg
new file mode 100644
index 00000000..aa512dbb
Binary files /dev/null and b/assets/captcha/background/56.jpg differ
diff --git a/assets/captcha/background/57.jpg b/assets/captcha/background/57.jpg
new file mode 100644
index 00000000..13d7a21c
Binary files /dev/null and b/assets/captcha/background/57.jpg differ
diff --git a/assets/captcha/background/58.jpg b/assets/captcha/background/58.jpg
new file mode 100644
index 00000000..e9549352
Binary files /dev/null and b/assets/captcha/background/58.jpg differ
diff --git a/assets/captcha/background/59.jpg b/assets/captcha/background/59.jpg
new file mode 100644
index 00000000..0c55f67e
Binary files /dev/null and b/assets/captcha/background/59.jpg differ
diff --git a/assets/captcha/background/6.jpg b/assets/captcha/background/6.jpg
new file mode 100644
index 00000000..5d8febd9
Binary files /dev/null and b/assets/captcha/background/6.jpg differ
diff --git a/assets/captcha/background/60.jpg b/assets/captcha/background/60.jpg
new file mode 100644
index 00000000..525a981d
Binary files /dev/null and b/assets/captcha/background/60.jpg differ
diff --git a/assets/captcha/background/61.jpg b/assets/captcha/background/61.jpg
new file mode 100644
index 00000000..6b5ebdd0
Binary files /dev/null and b/assets/captcha/background/61.jpg differ
diff --git a/assets/captcha/background/62.jpg b/assets/captcha/background/62.jpg
new file mode 100644
index 00000000..0667299c
Binary files /dev/null and b/assets/captcha/background/62.jpg differ
diff --git a/assets/captcha/background/63.jpg b/assets/captcha/background/63.jpg
new file mode 100644
index 00000000..8e7192ed
Binary files /dev/null and b/assets/captcha/background/63.jpg differ
diff --git a/assets/captcha/background/64.jpg b/assets/captcha/background/64.jpg
new file mode 100644
index 00000000..8b388371
Binary files /dev/null and b/assets/captcha/background/64.jpg differ
diff --git a/assets/captcha/background/65.jpg b/assets/captcha/background/65.jpg
new file mode 100644
index 00000000..5f2f2f16
Binary files /dev/null and b/assets/captcha/background/65.jpg differ
diff --git a/assets/captcha/background/66.jpg b/assets/captcha/background/66.jpg
new file mode 100644
index 00000000..c01e84df
Binary files /dev/null and b/assets/captcha/background/66.jpg differ
diff --git a/assets/captcha/background/67.jpg b/assets/captcha/background/67.jpg
new file mode 100644
index 00000000..4eee5202
Binary files /dev/null and b/assets/captcha/background/67.jpg differ
diff --git a/assets/captcha/background/68.jpg b/assets/captcha/background/68.jpg
new file mode 100644
index 00000000..b92b9b42
Binary files /dev/null and b/assets/captcha/background/68.jpg differ
diff --git a/assets/captcha/background/69.jpg b/assets/captcha/background/69.jpg
new file mode 100644
index 00000000..98fa60bc
Binary files /dev/null and b/assets/captcha/background/69.jpg differ
diff --git a/assets/captcha/background/7.jpg b/assets/captcha/background/7.jpg
new file mode 100644
index 00000000..fc0e2f14
Binary files /dev/null and b/assets/captcha/background/7.jpg differ
diff --git a/assets/captcha/background/70.jpg b/assets/captcha/background/70.jpg
new file mode 100644
index 00000000..1d3086f8
Binary files /dev/null and b/assets/captcha/background/70.jpg differ
diff --git a/assets/captcha/background/71.jpg b/assets/captcha/background/71.jpg
new file mode 100644
index 00000000..78626e7c
Binary files /dev/null and b/assets/captcha/background/71.jpg differ
diff --git a/assets/captcha/background/72.jpg b/assets/captcha/background/72.jpg
new file mode 100644
index 00000000..dbabade3
Binary files /dev/null and b/assets/captcha/background/72.jpg differ
diff --git a/assets/captcha/background/73.jpg b/assets/captcha/background/73.jpg
new file mode 100644
index 00000000..8fb5916a
Binary files /dev/null and b/assets/captcha/background/73.jpg differ
diff --git a/assets/captcha/background/74.jpg b/assets/captcha/background/74.jpg
new file mode 100644
index 00000000..68475ca2
Binary files /dev/null and b/assets/captcha/background/74.jpg differ
diff --git a/assets/captcha/background/75.jpg b/assets/captcha/background/75.jpg
new file mode 100644
index 00000000..0db705d8
Binary files /dev/null and b/assets/captcha/background/75.jpg differ
diff --git a/assets/captcha/background/76.jpg b/assets/captcha/background/76.jpg
new file mode 100644
index 00000000..822ab361
Binary files /dev/null and b/assets/captcha/background/76.jpg differ
diff --git a/assets/captcha/background/77.jpg b/assets/captcha/background/77.jpg
new file mode 100644
index 00000000..cdf53128
Binary files /dev/null and b/assets/captcha/background/77.jpg differ
diff --git a/assets/captcha/background/78.jpg b/assets/captcha/background/78.jpg
new file mode 100644
index 00000000..d355de59
Binary files /dev/null and b/assets/captcha/background/78.jpg differ
diff --git a/assets/captcha/background/79.jpg b/assets/captcha/background/79.jpg
new file mode 100644
index 00000000..4aa78d62
Binary files /dev/null and b/assets/captcha/background/79.jpg differ
diff --git a/assets/captcha/background/8.jpg b/assets/captcha/background/8.jpg
new file mode 100644
index 00000000..b5b1c386
Binary files /dev/null and b/assets/captcha/background/8.jpg differ
diff --git a/assets/captcha/background/80.jpg b/assets/captcha/background/80.jpg
new file mode 100644
index 00000000..1d3086f8
Binary files /dev/null and b/assets/captcha/background/80.jpg differ
diff --git a/assets/captcha/background/81.jpg b/assets/captcha/background/81.jpg
new file mode 100644
index 00000000..6977db67
Binary files /dev/null and b/assets/captcha/background/81.jpg differ
diff --git a/assets/captcha/background/82.jpg b/assets/captcha/background/82.jpg
new file mode 100644
index 00000000..aa0f3cd0
Binary files /dev/null and b/assets/captcha/background/82.jpg differ
diff --git a/assets/captcha/background/83.jpg b/assets/captcha/background/83.jpg
new file mode 100644
index 00000000..de28472a
Binary files /dev/null and b/assets/captcha/background/83.jpg differ
diff --git a/assets/captcha/background/84.jpg b/assets/captcha/background/84.jpg
new file mode 100644
index 00000000..5bc6ae84
Binary files /dev/null and b/assets/captcha/background/84.jpg differ
diff --git a/assets/captcha/background/85.jpg b/assets/captcha/background/85.jpg
new file mode 100644
index 00000000..dbcfc208
Binary files /dev/null and b/assets/captcha/background/85.jpg differ
diff --git a/assets/captcha/background/86.jpg b/assets/captcha/background/86.jpg
new file mode 100644
index 00000000..26edc97f
Binary files /dev/null and b/assets/captcha/background/86.jpg differ
diff --git a/assets/captcha/background/87.jpg b/assets/captcha/background/87.jpg
new file mode 100644
index 00000000..e86db4ed
Binary files /dev/null and b/assets/captcha/background/87.jpg differ
diff --git a/assets/captcha/background/88.jpg b/assets/captcha/background/88.jpg
new file mode 100644
index 00000000..5d05d76d
Binary files /dev/null and b/assets/captcha/background/88.jpg differ
diff --git a/assets/captcha/background/89.jpg b/assets/captcha/background/89.jpg
new file mode 100644
index 00000000..e53820f4
Binary files /dev/null and b/assets/captcha/background/89.jpg differ
diff --git a/assets/captcha/background/9.jpg b/assets/captcha/background/9.jpg
new file mode 100644
index 00000000..16c0569a
Binary files /dev/null and b/assets/captcha/background/9.jpg differ
diff --git a/assets/captcha/background/90.jpg b/assets/captcha/background/90.jpg
new file mode 100644
index 00000000..03e95213
Binary files /dev/null and b/assets/captcha/background/90.jpg differ
diff --git a/assets/captcha/background/91.jpg b/assets/captcha/background/91.jpg
new file mode 100644
index 00000000..fc0e2f14
Binary files /dev/null and b/assets/captcha/background/91.jpg differ
diff --git a/assets/captcha/background/92.jpg b/assets/captcha/background/92.jpg
new file mode 100644
index 00000000..58e49d93
Binary files /dev/null and b/assets/captcha/background/92.jpg differ
diff --git a/assets/captcha/background/93.jpg b/assets/captcha/background/93.jpg
new file mode 100644
index 00000000..d3453998
Binary files /dev/null and b/assets/captcha/background/93.jpg differ
diff --git a/assets/captcha/background/94.jpg b/assets/captcha/background/94.jpg
new file mode 100644
index 00000000..c9f4b08e
Binary files /dev/null and b/assets/captcha/background/94.jpg differ
diff --git a/assets/captcha/background/95.jpg b/assets/captcha/background/95.jpg
new file mode 100644
index 00000000..7c095065
Binary files /dev/null and b/assets/captcha/background/95.jpg differ
diff --git a/assets/captcha/background/96.jpg b/assets/captcha/background/96.jpg
new file mode 100644
index 00000000..ee96fb8b
Binary files /dev/null and b/assets/captcha/background/96.jpg differ
diff --git a/assets/captcha/background/97.jpg b/assets/captcha/background/97.jpg
new file mode 100644
index 00000000..ba84d3a5
Binary files /dev/null and b/assets/captcha/background/97.jpg differ
diff --git a/assets/captcha/background/98.jpg b/assets/captcha/background/98.jpg
new file mode 100644
index 00000000..5b9b39bc
Binary files /dev/null and b/assets/captcha/background/98.jpg differ
diff --git a/assets/captcha/background/99.jpg b/assets/captcha/background/99.jpg
new file mode 100644
index 00000000..582bc75f
Binary files /dev/null and b/assets/captcha/background/99.jpg differ
diff --git a/assets/captcha/template/1/dark.png b/assets/captcha/template/1/dark.png
new file mode 100644
index 00000000..8684a67e
Binary files /dev/null and b/assets/captcha/template/1/dark.png differ
diff --git a/assets/captcha/template/1/transparent.png b/assets/captcha/template/1/transparent.png
new file mode 100644
index 00000000..9e568ed6
Binary files /dev/null and b/assets/captcha/template/1/transparent.png differ
diff --git a/assets/captcha/template/2/dark.png b/assets/captcha/template/2/dark.png
new file mode 100644
index 00000000..bcc08bdd
Binary files /dev/null and b/assets/captcha/template/2/dark.png differ
diff --git a/assets/captcha/template/2/transparent.png b/assets/captcha/template/2/transparent.png
new file mode 100644
index 00000000..e2fa6257
Binary files /dev/null and b/assets/captcha/template/2/transparent.png differ
diff --git a/assets/captcha/template/3/dark.png b/assets/captcha/template/3/dark.png
new file mode 100644
index 00000000..cb4ee592
Binary files /dev/null and b/assets/captcha/template/3/dark.png differ
diff --git a/assets/captcha/template/3/transparent.png b/assets/captcha/template/3/transparent.png
new file mode 100644
index 00000000..aa14e19b
Binary files /dev/null and b/assets/captcha/template/3/transparent.png differ
diff --git a/assets/captcha/template/4/dark.png b/assets/captcha/template/4/dark.png
new file mode 100644
index 00000000..b9399273
Binary files /dev/null and b/assets/captcha/template/4/dark.png differ
diff --git a/assets/captcha/template/4/transparent.png b/assets/captcha/template/4/transparent.png
new file mode 100644
index 00000000..41192d5c
Binary files /dev/null and b/assets/captcha/template/4/transparent.png differ
diff --git a/assets/captcha/template/5/dark.png b/assets/captcha/template/5/dark.png
new file mode 100644
index 00000000..24df9307
Binary files /dev/null and b/assets/captcha/template/5/dark.png differ
diff --git a/assets/captcha/template/5/transparent.png b/assets/captcha/template/5/transparent.png
new file mode 100644
index 00000000..6edc2b94
Binary files /dev/null and b/assets/captcha/template/5/transparent.png differ
diff --git a/assets/captcha/template/6/dark.png b/assets/captcha/template/6/dark.png
new file mode 100644
index 00000000..2b128349
Binary files /dev/null and b/assets/captcha/template/6/dark.png differ
diff --git a/assets/captcha/template/6/transparent.png b/assets/captcha/template/6/transparent.png
new file mode 100644
index 00000000..700424ad
Binary files /dev/null and b/assets/captcha/template/6/transparent.png differ
diff --git a/assets/logo/drone.png b/assets/logo/drone.png
new file mode 100644
index 00000000..fa16e5ce
Binary files /dev/null and b/assets/logo/drone.png differ
diff --git a/assets/logo/drone_red.png b/assets/logo/drone_red.png
new file mode 100644
index 00000000..67023597
Binary files /dev/null and b/assets/logo/drone_red.png differ
diff --git a/assets/logo/gitea.png b/assets/logo/gitea.png
new file mode 100644
index 00000000..fac41d96
Binary files /dev/null and b/assets/logo/gitea.png differ
diff --git a/assets/logo/grafana.png b/assets/logo/grafana.png
new file mode 100644
index 00000000..553821a0
Binary files /dev/null and b/assets/logo/grafana.png differ
diff --git a/assets/logo/line.png b/assets/logo/line.png
new file mode 100644
index 00000000..c2ce860c
Binary files /dev/null and b/assets/logo/line.png differ
diff --git a/assets/minio/docker-compose-minio.yml b/assets/minio/docker-compose-minio.yml
new file mode 100644
index 00000000..9ed7b5db
--- /dev/null
+++ b/assets/minio/docker-compose-minio.yml
@@ -0,0 +1,15 @@
+version: "3"
+services:
+  net-admin-minio:
+    image: minio/minio:latest
+    command: server /data --console-address ":9001"
+    ports:
+      - "9000:9000"
+      - "9001:9001"
+    restart: always
+    container_name: net-admin-minio
+    environment:
+      TZ: Asia/Shanghai
+    volumes:
+      - /etc/localtime:/etc/localtime
+      - /etc/timezone:/etc/timezone
\ No newline at end of file
diff --git a/assets/resx/Ln.resx b/assets/resx/Ln.resx
new file mode 100644
index 00000000..8883d0db
--- /dev/null
+++ b/assets/resx/Ln.resx
@@ -0,0 +1,216 @@
+<?xml version="1.0" encoding="utf-8"?>
+<root>
+    <xsd:schema xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata"
+                id="root"
+                xmlns="">
+        <xsd:element name="root" msdata:IsDataSet="true">
+        </xsd:element>
+    </xsd:schema>
+    <resheader name="resmimetype">
+        <value>text/microsoft-resx</value>
+    </resheader>
+    <resheader name="version">
+        <value>1.3</value>
+    </resheader>
+    <resheader name="reader">
+        <value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=2.0.0.0, Culture=neutral,
+            PublicKeyToken=b77a5c561934e089
+        </value>
+    </resheader>
+    <resheader name="writer">
+        <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=2.0.0.0, Culture=neutral,
+            PublicKeyToken=b77a5c561934e089
+        </value>
+    </resheader>
+       <data name="_1分钟内只能发送1次" xml:space="preserve"><value>1分钟内只能发送1次</value></data>
+    <data name="_6位数字" xml:space="preserve"><value>6位数字</value></data>
+    <data name="_8位以上数字字母组合" xml:space="preserve"><value>8位以上数字字母组合</value></data>
+    <data name="Xml注释文件不存在" xml:space="preserve"><value>Xml注释文件不存在</value></data>
+    <data name="不正确" xml:space="preserve"><value>不正确</value></data>
+    <data name="不能为空" xml:space="preserve"><value>不能为空</value></data>
+    <data name="业务模块" xml:space="preserve"><value>业务模块</value></data>
+    <data name="东乡族" xml:space="preserve"><value>东乡族</value></data>
+    <data name="丧偶" xml:space="preserve"><value>丧偶</value></data>
+    <data name="中专" xml:space="preserve"><value>中专</value></data>
+    <data name="中共党员" xml:space="preserve"><value>中共党员</value></data>
+    <data name="中文姓名" xml:space="preserve"><value>中文姓名</value></data>
+    <data name="乌孜别克族" xml:space="preserve"><value>乌孜别克族</value></data>
+    <data name="事务已回滚" xml:space="preserve"><value>事务已回滚</value></data>
+    <data name="事务已提交" xml:space="preserve"><value>事务已提交</value></data>
+    <data name="京族" xml:space="preserve"><value>京族</value></data>
+    <data name="人机校验请求" xml:space="preserve"><value>人机校验请求</value></data>
+    <data name="人机验证未通过" xml:space="preserve"><value>人机验证未通过</value></data>
+    <data name="仡佬族" xml:space="preserve"><value>仡佬族</value></data>
+    <data name="仫佬族" xml:space="preserve"><value>仫佬族</value></data>
+    <data name="佤族" xml:space="preserve"><value>佤族</value></data>
+    <data name="侗族" xml:space="preserve"><value>侗族</value></data>
+    <data name="俄罗斯族" xml:space="preserve"><value>俄罗斯族</value></data>
+    <data name="保安族" xml:space="preserve"><value>保安族</value></data>
+    <data name="保密" xml:space="preserve"><value>保密</value></data>
+    <data name="倒序排序" xml:space="preserve"><value>倒序排序</value></data>
+    <data name="傈僳族" xml:space="preserve"><value>傈僳族</value></data>
+    <data name="傣族" xml:space="preserve"><value>傣族</value></data>
+    <data name="允许的文件大小" xml:space="preserve"><value>允许的文件大小</value></data>
+    <data name="允许的文件格式" xml:space="preserve"><value>允许的文件格式</value></data>
+    <data name="全部数据" xml:space="preserve"><value>全部数据</value></data>
+    <data name="共青团员" xml:space="preserve"><value>共青团员</value></data>
+    <data name="出生证" xml:space="preserve"><value>出生证</value></data>
+    <data name="初中" xml:space="preserve"><value>初中</value></data>
+    <data name="初始化完毕" xml:space="preserve"><value>初始化完毕</value></data>
+    <data name="区号电话号码分机号" xml:space="preserve"><value>区号电话号码分机号</value></data>
+    <data name="博士" xml:space="preserve"><value>博士</value></data>
+    <data name="博士后" xml:space="preserve"><value>博士后</value></data>
+    <data name="参数格式不正确" xml:space="preserve"><value>参数格式不正确</value></data>
+    <data name="发送失败" xml:space="preserve"><value>发送失败</value></data>
+    <data name="哈尼族" xml:space="preserve"><value>哈尼族</value></data>
+    <data name="哈萨克族" xml:space="preserve"><value>哈萨克族</value></data>
+    <data name="唯一编码" xml:space="preserve"><value>唯一编码</value></data>
+    <data name="回族" xml:space="preserve"><value>回族</value></data>
+    <data name="图标代码" xml:space="preserve"><value>图标代码</value></data>
+    <data name="图标名称" xml:space="preserve"><value>图标名称</value></data>
+    <data name="土家族" xml:space="preserve"><value>土家族</value></data>
+    <data name="土族" xml:space="preserve"><value>土族</value></data>
+    <data name="基诺族" xml:space="preserve"><value>基诺族</value></data>
+    <data name="塔吉克族" xml:space="preserve"><value>塔吉克族</value></data>
+    <data name="塔塔尔族" xml:space="preserve"><value>塔塔尔族</value></data>
+    <data name="壮族" xml:space="preserve"><value>壮族</value></data>
+    <data name="外国人居留证" xml:space="preserve"><value>外国人居留证</value></data>
+    <data name="大专" xml:space="preserve"><value>大专</value></data>
+    <data name="女" xml:space="preserve"><value>女</value></data>
+    <data name="字典名称" xml:space="preserve"><value>字典名称</value></data>
+    <data name="字典目录不存在" xml:space="preserve"><value>字典目录不存在</value></data>
+    <data name="字典目录编号" xml:space="preserve"><value>字典目录编号</value></data>
+    <data name="字典编码" xml:space="preserve"><value>字典编码</value></data>
+    <data name="密码" xml:space="preserve"><value>密码</value></data>
+    <data name="小学" xml:space="preserve"><value>小学</value></data>
+    <data name="已发送" xml:space="preserve"><value>已发送</value></data>
+    <data name="已婚" xml:space="preserve"><value>已婚</value></data>
+    <data name="已完成" xml:space="preserve"><value>已完成</value></data>
+    <data name="已校验" xml:space="preserve"><value>已校验</value></data>
+    <data name="布依族" xml:space="preserve"><value>布依族</value></data>
+    <data name="布朗族" xml:space="preserve"><value>布朗族</value></data>
+    <data name="开始事务" xml:space="preserve"><value>开始事务</value></data>
+    <data name="彝族" xml:space="preserve"><value>彝族</value></data>
+    <data name="德昂族" xml:space="preserve"><value>德昂族</value></data>
+    <data name="必须介于" xml:space="preserve"><value>必须介于</value></data>
+    <data name="怒族" xml:space="preserve"><value>怒族</value></data>
+    <data name="意外错误" xml:space="preserve"><value>意外错误</value></data>
+    <data name="成功" xml:space="preserve"><value>成功</value></data>
+    <data name="手机" xml:space="preserve"><value>手机</value></data>
+    <data name="手机号码" xml:space="preserve"><value>手机号码</value></data>
+    <data name="手机号码或座机号码" xml:space="preserve"><value>手机号码或座机号码</value></data>
+    <data name="护照" xml:space="preserve"><value>护照</value></data>
+    <data name="拉祜族族" xml:space="preserve"><value>拉祜族族</value></data>
+    <data name="指定部门数据" xml:space="preserve"><value>指定部门数据</value></data>
+    <data name="按钮" xml:space="preserve"><value>按钮</value></data>
+    <data name="撒拉族" xml:space="preserve"><value>撒拉族</value></data>
+    <data name="支付宝账号" xml:space="preserve"><value>支付宝账号</value></data>
+    <data name="数据库同步开始" xml:space="preserve"><value>数据库同步开始</value></data>
+    <data name="数据库服务器时钟偏移" xml:space="preserve"><value>数据库服务器时钟偏移</value></data>
+    <data name="数据库结构同步完成" xml:space="preserve"><value>数据库结构同步完成</value></data>
+    <data name="数据版本" xml:space="preserve"><value>数据版本</value></data>
+    <data name="文件不能为空" xml:space="preserve"><value>文件不能为空</value></data>
+    <data name="新密码" xml:space="preserve"><value>新密码</value></data>
+    <data name="新手机号码" xml:space="preserve"><value>新手机号码</value></data>
+    <data name="无效操作" xml:space="preserve"><value>无效操作</value></data>
+    <data name="无效网络地址" xml:space="preserve"><value>无效网络地址</value></data>
+    <data name="无效证件号码" xml:space="preserve"><value>无效证件号码</value></data>
+    <data name="无效输入" xml:space="preserve"><value>无效输入</value></data>
+    <data name="日志长度超过限制" xml:space="preserve"><value>日志长度超过限制</value></data>
+    <data name="旧密码" xml:space="preserve"><value>旧密码</value></data>
+    <data name="旧手机号码" xml:space="preserve"><value>旧手机号码</value></data>
+    <data name="时间戳缺失或误差过大" xml:space="preserve"><value>时间戳缺失或误差过大</value></data>
+    <data name="普米族" xml:space="preserve"><value>普米族</value></data>
+    <data name="景颇族" xml:space="preserve"><value>景颇族</value></data>
+    <data name="朝鲜族" xml:space="preserve"><value>朝鲜族</value></data>
+    <data name="未婚" xml:space="preserve"><value>未婚</value></data>
+    <data name="未指定部门" xml:space="preserve"><value>未指定部门</value></data>
+    <data name="本人数据" xml:space="preserve"><value>本人数据</value></data>
+    <data name="本科" xml:space="preserve"><value>本科</value></data>
+    <data name="本部门和下级部门数据" xml:space="preserve"><value>本部门和下级部门数据</value></data>
+    <data name="本部门数据" xml:space="preserve"><value>本部门数据</value></data>
+    <data name="柯尔克孜族" xml:space="preserve"><value>柯尔克孜族</value></data>
+    <data name="框架" xml:space="preserve"><value>框架</value></data>
+    <data name="毛南族" xml:space="preserve"><value>毛南族</value></data>
+    <data name="水族" xml:space="preserve"><value>水族</value></data>
+    <data name="汉族" xml:space="preserve"><value>汉族</value></data>
+    <data name="注册" xml:space="preserve"><value>注册</value></data>
+    <data name="港澳台通行证" xml:space="preserve"><value>港澳台通行证</value></data>
+    <data name="满族" xml:space="preserve"><value>满族</value></data>
+    <data name="父节点不存在" xml:space="preserve"><value>父节点不存在</value></data>
+    <data name="独龙族" xml:space="preserve"><value>独龙族</value></data>
+    <data name="珞巴族" xml:space="preserve"><value>珞巴族</value></data>
+    <data name="瑶族" xml:space="preserve"><value>瑶族</value></data>
+    <data name="用户不存在" xml:space="preserve"><value>用户不存在</value></data>
+    <data name="用户名" xml:space="preserve"><value>用户名</value></data>
+    <data name="用户名不能是手机号" xml:space="preserve"><value>用户名不能是手机号</value></data>
+    <data name="用户名或密码错误" xml:space="preserve"><value>用户名或密码错误</value></data>
+    <data name="用户名长度4位以上" xml:space="preserve"><value>用户名长度4位以上</value></data>
+    <data name="用户头像" xml:space="preserve"><value>用户头像</value></data>
+    <data name="用户档案" xml:space="preserve"><value>用户档案</value></data>
+    <data name="电子邮箱" xml:space="preserve"><value>电子邮箱</value></data>
+    <data name="男" xml:space="preserve"><value>男</value></data>
+    <data name="畲族" xml:space="preserve"><value>畲族</value></data>
+    <data name="登录" xml:space="preserve"><value>登录</value></data>
+    <data name="白族" xml:space="preserve"><value>白族</value></data>
+    <data name="目标手机" xml:space="preserve"><value>目标手机</value></data>
+    <data name="目标设备" xml:space="preserve"><value>目标设备</value></data>
+    <data name="短信验证请求" xml:space="preserve"><value>短信验证请求</value></data>
+    <data name="硕士" xml:space="preserve"><value>硕士</value></data>
+    <data name="离异" xml:space="preserve"><value>离异</value></data>
+    <data name="等待发送" xml:space="preserve"><value>等待发送</value></data>
+    <data name="签名缺失" xml:space="preserve"><value>签名缺失</value></data>
+    <data name="系统模块" xml:space="preserve"><value>系统模块</value></data>
+    <data name="纳西族" xml:space="preserve"><value>纳西族</value></data>
+    <data name="绑定手机号" xml:space="preserve"><value>绑定手机号</value></data>
+    <data name="结果非预期" xml:space="preserve"><value>结果非预期</value></data>
+    <data name="维吾尔族" xml:space="preserve"><value>维吾尔族</value></data>
+    <data name="羌族" xml:space="preserve"><value>羌族</value></data>
+    <data name="群众" xml:space="preserve"><value>群众</value></data>
+    <data name="苗族" xml:space="preserve"><value>苗族</value></data>
+    <data name="菜单" xml:space="preserve"><value>菜单</value></data>
+    <data name="菜单名称" xml:space="preserve"><value>菜单名称</value></data>
+    <data name="菜单标题" xml:space="preserve"><value>菜单标题</value></data>
+    <data name="菜单编号" xml:space="preserve"><value>菜单编号</value></data>
+    <data name="蒙古族" xml:space="preserve"><value>蒙古族</value></data>
+    <data name="藏族" xml:space="preserve"><value>藏族</value></data>
+    <data name="裕固族" xml:space="preserve"><value>裕固族</value></data>
+    <data name="角色不存在" xml:space="preserve"><value>角色不存在</value></data>
+    <data name="角色名称" xml:space="preserve"><value>角色名称</value></data>
+    <data name="角色编号" xml:space="preserve"><value>角色编号</value></data>
+    <data name="角色编号列表" xml:space="preserve"><value>角色编号列表</value></data>
+    <data name="解绑手机号" xml:space="preserve"><value>解绑手机号</value></data>
+    <data name="设备类型" xml:space="preserve"><value>设备类型</value></data>
+    <data name="该角色下存在用户" xml:space="preserve"><value>该角色下存在用户</value></data>
+    <data name="该部门下存在子部门" xml:space="preserve"><value>该部门下存在子部门</value></data>
+    <data name="该部门下存在用户" xml:space="preserve"><value>该部门下存在用户</value></data>
+    <data name="请求" xml:space="preserve"><value>请求</value></data>
+    <data name="请求对象" xml:space="preserve"><value>请求对象</value></data>
+    <data name="请联系管理员激活账号" xml:space="preserve"><value>请联系管理员激活账号</value></data>
+    <data name="读取用户令牌出错" xml:space="preserve"><value>读取用户令牌出错</value></data>
+    <data name="账号" xml:space="preserve"><value>账号</value></data>
+    <data name="赫哲族" xml:space="preserve"><value>赫哲族</value></data>
+    <data name="身份证" xml:space="preserve"><value>身份证</value></data>
+    <data name="达斡尔族" xml:space="preserve"><value>达斡尔族</value></data>
+    <data name="邀请码不正确" xml:space="preserve"><value>邀请码不正确</value></data>
+    <data name="邮箱验证码不正确" xml:space="preserve"><value>邮箱验证码不正确</value></data>
+    <data name="部门不存在" xml:space="preserve"><value>部门不存在</value></data>
+    <data name="部门名称" xml:space="preserve"><value>部门名称</value></data>
+    <data name="鄂伦春族" xml:space="preserve"><value>鄂伦春族</value></data>
+    <data name="鄂温克族" xml:space="preserve"><value>鄂温克族</value></data>
+    <data name="重设密码" xml:space="preserve"><value>重设密码</value></data>
+    <data name="链接" xml:space="preserve"><value>链接</value></data>
+    <data name="锡伯族" xml:space="preserve"><value>锡伯族</value></data>
+    <data name="键值" xml:space="preserve"><value>键值</value></data>
+    <data name="键名称" xml:space="preserve"><value>键名称</value></data>
+    <data name="门巴族" xml:space="preserve"><value>门巴族</value></data>
+    <data name="阿昌族" xml:space="preserve"><value>阿昌族</value></data>
+    <data name="顺序排序" xml:space="preserve"><value>顺序排序</value></data>
+    <data name="验证数据" xml:space="preserve"><value>验证数据</value></data>
+    <data name="验证码" xml:space="preserve"><value>验证码</value></data>
+    <data name="验证码不正确" xml:space="preserve"><value>验证码不正确</value></data>
+    <data name="验证码类型" xml:space="preserve"><value>验证码类型</value></data>
+    <data name="高中" xml:space="preserve"><value>高中</value></data>
+    <data name="高山族" xml:space="preserve"><value>高山族</value></data>
+    <data name="黎族" xml:space="preserve"><value>黎族</value></data>
+</root>
\ No newline at end of file
diff --git a/assets/resx/Ln.txt b/assets/resx/Ln.txt
new file mode 100644
index 00000000..31457baf
--- /dev/null
+++ b/assets/resx/Ln.txt
@@ -0,0 +1,191 @@
+1分钟内只能发送1次
+6位数字
+8位以上数字字母组合
+Xml注释文件不存在
+不正确
+不能为空
+业务模块
+东乡族
+丧偶
+中专
+中共党员
+中文姓名
+乌孜别克族
+事务已回滚
+事务已提交
+京族
+人机校验请求
+人机验证未通过
+仡佬族
+仫佬族
+佤族
+侗族
+俄罗斯族
+保安族
+保密
+倒序排序
+傈僳族
+傣族
+允许的文件大小
+允许的文件格式
+全部数据
+共青团员
+出生证
+初中
+初始化完毕
+区号电话号码分机号
+博士
+博士后
+参数格式不正确
+发送失败
+哈尼族
+哈萨克族
+唯一编码
+回族
+图标代码
+图标名称
+土家族
+土族
+基诺族
+塔吉克族
+塔塔尔族
+壮族
+外国人居留证
+大专
+女
+字典名称
+字典目录不存在
+字典目录编号
+字典编码
+密码
+小学
+已发送
+已婚
+已完成
+已校验
+布依族
+布朗族
+开始事务
+彝族
+德昂族
+必须介于
+怒族
+意外错误
+成功
+手机
+手机号码
+手机号码或座机号码
+护照
+拉祜族族
+指定部门数据
+按钮
+撒拉族
+支付宝账号
+数据库同步开始
+数据库服务器时钟偏移
+数据库结构同步完成
+数据版本
+文件不能为空
+新密码
+新手机号码
+无效操作
+无效网络地址
+无效证件号码
+无效输入
+日志长度超过限制
+旧密码
+旧手机号码
+时间戳缺失或误差过大
+普米族
+景颇族
+朝鲜族
+未婚
+未指定部门
+本人数据
+本科
+本部门和下级部门数据
+本部门数据
+柯尔克孜族
+框架
+毛南族
+水族
+汉族
+注册
+港澳台通行证
+满族
+父节点不存在
+独龙族
+珞巴族
+瑶族
+用户不存在
+用户名
+用户名不能是手机号
+用户名或密码错误
+用户名长度4位以上
+用户头像
+用户档案
+电子邮箱
+男
+畲族
+登录
+白族
+目标手机
+目标设备
+短信验证请求
+硕士
+离异
+等待发送
+签名缺失
+系统模块
+纳西族
+绑定手机号
+结果非预期
+维吾尔族
+羌族
+群众
+苗族
+菜单
+菜单名称
+菜单标题
+菜单编号
+蒙古族
+藏族
+裕固族
+角色不存在
+角色名称
+角色编号
+角色编号列表
+解绑手机号
+设备类型
+该角色下存在用户
+该部门下存在子部门
+该部门下存在用户
+请求
+请求对象
+请联系管理员激活账号
+读取用户令牌出错
+账号
+赫哲族
+身份证
+达斡尔族
+邀请码不正确
+邮箱验证码不正确
+部门不存在
+部门名称
+鄂伦春族
+鄂温克族
+重设密码
+链接
+锡伯族
+键值
+键名称
+门巴族
+阿昌族
+顺序排序
+验证数据
+验证码
+验证码不正确
+验证码类型
+高中
+高山族
+黎族
\ No newline at end of file
diff --git a/assets/seed-data/Sys_Config.json b/assets/seed-data/Sys_Config.json
new file mode 100644
index 00000000..68a2abd8
--- /dev/null
+++ b/assets/seed-data/Sys_Config.json
@@ -0,0 +1,8 @@
+[
+  {
+    "Enabled": true,
+    "UserRegisterConfirm": false,
+    "UserRegisterDeptId": 372119301627909,
+    "UserRegisterRoleId": 371729946431493
+  }
+]
\ No newline at end of file
diff --git a/assets/seed-data/Sys_Dept.json b/assets/seed-data/Sys_Dept.json
new file mode 100644
index 00000000..37ba0225
--- /dev/null
+++ b/assets/seed-data/Sys_Dept.json
@@ -0,0 +1,8 @@
+[
+  {
+    "Id": 372119301627909,
+    "Name": "默认部门",
+    "Enabled": true,
+    "Sort": 100
+  }
+]
\ No newline at end of file
diff --git a/assets/seed-data/Sys_DicCatalog.json b/assets/seed-data/Sys_DicCatalog.json
new file mode 100644
index 00000000..1c47893f
--- /dev/null
+++ b/assets/seed-data/Sys_DicCatalog.json
@@ -0,0 +1,13 @@
+[
+  {
+    "Code": "generic",
+    "Id": 375317236772869,
+    "Name": "通用字典"
+  },
+  {
+    "Code": "geo-area",
+    "Id": 379794295185413,
+    "Name": "行政区划代码",
+    "ParentId": 375317236772869
+  }
+]
\ No newline at end of file
diff --git a/assets/seed-data/Sys_DicContent.json b/assets/seed-data/Sys_DicContent.json
new file mode 100644
index 00000000..48ef2913
--- /dev/null
+++ b/assets/seed-data/Sys_DicContent.json
@@ -0,0 +1,19250 @@
+[
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788572677,
+    "Key": "北京市",
+    "Value": "110000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788580869,
+    "Key": "北京市东城区",
+    "Value": "110101"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788584965,
+    "Key": "北京市西城区",
+    "Value": "110102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788584966,
+    "Key": "北京市朝阳区",
+    "Value": "110105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788584967,
+    "Key": "北京市丰台区",
+    "Value": "110106"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788584968,
+    "Key": "北京市石景山区",
+    "Value": "110107"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788584969,
+    "Key": "北京市海淀区",
+    "Value": "110108"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788584970,
+    "Key": "北京市门头沟区",
+    "Value": "110109"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788584971,
+    "Key": "北京市房山区",
+    "Value": "110111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788584972,
+    "Key": "北京市通州区",
+    "Value": "110112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788584973,
+    "Key": "北京市顺义区",
+    "Value": "110113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788584974,
+    "Key": "北京市昌平区",
+    "Value": "110114"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788584975,
+    "Key": "北京市大兴区",
+    "Value": "110115"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788584976,
+    "Key": "北京市怀柔区",
+    "Value": "110116"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788589061,
+    "Key": "北京市平谷区",
+    "Value": "110117"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788589062,
+    "Key": "北京市密云区",
+    "Value": "110118"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788589063,
+    "Key": "北京市延庆区",
+    "Value": "110119"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788589064,
+    "Key": "天津市",
+    "Value": "120000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788589065,
+    "Key": "天津市和平区",
+    "Value": "120101"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788589066,
+    "Key": "天津市河东区",
+    "Value": "120102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788589067,
+    "Key": "天津市河西区",
+    "Value": "120103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788589068,
+    "Key": "天津市南开区",
+    "Value": "120104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788589069,
+    "Key": "天津市河北区",
+    "Value": "120105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788589070,
+    "Key": "天津市红桥区",
+    "Value": "120106"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788589071,
+    "Key": "天津市东丽区",
+    "Value": "120110"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788589072,
+    "Key": "天津市西青区",
+    "Value": "120111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788593157,
+    "Key": "天津市津南区",
+    "Value": "120112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788593158,
+    "Key": "天津市北辰区",
+    "Value": "120113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788593159,
+    "Key": "天津市武清区",
+    "Value": "120114"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788593160,
+    "Key": "天津市宝坻区",
+    "Value": "120115"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788593161,
+    "Key": "天津市滨海新区",
+    "Value": "120116"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788593162,
+    "Key": "天津市宁河区",
+    "Value": "120117"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788593163,
+    "Key": "天津市静海区",
+    "Value": "120118"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788593164,
+    "Key": "天津市蓟州区",
+    "Value": "120119"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788593165,
+    "Key": "河北省",
+    "Value": "130000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788593166,
+    "Key": "河北省石家庄市",
+    "Value": "130100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788593167,
+    "Key": "河北省石家庄市长安区",
+    "Value": "130102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788597253,
+    "Key": "河北省石家庄市桥西区",
+    "Value": "130104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788597254,
+    "Key": "河北省石家庄市新华区",
+    "Value": "130105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788597255,
+    "Key": "河北省石家庄市井陉矿区",
+    "Value": "130107"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788597256,
+    "Key": "河北省石家庄市裕华区",
+    "Value": "130108"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788597257,
+    "Key": "河北省石家庄市藁城区",
+    "Value": "130109"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788597258,
+    "Key": "河北省石家庄市鹿泉区",
+    "Value": "130110"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788597259,
+    "Key": "河北省石家庄市栾城区",
+    "Value": "130111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788597260,
+    "Key": "河北省石家庄市井陉县",
+    "Value": "130121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788597261,
+    "Key": "河北省石家庄市正定县",
+    "Value": "130123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788597262,
+    "Key": "河北省石家庄市行唐县",
+    "Value": "130125"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788597263,
+    "Key": "河北省石家庄市灵寿县",
+    "Value": "130126"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788597264,
+    "Key": "河北省石家庄市高邑县",
+    "Value": "130127"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788601349,
+    "Key": "河北省石家庄市深泽县",
+    "Value": "130128"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788601350,
+    "Key": "河北省石家庄市赞皇县",
+    "Value": "130129"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788601351,
+    "Key": "河北省石家庄市无极县",
+    "Value": "130130"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788601352,
+    "Key": "河北省石家庄市平山县",
+    "Value": "130131"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788601353,
+    "Key": "河北省石家庄市元氏县",
+    "Value": "130132"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788601354,
+    "Key": "河北省石家庄市赵县",
+    "Value": "130133"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788601355,
+    "Key": "河北省石家庄市辛集市",
+    "Value": "130181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788601356,
+    "Key": "河北省石家庄市晋州市",
+    "Value": "130183"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788601357,
+    "Key": "河北省石家庄市新乐市",
+    "Value": "130184"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788601358,
+    "Key": "河北省唐山市",
+    "Value": "130200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788601359,
+    "Key": "河北省唐山市路南区",
+    "Value": "130202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788601360,
+    "Key": "河北省唐山市路北区",
+    "Value": "130203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788605445,
+    "Key": "河北省唐山市古冶区",
+    "Value": "130204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788605446,
+    "Key": "河北省唐山市开平区",
+    "Value": "130205"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788605447,
+    "Key": "河北省唐山市丰南区",
+    "Value": "130207"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788605448,
+    "Key": "河北省唐山市丰润区",
+    "Value": "130208"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788605449,
+    "Key": "河北省唐山市曹妃甸区",
+    "Value": "130209"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788605450,
+    "Key": "河北省唐山市滦南县",
+    "Value": "130224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788605451,
+    "Key": "河北省唐山市乐亭县",
+    "Value": "130225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788605452,
+    "Key": "河北省唐山市迁西县",
+    "Value": "130227"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788605453,
+    "Key": "河北省唐山市玉田县",
+    "Value": "130229"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788605454,
+    "Key": "河北省唐山市遵化市",
+    "Value": "130281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788605455,
+    "Key": "河北省唐山市迁安市",
+    "Value": "130283"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788605456,
+    "Key": "河北省唐山市滦州市",
+    "Value": "130284"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788609541,
+    "Key": "河北省秦皇岛市",
+    "Value": "130300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788609542,
+    "Key": "河北省秦皇岛市海港区",
+    "Value": "130302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788609543,
+    "Key": "河北省秦皇岛市山海关区",
+    "Value": "130303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788609544,
+    "Key": "河北省秦皇岛市北戴河区",
+    "Value": "130304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788609545,
+    "Key": "河北省秦皇岛市抚宁区",
+    "Value": "130306"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788609546,
+    "Key": "河北省秦皇岛市青龙满族自治县",
+    "Value": "130321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788609547,
+    "Key": "河北省秦皇岛市昌黎县",
+    "Value": "130322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788609548,
+    "Key": "河北省秦皇岛市卢龙县",
+    "Value": "130324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788609549,
+    "Key": "河北省邯郸市",
+    "Value": "130400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788609550,
+    "Key": "河北省邯郸市邯山区",
+    "Value": "130402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788609551,
+    "Key": "河北省邯郸市丛台区",
+    "Value": "130403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788609552,
+    "Key": "河北省邯郸市复兴区",
+    "Value": "130404"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788613637,
+    "Key": "河北省邯郸市峰峰矿区",
+    "Value": "130406"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788613638,
+    "Key": "河北省邯郸市肥乡区",
+    "Value": "130407"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788613639,
+    "Key": "河北省邯郸市永年区",
+    "Value": "130408"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788613640,
+    "Key": "河北省邯郸市临漳县",
+    "Value": "130423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788613641,
+    "Key": "河北省邯郸市成安县",
+    "Value": "130424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788613642,
+    "Key": "河北省邯郸市大名县",
+    "Value": "130425"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788613643,
+    "Key": "河北省邯郸市涉县",
+    "Value": "130426"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788613644,
+    "Key": "河北省邯郸市磁县",
+    "Value": "130427"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788613645,
+    "Key": "河北省邯郸市邱县",
+    "Value": "130430"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788613646,
+    "Key": "河北省邯郸市鸡泽县",
+    "Value": "130431"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788613647,
+    "Key": "河北省邯郸市广平县",
+    "Value": "130432"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788613648,
+    "Key": "河北省邯郸市馆陶县",
+    "Value": "130433"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788617733,
+    "Key": "河北省邯郸市魏县",
+    "Value": "130434"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788617734,
+    "Key": "河北省邯郸市曲周县",
+    "Value": "130435"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788617735,
+    "Key": "河北省邯郸市武安市",
+    "Value": "130481"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788617736,
+    "Key": "河北省邢台市",
+    "Value": "130500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788617737,
+    "Key": "河北省邢台市襄都区",
+    "Value": "130502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788617738,
+    "Key": "河北省邢台市信都区",
+    "Value": "130503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788617739,
+    "Key": "河北省邢台市任泽区",
+    "Value": "130505"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788617740,
+    "Key": "河北省邢台市南和区",
+    "Value": "130506"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788617741,
+    "Key": "河北省邢台市临城县",
+    "Value": "130522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788617742,
+    "Key": "河北省邢台市内丘县",
+    "Value": "130523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788617743,
+    "Key": "河北省邢台市柏乡县",
+    "Value": "130524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788617744,
+    "Key": "河北省邢台市隆尧县",
+    "Value": "130525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788621829,
+    "Key": "河北省邢台市宁晋县",
+    "Value": "130528"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788621830,
+    "Key": "河北省邢台市巨鹿县",
+    "Value": "130529"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788621831,
+    "Key": "河北省邢台市新河县",
+    "Value": "130530"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788621832,
+    "Key": "河北省邢台市广宗县",
+    "Value": "130531"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788621833,
+    "Key": "河北省邢台市平乡县",
+    "Value": "130532"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788621834,
+    "Key": "河北省邢台市威县",
+    "Value": "130533"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788621835,
+    "Key": "河北省邢台市清河县",
+    "Value": "130534"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788621836,
+    "Key": "河北省邢台市临西县",
+    "Value": "130535"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788621837,
+    "Key": "河北省邢台市南宫市",
+    "Value": "130581"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788621838,
+    "Key": "河北省邢台市沙河市",
+    "Value": "130582"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788621839,
+    "Key": "河北省保定市",
+    "Value": "130600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788621840,
+    "Key": "河北省保定市竞秀区",
+    "Value": "130602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788625925,
+    "Key": "河北省保定市莲池区",
+    "Value": "130606"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788625926,
+    "Key": "河北省保定市满城区",
+    "Value": "130607"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788625927,
+    "Key": "河北省保定市清苑区",
+    "Value": "130608"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788625928,
+    "Key": "河北省保定市徐水区",
+    "Value": "130609"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788625929,
+    "Key": "河北省保定市涞水县",
+    "Value": "130623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788625930,
+    "Key": "河北省保定市阜平县",
+    "Value": "130624"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788625931,
+    "Key": "河北省保定市定兴县",
+    "Value": "130626"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788625932,
+    "Key": "河北省保定市唐县",
+    "Value": "130627"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788625933,
+    "Key": "河北省保定市高阳县",
+    "Value": "130628"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788625934,
+    "Key": "河北省保定市容城县",
+    "Value": "130629"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788625935,
+    "Key": "河北省保定市涞源县",
+    "Value": "130630"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788625936,
+    "Key": "河北省保定市望都县",
+    "Value": "130631"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788630021,
+    "Key": "河北省保定市安新县",
+    "Value": "130632"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788630022,
+    "Key": "河北省保定市易县",
+    "Value": "130633"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788630023,
+    "Key": "河北省保定市曲阳县",
+    "Value": "130634"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788630024,
+    "Key": "河北省保定市蠡县",
+    "Value": "130635"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788630025,
+    "Key": "河北省保定市顺平县",
+    "Value": "130636"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788630026,
+    "Key": "河北省保定市博野县",
+    "Value": "130637"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788630027,
+    "Key": "河北省保定市雄县",
+    "Value": "130638"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788630028,
+    "Key": "河北省保定市涿州市",
+    "Value": "130681"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788630029,
+    "Key": "河北省保定市定州市",
+    "Value": "130682"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788630030,
+    "Key": "河北省保定市安国市",
+    "Value": "130683"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788630031,
+    "Key": "河北省保定市高碑店市",
+    "Value": "130684"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788630032,
+    "Key": "河北省张家口市",
+    "Value": "130700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788630033,
+    "Key": "河北省张家口市桥东区",
+    "Value": "130702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788634117,
+    "Key": "河北省张家口市桥西区",
+    "Value": "130703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788634118,
+    "Key": "河北省张家口市宣化区",
+    "Value": "130705"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788634119,
+    "Key": "河北省张家口市下花园区",
+    "Value": "130706"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788634120,
+    "Key": "河北省张家口市万全区",
+    "Value": "130708"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788634121,
+    "Key": "河北省张家口市崇礼区",
+    "Value": "130709"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788634122,
+    "Key": "河北省张家口市张北县",
+    "Value": "130722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788634123,
+    "Key": "河北省张家口市康保县",
+    "Value": "130723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788634124,
+    "Key": "河北省张家口市沽源县",
+    "Value": "130724"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788634125,
+    "Key": "河北省张家口市尚义县",
+    "Value": "130725"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788634126,
+    "Key": "河北省张家口市蔚县",
+    "Value": "130726"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788634127,
+    "Key": "河北省张家口市阳原县",
+    "Value": "130727"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788634128,
+    "Key": "河北省张家口市怀安县",
+    "Value": "130728"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788638213,
+    "Key": "河北省张家口市怀来县",
+    "Value": "130730"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788638214,
+    "Key": "河北省张家口市涿鹿县",
+    "Value": "130731"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788638215,
+    "Key": "河北省张家口市赤城县",
+    "Value": "130732"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788638216,
+    "Key": "河北省承德市",
+    "Value": "130800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788638217,
+    "Key": "河北省承德市双桥区",
+    "Value": "130802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788638218,
+    "Key": "河北省承德市双滦区",
+    "Value": "130803"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788638219,
+    "Key": "河北省承德市鹰手营子矿区",
+    "Value": "130804"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788638220,
+    "Key": "河北省承德市承德县",
+    "Value": "130821"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788638221,
+    "Key": "河北省承德市兴隆县",
+    "Value": "130822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788638222,
+    "Key": "河北省承德市滦平县",
+    "Value": "130824"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788638223,
+    "Key": "河北省承德市隆化县",
+    "Value": "130825"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788642309,
+    "Key": "河北省承德市丰宁满族自治县",
+    "Value": "130826"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788642310,
+    "Key": "河北省承德市宽城满族自治县",
+    "Value": "130827"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788642311,
+    "Key": "河北省承德市围场满族蒙古族自治县",
+    "Value": "130828"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788642312,
+    "Key": "河北省承德市平泉市",
+    "Value": "130881"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788642313,
+    "Key": "河北省沧州市",
+    "Value": "130900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788642314,
+    "Key": "河北省沧州市新华区",
+    "Value": "130902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788642315,
+    "Key": "河北省沧州市运河区",
+    "Value": "130903"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788642316,
+    "Key": "河北省沧州市沧县",
+    "Value": "130921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788642317,
+    "Key": "河北省沧州市青县",
+    "Value": "130922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788642318,
+    "Key": "河北省沧州市东光县",
+    "Value": "130923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788642319,
+    "Key": "河北省沧州市海兴县",
+    "Value": "130924"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788642320,
+    "Key": "河北省沧州市盐山县",
+    "Value": "130925"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788646405,
+    "Key": "河北省沧州市肃宁县",
+    "Value": "130926"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788646406,
+    "Key": "河北省沧州市南皮县",
+    "Value": "130927"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788646407,
+    "Key": "河北省沧州市吴桥县",
+    "Value": "130928"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788646408,
+    "Key": "河北省沧州市献县",
+    "Value": "130929"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788646409,
+    "Key": "河北省沧州市孟村回族自治县",
+    "Value": "130930"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788646410,
+    "Key": "河北省沧州市泊头市",
+    "Value": "130981"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788646411,
+    "Key": "河北省沧州市任丘市",
+    "Value": "130982"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788646412,
+    "Key": "河北省沧州市黄骅市",
+    "Value": "130983"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788646413,
+    "Key": "河北省沧州市河间市",
+    "Value": "130984"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788646414,
+    "Key": "河北省廊坊市",
+    "Value": "131000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788646415,
+    "Key": "河北省廊坊市安次区",
+    "Value": "131002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788650501,
+    "Key": "河北省廊坊市广阳区",
+    "Value": "131003"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788650502,
+    "Key": "河北省廊坊市固安县",
+    "Value": "131022"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788650503,
+    "Key": "河北省廊坊市永清县",
+    "Value": "131023"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788650504,
+    "Key": "河北省廊坊市香河县",
+    "Value": "131024"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788650505,
+    "Key": "河北省廊坊市大城县",
+    "Value": "131025"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788650506,
+    "Key": "河北省廊坊市文安县",
+    "Value": "131026"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788650507,
+    "Key": "河北省廊坊市大厂回族自治县",
+    "Value": "131028"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788650508,
+    "Key": "河北省廊坊市霸州市",
+    "Value": "131081"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788650509,
+    "Key": "河北省廊坊市三河市",
+    "Value": "131082"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788650510,
+    "Key": "河北省衡水市",
+    "Value": "131100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788650511,
+    "Key": "河北省衡水市桃城区",
+    "Value": "131102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788650512,
+    "Key": "河北省衡水市冀州区",
+    "Value": "131103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788654597,
+    "Key": "河北省衡水市枣强县",
+    "Value": "131121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788654598,
+    "Key": "河北省衡水市武邑县",
+    "Value": "131122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788654599,
+    "Key": "河北省衡水市武强县",
+    "Value": "131123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788654600,
+    "Key": "河北省衡水市饶阳县",
+    "Value": "131124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788654601,
+    "Key": "河北省衡水市安平县",
+    "Value": "131125"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788654602,
+    "Key": "河北省衡水市故城县",
+    "Value": "131126"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788654603,
+    "Key": "河北省衡水市景县",
+    "Value": "131127"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788654604,
+    "Key": "河北省衡水市阜城县",
+    "Value": "131128"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788654605,
+    "Key": "河北省衡水市深州市",
+    "Value": "131182"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788654606,
+    "Key": "山西省",
+    "Value": "140000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788654607,
+    "Key": "山西省太原市",
+    "Value": "140100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788658693,
+    "Key": "山西省太原市小店区",
+    "Value": "140105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788658694,
+    "Key": "山西省太原市迎泽区",
+    "Value": "140106"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788658695,
+    "Key": "山西省太原市杏花岭区",
+    "Value": "140107"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788658696,
+    "Key": "山西省太原市尖草坪区",
+    "Value": "140108"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788658697,
+    "Key": "山西省太原市万柏林区",
+    "Value": "140109"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788658698,
+    "Key": "山西省太原市晋源区",
+    "Value": "140110"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788658699,
+    "Key": "山西省太原市清徐县",
+    "Value": "140121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788658700,
+    "Key": "山西省太原市阳曲县",
+    "Value": "140122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788658701,
+    "Key": "山西省太原市娄烦县",
+    "Value": "140123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788658702,
+    "Key": "山西省太原市古交市",
+    "Value": "140181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788658703,
+    "Key": "山西省大同市",
+    "Value": "140200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788662789,
+    "Key": "山西省大同市新荣区",
+    "Value": "140212"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788662790,
+    "Key": "山西省大同市平城区",
+    "Value": "140213"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788662791,
+    "Key": "山西省大同市云冈区",
+    "Value": "140214"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788662792,
+    "Key": "山西省大同市云州区",
+    "Value": "140215"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788662793,
+    "Key": "山西省大同市阳高县",
+    "Value": "140221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788662794,
+    "Key": "山西省大同市天镇县",
+    "Value": "140222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788662795,
+    "Key": "山西省大同市广灵县",
+    "Value": "140223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788662796,
+    "Key": "山西省大同市灵丘县",
+    "Value": "140224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788662797,
+    "Key": "山西省大同市浑源县",
+    "Value": "140225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788662798,
+    "Key": "山西省大同市左云县",
+    "Value": "140226"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788662799,
+    "Key": "山西省阳泉市",
+    "Value": "140300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788662800,
+    "Key": "山西省阳泉市城区",
+    "Value": "140302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788666885,
+    "Key": "山西省阳泉市矿区",
+    "Value": "140303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788666886,
+    "Key": "山西省阳泉市郊区",
+    "Value": "140311"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788666887,
+    "Key": "山西省阳泉市平定县",
+    "Value": "140321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788666888,
+    "Key": "山西省阳泉市盂县",
+    "Value": "140322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788666889,
+    "Key": "山西省长治市",
+    "Value": "140400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788666890,
+    "Key": "山西省长治市潞州区",
+    "Value": "140403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788666891,
+    "Key": "山西省长治市上党区",
+    "Value": "140404"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788666892,
+    "Key": "山西省长治市屯留区",
+    "Value": "140405"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788666893,
+    "Key": "山西省长治市潞城区",
+    "Value": "140406"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788666894,
+    "Key": "山西省长治市襄垣县",
+    "Value": "140423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788666895,
+    "Key": "山西省长治市平顺县",
+    "Value": "140425"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788666896,
+    "Key": "山西省长治市黎城县",
+    "Value": "140426"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788670981,
+    "Key": "山西省长治市壶关县",
+    "Value": "140427"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788670982,
+    "Key": "山西省长治市长子县",
+    "Value": "140428"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788670983,
+    "Key": "山西省长治市武乡县",
+    "Value": "140429"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788670984,
+    "Key": "山西省长治市沁县",
+    "Value": "140430"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788670985,
+    "Key": "山西省长治市沁源县",
+    "Value": "140431"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788670986,
+    "Key": "山西省晋城市",
+    "Value": "140500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788670987,
+    "Key": "山西省晋城市城区",
+    "Value": "140502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788670988,
+    "Key": "山西省晋城市沁水县",
+    "Value": "140521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788670989,
+    "Key": "山西省晋城市阳城县",
+    "Value": "140522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788670990,
+    "Key": "山西省晋城市陵川县",
+    "Value": "140524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788670991,
+    "Key": "山西省晋城市泽州县",
+    "Value": "140525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788670992,
+    "Key": "山西省晋城市高平市",
+    "Value": "140581"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788675077,
+    "Key": "山西省朔州市",
+    "Value": "140600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788675078,
+    "Key": "山西省朔州市朔城区",
+    "Value": "140602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788675079,
+    "Key": "山西省朔州市平鲁区",
+    "Value": "140603"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788675080,
+    "Key": "山西省朔州市山阴县",
+    "Value": "140621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788675081,
+    "Key": "山西省朔州市应县",
+    "Value": "140622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788675082,
+    "Key": "山西省朔州市右玉县",
+    "Value": "140623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788675083,
+    "Key": "山西省朔州市怀仁市",
+    "Value": "140681"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788675084,
+    "Key": "山西省晋中市",
+    "Value": "140700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788675085,
+    "Key": "山西省晋中市榆次区",
+    "Value": "140702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788675086,
+    "Key": "山西省晋中市太谷区",
+    "Value": "140703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788675087,
+    "Key": "山西省晋中市榆社县",
+    "Value": "140721"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788675088,
+    "Key": "山西省晋中市左权县",
+    "Value": "140722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788679173,
+    "Key": "山西省晋中市和顺县",
+    "Value": "140723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788679174,
+    "Key": "山西省晋中市昔阳县",
+    "Value": "140724"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788679175,
+    "Key": "山西省晋中市寿阳县",
+    "Value": "140725"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788679176,
+    "Key": "山西省晋中市祁县",
+    "Value": "140727"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788679177,
+    "Key": "山西省晋中市平遥县",
+    "Value": "140728"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788679178,
+    "Key": "山西省晋中市灵石县",
+    "Value": "140729"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788679179,
+    "Key": "山西省晋中市介休市",
+    "Value": "140781"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788679180,
+    "Key": "山西省运城市",
+    "Value": "140800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788679181,
+    "Key": "山西省运城市盐湖区",
+    "Value": "140802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788679182,
+    "Key": "山西省运城市临猗县",
+    "Value": "140821"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788679183,
+    "Key": "山西省运城市万荣县",
+    "Value": "140822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788679184,
+    "Key": "山西省运城市闻喜县",
+    "Value": "140823"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788683269,
+    "Key": "山西省运城市稷山县",
+    "Value": "140824"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788683270,
+    "Key": "山西省运城市新绛县",
+    "Value": "140825"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788683271,
+    "Key": "山西省运城市绛县",
+    "Value": "140826"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788683272,
+    "Key": "山西省运城市垣曲县",
+    "Value": "140827"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788683273,
+    "Key": "山西省运城市夏县",
+    "Value": "140828"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788683274,
+    "Key": "山西省运城市平陆县",
+    "Value": "140829"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788683275,
+    "Key": "山西省运城市芮城县",
+    "Value": "140830"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788683276,
+    "Key": "山西省运城市永济市",
+    "Value": "140881"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788683277,
+    "Key": "山西省运城市河津市",
+    "Value": "140882"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788683278,
+    "Key": "山西省忻州市",
+    "Value": "140900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788683279,
+    "Key": "山西省忻州市忻府区",
+    "Value": "140902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788683280,
+    "Key": "山西省忻州市定襄县",
+    "Value": "140921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788683281,
+    "Key": "山西省忻州市五台县",
+    "Value": "140922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788687365,
+    "Key": "山西省忻州市代县",
+    "Value": "140923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788687366,
+    "Key": "山西省忻州市繁峙县",
+    "Value": "140924"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788687367,
+    "Key": "山西省忻州市宁武县",
+    "Value": "140925"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788687368,
+    "Key": "山西省忻州市静乐县",
+    "Value": "140926"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788687369,
+    "Key": "山西省忻州市神池县",
+    "Value": "140927"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788687370,
+    "Key": "山西省忻州市五寨县",
+    "Value": "140928"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788687371,
+    "Key": "山西省忻州市岢岚县",
+    "Value": "140929"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788687372,
+    "Key": "山西省忻州市河曲县",
+    "Value": "140930"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788687373,
+    "Key": "山西省忻州市保德县",
+    "Value": "140931"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788687374,
+    "Key": "山西省忻州市偏关县",
+    "Value": "140932"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788687375,
+    "Key": "山西省忻州市原平市",
+    "Value": "140981"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788687376,
+    "Key": "山西省临汾市",
+    "Value": "141000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788691461,
+    "Key": "山西省临汾市尧都区",
+    "Value": "141002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788691462,
+    "Key": "山西省临汾市曲沃县",
+    "Value": "141021"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788691463,
+    "Key": "山西省临汾市翼城县",
+    "Value": "141022"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788691464,
+    "Key": "山西省临汾市襄汾县",
+    "Value": "141023"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788691465,
+    "Key": "山西省临汾市洪洞县",
+    "Value": "141024"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788691466,
+    "Key": "山西省临汾市古县",
+    "Value": "141025"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788691467,
+    "Key": "山西省临汾市安泽县",
+    "Value": "141026"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788691468,
+    "Key": "山西省临汾市浮山县",
+    "Value": "141027"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788691469,
+    "Key": "山西省临汾市吉县",
+    "Value": "141028"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788691470,
+    "Key": "山西省临汾市乡宁县",
+    "Value": "141029"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788691471,
+    "Key": "山西省临汾市大宁县",
+    "Value": "141030"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788691472,
+    "Key": "山西省临汾市隰县",
+    "Value": "141031"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788691473,
+    "Key": "山西省临汾市永和县",
+    "Value": "141032"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788695557,
+    "Key": "山西省临汾市蒲县",
+    "Value": "141033"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788695558,
+    "Key": "山西省临汾市汾西县",
+    "Value": "141034"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788695559,
+    "Key": "山西省临汾市侯马市",
+    "Value": "141081"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788695560,
+    "Key": "山西省临汾市霍州市",
+    "Value": "141082"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788695561,
+    "Key": "山西省吕梁市",
+    "Value": "141100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788695562,
+    "Key": "山西省吕梁市离石区",
+    "Value": "141102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788695563,
+    "Key": "山西省吕梁市文水县",
+    "Value": "141121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788695564,
+    "Key": "山西省吕梁市交城县",
+    "Value": "141122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788695565,
+    "Key": "山西省吕梁市兴县",
+    "Value": "141123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788695566,
+    "Key": "山西省吕梁市临县",
+    "Value": "141124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788695567,
+    "Key": "山西省吕梁市柳林县",
+    "Value": "141125"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788695568,
+    "Key": "山西省吕梁市石楼县",
+    "Value": "141126"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788695569,
+    "Key": "山西省吕梁市岚县",
+    "Value": "141127"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788699653,
+    "Key": "山西省吕梁市方山县",
+    "Value": "141128"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788699654,
+    "Key": "山西省吕梁市中阳县",
+    "Value": "141129"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788699655,
+    "Key": "山西省吕梁市交口县",
+    "Value": "141130"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788699656,
+    "Key": "山西省吕梁市孝义市",
+    "Value": "141181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788699657,
+    "Key": "山西省吕梁市汾阳市",
+    "Value": "141182"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788699658,
+    "Key": "内蒙古自治区",
+    "Value": "150000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788699659,
+    "Key": "内蒙古自治区呼和浩特市呼和浩特市",
+    "Value": "150100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788699660,
+    "Key": "内蒙古自治区呼和浩特市新城区",
+    "Value": "150102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788699661,
+    "Key": "内蒙古自治区呼和浩特市回民区",
+    "Value": "150103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788699662,
+    "Key": "内蒙古自治区呼和浩特市玉泉区",
+    "Value": "150104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788699663,
+    "Key": "内蒙古自治区呼和浩特市赛罕区",
+    "Value": "150105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788699664,
+    "Key": "内蒙古自治区呼和浩特市土默特左旗",
+    "Value": "150121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788703749,
+    "Key": "内蒙古自治区呼和浩特市托克托县",
+    "Value": "150122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788703750,
+    "Key": "内蒙古自治区呼和浩特市和林格尔县",
+    "Value": "150123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788703751,
+    "Key": "内蒙古自治区呼和浩特市清水河县",
+    "Value": "150124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788703752,
+    "Key": "内蒙古自治区呼和浩特市武川县",
+    "Value": "150125"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788703753,
+    "Key": "内蒙古自治区包头市",
+    "Value": "150200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788703754,
+    "Key": "内蒙古自治区包头市东河区",
+    "Value": "150202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788703755,
+    "Key": "内蒙古自治区包头市昆都仑区",
+    "Value": "150203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788703756,
+    "Key": "内蒙古自治区包头市青山区",
+    "Value": "150204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788703757,
+    "Key": "内蒙古自治区包头市石拐区",
+    "Value": "150205"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788703758,
+    "Key": "内蒙古自治区包头市白云鄂博矿区",
+    "Value": "150206"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788703759,
+    "Key": "内蒙古自治区包头市九原区",
+    "Value": "150207"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788703760,
+    "Key": "内蒙古自治区包头市土默特右旗",
+    "Value": "150221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788703761,
+    "Key": "内蒙古自治区包头市固阳县",
+    "Value": "150222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788707845,
+    "Key": "内蒙古自治区包头市达尔罕茂明安联合旗",
+    "Value": "150223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788707846,
+    "Key": "内蒙古自治区乌海市",
+    "Value": "150300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788707847,
+    "Key": "内蒙古自治区乌海市海勃湾区",
+    "Value": "150302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788707848,
+    "Key": "内蒙古自治区乌海市海南区",
+    "Value": "150303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788707849,
+    "Key": "内蒙古自治区乌海市乌达区",
+    "Value": "150304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788707850,
+    "Key": "内蒙古自治区赤峰市",
+    "Value": "150400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788707851,
+    "Key": "内蒙古自治区赤峰市红山区",
+    "Value": "150402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788707852,
+    "Key": "内蒙古自治区赤峰市元宝山区",
+    "Value": "150403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788707853,
+    "Key": "内蒙古自治区赤峰市松山区",
+    "Value": "150404"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788707854,
+    "Key": "内蒙古自治区赤峰市阿鲁科尔沁旗",
+    "Value": "150421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788707855,
+    "Key": "内蒙古自治区赤峰市巴林左旗",
+    "Value": "150422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788707856,
+    "Key": "内蒙古自治区赤峰市巴林右旗",
+    "Value": "150423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788711941,
+    "Key": "内蒙古自治区赤峰市林西县",
+    "Value": "150424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788711942,
+    "Key": "内蒙古自治区赤峰市克什克腾旗",
+    "Value": "150425"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788711943,
+    "Key": "内蒙古自治区赤峰市翁牛特旗",
+    "Value": "150426"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788711944,
+    "Key": "内蒙古自治区赤峰市喀喇沁旗",
+    "Value": "150428"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788711945,
+    "Key": "内蒙古自治区赤峰市宁城县",
+    "Value": "150429"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788711946,
+    "Key": "内蒙古自治区赤峰市敖汉旗",
+    "Value": "150430"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788711947,
+    "Key": "内蒙古自治区通辽市",
+    "Value": "150500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788711948,
+    "Key": "内蒙古自治区通辽市科尔沁区",
+    "Value": "150502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788711949,
+    "Key": "内蒙古自治区通辽市科尔沁左翼中旗",
+    "Value": "150521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788711950,
+    "Key": "内蒙古自治区通辽市科尔沁左翼后旗",
+    "Value": "150522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788711951,
+    "Key": "内蒙古自治区通辽市开鲁县",
+    "Value": "150523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788711952,
+    "Key": "内蒙古自治区通辽市库伦旗",
+    "Value": "150524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788716037,
+    "Key": "内蒙古自治区通辽市奈曼旗",
+    "Value": "150525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788716038,
+    "Key": "内蒙古自治区通辽市扎鲁特旗",
+    "Value": "150526"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788716039,
+    "Key": "内蒙古自治区通辽市霍林郭勒市",
+    "Value": "150581"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788716040,
+    "Key": "内蒙古自治区鄂尔多斯市",
+    "Value": "150600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788716041,
+    "Key": "内蒙古自治区鄂尔多斯市东胜区",
+    "Value": "150602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788716042,
+    "Key": "内蒙古自治区鄂尔多斯市康巴什区",
+    "Value": "150603"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788716043,
+    "Key": "内蒙古自治区鄂尔多斯市达拉特旗",
+    "Value": "150621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788716044,
+    "Key": "内蒙古自治区鄂尔多斯市准格尔旗",
+    "Value": "150622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788716045,
+    "Key": "内蒙古自治区鄂尔多斯市鄂托克前旗",
+    "Value": "150623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788716046,
+    "Key": "内蒙古自治区鄂尔多斯市鄂托克旗",
+    "Value": "150624"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788716047,
+    "Key": "内蒙古自治区鄂尔多斯市杭锦旗",
+    "Value": "150625"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788716048,
+    "Key": "内蒙古自治区鄂尔多斯市乌审旗",
+    "Value": "150626"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788716049,
+    "Key": "内蒙古自治区鄂尔多斯市伊金霍洛旗",
+    "Value": "150627"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788720133,
+    "Key": "内蒙古自治区呼伦贝尔市",
+    "Value": "150700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788720134,
+    "Key": "内蒙古自治区呼伦贝尔市海拉尔区",
+    "Value": "150702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788720135,
+    "Key": "内蒙古自治区呼伦贝尔市扎赉诺尔区",
+    "Value": "150703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788720136,
+    "Key": "内蒙古自治区呼伦贝尔市阿荣旗",
+    "Value": "150721"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788720137,
+    "Key": "内蒙古自治区呼伦贝尔市莫力达瓦达斡尔族自治旗",
+    "Value": "150722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788720138,
+    "Key": "内蒙古自治区呼伦贝尔市鄂伦春自治旗",
+    "Value": "150723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788720139,
+    "Key": "内蒙古自治区呼伦贝尔市鄂温克族自治旗",
+    "Value": "150724"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788720140,
+    "Key": "内蒙古自治区呼伦贝尔市陈巴尔虎旗",
+    "Value": "150725"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788720141,
+    "Key": "内蒙古自治区呼伦贝尔市新巴尔虎左旗",
+    "Value": "150726"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788720142,
+    "Key": "内蒙古自治区呼伦贝尔市新巴尔虎右旗",
+    "Value": "150727"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788720143,
+    "Key": "内蒙古自治区呼伦贝尔市满洲里市",
+    "Value": "150781"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788720144,
+    "Key": "内蒙古自治区呼伦贝尔市牙克石市",
+    "Value": "150782"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788724229,
+    "Key": "内蒙古自治区呼伦贝尔市扎兰屯市",
+    "Value": "150783"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788724230,
+    "Key": "内蒙古自治区呼伦贝尔市额尔古纳市",
+    "Value": "150784"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788724231,
+    "Key": "内蒙古自治区呼伦贝尔市根河市",
+    "Value": "150785"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788724232,
+    "Key": "内蒙古自治区巴彦淖尔市",
+    "Value": "150800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788724233,
+    "Key": "内蒙古自治区巴彦淖尔市临河区",
+    "Value": "150802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788724234,
+    "Key": "内蒙古自治区巴彦淖尔市五原县",
+    "Value": "150821"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788724235,
+    "Key": "内蒙古自治区巴彦淖尔市磴口县",
+    "Value": "150822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788724236,
+    "Key": "内蒙古自治区巴彦淖尔市乌拉特前旗",
+    "Value": "150823"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788724237,
+    "Key": "内蒙古自治区巴彦淖尔市乌拉特中旗",
+    "Value": "150824"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788724238,
+    "Key": "内蒙古自治区巴彦淖尔市乌拉特后旗",
+    "Value": "150825"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788724239,
+    "Key": "内蒙古自治区巴彦淖尔市杭锦后旗",
+    "Value": "150826"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788724240,
+    "Key": "内蒙古自治区乌兰察布市",
+    "Value": "150900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788724241,
+    "Key": "内蒙古自治区乌兰察布市集宁区",
+    "Value": "150902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788728325,
+    "Key": "内蒙古自治区乌兰察布市卓资县",
+    "Value": "150921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788728326,
+    "Key": "内蒙古自治区乌兰察布市化德县",
+    "Value": "150922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788728327,
+    "Key": "内蒙古自治区乌兰察布市商都县",
+    "Value": "150923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788728328,
+    "Key": "内蒙古自治区乌兰察布市兴和县",
+    "Value": "150924"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788728329,
+    "Key": "内蒙古自治区乌兰察布市凉城县",
+    "Value": "150925"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788728330,
+    "Key": "内蒙古自治区乌兰察布市察哈尔右翼前旗",
+    "Value": "150926"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788728331,
+    "Key": "内蒙古自治区乌兰察布市察哈尔右翼中旗",
+    "Value": "150927"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788728332,
+    "Key": "内蒙古自治区乌兰察布市察哈尔右翼后旗",
+    "Value": "150928"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788728333,
+    "Key": "内蒙古自治区乌兰察布市四子王旗",
+    "Value": "150929"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788728334,
+    "Key": "内蒙古自治区乌兰察布市丰镇市",
+    "Value": "150981"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788728335,
+    "Key": "内蒙古自治区兴安盟",
+    "Value": "152200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788728336,
+    "Key": "内蒙古自治区兴安盟乌兰浩特市",
+    "Value": "152201"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788732421,
+    "Key": "内蒙古自治区兴安盟阿尔山市",
+    "Value": "152202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788732422,
+    "Key": "内蒙古自治区兴安盟科尔沁右翼前旗",
+    "Value": "152221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788732423,
+    "Key": "内蒙古自治区兴安盟科尔沁右翼中旗",
+    "Value": "152222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788732424,
+    "Key": "内蒙古自治区兴安盟扎赉特旗",
+    "Value": "152223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788732425,
+    "Key": "内蒙古自治区兴安盟突泉县",
+    "Value": "152224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788732426,
+    "Key": "内蒙古自治区锡林郭勒盟",
+    "Value": "152500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788732427,
+    "Key": "内蒙古自治区锡林郭勒盟二连浩特市",
+    "Value": "152501"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788732428,
+    "Key": "内蒙古自治区锡林郭勒盟锡林浩特市",
+    "Value": "152502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788732429,
+    "Key": "内蒙古自治区锡林郭勒盟阿巴嘎旗",
+    "Value": "152522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788732430,
+    "Key": "内蒙古自治区锡林郭勒盟苏尼特左旗",
+    "Value": "152523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788732431,
+    "Key": "内蒙古自治区锡林郭勒盟苏尼特右旗",
+    "Value": "152524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788732432,
+    "Key": "内蒙古自治区锡林郭勒盟东乌珠穆沁旗",
+    "Value": "152525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788732433,
+    "Key": "内蒙古自治区锡林郭勒盟西乌珠穆沁旗",
+    "Value": "152526"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788736517,
+    "Key": "内蒙古自治区锡林郭勒盟太仆寺旗",
+    "Value": "152527"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788736518,
+    "Key": "内蒙古自治区锡林郭勒盟镶黄旗",
+    "Value": "152528"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788736519,
+    "Key": "内蒙古自治区锡林郭勒盟正镶白旗",
+    "Value": "152529"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788736520,
+    "Key": "内蒙古自治区锡林郭勒盟正蓝旗",
+    "Value": "152530"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788736521,
+    "Key": "内蒙古自治区锡林郭勒盟多伦县",
+    "Value": "152531"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788736522,
+    "Key": "内蒙古自治区阿拉善盟",
+    "Value": "152900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788736523,
+    "Key": "内蒙古自治区阿拉善盟阿拉善左旗",
+    "Value": "152921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788740613,
+    "Key": "内蒙古自治区阿拉善盟阿拉善右旗",
+    "Value": "152922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788744709,
+    "Key": "内蒙古自治区阿拉善盟额济纳旗",
+    "Value": "152923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788744710,
+    "Key": "辽宁省",
+    "Value": "210000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788748805,
+    "Key": "辽宁省沈阳市",
+    "Value": "210100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788748806,
+    "Key": "辽宁省沈阳市和平区",
+    "Value": "210102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788748807,
+    "Key": "辽宁省沈阳市沈河区",
+    "Value": "210103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788752901,
+    "Key": "辽宁省沈阳市大东区",
+    "Value": "210104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788752902,
+    "Key": "辽宁省沈阳市皇姑区",
+    "Value": "210105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788756997,
+    "Key": "辽宁省沈阳市铁西区",
+    "Value": "210106"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788756998,
+    "Key": "辽宁省沈阳市苏家屯区",
+    "Value": "210111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788761093,
+    "Key": "辽宁省沈阳市浑南区",
+    "Value": "210112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788765189,
+    "Key": "辽宁省沈阳市沈北新区",
+    "Value": "210113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788765190,
+    "Key": "辽宁省沈阳市于洪区",
+    "Value": "210114"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788765191,
+    "Key": "辽宁省沈阳市辽中区",
+    "Value": "210115"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788765192,
+    "Key": "辽宁省沈阳市康平县",
+    "Value": "210123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788769285,
+    "Key": "辽宁省沈阳市法库县",
+    "Value": "210124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788769286,
+    "Key": "辽宁省沈阳市新民市",
+    "Value": "210181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788769287,
+    "Key": "辽宁省大连市",
+    "Value": "210200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788769288,
+    "Key": "辽宁省大连市中山区",
+    "Value": "210202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788769289,
+    "Key": "辽宁省大连市西岗区",
+    "Value": "210203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788773381,
+    "Key": "辽宁省大连市沙河口区",
+    "Value": "210204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788773382,
+    "Key": "辽宁省大连市甘井子区",
+    "Value": "210211"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788773383,
+    "Key": "辽宁省大连市旅顺口区",
+    "Value": "210212"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788773384,
+    "Key": "辽宁省大连市金州区",
+    "Value": "210213"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788777477,
+    "Key": "辽宁省大连市普兰店区",
+    "Value": "210214"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788777478,
+    "Key": "辽宁省大连市长海县",
+    "Value": "210224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788777479,
+    "Key": "辽宁省大连市瓦房店市",
+    "Value": "210281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788777480,
+    "Key": "辽宁省大连市庄河市",
+    "Value": "210283"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788777481,
+    "Key": "辽宁省鞍山市",
+    "Value": "210300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788777482,
+    "Key": "辽宁省鞍山市铁东区",
+    "Value": "210302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788777483,
+    "Key": "辽宁省鞍山市铁西区",
+    "Value": "210303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788777484,
+    "Key": "辽宁省鞍山市立山区",
+    "Value": "210304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788777485,
+    "Key": "辽宁省鞍山市千山区",
+    "Value": "210311"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788777486,
+    "Key": "辽宁省鞍山市台安县",
+    "Value": "210321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788781573,
+    "Key": "辽宁省鞍山市岫岩满族自治县",
+    "Value": "210323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788781574,
+    "Key": "辽宁省鞍山市海城市",
+    "Value": "210381"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788781575,
+    "Key": "辽宁省抚顺市",
+    "Value": "210400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788781576,
+    "Key": "辽宁省抚顺市新抚区",
+    "Value": "210402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788781577,
+    "Key": "辽宁省抚顺市东洲区",
+    "Value": "210403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788781578,
+    "Key": "辽宁省抚顺市望花区",
+    "Value": "210404"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788781579,
+    "Key": "辽宁省抚顺市顺城区",
+    "Value": "210411"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788781580,
+    "Key": "辽宁省抚顺市抚顺县",
+    "Value": "210421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788781581,
+    "Key": "辽宁省抚顺市新宾满族自治县",
+    "Value": "210422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788785669,
+    "Key": "辽宁省抚顺市清原满族自治县",
+    "Value": "210423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788785670,
+    "Key": "辽宁省本溪市",
+    "Value": "210500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788785671,
+    "Key": "辽宁省本溪市平山区",
+    "Value": "210502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788785672,
+    "Key": "辽宁省本溪市溪湖区",
+    "Value": "210503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788785673,
+    "Key": "辽宁省本溪市明山区",
+    "Value": "210504"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788785674,
+    "Key": "辽宁省本溪市南芬区",
+    "Value": "210505"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788785675,
+    "Key": "辽宁省本溪市本溪满族自治县",
+    "Value": "210521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788785676,
+    "Key": "辽宁省本溪市桓仁满族自治县",
+    "Value": "210522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788789765,
+    "Key": "辽宁省丹东市",
+    "Value": "210600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788789766,
+    "Key": "辽宁省丹东市元宝区",
+    "Value": "210602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788789767,
+    "Key": "辽宁省丹东市振兴区",
+    "Value": "210603"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788789768,
+    "Key": "辽宁省丹东市振安区",
+    "Value": "210604"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788789769,
+    "Key": "辽宁省丹东市宽甸满族自治县",
+    "Value": "210624"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788789770,
+    "Key": "辽宁省丹东市东港市",
+    "Value": "210681"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788789771,
+    "Key": "辽宁省丹东市凤城市",
+    "Value": "210682"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788789772,
+    "Key": "辽宁省锦州市",
+    "Value": "210700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788789773,
+    "Key": "辽宁省锦州市古塔区",
+    "Value": "210702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788789774,
+    "Key": "辽宁省锦州市凌河区",
+    "Value": "210703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788793861,
+    "Key": "辽宁省锦州市太和区",
+    "Value": "210711"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788793862,
+    "Key": "辽宁省锦州市黑山县",
+    "Value": "210726"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788793863,
+    "Key": "辽宁省锦州市义县",
+    "Value": "210727"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788793864,
+    "Key": "辽宁省锦州市凌海市",
+    "Value": "210781"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788793865,
+    "Key": "辽宁省锦州市北镇市",
+    "Value": "210782"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788793866,
+    "Key": "辽宁省营口市",
+    "Value": "210800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788793867,
+    "Key": "辽宁省营口市站前区",
+    "Value": "210802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788793868,
+    "Key": "辽宁省营口市西市区",
+    "Value": "210803"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788793869,
+    "Key": "辽宁省营口市鲅鱼圈区",
+    "Value": "210804"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788793870,
+    "Key": "辽宁省营口市老边区",
+    "Value": "210811"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788793871,
+    "Key": "辽宁省营口市盖州市",
+    "Value": "210881"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788793872,
+    "Key": "辽宁省营口市大石桥市",
+    "Value": "210882"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788797957,
+    "Key": "辽宁省阜新市",
+    "Value": "210900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788797958,
+    "Key": "辽宁省阜新市海州区",
+    "Value": "210902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788797959,
+    "Key": "辽宁省阜新市新邱区",
+    "Value": "210903"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788797960,
+    "Key": "辽宁省阜新市太平区",
+    "Value": "210904"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788797961,
+    "Key": "辽宁省阜新市清河门区",
+    "Value": "210905"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788797962,
+    "Key": "辽宁省阜新市细河区",
+    "Value": "210911"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788797963,
+    "Key": "辽宁省阜新市阜新蒙古族自治县",
+    "Value": "210921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788797964,
+    "Key": "辽宁省阜新市彰武县",
+    "Value": "210922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788797965,
+    "Key": "辽宁省辽阳市",
+    "Value": "211000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788797966,
+    "Key": "辽宁省辽阳市白塔区",
+    "Value": "211002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788797967,
+    "Key": "辽宁省辽阳市文圣区",
+    "Value": "211003"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788797968,
+    "Key": "辽宁省辽阳市宏伟区",
+    "Value": "211004"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788797969,
+    "Key": "辽宁省辽阳市弓长岭区",
+    "Value": "211005"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788802053,
+    "Key": "辽宁省辽阳市太子河区",
+    "Value": "211011"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788802054,
+    "Key": "辽宁省辽阳市辽阳县",
+    "Value": "211021"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788802055,
+    "Key": "辽宁省辽阳市灯塔市",
+    "Value": "211081"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788802056,
+    "Key": "辽宁省盘锦市",
+    "Value": "211100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788802057,
+    "Key": "辽宁省盘锦市双台子区",
+    "Value": "211102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788802058,
+    "Key": "辽宁省盘锦市兴隆台区",
+    "Value": "211103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788802059,
+    "Key": "辽宁省盘锦市大洼区",
+    "Value": "211104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788802060,
+    "Key": "辽宁省盘锦市盘山县",
+    "Value": "211122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788802061,
+    "Key": "辽宁省铁岭市",
+    "Value": "211200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788802062,
+    "Key": "辽宁省铁岭市银州区",
+    "Value": "211202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788802063,
+    "Key": "辽宁省铁岭市清河区",
+    "Value": "211204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788802064,
+    "Key": "辽宁省铁岭市铁岭县",
+    "Value": "211221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788806149,
+    "Key": "辽宁省铁岭市西丰县",
+    "Value": "211223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788806150,
+    "Key": "辽宁省铁岭市昌图县",
+    "Value": "211224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788806151,
+    "Key": "辽宁省铁岭市调兵山市",
+    "Value": "211281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788806152,
+    "Key": "辽宁省铁岭市开原市",
+    "Value": "211282"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788806153,
+    "Key": "辽宁省朝阳市",
+    "Value": "211300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788806154,
+    "Key": "辽宁省朝阳市双塔区",
+    "Value": "211302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788806155,
+    "Key": "辽宁省朝阳市龙城区",
+    "Value": "211303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788806156,
+    "Key": "辽宁省朝阳市朝阳县",
+    "Value": "211321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788806157,
+    "Key": "辽宁省朝阳市建平县",
+    "Value": "211322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788806158,
+    "Key": "辽宁省朝阳市喀喇沁左翼蒙古族自治县",
+    "Value": "211324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788806159,
+    "Key": "辽宁省朝阳市北票市",
+    "Value": "211381"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788806160,
+    "Key": "辽宁省朝阳市凌源市",
+    "Value": "211382"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788810245,
+    "Key": "辽宁省葫芦岛市",
+    "Value": "211400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788810246,
+    "Key": "辽宁省葫芦岛市连山区",
+    "Value": "211402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788810247,
+    "Key": "辽宁省葫芦岛市龙港区",
+    "Value": "211403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788810248,
+    "Key": "辽宁省葫芦岛市南票区",
+    "Value": "211404"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788810249,
+    "Key": "辽宁省葫芦岛市绥中县",
+    "Value": "211421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788810250,
+    "Key": "辽宁省葫芦岛市建昌县",
+    "Value": "211422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788810251,
+    "Key": "辽宁省葫芦岛市兴城市",
+    "Value": "211481"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788810252,
+    "Key": "吉林省",
+    "Value": "220000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788810253,
+    "Key": "吉林省长春市",
+    "Value": "220100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788810254,
+    "Key": "吉林省长春市南关区",
+    "Value": "220102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788810255,
+    "Key": "吉林省长春市宽城区",
+    "Value": "220103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788810256,
+    "Key": "吉林省长春市朝阳区",
+    "Value": "220104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788810257,
+    "Key": "吉林省长春市二道区",
+    "Value": "220105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788814341,
+    "Key": "吉林省长春市绿园区",
+    "Value": "220106"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788814342,
+    "Key": "吉林省长春市双阳区",
+    "Value": "220112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788814343,
+    "Key": "吉林省长春市九台区",
+    "Value": "220113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788814344,
+    "Key": "吉林省长春市农安县",
+    "Value": "220122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788814345,
+    "Key": "吉林省长春市榆树市",
+    "Value": "220182"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788814346,
+    "Key": "吉林省长春市德惠市",
+    "Value": "220183"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788814347,
+    "Key": "吉林省长春市公主岭市",
+    "Value": "220184"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788814348,
+    "Key": "吉林省吉林市",
+    "Value": "220200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788814349,
+    "Key": "吉林省吉林市昌邑区",
+    "Value": "220202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788814350,
+    "Key": "吉林省吉林市龙潭区",
+    "Value": "220203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788814351,
+    "Key": "吉林省吉林市船营区",
+    "Value": "220204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788814352,
+    "Key": "吉林省吉林市丰满区",
+    "Value": "220211"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788818437,
+    "Key": "吉林省吉林市永吉县",
+    "Value": "220221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788818438,
+    "Key": "吉林省吉林市蛟河市",
+    "Value": "220281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788818439,
+    "Key": "吉林省吉林市桦甸市",
+    "Value": "220282"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788818440,
+    "Key": "吉林省吉林市舒兰市",
+    "Value": "220283"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788818441,
+    "Key": "吉林省吉林市磐石市",
+    "Value": "220284"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788818442,
+    "Key": "吉林省四平市",
+    "Value": "220300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788818443,
+    "Key": "吉林省四平市铁西区",
+    "Value": "220302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788818444,
+    "Key": "吉林省四平市铁东区",
+    "Value": "220303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788818445,
+    "Key": "吉林省四平市梨树县",
+    "Value": "220322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788818446,
+    "Key": "吉林省四平市伊通满族自治县",
+    "Value": "220323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788818447,
+    "Key": "吉林省四平市双辽市",
+    "Value": "220382"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788818448,
+    "Key": "吉林省辽源市",
+    "Value": "220400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788818449,
+    "Key": "吉林省辽源市龙山区",
+    "Value": "220402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788822533,
+    "Key": "吉林省辽源市西安区",
+    "Value": "220403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788822534,
+    "Key": "吉林省辽源市东丰县",
+    "Value": "220421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788822535,
+    "Key": "吉林省辽源市东辽县",
+    "Value": "220422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788822536,
+    "Key": "吉林省通化市",
+    "Value": "220500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788822537,
+    "Key": "吉林省通化市东昌区",
+    "Value": "220502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788822538,
+    "Key": "吉林省通化市二道江区",
+    "Value": "220503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788822539,
+    "Key": "吉林省通化市通化县",
+    "Value": "220521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788822540,
+    "Key": "吉林省通化市辉南县",
+    "Value": "220523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788822541,
+    "Key": "吉林省通化市柳河县",
+    "Value": "220524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788822542,
+    "Key": "吉林省通化市梅河口市",
+    "Value": "220581"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788822543,
+    "Key": "吉林省通化市集安市",
+    "Value": "220582"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788822544,
+    "Key": "吉林省白山市",
+    "Value": "220600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788826629,
+    "Key": "吉林省白山市浑江区",
+    "Value": "220602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788826630,
+    "Key": "吉林省白山市江源区",
+    "Value": "220605"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788826631,
+    "Key": "吉林省白山市抚松县",
+    "Value": "220621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788826632,
+    "Key": "吉林省白山市靖宇县",
+    "Value": "220622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788826633,
+    "Key": "吉林省白山市长白朝鲜族自治县",
+    "Value": "220623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788826634,
+    "Key": "吉林省白山市临江市",
+    "Value": "220681"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788826635,
+    "Key": "吉林省松原市",
+    "Value": "220700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788826636,
+    "Key": "吉林省松原市宁江区",
+    "Value": "220702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788826637,
+    "Key": "吉林省松原市前郭尔罗斯蒙古族自治县",
+    "Value": "220721"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788826638,
+    "Key": "吉林省松原市长岭县",
+    "Value": "220722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788826639,
+    "Key": "吉林省松原市乾安县",
+    "Value": "220723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788826640,
+    "Key": "吉林省松原市扶余市",
+    "Value": "220781"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788826641,
+    "Key": "吉林省白城市",
+    "Value": "220800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788830725,
+    "Key": "吉林省白城市洮北区",
+    "Value": "220802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788830726,
+    "Key": "吉林省白城市镇赉县",
+    "Value": "220821"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788830727,
+    "Key": "吉林省白城市通榆县",
+    "Value": "220822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788830728,
+    "Key": "吉林省白城市洮南市",
+    "Value": "220881"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788830729,
+    "Key": "吉林省白城市大安市",
+    "Value": "220882"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788830730,
+    "Key": "吉林省延边朝鲜族自治州",
+    "Value": "222400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788830731,
+    "Key": "吉林省延边朝鲜族自治州延吉市",
+    "Value": "222401"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788830732,
+    "Key": "吉林省延边朝鲜族自治州图们市",
+    "Value": "222402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788830733,
+    "Key": "吉林省延边朝鲜族自治州敦化市",
+    "Value": "222403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788830734,
+    "Key": "吉林省延边朝鲜族自治州珲春市",
+    "Value": "222404"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788830735,
+    "Key": "吉林省延边朝鲜族自治州龙井市",
+    "Value": "222405"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788830736,
+    "Key": "吉林省延边朝鲜族自治州和龙市",
+    "Value": "222406"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788830737,
+    "Key": "吉林省延边朝鲜族自治州汪清县",
+    "Value": "222424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788834821,
+    "Key": "吉林省延边朝鲜族自治州安图县",
+    "Value": "222426"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788834822,
+    "Key": "黑龙江省",
+    "Value": "230000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788834823,
+    "Key": "黑龙江省哈尔滨市",
+    "Value": "230100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788834824,
+    "Key": "黑龙江省哈尔滨市道里区",
+    "Value": "230102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788834825,
+    "Key": "黑龙江省哈尔滨市南岗区",
+    "Value": "230103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788834826,
+    "Key": "黑龙江省哈尔滨市道外区",
+    "Value": "230104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788834827,
+    "Key": "黑龙江省哈尔滨市平房区",
+    "Value": "230108"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788834828,
+    "Key": "黑龙江省哈尔滨市松北区",
+    "Value": "230109"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788834829,
+    "Key": "黑龙江省哈尔滨市香坊区",
+    "Value": "230110"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788834830,
+    "Key": "黑龙江省哈尔滨市呼兰区",
+    "Value": "230111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788834831,
+    "Key": "黑龙江省哈尔滨市阿城区",
+    "Value": "230112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788834832,
+    "Key": "黑龙江省哈尔滨市双城区",
+    "Value": "230113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788838917,
+    "Key": "黑龙江省哈尔滨市依兰县",
+    "Value": "230123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788838918,
+    "Key": "黑龙江省哈尔滨市方正县",
+    "Value": "230124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788838919,
+    "Key": "黑龙江省哈尔滨市宾县",
+    "Value": "230125"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788838920,
+    "Key": "黑龙江省哈尔滨市巴彦县",
+    "Value": "230126"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788838921,
+    "Key": "黑龙江省哈尔滨市木兰县",
+    "Value": "230127"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788838922,
+    "Key": "黑龙江省哈尔滨市通河县",
+    "Value": "230128"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788838923,
+    "Key": "黑龙江省哈尔滨市延寿县",
+    "Value": "230129"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788838924,
+    "Key": "黑龙江省哈尔滨市尚志市",
+    "Value": "230183"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788838925,
+    "Key": "黑龙江省哈尔滨市五常市",
+    "Value": "230184"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788838926,
+    "Key": "黑龙江省齐齐哈尔市",
+    "Value": "230200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788838927,
+    "Key": "黑龙江省齐齐哈尔市龙沙区",
+    "Value": "230202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788838928,
+    "Key": "黑龙江省齐齐哈尔市建华区",
+    "Value": "230203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788843013,
+    "Key": "黑龙江省齐齐哈尔市铁锋区",
+    "Value": "230204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788843014,
+    "Key": "黑龙江省齐齐哈尔市昂昂溪区",
+    "Value": "230205"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788843015,
+    "Key": "黑龙江省齐齐哈尔市富拉尔基区",
+    "Value": "230206"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788843016,
+    "Key": "黑龙江省齐齐哈尔市碾子山区",
+    "Value": "230207"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788843017,
+    "Key": "黑龙江省齐齐哈尔市梅里斯达斡尔族区",
+    "Value": "230208"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788843018,
+    "Key": "黑龙江省齐齐哈尔市龙江县",
+    "Value": "230221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788843019,
+    "Key": "黑龙江省齐齐哈尔市依安县",
+    "Value": "230223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788843020,
+    "Key": "黑龙江省齐齐哈尔市泰来县",
+    "Value": "230224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788843021,
+    "Key": "黑龙江省齐齐哈尔市甘南县",
+    "Value": "230225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788843022,
+    "Key": "黑龙江省齐齐哈尔市富裕县",
+    "Value": "230227"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788843023,
+    "Key": "黑龙江省齐齐哈尔市克山县",
+    "Value": "230229"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788843024,
+    "Key": "黑龙江省齐齐哈尔市克东县",
+    "Value": "230230"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788843025,
+    "Key": "黑龙江省齐齐哈尔市拜泉县",
+    "Value": "230231"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788847109,
+    "Key": "黑龙江省齐齐哈尔市讷河市",
+    "Value": "230281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788847110,
+    "Key": "黑龙江省鸡西市",
+    "Value": "230300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788847111,
+    "Key": "黑龙江省鸡西市鸡冠区",
+    "Value": "230302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788847112,
+    "Key": "黑龙江省鸡西市恒山区",
+    "Value": "230303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788847113,
+    "Key": "黑龙江省鸡西市滴道区",
+    "Value": "230304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788847114,
+    "Key": "黑龙江省鸡西市梨树区",
+    "Value": "230305"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788847115,
+    "Key": "黑龙江省鸡西市城子河区",
+    "Value": "230306"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788847116,
+    "Key": "黑龙江省鸡西市麻山区",
+    "Value": "230307"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788847117,
+    "Key": "黑龙江省鸡西市鸡东县",
+    "Value": "230321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788847118,
+    "Key": "黑龙江省鸡西市虎林市",
+    "Value": "230381"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788847119,
+    "Key": "黑龙江省鸡西市密山市",
+    "Value": "230382"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788847120,
+    "Key": "黑龙江省鹤岗市",
+    "Value": "230400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788847121,
+    "Key": "黑龙江省鹤岗市向阳区",
+    "Value": "230402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788851205,
+    "Key": "黑龙江省鹤岗市工农区",
+    "Value": "230403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788851206,
+    "Key": "黑龙江省鹤岗市南山区",
+    "Value": "230404"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788851207,
+    "Key": "黑龙江省鹤岗市兴安区",
+    "Value": "230405"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788851208,
+    "Key": "黑龙江省鹤岗市东山区",
+    "Value": "230406"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788851209,
+    "Key": "黑龙江省鹤岗市兴山区",
+    "Value": "230407"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788851210,
+    "Key": "黑龙江省鹤岗市萝北县",
+    "Value": "230421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788851211,
+    "Key": "黑龙江省鹤岗市绥滨县",
+    "Value": "230422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788851212,
+    "Key": "黑龙江省双鸭山市",
+    "Value": "230500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788851213,
+    "Key": "黑龙江省双鸭山市尖山区",
+    "Value": "230502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788851214,
+    "Key": "黑龙江省双鸭山市岭东区",
+    "Value": "230503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788851215,
+    "Key": "黑龙江省双鸭山市四方台区",
+    "Value": "230505"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788851216,
+    "Key": "黑龙江省双鸭山市宝山区",
+    "Value": "230506"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788855301,
+    "Key": "黑龙江省双鸭山市集贤县",
+    "Value": "230521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788855302,
+    "Key": "黑龙江省双鸭山市友谊县",
+    "Value": "230522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788855303,
+    "Key": "黑龙江省双鸭山市宝清县",
+    "Value": "230523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788855304,
+    "Key": "黑龙江省双鸭山市饶河县",
+    "Value": "230524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788855305,
+    "Key": "黑龙江省大庆市",
+    "Value": "230600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788855306,
+    "Key": "黑龙江省大庆市萨尔图区",
+    "Value": "230602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788855307,
+    "Key": "黑龙江省大庆市龙凤区",
+    "Value": "230603"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788855308,
+    "Key": "黑龙江省大庆市让胡路区",
+    "Value": "230604"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788855309,
+    "Key": "黑龙江省大庆市红岗区",
+    "Value": "230605"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788855310,
+    "Key": "黑龙江省大庆市大同区",
+    "Value": "230606"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788855311,
+    "Key": "黑龙江省大庆市肇州县",
+    "Value": "230621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788855312,
+    "Key": "黑龙江省大庆市肇源县",
+    "Value": "230622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788855313,
+    "Key": "黑龙江省大庆市林甸县",
+    "Value": "230623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788859397,
+    "Key": "黑龙江省大庆市杜尔伯特蒙古族自治县",
+    "Value": "230624"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788859398,
+    "Key": "黑龙江省伊春市",
+    "Value": "230700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788859399,
+    "Key": "黑龙江省伊春市伊美区",
+    "Value": "230717"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788859400,
+    "Key": "黑龙江省伊春市乌翠区",
+    "Value": "230718"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788859401,
+    "Key": "黑龙江省伊春市友好区",
+    "Value": "230719"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788859402,
+    "Key": "黑龙江省伊春市嘉荫县",
+    "Value": "230722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788859403,
+    "Key": "黑龙江省伊春市汤旺县",
+    "Value": "230723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788859404,
+    "Key": "黑龙江省伊春市丰林县",
+    "Value": "230724"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788859405,
+    "Key": "黑龙江省伊春市大箐山县",
+    "Value": "230725"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788859406,
+    "Key": "黑龙江省伊春市南岔县",
+    "Value": "230726"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788859407,
+    "Key": "黑龙江省伊春市金林区",
+    "Value": "230751"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788859408,
+    "Key": "黑龙江省伊春市铁力市",
+    "Value": "230781"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788859409,
+    "Key": "黑龙江省佳木斯市",
+    "Value": "230800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788863493,
+    "Key": "黑龙江省佳木斯市向阳区",
+    "Value": "230803"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788863494,
+    "Key": "黑龙江省佳木斯市前进区",
+    "Value": "230804"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788863495,
+    "Key": "黑龙江省佳木斯市东风区",
+    "Value": "230805"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788863496,
+    "Key": "黑龙江省佳木斯市郊区",
+    "Value": "230811"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788863497,
+    "Key": "黑龙江省佳木斯市桦南县",
+    "Value": "230822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788863498,
+    "Key": "黑龙江省佳木斯市桦川县",
+    "Value": "230826"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788863499,
+    "Key": "黑龙江省佳木斯市汤原县",
+    "Value": "230828"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788863500,
+    "Key": "黑龙江省佳木斯市同江市",
+    "Value": "230881"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788863501,
+    "Key": "黑龙江省佳木斯市富锦市",
+    "Value": "230882"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788863502,
+    "Key": "黑龙江省佳木斯市抚远市",
+    "Value": "230883"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788863503,
+    "Key": "黑龙江省七台河市",
+    "Value": "230900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788863504,
+    "Key": "黑龙江省七台河市新兴区",
+    "Value": "230902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788867589,
+    "Key": "黑龙江省七台河市桃山区",
+    "Value": "230903"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788867590,
+    "Key": "黑龙江省七台河市茄子河区",
+    "Value": "230904"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788867591,
+    "Key": "黑龙江省七台河市勃利县",
+    "Value": "230921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788867592,
+    "Key": "黑龙江省牡丹江市",
+    "Value": "231000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788867593,
+    "Key": "黑龙江省牡丹江市东安区",
+    "Value": "231002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788867594,
+    "Key": "黑龙江省牡丹江市阳明区",
+    "Value": "231003"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788867595,
+    "Key": "黑龙江省牡丹江市爱民区",
+    "Value": "231004"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788867596,
+    "Key": "黑龙江省牡丹江市西安区",
+    "Value": "231005"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788867597,
+    "Key": "黑龙江省牡丹江市林口县",
+    "Value": "231025"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788867598,
+    "Key": "黑龙江省牡丹江市绥芬河市",
+    "Value": "231081"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788867599,
+    "Key": "黑龙江省牡丹江市海林市",
+    "Value": "231083"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788867600,
+    "Key": "黑龙江省牡丹江市宁安市",
+    "Value": "231084"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788871685,
+    "Key": "黑龙江省牡丹江市穆棱市",
+    "Value": "231085"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788871686,
+    "Key": "黑龙江省牡丹江市东宁市",
+    "Value": "231086"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788871687,
+    "Key": "黑龙江省黑河市",
+    "Value": "231100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788871688,
+    "Key": "黑龙江省黑河市爱辉区",
+    "Value": "231102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788871689,
+    "Key": "黑龙江省黑河市逊克县",
+    "Value": "231123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788871690,
+    "Key": "黑龙江省黑河市孙吴县",
+    "Value": "231124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788871691,
+    "Key": "黑龙江省黑河市北安市",
+    "Value": "231181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788871692,
+    "Key": "黑龙江省黑河市五大连池市",
+    "Value": "231182"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788871693,
+    "Key": "黑龙江省黑河市嫩江市",
+    "Value": "231183"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788871694,
+    "Key": "黑龙江省绥化市",
+    "Value": "231200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788871695,
+    "Key": "黑龙江省绥化市北林区",
+    "Value": "231202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788871696,
+    "Key": "黑龙江省绥化市望奎县",
+    "Value": "231221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788871697,
+    "Key": "黑龙江省绥化市兰西县",
+    "Value": "231222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788875781,
+    "Key": "黑龙江省绥化市青冈县",
+    "Value": "231223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788875782,
+    "Key": "黑龙江省绥化市庆安县",
+    "Value": "231224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788875783,
+    "Key": "黑龙江省绥化市明水县",
+    "Value": "231225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788875784,
+    "Key": "黑龙江省绥化市绥棱县",
+    "Value": "231226"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788875785,
+    "Key": "黑龙江省绥化市安达市",
+    "Value": "231281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788875786,
+    "Key": "黑龙江省绥化市肇东市",
+    "Value": "231282"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788875787,
+    "Key": "黑龙江省绥化市海伦市",
+    "Value": "231283"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788875788,
+    "Key": "黑龙江省大兴安岭地区",
+    "Value": "232700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788875789,
+    "Key": "黑龙江省大兴安岭地区漠河市",
+    "Value": "232701"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788875790,
+    "Key": "黑龙江省大兴安岭地区呼玛县",
+    "Value": "232721"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788875791,
+    "Key": "黑龙江省大兴安岭地区塔河县",
+    "Value": "232722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788875792,
+    "Key": "上海市",
+    "Value": "310000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788879877,
+    "Key": "上海市黄浦区",
+    "Value": "310101"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788879878,
+    "Key": "上海市徐汇区",
+    "Value": "310104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788879879,
+    "Key": "上海市长宁区",
+    "Value": "310105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788879880,
+    "Key": "上海市静安区",
+    "Value": "310106"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788879881,
+    "Key": "上海市普陀区",
+    "Value": "310107"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788879882,
+    "Key": "上海市虹口区",
+    "Value": "310109"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788879883,
+    "Key": "上海市杨浦区",
+    "Value": "310110"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788879884,
+    "Key": "上海市闵行区",
+    "Value": "310112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788879885,
+    "Key": "上海市宝山区",
+    "Value": "310113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788879886,
+    "Key": "上海市嘉定区",
+    "Value": "310114"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788879887,
+    "Key": "上海市浦东新区",
+    "Value": "310115"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788879888,
+    "Key": "上海市金山区",
+    "Value": "310116"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788879889,
+    "Key": "上海市松江区",
+    "Value": "310117"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788883973,
+    "Key": "上海市青浦区",
+    "Value": "310118"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788883974,
+    "Key": "上海市奉贤区",
+    "Value": "310120"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788883975,
+    "Key": "上海市崇明区",
+    "Value": "310151"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788883976,
+    "Key": "江苏省",
+    "Value": "320000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788883977,
+    "Key": "江苏省南京市",
+    "Value": "320100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788883978,
+    "Key": "江苏省南京市玄武区",
+    "Value": "320102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788883979,
+    "Key": "江苏省南京市秦淮区",
+    "Value": "320104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788883980,
+    "Key": "江苏省南京市建邺区",
+    "Value": "320105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788883981,
+    "Key": "江苏省南京市鼓楼区",
+    "Value": "320106"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788883982,
+    "Key": "江苏省南京市浦口区",
+    "Value": "320111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788883983,
+    "Key": "江苏省南京市栖霞区",
+    "Value": "320113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788883984,
+    "Key": "江苏省南京市雨花台区",
+    "Value": "320114"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788888069,
+    "Key": "江苏省南京市江宁区",
+    "Value": "320115"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788888070,
+    "Key": "江苏省南京市六合区",
+    "Value": "320116"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788888071,
+    "Key": "江苏省南京市溧水区",
+    "Value": "320117"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788888072,
+    "Key": "江苏省南京市高淳区",
+    "Value": "320118"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788888073,
+    "Key": "江苏省无锡市",
+    "Value": "320200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788888074,
+    "Key": "江苏省无锡市锡山区",
+    "Value": "320205"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788888075,
+    "Key": "江苏省无锡市惠山区",
+    "Value": "320206"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788888076,
+    "Key": "江苏省无锡市滨湖区",
+    "Value": "320211"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788888077,
+    "Key": "江苏省无锡市梁溪区",
+    "Value": "320213"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788888078,
+    "Key": "江苏省无锡市新吴区",
+    "Value": "320214"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788888079,
+    "Key": "江苏省无锡市江阴市",
+    "Value": "320281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788888080,
+    "Key": "江苏省无锡市宜兴市",
+    "Value": "320282"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788892165,
+    "Key": "江苏省徐州市",
+    "Value": "320300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788892166,
+    "Key": "江苏省徐州市鼓楼区",
+    "Value": "320302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788892167,
+    "Key": "江苏省徐州市云龙区",
+    "Value": "320303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788892168,
+    "Key": "江苏省徐州市贾汪区",
+    "Value": "320305"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788892169,
+    "Key": "江苏省徐州市泉山区",
+    "Value": "320311"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788892170,
+    "Key": "江苏省徐州市铜山区",
+    "Value": "320312"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788892171,
+    "Key": "江苏省徐州市丰县",
+    "Value": "320321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788892172,
+    "Key": "江苏省徐州市沛县",
+    "Value": "320322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788892173,
+    "Key": "江苏省徐州市睢宁县",
+    "Value": "320324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788892174,
+    "Key": "江苏省徐州市新沂市",
+    "Value": "320381"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788892175,
+    "Key": "江苏省徐州市邳州市",
+    "Value": "320382"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788892176,
+    "Key": "江苏省常州市",
+    "Value": "320400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788896261,
+    "Key": "江苏省常州市天宁区",
+    "Value": "320402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788896262,
+    "Key": "江苏省常州市钟楼区",
+    "Value": "320404"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788896263,
+    "Key": "江苏省常州市新北区",
+    "Value": "320411"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788896264,
+    "Key": "江苏省常州市武进区",
+    "Value": "320412"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788896265,
+    "Key": "江苏省常州市金坛区",
+    "Value": "320413"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788896266,
+    "Key": "江苏省常州市溧阳市",
+    "Value": "320481"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788896267,
+    "Key": "江苏省苏州市",
+    "Value": "320500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788896268,
+    "Key": "江苏省苏州市虎丘区",
+    "Value": "320505"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788896269,
+    "Key": "江苏省苏州市吴中区",
+    "Value": "320506"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788896270,
+    "Key": "江苏省苏州市相城区",
+    "Value": "320507"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788896271,
+    "Key": "江苏省苏州市姑苏区",
+    "Value": "320508"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788896272,
+    "Key": "江苏省苏州市吴江区",
+    "Value": "320509"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788896273,
+    "Key": "江苏省苏州市常熟市",
+    "Value": "320581"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788900357,
+    "Key": "江苏省苏州市张家港市",
+    "Value": "320582"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788900358,
+    "Key": "江苏省苏州市昆山市",
+    "Value": "320583"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788900359,
+    "Key": "江苏省苏州市太仓市",
+    "Value": "320585"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788900360,
+    "Key": "江苏省南通市",
+    "Value": "320600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788900361,
+    "Key": "江苏省南通市通州区",
+    "Value": "320612"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788900362,
+    "Key": "江苏省南通市崇川区",
+    "Value": "320613"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788900363,
+    "Key": "江苏省南通市海门区",
+    "Value": "320614"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788900364,
+    "Key": "江苏省南通市如东县",
+    "Value": "320623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788900365,
+    "Key": "江苏省南通市启东市",
+    "Value": "320681"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788900366,
+    "Key": "江苏省南通市如皋市",
+    "Value": "320682"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788900367,
+    "Key": "江苏省南通市海安市",
+    "Value": "320685"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788900368,
+    "Key": "江苏省连云港市",
+    "Value": "320700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788904453,
+    "Key": "江苏省连云港市连云区",
+    "Value": "320703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788904454,
+    "Key": "江苏省连云港市海州区",
+    "Value": "320706"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788904455,
+    "Key": "江苏省连云港市赣榆区",
+    "Value": "320707"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788904456,
+    "Key": "江苏省连云港市东海县",
+    "Value": "320722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788904457,
+    "Key": "江苏省连云港市灌云县",
+    "Value": "320723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788904458,
+    "Key": "江苏省连云港市灌南县",
+    "Value": "320724"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788904459,
+    "Key": "江苏省淮安市",
+    "Value": "320800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788904460,
+    "Key": "江苏省淮安市淮安区",
+    "Value": "320803"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788904461,
+    "Key": "江苏省淮安市淮阴区",
+    "Value": "320804"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788904462,
+    "Key": "江苏省淮安市清江浦区",
+    "Value": "320812"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788904463,
+    "Key": "江苏省淮安市洪泽区",
+    "Value": "320813"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788904464,
+    "Key": "江苏省淮安市涟水县",
+    "Value": "320826"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788908549,
+    "Key": "江苏省淮安市盱眙县",
+    "Value": "320830"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788908550,
+    "Key": "江苏省淮安市金湖县",
+    "Value": "320831"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788908551,
+    "Key": "江苏省盐城市",
+    "Value": "320900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788908552,
+    "Key": "江苏省盐城市亭湖区",
+    "Value": "320902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788908553,
+    "Key": "江苏省盐城市盐都区",
+    "Value": "320903"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788908554,
+    "Key": "江苏省盐城市大丰区",
+    "Value": "320904"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788908555,
+    "Key": "江苏省盐城市响水县",
+    "Value": "320921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788908556,
+    "Key": "江苏省盐城市滨海县",
+    "Value": "320922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788908557,
+    "Key": "江苏省盐城市阜宁县",
+    "Value": "320923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788908558,
+    "Key": "江苏省盐城市射阳县",
+    "Value": "320924"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788908559,
+    "Key": "江苏省盐城市建湖县",
+    "Value": "320925"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788908560,
+    "Key": "江苏省盐城市东台市",
+    "Value": "320981"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788912645,
+    "Key": "江苏省扬州市",
+    "Value": "321000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788912646,
+    "Key": "江苏省扬州市广陵区",
+    "Value": "321002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788912647,
+    "Key": "江苏省扬州市邗江区",
+    "Value": "321003"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788912648,
+    "Key": "江苏省扬州市江都区",
+    "Value": "321012"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788912649,
+    "Key": "江苏省扬州市宝应县",
+    "Value": "321023"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788912650,
+    "Key": "江苏省扬州市仪征市",
+    "Value": "321081"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788912651,
+    "Key": "江苏省扬州市高邮市",
+    "Value": "321084"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788912652,
+    "Key": "江苏省镇江市",
+    "Value": "321100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788912653,
+    "Key": "江苏省镇江市京口区",
+    "Value": "321102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788912654,
+    "Key": "江苏省镇江市润州区",
+    "Value": "321111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788912655,
+    "Key": "江苏省镇江市丹徒区",
+    "Value": "321112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788912656,
+    "Key": "江苏省镇江市丹阳市",
+    "Value": "321181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788916741,
+    "Key": "江苏省镇江市扬中市",
+    "Value": "321182"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788916742,
+    "Key": "江苏省镇江市句容市",
+    "Value": "321183"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788916743,
+    "Key": "江苏省泰州市",
+    "Value": "321200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788916744,
+    "Key": "江苏省泰州市海陵区",
+    "Value": "321202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788916745,
+    "Key": "江苏省泰州市高港区",
+    "Value": "321203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788916746,
+    "Key": "江苏省泰州市姜堰区",
+    "Value": "321204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788916747,
+    "Key": "江苏省泰州市兴化市",
+    "Value": "321281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788916748,
+    "Key": "江苏省泰州市靖江市",
+    "Value": "321282"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788916749,
+    "Key": "江苏省泰州市泰兴市",
+    "Value": "321283"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788916750,
+    "Key": "江苏省宿迁市",
+    "Value": "321300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788916751,
+    "Key": "江苏省宿迁市宿城区",
+    "Value": "321302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788916752,
+    "Key": "江苏省宿迁市宿豫区",
+    "Value": "321311"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788916753,
+    "Key": "江苏省宿迁市沭阳县",
+    "Value": "321322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788920837,
+    "Key": "江苏省宿迁市泗阳县",
+    "Value": "321323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788920838,
+    "Key": "江苏省宿迁市泗洪县",
+    "Value": "321324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788920839,
+    "Key": "浙江省",
+    "Value": "330000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788920840,
+    "Key": "浙江省杭州市",
+    "Value": "330100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788920841,
+    "Key": "浙江省杭州市上城区",
+    "Value": "330102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788920842,
+    "Key": "浙江省杭州市拱墅区",
+    "Value": "330105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788920843,
+    "Key": "浙江省杭州市西湖区",
+    "Value": "330106"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788920844,
+    "Key": "浙江省杭州市滨江区",
+    "Value": "330108"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788920845,
+    "Key": "浙江省杭州市萧山区",
+    "Value": "330109"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788920846,
+    "Key": "浙江省杭州市余杭区",
+    "Value": "330110"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788920847,
+    "Key": "浙江省杭州市富阳区",
+    "Value": "330111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788920848,
+    "Key": "浙江省杭州市临安区",
+    "Value": "330112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788924933,
+    "Key": "浙江省杭州市临平区",
+    "Value": "330113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788924934,
+    "Key": "浙江省杭州市钱塘区",
+    "Value": "330114"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788924935,
+    "Key": "浙江省杭州市桐庐县",
+    "Value": "330122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788924936,
+    "Key": "浙江省杭州市淳安县",
+    "Value": "330127"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788924937,
+    "Key": "浙江省杭州市建德市",
+    "Value": "330182"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788924938,
+    "Key": "浙江省宁波市",
+    "Value": "330200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788924939,
+    "Key": "浙江省宁波市海曙区",
+    "Value": "330203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788924940,
+    "Key": "浙江省宁波市江北区",
+    "Value": "330205"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788924941,
+    "Key": "浙江省宁波市北仑区",
+    "Value": "330206"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788924942,
+    "Key": "浙江省宁波市镇海区",
+    "Value": "330211"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788924943,
+    "Key": "浙江省宁波市鄞州区",
+    "Value": "330212"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788924944,
+    "Key": "浙江省宁波市奉化区",
+    "Value": "330213"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788929029,
+    "Key": "浙江省宁波市象山县",
+    "Value": "330225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788929030,
+    "Key": "浙江省宁波市宁海县",
+    "Value": "330226"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788929031,
+    "Key": "浙江省宁波市余姚市",
+    "Value": "330281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788929032,
+    "Key": "浙江省宁波市慈溪市",
+    "Value": "330282"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788929033,
+    "Key": "浙江省温州市",
+    "Value": "330300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788929034,
+    "Key": "浙江省温州市鹿城区",
+    "Value": "330302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788929035,
+    "Key": "浙江省温州市龙湾区",
+    "Value": "330303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788929036,
+    "Key": "浙江省温州市瓯海区",
+    "Value": "330304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788929037,
+    "Key": "浙江省温州市洞头区",
+    "Value": "330305"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788929038,
+    "Key": "浙江省温州市永嘉县",
+    "Value": "330324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788929039,
+    "Key": "浙江省温州市平阳县",
+    "Value": "330326"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788929040,
+    "Key": "浙江省温州市苍南县",
+    "Value": "330327"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788933125,
+    "Key": "浙江省温州市文成县",
+    "Value": "330328"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788933126,
+    "Key": "浙江省温州市泰顺县",
+    "Value": "330329"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788933127,
+    "Key": "浙江省温州市瑞安市",
+    "Value": "330381"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788933128,
+    "Key": "浙江省温州市乐清市",
+    "Value": "330382"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788933129,
+    "Key": "浙江省温州市龙港市",
+    "Value": "330383"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788933130,
+    "Key": "浙江省嘉兴市",
+    "Value": "330400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788933131,
+    "Key": "浙江省嘉兴市南湖区",
+    "Value": "330402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788933132,
+    "Key": "浙江省嘉兴市秀洲区",
+    "Value": "330411"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788933133,
+    "Key": "浙江省嘉兴市嘉善县",
+    "Value": "330421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788933134,
+    "Key": "浙江省嘉兴市海盐县",
+    "Value": "330424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788933135,
+    "Key": "浙江省嘉兴市海宁市",
+    "Value": "330481"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788933136,
+    "Key": "浙江省嘉兴市平湖市",
+    "Value": "330482"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788933137,
+    "Key": "浙江省嘉兴市桐乡市",
+    "Value": "330483"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788937221,
+    "Key": "浙江省湖州市",
+    "Value": "330500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788937222,
+    "Key": "浙江省湖州市吴兴区",
+    "Value": "330502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788937223,
+    "Key": "浙江省湖州市南浔区",
+    "Value": "330503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788937224,
+    "Key": "浙江省湖州市德清县",
+    "Value": "330521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788937225,
+    "Key": "浙江省湖州市长兴县",
+    "Value": "330522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788937226,
+    "Key": "浙江省湖州市安吉县",
+    "Value": "330523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788937227,
+    "Key": "浙江省绍兴市",
+    "Value": "330600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788937228,
+    "Key": "浙江省绍兴市越城区",
+    "Value": "330602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788937229,
+    "Key": "浙江省绍兴市柯桥区",
+    "Value": "330603"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788937230,
+    "Key": "浙江省绍兴市上虞区",
+    "Value": "330604"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788937231,
+    "Key": "浙江省绍兴市新昌县",
+    "Value": "330624"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788937232,
+    "Key": "浙江省绍兴市诸暨市",
+    "Value": "330681"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788941317,
+    "Key": "浙江省绍兴市嵊州市",
+    "Value": "330683"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788941318,
+    "Key": "浙江省金华市",
+    "Value": "330700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788941319,
+    "Key": "浙江省金华市婺城区",
+    "Value": "330702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788941320,
+    "Key": "浙江省金华市金东区",
+    "Value": "330703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788941321,
+    "Key": "浙江省金华市武义县",
+    "Value": "330723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788941322,
+    "Key": "浙江省金华市浦江县",
+    "Value": "330726"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788941323,
+    "Key": "浙江省金华市磐安县",
+    "Value": "330727"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788941324,
+    "Key": "浙江省金华市兰溪市",
+    "Value": "330781"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788941325,
+    "Key": "浙江省金华市义乌市",
+    "Value": "330782"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788941326,
+    "Key": "浙江省金华市东阳市",
+    "Value": "330783"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788941327,
+    "Key": "浙江省金华市永康市",
+    "Value": "330784"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788941328,
+    "Key": "浙江省衢州市",
+    "Value": "330800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788941329,
+    "Key": "浙江省衢州市柯城区",
+    "Value": "330802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788945413,
+    "Key": "浙江省衢州市衢江区",
+    "Value": "330803"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788945414,
+    "Key": "浙江省衢州市常山县",
+    "Value": "330822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788945415,
+    "Key": "浙江省衢州市开化县",
+    "Value": "330824"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788945416,
+    "Key": "浙江省衢州市龙游县",
+    "Value": "330825"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788945417,
+    "Key": "浙江省衢州市江山市",
+    "Value": "330881"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788945418,
+    "Key": "浙江省舟山市",
+    "Value": "330900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788945419,
+    "Key": "浙江省舟山市定海区",
+    "Value": "330902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788945420,
+    "Key": "浙江省舟山市普陀区",
+    "Value": "330903"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788945421,
+    "Key": "浙江省舟山市岱山县",
+    "Value": "330921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788945422,
+    "Key": "浙江省舟山市嵊泗县",
+    "Value": "330922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788945423,
+    "Key": "浙江省台州市",
+    "Value": "331000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788949509,
+    "Key": "浙江省台州市椒江区",
+    "Value": "331002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788949510,
+    "Key": "浙江省台州市黄岩区",
+    "Value": "331003"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788949511,
+    "Key": "浙江省台州市路桥区",
+    "Value": "331004"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788949512,
+    "Key": "浙江省台州市三门县",
+    "Value": "331022"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788949513,
+    "Key": "浙江省台州市天台县",
+    "Value": "331023"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788949514,
+    "Key": "浙江省台州市仙居县",
+    "Value": "331024"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788949515,
+    "Key": "浙江省台州市温岭市",
+    "Value": "331081"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788949516,
+    "Key": "浙江省台州市临海市",
+    "Value": "331082"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788949517,
+    "Key": "浙江省台州市玉环市",
+    "Value": "331083"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788949518,
+    "Key": "浙江省丽水市",
+    "Value": "331100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788969989,
+    "Key": "浙江省丽水市莲都区",
+    "Value": "331102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788978181,
+    "Key": "浙江省丽水市青田县",
+    "Value": "331121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788978182,
+    "Key": "浙江省丽水市缙云县",
+    "Value": "331122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788978183,
+    "Key": "浙江省丽水市遂昌县",
+    "Value": "331123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788978184,
+    "Key": "浙江省丽水市松阳县",
+    "Value": "331124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788978185,
+    "Key": "浙江省丽水市云和县",
+    "Value": "331125"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788978186,
+    "Key": "浙江省丽水市庆元县",
+    "Value": "331126"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788978187,
+    "Key": "浙江省丽水市景宁畲族自治县",
+    "Value": "331127"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788978188,
+    "Key": "浙江省丽水市龙泉市",
+    "Value": "331181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788982277,
+    "Key": "安徽省",
+    "Value": "340000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788982278,
+    "Key": "安徽省合肥市",
+    "Value": "340100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788982279,
+    "Key": "安徽省合肥市瑶海区",
+    "Value": "340102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788982280,
+    "Key": "安徽省合肥市庐阳区",
+    "Value": "340103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788982281,
+    "Key": "安徽省合肥市蜀山区",
+    "Value": "340104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788982282,
+    "Key": "安徽省合肥市包河区",
+    "Value": "340111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788982283,
+    "Key": "安徽省合肥市长丰县",
+    "Value": "340121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788982284,
+    "Key": "安徽省合肥市肥东县",
+    "Value": "340122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788982285,
+    "Key": "安徽省合肥市肥西县",
+    "Value": "340123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788982286,
+    "Key": "安徽省合肥市庐江县",
+    "Value": "340124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788982287,
+    "Key": "安徽省合肥市巢湖市",
+    "Value": "340181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788986373,
+    "Key": "安徽省芜湖市",
+    "Value": "340200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788986374,
+    "Key": "安徽省芜湖市镜湖区",
+    "Value": "340202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788986375,
+    "Key": "安徽省芜湖市鸠江区",
+    "Value": "340207"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788986376,
+    "Key": "安徽省芜湖市弋江区",
+    "Value": "340209"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788986377,
+    "Key": "安徽省芜湖市湾沚区",
+    "Value": "340210"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788986378,
+    "Key": "安徽省芜湖市繁昌区",
+    "Value": "340212"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788986379,
+    "Key": "安徽省芜湖市南陵县",
+    "Value": "340223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788986380,
+    "Key": "安徽省芜湖市无为市",
+    "Value": "340281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788986381,
+    "Key": "安徽省蚌埠市",
+    "Value": "340300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788986382,
+    "Key": "安徽省蚌埠市龙子湖区",
+    "Value": "340302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788986383,
+    "Key": "安徽省蚌埠市蚌山区",
+    "Value": "340303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788990469,
+    "Key": "安徽省蚌埠市禹会区",
+    "Value": "340304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788990470,
+    "Key": "安徽省蚌埠市淮上区",
+    "Value": "340311"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788990471,
+    "Key": "安徽省蚌埠市怀远县",
+    "Value": "340321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788990472,
+    "Key": "安徽省蚌埠市五河县",
+    "Value": "340322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788990473,
+    "Key": "安徽省蚌埠市固镇县",
+    "Value": "340323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788990474,
+    "Key": "安徽省淮南市",
+    "Value": "340400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788990475,
+    "Key": "安徽省淮南市大通区",
+    "Value": "340402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788990476,
+    "Key": "安徽省淮南市田家庵区",
+    "Value": "340403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788990477,
+    "Key": "安徽省淮南市谢家集区",
+    "Value": "340404"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788990478,
+    "Key": "安徽省淮南市八公山区",
+    "Value": "340405"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788990479,
+    "Key": "安徽省淮南市潘集区",
+    "Value": "340406"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788990480,
+    "Key": "安徽省淮南市凤台县",
+    "Value": "340421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788994565,
+    "Key": "安徽省淮南市寿县",
+    "Value": "340422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788994566,
+    "Key": "安徽省马鞍山市",
+    "Value": "340500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788994567,
+    "Key": "安徽省马鞍山市花山区",
+    "Value": "340503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788994568,
+    "Key": "安徽省马鞍山市雨山区",
+    "Value": "340504"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788994569,
+    "Key": "安徽省马鞍山市博望区",
+    "Value": "340506"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788994570,
+    "Key": "安徽省马鞍山市当涂县",
+    "Value": "340521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788994571,
+    "Key": "安徽省马鞍山市含山县",
+    "Value": "340522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788994572,
+    "Key": "安徽省马鞍山市和县",
+    "Value": "340523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788994573,
+    "Key": "安徽省淮北市",
+    "Value": "340600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788994574,
+    "Key": "安徽省淮北市杜集区",
+    "Value": "340602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788994575,
+    "Key": "安徽省淮北市相山区",
+    "Value": "340603"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788994576,
+    "Key": "安徽省淮北市烈山区",
+    "Value": "340604"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788994577,
+    "Key": "安徽省淮北市濉溪县",
+    "Value": "340621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788998661,
+    "Key": "安徽省铜陵市",
+    "Value": "340700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788998662,
+    "Key": "安徽省铜陵市铜官区",
+    "Value": "340705"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788998663,
+    "Key": "安徽省铜陵市义安区",
+    "Value": "340706"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788998664,
+    "Key": "安徽省铜陵市郊区",
+    "Value": "340711"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788998665,
+    "Key": "安徽省铜陵市枞阳县",
+    "Value": "340722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788998666,
+    "Key": "安徽省安庆市",
+    "Value": "340800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788998667,
+    "Key": "安徽省安庆市迎江区",
+    "Value": "340802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788998668,
+    "Key": "安徽省安庆市大观区",
+    "Value": "340803"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788998669,
+    "Key": "安徽省安庆市宜秀区",
+    "Value": "340811"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788998670,
+    "Key": "安徽省安庆市怀宁县",
+    "Value": "340822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788998671,
+    "Key": "安徽省安庆市太湖县",
+    "Value": "340825"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788998672,
+    "Key": "安徽省安庆市宿松县",
+    "Value": "340826"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423788998673,
+    "Key": "安徽省安庆市望江县",
+    "Value": "340827"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789002757,
+    "Key": "安徽省安庆市岳西县",
+    "Value": "340828"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789002758,
+    "Key": "安徽省安庆市桐城市",
+    "Value": "340881"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789002759,
+    "Key": "安徽省安庆市潜山市",
+    "Value": "340882"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789002760,
+    "Key": "安徽省黄山市",
+    "Value": "341000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789002761,
+    "Key": "安徽省黄山市屯溪区",
+    "Value": "341002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789002762,
+    "Key": "安徽省黄山市黄山区",
+    "Value": "341003"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789002763,
+    "Key": "安徽省黄山市徽州区",
+    "Value": "341004"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789002764,
+    "Key": "安徽省黄山市歙县",
+    "Value": "341021"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789002765,
+    "Key": "安徽省黄山市休宁县",
+    "Value": "341022"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789002766,
+    "Key": "安徽省黄山市黟县",
+    "Value": "341023"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789002767,
+    "Key": "安徽省黄山市祁门县",
+    "Value": "341024"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789002768,
+    "Key": "安徽省滁州市",
+    "Value": "341100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789002769,
+    "Key": "安徽省滁州市琅琊区",
+    "Value": "341102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789006853,
+    "Key": "安徽省滁州市南谯区",
+    "Value": "341103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789006854,
+    "Key": "安徽省滁州市来安县",
+    "Value": "341122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789006855,
+    "Key": "安徽省滁州市全椒县",
+    "Value": "341124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789006856,
+    "Key": "安徽省滁州市定远县",
+    "Value": "341125"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789006857,
+    "Key": "安徽省滁州市凤阳县",
+    "Value": "341126"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789006858,
+    "Key": "安徽省滁州市天长市",
+    "Value": "341181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789006859,
+    "Key": "安徽省滁州市明光市",
+    "Value": "341182"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789006860,
+    "Key": "安徽省阜阳市",
+    "Value": "341200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789006861,
+    "Key": "安徽省阜阳市颍州区",
+    "Value": "341202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789006862,
+    "Key": "安徽省阜阳市颍东区",
+    "Value": "341203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789006863,
+    "Key": "安徽省阜阳市颍泉区",
+    "Value": "341204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789006864,
+    "Key": "安徽省阜阳市临泉县",
+    "Value": "341221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789006865,
+    "Key": "安徽省阜阳市太和县",
+    "Value": "341222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789010949,
+    "Key": "安徽省阜阳市阜南县",
+    "Value": "341225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789010950,
+    "Key": "安徽省阜阳市颍上县",
+    "Value": "341226"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789010951,
+    "Key": "安徽省阜阳市界首市",
+    "Value": "341282"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789010952,
+    "Key": "安徽省宿州市",
+    "Value": "341300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789010953,
+    "Key": "安徽省宿州市埇桥区",
+    "Value": "341302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789010954,
+    "Key": "安徽省宿州市砀山县",
+    "Value": "341321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789010955,
+    "Key": "安徽省宿州市萧县",
+    "Value": "341322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789010956,
+    "Key": "安徽省宿州市灵璧县",
+    "Value": "341323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789010957,
+    "Key": "安徽省宿州市泗县",
+    "Value": "341324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789010958,
+    "Key": "安徽省六安市",
+    "Value": "341500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789010959,
+    "Key": "安徽省六安市金安区",
+    "Value": "341502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789010960,
+    "Key": "安徽省六安市裕安区",
+    "Value": "341503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789015045,
+    "Key": "安徽省六安市叶集区",
+    "Value": "341504"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789015046,
+    "Key": "安徽省六安市霍邱县",
+    "Value": "341522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789015047,
+    "Key": "安徽省六安市舒城县",
+    "Value": "341523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789015048,
+    "Key": "安徽省六安市金寨县",
+    "Value": "341524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789015049,
+    "Key": "安徽省六安市霍山县",
+    "Value": "341525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789015050,
+    "Key": "安徽省亳州市",
+    "Value": "341600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789015051,
+    "Key": "安徽省亳州市谯城区",
+    "Value": "341602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789015052,
+    "Key": "安徽省亳州市涡阳县",
+    "Value": "341621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789015053,
+    "Key": "安徽省亳州市蒙城县",
+    "Value": "341622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789015054,
+    "Key": "安徽省亳州市利辛县",
+    "Value": "341623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789015055,
+    "Key": "安徽省池州市",
+    "Value": "341700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789015056,
+    "Key": "安徽省池州市贵池区",
+    "Value": "341702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789015057,
+    "Key": "安徽省池州市东至县",
+    "Value": "341721"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789019141,
+    "Key": "安徽省池州市石台县",
+    "Value": "341722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789019142,
+    "Key": "安徽省池州市青阳县",
+    "Value": "341723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789019143,
+    "Key": "安徽省宣城市",
+    "Value": "341800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789019144,
+    "Key": "安徽省宣城市宣州区",
+    "Value": "341802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789019145,
+    "Key": "安徽省宣城市郎溪县",
+    "Value": "341821"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789019146,
+    "Key": "安徽省宣城市泾县",
+    "Value": "341823"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789019147,
+    "Key": "安徽省宣城市绩溪县",
+    "Value": "341824"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789019148,
+    "Key": "安徽省宣城市旌德县",
+    "Value": "341825"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789019149,
+    "Key": "安徽省宣城市宁国市",
+    "Value": "341881"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789019150,
+    "Key": "安徽省宣城市广德市",
+    "Value": "341882"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789019151,
+    "Key": "福建省",
+    "Value": "350000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789019152,
+    "Key": "福建省福州市",
+    "Value": "350100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789019153,
+    "Key": "福建省福州市鼓楼区",
+    "Value": "350102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789023237,
+    "Key": "福建省福州市台江区",
+    "Value": "350103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789023238,
+    "Key": "福建省福州市仓山区",
+    "Value": "350104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789023239,
+    "Key": "福建省福州市马尾区",
+    "Value": "350105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789023240,
+    "Key": "福建省福州市晋安区",
+    "Value": "350111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789023241,
+    "Key": "福建省福州市长乐区",
+    "Value": "350112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789023242,
+    "Key": "福建省福州市闽侯县",
+    "Value": "350121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789023243,
+    "Key": "福建省福州市连江县",
+    "Value": "350122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789023244,
+    "Key": "福建省福州市罗源县",
+    "Value": "350123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789023245,
+    "Key": "福建省福州市闽清县",
+    "Value": "350124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789023246,
+    "Key": "福建省福州市永泰县",
+    "Value": "350125"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789023247,
+    "Key": "福建省福州市平潭县",
+    "Value": "350128"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789023248,
+    "Key": "福建省福州市福清市",
+    "Value": "350181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789023249,
+    "Key": "福建省厦门市",
+    "Value": "350200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789027333,
+    "Key": "福建省厦门市思明区",
+    "Value": "350203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789027334,
+    "Key": "福建省厦门市海沧区",
+    "Value": "350205"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789027335,
+    "Key": "福建省厦门市湖里区",
+    "Value": "350206"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789027336,
+    "Key": "福建省厦门市集美区",
+    "Value": "350211"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789027337,
+    "Key": "福建省厦门市同安区",
+    "Value": "350212"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789027338,
+    "Key": "福建省厦门市翔安区",
+    "Value": "350213"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789027339,
+    "Key": "福建省莆田市",
+    "Value": "350300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789027340,
+    "Key": "福建省莆田市城厢区",
+    "Value": "350302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789027341,
+    "Key": "福建省莆田市涵江区",
+    "Value": "350303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789027342,
+    "Key": "福建省莆田市荔城区",
+    "Value": "350304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789027343,
+    "Key": "福建省莆田市秀屿区",
+    "Value": "350305"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789027344,
+    "Key": "福建省莆田市仙游县",
+    "Value": "350322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789027345,
+    "Key": "福建省三明市",
+    "Value": "350400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789031429,
+    "Key": "福建省三明市三元区",
+    "Value": "350404"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789031430,
+    "Key": "福建省三明市沙县区",
+    "Value": "350405"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789031431,
+    "Key": "福建省三明市明溪县",
+    "Value": "350421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789031432,
+    "Key": "福建省三明市清流县",
+    "Value": "350423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789031433,
+    "Key": "福建省三明市宁化县",
+    "Value": "350424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789031434,
+    "Key": "福建省三明市大田县",
+    "Value": "350425"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789031435,
+    "Key": "福建省三明市尤溪县",
+    "Value": "350426"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789031436,
+    "Key": "福建省三明市将乐县",
+    "Value": "350428"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789031437,
+    "Key": "福建省三明市泰宁县",
+    "Value": "350429"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789031438,
+    "Key": "福建省三明市建宁县",
+    "Value": "350430"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789031439,
+    "Key": "福建省三明市永安市",
+    "Value": "350481"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789031440,
+    "Key": "福建省泉州市",
+    "Value": "350500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789035525,
+    "Key": "福建省泉州市鲤城区",
+    "Value": "350502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789035526,
+    "Key": "福建省泉州市丰泽区",
+    "Value": "350503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789035527,
+    "Key": "福建省泉州市洛江区",
+    "Value": "350504"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789035528,
+    "Key": "福建省泉州市泉港区",
+    "Value": "350505"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789035529,
+    "Key": "福建省泉州市惠安县",
+    "Value": "350521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789035530,
+    "Key": "福建省泉州市安溪县",
+    "Value": "350524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789035531,
+    "Key": "福建省泉州市永春县",
+    "Value": "350525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789035532,
+    "Key": "福建省泉州市德化县",
+    "Value": "350526"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789035533,
+    "Key": "福建省泉州市金门县",
+    "Value": "350527"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789035534,
+    "Key": "福建省泉州市石狮市",
+    "Value": "350581"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789035535,
+    "Key": "福建省泉州市晋江市",
+    "Value": "350582"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789035536,
+    "Key": "福建省泉州市南安市",
+    "Value": "350583"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789035537,
+    "Key": "福建省漳州市",
+    "Value": "350600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789039621,
+    "Key": "福建省漳州市芗城区",
+    "Value": "350602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789039622,
+    "Key": "福建省漳州市龙文区",
+    "Value": "350603"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789039623,
+    "Key": "福建省漳州市龙海区",
+    "Value": "350604"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789039624,
+    "Key": "福建省漳州市长泰市",
+    "Value": "350605"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789039625,
+    "Key": "福建省漳州市云霄县",
+    "Value": "350622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789039626,
+    "Key": "福建省漳州市漳浦县",
+    "Value": "350623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789039627,
+    "Key": "福建省漳州市诏安县",
+    "Value": "350624"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789039628,
+    "Key": "福建省漳州市东山县",
+    "Value": "350626"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789039629,
+    "Key": "福建省漳州市南靖县",
+    "Value": "350627"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789039630,
+    "Key": "福建省漳州市平和县",
+    "Value": "350628"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789039631,
+    "Key": "福建省漳州市华安县",
+    "Value": "350629"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789039632,
+    "Key": "福建省南平市",
+    "Value": "350700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789039633,
+    "Key": "福建省南平市延平区",
+    "Value": "350702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789043717,
+    "Key": "福建省南平市建阳区",
+    "Value": "350703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789043718,
+    "Key": "福建省南平市顺昌县",
+    "Value": "350721"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789043719,
+    "Key": "福建省南平市浦城县",
+    "Value": "350722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789043720,
+    "Key": "福建省南平市光泽县",
+    "Value": "350723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789043721,
+    "Key": "福建省南平市松溪县",
+    "Value": "350724"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789043722,
+    "Key": "福建省南平市政和县",
+    "Value": "350725"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789043723,
+    "Key": "福建省南平市邵武市",
+    "Value": "350781"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789043724,
+    "Key": "福建省南平市武夷山市",
+    "Value": "350782"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789043725,
+    "Key": "福建省南平市建瓯市",
+    "Value": "350783"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789043726,
+    "Key": "福建省龙岩市",
+    "Value": "350800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789043727,
+    "Key": "福建省龙岩市新罗区",
+    "Value": "350802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789043728,
+    "Key": "福建省龙岩市永定区",
+    "Value": "350803"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789047813,
+    "Key": "福建省龙岩市长汀县",
+    "Value": "350821"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789047814,
+    "Key": "福建省龙岩市上杭县",
+    "Value": "350823"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789047815,
+    "Key": "福建省龙岩市武平县",
+    "Value": "350824"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789047816,
+    "Key": "福建省龙岩市连城县",
+    "Value": "350825"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789047817,
+    "Key": "福建省龙岩市漳平市",
+    "Value": "350881"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789047818,
+    "Key": "福建省宁德市",
+    "Value": "350900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789047819,
+    "Key": "福建省宁德市蕉城区",
+    "Value": "350902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789047820,
+    "Key": "福建省宁德市霞浦县",
+    "Value": "350921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789047821,
+    "Key": "福建省宁德市古田县",
+    "Value": "350922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789047822,
+    "Key": "福建省宁德市屏南县",
+    "Value": "350923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789047823,
+    "Key": "福建省宁德市寿宁县",
+    "Value": "350924"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789047824,
+    "Key": "福建省宁德市周宁县",
+    "Value": "350925"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789047825,
+    "Key": "福建省宁德市柘荣县",
+    "Value": "350926"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789051909,
+    "Key": "福建省宁德市福安市",
+    "Value": "350981"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789051910,
+    "Key": "福建省宁德市福鼎市",
+    "Value": "350982"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789051911,
+    "Key": "江西省",
+    "Value": "360000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789051912,
+    "Key": "江西省南昌市",
+    "Value": "360100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789051913,
+    "Key": "江西省南昌市东湖区",
+    "Value": "360102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789051914,
+    "Key": "江西省南昌市西湖区",
+    "Value": "360103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789051915,
+    "Key": "江西省南昌市青云谱区",
+    "Value": "360104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789051916,
+    "Key": "江西省南昌市青山湖区",
+    "Value": "360111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789051917,
+    "Key": "江西省南昌市新建区",
+    "Value": "360112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789051918,
+    "Key": "江西省南昌市红谷滩区",
+    "Value": "360113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789051919,
+    "Key": "江西省南昌市南昌县",
+    "Value": "360121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789051920,
+    "Key": "江西省南昌市安义县",
+    "Value": "360123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789051921,
+    "Key": "江西省南昌市进贤县",
+    "Value": "360124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789056005,
+    "Key": "江西省景德镇市",
+    "Value": "360200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789056006,
+    "Key": "江西省景德镇市昌江区",
+    "Value": "360202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789056007,
+    "Key": "江西省景德镇市珠山区",
+    "Value": "360203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789056008,
+    "Key": "江西省景德镇市浮梁县",
+    "Value": "360222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789056009,
+    "Key": "江西省景德镇市乐平市",
+    "Value": "360281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789056010,
+    "Key": "江西省萍乡市",
+    "Value": "360300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789056011,
+    "Key": "江西省萍乡市安源区",
+    "Value": "360302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789056012,
+    "Key": "江西省萍乡市湘东区",
+    "Value": "360313"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789056013,
+    "Key": "江西省萍乡市莲花县",
+    "Value": "360321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789056014,
+    "Key": "江西省萍乡市上栗县",
+    "Value": "360322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789056015,
+    "Key": "江西省萍乡市芦溪县",
+    "Value": "360323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789056016,
+    "Key": "江西省九江市",
+    "Value": "360400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789056017,
+    "Key": "江西省九江市濂溪区",
+    "Value": "360402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789060101,
+    "Key": "江西省九江市浔阳区",
+    "Value": "360403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789060102,
+    "Key": "江西省九江市柴桑区",
+    "Value": "360404"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789060103,
+    "Key": "江西省九江市武宁县",
+    "Value": "360423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789060104,
+    "Key": "江西省九江市修水县",
+    "Value": "360424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789060105,
+    "Key": "江西省九江市永修县",
+    "Value": "360425"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789060106,
+    "Key": "江西省九江市德安县",
+    "Value": "360426"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789060107,
+    "Key": "江西省九江市都昌县",
+    "Value": "360428"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789060108,
+    "Key": "江西省九江市湖口县",
+    "Value": "360429"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789060109,
+    "Key": "江西省九江市彭泽县",
+    "Value": "360430"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789060110,
+    "Key": "江西省九江市瑞昌市",
+    "Value": "360481"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789060111,
+    "Key": "江西省九江市共青城市",
+    "Value": "360482"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789060112,
+    "Key": "江西省九江市庐山市",
+    "Value": "360483"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789060113,
+    "Key": "江西省新余市",
+    "Value": "360500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789064197,
+    "Key": "江西省新余市渝水区",
+    "Value": "360502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789064198,
+    "Key": "江西省新余市分宜县",
+    "Value": "360521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789064199,
+    "Key": "江西省鹰潭市",
+    "Value": "360600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789064200,
+    "Key": "江西省鹰潭市月湖区",
+    "Value": "360602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789064201,
+    "Key": "江西省鹰潭市余江区",
+    "Value": "360603"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789064202,
+    "Key": "江西省鹰潭市贵溪市",
+    "Value": "360681"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789064203,
+    "Key": "江西省赣州市",
+    "Value": "360700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789064204,
+    "Key": "江西省赣州市章贡区",
+    "Value": "360702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789064205,
+    "Key": "江西省赣州市南康区",
+    "Value": "360703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789064206,
+    "Key": "江西省赣州市赣县区",
+    "Value": "360704"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789064207,
+    "Key": "江西省赣州市信丰县",
+    "Value": "360722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789064208,
+    "Key": "江西省赣州市大余县",
+    "Value": "360723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789064209,
+    "Key": "江西省赣州市上犹县",
+    "Value": "360724"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789068293,
+    "Key": "江西省赣州市崇义县",
+    "Value": "360725"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789068294,
+    "Key": "江西省赣州市安远县",
+    "Value": "360726"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789068295,
+    "Key": "江西省赣州市定南县",
+    "Value": "360728"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789068296,
+    "Key": "江西省赣州市全南县",
+    "Value": "360729"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789068297,
+    "Key": "江西省赣州市宁都县",
+    "Value": "360730"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789068298,
+    "Key": "江西省赣州市于都县",
+    "Value": "360731"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789068299,
+    "Key": "江西省赣州市兴国县",
+    "Value": "360732"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789068300,
+    "Key": "江西省赣州市会昌县",
+    "Value": "360733"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789068301,
+    "Key": "江西省赣州市寻乌县",
+    "Value": "360734"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789068302,
+    "Key": "江西省赣州市石城县",
+    "Value": "360735"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789068303,
+    "Key": "江西省赣州市瑞金市",
+    "Value": "360781"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789068304,
+    "Key": "江西省赣州市龙南市",
+    "Value": "360783"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789072389,
+    "Key": "江西省吉安市",
+    "Value": "360800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789072390,
+    "Key": "江西省吉安市吉州区",
+    "Value": "360802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789072391,
+    "Key": "江西省吉安市青原区",
+    "Value": "360803"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789072392,
+    "Key": "江西省吉安市吉安县",
+    "Value": "360821"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789072393,
+    "Key": "江西省吉安市吉水县",
+    "Value": "360822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789072394,
+    "Key": "江西省吉安市峡江县",
+    "Value": "360823"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789072395,
+    "Key": "江西省吉安市新干县",
+    "Value": "360824"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789072396,
+    "Key": "江西省吉安市永丰县",
+    "Value": "360825"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789072397,
+    "Key": "江西省吉安市泰和县",
+    "Value": "360826"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789072398,
+    "Key": "江西省吉安市遂川县",
+    "Value": "360827"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789072399,
+    "Key": "江西省吉安市万安县",
+    "Value": "360828"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789072400,
+    "Key": "江西省吉安市安福县",
+    "Value": "360829"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789072401,
+    "Key": "江西省吉安市永新县",
+    "Value": "360830"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789076485,
+    "Key": "江西省吉安市井冈山市",
+    "Value": "360881"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789076486,
+    "Key": "江西省宜春市",
+    "Value": "360900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789076487,
+    "Key": "江西省宜春市袁州区",
+    "Value": "360902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789076488,
+    "Key": "江西省宜春市奉新县",
+    "Value": "360921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789076489,
+    "Key": "江西省宜春市万载县",
+    "Value": "360922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789076490,
+    "Key": "江西省宜春市上高县",
+    "Value": "360923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789076491,
+    "Key": "江西省宜春市宜丰县",
+    "Value": "360924"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789076492,
+    "Key": "江西省宜春市靖安县",
+    "Value": "360925"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789076493,
+    "Key": "江西省宜春市铜鼓县",
+    "Value": "360926"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789076494,
+    "Key": "江西省宜春市丰城市",
+    "Value": "360981"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789076495,
+    "Key": "江西省宜春市樟树市",
+    "Value": "360982"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789076496,
+    "Key": "江西省宜春市高安市",
+    "Value": "360983"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789076497,
+    "Key": "江西省抚州市",
+    "Value": "361000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789080581,
+    "Key": "江西省抚州市临川区",
+    "Value": "361002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789080582,
+    "Key": "江西省抚州市东乡区",
+    "Value": "361003"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789080583,
+    "Key": "江西省抚州市南城县",
+    "Value": "361021"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789080584,
+    "Key": "江西省抚州市黎川县",
+    "Value": "361022"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789080585,
+    "Key": "江西省抚州市南丰县",
+    "Value": "361023"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789080586,
+    "Key": "江西省抚州市崇仁县",
+    "Value": "361024"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789080587,
+    "Key": "江西省抚州市乐安县",
+    "Value": "361025"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789080588,
+    "Key": "江西省抚州市宜黄县",
+    "Value": "361026"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789080589,
+    "Key": "江西省抚州市金溪县",
+    "Value": "361027"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789080590,
+    "Key": "江西省抚州市资溪县",
+    "Value": "361028"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789080591,
+    "Key": "江西省抚州市广昌县",
+    "Value": "361030"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789080592,
+    "Key": "江西省上饶市",
+    "Value": "361100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789080593,
+    "Key": "江西省上饶市信州区",
+    "Value": "361102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789084677,
+    "Key": "江西省上饶市广丰区",
+    "Value": "361103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789084678,
+    "Key": "江西省上饶市广信区",
+    "Value": "361104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789084679,
+    "Key": "江西省上饶市玉山县",
+    "Value": "361123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789084680,
+    "Key": "江西省上饶市铅山县",
+    "Value": "361124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789084681,
+    "Key": "江西省上饶市横峰县",
+    "Value": "361125"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789084682,
+    "Key": "江西省上饶市弋阳县",
+    "Value": "361126"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789084683,
+    "Key": "江西省上饶市余干县",
+    "Value": "361127"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789084684,
+    "Key": "江西省上饶市鄱阳县",
+    "Value": "361128"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789084685,
+    "Key": "江西省上饶市万年县",
+    "Value": "361129"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789084686,
+    "Key": "江西省上饶市婺源县",
+    "Value": "361130"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789084687,
+    "Key": "江西省上饶市德兴市",
+    "Value": "361181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789084688,
+    "Key": "山东省",
+    "Value": "370000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789084689,
+    "Key": "山东省济南市",
+    "Value": "370100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789088773,
+    "Key": "山东省济南市历下区",
+    "Value": "370102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789088774,
+    "Key": "山东省济南市市中区",
+    "Value": "370103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789088775,
+    "Key": "山东省济南市槐荫区",
+    "Value": "370104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789088776,
+    "Key": "山东省济南市天桥区",
+    "Value": "370105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789088777,
+    "Key": "山东省济南市历城区",
+    "Value": "370112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789088778,
+    "Key": "山东省济南市长清区",
+    "Value": "370113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789088779,
+    "Key": "山东省济南市章丘区",
+    "Value": "370114"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789088780,
+    "Key": "山东省济南市济阳区",
+    "Value": "370115"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789088781,
+    "Key": "山东省济南市莱芜区",
+    "Value": "370116"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789088782,
+    "Key": "山东省济南市钢城区",
+    "Value": "370117"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789088783,
+    "Key": "山东省济南市平阴县",
+    "Value": "370124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789088784,
+    "Key": "山东省济南市商河县",
+    "Value": "370126"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789088785,
+    "Key": "山东省青岛市",
+    "Value": "370200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789092869,
+    "Key": "山东省青岛市市南区",
+    "Value": "370202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789092870,
+    "Key": "山东省青岛市市北区",
+    "Value": "370203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789092871,
+    "Key": "山东省青岛市黄岛区",
+    "Value": "370211"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789092872,
+    "Key": "山东省青岛市崂山区",
+    "Value": "370212"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789092873,
+    "Key": "山东省青岛市李沧区",
+    "Value": "370213"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789092874,
+    "Key": "山东省青岛市城阳区",
+    "Value": "370214"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789092875,
+    "Key": "山东省青岛市即墨区",
+    "Value": "370215"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789092876,
+    "Key": "山东省青岛市胶州市",
+    "Value": "370281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789092877,
+    "Key": "山东省青岛市平度市",
+    "Value": "370283"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789092878,
+    "Key": "山东省青岛市莱西市",
+    "Value": "370285"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789092879,
+    "Key": "山东省淄博市",
+    "Value": "370300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789092880,
+    "Key": "山东省淄博市淄川区",
+    "Value": "370302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789092881,
+    "Key": "山东省淄博市张店区",
+    "Value": "370303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789096965,
+    "Key": "山东省淄博市博山区",
+    "Value": "370304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789096966,
+    "Key": "山东省淄博市临淄区",
+    "Value": "370305"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789096967,
+    "Key": "山东省淄博市周村区",
+    "Value": "370306"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789096968,
+    "Key": "山东省淄博市桓台县",
+    "Value": "370321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789096969,
+    "Key": "山东省淄博市高青县",
+    "Value": "370322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789096970,
+    "Key": "山东省淄博市沂源县",
+    "Value": "370323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789096971,
+    "Key": "山东省枣庄市",
+    "Value": "370400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789096972,
+    "Key": "山东省枣庄市市中区",
+    "Value": "370402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789096973,
+    "Key": "山东省枣庄市薛城区",
+    "Value": "370403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789096974,
+    "Key": "山东省枣庄市峄城区",
+    "Value": "370404"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789096975,
+    "Key": "山东省枣庄市台儿庄区",
+    "Value": "370405"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789096976,
+    "Key": "山东省枣庄市山亭区",
+    "Value": "370406"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789096977,
+    "Key": "山东省枣庄市滕州市",
+    "Value": "370481"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789101061,
+    "Key": "山东省东营市",
+    "Value": "370500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789101062,
+    "Key": "山东省东营市东营区",
+    "Value": "370502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789101063,
+    "Key": "山东省东营市河口区",
+    "Value": "370503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789101064,
+    "Key": "山东省东营市垦利区",
+    "Value": "370505"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789101065,
+    "Key": "山东省东营市利津县",
+    "Value": "370522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789101066,
+    "Key": "山东省东营市广饶县",
+    "Value": "370523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789101067,
+    "Key": "山东省烟台市",
+    "Value": "370600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789101068,
+    "Key": "山东省烟台市芝罘区",
+    "Value": "370602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789101069,
+    "Key": "山东省烟台市福山区",
+    "Value": "370611"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789101070,
+    "Key": "山东省烟台市牟平区",
+    "Value": "370612"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789101071,
+    "Key": "山东省烟台市莱山区",
+    "Value": "370613"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789101072,
+    "Key": "山东省烟台市蓬莱区",
+    "Value": "370614"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789101073,
+    "Key": "山东省烟台市龙口市",
+    "Value": "370681"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789105157,
+    "Key": "山东省烟台市莱阳市",
+    "Value": "370682"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789105158,
+    "Key": "山东省烟台市莱州市",
+    "Value": "370683"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789105159,
+    "Key": "山东省烟台市招远市",
+    "Value": "370685"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789105160,
+    "Key": "山东省烟台市栖霞市",
+    "Value": "370686"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789105161,
+    "Key": "山东省烟台市海阳市",
+    "Value": "370687"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789105162,
+    "Key": "山东省潍坊市",
+    "Value": "370700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789105163,
+    "Key": "山东省潍坊市潍城区",
+    "Value": "370702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789105164,
+    "Key": "山东省潍坊市寒亭区",
+    "Value": "370703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789105165,
+    "Key": "山东省潍坊市坊子区",
+    "Value": "370704"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789105166,
+    "Key": "山东省潍坊市奎文区",
+    "Value": "370705"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789105167,
+    "Key": "山东省潍坊市临朐县",
+    "Value": "370724"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789105168,
+    "Key": "山东省潍坊市昌乐县",
+    "Value": "370725"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789105169,
+    "Key": "山东省潍坊市青州市",
+    "Value": "370781"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789109253,
+    "Key": "山东省潍坊市诸城市",
+    "Value": "370782"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789109254,
+    "Key": "山东省潍坊市寿光市",
+    "Value": "370783"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789109255,
+    "Key": "山东省潍坊市安丘市",
+    "Value": "370784"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789109256,
+    "Key": "山东省潍坊市高密市",
+    "Value": "370785"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789109257,
+    "Key": "山东省潍坊市昌邑市",
+    "Value": "370786"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789109258,
+    "Key": "山东省济宁市",
+    "Value": "370800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789109259,
+    "Key": "山东省济宁市任城区",
+    "Value": "370811"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789109260,
+    "Key": "山东省济宁市兖州区",
+    "Value": "370812"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789109261,
+    "Key": "山东省济宁市微山县",
+    "Value": "370826"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789109262,
+    "Key": "山东省济宁市鱼台县",
+    "Value": "370827"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789109263,
+    "Key": "山东省济宁市金乡县",
+    "Value": "370828"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789109264,
+    "Key": "山东省济宁市嘉祥县",
+    "Value": "370829"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789113349,
+    "Key": "山东省济宁市汶上县",
+    "Value": "370830"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789113350,
+    "Key": "山东省济宁市泗水县",
+    "Value": "370831"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789113351,
+    "Key": "山东省济宁市梁山县",
+    "Value": "370832"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789113352,
+    "Key": "山东省济宁市曲阜市",
+    "Value": "370881"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789113353,
+    "Key": "山东省济宁市邹城市",
+    "Value": "370883"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789113354,
+    "Key": "山东省泰安市",
+    "Value": "370900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789113355,
+    "Key": "山东省泰安市泰山区",
+    "Value": "370902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789113356,
+    "Key": "山东省泰安市岱岳区",
+    "Value": "370911"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789113357,
+    "Key": "山东省泰安市宁阳县",
+    "Value": "370921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789117445,
+    "Key": "山东省泰安市东平县",
+    "Value": "370923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789117446,
+    "Key": "山东省泰安市新泰市",
+    "Value": "370982"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789117447,
+    "Key": "山东省泰安市肥城市",
+    "Value": "370983"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789117448,
+    "Key": "山东省威海市",
+    "Value": "371000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789117449,
+    "Key": "山东省威海市环翠区",
+    "Value": "371002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789117450,
+    "Key": "山东省威海市文登区",
+    "Value": "371003"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789117451,
+    "Key": "山东省威海市荣成市",
+    "Value": "371082"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789117452,
+    "Key": "山东省威海市乳山市",
+    "Value": "371083"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789117453,
+    "Key": "山东省日照市",
+    "Value": "371100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789117454,
+    "Key": "山东省日照市东港区",
+    "Value": "371102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789117455,
+    "Key": "山东省日照市岚山区",
+    "Value": "371103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789117456,
+    "Key": "山东省日照市五莲县",
+    "Value": "371121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789121541,
+    "Key": "山东省日照市莒县",
+    "Value": "371122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789121542,
+    "Key": "山东省临沂市",
+    "Value": "371300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789121543,
+    "Key": "山东省临沂市兰山区",
+    "Value": "371302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789121544,
+    "Key": "山东省临沂市罗庄区",
+    "Value": "371311"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789121545,
+    "Key": "山东省临沂市河东区",
+    "Value": "371312"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789121546,
+    "Key": "山东省临沂市沂南县",
+    "Value": "371321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789121547,
+    "Key": "山东省临沂市郯城县",
+    "Value": "371322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789121548,
+    "Key": "山东省临沂市沂水县",
+    "Value": "371323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789121549,
+    "Key": "山东省临沂市兰陵县",
+    "Value": "371324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789125637,
+    "Key": "山东省临沂市费县",
+    "Value": "371325"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789125638,
+    "Key": "山东省临沂市平邑县",
+    "Value": "371326"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789125639,
+    "Key": "山东省临沂市莒南县",
+    "Value": "371327"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789125640,
+    "Key": "山东省临沂市蒙阴县",
+    "Value": "371328"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789125641,
+    "Key": "山东省临沂市临沭县",
+    "Value": "371329"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789125642,
+    "Key": "山东省德州市",
+    "Value": "371400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789125643,
+    "Key": "山东省德州市德城区",
+    "Value": "371402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789125644,
+    "Key": "山东省德州市陵城区",
+    "Value": "371403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789125645,
+    "Key": "山东省德州市宁津县",
+    "Value": "371422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789125646,
+    "Key": "山东省德州市庆云县",
+    "Value": "371423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789129733,
+    "Key": "山东省德州市临邑县",
+    "Value": "371424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789129734,
+    "Key": "山东省德州市齐河县",
+    "Value": "371425"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789129735,
+    "Key": "山东省德州市平原县",
+    "Value": "371426"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789129736,
+    "Key": "山东省德州市夏津县",
+    "Value": "371427"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789129737,
+    "Key": "山东省德州市武城县",
+    "Value": "371428"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789129738,
+    "Key": "山东省德州市乐陵市",
+    "Value": "371481"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789129739,
+    "Key": "山东省德州市禹城市",
+    "Value": "371482"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789129740,
+    "Key": "山东省聊城市",
+    "Value": "371500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789129741,
+    "Key": "山东省聊城市东昌府区",
+    "Value": "371502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789129742,
+    "Key": "山东省聊城市茌平区",
+    "Value": "371503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789129743,
+    "Key": "山东省聊城市阳谷县",
+    "Value": "371521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789129744,
+    "Key": "山东省聊城市莘县",
+    "Value": "371522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789133829,
+    "Key": "山东省聊城市东阿县",
+    "Value": "371524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789133830,
+    "Key": "山东省聊城市冠县",
+    "Value": "371525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789133831,
+    "Key": "山东省聊城市高唐县",
+    "Value": "371526"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789133832,
+    "Key": "山东省聊城市临清市",
+    "Value": "371581"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789133833,
+    "Key": "山东省滨州市",
+    "Value": "371600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789133834,
+    "Key": "山东省滨州市滨城区",
+    "Value": "371602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789133835,
+    "Key": "山东省滨州市沾化区",
+    "Value": "371603"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789133836,
+    "Key": "山东省滨州市惠民县",
+    "Value": "371621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789133837,
+    "Key": "山东省滨州市阳信县",
+    "Value": "371622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789133838,
+    "Key": "山东省滨州市无棣县",
+    "Value": "371623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789133839,
+    "Key": "山东省滨州市博兴县",
+    "Value": "371625"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789137925,
+    "Key": "山东省滨州市邹平市",
+    "Value": "371681"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789137926,
+    "Key": "山东省菏泽市",
+    "Value": "371700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789137927,
+    "Key": "山东省菏泽市牡丹区",
+    "Value": "371702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789137928,
+    "Key": "山东省菏泽市定陶区",
+    "Value": "371703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789137929,
+    "Key": "山东省菏泽市曹县",
+    "Value": "371721"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789137930,
+    "Key": "山东省菏泽市单县",
+    "Value": "371722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789137931,
+    "Key": "山东省菏泽市成武县",
+    "Value": "371723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789137932,
+    "Key": "山东省菏泽市巨野县",
+    "Value": "371724"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789137933,
+    "Key": "山东省菏泽市郓城县",
+    "Value": "371725"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789137934,
+    "Key": "山东省菏泽市鄄城县",
+    "Value": "371726"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789137935,
+    "Key": "山东省菏泽市东明县",
+    "Value": "371728"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789137936,
+    "Key": "河南省",
+    "Value": "410000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789142021,
+    "Key": "河南省郑州市",
+    "Value": "410100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789142022,
+    "Key": "河南省郑州市中原区",
+    "Value": "410102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789142023,
+    "Key": "河南省郑州市二七区",
+    "Value": "410103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789142024,
+    "Key": "河南省郑州市管城回族区",
+    "Value": "410104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789142025,
+    "Key": "河南省郑州市金水区",
+    "Value": "410105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789142026,
+    "Key": "河南省郑州市上街区",
+    "Value": "410106"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789142027,
+    "Key": "河南省郑州市惠济区",
+    "Value": "410108"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789142028,
+    "Key": "河南省郑州市中牟县",
+    "Value": "410122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789142029,
+    "Key": "河南省郑州市巩义市",
+    "Value": "410181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789142030,
+    "Key": "河南省郑州市荥阳市",
+    "Value": "410182"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789142031,
+    "Key": "河南省郑州市新密市",
+    "Value": "410183"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789142032,
+    "Key": "河南省郑州市新郑市",
+    "Value": "410184"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789142033,
+    "Key": "河南省郑州市登封市",
+    "Value": "410185"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789146117,
+    "Key": "河南省开封市",
+    "Value": "410200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789146118,
+    "Key": "河南省开封市龙亭区",
+    "Value": "410202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789146119,
+    "Key": "河南省开封市顺河回族区",
+    "Value": "410203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789146120,
+    "Key": "河南省开封市鼓楼区",
+    "Value": "410204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789146121,
+    "Key": "河南省开封市禹王台区",
+    "Value": "410205"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789146122,
+    "Key": "河南省开封市祥符区",
+    "Value": "410212"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789146123,
+    "Key": "河南省开封市杞县",
+    "Value": "410221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789146124,
+    "Key": "河南省开封市通许县",
+    "Value": "410222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789146125,
+    "Key": "河南省开封市尉氏县",
+    "Value": "410223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789146126,
+    "Key": "河南省开封市兰考县",
+    "Value": "410225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789146127,
+    "Key": "河南省洛阳市",
+    "Value": "410300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789146128,
+    "Key": "河南省洛阳市老城区",
+    "Value": "410302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789150213,
+    "Key": "河南省洛阳市西工区",
+    "Value": "410303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789150214,
+    "Key": "河南省洛阳市瀍河回族区",
+    "Value": "410304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789150215,
+    "Key": "河南省洛阳市涧西区",
+    "Value": "410305"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789150216,
+    "Key": "河南省洛阳市偃师区",
+    "Value": "410307"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789150217,
+    "Key": "河南省洛阳市孟津区",
+    "Value": "410308"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789150218,
+    "Key": "河南省洛阳市洛龙区",
+    "Value": "410311"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789150219,
+    "Key": "河南省洛阳市新安县",
+    "Value": "410323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789150220,
+    "Key": "河南省洛阳市栾川县",
+    "Value": "410324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789150221,
+    "Key": "河南省洛阳市嵩县",
+    "Value": "410325"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789150222,
+    "Key": "河南省洛阳市汝阳县",
+    "Value": "410326"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789150223,
+    "Key": "河南省洛阳市宜阳县",
+    "Value": "410327"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789150224,
+    "Key": "河南省洛阳市洛宁县",
+    "Value": "410328"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789154309,
+    "Key": "河南省洛阳市伊川县",
+    "Value": "410329"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789154310,
+    "Key": "河南省平顶山市",
+    "Value": "410400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789154311,
+    "Key": "河南省平顶山市新华区",
+    "Value": "410402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789154312,
+    "Key": "河南省平顶山市卫东区",
+    "Value": "410403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789154313,
+    "Key": "河南省平顶山市石龙区",
+    "Value": "410404"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789154314,
+    "Key": "河南省平顶山市湛河区",
+    "Value": "410411"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789154315,
+    "Key": "河南省平顶山市宝丰县",
+    "Value": "410421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789154316,
+    "Key": "河南省平顶山市叶县",
+    "Value": "410422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789154317,
+    "Key": "河南省平顶山市鲁山县",
+    "Value": "410423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789154318,
+    "Key": "河南省平顶山市郏县",
+    "Value": "410425"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789154319,
+    "Key": "河南省平顶山市舞钢市",
+    "Value": "410481"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789154320,
+    "Key": "河南省平顶山市汝州市",
+    "Value": "410482"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789154321,
+    "Key": "河南省安阳市",
+    "Value": "410500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789158405,
+    "Key": "河南省安阳市文峰区",
+    "Value": "410502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789158406,
+    "Key": "河南省安阳市北关区",
+    "Value": "410503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789158407,
+    "Key": "河南省安阳市殷都区",
+    "Value": "410505"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789158408,
+    "Key": "河南省安阳市龙安区",
+    "Value": "410506"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789158409,
+    "Key": "河南省安阳市安阳县",
+    "Value": "410522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789158410,
+    "Key": "河南省安阳市汤阴县",
+    "Value": "410523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789158411,
+    "Key": "河南省安阳市滑县",
+    "Value": "410526"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789158412,
+    "Key": "河南省安阳市内黄县",
+    "Value": "410527"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789158413,
+    "Key": "河南省安阳市林州市",
+    "Value": "410581"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789158414,
+    "Key": "河南省鹤壁市",
+    "Value": "410600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789158415,
+    "Key": "河南省鹤壁市鹤山区",
+    "Value": "410602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789158416,
+    "Key": "河南省鹤壁市山城区",
+    "Value": "410603"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789158417,
+    "Key": "河南省鹤壁市淇滨区",
+    "Value": "410611"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789162501,
+    "Key": "河南省鹤壁市浚县",
+    "Value": "410621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789162502,
+    "Key": "河南省鹤壁市淇县",
+    "Value": "410622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789162503,
+    "Key": "河南省新乡市",
+    "Value": "410700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789162504,
+    "Key": "河南省新乡市红旗区",
+    "Value": "410702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789162505,
+    "Key": "河南省新乡市卫滨区",
+    "Value": "410703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789162506,
+    "Key": "河南省新乡市凤泉区",
+    "Value": "410704"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789162507,
+    "Key": "河南省新乡市牧野区",
+    "Value": "410711"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789162508,
+    "Key": "河南省新乡市新乡县",
+    "Value": "410721"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789162509,
+    "Key": "河南省新乡市获嘉县",
+    "Value": "410724"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789162510,
+    "Key": "河南省新乡市原阳县",
+    "Value": "410725"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789162511,
+    "Key": "河南省新乡市延津县",
+    "Value": "410726"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789162512,
+    "Key": "河南省新乡市封丘县",
+    "Value": "410727"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789162513,
+    "Key": "河南省新乡市卫辉市",
+    "Value": "410781"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789166597,
+    "Key": "河南省新乡市辉县市",
+    "Value": "410782"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789166598,
+    "Key": "河南省新乡市长垣市",
+    "Value": "410783"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789166599,
+    "Key": "河南省焦作市",
+    "Value": "410800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789166600,
+    "Key": "河南省焦作市解放区",
+    "Value": "410802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789166601,
+    "Key": "河南省焦作市中站区",
+    "Value": "410803"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789166602,
+    "Key": "河南省焦作市马村区",
+    "Value": "410804"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789166603,
+    "Key": "河南省焦作市山阳区",
+    "Value": "410811"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789166604,
+    "Key": "河南省焦作市修武县",
+    "Value": "410821"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789166605,
+    "Key": "河南省焦作市博爱县",
+    "Value": "410822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789166606,
+    "Key": "河南省焦作市武陟县",
+    "Value": "410823"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789166607,
+    "Key": "河南省焦作市温县",
+    "Value": "410825"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789166608,
+    "Key": "河南省焦作市沁阳市",
+    "Value": "410882"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789166609,
+    "Key": "河南省焦作市孟州市",
+    "Value": "410883"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789170693,
+    "Key": "河南省濮阳市",
+    "Value": "410900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789170694,
+    "Key": "河南省濮阳市华龙区",
+    "Value": "410902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789170695,
+    "Key": "河南省濮阳市清丰县",
+    "Value": "410922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789170696,
+    "Key": "河南省濮阳市南乐县",
+    "Value": "410923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789170697,
+    "Key": "河南省濮阳市范县",
+    "Value": "410926"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789170698,
+    "Key": "河南省濮阳市台前县",
+    "Value": "410927"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789170699,
+    "Key": "河南省濮阳市濮阳县",
+    "Value": "410928"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789170700,
+    "Key": "河南省许昌市",
+    "Value": "411000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789170701,
+    "Key": "河南省许昌市魏都区",
+    "Value": "411002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789170702,
+    "Key": "河南省许昌市建安区",
+    "Value": "411003"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789170703,
+    "Key": "河南省许昌市鄢陵县",
+    "Value": "411024"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789170704,
+    "Key": "河南省许昌市襄城县",
+    "Value": "411025"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789170705,
+    "Key": "河南省许昌市禹州市",
+    "Value": "411081"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789174789,
+    "Key": "河南省许昌市长葛市",
+    "Value": "411082"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789174790,
+    "Key": "河南省漯河市",
+    "Value": "411100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789174791,
+    "Key": "河南省漯河市源汇区",
+    "Value": "411102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789174792,
+    "Key": "河南省漯河市郾城区",
+    "Value": "411103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789174793,
+    "Key": "河南省漯河市召陵区",
+    "Value": "411104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789174794,
+    "Key": "河南省漯河市舞阳县",
+    "Value": "411121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789174795,
+    "Key": "河南省漯河市临颍县",
+    "Value": "411122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789174796,
+    "Key": "河南省三门峡市",
+    "Value": "411200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789174797,
+    "Key": "河南省三门峡市湖滨区",
+    "Value": "411202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789174798,
+    "Key": "河南省三门峡市陕州区",
+    "Value": "411203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789174799,
+    "Key": "河南省三门峡市渑池县",
+    "Value": "411221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789174800,
+    "Key": "河南省三门峡市卢氏县",
+    "Value": "411224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789174801,
+    "Key": "河南省三门峡市义马市",
+    "Value": "411281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789178885,
+    "Key": "河南省三门峡市灵宝市",
+    "Value": "411282"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789178886,
+    "Key": "河南省南阳市",
+    "Value": "411300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789178887,
+    "Key": "河南省南阳市宛城区",
+    "Value": "411302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789178888,
+    "Key": "河南省南阳市卧龙区",
+    "Value": "411303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789178889,
+    "Key": "河南省南阳市南召县",
+    "Value": "411321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789178890,
+    "Key": "河南省南阳市方城县",
+    "Value": "411322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789178891,
+    "Key": "河南省南阳市西峡县",
+    "Value": "411323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789178892,
+    "Key": "河南省南阳市镇平县",
+    "Value": "411324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789178893,
+    "Key": "河南省南阳市内乡县",
+    "Value": "411325"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789178894,
+    "Key": "河南省南阳市淅川县",
+    "Value": "411326"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789178895,
+    "Key": "河南省南阳市社旗县",
+    "Value": "411327"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789178896,
+    "Key": "河南省南阳市唐河县",
+    "Value": "411328"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789178897,
+    "Key": "河南省南阳市新野县",
+    "Value": "411329"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789182981,
+    "Key": "河南省南阳市桐柏县",
+    "Value": "411330"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789182982,
+    "Key": "河南省南阳市邓州市",
+    "Value": "411381"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789182983,
+    "Key": "河南省商丘市",
+    "Value": "411400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789182984,
+    "Key": "河南省商丘市梁园区",
+    "Value": "411402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789182985,
+    "Key": "河南省商丘市睢阳区",
+    "Value": "411403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789182986,
+    "Key": "河南省商丘市民权县",
+    "Value": "411421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789182987,
+    "Key": "河南省商丘市睢县",
+    "Value": "411422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789182988,
+    "Key": "河南省商丘市宁陵县",
+    "Value": "411423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789182989,
+    "Key": "河南省商丘市柘城县",
+    "Value": "411424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789182990,
+    "Key": "河南省商丘市虞城县",
+    "Value": "411425"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789182991,
+    "Key": "河南省商丘市夏邑县",
+    "Value": "411426"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789182992,
+    "Key": "河南省商丘市永城市",
+    "Value": "411481"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789187077,
+    "Key": "河南省信阳市",
+    "Value": "411500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789187078,
+    "Key": "河南省信阳市浉河区",
+    "Value": "411502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789187079,
+    "Key": "河南省信阳市平桥区",
+    "Value": "411503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789187080,
+    "Key": "河南省信阳市罗山县",
+    "Value": "411521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789187081,
+    "Key": "河南省信阳市光山县",
+    "Value": "411522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789187082,
+    "Key": "河南省信阳市新县",
+    "Value": "411523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789187083,
+    "Key": "河南省信阳市商城县",
+    "Value": "411524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789187084,
+    "Key": "河南省信阳市固始县",
+    "Value": "411525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789187085,
+    "Key": "河南省信阳市潢川县",
+    "Value": "411526"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789187086,
+    "Key": "河南省信阳市淮滨县",
+    "Value": "411527"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789187087,
+    "Key": "河南省信阳市息县",
+    "Value": "411528"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789187088,
+    "Key": "河南省周口市",
+    "Value": "411600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789187089,
+    "Key": "河南省周口市川汇区",
+    "Value": "411602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789191173,
+    "Key": "河南省周口市淮阳区",
+    "Value": "411603"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789191174,
+    "Key": "河南省周口市扶沟县",
+    "Value": "411621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789191175,
+    "Key": "河南省周口市西华县",
+    "Value": "411622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789191176,
+    "Key": "河南省周口市商水县",
+    "Value": "411623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789191177,
+    "Key": "河南省周口市沈丘县",
+    "Value": "411624"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789191178,
+    "Key": "河南省周口市郸城县",
+    "Value": "411625"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789191179,
+    "Key": "河南省周口市太康县",
+    "Value": "411627"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789191180,
+    "Key": "河南省周口市鹿邑县",
+    "Value": "411628"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789191181,
+    "Key": "河南省周口市项城市",
+    "Value": "411681"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789191182,
+    "Key": "河南省驻马店市",
+    "Value": "411700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789191183,
+    "Key": "河南省驻马店市驿城区",
+    "Value": "411702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789191184,
+    "Key": "河南省驻马店市西平县",
+    "Value": "411721"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789191185,
+    "Key": "河南省驻马店市上蔡县",
+    "Value": "411722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789195269,
+    "Key": "河南省驻马店市平舆县",
+    "Value": "411723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789195270,
+    "Key": "河南省驻马店市正阳县",
+    "Value": "411724"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789195271,
+    "Key": "河南省驻马店市确山县",
+    "Value": "411725"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789195272,
+    "Key": "河南省驻马店市泌阳县",
+    "Value": "411726"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789195273,
+    "Key": "河南省驻马店市汝南县",
+    "Value": "411727"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789195274,
+    "Key": "河南省驻马店市遂平县",
+    "Value": "411728"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789195275,
+    "Key": "河南省驻马店市新蔡县",
+    "Value": "411729"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789195276,
+    "Key": "河南省济源市",
+    "Value": "419001"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789195277,
+    "Key": "湖北省",
+    "Value": "420000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789195278,
+    "Key": "湖北省武汉市",
+    "Value": "420100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789195279,
+    "Key": "湖北省武汉市江岸区",
+    "Value": "420102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789195280,
+    "Key": "湖北省武汉市江汉区",
+    "Value": "420103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789199365,
+    "Key": "湖北省武汉市硚口区",
+    "Value": "420104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789199366,
+    "Key": "湖北省武汉市汉阳区",
+    "Value": "420105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789199367,
+    "Key": "湖北省武汉市武昌区",
+    "Value": "420106"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789199368,
+    "Key": "湖北省武汉市青山区",
+    "Value": "420107"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789199369,
+    "Key": "湖北省武汉市洪山区",
+    "Value": "420111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789199370,
+    "Key": "湖北省武汉市东西湖区",
+    "Value": "420112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789199371,
+    "Key": "湖北省武汉市汉南区",
+    "Value": "420113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789199372,
+    "Key": "湖北省武汉市蔡甸区",
+    "Value": "420114"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789199373,
+    "Key": "湖北省武汉市江夏区",
+    "Value": "420115"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789199374,
+    "Key": "湖北省武汉市黄陂区",
+    "Value": "420116"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789199375,
+    "Key": "湖北省武汉市新洲区",
+    "Value": "420117"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789199376,
+    "Key": "湖北省黄石市",
+    "Value": "420200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789199377,
+    "Key": "湖北省黄石市黄石港区",
+    "Value": "420202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789203461,
+    "Key": "湖北省黄石市西塞山区",
+    "Value": "420203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789203462,
+    "Key": "湖北省黄石市下陆区",
+    "Value": "420204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789203463,
+    "Key": "湖北省黄石市铁山区",
+    "Value": "420205"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789203464,
+    "Key": "湖北省黄石市阳新县",
+    "Value": "420222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789203465,
+    "Key": "湖北省黄石市大冶市",
+    "Value": "420281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789203466,
+    "Key": "湖北省十堰市",
+    "Value": "420300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789203467,
+    "Key": "湖北省十堰市茅箭区",
+    "Value": "420302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789203468,
+    "Key": "湖北省十堰市张湾区",
+    "Value": "420303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789203469,
+    "Key": "湖北省十堰市郧阳区",
+    "Value": "420304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789203470,
+    "Key": "湖北省十堰市郧西县",
+    "Value": "420322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789203471,
+    "Key": "湖北省十堰市竹山县",
+    "Value": "420323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789203472,
+    "Key": "湖北省十堰市竹溪县",
+    "Value": "420324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789203473,
+    "Key": "湖北省十堰市房县",
+    "Value": "420325"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789207557,
+    "Key": "湖北省十堰市丹江口市",
+    "Value": "420381"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789207558,
+    "Key": "湖北省宜昌市",
+    "Value": "420500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789207559,
+    "Key": "湖北省宜昌市西陵区",
+    "Value": "420502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789207560,
+    "Key": "湖北省宜昌市伍家岗区",
+    "Value": "420503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789207561,
+    "Key": "湖北省宜昌市点军区",
+    "Value": "420504"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789207562,
+    "Key": "湖北省宜昌市猇亭区",
+    "Value": "420505"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789207563,
+    "Key": "湖北省宜昌市夷陵区",
+    "Value": "420506"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789207564,
+    "Key": "湖北省宜昌市远安县",
+    "Value": "420525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789207565,
+    "Key": "湖北省宜昌市兴山县",
+    "Value": "420526"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789207566,
+    "Key": "湖北省宜昌市秭归县",
+    "Value": "420527"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789207567,
+    "Key": "湖北省宜昌市长阳土家族自治县",
+    "Value": "420528"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789207568,
+    "Key": "湖北省宜昌市五峰土家族自治县",
+    "Value": "420529"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789207569,
+    "Key": "湖北省宜昌市宜都市",
+    "Value": "420581"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789211653,
+    "Key": "湖北省宜昌市当阳市",
+    "Value": "420582"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789211654,
+    "Key": "湖北省宜昌市枝江市",
+    "Value": "420583"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789211655,
+    "Key": "湖北省襄阳市",
+    "Value": "420600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789211656,
+    "Key": "湖北省襄阳市襄城区",
+    "Value": "420602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789211657,
+    "Key": "湖北省襄阳市樊城区",
+    "Value": "420606"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789211658,
+    "Key": "湖北省襄阳市襄州区",
+    "Value": "420607"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789211659,
+    "Key": "湖北省襄阳市南漳县",
+    "Value": "420624"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789211660,
+    "Key": "湖北省襄阳市谷城县",
+    "Value": "420625"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789211661,
+    "Key": "湖北省襄阳市保康县",
+    "Value": "420626"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789211662,
+    "Key": "湖北省襄阳市老河口市",
+    "Value": "420682"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789211663,
+    "Key": "湖北省襄阳市枣阳市",
+    "Value": "420683"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789211664,
+    "Key": "湖北省襄阳市宜城市",
+    "Value": "420684"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789211665,
+    "Key": "湖北省鄂州市",
+    "Value": "420700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789215749,
+    "Key": "湖北省鄂州市梁子湖区",
+    "Value": "420702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789215750,
+    "Key": "湖北省鄂州市华容区",
+    "Value": "420703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789215751,
+    "Key": "湖北省鄂州市鄂城区",
+    "Value": "420704"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789215752,
+    "Key": "湖北省荆门市",
+    "Value": "420800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789215753,
+    "Key": "湖北省荆门市东宝区",
+    "Value": "420802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789215754,
+    "Key": "湖北省荆门市掇刀区",
+    "Value": "420804"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789215755,
+    "Key": "湖北省荆门市沙洋县",
+    "Value": "420822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789215756,
+    "Key": "湖北省荆门市钟祥市",
+    "Value": "420881"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789215757,
+    "Key": "湖北省荆门市京山市",
+    "Value": "420882"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789215758,
+    "Key": "湖北省孝感市",
+    "Value": "420900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789215759,
+    "Key": "湖北省孝感市孝南区",
+    "Value": "420902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789215760,
+    "Key": "湖北省孝感市孝昌县",
+    "Value": "420921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789215761,
+    "Key": "湖北省孝感市大悟县",
+    "Value": "420922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789219845,
+    "Key": "湖北省孝感市云梦县",
+    "Value": "420923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789219846,
+    "Key": "湖北省孝感市应城市",
+    "Value": "420981"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789219847,
+    "Key": "湖北省孝感市安陆市",
+    "Value": "420982"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789219848,
+    "Key": "湖北省孝感市汉川市",
+    "Value": "420984"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789219849,
+    "Key": "湖北省荆州市",
+    "Value": "421000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789219850,
+    "Key": "湖北省荆州市沙市区",
+    "Value": "421002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789219851,
+    "Key": "湖北省荆州市荆州区",
+    "Value": "421003"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789219852,
+    "Key": "湖北省荆州市公安县",
+    "Value": "421022"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789219853,
+    "Key": "湖北省荆州市江陵县",
+    "Value": "421024"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789219854,
+    "Key": "湖北省荆州市石首市",
+    "Value": "421081"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789219855,
+    "Key": "湖北省荆州市洪湖市",
+    "Value": "421083"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789219856,
+    "Key": "湖北省荆州市松滋市",
+    "Value": "421087"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789219857,
+    "Key": "湖北省荆州市监利市",
+    "Value": "421088"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789223941,
+    "Key": "湖北省黄冈市",
+    "Value": "421100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789223942,
+    "Key": "湖北省黄冈市黄州区",
+    "Value": "421102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789223943,
+    "Key": "湖北省黄冈市团风县",
+    "Value": "421121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789223944,
+    "Key": "湖北省黄冈市红安县",
+    "Value": "421122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789223945,
+    "Key": "湖北省黄冈市罗田县",
+    "Value": "421123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789223946,
+    "Key": "湖北省黄冈市英山县",
+    "Value": "421124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789223947,
+    "Key": "湖北省黄冈市浠水县",
+    "Value": "421125"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789223948,
+    "Key": "湖北省黄冈市蕲春县",
+    "Value": "421126"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789223949,
+    "Key": "湖北省黄冈市黄梅县",
+    "Value": "421127"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789223950,
+    "Key": "湖北省黄冈市麻城市",
+    "Value": "421181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789223951,
+    "Key": "湖北省黄冈市武穴市",
+    "Value": "421182"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789223952,
+    "Key": "湖北省咸宁市",
+    "Value": "421200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789223953,
+    "Key": "湖北省咸宁市咸安区",
+    "Value": "421202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789228037,
+    "Key": "湖北省咸宁市嘉鱼县",
+    "Value": "421221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789228038,
+    "Key": "湖北省咸宁市通城县",
+    "Value": "421222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789228039,
+    "Key": "湖北省咸宁市崇阳县",
+    "Value": "421223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789228040,
+    "Key": "湖北省咸宁市通山县",
+    "Value": "421224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789228041,
+    "Key": "湖北省咸宁市赤壁市",
+    "Value": "421281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789228042,
+    "Key": "湖北省随州市",
+    "Value": "421300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789228043,
+    "Key": "湖北省随州市曾都区",
+    "Value": "421303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789228044,
+    "Key": "湖北省随州市随县",
+    "Value": "421321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789228045,
+    "Key": "湖北省随州市广水市",
+    "Value": "421381"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789228046,
+    "Key": "湖北省恩施土家族苗族自治州",
+    "Value": "422800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789228047,
+    "Key": "湖北省恩施土家族苗族自治州恩施市",
+    "Value": "422801"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789228048,
+    "Key": "湖北省恩施土家族苗族自治州利川市",
+    "Value": "422802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789228049,
+    "Key": "湖北省恩施土家族苗族自治州建始县",
+    "Value": "422822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789232133,
+    "Key": "湖北省恩施土家族苗族自治州巴东县",
+    "Value": "422823"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789232134,
+    "Key": "湖北省恩施土家族苗族自治州宣恩县",
+    "Value": "422825"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789232135,
+    "Key": "湖北省恩施土家族苗族自治州咸丰县",
+    "Value": "422826"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789232136,
+    "Key": "湖北省恩施土家族苗族自治州来凤县",
+    "Value": "422827"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789232137,
+    "Key": "湖北省恩施土家族苗族自治州鹤峰县",
+    "Value": "422828"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789232138,
+    "Key": "湖北省仙桃市",
+    "Value": "429004"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789232139,
+    "Key": "湖北省潜江市",
+    "Value": "429005"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789232140,
+    "Key": "湖北省天门市",
+    "Value": "429006"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789232141,
+    "Key": "湖北省神农架林区",
+    "Value": "429021"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789232142,
+    "Key": "湖南省",
+    "Value": "430000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789232143,
+    "Key": "湖南省长沙市",
+    "Value": "430100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789232144,
+    "Key": "湖南省长沙市芙蓉区",
+    "Value": "430102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789232145,
+    "Key": "湖南省长沙市天心区",
+    "Value": "430103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789236229,
+    "Key": "湖南省长沙市岳麓区",
+    "Value": "430104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789236230,
+    "Key": "湖南省长沙市开福区",
+    "Value": "430105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789236231,
+    "Key": "湖南省长沙市雨花区",
+    "Value": "430111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789236232,
+    "Key": "湖南省长沙市望城区",
+    "Value": "430112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789236233,
+    "Key": "湖南省长沙市长沙县",
+    "Value": "430121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789236234,
+    "Key": "湖南省长沙市浏阳市",
+    "Value": "430181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789236235,
+    "Key": "湖南省长沙市宁乡市",
+    "Value": "430182"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789236236,
+    "Key": "湖南省株洲市",
+    "Value": "430200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789236237,
+    "Key": "湖南省株洲市荷塘区",
+    "Value": "430202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789236238,
+    "Key": "湖南省株洲市芦淞区",
+    "Value": "430203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789236239,
+    "Key": "湖南省株洲市石峰区",
+    "Value": "430204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789236240,
+    "Key": "湖南省株洲市天元区",
+    "Value": "430211"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789236241,
+    "Key": "湖南省株洲市渌口区",
+    "Value": "430212"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789240325,
+    "Key": "湖南省株洲市攸县",
+    "Value": "430223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789240326,
+    "Key": "湖南省株洲市茶陵县",
+    "Value": "430224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789240327,
+    "Key": "湖南省株洲市炎陵县",
+    "Value": "430225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789240328,
+    "Key": "湖南省株洲市醴陵市",
+    "Value": "430281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789240329,
+    "Key": "湖南省湘潭市",
+    "Value": "430300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789240330,
+    "Key": "湖南省湘潭市雨湖区",
+    "Value": "430302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789240331,
+    "Key": "湖南省湘潭市岳塘区",
+    "Value": "430304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789240332,
+    "Key": "湖南省湘潭市湘潭县",
+    "Value": "430321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789240333,
+    "Key": "湖南省湘潭市湘乡市",
+    "Value": "430381"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789240334,
+    "Key": "湖南省湘潭市韶山市",
+    "Value": "430382"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789240335,
+    "Key": "湖南省衡阳市",
+    "Value": "430400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789240336,
+    "Key": "湖南省衡阳市珠晖区",
+    "Value": "430405"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789240337,
+    "Key": "湖南省衡阳市雁峰区",
+    "Value": "430406"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789244421,
+    "Key": "湖南省衡阳市石鼓区",
+    "Value": "430407"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789244422,
+    "Key": "湖南省衡阳市蒸湘区",
+    "Value": "430408"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789244423,
+    "Key": "湖南省衡阳市南岳区",
+    "Value": "430412"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789244424,
+    "Key": "湖南省衡阳市衡阳县",
+    "Value": "430421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789244425,
+    "Key": "湖南省衡阳市衡南县",
+    "Value": "430422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789244426,
+    "Key": "湖南省衡阳市衡山县",
+    "Value": "430423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789244427,
+    "Key": "湖南省衡阳市衡东县",
+    "Value": "430424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789244428,
+    "Key": "湖南省衡阳市祁东县",
+    "Value": "430426"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789244429,
+    "Key": "湖南省衡阳市耒阳市",
+    "Value": "430481"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789244430,
+    "Key": "湖南省衡阳市常宁市",
+    "Value": "430482"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789244431,
+    "Key": "湖南省邵阳市",
+    "Value": "430500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789244432,
+    "Key": "湖南省邵阳市双清区",
+    "Value": "430502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789244433,
+    "Key": "湖南省邵阳市大祥区",
+    "Value": "430503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789248517,
+    "Key": "湖南省邵阳市北塔区",
+    "Value": "430511"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789248518,
+    "Key": "湖南省邵阳市新邵县",
+    "Value": "430522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789248519,
+    "Key": "湖南省邵阳市邵阳县",
+    "Value": "430523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789248520,
+    "Key": "湖南省邵阳市隆回县",
+    "Value": "430524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789248521,
+    "Key": "湖南省邵阳市洞口县",
+    "Value": "430525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789248522,
+    "Key": "湖南省邵阳市绥宁县",
+    "Value": "430527"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789248523,
+    "Key": "湖南省邵阳市新宁县",
+    "Value": "430528"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789248524,
+    "Key": "湖南省邵阳市城步苗族自治县",
+    "Value": "430529"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789248525,
+    "Key": "湖南省邵阳市武冈市",
+    "Value": "430581"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789248526,
+    "Key": "湖南省邵阳市邵东市",
+    "Value": "430582"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789248527,
+    "Key": "湖南省岳阳市",
+    "Value": "430600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789248528,
+    "Key": "湖南省岳阳市岳阳楼区",
+    "Value": "430602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789248529,
+    "Key": "湖南省岳阳市云溪区",
+    "Value": "430603"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789252613,
+    "Key": "湖南省岳阳市君山区",
+    "Value": "430611"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789252614,
+    "Key": "湖南省岳阳市岳阳县",
+    "Value": "430621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789252615,
+    "Key": "湖南省岳阳市华容县",
+    "Value": "430623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789252616,
+    "Key": "湖南省岳阳市湘阴县",
+    "Value": "430624"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789252617,
+    "Key": "湖南省岳阳市平江县",
+    "Value": "430626"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789252618,
+    "Key": "湖南省岳阳市汨罗市",
+    "Value": "430681"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789252619,
+    "Key": "湖南省岳阳市临湘市",
+    "Value": "430682"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789252620,
+    "Key": "湖南省常德市",
+    "Value": "430700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789252621,
+    "Key": "湖南省常德市武陵区",
+    "Value": "430702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789252622,
+    "Key": "湖南省常德市鼎城区",
+    "Value": "430703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789252623,
+    "Key": "湖南省常德市安乡县",
+    "Value": "430721"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789252624,
+    "Key": "湖南省常德市汉寿县",
+    "Value": "430722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789252625,
+    "Key": "湖南省常德市澧县",
+    "Value": "430723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789256709,
+    "Key": "湖南省常德市临澧县",
+    "Value": "430724"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789256710,
+    "Key": "湖南省常德市桃源县",
+    "Value": "430725"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789256711,
+    "Key": "湖南省常德市石门县",
+    "Value": "430726"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789256712,
+    "Key": "湖南省常德市津市市",
+    "Value": "430781"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789256713,
+    "Key": "湖南省张家界市",
+    "Value": "430800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789256714,
+    "Key": "湖南省张家界市永定区",
+    "Value": "430802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789256715,
+    "Key": "湖南省张家界市武陵源区",
+    "Value": "430811"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789256716,
+    "Key": "湖南省张家界市慈利县",
+    "Value": "430821"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789256717,
+    "Key": "湖南省张家界市桑植县",
+    "Value": "430822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789256718,
+    "Key": "湖南省益阳市",
+    "Value": "430900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789256719,
+    "Key": "湖南省益阳市资阳区",
+    "Value": "430902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789256720,
+    "Key": "湖南省益阳市赫山区",
+    "Value": "430903"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789256721,
+    "Key": "湖南省益阳市南县",
+    "Value": "430921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789260805,
+    "Key": "湖南省益阳市桃江县",
+    "Value": "430922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789260806,
+    "Key": "湖南省益阳市安化县",
+    "Value": "430923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789260807,
+    "Key": "湖南省益阳市沅江市",
+    "Value": "430981"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789260808,
+    "Key": "湖南省郴州市",
+    "Value": "431000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789260809,
+    "Key": "湖南省郴州市北湖区",
+    "Value": "431002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789260810,
+    "Key": "湖南省郴州市苏仙区",
+    "Value": "431003"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789260811,
+    "Key": "湖南省郴州市桂阳县",
+    "Value": "431021"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789260812,
+    "Key": "湖南省郴州市宜章县",
+    "Value": "431022"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789260813,
+    "Key": "湖南省郴州市永兴县",
+    "Value": "431023"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789260814,
+    "Key": "湖南省郴州市嘉禾县",
+    "Value": "431024"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789260815,
+    "Key": "湖南省郴州市临武县",
+    "Value": "431025"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789260816,
+    "Key": "湖南省郴州市汝城县",
+    "Value": "431026"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789260817,
+    "Key": "湖南省郴州市桂东县",
+    "Value": "431027"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789260818,
+    "Key": "湖南省郴州市安仁县",
+    "Value": "431028"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789260819,
+    "Key": "湖南省郴州市资兴市",
+    "Value": "431081"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789264901,
+    "Key": "湖南省永州市",
+    "Value": "431100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789264902,
+    "Key": "湖南省永州市零陵区",
+    "Value": "431102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789264903,
+    "Key": "湖南省永州市冷水滩区",
+    "Value": "431103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789264904,
+    "Key": "湖南省永州市东安县",
+    "Value": "431122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789264905,
+    "Key": "湖南省永州市双牌县",
+    "Value": "431123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789264906,
+    "Key": "湖南省永州市道县",
+    "Value": "431124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789264907,
+    "Key": "湖南省永州市江永县",
+    "Value": "431125"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789264908,
+    "Key": "湖南省永州市宁远县",
+    "Value": "431126"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789264909,
+    "Key": "湖南省永州市蓝山县",
+    "Value": "431127"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789264910,
+    "Key": "湖南省永州市新田县",
+    "Value": "431128"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789264911,
+    "Key": "湖南省永州市江华瑶族自治县",
+    "Value": "431129"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789264912,
+    "Key": "湖南省永州市祁阳市",
+    "Value": "431181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789264913,
+    "Key": "湖南省怀化市",
+    "Value": "431200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789264914,
+    "Key": "湖南省怀化市鹤城区",
+    "Value": "431202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789268997,
+    "Key": "湖南省怀化市中方县",
+    "Value": "431221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789268998,
+    "Key": "湖南省怀化市沅陵县",
+    "Value": "431222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789268999,
+    "Key": "湖南省怀化市辰溪县",
+    "Value": "431223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789269000,
+    "Key": "湖南省怀化市溆浦县",
+    "Value": "431224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789269001,
+    "Key": "湖南省怀化市会同县",
+    "Value": "431225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789269002,
+    "Key": "湖南省怀化市麻阳苗族自治县",
+    "Value": "431226"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789269003,
+    "Key": "湖南省怀化市新晃侗族自治县",
+    "Value": "431227"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789269004,
+    "Key": "湖南省怀化市芷江侗族自治县",
+    "Value": "431228"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789269005,
+    "Key": "湖南省怀化市靖州苗族侗族自治县",
+    "Value": "431229"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789269006,
+    "Key": "湖南省怀化市通道侗族自治县",
+    "Value": "431230"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789269007,
+    "Key": "湖南省怀化市洪江市",
+    "Value": "431281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789269008,
+    "Key": "湖南省娄底市",
+    "Value": "431300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789269009,
+    "Key": "湖南省娄底市娄星区",
+    "Value": "431302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789269010,
+    "Key": "湖南省娄底市双峰县",
+    "Value": "431321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789273093,
+    "Key": "湖南省娄底市新化县",
+    "Value": "431322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789273094,
+    "Key": "湖南省娄底市冷水江市",
+    "Value": "431381"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789273095,
+    "Key": "湖南省娄底市涟源市",
+    "Value": "431382"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789273096,
+    "Key": "湖南省湘西土家族苗族自治州",
+    "Value": "433100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789273097,
+    "Key": "湖南省湘西土家族苗族自治州吉首市",
+    "Value": "433101"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789273098,
+    "Key": "湖南省湘西土家族苗族自治州泸溪县",
+    "Value": "433122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789273099,
+    "Key": "湖南省湘西土家族苗族自治州凤凰县",
+    "Value": "433123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789273100,
+    "Key": "湖南省湘西土家族苗族自治州花垣县",
+    "Value": "433124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789273101,
+    "Key": "湖南省湘西土家族苗族自治州保靖县",
+    "Value": "433125"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789273102,
+    "Key": "湖南省湘西土家族苗族自治州古丈县",
+    "Value": "433126"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789273103,
+    "Key": "湖南省湘西土家族苗族自治州永顺县",
+    "Value": "433127"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789273104,
+    "Key": "湖南省湘西土家族苗族自治州龙山县",
+    "Value": "433130"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789273105,
+    "Key": "广东省",
+    "Value": "440000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789273106,
+    "Key": "广东省广州市",
+    "Value": "440100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789277189,
+    "Key": "广东省广州市荔湾区",
+    "Value": "440103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789277190,
+    "Key": "广东省广州市越秀区",
+    "Value": "440104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789277191,
+    "Key": "广东省广州市海珠区",
+    "Value": "440105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789277192,
+    "Key": "广东省广州市天河区",
+    "Value": "440106"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789277193,
+    "Key": "广东省广州市白云区",
+    "Value": "440111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789277194,
+    "Key": "广东省广州市黄埔区",
+    "Value": "440112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789277195,
+    "Key": "广东省广州市番禺区",
+    "Value": "440113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789277196,
+    "Key": "广东省广州市花都区",
+    "Value": "440114"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789277197,
+    "Key": "广东省广州市南沙区",
+    "Value": "440115"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789277198,
+    "Key": "广东省广州市从化区",
+    "Value": "440117"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789277199,
+    "Key": "广东省广州市增城区",
+    "Value": "440118"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789277200,
+    "Key": "广东省韶关市",
+    "Value": "440200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789277201,
+    "Key": "广东省韶关市武江区",
+    "Value": "440203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789281285,
+    "Key": "广东省韶关市浈江区",
+    "Value": "440204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789281286,
+    "Key": "广东省韶关市曲江区",
+    "Value": "440205"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789281287,
+    "Key": "广东省韶关市始兴县",
+    "Value": "440222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789281288,
+    "Key": "广东省韶关市仁化县",
+    "Value": "440224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789281289,
+    "Key": "广东省韶关市翁源县",
+    "Value": "440229"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789281290,
+    "Key": "广东省韶关市乳源瑶族自治县",
+    "Value": "440232"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789281291,
+    "Key": "广东省韶关市新丰县",
+    "Value": "440233"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789281292,
+    "Key": "广东省韶关市乐昌市",
+    "Value": "440281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789281293,
+    "Key": "广东省韶关市南雄市",
+    "Value": "440282"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789281294,
+    "Key": "广东省深圳市",
+    "Value": "440300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789281295,
+    "Key": "广东省深圳市罗湖区",
+    "Value": "440303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789281296,
+    "Key": "广东省深圳市福田区",
+    "Value": "440304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789281297,
+    "Key": "广东省深圳市南山区",
+    "Value": "440305"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789285381,
+    "Key": "广东省深圳市宝安区",
+    "Value": "440306"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789285382,
+    "Key": "广东省深圳市龙岗区",
+    "Value": "440307"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789285383,
+    "Key": "广东省深圳市盐田区",
+    "Value": "440308"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789285384,
+    "Key": "广东省深圳市龙华区",
+    "Value": "440309"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789285385,
+    "Key": "广东省深圳市坪山区",
+    "Value": "440310"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789285386,
+    "Key": "广东省深圳市光明区",
+    "Value": "440311"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789285387,
+    "Key": "广东省珠海市",
+    "Value": "440400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789285388,
+    "Key": "广东省珠海市香洲区",
+    "Value": "440402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789285389,
+    "Key": "广东省珠海市斗门区",
+    "Value": "440403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789285390,
+    "Key": "广东省珠海市金湾区",
+    "Value": "440404"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789285391,
+    "Key": "广东省汕头市",
+    "Value": "440500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789285392,
+    "Key": "广东省汕头市龙湖区",
+    "Value": "440507"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789289477,
+    "Key": "广东省汕头市金平区",
+    "Value": "440511"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789289478,
+    "Key": "广东省汕头市濠江区",
+    "Value": "440512"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789289479,
+    "Key": "广东省汕头市潮阳区",
+    "Value": "440513"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789289480,
+    "Key": "广东省汕头市潮南区",
+    "Value": "440514"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789289481,
+    "Key": "广东省汕头市澄海区",
+    "Value": "440515"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789289482,
+    "Key": "广东省汕头市南澳县",
+    "Value": "440523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789289483,
+    "Key": "广东省佛山市",
+    "Value": "440600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789289484,
+    "Key": "广东省佛山市禅城区",
+    "Value": "440604"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789289485,
+    "Key": "广东省佛山市南海区",
+    "Value": "440605"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789289486,
+    "Key": "广东省佛山市顺德区",
+    "Value": "440606"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789289487,
+    "Key": "广东省佛山市三水区",
+    "Value": "440607"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789289488,
+    "Key": "广东省佛山市高明区",
+    "Value": "440608"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789289489,
+    "Key": "广东省江门市",
+    "Value": "440700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789289490,
+    "Key": "广东省江门市蓬江区",
+    "Value": "440703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789293573,
+    "Key": "广东省江门市江海区",
+    "Value": "440704"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789293574,
+    "Key": "广东省江门市新会区",
+    "Value": "440705"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789293575,
+    "Key": "广东省江门市台山市",
+    "Value": "440781"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789293576,
+    "Key": "广东省江门市开平市",
+    "Value": "440783"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789293577,
+    "Key": "广东省江门市鹤山市",
+    "Value": "440784"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789293578,
+    "Key": "广东省江门市恩平市",
+    "Value": "440785"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789293579,
+    "Key": "广东省湛江市",
+    "Value": "440800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789293580,
+    "Key": "广东省湛江市赤坎区",
+    "Value": "440802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789293581,
+    "Key": "广东省湛江市霞山区",
+    "Value": "440803"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789293582,
+    "Key": "广东省湛江市坡头区",
+    "Value": "440804"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789293583,
+    "Key": "广东省湛江市麻章区",
+    "Value": "440811"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789293584,
+    "Key": "广东省湛江市遂溪县",
+    "Value": "440823"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789293585,
+    "Key": "广东省湛江市徐闻县",
+    "Value": "440825"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789293586,
+    "Key": "广东省湛江市廉江市",
+    "Value": "440881"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789297669,
+    "Key": "广东省湛江市雷州市",
+    "Value": "440882"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789297670,
+    "Key": "广东省湛江市吴川市",
+    "Value": "440883"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789297671,
+    "Key": "广东省茂名市",
+    "Value": "440900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789297672,
+    "Key": "广东省茂名市茂南区",
+    "Value": "440902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789297673,
+    "Key": "广东省茂名市电白区",
+    "Value": "440904"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789297674,
+    "Key": "广东省茂名市高州市",
+    "Value": "440981"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789297675,
+    "Key": "广东省茂名市化州市",
+    "Value": "440982"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789297676,
+    "Key": "广东省茂名市信宜市",
+    "Value": "440983"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789297677,
+    "Key": "广东省肇庆市",
+    "Value": "441200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789297678,
+    "Key": "广东省肇庆市端州区",
+    "Value": "441202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789297679,
+    "Key": "广东省肇庆市鼎湖区",
+    "Value": "441203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789297680,
+    "Key": "广东省肇庆市高要区",
+    "Value": "441204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789297681,
+    "Key": "广东省肇庆市广宁县",
+    "Value": "441223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789297682,
+    "Key": "广东省肇庆市怀集县",
+    "Value": "441224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789297683,
+    "Key": "广东省肇庆市封开县",
+    "Value": "441225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789301765,
+    "Key": "广东省肇庆市德庆县",
+    "Value": "441226"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789301766,
+    "Key": "广东省肇庆市四会市",
+    "Value": "441284"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789301767,
+    "Key": "广东省惠州市",
+    "Value": "441300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789301768,
+    "Key": "广东省惠州市惠城区",
+    "Value": "441302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789301769,
+    "Key": "广东省惠州市惠阳区",
+    "Value": "441303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789301770,
+    "Key": "广东省惠州市博罗县",
+    "Value": "441322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789301771,
+    "Key": "广东省惠州市惠东县",
+    "Value": "441323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789301772,
+    "Key": "广东省惠州市龙门县",
+    "Value": "441324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789301773,
+    "Key": "广东省梅州市",
+    "Value": "441400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789301774,
+    "Key": "广东省梅州市梅江区",
+    "Value": "441402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789301775,
+    "Key": "广东省梅州市梅县区",
+    "Value": "441403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789301776,
+    "Key": "广东省梅州市大埔县",
+    "Value": "441422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789301777,
+    "Key": "广东省梅州市丰顺县",
+    "Value": "441423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789301778,
+    "Key": "广东省梅州市五华县",
+    "Value": "441424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789305861,
+    "Key": "广东省梅州市平远县",
+    "Value": "441426"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789305862,
+    "Key": "广东省梅州市蕉岭县",
+    "Value": "441427"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789305863,
+    "Key": "广东省梅州市兴宁市",
+    "Value": "441481"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789305864,
+    "Key": "广东省汕尾市",
+    "Value": "441500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789305865,
+    "Key": "广东省汕尾市城区",
+    "Value": "441502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789305866,
+    "Key": "广东省汕尾市海丰县",
+    "Value": "441521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789305867,
+    "Key": "广东省汕尾市陆河县",
+    "Value": "441523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789305868,
+    "Key": "广东省汕尾市陆丰市",
+    "Value": "441581"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789305869,
+    "Key": "广东省汕尾市河源市",
+    "Value": "441600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789305870,
+    "Key": "广东省汕尾市源城区",
+    "Value": "441602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789305871,
+    "Key": "广东省汕尾市紫金县",
+    "Value": "441621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789305872,
+    "Key": "广东省汕尾市龙川县",
+    "Value": "441622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789305873,
+    "Key": "广东省汕尾市连平县",
+    "Value": "441623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789309957,
+    "Key": "广东省汕尾市和平县",
+    "Value": "441624"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789309958,
+    "Key": "广东省汕尾市东源县",
+    "Value": "441625"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789309959,
+    "Key": "广东省阳江市",
+    "Value": "441700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789309960,
+    "Key": "广东省阳江市江城区",
+    "Value": "441702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789309961,
+    "Key": "广东省阳江市阳东区",
+    "Value": "441704"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789309962,
+    "Key": "广东省阳江市阳西县",
+    "Value": "441721"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789309963,
+    "Key": "广东省阳江市阳春市",
+    "Value": "441781"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789309964,
+    "Key": "广东省清远市",
+    "Value": "441800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789309965,
+    "Key": "广东省清远市清城区",
+    "Value": "441802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789309966,
+    "Key": "广东省清远市清新区",
+    "Value": "441803"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789309967,
+    "Key": "广东省清远市佛冈县",
+    "Value": "441821"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789309968,
+    "Key": "广东省清远市阳山县",
+    "Value": "441823"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789309969,
+    "Key": "广东省清远市连山壮族瑶族自治县",
+    "Value": "441825"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789309970,
+    "Key": "广东省清远市连南瑶族自治县",
+    "Value": "441826"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789314053,
+    "Key": "广东省清远市英德市",
+    "Value": "441881"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789314054,
+    "Key": "广东省清远市连州市",
+    "Value": "441882"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789314055,
+    "Key": "广东省清远市东莞市",
+    "Value": "441900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789314056,
+    "Key": "广东省清远市中山市",
+    "Value": "442000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789314057,
+    "Key": "广东省潮州市",
+    "Value": "445100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789314058,
+    "Key": "广东省潮州市湘桥区",
+    "Value": "445102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789314059,
+    "Key": "广东省潮州市潮安区",
+    "Value": "445103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789314060,
+    "Key": "广东省潮州市饶平县",
+    "Value": "445122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789314061,
+    "Key": "广东省揭阳市",
+    "Value": "445200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789314062,
+    "Key": "广东省揭阳市榕城区",
+    "Value": "445202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789314063,
+    "Key": "广东省揭阳市揭东区",
+    "Value": "445203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789314064,
+    "Key": "广东省揭阳市揭西县",
+    "Value": "445222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789314065,
+    "Key": "广东省揭阳市惠来县",
+    "Value": "445224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789318149,
+    "Key": "广东省揭阳市普宁市",
+    "Value": "445281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789318150,
+    "Key": "广东省云浮市",
+    "Value": "445300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789318151,
+    "Key": "广东省云浮市云城区",
+    "Value": "445302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789318152,
+    "Key": "广东省云浮市云安区",
+    "Value": "445303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789318153,
+    "Key": "广东省云浮市新兴县",
+    "Value": "445321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789318154,
+    "Key": "广东省云浮市郁南县",
+    "Value": "445322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789318155,
+    "Key": "广东省云浮市罗定市",
+    "Value": "445381"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789318156,
+    "Key": "广西壮族自治区",
+    "Value": "450000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789318157,
+    "Key": "广西壮族自治区南宁市",
+    "Value": "450100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789318158,
+    "Key": "广西壮族自治区南宁市兴宁区",
+    "Value": "450102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789318159,
+    "Key": "广西壮族自治区南宁市青秀区",
+    "Value": "450103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789318160,
+    "Key": "广西壮族自治区南宁市江南区",
+    "Value": "450105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789318161,
+    "Key": "广西壮族自治区南宁市西乡塘区",
+    "Value": "450107"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789318162,
+    "Key": "广西壮族自治区南宁市良庆区",
+    "Value": "450108"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789322245,
+    "Key": "广西壮族自治区南宁市邕宁区",
+    "Value": "450109"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789322246,
+    "Key": "广西壮族自治区南宁市武鸣区",
+    "Value": "450110"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789322247,
+    "Key": "广西壮族自治区南宁市隆安县",
+    "Value": "450123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789322248,
+    "Key": "广西壮族自治区南宁市马山县",
+    "Value": "450124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789322249,
+    "Key": "广西壮族自治区南宁市上林县",
+    "Value": "450125"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789322250,
+    "Key": "广西壮族自治区南宁市宾阳县",
+    "Value": "450126"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789322251,
+    "Key": "广西壮族自治区南宁市横州市",
+    "Value": "450181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789322252,
+    "Key": "广西壮族自治区柳州市",
+    "Value": "450200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789322253,
+    "Key": "广西壮族自治区柳州市城中区",
+    "Value": "450202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789322254,
+    "Key": "广西壮族自治区柳州市鱼峰区",
+    "Value": "450203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789322255,
+    "Key": "广西壮族自治区柳州市柳南区",
+    "Value": "450204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789322256,
+    "Key": "广西壮族自治区柳州市柳北区",
+    "Value": "450205"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789322257,
+    "Key": "广西壮族自治区柳州市柳江区",
+    "Value": "450206"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789326341,
+    "Key": "广西壮族自治区柳州市柳城县",
+    "Value": "450222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789326342,
+    "Key": "广西壮族自治区柳州市鹿寨县",
+    "Value": "450223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789326343,
+    "Key": "广西壮族自治区柳州市融安县",
+    "Value": "450224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789326344,
+    "Key": "广西壮族自治区柳州市融水苗族自治县",
+    "Value": "450225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789326345,
+    "Key": "广西壮族自治区柳州市三江侗族自治县",
+    "Value": "450226"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789326346,
+    "Key": "广西壮族自治区桂林市",
+    "Value": "450300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789326347,
+    "Key": "广西壮族自治区桂林市秀峰区",
+    "Value": "450302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789326348,
+    "Key": "广西壮族自治区桂林市叠彩区",
+    "Value": "450303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789326349,
+    "Key": "广西壮族自治区桂林市象山区",
+    "Value": "450304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789326350,
+    "Key": "广西壮族自治区桂林市七星区",
+    "Value": "450305"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789326351,
+    "Key": "广西壮族自治区桂林市雁山区",
+    "Value": "450311"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789326352,
+    "Key": "广西壮族自治区桂林市临桂区",
+    "Value": "450312"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789326353,
+    "Key": "广西壮族自治区桂林市阳朔县",
+    "Value": "450321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789326354,
+    "Key": "广西壮族自治区桂林市灵川县",
+    "Value": "450323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789330437,
+    "Key": "广西壮族自治区桂林市全州县",
+    "Value": "450324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789330438,
+    "Key": "广西壮族自治区桂林市兴安县",
+    "Value": "450325"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789330439,
+    "Key": "广西壮族自治区桂林市永福县",
+    "Value": "450326"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789330440,
+    "Key": "广西壮族自治区桂林市灌阳县",
+    "Value": "450327"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789330441,
+    "Key": "广西壮族自治区桂林市龙胜各族自治县",
+    "Value": "450328"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789330442,
+    "Key": "广西壮族自治区桂林市资源县",
+    "Value": "450329"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789330443,
+    "Key": "广西壮族自治区桂林市平乐县",
+    "Value": "450330"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789330444,
+    "Key": "广西壮族自治区桂林市恭城瑶族自治县",
+    "Value": "450332"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789330445,
+    "Key": "广西壮族自治区桂林市荔浦市",
+    "Value": "450381"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789330446,
+    "Key": "广西壮族自治区梧州市",
+    "Value": "450400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789330447,
+    "Key": "广西壮族自治区梧州市万秀区",
+    "Value": "450403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789330448,
+    "Key": "广西壮族自治区梧州市长洲区",
+    "Value": "450405"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789330449,
+    "Key": "广西壮族自治区梧州市龙圩区",
+    "Value": "450406"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789330450,
+    "Key": "广西壮族自治区梧州市苍梧县",
+    "Value": "450421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789334533,
+    "Key": "广西壮族自治区梧州市藤县",
+    "Value": "450422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789334534,
+    "Key": "广西壮族自治区梧州市蒙山县",
+    "Value": "450423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789334535,
+    "Key": "广西壮族自治区梧州市岑溪市",
+    "Value": "450481"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789334536,
+    "Key": "广西壮族自治区北海市",
+    "Value": "450500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789334537,
+    "Key": "广西壮族自治区北海市海城区",
+    "Value": "450502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789334538,
+    "Key": "广西壮族自治区北海市银海区",
+    "Value": "450503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789334539,
+    "Key": "广西壮族自治区北海市铁山港区",
+    "Value": "450512"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789334540,
+    "Key": "广西壮族自治区北海市合浦县",
+    "Value": "450521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789334541,
+    "Key": "广西壮族自治区防城港市",
+    "Value": "450600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789334542,
+    "Key": "广西壮族自治区防城港市港口区",
+    "Value": "450602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789334543,
+    "Key": "广西壮族自治区防城港市防城区",
+    "Value": "450603"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789334544,
+    "Key": "广西壮族自治区防城港市上思县",
+    "Value": "450621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789334545,
+    "Key": "广西壮族自治区防城港市东兴市",
+    "Value": "450681"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789334546,
+    "Key": "广西壮族自治区钦州市",
+    "Value": "450700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789338629,
+    "Key": "广西壮族自治区钦州市钦南区",
+    "Value": "450702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789338630,
+    "Key": "广西壮族自治区钦州市钦北区",
+    "Value": "450703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789338631,
+    "Key": "广西壮族自治区钦州市灵山县",
+    "Value": "450721"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789338632,
+    "Key": "广西壮族自治区钦州市浦北县",
+    "Value": "450722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789338633,
+    "Key": "广西壮族自治区贵港市",
+    "Value": "450800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789338634,
+    "Key": "广西壮族自治区贵港市港北区",
+    "Value": "450802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789338635,
+    "Key": "广西壮族自治区贵港市港南区",
+    "Value": "450803"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789338636,
+    "Key": "广西壮族自治区贵港市覃塘区",
+    "Value": "450804"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789338637,
+    "Key": "广西壮族自治区贵港市平南县",
+    "Value": "450821"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789338638,
+    "Key": "广西壮族自治区贵港市桂平市",
+    "Value": "450881"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789338639,
+    "Key": "广西壮族自治区玉林市",
+    "Value": "450900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789338640,
+    "Key": "广西壮族自治区玉林市玉州区",
+    "Value": "450902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789338641,
+    "Key": "广西壮族自治区玉林市福绵区",
+    "Value": "450903"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789338642,
+    "Key": "广西壮族自治区玉林市容县",
+    "Value": "450921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789342725,
+    "Key": "广西壮族自治区玉林市陆川县",
+    "Value": "450922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789342726,
+    "Key": "广西壮族自治区玉林市博白县",
+    "Value": "450923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789342727,
+    "Key": "广西壮族自治区玉林市兴业县",
+    "Value": "450924"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789342728,
+    "Key": "广西壮族自治区玉林市北流市",
+    "Value": "450981"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789342729,
+    "Key": "广西壮族自治区百色市",
+    "Value": "451000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789342730,
+    "Key": "广西壮族自治区百色市右江区",
+    "Value": "451002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789342731,
+    "Key": "广西壮族自治区百色市田阳区",
+    "Value": "451003"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789342732,
+    "Key": "广西壮族自治区百色市田东县",
+    "Value": "451022"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789342733,
+    "Key": "广西壮族自治区百色市德保县",
+    "Value": "451024"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789342734,
+    "Key": "广西壮族自治区百色市那坡县",
+    "Value": "451026"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789342735,
+    "Key": "广西壮族自治区百色市凌云县",
+    "Value": "451027"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789342736,
+    "Key": "广西壮族自治区百色市乐业县",
+    "Value": "451028"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789342737,
+    "Key": "广西壮族自治区百色市田林县",
+    "Value": "451029"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789342738,
+    "Key": "广西壮族自治区百色市西林县",
+    "Value": "451030"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789342739,
+    "Key": "广西壮族自治区百色市隆林各族自治县",
+    "Value": "451031"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789346821,
+    "Key": "广西壮族自治区百色市靖西市",
+    "Value": "451081"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789346822,
+    "Key": "广西壮族自治区百色市平果市",
+    "Value": "451082"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789346823,
+    "Key": "广西壮族自治区贺州市",
+    "Value": "451100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789346824,
+    "Key": "广西壮族自治区贺州市八步区",
+    "Value": "451102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789346825,
+    "Key": "广西壮族自治区贺州市平桂区",
+    "Value": "451103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789346826,
+    "Key": "广西壮族自治区贺州市昭平县",
+    "Value": "451121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789346827,
+    "Key": "广西壮族自治区贺州市钟山县",
+    "Value": "451122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789346828,
+    "Key": "广西壮族自治区贺州市富川瑶族自治县",
+    "Value": "451123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789346829,
+    "Key": "广西壮族自治区河池市",
+    "Value": "451200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789346830,
+    "Key": "广西壮族自治区河池市金城江区",
+    "Value": "451202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789346831,
+    "Key": "广西壮族自治区河池市宜州区",
+    "Value": "451203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789346832,
+    "Key": "广西壮族自治区河池市南丹县",
+    "Value": "451221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789346833,
+    "Key": "广西壮族自治区河池市天峨县",
+    "Value": "451222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789346834,
+    "Key": "广西壮族自治区河池市凤山县",
+    "Value": "451223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789350917,
+    "Key": "广西壮族自治区河池市东兰县",
+    "Value": "451224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789350918,
+    "Key": "广西壮族自治区河池市罗城仫佬族自治县",
+    "Value": "451225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789350919,
+    "Key": "广西壮族自治区河池市环江毛南族自治县",
+    "Value": "451226"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789350920,
+    "Key": "广西壮族自治区河池市巴马瑶族自治县",
+    "Value": "451227"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789350921,
+    "Key": "广西壮族自治区河池市都安瑶族自治县",
+    "Value": "451228"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789350922,
+    "Key": "广西壮族自治区河池市大化瑶族自治县",
+    "Value": "451229"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789350923,
+    "Key": "广西壮族自治区来宾市",
+    "Value": "451300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789350924,
+    "Key": "广西壮族自治区来宾市兴宾区",
+    "Value": "451302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789350925,
+    "Key": "广西壮族自治区来宾市忻城县",
+    "Value": "451321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789350926,
+    "Key": "广西壮族自治区来宾市象州县",
+    "Value": "451322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789350927,
+    "Key": "广西壮族自治区来宾市武宣县",
+    "Value": "451323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789350928,
+    "Key": "广西壮族自治区来宾市金秀瑶族自治县",
+    "Value": "451324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789350929,
+    "Key": "广西壮族自治区来宾市合山市",
+    "Value": "451381"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789350930,
+    "Key": "广西壮族自治区崇左市",
+    "Value": "451400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789355013,
+    "Key": "广西壮族自治区崇左市江州区",
+    "Value": "451402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789355014,
+    "Key": "广西壮族自治区崇左市扶绥县",
+    "Value": "451421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789355015,
+    "Key": "广西壮族自治区崇左市宁明县",
+    "Value": "451422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789355016,
+    "Key": "广西壮族自治区崇左市龙州县",
+    "Value": "451423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789355017,
+    "Key": "广西壮族自治区崇左市大新县",
+    "Value": "451424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789355018,
+    "Key": "广西壮族自治区崇左市天等县",
+    "Value": "451425"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789355019,
+    "Key": "广西壮族自治区崇左市凭祥市",
+    "Value": "451481"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789355020,
+    "Key": "海南省",
+    "Value": "460000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789355021,
+    "Key": "海南省海口市",
+    "Value": "460100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789355022,
+    "Key": "海南省海口市秀英区",
+    "Value": "460105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789355023,
+    "Key": "海南省海口市龙华区",
+    "Value": "460106"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789355024,
+    "Key": "海南省海口市琼山区",
+    "Value": "460107"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789355025,
+    "Key": "海南省海口市美兰区",
+    "Value": "460108"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789355026,
+    "Key": "海南省三亚市",
+    "Value": "460200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789355027,
+    "Key": "海南省三亚市海棠区",
+    "Value": "460202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789359109,
+    "Key": "海南省三亚市吉阳区",
+    "Value": "460203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789359110,
+    "Key": "海南省三亚市天涯区",
+    "Value": "460204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789359111,
+    "Key": "海南省三亚市崖州区",
+    "Value": "460205"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789359112,
+    "Key": "海南省三亚市三沙市",
+    "Value": "460300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789359113,
+    "Key": "海南省三亚市儋州市",
+    "Value": "460400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789359114,
+    "Key": "海南省五指山市",
+    "Value": "469001"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789359115,
+    "Key": "海南省琼海市",
+    "Value": "469002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789359116,
+    "Key": "海南省文昌市",
+    "Value": "469005"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789359117,
+    "Key": "海南省万宁市",
+    "Value": "469006"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789359118,
+    "Key": "海南省东方市",
+    "Value": "469007"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789359119,
+    "Key": "海南省定安县",
+    "Value": "469021"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789359120,
+    "Key": "海南省屯昌县",
+    "Value": "469022"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789359121,
+    "Key": "海南省澄迈县",
+    "Value": "469023"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789359122,
+    "Key": "海南省临高县",
+    "Value": "469024"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789363205,
+    "Key": "海南省白沙黎族自治县",
+    "Value": "469025"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789363206,
+    "Key": "海南省昌江黎族自治县",
+    "Value": "469026"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789363207,
+    "Key": "海南省乐东黎族自治县",
+    "Value": "469027"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789363208,
+    "Key": "海南省陵水黎族自治县",
+    "Value": "469028"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789363209,
+    "Key": "海南省保亭黎族苗族自治县",
+    "Value": "469029"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789363210,
+    "Key": "海南省琼中黎族苗族自治县",
+    "Value": "469030"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789363211,
+    "Key": "重庆市",
+    "Value": "500000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789363212,
+    "Key": "重庆市万州区",
+    "Value": "500101"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789363213,
+    "Key": "重庆市涪陵区",
+    "Value": "500102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789363214,
+    "Key": "重庆市渝中区",
+    "Value": "500103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789363215,
+    "Key": "重庆市大渡口区",
+    "Value": "500104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789363216,
+    "Key": "重庆市江北区",
+    "Value": "500105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789363217,
+    "Key": "重庆市沙坪坝区",
+    "Value": "500106"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789363218,
+    "Key": "重庆市九龙坡区",
+    "Value": "500107"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789367301,
+    "Key": "重庆市南岸区",
+    "Value": "500108"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789367302,
+    "Key": "重庆市北碚区",
+    "Value": "500109"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789367303,
+    "Key": "重庆市綦江区",
+    "Value": "500110"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789367304,
+    "Key": "重庆市大足区",
+    "Value": "500111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789367305,
+    "Key": "重庆市渝北区",
+    "Value": "500112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789367306,
+    "Key": "重庆市巴南区",
+    "Value": "500113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789367307,
+    "Key": "重庆市黔江区",
+    "Value": "500114"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789367308,
+    "Key": "重庆市长寿区",
+    "Value": "500115"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789367309,
+    "Key": "重庆市江津区",
+    "Value": "500116"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789367310,
+    "Key": "重庆市合川区",
+    "Value": "500117"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789367311,
+    "Key": "重庆市永川区",
+    "Value": "500118"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789367312,
+    "Key": "重庆市南川区",
+    "Value": "500119"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789367313,
+    "Key": "重庆市璧山区",
+    "Value": "500120"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789367314,
+    "Key": "重庆市铜梁区",
+    "Value": "500151"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789367315,
+    "Key": "重庆市潼南区",
+    "Value": "500152"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789371397,
+    "Key": "重庆市荣昌区",
+    "Value": "500153"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789371398,
+    "Key": "重庆市开州区",
+    "Value": "500154"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789371399,
+    "Key": "重庆市梁平区",
+    "Value": "500155"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789371400,
+    "Key": "重庆市武隆区",
+    "Value": "500156"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789371401,
+    "Key": "重庆市城口县",
+    "Value": "500229"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789371402,
+    "Key": "重庆市丰都县",
+    "Value": "500230"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789371403,
+    "Key": "重庆市垫江县",
+    "Value": "500231"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789371404,
+    "Key": "重庆市忠县",
+    "Value": "500233"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789371405,
+    "Key": "重庆市云阳县",
+    "Value": "500235"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789371406,
+    "Key": "重庆市奉节县",
+    "Value": "500236"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789371407,
+    "Key": "重庆市巫山县",
+    "Value": "500237"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789371408,
+    "Key": "重庆市巫溪县",
+    "Value": "500238"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789371409,
+    "Key": "重庆市石柱土家族自治县",
+    "Value": "500240"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789371410,
+    "Key": "重庆市秀山土家族苗族自治县",
+    "Value": "500241"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789375493,
+    "Key": "重庆市酉阳土家族苗族自治县",
+    "Value": "500242"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789375494,
+    "Key": "重庆市彭水苗族土家族自治县",
+    "Value": "500243"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789375495,
+    "Key": "四川省",
+    "Value": "510000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789375496,
+    "Key": "四川省成都市",
+    "Value": "510100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789375497,
+    "Key": "四川省成都市锦江区",
+    "Value": "510104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789375498,
+    "Key": "四川省成都市青羊区",
+    "Value": "510105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789375499,
+    "Key": "四川省成都市金牛区",
+    "Value": "510106"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789375500,
+    "Key": "四川省成都市武侯区",
+    "Value": "510107"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789375501,
+    "Key": "四川省成都市成华区",
+    "Value": "510108"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789375502,
+    "Key": "四川省成都市龙泉驿区",
+    "Value": "510112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789375503,
+    "Key": "四川省成都市青白江区",
+    "Value": "510113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789375504,
+    "Key": "四川省成都市新都区",
+    "Value": "510114"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789375505,
+    "Key": "四川省成都市温江区",
+    "Value": "510115"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789375506,
+    "Key": "四川省成都市双流区",
+    "Value": "510116"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789379589,
+    "Key": "四川省成都市郫都区",
+    "Value": "510117"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789379590,
+    "Key": "四川省成都市新津区",
+    "Value": "510118"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789379591,
+    "Key": "四川省成都市金堂县",
+    "Value": "510121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789379592,
+    "Key": "四川省成都市大邑县",
+    "Value": "510129"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789379593,
+    "Key": "四川省成都市蒲江县",
+    "Value": "510131"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789379594,
+    "Key": "四川省成都市都江堰市",
+    "Value": "510181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789379595,
+    "Key": "四川省成都市彭州市",
+    "Value": "510182"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789379596,
+    "Key": "四川省成都市邛崃市",
+    "Value": "510183"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789379597,
+    "Key": "四川省成都市崇州市",
+    "Value": "510184"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789379598,
+    "Key": "四川省成都市简阳市",
+    "Value": "510185"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789379599,
+    "Key": "四川省自贡市",
+    "Value": "510300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789379600,
+    "Key": "四川省自贡市自流井区",
+    "Value": "510302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789379601,
+    "Key": "四川省自贡市贡井区",
+    "Value": "510303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789383685,
+    "Key": "四川省自贡市大安区",
+    "Value": "510304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789383686,
+    "Key": "四川省自贡市沿滩区",
+    "Value": "510311"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789383687,
+    "Key": "四川省自贡市荣县",
+    "Value": "510321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789383688,
+    "Key": "四川省自贡市富顺县",
+    "Value": "510322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789383689,
+    "Key": "四川省攀枝花市",
+    "Value": "510400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789383690,
+    "Key": "四川省攀枝花市东区",
+    "Value": "510402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789383691,
+    "Key": "四川省攀枝花市西区",
+    "Value": "510403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789383692,
+    "Key": "四川省攀枝花市仁和区",
+    "Value": "510411"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789383693,
+    "Key": "四川省攀枝花市米易县",
+    "Value": "510421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789383694,
+    "Key": "四川省攀枝花市盐边县",
+    "Value": "510422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789383695,
+    "Key": "四川省泸州市",
+    "Value": "510500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789383696,
+    "Key": "四川省泸州市江阳区",
+    "Value": "510502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789383697,
+    "Key": "四川省泸州市纳溪区",
+    "Value": "510503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789387781,
+    "Key": "四川省泸州市龙马潭区",
+    "Value": "510504"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789387782,
+    "Key": "四川省泸州市泸县",
+    "Value": "510521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789387783,
+    "Key": "四川省泸州市合江县",
+    "Value": "510522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789387784,
+    "Key": "四川省泸州市叙永县",
+    "Value": "510524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789387785,
+    "Key": "四川省泸州市古蔺县",
+    "Value": "510525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789387786,
+    "Key": "四川省德阳市",
+    "Value": "510600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789387787,
+    "Key": "四川省德阳市旌阳区",
+    "Value": "510603"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789387788,
+    "Key": "四川省德阳市罗江区",
+    "Value": "510604"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789387789,
+    "Key": "四川省德阳市中江县",
+    "Value": "510623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789387790,
+    "Key": "四川省德阳市广汉市",
+    "Value": "510681"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789387791,
+    "Key": "四川省德阳市什邡市",
+    "Value": "510682"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789387792,
+    "Key": "四川省德阳市绵竹市",
+    "Value": "510683"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789387793,
+    "Key": "四川省绵阳市",
+    "Value": "510700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789387794,
+    "Key": "四川省绵阳市涪城区",
+    "Value": "510703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789391877,
+    "Key": "四川省绵阳市游仙区",
+    "Value": "510704"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789391878,
+    "Key": "四川省绵阳市安州区",
+    "Value": "510705"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789391879,
+    "Key": "四川省绵阳市三台县",
+    "Value": "510722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789391880,
+    "Key": "四川省绵阳市盐亭县",
+    "Value": "510723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789391881,
+    "Key": "四川省绵阳市梓潼县",
+    "Value": "510725"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789391882,
+    "Key": "四川省绵阳市北川羌族自治县",
+    "Value": "510726"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789391883,
+    "Key": "四川省绵阳市平武县",
+    "Value": "510727"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789391884,
+    "Key": "四川省绵阳市江油市",
+    "Value": "510781"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789391885,
+    "Key": "四川省广元市",
+    "Value": "510800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789391886,
+    "Key": "四川省广元市利州区",
+    "Value": "510802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789391887,
+    "Key": "四川省广元市昭化区",
+    "Value": "510811"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789391888,
+    "Key": "四川省广元市朝天区",
+    "Value": "510812"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789391889,
+    "Key": "四川省广元市旺苍县",
+    "Value": "510821"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789391890,
+    "Key": "四川省广元市青川县",
+    "Value": "510822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789395973,
+    "Key": "四川省广元市剑阁县",
+    "Value": "510823"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789395974,
+    "Key": "四川省广元市苍溪县",
+    "Value": "510824"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789395975,
+    "Key": "四川省遂宁市",
+    "Value": "510900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789395976,
+    "Key": "四川省遂宁市船山区",
+    "Value": "510903"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789395977,
+    "Key": "四川省遂宁市安居区",
+    "Value": "510904"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789395978,
+    "Key": "四川省遂宁市蓬溪县",
+    "Value": "510921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789395979,
+    "Key": "四川省遂宁市大英县",
+    "Value": "510923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789395980,
+    "Key": "四川省遂宁市射洪市",
+    "Value": "510981"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789395981,
+    "Key": "四川省内江市",
+    "Value": "511000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789395982,
+    "Key": "四川省内江市市中区",
+    "Value": "511002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789395983,
+    "Key": "四川省内江市东兴区",
+    "Value": "511011"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789395984,
+    "Key": "四川省内江市威远县",
+    "Value": "511024"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789395985,
+    "Key": "四川省内江市资中县",
+    "Value": "511025"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789395986,
+    "Key": "四川省内江市隆昌市",
+    "Value": "511083"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789400069,
+    "Key": "四川省乐山市",
+    "Value": "511100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789400070,
+    "Key": "四川省乐山市市中区",
+    "Value": "511102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789400071,
+    "Key": "四川省乐山市沙湾区",
+    "Value": "511111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789400072,
+    "Key": "四川省乐山市五通桥区",
+    "Value": "511112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789400073,
+    "Key": "四川省乐山市金口河区",
+    "Value": "511113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789400074,
+    "Key": "四川省乐山市犍为县",
+    "Value": "511123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789400075,
+    "Key": "四川省乐山市井研县",
+    "Value": "511124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789400076,
+    "Key": "四川省乐山市夹江县",
+    "Value": "511126"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789400077,
+    "Key": "四川省乐山市沐川县",
+    "Value": "511129"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789400078,
+    "Key": "四川省乐山市峨边彝族自治县",
+    "Value": "511132"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789400079,
+    "Key": "四川省乐山市马边彝族自治县",
+    "Value": "511133"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789400080,
+    "Key": "四川省乐山市峨眉山市",
+    "Value": "511181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789400081,
+    "Key": "四川省南充市",
+    "Value": "511300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789400082,
+    "Key": "四川省南充市顺庆区",
+    "Value": "511302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789404165,
+    "Key": "四川省南充市高坪区",
+    "Value": "511303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789404166,
+    "Key": "四川省南充市嘉陵区",
+    "Value": "511304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789404167,
+    "Key": "四川省南充市南部县",
+    "Value": "511321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789404168,
+    "Key": "四川省南充市营山县",
+    "Value": "511322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789404169,
+    "Key": "四川省南充市蓬安县",
+    "Value": "511323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789404170,
+    "Key": "四川省南充市仪陇县",
+    "Value": "511324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789404171,
+    "Key": "四川省南充市西充县",
+    "Value": "511325"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789404172,
+    "Key": "四川省南充市阆中市",
+    "Value": "511381"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789404173,
+    "Key": "四川省眉山市",
+    "Value": "511400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789404174,
+    "Key": "四川省眉山市东坡区",
+    "Value": "511402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789404175,
+    "Key": "四川省眉山市彭山区",
+    "Value": "511403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789404176,
+    "Key": "四川省眉山市仁寿县",
+    "Value": "511421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789404177,
+    "Key": "四川省眉山市洪雅县",
+    "Value": "511423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789404178,
+    "Key": "四川省眉山市丹棱县",
+    "Value": "511424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789408261,
+    "Key": "四川省眉山市青神县",
+    "Value": "511425"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789408262,
+    "Key": "四川省宜宾市",
+    "Value": "511500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789408263,
+    "Key": "四川省宜宾市翠屏区",
+    "Value": "511502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789408264,
+    "Key": "四川省宜宾市南溪区",
+    "Value": "511503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789408265,
+    "Key": "四川省宜宾市叙州区",
+    "Value": "511504"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789408266,
+    "Key": "四川省宜宾市江安县",
+    "Value": "511523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789408267,
+    "Key": "四川省宜宾市长宁县",
+    "Value": "511524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789408268,
+    "Key": "四川省宜宾市高县",
+    "Value": "511525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789408269,
+    "Key": "四川省宜宾市珙县",
+    "Value": "511526"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789408270,
+    "Key": "四川省宜宾市筠连县",
+    "Value": "511527"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789408271,
+    "Key": "四川省宜宾市兴文县",
+    "Value": "511528"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789408272,
+    "Key": "四川省宜宾市屏山县",
+    "Value": "511529"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789408273,
+    "Key": "四川省广安市",
+    "Value": "511600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789408274,
+    "Key": "四川省广安市广安区",
+    "Value": "511602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789412357,
+    "Key": "四川省广安市前锋区",
+    "Value": "511603"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789412358,
+    "Key": "四川省广安市岳池县",
+    "Value": "511621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789412359,
+    "Key": "四川省广安市武胜县",
+    "Value": "511622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789412360,
+    "Key": "四川省广安市邻水县",
+    "Value": "511623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789412361,
+    "Key": "四川省广安市华蓥市",
+    "Value": "511681"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789412362,
+    "Key": "四川省达州市",
+    "Value": "511700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789412363,
+    "Key": "四川省达州市通川区",
+    "Value": "511702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789412364,
+    "Key": "四川省达州市达川区",
+    "Value": "511703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789412365,
+    "Key": "四川省达州市宣汉县",
+    "Value": "511722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789412366,
+    "Key": "四川省达州市开江县",
+    "Value": "511723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789412367,
+    "Key": "四川省达州市大竹县",
+    "Value": "511724"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789412368,
+    "Key": "四川省达州市渠县",
+    "Value": "511725"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789412369,
+    "Key": "四川省达州市万源市",
+    "Value": "511781"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789412370,
+    "Key": "四川省雅安市",
+    "Value": "511800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789416453,
+    "Key": "四川省雅安市雨城区",
+    "Value": "511802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789416454,
+    "Key": "四川省雅安市名山区",
+    "Value": "511803"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789416455,
+    "Key": "四川省雅安市荥经县",
+    "Value": "511822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789416456,
+    "Key": "四川省雅安市汉源县",
+    "Value": "511823"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789416457,
+    "Key": "四川省雅安市石棉县",
+    "Value": "511824"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789416458,
+    "Key": "四川省雅安市天全县",
+    "Value": "511825"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789416459,
+    "Key": "四川省雅安市芦山县",
+    "Value": "511826"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789416460,
+    "Key": "四川省雅安市宝兴县",
+    "Value": "511827"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789416461,
+    "Key": "四川省巴中市",
+    "Value": "511900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789416462,
+    "Key": "四川省巴中市巴州区",
+    "Value": "511902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789416463,
+    "Key": "四川省巴中市恩阳区",
+    "Value": "511903"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789416464,
+    "Key": "四川省巴中市通江县",
+    "Value": "511921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789416465,
+    "Key": "四川省巴中市南江县",
+    "Value": "511922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789416466,
+    "Key": "四川省巴中市平昌县",
+    "Value": "511923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789420549,
+    "Key": "四川省资阳市",
+    "Value": "512000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789420550,
+    "Key": "四川省资阳市雁江区",
+    "Value": "512002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789420551,
+    "Key": "四川省资阳市安岳县",
+    "Value": "512021"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789420552,
+    "Key": "四川省资阳市乐至县",
+    "Value": "512022"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789420553,
+    "Key": "四川省阿坝藏族羌族自治州",
+    "Value": "513200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789420554,
+    "Key": "四川省阿坝藏族羌族自治州马尔康市",
+    "Value": "513201"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789420555,
+    "Key": "四川省阿坝藏族羌族自治州汶川县",
+    "Value": "513221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789420556,
+    "Key": "四川省阿坝藏族羌族自治州理县",
+    "Value": "513222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789420557,
+    "Key": "四川省阿坝藏族羌族自治州茂县",
+    "Value": "513223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789420558,
+    "Key": "四川省阿坝藏族羌族自治州松潘县",
+    "Value": "513224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789420559,
+    "Key": "四川省阿坝藏族羌族自治州九寨沟县",
+    "Value": "513225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789420560,
+    "Key": "四川省阿坝藏族羌族自治州金川县",
+    "Value": "513226"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789420561,
+    "Key": "四川省阿坝藏族羌族自治州小金县",
+    "Value": "513227"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789420562,
+    "Key": "四川省阿坝藏族羌族自治州黑水县",
+    "Value": "513228"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789420563,
+    "Key": "四川省阿坝藏族羌族自治州壤塘县",
+    "Value": "513230"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789424645,
+    "Key": "四川省阿坝藏族羌族自治州阿坝县",
+    "Value": "513231"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789424646,
+    "Key": "四川省阿坝藏族羌族自治州若尔盖县",
+    "Value": "513232"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789424647,
+    "Key": "四川省阿坝藏族羌族自治州红原县",
+    "Value": "513233"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789424648,
+    "Key": "四川省甘孜藏族自治州",
+    "Value": "513300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789424649,
+    "Key": "四川省甘孜藏族自治州康定市",
+    "Value": "513301"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789424650,
+    "Key": "四川省甘孜藏族自治州泸定县",
+    "Value": "513322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789424651,
+    "Key": "四川省甘孜藏族自治州丹巴县",
+    "Value": "513323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789424652,
+    "Key": "四川省甘孜藏族自治州九龙县",
+    "Value": "513324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789424653,
+    "Key": "四川省甘孜藏族自治州雅江县",
+    "Value": "513325"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789424654,
+    "Key": "四川省甘孜藏族自治州道孚县",
+    "Value": "513326"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789424655,
+    "Key": "四川省甘孜藏族自治州炉霍县",
+    "Value": "513327"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789424656,
+    "Key": "四川省甘孜藏族自治州甘孜县",
+    "Value": "513328"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789424657,
+    "Key": "四川省甘孜藏族自治州新龙县",
+    "Value": "513329"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789428741,
+    "Key": "四川省甘孜藏族自治州德格县",
+    "Value": "513330"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789428742,
+    "Key": "四川省甘孜藏族自治州白玉县",
+    "Value": "513331"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789428743,
+    "Key": "四川省甘孜藏族自治州石渠县",
+    "Value": "513332"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789428744,
+    "Key": "四川省甘孜藏族自治州色达县",
+    "Value": "513333"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789428745,
+    "Key": "四川省甘孜藏族自治州理塘县",
+    "Value": "513334"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789428746,
+    "Key": "四川省甘孜藏族自治州巴塘县",
+    "Value": "513335"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789428747,
+    "Key": "四川省甘孜藏族自治州乡城县",
+    "Value": "513336"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789428748,
+    "Key": "四川省甘孜藏族自治州稻城县",
+    "Value": "513337"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789428749,
+    "Key": "四川省甘孜藏族自治州得荣县",
+    "Value": "513338"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789428750,
+    "Key": "四川省凉山彝族自治州",
+    "Value": "513400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789428751,
+    "Key": "四川省凉山彝族自治州西昌市",
+    "Value": "513401"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789428752,
+    "Key": "四川省凉山彝族自治州会理市",
+    "Value": "513402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789428753,
+    "Key": "四川省凉山彝族自治州木里藏族自治县",
+    "Value": "513422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789428754,
+    "Key": "四川省凉山彝族自治州盐源县",
+    "Value": "513423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789428755,
+    "Key": "四川省凉山彝族自治州德昌县",
+    "Value": "513424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789432837,
+    "Key": "四川省凉山彝族自治州会东县",
+    "Value": "513426"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789432838,
+    "Key": "四川省凉山彝族自治州宁南县",
+    "Value": "513427"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789432839,
+    "Key": "四川省凉山彝族自治州普格县",
+    "Value": "513428"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789432840,
+    "Key": "四川省凉山彝族自治州布拖县",
+    "Value": "513429"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789432841,
+    "Key": "四川省凉山彝族自治州金阳县",
+    "Value": "513430"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789432842,
+    "Key": "四川省凉山彝族自治州昭觉县",
+    "Value": "513431"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789432843,
+    "Key": "四川省凉山彝族自治州喜德县",
+    "Value": "513432"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789432844,
+    "Key": "四川省凉山彝族自治州冕宁县",
+    "Value": "513433"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789432845,
+    "Key": "四川省凉山彝族自治州越西县",
+    "Value": "513434"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789432846,
+    "Key": "四川省凉山彝族自治州甘洛县",
+    "Value": "513435"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789432847,
+    "Key": "四川省凉山彝族自治州美姑县",
+    "Value": "513436"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789432848,
+    "Key": "四川省凉山彝族自治州雷波县",
+    "Value": "513437"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789432849,
+    "Key": "贵州省",
+    "Value": "520000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789432850,
+    "Key": "贵州省贵阳市",
+    "Value": "520100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789436933,
+    "Key": "贵州省贵阳市南明区",
+    "Value": "520102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789436934,
+    "Key": "贵州省贵阳市云岩区",
+    "Value": "520103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789436935,
+    "Key": "贵州省贵阳市花溪区",
+    "Value": "520111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789436936,
+    "Key": "贵州省贵阳市乌当区",
+    "Value": "520112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789436937,
+    "Key": "贵州省贵阳市白云区",
+    "Value": "520113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789436938,
+    "Key": "贵州省贵阳市观山湖区",
+    "Value": "520115"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789436939,
+    "Key": "贵州省贵阳市开阳县",
+    "Value": "520121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789436940,
+    "Key": "贵州省贵阳市息烽县",
+    "Value": "520122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789436941,
+    "Key": "贵州省贵阳市修文县",
+    "Value": "520123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789436942,
+    "Key": "贵州省贵阳市清镇市",
+    "Value": "520181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789436943,
+    "Key": "贵州省六盘水市",
+    "Value": "520200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789436944,
+    "Key": "贵州省六盘水市钟山区",
+    "Value": "520201"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789441029,
+    "Key": "贵州省六盘水市六枝特区",
+    "Value": "520203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789441030,
+    "Key": "贵州省六盘水市水城区",
+    "Value": "520204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789441031,
+    "Key": "贵州省六盘水市盘州市",
+    "Value": "520281"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789441032,
+    "Key": "贵州省遵义市",
+    "Value": "520300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789441033,
+    "Key": "贵州省遵义市红花岗区",
+    "Value": "520302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789441034,
+    "Key": "贵州省遵义市汇川区",
+    "Value": "520303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789441035,
+    "Key": "贵州省遵义市播州区",
+    "Value": "520304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789441036,
+    "Key": "贵州省遵义市桐梓县",
+    "Value": "520322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789441037,
+    "Key": "贵州省遵义市绥阳县",
+    "Value": "520323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789445125,
+    "Key": "贵州省遵义市正安县",
+    "Value": "520324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789445126,
+    "Key": "贵州省遵义市道真仡佬族苗族自治县",
+    "Value": "520325"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789445127,
+    "Key": "贵州省遵义市务川仡佬族苗族自治县",
+    "Value": "520326"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789445128,
+    "Key": "贵州省遵义市凤冈县",
+    "Value": "520327"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789445129,
+    "Key": "贵州省遵义市湄潭县",
+    "Value": "520328"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789445130,
+    "Key": "贵州省遵义市余庆县",
+    "Value": "520329"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789445131,
+    "Key": "贵州省遵义市习水县",
+    "Value": "520330"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789445132,
+    "Key": "贵州省遵义市赤水市",
+    "Value": "520381"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789445133,
+    "Key": "贵州省遵义市仁怀市",
+    "Value": "520382"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789445134,
+    "Key": "贵州省安顺市",
+    "Value": "520400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789445135,
+    "Key": "贵州省安顺市西秀区",
+    "Value": "520402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789445136,
+    "Key": "贵州省安顺市平坝区",
+    "Value": "520403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789445137,
+    "Key": "贵州省安顺市普定县",
+    "Value": "520422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789449221,
+    "Key": "贵州省安顺市镇宁布依族苗族自治县",
+    "Value": "520423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789449222,
+    "Key": "贵州省安顺市关岭布依族苗族自治县",
+    "Value": "520424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789449223,
+    "Key": "贵州省安顺市紫云苗族布依族自治县",
+    "Value": "520425"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789449224,
+    "Key": "贵州省毕节市",
+    "Value": "520500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789449225,
+    "Key": "贵州省毕节市七星关区",
+    "Value": "520502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789449226,
+    "Key": "贵州省毕节市大方县",
+    "Value": "520521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789449227,
+    "Key": "贵州省毕节市金沙县",
+    "Value": "520523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789449228,
+    "Key": "贵州省毕节市织金县",
+    "Value": "520524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789449229,
+    "Key": "贵州省毕节市纳雍县",
+    "Value": "520525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789449230,
+    "Key": "贵州省毕节市威宁彝族回族苗族自治县",
+    "Value": "520526"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789449231,
+    "Key": "贵州省毕节市赫章县",
+    "Value": "520527"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789449232,
+    "Key": "贵州省毕节市黔西市",
+    "Value": "520581"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789449233,
+    "Key": "贵州省铜仁市",
+    "Value": "520600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789449234,
+    "Key": "贵州省铜仁市碧江区",
+    "Value": "520602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789453317,
+    "Key": "贵州省铜仁市万山区",
+    "Value": "520603"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789453318,
+    "Key": "贵州省铜仁市江口县",
+    "Value": "520621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789453319,
+    "Key": "贵州省铜仁市玉屏侗族自治县",
+    "Value": "520622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789453320,
+    "Key": "贵州省铜仁市石阡县",
+    "Value": "520623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789453321,
+    "Key": "贵州省铜仁市思南县",
+    "Value": "520624"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789453322,
+    "Key": "贵州省铜仁市印江土家族苗族自治县",
+    "Value": "520625"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789453323,
+    "Key": "贵州省铜仁市德江县",
+    "Value": "520626"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789453324,
+    "Key": "贵州省铜仁市沿河土家族自治县",
+    "Value": "520627"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789453325,
+    "Key": "贵州省铜仁市松桃苗族自治县",
+    "Value": "520628"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789453326,
+    "Key": "贵州省黔西南布依族苗族自治州",
+    "Value": "522300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789453327,
+    "Key": "贵州省黔西南布依族苗族自治州兴义市",
+    "Value": "522301"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789453328,
+    "Key": "贵州省黔西南布依族苗族自治州兴仁市",
+    "Value": "522302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789453329,
+    "Key": "贵州省黔西南布依族苗族自治州普安县",
+    "Value": "522323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789457413,
+    "Key": "贵州省黔西南布依族苗族自治州晴隆县",
+    "Value": "522324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789457414,
+    "Key": "贵州省黔西南布依族苗族自治州贞丰县",
+    "Value": "522325"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789457415,
+    "Key": "贵州省黔西南布依族苗族自治州望谟县",
+    "Value": "522326"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789457416,
+    "Key": "贵州省黔西南布依族苗族自治州册亨县",
+    "Value": "522327"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789457417,
+    "Key": "贵州省黔西南布依族苗族自治州安龙县",
+    "Value": "522328"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789457418,
+    "Key": "贵州省黔东南苗族侗族自治州",
+    "Value": "522600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789457419,
+    "Key": "贵州省黔东南苗族侗族自治州凯里市",
+    "Value": "522601"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789457420,
+    "Key": "贵州省黔东南苗族侗族自治州黄平县",
+    "Value": "522622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789457421,
+    "Key": "贵州省黔东南苗族侗族自治州施秉县",
+    "Value": "522623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789457422,
+    "Key": "贵州省黔东南苗族侗族自治州三穗县",
+    "Value": "522624"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789457423,
+    "Key": "贵州省黔东南苗族侗族自治州镇远县",
+    "Value": "522625"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789457424,
+    "Key": "贵州省黔东南苗族侗族自治州岑巩县",
+    "Value": "522626"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789457425,
+    "Key": "贵州省黔东南苗族侗族自治州天柱县",
+    "Value": "522627"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789457426,
+    "Key": "贵州省黔东南苗族侗族自治州锦屏县",
+    "Value": "522628"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789461509,
+    "Key": "贵州省黔东南苗族侗族自治州剑河县",
+    "Value": "522629"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789461510,
+    "Key": "贵州省黔东南苗族侗族自治州台江县",
+    "Value": "522630"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789461511,
+    "Key": "贵州省黔东南苗族侗族自治州黎平县",
+    "Value": "522631"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789461512,
+    "Key": "贵州省黔东南苗族侗族自治州榕江县",
+    "Value": "522632"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789461513,
+    "Key": "贵州省黔东南苗族侗族自治州从江县",
+    "Value": "522633"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789461514,
+    "Key": "贵州省黔东南苗族侗族自治州雷山县",
+    "Value": "522634"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789461515,
+    "Key": "贵州省黔东南苗族侗族自治州麻江县",
+    "Value": "522635"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789461516,
+    "Key": "贵州省黔东南苗族侗族自治州丹寨县",
+    "Value": "522636"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789461517,
+    "Key": "贵州省黔南布依族苗族自治州",
+    "Value": "522700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789461518,
+    "Key": "贵州省黔南布依族苗族自治州都匀市",
+    "Value": "522701"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789461519,
+    "Key": "贵州省黔南布依族苗族自治州福泉市",
+    "Value": "522702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789461520,
+    "Key": "贵州省黔南布依族苗族自治州荔波县",
+    "Value": "522722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789461521,
+    "Key": "贵州省黔南布依族苗族自治州贵定县",
+    "Value": "522723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789465605,
+    "Key": "贵州省黔南布依族苗族自治州瓮安县",
+    "Value": "522725"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789465606,
+    "Key": "贵州省黔南布依族苗族自治州独山县",
+    "Value": "522726"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789465607,
+    "Key": "贵州省黔南布依族苗族自治州平塘县",
+    "Value": "522727"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789465608,
+    "Key": "贵州省黔南布依族苗族自治州罗甸县",
+    "Value": "522728"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789465609,
+    "Key": "贵州省黔南布依族苗族自治州长顺县",
+    "Value": "522729"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789465610,
+    "Key": "贵州省黔南布依族苗族自治州龙里县",
+    "Value": "522730"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789465611,
+    "Key": "贵州省黔南布依族苗族自治州惠水县",
+    "Value": "522731"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789465612,
+    "Key": "贵州省黔南布依族苗族自治州三都水族自治县",
+    "Value": "522732"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789465613,
+    "Key": "云南省",
+    "Value": "530000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789465614,
+    "Key": "云南省昆明市",
+    "Value": "530100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789465615,
+    "Key": "云南省昆明市五华区",
+    "Value": "530102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789465616,
+    "Key": "云南省昆明市盘龙区",
+    "Value": "530103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789465617,
+    "Key": "云南省昆明市官渡区",
+    "Value": "530111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789465618,
+    "Key": "云南省昆明市西山区",
+    "Value": "530112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789469701,
+    "Key": "云南省昆明市东川区",
+    "Value": "530113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789469702,
+    "Key": "云南省昆明市呈贡区",
+    "Value": "530114"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789469703,
+    "Key": "云南省昆明市晋宁区",
+    "Value": "530115"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789469704,
+    "Key": "云南省昆明市富民县",
+    "Value": "530124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789469705,
+    "Key": "云南省昆明市宜良县",
+    "Value": "530125"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789469706,
+    "Key": "云南省昆明市石林彝族自治县",
+    "Value": "530126"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789469707,
+    "Key": "云南省昆明市嵩明县",
+    "Value": "530127"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789469708,
+    "Key": "云南省昆明市禄劝彝族苗族自治县",
+    "Value": "530128"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789469709,
+    "Key": "云南省昆明市寻甸回族彝族自治县",
+    "Value": "530129"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789469710,
+    "Key": "云南省昆明市安宁市",
+    "Value": "530181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789469711,
+    "Key": "云南省曲靖市",
+    "Value": "530300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789469712,
+    "Key": "云南省曲靖市麒麟区",
+    "Value": "530302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789469713,
+    "Key": "云南省曲靖市沾益区",
+    "Value": "530303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789473797,
+    "Key": "云南省曲靖市马龙区",
+    "Value": "530304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789473798,
+    "Key": "云南省曲靖市陆良县",
+    "Value": "530322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789473799,
+    "Key": "云南省曲靖市师宗县",
+    "Value": "530323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789473800,
+    "Key": "云南省曲靖市罗平县",
+    "Value": "530324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789473801,
+    "Key": "云南省曲靖市富源县",
+    "Value": "530325"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789473802,
+    "Key": "云南省曲靖市会泽县",
+    "Value": "530326"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789473803,
+    "Key": "云南省曲靖市宣威市",
+    "Value": "530381"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789473804,
+    "Key": "云南省玉溪市",
+    "Value": "530400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789473805,
+    "Key": "云南省玉溪市红塔区",
+    "Value": "530402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789473806,
+    "Key": "云南省玉溪市江川区",
+    "Value": "530403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789473807,
+    "Key": "云南省玉溪市通海县",
+    "Value": "530423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789477893,
+    "Key": "云南省玉溪市华宁县",
+    "Value": "530424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789477894,
+    "Key": "云南省玉溪市易门县",
+    "Value": "530425"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789477895,
+    "Key": "云南省玉溪市峨山彝族自治县",
+    "Value": "530426"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789477896,
+    "Key": "云南省玉溪市新平彝族傣族自治县",
+    "Value": "530427"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789477897,
+    "Key": "云南省玉溪市元江哈尼族彝族傣族自治县",
+    "Value": "530428"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789477898,
+    "Key": "云南省玉溪市澄江市",
+    "Value": "530481"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789477899,
+    "Key": "云南省保山市",
+    "Value": "530500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789477900,
+    "Key": "云南省保山市隆阳区",
+    "Value": "530502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789477901,
+    "Key": "云南省保山市施甸县",
+    "Value": "530521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789477902,
+    "Key": "云南省保山市龙陵县",
+    "Value": "530523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789477903,
+    "Key": "云南省保山市昌宁县",
+    "Value": "530524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789477904,
+    "Key": "云南省保山市腾冲市",
+    "Value": "530581"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789477905,
+    "Key": "云南省昭通市",
+    "Value": "530600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789477906,
+    "Key": "云南省昭通市昭阳区",
+    "Value": "530602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789481989,
+    "Key": "云南省昭通市鲁甸县",
+    "Value": "530621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789481990,
+    "Key": "云南省昭通市巧家县",
+    "Value": "530622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789481991,
+    "Key": "云南省昭通市盐津县",
+    "Value": "530623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789481992,
+    "Key": "云南省昭通市大关县",
+    "Value": "530624"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789481993,
+    "Key": "云南省昭通市永善县",
+    "Value": "530625"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789481994,
+    "Key": "云南省昭通市绥江县",
+    "Value": "530626"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789481995,
+    "Key": "云南省昭通市镇雄县",
+    "Value": "530627"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789481996,
+    "Key": "云南省昭通市彝良县",
+    "Value": "530628"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789481997,
+    "Key": "云南省昭通市威信县",
+    "Value": "530629"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789481998,
+    "Key": "云南省昭通市水富市",
+    "Value": "530681"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789481999,
+    "Key": "云南省丽江市",
+    "Value": "530700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789482000,
+    "Key": "云南省丽江市古城区",
+    "Value": "530702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789482001,
+    "Key": "云南省丽江市玉龙纳西族自治县",
+    "Value": "530721"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789482002,
+    "Key": "云南省丽江市永胜县",
+    "Value": "530722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789486085,
+    "Key": "云南省丽江市华坪县",
+    "Value": "530723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789486086,
+    "Key": "云南省丽江市宁蒗彝族自治县",
+    "Value": "530724"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789486087,
+    "Key": "云南省普洱市",
+    "Value": "530800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789486088,
+    "Key": "云南省普洱市思茅区",
+    "Value": "530802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789486089,
+    "Key": "云南省普洱市宁洱哈尼族彝族自治县",
+    "Value": "530821"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789486090,
+    "Key": "云南省普洱市墨江哈尼族自治县",
+    "Value": "530822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789486091,
+    "Key": "云南省普洱市景东彝族自治县",
+    "Value": "530823"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789486092,
+    "Key": "云南省普洱市景谷傣族彝族自治县",
+    "Value": "530824"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789486093,
+    "Key": "云南省普洱市镇沅彝族哈尼族拉祜族自治县",
+    "Value": "530825"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789486094,
+    "Key": "云南省普洱市江城哈尼族彝族自治县",
+    "Value": "530826"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789486095,
+    "Key": "云南省普洱市孟连傣族拉祜族佤族自治县",
+    "Value": "530827"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789486096,
+    "Key": "云南省普洱市澜沧拉祜族自治县",
+    "Value": "530828"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789486097,
+    "Key": "云南省普洱市西盟佤族自治县",
+    "Value": "530829"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789486098,
+    "Key": "云南省临沧市",
+    "Value": "530900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789490181,
+    "Key": "云南省临沧市临翔区",
+    "Value": "530902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789490182,
+    "Key": "云南省临沧市凤庆县",
+    "Value": "530921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789490183,
+    "Key": "云南省临沧市云县",
+    "Value": "530922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789490184,
+    "Key": "云南省临沧市永德县",
+    "Value": "530923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789490185,
+    "Key": "云南省临沧市镇康县",
+    "Value": "530924"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789490186,
+    "Key": "云南省临沧市双江拉祜族佤族布朗族傣族自治县",
+    "Value": "530925"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789490187,
+    "Key": "云南省临沧市耿马傣族佤族自治县",
+    "Value": "530926"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789490188,
+    "Key": "云南省临沧市沧源佤族自治县",
+    "Value": "530927"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789490189,
+    "Key": "云南省楚雄彝族自治州",
+    "Value": "532300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789490190,
+    "Key": "云南省楚雄彝族自治州楚雄市",
+    "Value": "532301"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789490191,
+    "Key": "云南省楚雄彝族自治州禄丰市",
+    "Value": "532302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789490192,
+    "Key": "云南省楚雄彝族自治州双柏县",
+    "Value": "532322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789490193,
+    "Key": "云南省楚雄彝族自治州牟定县",
+    "Value": "532323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789490194,
+    "Key": "云南省楚雄彝族自治州南华县",
+    "Value": "532324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789494277,
+    "Key": "云南省楚雄彝族自治州姚安县",
+    "Value": "532325"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789494278,
+    "Key": "云南省楚雄彝族自治州大姚县",
+    "Value": "532326"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789494279,
+    "Key": "云南省楚雄彝族自治州永仁县",
+    "Value": "532327"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789494280,
+    "Key": "云南省楚雄彝族自治州元谋县",
+    "Value": "532328"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789494281,
+    "Key": "云南省楚雄彝族自治州武定县",
+    "Value": "532329"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789494282,
+    "Key": "云南省红河哈尼族彝族自治州",
+    "Value": "532500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789494283,
+    "Key": "云南省红河哈尼族彝族自治州个旧市",
+    "Value": "532501"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789494284,
+    "Key": "云南省红河哈尼族彝族自治州开远市",
+    "Value": "532502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789494285,
+    "Key": "云南省红河哈尼族彝族自治州蒙自市",
+    "Value": "532503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789494286,
+    "Key": "云南省红河哈尼族彝族自治州弥勒市",
+    "Value": "532504"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789494287,
+    "Key": "云南省红河哈尼族彝族自治州屏边苗族自治县",
+    "Value": "532523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789494288,
+    "Key": "云南省红河哈尼族彝族自治州建水县",
+    "Value": "532524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789494289,
+    "Key": "云南省红河哈尼族彝族自治州石屏县",
+    "Value": "532525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789494290,
+    "Key": "云南省红河哈尼族彝族自治州泸西县",
+    "Value": "532527"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789494291,
+    "Key": "云南省红河哈尼族彝族自治州元阳县",
+    "Value": "532528"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789498373,
+    "Key": "云南省红河哈尼族彝族自治州红河县",
+    "Value": "532529"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789498374,
+    "Key": "云南省红河哈尼族彝族自治州金平苗族瑶族傣族自治县",
+    "Value": "532530"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789498375,
+    "Key": "云南省红河哈尼族彝族自治州绿春县",
+    "Value": "532531"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789498376,
+    "Key": "云南省红河哈尼族彝族自治州河口瑶族自治县",
+    "Value": "532532"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789498377,
+    "Key": "云南省文山壮族苗族自治州",
+    "Value": "532600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789498378,
+    "Key": "云南省文山壮族苗族自治州文山市",
+    "Value": "532601"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789498379,
+    "Key": "云南省文山壮族苗族自治州砚山县",
+    "Value": "532622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789498380,
+    "Key": "云南省文山壮族苗族自治州西畴县",
+    "Value": "532623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789498381,
+    "Key": "云南省文山壮族苗族自治州麻栗坡县",
+    "Value": "532624"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789498382,
+    "Key": "云南省文山壮族苗族自治州马关县",
+    "Value": "532625"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789498383,
+    "Key": "云南省文山壮族苗族自治州丘北县",
+    "Value": "532626"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789498384,
+    "Key": "云南省文山壮族苗族自治州广南县",
+    "Value": "532627"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789498385,
+    "Key": "云南省文山壮族苗族自治州富宁县",
+    "Value": "532628"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789498386,
+    "Key": "云南省西双版纳傣族自治州",
+    "Value": "532800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789502469,
+    "Key": "云南省西双版纳傣族自治州景洪市",
+    "Value": "532801"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789502470,
+    "Key": "云南省西双版纳傣族自治州勐海县",
+    "Value": "532822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789502471,
+    "Key": "云南省西双版纳傣族自治州勐腊县",
+    "Value": "532823"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789502472,
+    "Key": "云南省大理白族自治州",
+    "Value": "532900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789502473,
+    "Key": "云南省大理白族自治州大理市",
+    "Value": "532901"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789502474,
+    "Key": "云南省大理白族自治州漾濞彝族自治县",
+    "Value": "532922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789502475,
+    "Key": "云南省大理白族自治州祥云县",
+    "Value": "532923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789502476,
+    "Key": "云南省大理白族自治州宾川县",
+    "Value": "532924"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789502477,
+    "Key": "云南省大理白族自治州弥渡县",
+    "Value": "532925"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789502478,
+    "Key": "云南省大理白族自治州南涧彝族自治县",
+    "Value": "532926"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789502479,
+    "Key": "云南省大理白族自治州巍山彝族回族自治县",
+    "Value": "532927"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789502480,
+    "Key": "云南省大理白族自治州永平县",
+    "Value": "532928"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789502481,
+    "Key": "云南省大理白族自治州云龙县",
+    "Value": "532929"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789502482,
+    "Key": "云南省大理白族自治州洱源县",
+    "Value": "532930"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789506565,
+    "Key": "云南省大理白族自治州剑川县",
+    "Value": "532931"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789506566,
+    "Key": "云南省大理白族自治州鹤庆县",
+    "Value": "532932"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789506567,
+    "Key": "云南省德宏傣族景颇族自治州",
+    "Value": "533100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789506568,
+    "Key": "云南省德宏傣族景颇族自治州瑞丽市",
+    "Value": "533102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789506569,
+    "Key": "云南省德宏傣族景颇族自治州芒市",
+    "Value": "533103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789506570,
+    "Key": "云南省德宏傣族景颇族自治州梁河县",
+    "Value": "533122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789506571,
+    "Key": "云南省德宏傣族景颇族自治州盈江县",
+    "Value": "533123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789506572,
+    "Key": "云南省德宏傣族景颇族自治州陇川县",
+    "Value": "533124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789506573,
+    "Key": "云南省怒江傈僳族自治州",
+    "Value": "533300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789506574,
+    "Key": "云南省怒江傈僳族自治州泸水市",
+    "Value": "533301"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789506575,
+    "Key": "云南省怒江傈僳族自治州福贡县",
+    "Value": "533323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789506576,
+    "Key": "云南省怒江傈僳族自治州贡山独龙族怒族自治县",
+    "Value": "533324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789506577,
+    "Key": "云南省怒江傈僳族自治州兰坪白族普米族自治县",
+    "Value": "533325"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789506578,
+    "Key": "云南省迪庆藏族自治州",
+    "Value": "533400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789510661,
+    "Key": "云南省迪庆藏族自治州香格里拉市",
+    "Value": "533401"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789510662,
+    "Key": "云南省迪庆藏族自治州德钦县",
+    "Value": "533422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789510663,
+    "Key": "云南省迪庆藏族自治州维西傈僳族自治县",
+    "Value": "533423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789510664,
+    "Key": "西藏自治区",
+    "Value": "540000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789510665,
+    "Key": "西藏自治区拉萨市",
+    "Value": "540100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789510666,
+    "Key": "西藏自治区拉萨市城关区",
+    "Value": "540102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789510667,
+    "Key": "西藏自治区拉萨市堆龙德庆区",
+    "Value": "540103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789510668,
+    "Key": "西藏自治区拉萨市达孜区",
+    "Value": "540104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789510669,
+    "Key": "西藏自治区拉萨市林周县",
+    "Value": "540121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789510670,
+    "Key": "西藏自治区拉萨市当雄县",
+    "Value": "540122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789510671,
+    "Key": "西藏自治区拉萨市尼木县",
+    "Value": "540123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789510672,
+    "Key": "西藏自治区拉萨市曲水县",
+    "Value": "540124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789510673,
+    "Key": "西藏自治区拉萨市墨竹工卡县",
+    "Value": "540127"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789510674,
+    "Key": "西藏自治区日喀则市",
+    "Value": "540200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789514757,
+    "Key": "西藏自治区日喀则市桑珠孜区",
+    "Value": "540202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789514758,
+    "Key": "西藏自治区日喀则市南木林县",
+    "Value": "540221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789514759,
+    "Key": "西藏自治区日喀则市江孜县",
+    "Value": "540222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789514760,
+    "Key": "西藏自治区日喀则市定日县",
+    "Value": "540223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789514761,
+    "Key": "西藏自治区日喀则市萨迦县",
+    "Value": "540224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789514762,
+    "Key": "西藏自治区日喀则市拉孜县",
+    "Value": "540225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789514763,
+    "Key": "西藏自治区日喀则市昂仁县",
+    "Value": "540226"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789514764,
+    "Key": "西藏自治区日喀则市谢通门县",
+    "Value": "540227"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789514765,
+    "Key": "西藏自治区日喀则市白朗县",
+    "Value": "540228"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789514766,
+    "Key": "西藏自治区日喀则市仁布县",
+    "Value": "540229"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789514767,
+    "Key": "西藏自治区日喀则市康马县",
+    "Value": "540230"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789514768,
+    "Key": "西藏自治区日喀则市定结县",
+    "Value": "540231"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789514769,
+    "Key": "西藏自治区日喀则市仲巴县",
+    "Value": "540232"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789514770,
+    "Key": "西藏自治区日喀则市亚东县",
+    "Value": "540233"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789514771,
+    "Key": "西藏自治区日喀则市吉隆县",
+    "Value": "540234"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789518853,
+    "Key": "西藏自治区日喀则市聂拉木县",
+    "Value": "540235"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789518854,
+    "Key": "西藏自治区日喀则市萨嘎县",
+    "Value": "540236"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789518855,
+    "Key": "西藏自治区日喀则市岗巴县",
+    "Value": "540237"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789518856,
+    "Key": "西藏自治区昌都市",
+    "Value": "540300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789518857,
+    "Key": "西藏自治区昌都市卡若区",
+    "Value": "540302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789518858,
+    "Key": "西藏自治区昌都市江达县",
+    "Value": "540321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789518859,
+    "Key": "西藏自治区昌都市贡觉县",
+    "Value": "540322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789518860,
+    "Key": "西藏自治区昌都市类乌齐县",
+    "Value": "540323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789518861,
+    "Key": "西藏自治区昌都市丁青县",
+    "Value": "540324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789518862,
+    "Key": "西藏自治区昌都市察雅县",
+    "Value": "540325"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789518863,
+    "Key": "西藏自治区昌都市八宿县",
+    "Value": "540326"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789522949,
+    "Key": "西藏自治区昌都市左贡县",
+    "Value": "540327"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789522950,
+    "Key": "西藏自治区昌都市芒康县",
+    "Value": "540328"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789522951,
+    "Key": "西藏自治区昌都市洛隆县",
+    "Value": "540329"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789522952,
+    "Key": "西藏自治区昌都市边坝县",
+    "Value": "540330"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789522953,
+    "Key": "西藏自治区林芝市",
+    "Value": "540400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789522954,
+    "Key": "西藏自治区林芝市巴宜区",
+    "Value": "540402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789522955,
+    "Key": "西藏自治区林芝市工布江达县",
+    "Value": "540421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789522956,
+    "Key": "西藏自治区林芝市米林县",
+    "Value": "540422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789522957,
+    "Key": "西藏自治区林芝市墨脱县",
+    "Value": "540423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789522958,
+    "Key": "西藏自治区林芝市波密县",
+    "Value": "540424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789522959,
+    "Key": "西藏自治区林芝市察隅县",
+    "Value": "540425"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789527045,
+    "Key": "西藏自治区林芝市朗县",
+    "Value": "540426"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789527046,
+    "Key": "西藏自治区山南市",
+    "Value": "540500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789527047,
+    "Key": "西藏自治区山南市乃东区",
+    "Value": "540502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789527048,
+    "Key": "西藏自治区山南市扎囊县",
+    "Value": "540521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789527049,
+    "Key": "西藏自治区山南市贡嘎县",
+    "Value": "540522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789527050,
+    "Key": "西藏自治区山南市桑日县",
+    "Value": "540523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789527051,
+    "Key": "西藏自治区山南市琼结县",
+    "Value": "540524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789527052,
+    "Key": "西藏自治区山南市曲松县",
+    "Value": "540525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789527053,
+    "Key": "西藏自治区山南市措美县",
+    "Value": "540526"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789527054,
+    "Key": "西藏自治区山南市洛扎县",
+    "Value": "540527"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789527055,
+    "Key": "西藏自治区山南市加查县",
+    "Value": "540528"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789527056,
+    "Key": "西藏自治区山南市隆子县",
+    "Value": "540529"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789527057,
+    "Key": "西藏自治区山南市错那县",
+    "Value": "540530"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789527058,
+    "Key": "西藏自治区山南市浪卡子县",
+    "Value": "540531"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789527059,
+    "Key": "西藏自治区那曲市",
+    "Value": "540600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789531141,
+    "Key": "西藏自治区那曲市色尼区",
+    "Value": "540602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789531142,
+    "Key": "西藏自治区那曲市嘉黎县",
+    "Value": "540621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789531143,
+    "Key": "西藏自治区那曲市比如县",
+    "Value": "540622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789531144,
+    "Key": "西藏自治区那曲市聂荣县",
+    "Value": "540623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789531145,
+    "Key": "西藏自治区那曲市安多县",
+    "Value": "540624"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789531146,
+    "Key": "西藏自治区那曲市申扎县",
+    "Value": "540625"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789531147,
+    "Key": "西藏自治区那曲市索县",
+    "Value": "540626"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789531148,
+    "Key": "西藏自治区那曲市班戈县",
+    "Value": "540627"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789531149,
+    "Key": "西藏自治区那曲市巴青县",
+    "Value": "540628"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789531150,
+    "Key": "西藏自治区那曲市尼玛县",
+    "Value": "540629"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789531151,
+    "Key": "西藏自治区那曲市双湖县",
+    "Value": "540630"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789531152,
+    "Key": "西藏自治区阿里地区",
+    "Value": "542500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789531153,
+    "Key": "西藏自治区阿里地区普兰县",
+    "Value": "542521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789531154,
+    "Key": "西藏自治区阿里地区札达县",
+    "Value": "542522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789535237,
+    "Key": "西藏自治区阿里地区噶尔县",
+    "Value": "542523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789535238,
+    "Key": "西藏自治区阿里地区日土县",
+    "Value": "542524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789535239,
+    "Key": "西藏自治区阿里地区革吉县",
+    "Value": "542525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789535240,
+    "Key": "西藏自治区阿里地区改则县",
+    "Value": "542526"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789535241,
+    "Key": "西藏自治区阿里地区措勤县",
+    "Value": "542527"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789535242,
+    "Key": "陕西省",
+    "Value": "610000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789535243,
+    "Key": "陕西省西安市",
+    "Value": "610100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789535244,
+    "Key": "陕西省西安市新城区",
+    "Value": "610102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789535245,
+    "Key": "陕西省西安市碑林区",
+    "Value": "610103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789535246,
+    "Key": "陕西省西安市莲湖区",
+    "Value": "610104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789535247,
+    "Key": "陕西省西安市灞桥区",
+    "Value": "610111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789535248,
+    "Key": "陕西省西安市未央区",
+    "Value": "610112"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789539333,
+    "Key": "陕西省西安市雁塔区",
+    "Value": "610113"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789539334,
+    "Key": "陕西省西安市阎良区",
+    "Value": "610114"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789539335,
+    "Key": "陕西省西安市临潼区",
+    "Value": "610115"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789539336,
+    "Key": "陕西省西安市长安区",
+    "Value": "610116"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789539337,
+    "Key": "陕西省西安市高陵区",
+    "Value": "610117"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789539338,
+    "Key": "陕西省西安市鄠邑区",
+    "Value": "610118"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789539339,
+    "Key": "陕西省西安市蓝田县",
+    "Value": "610122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789539340,
+    "Key": "陕西省西安市周至县",
+    "Value": "610124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789539341,
+    "Key": "陕西省铜川市",
+    "Value": "610200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789539342,
+    "Key": "陕西省铜川市王益区",
+    "Value": "610202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789539343,
+    "Key": "陕西省铜川市印台区",
+    "Value": "610203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789539344,
+    "Key": "陕西省铜川市耀州区",
+    "Value": "610204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789539345,
+    "Key": "陕西省铜川市宜君县",
+    "Value": "610222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789539346,
+    "Key": "陕西省宝鸡市",
+    "Value": "610300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789543429,
+    "Key": "陕西省宝鸡市渭滨区",
+    "Value": "610302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789543430,
+    "Key": "陕西省宝鸡市金台区",
+    "Value": "610303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789543431,
+    "Key": "陕西省宝鸡市陈仓区",
+    "Value": "610304"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789543432,
+    "Key": "陕西省宝鸡市凤翔区",
+    "Value": "610305"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789543433,
+    "Key": "陕西省宝鸡市岐山县",
+    "Value": "610323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789543434,
+    "Key": "陕西省宝鸡市扶风县",
+    "Value": "610324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789543435,
+    "Key": "陕西省宝鸡市眉县",
+    "Value": "610326"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789543436,
+    "Key": "陕西省宝鸡市陇县",
+    "Value": "610327"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789543437,
+    "Key": "陕西省宝鸡市千阳县",
+    "Value": "610328"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789543438,
+    "Key": "陕西省宝鸡市麟游县",
+    "Value": "610329"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789543439,
+    "Key": "陕西省宝鸡市凤县",
+    "Value": "610330"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789543440,
+    "Key": "陕西省宝鸡市太白县",
+    "Value": "610331"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789543441,
+    "Key": "陕西省咸阳市",
+    "Value": "610400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789543442,
+    "Key": "陕西省咸阳市秦都区",
+    "Value": "610402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789543443,
+    "Key": "陕西省咸阳市杨陵区",
+    "Value": "610403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789547525,
+    "Key": "陕西省咸阳市渭城区",
+    "Value": "610404"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789547526,
+    "Key": "陕西省咸阳市三原县",
+    "Value": "610422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789547527,
+    "Key": "陕西省咸阳市泾阳县",
+    "Value": "610423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789547528,
+    "Key": "陕西省咸阳市乾县",
+    "Value": "610424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789547529,
+    "Key": "陕西省咸阳市礼泉县",
+    "Value": "610425"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789547530,
+    "Key": "陕西省咸阳市永寿县",
+    "Value": "610426"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789547531,
+    "Key": "陕西省咸阳市长武县",
+    "Value": "610428"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789547532,
+    "Key": "陕西省咸阳市旬邑县",
+    "Value": "610429"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789547533,
+    "Key": "陕西省咸阳市淳化县",
+    "Value": "610430"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789547534,
+    "Key": "陕西省咸阳市武功县",
+    "Value": "610431"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789547535,
+    "Key": "陕西省咸阳市兴平市",
+    "Value": "610481"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789547536,
+    "Key": "陕西省咸阳市彬州市",
+    "Value": "610482"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789547537,
+    "Key": "陕西省渭南市",
+    "Value": "610500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789547538,
+    "Key": "陕西省渭南市临渭区",
+    "Value": "610502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789551621,
+    "Key": "陕西省渭南市华州区",
+    "Value": "610503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789551622,
+    "Key": "陕西省渭南市潼关县",
+    "Value": "610522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789551623,
+    "Key": "陕西省渭南市大荔县",
+    "Value": "610523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789551624,
+    "Key": "陕西省渭南市合阳县",
+    "Value": "610524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789551625,
+    "Key": "陕西省渭南市澄城县",
+    "Value": "610525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789551626,
+    "Key": "陕西省渭南市蒲城县",
+    "Value": "610526"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789551627,
+    "Key": "陕西省渭南市白水县",
+    "Value": "610527"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789551628,
+    "Key": "陕西省渭南市富平县",
+    "Value": "610528"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789551629,
+    "Key": "陕西省渭南市韩城市",
+    "Value": "610581"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789551630,
+    "Key": "陕西省渭南市华阴市",
+    "Value": "610582"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789551631,
+    "Key": "陕西省延安市",
+    "Value": "610600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789551632,
+    "Key": "陕西省延安市宝塔区",
+    "Value": "610602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789551633,
+    "Key": "陕西省延安市安塞区",
+    "Value": "610603"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789551634,
+    "Key": "陕西省延安市延长县",
+    "Value": "610621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789555717,
+    "Key": "陕西省延安市延川县",
+    "Value": "610622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789555718,
+    "Key": "陕西省延安市志丹县",
+    "Value": "610625"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789555719,
+    "Key": "陕西省延安市吴起县",
+    "Value": "610626"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789555720,
+    "Key": "陕西省延安市甘泉县",
+    "Value": "610627"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789555721,
+    "Key": "陕西省延安市富县",
+    "Value": "610628"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789555722,
+    "Key": "陕西省延安市洛川县",
+    "Value": "610629"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789555723,
+    "Key": "陕西省延安市宜川县",
+    "Value": "610630"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789555724,
+    "Key": "陕西省延安市黄龙县",
+    "Value": "610631"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789555725,
+    "Key": "陕西省延安市黄陵县",
+    "Value": "610632"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789555726,
+    "Key": "陕西省延安市子长市",
+    "Value": "610681"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789555727,
+    "Key": "陕西省汉中市",
+    "Value": "610700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789555728,
+    "Key": "陕西省汉中市汉台区",
+    "Value": "610702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789555729,
+    "Key": "陕西省汉中市南郑区",
+    "Value": "610703"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789555730,
+    "Key": "陕西省汉中市城固县",
+    "Value": "610722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789559813,
+    "Key": "陕西省汉中市洋县",
+    "Value": "610723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789559814,
+    "Key": "陕西省汉中市西乡县",
+    "Value": "610724"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789559815,
+    "Key": "陕西省汉中市勉县",
+    "Value": "610725"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789559816,
+    "Key": "陕西省汉中市宁强县",
+    "Value": "610726"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789559817,
+    "Key": "陕西省汉中市略阳县",
+    "Value": "610727"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789559818,
+    "Key": "陕西省汉中市镇巴县",
+    "Value": "610728"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789559819,
+    "Key": "陕西省汉中市留坝县",
+    "Value": "610729"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789559820,
+    "Key": "陕西省汉中市佛坪县",
+    "Value": "610730"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789559821,
+    "Key": "陕西省榆林市",
+    "Value": "610800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789559822,
+    "Key": "陕西省榆林市榆阳区",
+    "Value": "610802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789559823,
+    "Key": "陕西省榆林市横山区",
+    "Value": "610803"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789559824,
+    "Key": "陕西省榆林市府谷县",
+    "Value": "610822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789559825,
+    "Key": "陕西省榆林市靖边县",
+    "Value": "610824"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789559826,
+    "Key": "陕西省榆林市定边县",
+    "Value": "610825"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789563909,
+    "Key": "陕西省榆林市绥德县",
+    "Value": "610826"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789563910,
+    "Key": "陕西省榆林市米脂县",
+    "Value": "610827"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789563911,
+    "Key": "陕西省榆林市佳县",
+    "Value": "610828"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789563912,
+    "Key": "陕西省榆林市吴堡县",
+    "Value": "610829"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789563913,
+    "Key": "陕西省榆林市清涧县",
+    "Value": "610830"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789563914,
+    "Key": "陕西省榆林市子洲县",
+    "Value": "610831"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789563915,
+    "Key": "陕西省榆林市神木市",
+    "Value": "610881"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789563916,
+    "Key": "陕西省安康市",
+    "Value": "610900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789563917,
+    "Key": "陕西省安康市汉滨区",
+    "Value": "610902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789563918,
+    "Key": "陕西省安康市汉阴县",
+    "Value": "610921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789563919,
+    "Key": "陕西省安康市石泉县",
+    "Value": "610922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789563920,
+    "Key": "陕西省安康市宁陕县",
+    "Value": "610923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789563921,
+    "Key": "陕西省安康市紫阳县",
+    "Value": "610924"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789563922,
+    "Key": "陕西省安康市岚皋县",
+    "Value": "610925"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789563923,
+    "Key": "陕西省安康市平利县",
+    "Value": "610926"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789568005,
+    "Key": "陕西省安康市镇坪县",
+    "Value": "610927"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789568006,
+    "Key": "陕西省安康市白河县",
+    "Value": "610929"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789568007,
+    "Key": "陕西省安康市旬阳市",
+    "Value": "610981"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789568008,
+    "Key": "陕西省商洛市",
+    "Value": "611000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789568009,
+    "Key": "陕西省商洛市商州区",
+    "Value": "611002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789568010,
+    "Key": "陕西省商洛市洛南县",
+    "Value": "611021"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789568011,
+    "Key": "陕西省商洛市丹凤县",
+    "Value": "611022"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789568012,
+    "Key": "陕西省商洛市商南县",
+    "Value": "611023"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789568013,
+    "Key": "陕西省商洛市山阳县",
+    "Value": "611024"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789568014,
+    "Key": "陕西省商洛市镇安县",
+    "Value": "611025"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789568015,
+    "Key": "陕西省商洛市柞水县",
+    "Value": "611026"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789568016,
+    "Key": "甘肃省",
+    "Value": "620000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789568017,
+    "Key": "甘肃省兰州市",
+    "Value": "620100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789568018,
+    "Key": "甘肃省兰州市城关区",
+    "Value": "620102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789572101,
+    "Key": "甘肃省兰州市七里河区",
+    "Value": "620103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789572102,
+    "Key": "甘肃省兰州市西固区",
+    "Value": "620104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789572103,
+    "Key": "甘肃省兰州市安宁区",
+    "Value": "620105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789572104,
+    "Key": "甘肃省兰州市红古区",
+    "Value": "620111"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789572105,
+    "Key": "甘肃省兰州市永登县",
+    "Value": "620121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789572106,
+    "Key": "甘肃省兰州市皋兰县",
+    "Value": "620122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789572107,
+    "Key": "甘肃省兰州市榆中县",
+    "Value": "620123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789572108,
+    "Key": "甘肃省兰州市嘉峪关市",
+    "Value": "620200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789572109,
+    "Key": "甘肃省金昌市",
+    "Value": "620300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789572110,
+    "Key": "甘肃省金昌市金川区",
+    "Value": "620302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789572111,
+    "Key": "甘肃省金昌市永昌县",
+    "Value": "620321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789572112,
+    "Key": "甘肃省白银市",
+    "Value": "620400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789572113,
+    "Key": "甘肃省白银市白银区",
+    "Value": "620402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789572114,
+    "Key": "甘肃省白银市平川区",
+    "Value": "620403"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789576197,
+    "Key": "甘肃省白银市靖远县",
+    "Value": "620421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789576198,
+    "Key": "甘肃省白银市会宁县",
+    "Value": "620422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789576199,
+    "Key": "甘肃省白银市景泰县",
+    "Value": "620423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789576200,
+    "Key": "甘肃省天水市",
+    "Value": "620500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789576201,
+    "Key": "甘肃省天水市秦州区",
+    "Value": "620502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789576202,
+    "Key": "甘肃省天水市麦积区",
+    "Value": "620503"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789576203,
+    "Key": "甘肃省天水市清水县",
+    "Value": "620521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789576204,
+    "Key": "甘肃省天水市秦安县",
+    "Value": "620522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789576205,
+    "Key": "甘肃省天水市甘谷县",
+    "Value": "620523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789576206,
+    "Key": "甘肃省天水市武山县",
+    "Value": "620524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789576207,
+    "Key": "甘肃省天水市张家川回族自治县",
+    "Value": "620525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789576208,
+    "Key": "甘肃省武威市",
+    "Value": "620600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789576209,
+    "Key": "甘肃省武威市凉州区",
+    "Value": "620602"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789576210,
+    "Key": "甘肃省武威市民勤县",
+    "Value": "620621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789576211,
+    "Key": "甘肃省武威市古浪县",
+    "Value": "620622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789580293,
+    "Key": "甘肃省武威市天祝藏族自治县",
+    "Value": "620623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789580294,
+    "Key": "甘肃省张掖市",
+    "Value": "620700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789580295,
+    "Key": "甘肃省张掖市甘州区",
+    "Value": "620702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789580296,
+    "Key": "甘肃省张掖市肃南裕固族自治县",
+    "Value": "620721"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789580297,
+    "Key": "甘肃省张掖市民乐县",
+    "Value": "620722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789580298,
+    "Key": "甘肃省张掖市临泽县",
+    "Value": "620723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789580299,
+    "Key": "甘肃省张掖市高台县",
+    "Value": "620724"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789580300,
+    "Key": "甘肃省张掖市山丹县",
+    "Value": "620725"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789580301,
+    "Key": "甘肃省平凉市",
+    "Value": "620800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789580302,
+    "Key": "甘肃省平凉市崆峒区",
+    "Value": "620802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789580303,
+    "Key": "甘肃省平凉市泾川县",
+    "Value": "620821"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789580304,
+    "Key": "甘肃省平凉市灵台县",
+    "Value": "620822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789580305,
+    "Key": "甘肃省平凉市崇信县",
+    "Value": "620823"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789580306,
+    "Key": "甘肃省平凉市庄浪县",
+    "Value": "620825"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789584389,
+    "Key": "甘肃省平凉市静宁县",
+    "Value": "620826"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789584390,
+    "Key": "甘肃省平凉市华亭市",
+    "Value": "620881"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789584391,
+    "Key": "甘肃省酒泉市",
+    "Value": "620900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789584392,
+    "Key": "甘肃省酒泉市肃州区",
+    "Value": "620902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789584393,
+    "Key": "甘肃省酒泉市金塔县",
+    "Value": "620921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789584394,
+    "Key": "甘肃省酒泉市瓜州县",
+    "Value": "620922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789584395,
+    "Key": "甘肃省酒泉市肃北蒙古族自治县",
+    "Value": "620923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789584396,
+    "Key": "甘肃省酒泉市阿克塞哈萨克族自治县",
+    "Value": "620924"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789584397,
+    "Key": "甘肃省酒泉市玉门市",
+    "Value": "620981"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789584398,
+    "Key": "甘肃省酒泉市敦煌市",
+    "Value": "620982"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789584399,
+    "Key": "甘肃省庆阳市",
+    "Value": "621000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789584400,
+    "Key": "甘肃省庆阳市西峰区",
+    "Value": "621002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789584401,
+    "Key": "甘肃省庆阳市庆城县",
+    "Value": "621021"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789584402,
+    "Key": "甘肃省庆阳市环县",
+    "Value": "621022"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789588485,
+    "Key": "甘肃省庆阳市华池县",
+    "Value": "621023"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789588486,
+    "Key": "甘肃省庆阳市合水县",
+    "Value": "621024"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789588487,
+    "Key": "甘肃省庆阳市正宁县",
+    "Value": "621025"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789588488,
+    "Key": "甘肃省庆阳市宁县",
+    "Value": "621026"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789588489,
+    "Key": "甘肃省庆阳市镇原县",
+    "Value": "621027"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789588490,
+    "Key": "甘肃省定西市",
+    "Value": "621100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789588491,
+    "Key": "甘肃省定西市安定区",
+    "Value": "621102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789588492,
+    "Key": "甘肃省定西市通渭县",
+    "Value": "621121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789588493,
+    "Key": "甘肃省定西市陇西县",
+    "Value": "621122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789588494,
+    "Key": "甘肃省定西市渭源县",
+    "Value": "621123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789588495,
+    "Key": "甘肃省定西市临洮县",
+    "Value": "621124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789588496,
+    "Key": "甘肃省定西市漳县",
+    "Value": "621125"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789588497,
+    "Key": "甘肃省定西市岷县",
+    "Value": "621126"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789588498,
+    "Key": "甘肃省陇南市",
+    "Value": "621200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789592581,
+    "Key": "甘肃省陇南市武都区",
+    "Value": "621202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789592582,
+    "Key": "甘肃省陇南市成县",
+    "Value": "621221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789592583,
+    "Key": "甘肃省陇南市文县",
+    "Value": "621222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789592584,
+    "Key": "甘肃省陇南市宕昌县",
+    "Value": "621223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789592585,
+    "Key": "甘肃省陇南市康县",
+    "Value": "621224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789592586,
+    "Key": "甘肃省陇南市西和县",
+    "Value": "621225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789592587,
+    "Key": "甘肃省陇南市礼县",
+    "Value": "621226"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789592588,
+    "Key": "甘肃省陇南市徽县",
+    "Value": "621227"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789592589,
+    "Key": "甘肃省陇南市两当县",
+    "Value": "621228"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789592590,
+    "Key": "甘肃省临夏回族自治州",
+    "Value": "622900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789592591,
+    "Key": "甘肃省临夏回族自治州临夏市",
+    "Value": "622901"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789592592,
+    "Key": "甘肃省临夏回族自治州临夏县",
+    "Value": "622921"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789592593,
+    "Key": "甘肃省临夏回族自治州康乐县",
+    "Value": "622922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789592594,
+    "Key": "甘肃省临夏回族自治州永靖县",
+    "Value": "622923"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789592595,
+    "Key": "甘肃省临夏回族自治州广河县",
+    "Value": "622924"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789596677,
+    "Key": "甘肃省临夏回族自治州和政县",
+    "Value": "622925"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789596678,
+    "Key": "甘肃省临夏回族自治州东乡族自治县",
+    "Value": "622926"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789596679,
+    "Key": "甘肃省临夏回族自治州积石山保安族东乡族撒拉族自治县",
+    "Value": "622927"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789596680,
+    "Key": "甘肃省甘南藏族自治州",
+    "Value": "623000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789596681,
+    "Key": "甘肃省甘南藏族自治州合作市",
+    "Value": "623001"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789596682,
+    "Key": "甘肃省甘南藏族自治州临潭县",
+    "Value": "623021"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789596683,
+    "Key": "甘肃省甘南藏族自治州卓尼县",
+    "Value": "623022"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789596684,
+    "Key": "甘肃省甘南藏族自治州舟曲县",
+    "Value": "623023"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789596685,
+    "Key": "甘肃省甘南藏族自治州迭部县",
+    "Value": "623024"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789596686,
+    "Key": "甘肃省甘南藏族自治州玛曲县",
+    "Value": "623025"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789596687,
+    "Key": "甘肃省甘南藏族自治州碌曲县",
+    "Value": "623026"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789596688,
+    "Key": "甘肃省甘南藏族自治州夏河县",
+    "Value": "623027"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789596689,
+    "Key": "青海省",
+    "Value": "630000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789596690,
+    "Key": "青海省西宁市",
+    "Value": "630100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789600773,
+    "Key": "青海省西宁市城东区",
+    "Value": "630102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789600774,
+    "Key": "青海省西宁市城中区",
+    "Value": "630103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789600775,
+    "Key": "青海省西宁市城西区",
+    "Value": "630104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789600776,
+    "Key": "青海省西宁市城北区",
+    "Value": "630105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789600777,
+    "Key": "青海省西宁市湟中区",
+    "Value": "630106"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789600778,
+    "Key": "青海省西宁市大通回族土族自治县",
+    "Value": "630121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789600779,
+    "Key": "青海省西宁市湟源县",
+    "Value": "630123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789600780,
+    "Key": "青海省海东市",
+    "Value": "630200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789600781,
+    "Key": "青海省海东市乐都区",
+    "Value": "630202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789600782,
+    "Key": "青海省海东市平安区",
+    "Value": "630203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789600783,
+    "Key": "青海省海东市民和回族土族自治县",
+    "Value": "630222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789600784,
+    "Key": "青海省海东市互助土族自治县",
+    "Value": "630223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789600785,
+    "Key": "青海省海东市化隆回族自治县",
+    "Value": "630224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789604869,
+    "Key": "青海省海东市循化撒拉族自治县",
+    "Value": "630225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789604870,
+    "Key": "青海省海北藏族自治州",
+    "Value": "632200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789604871,
+    "Key": "青海省海北藏族自治州门源回族自治县",
+    "Value": "632221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789604872,
+    "Key": "青海省海北藏族自治州祁连县",
+    "Value": "632222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789604873,
+    "Key": "青海省海北藏族自治州海晏县",
+    "Value": "632223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789604874,
+    "Key": "青海省海北藏族自治州刚察县",
+    "Value": "632224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789604875,
+    "Key": "青海省黄南藏族自治州",
+    "Value": "632300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789604876,
+    "Key": "青海省黄南藏族自治州同仁市",
+    "Value": "632301"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789604877,
+    "Key": "青海省黄南藏族自治州尖扎县",
+    "Value": "632322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789604878,
+    "Key": "青海省黄南藏族自治州泽库县",
+    "Value": "632323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789604879,
+    "Key": "青海省黄南藏族自治州河南蒙古族自治县",
+    "Value": "632324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789604880,
+    "Key": "青海省海南藏族自治州",
+    "Value": "632500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789604881,
+    "Key": "青海省海南藏族自治州共和县",
+    "Value": "632521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789608965,
+    "Key": "青海省海南藏族自治州同德县",
+    "Value": "632522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789608966,
+    "Key": "青海省海南藏族自治州贵德县",
+    "Value": "632523"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789608967,
+    "Key": "青海省海南藏族自治州兴海县",
+    "Value": "632524"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789608968,
+    "Key": "青海省海南藏族自治州贵南县",
+    "Value": "632525"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789608969,
+    "Key": "青海省果洛藏族自治州",
+    "Value": "632600"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789608970,
+    "Key": "青海省果洛藏族自治州玛沁县",
+    "Value": "632621"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789608971,
+    "Key": "青海省果洛藏族自治州班玛县",
+    "Value": "632622"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789608972,
+    "Key": "青海省果洛藏族自治州甘德县",
+    "Value": "632623"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789608973,
+    "Key": "青海省果洛藏族自治州达日县",
+    "Value": "632624"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789608974,
+    "Key": "青海省果洛藏族自治州久治县",
+    "Value": "632625"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789608975,
+    "Key": "青海省果洛藏族自治州玛多县",
+    "Value": "632626"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789608976,
+    "Key": "青海省玉树藏族自治州",
+    "Value": "632700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789608977,
+    "Key": "青海省玉树藏族自治州玉树市",
+    "Value": "632701"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789608978,
+    "Key": "青海省玉树藏族自治州杂多县",
+    "Value": "632722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789613061,
+    "Key": "青海省玉树藏族自治州称多县",
+    "Value": "632723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789613062,
+    "Key": "青海省玉树藏族自治州治多县",
+    "Value": "632724"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789613063,
+    "Key": "青海省玉树藏族自治州囊谦县",
+    "Value": "632725"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789613064,
+    "Key": "青海省玉树藏族自治州曲麻莱县",
+    "Value": "632726"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789613065,
+    "Key": "青海省海西蒙古族藏族自治州",
+    "Value": "632800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789613066,
+    "Key": "青海省海西蒙古族藏族自治州格尔木市",
+    "Value": "632801"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789613067,
+    "Key": "青海省海西蒙古族藏族自治州德令哈市",
+    "Value": "632802"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789613068,
+    "Key": "青海省海西蒙古族藏族自治州茫崖市",
+    "Value": "632803"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789613069,
+    "Key": "青海省海西蒙古族藏族自治州乌兰县",
+    "Value": "632821"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789613070,
+    "Key": "青海省海西蒙古族藏族自治州都兰县",
+    "Value": "632822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789613071,
+    "Key": "青海省海西蒙古族藏族自治州天峻县",
+    "Value": "632823"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789613072,
+    "Key": "宁夏回族自治区",
+    "Value": "640000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789613073,
+    "Key": "宁夏回族自治区银川市",
+    "Value": "640100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789617157,
+    "Key": "宁夏回族自治区银川市兴庆区",
+    "Value": "640104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789617158,
+    "Key": "宁夏回族自治区银川市西夏区",
+    "Value": "640105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789617159,
+    "Key": "宁夏回族自治区银川市金凤区",
+    "Value": "640106"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789617160,
+    "Key": "宁夏回族自治区银川市永宁县",
+    "Value": "640121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789617161,
+    "Key": "宁夏回族自治区银川市贺兰县",
+    "Value": "640122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789617162,
+    "Key": "宁夏回族自治区银川市灵武市",
+    "Value": "640181"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789617163,
+    "Key": "宁夏回族自治区石嘴山市",
+    "Value": "640200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789617164,
+    "Key": "宁夏回族自治区石嘴山市大武口区",
+    "Value": "640202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789617165,
+    "Key": "宁夏回族自治区石嘴山市惠农区",
+    "Value": "640205"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789617166,
+    "Key": "宁夏回族自治区石嘴山市平罗县",
+    "Value": "640221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789617167,
+    "Key": "宁夏回族自治区吴忠市",
+    "Value": "640300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789617168,
+    "Key": "宁夏回族自治区吴忠市利通区",
+    "Value": "640302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789617169,
+    "Key": "宁夏回族自治区吴忠市红寺堡区",
+    "Value": "640303"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789617170,
+    "Key": "宁夏回族自治区吴忠市盐池县",
+    "Value": "640323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789621253,
+    "Key": "宁夏回族自治区吴忠市同心县",
+    "Value": "640324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789621254,
+    "Key": "宁夏回族自治区吴忠市青铜峡市",
+    "Value": "640381"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789621255,
+    "Key": "宁夏回族自治区固原市",
+    "Value": "640400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789621256,
+    "Key": "宁夏回族自治区固原市原州区",
+    "Value": "640402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789621257,
+    "Key": "宁夏回族自治区固原市西吉县",
+    "Value": "640422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789621258,
+    "Key": "宁夏回族自治区固原市隆德县",
+    "Value": "640423"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789621259,
+    "Key": "宁夏回族自治区固原市泾源县",
+    "Value": "640424"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789621260,
+    "Key": "宁夏回族自治区固原市彭阳县",
+    "Value": "640425"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789621261,
+    "Key": "宁夏回族自治区中卫市",
+    "Value": "640500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789621262,
+    "Key": "宁夏回族自治区中卫市沙坡头区",
+    "Value": "640502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789621263,
+    "Key": "宁夏回族自治区中卫市中宁县",
+    "Value": "640521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789621264,
+    "Key": "宁夏回族自治区中卫市海原县",
+    "Value": "640522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789621265,
+    "Key": "新疆维吾尔自治区",
+    "Value": "650000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789621266,
+    "Key": "新疆维吾尔自治区乌鲁木齐市",
+    "Value": "650100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789625349,
+    "Key": "新疆维吾尔自治区乌鲁木齐市天山区",
+    "Value": "650102"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789625350,
+    "Key": "新疆维吾尔自治区乌鲁木齐市沙依巴克区",
+    "Value": "650103"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789625351,
+    "Key": "新疆维吾尔自治区乌鲁木齐市新市区",
+    "Value": "650104"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789625352,
+    "Key": "新疆维吾尔自治区乌鲁木齐市水磨沟区",
+    "Value": "650105"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789625353,
+    "Key": "新疆维吾尔自治区乌鲁木齐市头屯河区",
+    "Value": "650106"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789625354,
+    "Key": "新疆维吾尔自治区乌鲁木齐市达坂城区",
+    "Value": "650107"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789625355,
+    "Key": "新疆维吾尔自治区乌鲁木齐市米东区",
+    "Value": "650109"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789625356,
+    "Key": "新疆维吾尔自治区乌鲁木齐市乌鲁木齐县",
+    "Value": "650121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789625357,
+    "Key": "新疆维吾尔自治区克拉玛依市",
+    "Value": "650200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789625358,
+    "Key": "新疆维吾尔自治区克拉玛依市独山子区",
+    "Value": "650202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789625359,
+    "Key": "新疆维吾尔自治区克拉玛依市克拉玛依区",
+    "Value": "650203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789625360,
+    "Key": "新疆维吾尔自治区克拉玛依市白碱滩区",
+    "Value": "650204"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789625361,
+    "Key": "新疆维吾尔自治区克拉玛依市乌尔禾区",
+    "Value": "650205"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789625362,
+    "Key": "新疆维吾尔自治区吐鲁番市",
+    "Value": "650400"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789629445,
+    "Key": "新疆维吾尔自治区吐鲁番市高昌区",
+    "Value": "650402"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789629446,
+    "Key": "新疆维吾尔自治区吐鲁番市鄯善县",
+    "Value": "650421"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789629447,
+    "Key": "新疆维吾尔自治区吐鲁番市托克逊县",
+    "Value": "650422"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789629448,
+    "Key": "新疆维吾尔自治区哈密市",
+    "Value": "650500"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789629449,
+    "Key": "新疆维吾尔自治区哈密市伊州区",
+    "Value": "650502"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789629450,
+    "Key": "新疆维吾尔自治区哈密市巴里坤哈萨克自治县",
+    "Value": "650521"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789629451,
+    "Key": "新疆维吾尔自治区哈密市伊吾县",
+    "Value": "650522"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789629452,
+    "Key": "新疆维吾尔自治区昌吉回族自治州",
+    "Value": "652300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789629453,
+    "Key": "新疆维吾尔自治区昌吉回族自治州昌吉市",
+    "Value": "652301"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789629454,
+    "Key": "新疆维吾尔自治区昌吉回族自治州阜康市",
+    "Value": "652302"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789629455,
+    "Key": "新疆维吾尔自治区昌吉回族自治州呼图壁县",
+    "Value": "652323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789629456,
+    "Key": "新疆维吾尔自治区昌吉回族自治州玛纳斯县",
+    "Value": "652324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789629457,
+    "Key": "新疆维吾尔自治区昌吉回族自治州奇台县",
+    "Value": "652325"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789629458,
+    "Key": "新疆维吾尔自治区昌吉回族自治州吉木萨尔县",
+    "Value": "652327"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789629459,
+    "Key": "新疆维吾尔自治区昌吉回族自治州木垒哈萨克自治县",
+    "Value": "652328"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789633541,
+    "Key": "新疆维吾尔自治区博尔塔拉蒙古自治州",
+    "Value": "652700"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789633542,
+    "Key": "新疆维吾尔自治区博尔塔拉蒙古自治州博乐市",
+    "Value": "652701"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789633543,
+    "Key": "新疆维吾尔自治区博尔塔拉蒙古自治州阿拉山口市",
+    "Value": "652702"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789633544,
+    "Key": "新疆维吾尔自治区博尔塔拉蒙古自治州精河县",
+    "Value": "652722"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789633545,
+    "Key": "新疆维吾尔自治区博尔塔拉蒙古自治州温泉县",
+    "Value": "652723"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789633546,
+    "Key": "新疆维吾尔自治区巴音郭楞蒙古自治州",
+    "Value": "652800"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789633547,
+    "Key": "新疆维吾尔自治区巴音郭楞蒙古自治州库尔勒市",
+    "Value": "652801"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789633548,
+    "Key": "新疆维吾尔自治区巴音郭楞蒙古自治州轮台县",
+    "Value": "652822"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789633549,
+    "Key": "新疆维吾尔自治区巴音郭楞蒙古自治州尉犁县",
+    "Value": "652823"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789633550,
+    "Key": "新疆维吾尔自治区巴音郭楞蒙古自治州若羌县",
+    "Value": "652824"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789633551,
+    "Key": "新疆维吾尔自治区巴音郭楞蒙古自治州且末县",
+    "Value": "652825"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789633552,
+    "Key": "新疆维吾尔自治区巴音郭楞蒙古自治州焉耆回族自治县",
+    "Value": "652826"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789633553,
+    "Key": "新疆维吾尔自治区巴音郭楞蒙古自治州和静县",
+    "Value": "652827"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789633554,
+    "Key": "新疆维吾尔自治区巴音郭楞蒙古自治州和硕县",
+    "Value": "652828"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789637637,
+    "Key": "新疆维吾尔自治区巴音郭楞蒙古自治州博湖县",
+    "Value": "652829"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789637638,
+    "Key": "新疆维吾尔自治区阿克苏地区",
+    "Value": "652900"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789637639,
+    "Key": "新疆维吾尔自治区阿克苏地区阿克苏市",
+    "Value": "652901"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789637640,
+    "Key": "新疆维吾尔自治区阿克苏地区库车市",
+    "Value": "652902"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789637641,
+    "Key": "新疆维吾尔自治区阿克苏地区温宿县",
+    "Value": "652922"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789637642,
+    "Key": "新疆维吾尔自治区阿克苏地区沙雅县",
+    "Value": "652924"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789637643,
+    "Key": "新疆维吾尔自治区阿克苏地区新和县",
+    "Value": "652925"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789637644,
+    "Key": "新疆维吾尔自治区阿克苏地区拜城县",
+    "Value": "652926"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789637645,
+    "Key": "新疆维吾尔自治区阿克苏地区乌什县",
+    "Value": "652927"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789637646,
+    "Key": "新疆维吾尔自治区阿克苏地区阿瓦提县",
+    "Value": "652928"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789637647,
+    "Key": "新疆维吾尔自治区阿克苏地区柯坪县",
+    "Value": "652929"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789637648,
+    "Key": "新疆维吾尔自治区克孜勒苏柯尔克孜自治州",
+    "Value": "653000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789637649,
+    "Key": "新疆维吾尔自治区克孜勒苏柯尔克孜自治州阿图什市",
+    "Value": "653001"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789637650,
+    "Key": "新疆维吾尔自治区克孜勒苏柯尔克孜自治州阿克陶县",
+    "Value": "653022"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789641733,
+    "Key": "新疆维吾尔自治区克孜勒苏柯尔克孜自治州阿合奇县",
+    "Value": "653023"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789641734,
+    "Key": "新疆维吾尔自治区克孜勒苏柯尔克孜自治州乌恰县",
+    "Value": "653024"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789641735,
+    "Key": "新疆维吾尔自治区喀什地区",
+    "Value": "653100"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789641736,
+    "Key": "新疆维吾尔自治区喀什地区喀什市",
+    "Value": "653101"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789641737,
+    "Key": "新疆维吾尔自治区喀什地区疏附县",
+    "Value": "653121"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789641738,
+    "Key": "新疆维吾尔自治区喀什地区疏勒县",
+    "Value": "653122"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789641739,
+    "Key": "新疆维吾尔自治区喀什地区英吉沙县",
+    "Value": "653123"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789641740,
+    "Key": "新疆维吾尔自治区喀什地区泽普县",
+    "Value": "653124"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789641741,
+    "Key": "新疆维吾尔自治区喀什地区莎车县",
+    "Value": "653125"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789641742,
+    "Key": "新疆维吾尔自治区喀什地区叶城县",
+    "Value": "653126"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789641743,
+    "Key": "新疆维吾尔自治区喀什地区麦盖提县",
+    "Value": "653127"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789641744,
+    "Key": "新疆维吾尔自治区喀什地区岳普湖县",
+    "Value": "653128"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789641745,
+    "Key": "新疆维吾尔自治区喀什地区伽师县",
+    "Value": "653129"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789641746,
+    "Key": "新疆维吾尔自治区喀什地区巴楚县",
+    "Value": "653130"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789645829,
+    "Key": "新疆维吾尔自治区喀什地区塔什库尔干塔吉克自治县",
+    "Value": "653131"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789645830,
+    "Key": "新疆维吾尔自治区和田地区",
+    "Value": "653200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789645831,
+    "Key": "新疆维吾尔自治区和田地区和田市",
+    "Value": "653201"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789645832,
+    "Key": "新疆维吾尔自治区和田地区和田县",
+    "Value": "653221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789645833,
+    "Key": "新疆维吾尔自治区和田地区墨玉县",
+    "Value": "653222"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789645834,
+    "Key": "新疆维吾尔自治区和田地区皮山县",
+    "Value": "653223"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789645835,
+    "Key": "新疆维吾尔自治区和田地区洛浦县",
+    "Value": "653224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789645836,
+    "Key": "新疆维吾尔自治区和田地区策勒县",
+    "Value": "653225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789645837,
+    "Key": "新疆维吾尔自治区和田地区于田县",
+    "Value": "653226"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789645838,
+    "Key": "新疆维吾尔自治区和田地区民丰县",
+    "Value": "653227"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789645839,
+    "Key": "新疆维吾尔自治区伊犁哈萨克自治州",
+    "Value": "654000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789645840,
+    "Key": "新疆维吾尔自治区伊犁哈萨克自治州伊宁市",
+    "Value": "654002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789645841,
+    "Key": "新疆维吾尔自治区伊犁哈萨克自治州奎屯市",
+    "Value": "654003"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789645842,
+    "Key": "新疆维吾尔自治区伊犁哈萨克自治州霍尔果斯市",
+    "Value": "654004"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789645843,
+    "Key": "新疆维吾尔自治区伊犁哈萨克自治州伊宁县",
+    "Value": "654021"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789649925,
+    "Key": "新疆维吾尔自治区伊犁哈萨克自治州察布查尔锡伯自治县",
+    "Value": "654022"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789649926,
+    "Key": "新疆维吾尔自治区伊犁哈萨克自治州霍城县",
+    "Value": "654023"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789649927,
+    "Key": "新疆维吾尔自治区伊犁哈萨克自治州巩留县",
+    "Value": "654024"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789649928,
+    "Key": "新疆维吾尔自治区伊犁哈萨克自治州新源县",
+    "Value": "654025"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789649929,
+    "Key": "新疆维吾尔自治区伊犁哈萨克自治州昭苏县",
+    "Value": "654026"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789649930,
+    "Key": "新疆维吾尔自治区伊犁哈萨克自治州特克斯县",
+    "Value": "654027"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789649931,
+    "Key": "新疆维吾尔自治区伊犁哈萨克自治州尼勒克县",
+    "Value": "654028"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789649932,
+    "Key": "新疆维吾尔自治区塔城地区",
+    "Value": "654200"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789649933,
+    "Key": "新疆维吾尔自治区塔城地区塔城市",
+    "Value": "654201"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789649934,
+    "Key": "新疆维吾尔自治区塔城地区乌苏市",
+    "Value": "654202"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789649935,
+    "Key": "新疆维吾尔自治区塔城地区沙湾市",
+    "Value": "654203"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789649936,
+    "Key": "新疆维吾尔自治区塔城地区额敏县",
+    "Value": "654221"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789649937,
+    "Key": "新疆维吾尔自治区塔城地区托里县",
+    "Value": "654224"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789649938,
+    "Key": "新疆维吾尔自治区塔城地区裕民县",
+    "Value": "654225"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789654021,
+    "Key": "新疆维吾尔自治区塔城地区和布克赛尔蒙古自治县",
+    "Value": "654226"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789654022,
+    "Key": "新疆维吾尔自治区阿勒泰地区",
+    "Value": "654300"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789654023,
+    "Key": "新疆维吾尔自治区阿勒泰地区阿勒泰市",
+    "Value": "654301"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789654024,
+    "Key": "新疆维吾尔自治区阿勒泰地区布尔津县",
+    "Value": "654321"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789654025,
+    "Key": "新疆维吾尔自治区阿勒泰地区富蕴县",
+    "Value": "654322"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789654026,
+    "Key": "新疆维吾尔自治区阿勒泰地区福海县",
+    "Value": "654323"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789654027,
+    "Key": "新疆维吾尔自治区阿勒泰地区哈巴河县",
+    "Value": "654324"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789654028,
+    "Key": "新疆维吾尔自治区阿勒泰地区青河县",
+    "Value": "654325"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789654029,
+    "Key": "新疆维吾尔自治区阿勒泰地区吉木乃县",
+    "Value": "654326"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789654030,
+    "Key": "新疆维吾尔自治区石河子市",
+    "Value": "659001"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789654031,
+    "Key": "新疆维吾尔自治区阿拉尔市",
+    "Value": "659002"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789654032,
+    "Key": "新疆维吾尔自治区图木舒克市",
+    "Value": "659003"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789654033,
+    "Key": "新疆维吾尔自治区五家渠市",
+    "Value": "659004"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789654034,
+    "Key": "新疆维吾尔自治区北屯市",
+    "Value": "659005"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789654035,
+    "Key": "新疆维吾尔自治区铁门关市",
+    "Value": "659006"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789658117,
+    "Key": "新疆维吾尔自治区双河市",
+    "Value": "659007"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789658118,
+    "Key": "新疆维吾尔自治区可克达拉市",
+    "Value": "659008"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789658119,
+    "Key": "新疆维吾尔自治区昆玉市",
+    "Value": "659009"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789658120,
+    "Key": "新疆维吾尔自治区胡杨河市",
+    "Value": "659010"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789658121,
+    "Key": "新疆维吾尔自治区新星市",
+    "Value": "659011"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789658122,
+    "Key": "台湾省",
+    "Value": "710000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789658123,
+    "Key": "香港特别行政区",
+    "Value": "810000"
+  },
+  {
+    "CatalogId": 379794295185413,
+    "Id": 396423789658124,
+    "Key": "澳门特别行政区",
+    "Value": "820000"
+  }
+]
\ No newline at end of file
diff --git a/assets/seed-data/Sys_Menu.json b/assets/seed-data/Sys_Menu.json
new file mode 100644
index 00000000..5aa362e2
--- /dev/null
+++ b/assets/seed-data/Sys_Menu.json
@@ -0,0 +1,192 @@
+[
+  {
+    "Component": "home",
+    "Icon": "el-icon-house",
+    "Id": 373837717815301,
+    "Name": "home",
+    "Path": "/home",
+    "Sort": 100,
+    "Title": "控制面板",
+    "Type": 1
+  },
+  {
+    "Component": "profile",
+    "Id": 374967228141573,
+    "Name": "profile",
+    "Path": "/profile",
+    "Sort": 100,
+    "Title": "账号信息",
+    "Hidden": true,
+    "Type": 1
+  },
+  {
+    "Icon": "el-icon-setting",
+    "Id": 373837917724677,
+    "Name": "sys",
+    "Path": "/sys",
+    "Sort": 99,
+    "Title": "系统管理",
+    "Type": 1
+  },
+  {
+    "Component": "sys/user",
+    "Icon": "el-icon-user",
+    "Id": 373837957840901,
+    "Name": "sys-user",
+    "ParentId": 373837917724677,
+    "Path": "/sys/user",
+    "Sort": 100,
+    "Title": "用户管理",
+    "Type": 1
+  },
+  {
+    "Component": "sys/role",
+    "Icon": "sc-icon-role",
+    "Id": 373838018527237,
+    "Name": "sys-role",
+    "ParentId": 373837917724677,
+    "Path": "/sys/role",
+    "Sort": 99,
+    "Title": "角色管理",
+    "Type": 1
+  },
+  {
+    "Component": "sys/dept",
+    "Icon": "sc-icon-dept",
+    "Id": 373838045605893,
+    "Name": "sys-dept",
+    "ParentId": 373837917724677,
+    "Path": "/sys/dept",
+    "Sort": 98,
+    "Title": "部门管理",
+    "Type": 1
+  },
+  {
+    "Component": "sys/menu",
+    "Icon": "el-icon-fold",
+    "Id": 373838070898693,
+    "Name": "sys-menu",
+    "ParentId": 373837917724677,
+    "Path": "/sys/menu",
+    "Sort": 96,
+    "Title": "菜单管理",
+    "Type": 1
+  },
+  {
+    "Component": "sys/log",
+    "Icon": "el-icon-tickets",
+    "Id": 374792687640581,
+    "Name": "sys-log",
+    "ParentId": 373837917724677,
+    "Path": "/sys/log",
+    "Sort": 93,
+    "Title": "请求日志",
+    "Type": 1
+  },
+  {
+    "Component": "sys/cache",
+    "Icon": "sc-icon-memory",
+    "Id": 374911555702789,
+    "Name": "sys-cache",
+    "ParentId": 373837917724677,
+    "Path": "/sys/cache",
+    "Sort": 94,
+    "Title": "缓存管理",
+    "Type": 1
+  },
+  {
+    "Component": "sys/dic",
+    "Icon": "sc-icon-dic",
+    "Id": 375315654221829,
+    "Name": "sys-dic",
+    "ParentId": 373837917724677,
+    "Path": "/sys/dic",
+    "Sort": 95,
+    "Title": "字典管理",
+    "Type": 1
+  },
+  {
+    "Component": "sys/config",
+    "Icon": "el-icon-set-up",
+    "Id": 380415005847557,
+    "Name": "sys-config",
+    "ParentId": 373837917724677,
+    "Path": "/sys/config",
+    "Sort": 92,
+    "Title": "系统设置",
+    "Type": 1
+  },
+  {
+    "Component": "sys/api",
+    "Icon": "sc-icon-api",
+    "Id": 397880678895621,
+    "Name": "sys-api",
+    "ParentId": 373837917724677,
+    "Path": "/sys/api",
+    "Sort": 96,
+    "Title": "接口管理",
+    "Type": 1
+  },
+  {
+    "Icon": "sc-icon-business",
+    "Id": 420881941635077,
+    "Name": "biz",
+    "Path": "/biz",
+    "Sort": 99,
+    "Title": "业务管理",
+    "Type": 1
+  },
+  {
+    "Component": "biz/product-category",
+    "Icon": "sc-icon-product-category",
+    "Id": 420881941635087,
+    "Name": "biz-product-category",
+    "ParentId": 420881941635077,
+    "Path": "/biz/product-category",
+    "Sort": 100,
+    "Title": "商品分类",
+    "Type": 1
+  },
+  {
+    "Component": "biz/member",
+    "Icon": "el-icon-user",
+    "Id": 422658027704337,
+    "Name": "biz-member",
+    "ParentId": 420881941635077,
+    "Path": "/biz/member",
+    "Sort": 100,
+    "Title": "会员管理",
+    "Type": 1
+  },
+  {
+    "Component": "biz/product",
+    "Icon": "sc-icon-product",
+    "Id": 421506245349391,
+    "Name": "biz-product",
+    "ParentId": 420881941635077,
+    "Path": "/biz/product",
+    "Sort": 100,
+    "Title": "商品管理",
+    "Type": 1
+  },
+  {
+    "Icon": "sc-icon-code",
+    "Id": 373838105399301,
+    "Name": "dev",
+    "Path": "/dev",
+    "Sort": 97,
+    "Title": "开发管理",
+    "Type": 1
+  },
+  {
+    "Component": "dev/code",
+    "Icon": "sc-icon-code2",
+    "Id": 373838147022853,
+    "Name": "dev-code",
+    "ParentId": 373838105399301,
+    "Path": "/dev/code",
+    "Sort": 100,
+    "Title": "代码生成",
+    "Type": 1
+  },
+]
\ No newline at end of file
diff --git a/assets/seed-data/Sys_Role.json b/assets/seed-data/Sys_Role.json
new file mode 100644
index 00000000..3fa98853
--- /dev/null
+++ b/assets/seed-data/Sys_Role.json
@@ -0,0 +1,18 @@
+[
+  {
+    "DataScope": 1,
+    "Enabled": true,
+    "Id": 370943613149253,
+    "IgnorePermissionControl": true,
+    "DisplayDashboard": true,
+    "Name": "超级管理员",
+    "Sort": 100
+  },
+  {
+    "DataScope": 1,
+    "Enabled": true,
+    "Id": 371729946431493,
+    "Name": "普通用户",
+    "Sort": 100
+  }
+]
\ No newline at end of file
diff --git a/assets/seed-data/Sys_RoleApi.json b/assets/seed-data/Sys_RoleApi.json
new file mode 100644
index 00000000..d141e48c
--- /dev/null
+++ b/assets/seed-data/Sys_RoleApi.json
@@ -0,0 +1,22 @@
+[
+  {
+    "ApiId": "api/sys/menu/user.menus",
+    "RoleId": 371729946431493
+  },
+  {
+    "ApiId": "api/sys/user/user.info",
+    "RoleId": 371729946431493
+  },
+  {
+    "ApiId": "api/sys/menu",
+    "RoleId": 371729946431493
+  },
+  {
+    "ApiId": "api/sys/user",
+    "RoleId": 371729946431493
+  },
+  {
+    "ApiId": "api/biz/member/member.info",
+    "RoleId": 371729946431493
+  }
+]
\ No newline at end of file
diff --git a/assets/seed-data/Sys_RoleMenu.json b/assets/seed-data/Sys_RoleMenu.json
new file mode 100644
index 00000000..1d33ef9e
--- /dev/null
+++ b/assets/seed-data/Sys_RoleMenu.json
@@ -0,0 +1,12 @@
+[
+  {
+    "Id": 396423792566281,
+    "MenuId": 373837717815301,
+    "RoleId": 371729946431493
+  },
+  {
+    "Id": 396423792566282,
+    "MenuId": 374967228141573,
+    "RoleId": 371729946431493
+  }
+]
\ No newline at end of file
diff --git a/assets/seed-data/Sys_User.json b/assets/seed-data/Sys_User.json
new file mode 100644
index 00000000..a86d7889
--- /dev/null
+++ b/assets/seed-data/Sys_User.json
@@ -0,0 +1,10 @@
+[
+  {
+    "DeptId": 372119301627909,
+    "Enabled": true,
+    "Id": 370942943322181,
+    "Password": "A8E87D23-49BC-25A1-1C7C-59186BEF5D15",
+    "Token": "A9AFD92E-A33D-4152-9A6C-A9C141D24887",
+    "UserName": "root"
+  }
+]
\ No newline at end of file
diff --git a/assets/seed-data/Sys_UserProfile.json b/assets/seed-data/Sys_UserProfile.json
new file mode 100644
index 00000000..fa8bc31b
--- /dev/null
+++ b/assets/seed-data/Sys_UserProfile.json
@@ -0,0 +1,5 @@
+[
+  {
+    "Id": 370942943322181
+  }
+]
\ No newline at end of file
diff --git a/assets/seed-data/Sys_UserRole.json b/assets/seed-data/Sys_UserRole.json
new file mode 100644
index 00000000..5069b6c8
--- /dev/null
+++ b/assets/seed-data/Sys_UserRole.json
@@ -0,0 +1,6 @@
+[
+  {
+    "RoleId": 370943613149253,
+    "UserId": 370942943322181
+  }
+]
\ No newline at end of file
diff --git a/dotnet-tools.json b/dotnet-tools.json
new file mode 100644
index 00000000..e476009c
--- /dev/null
+++ b/dotnet-tools.json
@@ -0,0 +1,36 @@
+{
+  "version": 1,
+  "isRoot": true,
+  "tools": {
+    "dotnet-t4": {
+      "version": "2.3.1",
+      "commands": [
+        "t4"
+      ]
+    },
+    "cake.tool": {
+      "version": "3.1.0",
+      "commands": [
+        "dotnet-cake"
+      ]
+    },
+    "dotnet-script": {
+      "version": "1.4.0",
+      "commands": [
+        "dotnet-script"
+      ]
+    },
+    "jetbrains.resharper.globaltools": {
+      "version": "2023.2.0",
+      "commands": [
+        "jb"
+      ]
+    },
+    "dnt": {
+      "version": "1.8.3",
+      "commands": [
+        "dnt"
+      ]
+    }
+  }
+}
\ No newline at end of file
diff --git a/global.json b/global.json
new file mode 100644
index 00000000..89476433
--- /dev/null
+++ b/global.json
@@ -0,0 +1,10 @@
+{
+  "sdk": {
+    "version": "7.0.0",
+    "rollForward": "latestMajor",
+    "allowPrerelease": true
+  },
+  "tools": {
+    "dotnet": "7.0.0"
+  }
+}
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..414cf903
--- /dev/null
+++ b/package.json
@@ -0,0 +1,12 @@
+{
+  "devDependencies": {
+    "cz-conventional-changelog": "^3.3.0",
+    "prettier": "3.0.2",
+    "prettier-plugin-csharp": "0.6.0-development"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/backend/GlobalUsings.cs b/src/backend/GlobalUsings.cs
new file mode 100644
index 00000000..237e18fb
--- /dev/null
+++ b/src/backend/GlobalUsings.cs
@@ -0,0 +1,69 @@
+// ReSharper disable RedundantUsingDirective.Global
+
+global using System;
+global using System.Collections;
+global using System.Collections.Generic;
+global using System.Collections.Immutable;
+global using System.ComponentModel;
+global using System.ComponentModel.DataAnnotations;
+global using System.Data;
+global using System.Diagnostics;
+global using System.Globalization;
+global using System.IO;
+global using System.Linq;
+global using System.Linq.Expressions;
+global using System.Net;
+global using System.Reflection;
+global using System.Text;
+global using System.Text.Encodings.Web;
+global using System.Text.Json;
+global using System.Text.Json.Serialization;
+global using System.Text.Json.Serialization.Metadata;
+global using System.Text.RegularExpressions;
+global using System.Threading.Tasks;
+global using FreeSql;
+global using FreeSql.Aop;
+global using FreeSql.DataAnnotations;
+global using FreeSql.Internal.Model;
+global using Furion;
+global using Furion.Authorization;
+global using Furion.ConfigurableOptions;
+global using Furion.DataEncryption;
+global using Furion.DataValidation;
+global using Furion.DependencyInjection;
+global using Furion.DynamicApiController;
+global using Furion.EventBus;
+global using Furion.SpecificationDocument;
+global using Furion.UnifyResult;
+global using Mapster;
+global using Microsoft.AspNetCore.Authorization;
+global using Microsoft.AspNetCore.Builder;
+global using Microsoft.AspNetCore.Diagnostics;
+global using Microsoft.AspNetCore.Http;
+global using Microsoft.AspNetCore.Mvc;
+global using Microsoft.AspNetCore.Mvc.ActionConstraints;
+global using Microsoft.AspNetCore.Mvc.Controllers;
+global using Microsoft.AspNetCore.Mvc.Filters;
+global using Microsoft.AspNetCore.Mvc.Infrastructure;
+global using Microsoft.Extensions.Caching.Distributed;
+global using Microsoft.Extensions.Caching.Memory;
+global using Microsoft.Extensions.DependencyInjection;
+global using Microsoft.Extensions.Hosting;
+global using Microsoft.Extensions.Logging;
+global using Microsoft.Extensions.Options;
+global using NetAdmin.Infrastructure;
+global using NetAdmin.Infrastructure.Attributes;
+global using NetAdmin.Infrastructure.Configuration.Options;
+global using NetAdmin.Infrastructure.Configuration.Options.SubNodes.Redis;
+global using NetAdmin.Infrastructure.Configuration.Options.SubNodes.Upload;
+global using NetAdmin.Infrastructure.Constant;
+global using NetAdmin.Infrastructure.Enums;
+global using NetAdmin.Infrastructure.Exceptions;
+global using NetAdmin.Infrastructure.Exceptions.InvalidInput;
+global using NetAdmin.Infrastructure.Exceptions.InvalidOperation;
+global using NetAdmin.Infrastructure.Exceptions.Unexpected;
+global using NetAdmin.Infrastructure.Extensions;
+global using NetAdmin.Infrastructure.Languages;
+global using NetAdmin.Infrastructure.Utils;
+global using NSExt.Attributes;
+global using NSExt.Extensions;
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Application/Modules/ICrudModule.cs b/src/backend/NetAdmin.Application/Modules/ICrudModule.cs
new file mode 100644
index 00000000..f093de83
--- /dev/null
+++ b/src/backend/NetAdmin.Application/Modules/ICrudModule.cs
@@ -0,0 +1,64 @@
+using NetAdmin.Domain;
+using NetAdmin.Domain.Dto.Dependency;
+
+namespace NetAdmin.Application.Modules;
+
+/// <summary>
+///     增删改查模块接口
+/// </summary>
+/// <typeparam name="TCreateReq">创建请求类型</typeparam>
+/// <typeparam name="TCreateRsp">创建响应类型</typeparam>
+/// <typeparam name="TQueryReq">查询请求类型</typeparam>
+/// <typeparam name="TQueryRsp">查询响应类型</typeparam>
+/// <typeparam name="TUpdateReq">修改请求类型</typeparam>
+/// <typeparam name="TUpdateRsp">修改响应类型</typeparam>
+/// <typeparam name="TDelReq">删除请求类型</typeparam>
+public interface ICrudModule<in TCreateReq, TCreateRsp, TQueryReq, TQueryRsp, in TUpdateReq, TUpdateRsp, TDelReq>
+    where TCreateReq : DataAbstraction, new()
+    where TCreateRsp : DataAbstraction
+    where TQueryReq : DataAbstraction, new()
+    where TQueryRsp : DataAbstraction
+    where TUpdateReq : DataAbstraction, new()
+    where TUpdateRsp : DataAbstraction
+    where TDelReq : DataAbstraction, new()
+{
+    /// <summary>
+    ///     批量删除实体
+    /// </summary>
+    Task<int> BulkDeleteAsync(BulkReq<TDelReq> req);
+
+    /// <summary>
+    ///     创建实体
+    /// </summary>
+    Task<TCreateRsp> CreateAsync(TCreateReq req);
+
+    /// <summary>
+    ///     删除实体
+    /// </summary>
+    Task<int> DeleteAsync(TDelReq req);
+
+    /// <summary>
+    ///     判断实体是否存在
+    /// </summary>
+    Task<bool> ExistAsync(QueryReq<TQueryReq> req);
+
+    /// <summary>
+    ///     获取单个实体
+    /// </summary>
+    Task<TQueryRsp> GetAsync(TQueryReq req);
+
+    /// <summary>
+    ///     分页查询实体
+    /// </summary>
+    Task<PagedQueryRsp<TQueryRsp>> PagedQueryAsync(PagedQueryReq<TQueryReq> req);
+
+    /// <summary>
+    ///     查询实体
+    /// </summary>
+    Task<IEnumerable<TQueryRsp>> QueryAsync(QueryReq<TQueryReq> req);
+
+    /// <summary>
+    ///     更新实体
+    /// </summary>
+    Task<TUpdateRsp> UpdateAsync(TUpdateReq req);
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Application/NetAdmin.Application.csproj b/src/backend/NetAdmin.Application/NetAdmin.Application.csproj
new file mode 100644
index 00000000..9f0908f5
--- /dev/null
+++ b/src/backend/NetAdmin.Application/NetAdmin.Application.csproj
@@ -0,0 +1,6 @@
+<Project Sdk="Microsoft.NET.Sdk">
+    <Import Project="$(SolutionDir)/CodeQuality.props"/>
+    <ItemGroup>
+        <ProjectReference Include="../NetAdmin.Domain/NetAdmin.Domain.csproj"/>
+    </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Application/Repositories/IRepository.cs b/src/backend/NetAdmin.Application/Repositories/IRepository.cs
new file mode 100644
index 00000000..e0da9fd2
--- /dev/null
+++ b/src/backend/NetAdmin.Application/Repositories/IRepository.cs
@@ -0,0 +1,39 @@
+using NetAdmin.Domain.Contexts;
+using NetAdmin.Domain.DbMaps.Dependency;
+
+namespace NetAdmin.Application.Repositories;
+
+/// <summary>
+///     基础仓储接口
+/// </summary>
+public interface IRepository<TEntity> : IBaseRepository<TEntity>
+    where TEntity : EntityBase
+{
+    /// <summary>
+    ///     当前上下文关联的用户
+    /// </summary>
+    ContextUserToken UserToken { get; }
+
+    /// <summary>
+    ///     递归删除
+    /// </summary>
+    /// <param name="exp">exp</param>
+    /// <param name="disableGlobalFilterNames">禁用全局过滤器名</param>
+    Task<bool> DeleteRecursiveAsync(Expression<Func<TEntity, bool>> exp, params string[] disableGlobalFilterNames);
+
+    /// <summary>
+    ///     获得Dto
+    /// </summary>
+    /// <param name="id">主键</param>
+    Task<TDto> GetAsync<TDto>(long id);
+
+    /// <summary>
+    ///     根据条件获取Dto
+    /// </summary>
+    Task<TDto> GetAsync<TDto>(Expression<Func<TEntity, bool>> exp);
+
+    /// <summary>
+    ///     根据条件获取实体
+    /// </summary>
+    Task<TEntity> GetAsync(Expression<Func<TEntity, bool>> exp);
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Application/Repositories/Repository.cs b/src/backend/NetAdmin.Application/Repositories/Repository.cs
new file mode 100644
index 00000000..85b3d444
--- /dev/null
+++ b/src/backend/NetAdmin.Application/Repositories/Repository.cs
@@ -0,0 +1,82 @@
+using NetAdmin.Domain.Contexts;
+using NetAdmin.Domain.DbMaps.Dependency;
+
+namespace NetAdmin.Application.Repositories;
+
+/// <inheritdoc cref="IRepository{TEntity}" />
+public sealed class Repository<TEntity> : DefaultRepository<TEntity, long>, IRepository<TEntity>
+    where TEntity : EntityBase
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="Repository{TEntity}" /> class.
+    /// </summary>
+    public Repository(IFreeSql fSql, UnitOfWorkManager uowManger, ContextUserToken userToken) //
+        : base(fSql, uowManger)
+    {
+        UserToken = userToken;
+    }
+
+    /// <summary>
+    ///     当前上下文关联的用户
+    /// </summary>
+    public ContextUserToken UserToken { get; }
+
+    /// <summary>
+    ///     递归删除
+    /// </summary>
+    /// <param name="exp">exp</param>
+    /// <param name="disableGlobalFilterNames">禁用全局过滤器名</param>
+    public async Task<bool> DeleteRecursiveAsync( //
+        Expression<Func<TEntity, bool>> exp, params string[] disableGlobalFilterNames)
+    {
+        _ = await Select.Where(exp)
+                        .DisableGlobalFilter(disableGlobalFilterNames)
+                        .AsTreeCte()
+                        .ToDelete()
+                        .ExecuteAffrowsAsync();
+
+        return true;
+    }
+
+    /// <summary>
+    ///     获得Dto
+    /// </summary>
+    /// <param name="id">主键</param>
+    public Task<TDto> GetAsync<TDto>(long id)
+    {
+        return Select.WhereDynamic(id).ToOneAsync<TDto>();
+    }
+
+    /// <summary>
+    ///     根据条件获取Dto
+    /// </summary>
+    public Task<TDto> GetAsync<TDto>(Expression<Func<TEntity, bool>> exp)
+    {
+        return Select.Where(exp).ToOneAsync<TDto>();
+    }
+
+    /// <summary>
+    ///     根据条件获取实体
+    /// </summary>
+    public Task<TEntity> GetAsync(Expression<Func<TEntity, bool>> exp)
+    {
+        return Select.Where(exp).ToOneAsync();
+    }
+
+    /// <summary>
+    ///     获取分页列表
+    /// </summary>
+    /// <param name="dynamicFilterInfo">动态过滤器</param>
+    /// <param name="page">页码</param>
+    /// <param name="pageSize">页容量</param>
+    /// <returns>分页列表和总条数</returns>
+    public async Task<(IEnumerable<TEntity> List, long Total)> GetPagedListAsync(
+        DynamicFilterInfo dynamicFilterInfo, int page, int pageSize)
+    {
+        var list = await Select.WhereDynamicFilter(dynamicFilterInfo)
+                               .Count(out var total)
+                               .Page(page, pageSize)
+                               .ToListAsync();
+        return (list, total);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Application/Services/IService.cs b/src/backend/NetAdmin.Application/Services/IService.cs
new file mode 100644
index 00000000..7453be44
--- /dev/null
+++ b/src/backend/NetAdmin.Application/Services/IService.cs
@@ -0,0 +1,19 @@
+using NetAdmin.Domain.Contexts;
+
+namespace NetAdmin.Application.Services;
+
+/// <summary>
+///     服务接口
+/// </summary>
+public interface IService
+{
+    /// <summary>
+    ///     服务编号
+    /// </summary>
+    Guid ServiceId { get; set; }
+
+    /// <summary>
+    ///     上下文用户
+    /// </summary>
+    ContextUserToken UserToken { get; set; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Application/Services/RepositoryService.cs b/src/backend/NetAdmin.Application/Services/RepositoryService.cs
new file mode 100644
index 00000000..11c313d3
--- /dev/null
+++ b/src/backend/NetAdmin.Application/Services/RepositoryService.cs
@@ -0,0 +1,34 @@
+using NetAdmin.Application.Repositories;
+using NetAdmin.Domain.DbMaps.Dependency;
+
+namespace NetAdmin.Application.Services;
+
+/// <summary>
+///     仓储服务基类
+/// </summary>
+/// <typeparam name="TEntity">实体类型</typeparam>
+/// <typeparam name="TLogger">日志类型</typeparam>
+public abstract class RepositoryService<TEntity, TLogger> : ServiceBase<TLogger>
+    where TEntity : EntityBase
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="RepositoryService{TEntity, TLogger}" /> class.
+    /// </summary>
+    protected RepositoryService(Repository<TEntity> rpo) //
+    {
+        Rpo = rpo;
+    }
+
+    /// <summary>
+    ///     默认仓储
+    /// </summary>
+    protected Repository<TEntity> Rpo { get; }
+
+    /// <summary>
+    ///     启用级联保存
+    /// </summary>
+    protected bool EnableCascadeSave {
+        get => Rpo.DbContextOptions.EnableCascadeSave;
+        set => Rpo.DbContextOptions.EnableCascadeSave = value;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Application/Services/ServiceBase.cs b/src/backend/NetAdmin.Application/Services/ServiceBase.cs
new file mode 100644
index 00000000..476adfd9
--- /dev/null
+++ b/src/backend/NetAdmin.Application/Services/ServiceBase.cs
@@ -0,0 +1,45 @@
+using NetAdmin.Domain.Contexts;
+
+namespace NetAdmin.Application.Services;
+
+/// <inheritdoc />
+public abstract class ServiceBase<TLogger> : ServiceBase
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ServiceBase{TLogger}" /> class.
+    /// </summary>
+    protected ServiceBase() //
+    {
+        Logger = App.GetService<ILogger<TLogger>>();
+    }
+
+    /// <summary>
+    ///     日志记录器
+    /// </summary>
+    protected ILogger<TLogger> Logger { get; }
+}
+
+/// <summary>
+///     服务基类
+/// </summary>
+public abstract class ServiceBase : IScoped, IService
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ServiceBase" /> class.
+    /// </summary>
+    protected ServiceBase()
+    {
+        UserToken = App.GetService<ContextUserToken>();
+        ServiceId = Guid.NewGuid();
+    }
+
+    /// <summary>
+    ///     服务编号
+    /// </summary>
+    public Guid ServiceId { get; set; }
+
+    /// <summary>
+    ///     上下文用户
+    /// </summary>
+    public ContextUserToken UserToken { get; set; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.BizServer.Application/NetAdmin.BizServer.Application.csproj b/src/backend/NetAdmin.BizServer.Application/NetAdmin.BizServer.Application.csproj
new file mode 100644
index 00000000..d66eacec
--- /dev/null
+++ b/src/backend/NetAdmin.BizServer.Application/NetAdmin.BizServer.Application.csproj
@@ -0,0 +1,6 @@
+<Project Sdk="Microsoft.NET.Sdk">
+    <Import Project="$(SolutionDir)/CodeQuality.props"/>
+    <ItemGroup>
+        <ProjectReference Include="../NetAdmin.SysComponent.Application/NetAdmin.SysComponent.Application.csproj"/>
+    </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/src/backend/NetAdmin.BizServer.Cache/NetAdmin.BizServer.Cache.csproj b/src/backend/NetAdmin.BizServer.Cache/NetAdmin.BizServer.Cache.csproj
new file mode 100644
index 00000000..1c307fc1
--- /dev/null
+++ b/src/backend/NetAdmin.BizServer.Cache/NetAdmin.BizServer.Cache.csproj
@@ -0,0 +1,7 @@
+<Project Sdk="Microsoft.NET.Sdk">
+    <Import Project="$(SolutionDir)/CodeQuality.props"/>
+    <ItemGroup>
+        <ProjectReference Include="../NetAdmin.SysComponent.Cache/NetAdmin.SysComponent.Cache.csproj"/>
+        <ProjectReference Include="../NetAdmin.BizServer.Application/NetAdmin.BizServer.Application.csproj"/>
+    </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/src/backend/NetAdmin.BizServer.Host/Extensions/ServiceCollectionExtensions.cs b/src/backend/NetAdmin.BizServer.Host/Extensions/ServiceCollectionExtensions.cs
new file mode 100644
index 00000000..979b7096
--- /dev/null
+++ b/src/backend/NetAdmin.BizServer.Host/Extensions/ServiceCollectionExtensions.cs
@@ -0,0 +1,39 @@
+using NetAdmin.BizServer.Host.Filters;
+using NetAdmin.Domain.Contexts;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.Enums.Sys;
+using NetAdmin.Host.Extensions;
+
+namespace NetAdmin.BizServer.Host.Extensions;
+
+/// <summary>
+///     ServiceCollection 扩展方法
+/// </summary>
+[SuppressSniffer]
+public static class ServiceCollectionExtensions
+{
+    /// <summary>
+    ///     注册FreeSql
+    /// </summary>
+    public static IServiceCollection AddFreeSql(this IServiceCollection me)
+    {
+        _ = me.AddFreeSql( //
+            FreeSqlInitOptions.SyncStructure | FreeSqlInitOptions.InsertSeedData, freeSql => {
+                // 数据权限过滤器
+                _ = freeSql.GlobalFilter.ApplyOnlyIf<IFieldOwner>( //
+                    Chars.FLG_GLOBAL_FILTER_DATA
+                  , () => ContextUserInfo.Create()?.Roles.All(x => x.DataScope == DataScopes.Self) ?? false
+                  , a => a.OwnerId == ContextUserInfo.Create().Id);
+            });
+        return me;
+    }
+
+    /// <summary>
+    ///     jwt授权处理器
+    /// </summary>
+    public static IServiceCollection AddJwt(this IServiceCollection me)
+    {
+        _ = me.AddJwt<JwtHandler>(enableGlobalAuthorize: true);
+        return me;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.BizServer.Host/Filters/JwtHandler.cs b/src/backend/NetAdmin.BizServer.Host/Filters/JwtHandler.cs
new file mode 100644
index 00000000..6b74d59f
--- /dev/null
+++ b/src/backend/NetAdmin.BizServer.Host/Filters/JwtHandler.cs
@@ -0,0 +1,48 @@
+using NetAdmin.Domain.Contexts;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.BizServer.Host.Filters;
+
+/// <inheritdoc />
+[SuppressSniffer]
+public sealed class JwtHandler : AppAuthorizeHandler
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="JwtHandler" /> class.
+    /// </summary>
+    public JwtHandler() { }
+
+    /// <summary>
+    ///     验证管道
+    /// </summary>
+    public override async Task<bool> PipelineAsync(AuthorizationHandlerContext context, DefaultHttpContext httpContext)
+    {
+        // 无法从token中获取context user，拒绝访问
+        if (App.GetService<ContextUserToken>() == null) {
+            return false;
+        }
+
+        // 数据库不存在context user，或用户已被禁用，拒绝访问
+        var userInfo = await App.GetService<IUserCache>().UserInfoAsync();
+        if (userInfo?.Roles == null) {
+            return false;
+        }
+
+        httpContext.Items.Add(Chars.FLG_CONTEXT_USER_INFO, userInfo);
+
+        var path = httpContext.Request.Path.Value!.TrimStart('/');
+        foreach (var role in userInfo.Roles) {
+            // 忽略权限控制，直接通过
+            if (role.IgnorePermissionControl) {
+                return true;
+            }
+
+            // 获取所属角色接口权限 进行核对
+            if (role.ApiIds?.Contains(path) ?? false) {
+                return true;
+            }
+        }
+
+        return false;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.BizServer.Host/NetAdmin.BizServer.Host.csproj b/src/backend/NetAdmin.BizServer.Host/NetAdmin.BizServer.Host.csproj
new file mode 100644
index 00000000..cff7f53a
--- /dev/null
+++ b/src/backend/NetAdmin.BizServer.Host/NetAdmin.BizServer.Host.csproj
@@ -0,0 +1,15 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+    <Import Project="$(SolutionDir)/CodeQuality.props"/>
+    <ItemGroup>
+        <EmbeddedResource Include="$(SolutionDir)/assets/captcha/**" LinkBase="Assets/Captcha"/>
+    </ItemGroup>
+    <ItemGroup>
+        <ProjectReference Include="../NetAdmin.SysComponent.Host/NetAdmin.SysComponent.Host.csproj"/>
+        <ProjectReference Include="../NetAdmin.BizServer.Cache/NetAdmin.BizServer.Cache.csproj"/>
+    </ItemGroup>
+    <ItemGroup>
+        <None Update="*.json">
+            <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+        </None>
+    </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/src/backend/NetAdmin.BizServer.Host/Properties/launchSettings.json b/src/backend/NetAdmin.BizServer.Host/Properties/launchSettings.json
new file mode 100644
index 00000000..6794562a
--- /dev/null
+++ b/src/backend/NetAdmin.BizServer.Host/Properties/launchSettings.json
@@ -0,0 +1,15 @@
+{
+  "$schema": "https://json.schemastore.org/launchsettings.json",
+  "profiles": {
+    "NetAdmin.BizServer.Host": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "launchUrl": "http://localhost:65010",
+      "applicationUrl": "http://[::]:65010",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.BizServer.Host/Startup.cs b/src/backend/NetAdmin.BizServer.Host/Startup.cs
new file mode 100644
index 00000000..cb304232
--- /dev/null
+++ b/src/backend/NetAdmin.BizServer.Host/Startup.cs
@@ -0,0 +1,67 @@
+using NetAdmin.BizServer.Host.Extensions;
+using NetAdmin.Host.Extensions;
+using NetAdmin.Host.Middlewares;
+using Prometheus;
+
+namespace NetAdmin.BizServer.Host;
+
+/// <summary>
+///     启动类
+/// </summary>
+public sealed class Startup : NetAdmin.Host.Startup
+{
+    /// <summary>
+    ///     程序入口
+    /// </summary>
+    public static void Main(string[] args)
+    {
+        ShowBanner();
+        _ = Serve.Run(RunOptions.Default.WithArgs(args));
+    }
+
+    /// <summary>
+    ///     配置应用程序中间件
+    /// </summary>
+    public void Configure(IApplicationBuilder app)
+    {
+        _ = app                                      //
+            .UseRealIp()                             // 获取真实IP
+            .EnableBuffering()                       // 启用 Body 重读
+            .UseMiddleware<RequestAuditMiddleware>() // 请求审计
+            #if DEBUG
+            .UseOpenApiSkin() // Swagger皮肤
+            #endif
+            .UseInject(string.Empty) // /                                            Furion脚手架
+            .UseUnifyResultStatusCodes() //                                                     状态码拦截
+            .UseCorsAccessor() //                                                               跨域访问
+            .UseRouting() //                                                                    路由映射
+            .UseHttpMetrics() //                                    性能监控
+            .UseAuthentication() // /                                                           认证
+            .UseAuthorization() //                                                              授权
+            .UseMiddleware<RemoveNullNodeMiddleware>() //                                       删除json空节点
+            .UseEndpoints(); //                                                                 执行匹配的端点
+    }
+
+    /// <summary>
+    ///     配置服务容器
+    /// </summary>
+    public void ConfigureServices(IServiceCollection services)
+    {
+        _ = services.AddConsoleFormatter() // 控制台日志模板
+                    .AddAllOptions()       // 注册配置项
+                    .AddJwt()              // Jwt 授权处理器
+                    .AddSnowflake()        // 雪花编号生成器
+                    .AddEventBus()         // 事件总线
+                    .AddFreeSql()          // freeSql
+                    .AddRemoteRequest()    // 注册远程请求
+                    .AddCorsAccessor()     // 支持跨域访问
+                    .AddContextUser()      // 上下文用户
+                    .AddRedisCache()       // Redis缓存
+
+                    // IMvcBuilder
+                    .AddControllers()             // 注册控制器
+                    .AddJsonSerializer(true)      // json序列化配置
+                    .AddDefaultApiResultHandler() // Api结果处理器
+            ;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.BizServer.Host/settings.Development.json b/src/backend/NetAdmin.BizServer.Host/settings.Development.json
new file mode 100644
index 00000000..9e26dfee
--- /dev/null
+++ b/src/backend/NetAdmin.BizServer.Host/settings.Development.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.BizServer.Host/settings.Test.json b/src/backend/NetAdmin.BizServer.Host/settings.Test.json
new file mode 100644
index 00000000..9e26dfee
--- /dev/null
+++ b/src/backend/NetAdmin.BizServer.Host/settings.Test.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.BizServer.Host/settings.json b/src/backend/NetAdmin.BizServer.Host/settings.json
new file mode 100644
index 00000000..1da5c252
--- /dev/null
+++ b/src/backend/NetAdmin.BizServer.Host/settings.json
@@ -0,0 +1,47 @@
+{
+  "$schema": "https://gitee.com/dotnetchina/Furion/raw/v4/schemas/v4/furion-schema.json",
+  "SpecificationDocumentSettings": {
+    "GroupOpenApiInfos": [
+      {
+        "Group": "Sys",
+        "Title": "系统组件",
+        "Description": "NetAdmin - 系统组件",
+      },
+      {
+        "Group": "Biz",
+        "Title": "业务服务",
+        "Description": "NetAdmin - 业务服务",
+      },
+      {
+        "Group": "Tpl",
+        "Title": "示例服务",
+        "Description": "NetAdmin - 示例服务",
+        "Visible": false
+      },
+      {
+        "Group": "Health",
+        "Visible": false
+      }
+    ],
+    "SecurityDefinitions": [
+      {
+        "Id": "Bearer",
+        "Type": "ApiKey",
+        "Name": "Authorization",
+        "Description": "JWT Authorization header using the Bearer scheme.",
+        "BearerFormat": "JWT",
+        "Scheme": "bearer",
+        "In": "Header",
+        "Requirement": {
+          "Scheme": {
+            "Reference": {
+              "Id": "Bearer",
+              "Type": "SecurityScheme"
+            },
+            "Accesses": []
+          }
+        }
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.BizServer.Tests/NetAdmin.BizServer.Tests.csproj b/src/backend/NetAdmin.BizServer.Tests/NetAdmin.BizServer.Tests.csproj
new file mode 100644
index 00000000..974ab32d
--- /dev/null
+++ b/src/backend/NetAdmin.BizServer.Tests/NetAdmin.BizServer.Tests.csproj
@@ -0,0 +1,21 @@
+<Project Sdk="Microsoft.NET.Sdk">
+    <PropertyGroup>
+        <IsTestProject>true</IsTestProject>
+    </PropertyGroup>
+    <ItemGroup>
+        <ProjectReference Include="../NetAdmin.Host/NetAdmin.Host.csproj"/>
+        <ProjectReference Include="..\NetAdmin.BizServer.Host\NetAdmin.BizServer.Host.csproj"/>
+    </ItemGroup>
+    <ItemGroup>
+        <PackageReference Include="Microsoft.NET.Test.Sdk" Version="17.8.0-preview-23371-04"/>
+        <PackageReference Include="xunit" Version="2.5.1-pre.20"/>
+        <PackageReference Include="xunit.runner.visualstudio" Version="2.5.1-pre.10">
+            <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+            <PrivateAssets>all</PrivateAssets>
+        </PackageReference>
+        <PackageReference Include="coverlet.collector" Version="6.0.0">
+            <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+            <PrivateAssets>all</PrivateAssets>
+        </PackageReference>
+    </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/src/backend/NetAdmin.BizServer.Tests/UsedNumberTests.cs b/src/backend/NetAdmin.BizServer.Tests/UsedNumberTests.cs
new file mode 100644
index 00000000..88b63515
--- /dev/null
+++ b/src/backend/NetAdmin.BizServer.Tests/UsedNumberTests.cs
@@ -0,0 +1,18 @@
+using Xunit;
+
+namespace NetAdmin.BizServer.Tests;
+
+/// <summary>
+///     UsedNumberTests
+/// </summary>
+public class UsedNumberTests
+{
+    /// <summary>
+    ///     Test1
+    /// </summary>
+    [Fact]
+    public void Test1()
+    {
+        // Assert.True("1".Int32() == 2);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Cache/CacheBase.cs b/src/backend/NetAdmin.Cache/CacheBase.cs
new file mode 100644
index 00000000..67b87c14
--- /dev/null
+++ b/src/backend/NetAdmin.Cache/CacheBase.cs
@@ -0,0 +1,29 @@
+using NetAdmin.Application.Services;
+
+namespace NetAdmin.Cache;
+
+/// <summary>
+///     缓存基类
+/// </summary>
+public abstract class CacheBase<TCacheContainer, TService> : ICache<TCacheContainer, TService>
+    where TService : IService
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="CacheBase{TCacheLoad, TService}" /> class.
+    /// </summary>
+    protected CacheBase(TCacheContainer cache, TService service)
+    {
+        Cache   = cache;
+        Service = service;
+    }
+
+    /// <summary>
+    ///     缓存对象
+    /// </summary>
+    public TCacheContainer Cache { get; }
+
+    /// <summary>
+    ///     关联的服务
+    /// </summary>
+    public TService Service { get; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Cache/DistributedCache.cs b/src/backend/NetAdmin.Cache/DistributedCache.cs
new file mode 100644
index 00000000..f8d20b93
--- /dev/null
+++ b/src/backend/NetAdmin.Cache/DistributedCache.cs
@@ -0,0 +1,95 @@
+using System.Runtime.CompilerServices;
+using NetAdmin.Application.Services;
+
+namespace NetAdmin.Cache;
+
+/// <summary>
+///     分布式缓存
+/// </summary>
+public abstract class DistributedCache<TService> : CacheBase<IDistributedCache, TService>
+    where TService : IService
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="DistributedCache{TService}" /> class.
+    /// </summary>
+    protected DistributedCache(IDistributedCache cache, TService service) //
+        : base(cache, service) { }
+
+    /// <summary>
+    ///     创建缓存
+    /// </summary>
+    /// <param name="key">缓存键</param>
+    /// <param name="createObj">创建对象</param>
+    /// <param name="absLifeTime">绝对过期时间</param>
+    /// <param name="slideLifeTime">滑动过期时间</param>
+    /// <typeparam name="T">缓存对象类型</typeparam>
+    /// <returns>缓存对象</returns>
+    protected Task CreateAsync<T>(string key, T createObj, TimeSpan? absLifeTime = null, TimeSpan? slideLifeTime = null)
+    {
+        var cacheWrite = createObj.ToJson();
+
+        var options = new DistributedCacheEntryOptions();
+        if (absLifeTime != null) {
+            _ = options.SetAbsoluteExpiration(absLifeTime.Value);
+        }
+
+        if (slideLifeTime != null) {
+            _ = options.SetSlidingExpiration(slideLifeTime.Value);
+        }
+
+        return Cache.SetAsync(key, cacheWrite.Hex(), options);
+    }
+
+    /// <summary>
+    ///     获取缓存
+    /// </summary>
+    protected async Task<T> GetAsync<T>(string key)
+    {
+        var cacheRead = await Cache.GetStringAsync(key);
+        return cacheRead != null ? cacheRead.ToObject<T>() : default;
+    }
+
+    /// <summary>
+    ///     获取缓存键
+    /// </summary>
+    protected virtual string GetCacheKey(string id = "0", [CallerMemberName] string memberName = null)
+    {
+        return $"{GetType().FullName}.{memberName}.{id}";
+    }
+
+    /// <summary>
+    ///     获取或创建缓存
+    /// </summary>
+    /// <param name="key">缓存键</param>
+    /// <param name="createProc">创建函数</param>
+    /// <param name="absLifeTime">绝对过期时间</param>
+    /// <param name="slideLifeTime">滑动过期时间</param>
+    /// <typeparam name="T">缓存对象类型</typeparam>
+    /// <returns>缓存对象</returns>
+    protected async Task<T> GetOrCreateAsync<T>(string    key, Func<Task<T>> createProc, TimeSpan? absLifeTime = null
+                                              , TimeSpan? slideLifeTime = null)
+    {
+        var cacheRead = await GetAsync<T>(key);
+        if (cacheRead is not null) {
+            return cacheRead;
+        }
+
+        var obj = await createProc.Invoke();
+
+        var cacheWrite = obj?.ToJson();
+        if (cacheWrite == null) {
+            return obj;
+        }
+
+        await CreateAsync(key, obj, absLifeTime, slideLifeTime);
+        return obj;
+    }
+
+    /// <summary>
+    ///     删除缓存
+    /// </summary>
+    protected Task RemoveAsync(string key)
+    {
+        return Cache.RemoveAsync(key);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Cache/ICache.cs b/src/backend/NetAdmin.Cache/ICache.cs
new file mode 100644
index 00000000..092f8efd
--- /dev/null
+++ b/src/backend/NetAdmin.Cache/ICache.cs
@@ -0,0 +1,20 @@
+using NetAdmin.Application.Services;
+
+namespace NetAdmin.Cache;
+
+/// <summary>
+///     缓存接口
+/// </summary>
+public interface ICache<out TCacheLoad, out TService>
+    where TService : IService
+{
+    /// <summary>
+    ///     缓存对象
+    /// </summary>
+    TCacheLoad Cache { get; }
+
+    /// <summary>
+    ///     关联的服务
+    /// </summary>
+    public TService Service { get; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Cache/MemoryCache.cs b/src/backend/NetAdmin.Cache/MemoryCache.cs
new file mode 100644
index 00000000..a2c3cf95
--- /dev/null
+++ b/src/backend/NetAdmin.Cache/MemoryCache.cs
@@ -0,0 +1,16 @@
+using NetAdmin.Application.Services;
+
+namespace NetAdmin.Cache;
+
+/// <summary>
+///     内存缓存
+/// </summary>
+public abstract class MemoryCache<TService> : CacheBase<IMemoryCache, TService>
+    where TService : IService
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="MemoryCache{TService}" /> class.
+    /// </summary>
+    protected MemoryCache(IMemoryCache cache, TService service) //
+        : base(cache, service) { }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Cache/NetAdmin.Cache.csproj b/src/backend/NetAdmin.Cache/NetAdmin.Cache.csproj
new file mode 100644
index 00000000..1124ffb6
--- /dev/null
+++ b/src/backend/NetAdmin.Cache/NetAdmin.Cache.csproj
@@ -0,0 +1,6 @@
+<Project Sdk="Microsoft.NET.Sdk">
+    <Import Project="$(SolutionDir)/CodeQuality.props"/>
+    <ItemGroup>
+        <ProjectReference Include="../NetAdmin.Application/NetAdmin.Application.csproj"/>
+    </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/DataValidation/AlipayAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/DataValidation/AlipayAttribute.cs
new file mode 100644
index 00000000..47b7dfef
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/DataValidation/AlipayAttribute.cs
@@ -0,0 +1,23 @@
+namespace NetAdmin.Domain.Attributes.DataValidation;
+
+/// <summary>
+///     支付宝验证器（手机或邮箱）
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property | AttributeTargets.Parameter)]
+public sealed class AlipayAttribute : ValidationAttribute
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="AlipayAttribute" /> class.
+    /// </summary>
+    public AlipayAttribute()
+    {
+        ErrorMessageResourceName = nameof(Ln.支付宝账号);
+        ErrorMessageResourceType = typeof(Ln);
+    }
+
+    /// <inheritdoc />
+    public override bool IsValid(object value)
+    {
+        return new MobileAttribute().IsValid(value) || new EmailAddressAttribute().IsValid(value);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/DataValidation/CertificateAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/DataValidation/CertificateAttribute.cs
new file mode 100644
index 00000000..95eec345
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/DataValidation/CertificateAttribute.cs
@@ -0,0 +1,18 @@
+namespace NetAdmin.Domain.Attributes.DataValidation;
+
+/// <summary>
+///     证件号码
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property | AttributeTargets.Parameter)]
+public sealed class CertificateAttribute : RegexAttribute
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="CertificateAttribute" /> class.
+    /// </summary>
+    public CertificateAttribute() //
+        : base(Chars.RGX_CERTIFICATE)
+    {
+        ErrorMessageResourceName = nameof(Ln.无效证件号码);
+        ErrorMessageResourceType = typeof(Ln);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/DataValidation/ChineseNameAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/DataValidation/ChineseNameAttribute.cs
new file mode 100644
index 00000000..8e5e9652
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/DataValidation/ChineseNameAttribute.cs
@@ -0,0 +1,18 @@
+namespace NetAdmin.Domain.Attributes.DataValidation;
+
+/// <summary>
+///     中文姓名
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property | AttributeTargets.Parameter)]
+public sealed class ChineseNameAttribute : RegexAttribute
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ChineseNameAttribute" /> class.
+    /// </summary>
+    public ChineseNameAttribute() //
+        : base(Chars.RGX_CHINESE_NAME)
+    {
+        ErrorMessageResourceName = nameof(Ln.中文姓名);
+        ErrorMessageResourceType = typeof(Ln);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/DataValidation/CulturePhoneAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/DataValidation/CulturePhoneAttribute.cs
new file mode 100644
index 00000000..c866505e
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/DataValidation/CulturePhoneAttribute.cs
@@ -0,0 +1,23 @@
+namespace NetAdmin.Domain.Attributes.DataValidation;
+
+/// <summary>
+///     电话验证器（手机或固话）
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property | AttributeTargets.Parameter)]
+public sealed class CulturePhoneAttribute : ValidationAttribute
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="CulturePhoneAttribute" /> class.
+    /// </summary>
+    public CulturePhoneAttribute()
+    {
+        ErrorMessageResourceName = nameof(Ln.手机号码或座机号码);
+        ErrorMessageResourceType = typeof(Ln);
+    }
+
+    /// <inheritdoc />
+    public override bool IsValid(object value)
+    {
+        return new MobileAttribute().IsValid(value) || new TelephoneAttribute().IsValid(value);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/DataValidation/CultureRangeAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/DataValidation/CultureRangeAttribute.cs
new file mode 100644
index 00000000..0069dcd3
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/DataValidation/CultureRangeAttribute.cs
@@ -0,0 +1,26 @@
+namespace NetAdmin.Domain.Attributes.DataValidation;
+
+/// <summary>
+///     区间验证器
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property | AttributeTargets.Parameter)]
+public sealed class CultureRangeAttribute : RangeAttribute
+{
+    /// <inheritdoc cref="RangeAttribute" />
+    public CultureRangeAttribute(double minimum, double maximum) //
+        : base(minimum, maximum) { }
+
+    /// <inheritdoc cref="RangeAttribute" />
+    public CultureRangeAttribute(int minimum, int maximum) //
+        : base(minimum, maximum) { }
+
+    /// <inheritdoc cref="RangeAttribute" />
+    public CultureRangeAttribute(Type type, string minimum, string maximum) //
+        : base(type, minimum, maximum) { }
+
+    /// <inheritdoc />
+    public override string FormatErrorMessage(string name)
+    {
+        return $"{ErrorMessageString} {Ln.必须介于} {Minimum} - {Maximum}";
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/DataValidation/CultureRequiredAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/DataValidation/CultureRequiredAttribute.cs
new file mode 100644
index 00000000..44fd7c6f
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/DataValidation/CultureRequiredAttribute.cs
@@ -0,0 +1,17 @@
+namespace NetAdmin.Domain.Attributes.DataValidation;
+
+/// <summary>
+///     非空验证器
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property | AttributeTargets.Parameter)]
+public sealed class CultureRequiredAttribute : RequiredAttribute
+{
+    /// <summary>Applies formatting to an error message, based on the data field where the error occurred.</summary>
+    /// <param name="name">The name to include in the formatted message.</param>
+    /// <exception cref="T:System.InvalidOperationException">The current attribute is malformed.</exception>
+    /// <returns>An instance of the formatted error message.</returns>
+    public override string FormatErrorMessage(string name)
+    {
+        return $"{ErrorMessageString.NullOrEmpty(name)} {Ln.不能为空}";
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/DataValidation/CultureUrlAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/DataValidation/CultureUrlAttribute.cs
new file mode 100644
index 00000000..8658c418
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/DataValidation/CultureUrlAttribute.cs
@@ -0,0 +1,21 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+
+namespace NetAdmin.Domain.Attributes.DataValidation;
+
+/// <summary>
+///     Url验证器
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property | AttributeTargets.Parameter)]
+public sealed class CultureUrlAttribute : RegexAttribute
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="CultureUrlAttribute" /> class.
+    /// </summary>
+    public CultureUrlAttribute() //
+        : base(Chars.RGX_URL)
+    {
+        ErrorMessageResourceName = nameof(Ln.无效网络地址);
+        ErrorMessageResourceType = typeof(Ln);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/DataValidation/EmailAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/DataValidation/EmailAttribute.cs
new file mode 100644
index 00000000..6717b8f6
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/DataValidation/EmailAttribute.cs
@@ -0,0 +1,18 @@
+namespace NetAdmin.Domain.Attributes.DataValidation;
+
+/// <summary>
+///     邮箱验证器
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property | AttributeTargets.Parameter)]
+public sealed class EmailAttribute : RegexAttribute
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="EmailAttribute" /> class.
+    /// </summary>
+    public EmailAttribute() //
+        : base(Chars.RGX_EMAIL)
+    {
+        ErrorMessageResourceName = nameof(Ln.电子邮箱);
+        ErrorMessageResourceType = typeof(Ln);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/DataValidation/InviteCodeAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/DataValidation/InviteCodeAttribute.cs
new file mode 100644
index 00000000..a55a02ec
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/DataValidation/InviteCodeAttribute.cs
@@ -0,0 +1,18 @@
+namespace NetAdmin.Domain.Attributes.DataValidation;
+
+/// <summary>
+///     邀请码验证器
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property | AttributeTargets.Parameter)]
+public sealed class InviteCodeAttribute : RegexAttribute
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="InviteCodeAttribute" /> class.
+    /// </summary>
+    public InviteCodeAttribute() //
+        : base(Chars.RGX_INVITE_CODE)
+    {
+        ErrorMessageResourceName = nameof(Ln.邀请码不正确);
+        ErrorMessageResourceType = typeof(Ln);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/DataValidation/MobileAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/DataValidation/MobileAttribute.cs
new file mode 100644
index 00000000..f37e34bf
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/DataValidation/MobileAttribute.cs
@@ -0,0 +1,18 @@
+namespace NetAdmin.Domain.Attributes.DataValidation;
+
+/// <summary>
+///     手机号验证器
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property | AttributeTargets.Parameter)]
+public sealed class MobileAttribute : RegexAttribute
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="MobileAttribute" /> class.
+    /// </summary>
+    public MobileAttribute() //
+        : base(Chars.RGX_MOBILE)
+    {
+        ErrorMessageResourceName = nameof(Ln.手机号码);
+        ErrorMessageResourceType = typeof(Ln);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/DataValidation/PasswordAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/DataValidation/PasswordAttribute.cs
new file mode 100644
index 00000000..0ff71759
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/DataValidation/PasswordAttribute.cs
@@ -0,0 +1,18 @@
+namespace NetAdmin.Domain.Attributes.DataValidation;
+
+/// <summary>
+///     密码验证器
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property | AttributeTargets.Parameter)]
+public sealed class PasswordAttribute : RegexAttribute
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="PasswordAttribute" /> class.
+    /// </summary>
+    public PasswordAttribute() //
+        : base(Chars.RGX_PASSWORD)
+    {
+        ErrorMessageResourceName = nameof(Ln._8位以上数字字母组合);
+        ErrorMessageResourceType = typeof(Ln);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/DataValidation/PayPasswordAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/DataValidation/PayPasswordAttribute.cs
new file mode 100644
index 00000000..f97f1c5c
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/DataValidation/PayPasswordAttribute.cs
@@ -0,0 +1,18 @@
+namespace NetAdmin.Domain.Attributes.DataValidation;
+
+/// <summary>
+///     交易密码验证器
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property | AttributeTargets.Parameter)]
+public sealed class PayPasswordAttribute : RegexAttribute
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="PayPasswordAttribute" /> class.
+    /// </summary>
+    public PayPasswordAttribute() //
+        : base(Chars.RGX_PAY_PASSWORD)
+    {
+        ErrorMessageResourceName = nameof(Ln._6位数字);
+        ErrorMessageResourceType = typeof(Ln);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/DataValidation/RegexAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/DataValidation/RegexAttribute.cs
new file mode 100644
index 00000000..f4eeb44d
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/DataValidation/RegexAttribute.cs
@@ -0,0 +1,16 @@
+namespace NetAdmin.Domain.Attributes.DataValidation;
+
+/// <summary>
+///     正则表达式验证器
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property | AttributeTargets.Parameter)]
+#pragma warning disable DesignedForInheritance
+public class RegexAttribute : RegularExpressionAttribute
+    #pragma warning restore DesignedForInheritance
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="RegexAttribute" /> class.
+    /// </summary>
+    protected RegexAttribute(string pattern) //
+        : base(pattern) { }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/DataValidation/SpecificDeptAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/DataValidation/SpecificDeptAttribute.cs
new file mode 100644
index 00000000..b3bd1cbd
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/DataValidation/SpecificDeptAttribute.cs
@@ -0,0 +1,27 @@
+using NetAdmin.Domain.Dto.Sys.Role;
+using NetAdmin.Domain.Enums.Sys;
+
+namespace NetAdmin.Domain.Attributes.DataValidation;
+
+/// <summary>
+///     数据范围为特定部门的验证器
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property | AttributeTargets.Parameter)]
+public sealed class SpecificDeptAttribute : ValidationAttribute
+{
+    /// <inheritdoc />
+    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
+    {
+        if (validationContext.ObjectInstance is not CreateRoleReq { DataScope: DataScopes.SpecificDept }) {
+            return ValidationResult.Success;
+        }
+        #pragma warning disable IDE0046
+
+        if ((value as IEnumerable<long>)?.Any() ?? false) {
+            #pragma warning restore IDE0046
+            return ValidationResult.Success;
+        }
+
+        return new ValidationResult(Ln.未指定部门);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/DataValidation/TelephoneAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/DataValidation/TelephoneAttribute.cs
new file mode 100644
index 00000000..c521e97a
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/DataValidation/TelephoneAttribute.cs
@@ -0,0 +1,18 @@
+namespace NetAdmin.Domain.Attributes.DataValidation;
+
+/// <summary>
+///     固定电话验证器
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property | AttributeTargets.Parameter)]
+public sealed class TelephoneAttribute : RegexAttribute
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="TelephoneAttribute" /> class.
+    /// </summary>
+    public TelephoneAttribute() //
+        : base(Chars.RGX_TELEPHONE)
+    {
+        ErrorMessageResourceName = nameof(Ln.区号电话号码分机号);
+        ErrorMessageResourceType = typeof(Ln);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/DataValidation/UserNameAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/DataValidation/UserNameAttribute.cs
new file mode 100644
index 00000000..a97ed3da
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/DataValidation/UserNameAttribute.cs
@@ -0,0 +1,34 @@
+namespace NetAdmin.Domain.Attributes.DataValidation;
+
+/// <summary>
+///     用户名验证器
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property | AttributeTargets.Parameter)]
+public sealed class UserNameAttribute : RegexAttribute
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="UserNameAttribute" /> class.
+    /// </summary>
+    public UserNameAttribute() //
+        : base(Chars.RGX_USERNAME)
+    {
+        ErrorMessageResourceType = typeof(Ln);
+    }
+
+    /// <inheritdoc />
+    public override bool IsValid(object value)
+    {
+        if (!base.IsValid(value)) {
+            ErrorMessageResourceName = nameof(Ln.用户名长度4位以上);
+            return false;
+        }
+
+        if (!new MobileAttribute().IsValid(value)) {
+            return true;
+        }
+
+        // 不能是手机号
+        ErrorMessageResourceName = nameof(Ln.用户名不能是手机号);
+        return false;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/DataValidation/VerifyCodeAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/DataValidation/VerifyCodeAttribute.cs
new file mode 100644
index 00000000..07cdf1c1
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/DataValidation/VerifyCodeAttribute.cs
@@ -0,0 +1,18 @@
+namespace NetAdmin.Domain.Attributes.DataValidation;
+
+/// <summary>
+///     验证码验证器
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Property | AttributeTargets.Parameter)]
+public sealed class VerifyCodeAttribute : RegexAttribute
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="VerifyCodeAttribute" /> class.
+    /// </summary>
+    public VerifyCodeAttribute() //
+        : base(Chars.RGX_VERIFY_CODE)
+    {
+        ErrorMessageResourceName = nameof(Ln.验证码不正确);
+        ErrorMessageResourceType = typeof(Ln);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/ServerTimeAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/ServerTimeAttribute.cs
new file mode 100644
index 00000000..47d195bf
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/ServerTimeAttribute.cs
@@ -0,0 +1,7 @@
+namespace NetAdmin.Domain.Attributes;
+
+/// <summary>
+///     标记一个字段启用服务器时间
+/// </summary>
+[AttributeUsage(AttributeTargets.Property)]
+public sealed class ServerTimeAttribute : Attribute { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Attributes/SnowflakeAttribute.cs b/src/backend/NetAdmin.Domain/Attributes/SnowflakeAttribute.cs
new file mode 100644
index 00000000..3c652389
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Attributes/SnowflakeAttribute.cs
@@ -0,0 +1,12 @@
+// ReSharper disable AutoPropertyCanBeMadeGetOnly.Global
+
+namespace NetAdmin.Domain.Attributes;
+
+/// <summary>
+///     标记一个字段启用雪花编号生成
+/// </summary>
+[AttributeUsage(AttributeTargets.Property)]
+public sealed class SnowflakeAttribute : Attribute
+{
+    //
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Contexts/ContextApp.cs b/src/backend/NetAdmin.Domain/Contexts/ContextApp.cs
new file mode 100644
index 00000000..836fa40b
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Contexts/ContextApp.cs
@@ -0,0 +1,113 @@
+namespace NetAdmin.Domain.Contexts;
+
+/// <summary>
+///     上下文应用信息
+/// </summary>
+/// <remarks>
+///     签名算法： $"${appId}{appSecret.ToLowerInvariant()}{timestamp}{reqBody}".Md5(Encoding.UTF8);
+///     reqBody 需去除\r、\n、whitespace
+/// </remarks>
+public sealed record ContextApp : DataAbstraction, IValidatableObject
+{
+    private const int _TS_OFFSET_SCOPE_SEC = 30;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ContextApp" /> class.
+    /// </summary>
+    public ContextApp(long appId, string appSecret, long timestamp)
+    {
+        AppId     = appId;
+        AppSecret = appSecret;
+        Timestamp = timestamp;
+    }
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ContextApp" /> class.
+    /// </summary>
+    private ContextApp()
+    {
+        AppId     = App.HttpContext.Request.Headers[nameof(AppId)].FirstOrDefault().Int64Try(0);
+        AppSecret = App.HttpContext.Request.Headers[nameof(AppSecret)].FirstOrDefault();
+        Sign      = App.HttpContext.Request.Headers[nameof(Sign)].FirstOrDefault();
+        Timestamp = App.HttpContext.Request.Headers[nameof(Timestamp)].FirstOrDefault().Int64Try(0);
+    }
+
+    /// <summary>
+    ///     AppId
+    /// </summary>
+    [Range(1, long.MaxValue)]
+    public long AppId { get; init; }
+
+    /// <summary>
+    ///     AppSecret
+    /// </summary>
+    public string AppSecret { get; init; }
+
+    /// <summary>
+    ///     签名
+    /// </summary>
+    public string Sign { get; set; }
+
+    /// <summary>
+    ///     时间戳
+    /// </summary>
+    public long Timestamp { get; set; }
+
+    /// <summary>
+    ///     从HttpContext  创建上下文应用
+    /// </summary>
+    public static async Task<ContextApp> CreateAsync()
+    {
+        var ret = new ContextApp();
+        if (!ret.TryValidate().IsValid) {
+            return null;
+        }
+
+        // 具有secret的情况下，自动生成时间戳+sign，方便调试
+        if (!ret.AppSecret.NullOrEmpty()) {
+            ret.Timestamp = DateTime.Now.TimeUnixUtc();
+            ret.Sign      = await ret.BuildSignFromHttpContextAsync();
+        }
+
+        return ret;
+    }
+
+    /// <summary>
+    ///     构建签名
+    /// </summary>
+    public string BuildSign(string reqBody)
+    {
+        // 去除\r\n和空格再计算签名，规避风格样式问题
+        reqBody = reqBody.Replace("\r", string.Empty).Replace("\n", string.Empty).Replace(" ", string.Empty);
+        return $"{AppId}{AppSecret.ToLowerInvariant()}{Timestamp}{reqBody}".Md5(Encoding.UTF8);
+    }
+
+    /// <summary>
+    ///     构建签名（从http上下文）
+    /// </summary>
+    public async Task<string> BuildSignFromHttpContextAsync()
+    {
+        var sr      = new StreamReader(App.HttpContext.Request.Body);
+        var reqBody = await sr.ReadToEndAsync();
+
+        _ = App.HttpContext.Request.Body.Seek(0, SeekOrigin.Begin);
+        return BuildSign(reqBody);
+    }
+
+    /// <inheritdoc />
+    public IEnumerable<ValidationResult> Validate(ValidationContext validationContext)
+    {
+        if (!AppSecret.NullOrEmpty()) {
+            yield break;
+        }
+
+        // 没有密码， 就要签名+时间戳
+        if (Sign.NullOrEmpty()) {
+            yield return new ValidationResult(Ln.签名缺失, new[] { nameof(Sign) });
+        }
+
+        if (Math.Abs(DateTime.Now.TimeUnixUtc() - Timestamp) > _TS_OFFSET_SCOPE_SEC) {
+            yield return new ValidationResult(Ln.时间戳缺失或误差过大, new[] { nameof(Timestamp) });
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Contexts/ContextUserInfo.cs b/src/backend/NetAdmin.Domain/Contexts/ContextUserInfo.cs
new file mode 100644
index 00000000..481e2133
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Contexts/ContextUserInfo.cs
@@ -0,0 +1,26 @@
+using NetAdmin.Domain.Dto.Sys.User;
+
+namespace NetAdmin.Domain.Contexts;
+
+/// <summary>
+///     上下文用户信息
+/// </summary>
+public sealed record ContextUserInfo : QueryUserRsp
+{
+    /// <summary>
+    ///     从HttpContext 创建上下文用户信息
+    /// </summary>
+    public static ContextUserInfo Create()
+    {
+        var ret = App.HttpContext?.Items[nameof(Chars.FLG_CONTEXT_USER_INFO)] as QueryUserRsp;
+        return ret?.Adapt<ContextUserInfo>();
+    }
+
+    /// <summary>
+    ///     是否存在于 HttpContext
+    /// </summary>
+    public static bool HasInContext()
+    {
+        return App.HttpContext?.Items.ContainsKey(Chars.FLG_CONTEXT_USER_INFO) ?? false;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Contexts/ContextUserToken.cs b/src/backend/NetAdmin.Domain/Contexts/ContextUserToken.cs
new file mode 100644
index 00000000..b768f7c7
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Contexts/ContextUserToken.cs
@@ -0,0 +1,41 @@
+using NetAdmin.Domain.Dto.Sys.User;
+
+namespace NetAdmin.Domain.Contexts;
+
+/// <summary>
+///     上下文用户凭据
+/// </summary>
+public sealed record ContextUserToken : DataAbstraction
+{
+    /// <summary>
+    ///     用户编号
+    /// </summary>
+    public long Id { get; set; }
+
+    /// <summary>
+    ///     做授权验证的Token，全局唯一，可以随时重置（强制下线）
+    /// </summary>
+    public Guid Token { get; init; }
+
+    /// <summary>
+    ///     用户名
+    /// </summary>
+    public string UserName { get; init; }
+
+    /// <summary>
+    ///     从HttpContext 创建上下文用户
+    /// </summary>
+    public static ContextUserToken Create()
+    {
+        var claim = App.User?.FindFirst(nameof(ContextUserToken));
+        return claim?.Value.ToObject<ContextUserToken>();
+    }
+
+    /// <summary>
+    ///     从 QueryUserRsp 创建上下文用户
+    /// </summary>
+    public static ContextUserToken Create(QueryUserRsp user)
+    {
+        return new ContextUserToken { Id = user.Id, Token = user.Token, UserName = user.UserName };
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DataAbstraction.cs b/src/backend/NetAdmin.Domain/DataAbstraction.cs
new file mode 100644
index 00000000..498be2a0
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DataAbstraction.cs
@@ -0,0 +1,36 @@
+namespace NetAdmin.Domain;
+
+/// <summary>
+///     数据基类
+/// </summary>
+public abstract record DataAbstraction
+{
+    /// <inheritdoc />
+    public override string ToString()
+    {
+        return this.ToJson();
+    }
+
+    /// <summary>
+    ///     截断所有字符串属性 以符合[MaxLength(x)]特性
+    /// </summary>
+    public void TruncateStrings()
+    {
+        foreach (var property in GetType()
+                                 .GetProperties(BindingFlags.Public | BindingFlags.Instance)
+                                 .Where(x => x.PropertyType == typeof(string))) {
+            var maxLen = property.GetCustomAttribute<MaxLengthAttribute>(true)?.Length;
+            if (maxLen is null or 0) {
+                continue;
+            }
+
+            var value = property.GetValue(this);
+            if (value is not string s || s.Length < maxLen) {
+                continue;
+            }
+
+            s = s.Sub(0, maxLen.Value);
+            property.SetValue(this, s);
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/EntityBase.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/EntityBase.cs
new file mode 100644
index 00000000..db6af365
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/EntityBase.cs
@@ -0,0 +1,6 @@
+namespace NetAdmin.Domain.DbMaps.Dependency;
+
+/// <summary>
+///     数据库实体基类
+/// </summary>
+public abstract record EntityBase : DataAbstraction;
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldCreatedClient.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldCreatedClient.cs
new file mode 100644
index 00000000..3f3687e4
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldCreatedClient.cs
@@ -0,0 +1,22 @@
+namespace NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+/// <summary>
+///     创建者客户端字段接口
+/// </summary>
+public interface IFieldCreatedClient
+{
+    /// <summary>
+    ///     创建者客户端IP
+    /// </summary>
+    int? CreatedClientIp { get; init; }
+
+    /// <summary>
+    ///     创建者来源地址
+    /// </summary>
+    string CreatedReferer { get; init; }
+
+    /// <summary>
+    ///     创建者客户端用户代理
+    /// </summary>
+    string CreatedUserAgent { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldCreatedTime.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldCreatedTime.cs
new file mode 100644
index 00000000..e2e2336c
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldCreatedTime.cs
@@ -0,0 +1,12 @@
+namespace NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+/// <summary>
+///     创建时间字段接口
+/// </summary>
+public interface IFieldCreatedTime
+{
+    /// <summary>
+    ///     创建时间
+    /// </summary>
+    DateTime CreatedTime { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldCreatedUser.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldCreatedUser.cs
new file mode 100644
index 00000000..4591804c
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldCreatedUser.cs
@@ -0,0 +1,17 @@
+namespace NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+/// <summary>
+///     创建用户字段接口
+/// </summary>
+public interface IFieldCreatedUser
+{
+    /// <summary>
+    ///     创建者编号
+    /// </summary>
+    long? CreatedUserId { get; init; }
+
+    /// <summary>
+    ///     创建者用户名
+    /// </summary>
+    string CreatedUserName { get; set; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldEnabled.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldEnabled.cs
new file mode 100644
index 00000000..a537d5cb
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldEnabled.cs
@@ -0,0 +1,12 @@
+namespace NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+/// <summary>
+///     启用字段接口
+/// </summary>
+public interface IFieldEnabled
+{
+    /// <summary>
+    ///     是否启用
+    /// </summary>
+    bool Enabled { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldModifiedClient.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldModifiedClient.cs
new file mode 100644
index 00000000..f95d2c25
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldModifiedClient.cs
@@ -0,0 +1,17 @@
+namespace NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+/// <summary>
+///     修改客户端字段接口
+/// </summary>
+public interface IFieldModifiedClient
+{
+    /// <summary>
+    ///     客户端IP
+    /// </summary>
+    int ModifiedClientIp { get; init; }
+
+    /// <summary>
+    ///     客户端用户代理
+    /// </summary>
+    string ModifiedUserAgent { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldModifiedTime.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldModifiedTime.cs
new file mode 100644
index 00000000..50f55804
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldModifiedTime.cs
@@ -0,0 +1,12 @@
+namespace NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+/// <summary>
+///     修改时间字段接口
+/// </summary>
+public interface IFieldModifiedTime
+{
+    /// <summary>
+    ///     修改时间
+    /// </summary>
+    DateTime? ModifiedTime { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldModifiedUser.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldModifiedUser.cs
new file mode 100644
index 00000000..b5fce03d
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldModifiedUser.cs
@@ -0,0 +1,17 @@
+namespace NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+/// <summary>
+///     更新用户字段接口
+/// </summary>
+public interface IFieldModifiedUser
+{
+    /// <summary>
+    ///     修改者编号
+    /// </summary>
+    long? ModifiedUserId { get; init; }
+
+    /// <summary>
+    ///     修改者用户名
+    /// </summary>
+    string ModifiedUserName { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldOwner.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldOwner.cs
new file mode 100644
index 00000000..91b45072
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldOwner.cs
@@ -0,0 +1,17 @@
+namespace NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+/// <summary>
+///     拥有者字段接口
+/// </summary>
+public interface IFieldOwner
+{
+    /// <summary>
+    ///     拥有者部门编号
+    /// </summary>
+    long? OwnerDeptId { get; init; }
+
+    /// <summary>
+    ///     拥有者用户编号
+    /// </summary>
+    long? OwnerId { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldPrimary.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldPrimary.cs
new file mode 100644
index 00000000..20172a99
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldPrimary.cs
@@ -0,0 +1,12 @@
+namespace NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+/// <summary>
+///     主键字段接口
+/// </summary>
+public interface IFieldPrimary<T>
+{
+    /// <summary>
+    ///     唯一编码
+    /// </summary>
+    T Id { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldSort.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldSort.cs
new file mode 100644
index 00000000..620cc0fa
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldSort.cs
@@ -0,0 +1,12 @@
+namespace NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+/// <summary>
+///     排序字段接口
+/// </summary>
+public interface IFieldSort
+{
+    /// <summary>
+    ///     排序值，越大越前
+    /// </summary>
+    long Sort { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldSummary.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldSummary.cs
new file mode 100644
index 00000000..bd93c673
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldSummary.cs
@@ -0,0 +1,12 @@
+namespace NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+/// <summary>
+///     描述字段接口
+/// </summary>
+public interface IFieldSummary
+{
+    /// <summary>
+    ///     描述
+    /// </summary>
+    string Summary { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldVersion.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldVersion.cs
new file mode 100644
index 00000000..56d7d54b
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/Fields/IFieldVersion.cs
@@ -0,0 +1,12 @@
+namespace NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+/// <summary>
+///     版本字段接口
+/// </summary>
+public interface IFieldVersion
+{
+    /// <summary>
+    ///     数据版本
+    /// </summary>
+    long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/ImmutableEntity.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/ImmutableEntity.cs
new file mode 100644
index 00000000..c18883b8
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/ImmutableEntity.cs
@@ -0,0 +1,44 @@
+using NetAdmin.Domain.Attributes;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.DbMaps.Dependency;
+
+/// <summary>
+///     不可变实体
+/// </summary>
+public abstract record ImmutableEntity : ImmutableEntity<long>
+{
+    /// <summary>
+    ///     唯一编码
+    /// </summary>
+    [Snowflake]
+    [Column(IsIdentity = false, IsPrimary = true, Position = 1)]
+    public override long Id { get; init; }
+}
+
+/// <summary>
+///     不可变实体
+/// </summary>
+/// <typeparam name="T"></typeparam>
+public abstract record ImmutableEntity<T> : LiteImmutableEntity<T>, IFieldCreatedUser
+{
+    /// <summary>
+    ///     创建者编号
+    /// </summary>
+    [JsonIgnore]
+    [Column(CanUpdate = false, Position = -1)]
+    public long? CreatedUserId { get; init; }
+
+    /// <summary>
+    ///     创建者用户名
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31, CanUpdate = false, Position = -1)]
+    public virtual string CreatedUserName { get; set; }
+
+    /// <summary>
+    ///     唯一编码
+    /// </summary>
+    [Column(IsIdentity = false, IsPrimary = true, Position = 1)]
+    public override T Id { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/LiteImmutableEntity.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/LiteImmutableEntity.cs
new file mode 100644
index 00000000..af30950f
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/LiteImmutableEntity.cs
@@ -0,0 +1,38 @@
+using NetAdmin.Domain.Attributes;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.DbMaps.Dependency;
+
+/// <summary>
+///     轻型不可变实体
+/// </summary>
+public abstract record LiteImmutableEntity : LiteImmutableEntity<long>
+{
+    /// <summary>
+    ///     唯一编码
+    /// </summary>
+    [Snowflake]
+    [Column(IsIdentity = false, IsPrimary = true, Position = 1)]
+    public override long Id { get; init; }
+}
+
+/// <summary>
+///     轻型不可变实体
+/// </summary>
+/// <typeparam name="T"></typeparam>
+public abstract record LiteImmutableEntity<T> : EntityBase, IFieldPrimary<T>, IFieldCreatedTime
+{
+    /// <summary>
+    ///     创建时间
+    /// </summary>
+    [JsonIgnore]
+    [Column(ServerTime = DateTimeKind.Utc, CanUpdate = false, Position = -1)]
+    public virtual DateTime CreatedTime { get; init; }
+
+    /// <summary>
+    ///     唯一编码
+    /// </summary>
+    [JsonIgnore]
+    [Column(IsIdentity = false, IsPrimary = true, Position = 1)]
+    public virtual T Id { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/LiteMutableEntity.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/LiteMutableEntity.cs
new file mode 100644
index 00000000..7b7e7e93
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/LiteMutableEntity.cs
@@ -0,0 +1,36 @@
+using NetAdmin.Domain.Attributes;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.DbMaps.Dependency;
+
+/// <summary>
+///     轻型可变实体
+/// </summary>
+public abstract record LiteMutableEntity : LiteMutableEntity<long>
+{
+    /// <summary>
+    ///     唯一编码
+    /// </summary>
+    [Snowflake]
+    [Column(IsIdentity = false, IsPrimary = true, Position = 1)]
+    public override long Id { get; init; }
+}
+
+/// <summary>
+///     轻型可变实体
+/// </summary>
+public abstract record LiteMutableEntity<T> : LiteImmutableEntity<T>, IFieldModifiedTime
+{
+    /// <summary>
+    ///     唯一编码
+    /// </summary>
+    [Column(IsIdentity = false, IsPrimary = true, Position = 1)]
+    public override T Id { get; init; }
+
+    /// <summary>
+    ///     修改时间
+    /// </summary>
+    [JsonIgnore]
+    [Column(ServerTime = DateTimeKind.Utc, CanInsert = false, Position = -1)]
+    public virtual DateTime? ModifiedTime { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/LiteVersionEntity.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/LiteVersionEntity.cs
new file mode 100644
index 00000000..10495ca0
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/LiteVersionEntity.cs
@@ -0,0 +1,36 @@
+using NetAdmin.Domain.Attributes;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.DbMaps.Dependency;
+
+/// <summary>
+///     乐观锁轻型可变实体
+/// </summary>
+public abstract record LiteVersionEntity : LiteVersionEntity<long>
+{
+    /// <summary>
+    ///     唯一编码
+    /// </summary>
+    [Snowflake]
+    [Column(IsIdentity = false, IsPrimary = true, Position = 1)]
+    public override long Id { get; init; }
+}
+
+/// <summary>
+///     乐观锁轻型可变实体
+/// </summary>
+public abstract record LiteVersionEntity<T> : LiteMutableEntity<T>, IFieldVersion
+{
+    /// <summary>
+    ///     唯一编码
+    /// </summary>
+    [Column(IsIdentity = false, IsPrimary = true, Position = 1)]
+    public override T Id { get; init; }
+
+    /// <summary>
+    ///     数据版本
+    /// </summary>
+    [JsonIgnore]
+    [Column(IsVersion = true, Position = -1)]
+    public virtual long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/MutableEntity.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/MutableEntity.cs
new file mode 100644
index 00000000..16ce7f87
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/MutableEntity.cs
@@ -0,0 +1,43 @@
+using NetAdmin.Domain.Attributes;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.DbMaps.Dependency;
+
+/// <summary>
+///     可变实体
+/// </summary>
+public abstract record MutableEntity : MutableEntity<long>
+{
+    /// <summary>
+    ///     唯一编码
+    /// </summary>
+    [Snowflake]
+    [Column(IsIdentity = false, IsPrimary = true, Position = 1)]
+    public override long Id { get; init; }
+}
+
+/// <summary>
+///     可变实体
+/// </summary>
+public abstract record MutableEntity<T> : LiteMutableEntity<T>, IFieldModifiedUser
+{
+    /// <summary>
+    ///     唯一编码
+    /// </summary>
+    [Column(IsIdentity = false, IsPrimary = true, Position = 1)]
+    public override T Id { get; init; }
+
+    /// <summary>
+    ///     修改者编号
+    /// </summary>
+    [JsonIgnore]
+    [Column(CanInsert = false, Position = -1)]
+    public long? ModifiedUserId { get; init; }
+
+    /// <summary>
+    ///     修改者用户名
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31, CanInsert = false, Position = -1)]
+    public string ModifiedUserName { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/SimpleEntity.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/SimpleEntity.cs
new file mode 100644
index 00000000..71bf2c1e
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/SimpleEntity.cs
@@ -0,0 +1,6 @@
+namespace NetAdmin.Domain.DbMaps.Dependency;
+
+/// <summary>
+///     简单实体
+/// </summary>
+public abstract record SimpleEntity : EntityBase;
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Dependency/VersionEntity.cs b/src/backend/NetAdmin.Domain/DbMaps/Dependency/VersionEntity.cs
new file mode 100644
index 00000000..5d658533
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Dependency/VersionEntity.cs
@@ -0,0 +1,43 @@
+using NetAdmin.Domain.Attributes;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.DbMaps.Dependency;
+
+/// <summary>
+///     乐观锁可变实体
+/// </summary>
+public abstract record VersionEntity : VersionEntity<long>
+{
+    /// <summary>
+    ///     唯一编码
+    /// </summary>
+    [Snowflake]
+    [Column(IsIdentity = false, IsPrimary = true, Position = 1)]
+    public override long Id { get; init; }
+}
+
+/// <summary>
+///     乐观锁可变实体
+/// </summary>
+public abstract record VersionEntity<T> : LiteVersionEntity<T>, IFieldModifiedUser
+{
+    /// <summary>
+    ///     唯一编码
+    /// </summary>
+    [Column(IsIdentity = false, IsPrimary = true, Position = 1)]
+    public override T Id { get; init; }
+
+    /// <summary>
+    ///     修改者编号
+    /// </summary>
+    [JsonIgnore]
+    [Column(CanInsert = false, Position = -1)]
+    public long? ModifiedUserId { get; init; }
+
+    /// <summary>
+    ///     修改者用户名
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31, CanInsert = false, Position = -1)]
+    public string ModifiedUserName { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_Api.cs b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_Api.cs
new file mode 100644
index 00000000..7b66da95
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_Api.cs
@@ -0,0 +1,67 @@
+using NetAdmin.Domain.DbMaps.Dependency;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.DbMaps.Sys;
+
+/// <summary>
+///     Api接口表
+/// </summary>
+[Table(Name = Chars.FLG_TABLE_NAME_PREFIX + nameof(Sys_Api))]
+public record Sys_Api : ImmutableEntity<string>, IFieldSummary
+{
+    /// <summary>
+    ///     子节点
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(nameof(ParentId))]
+    public IEnumerable<Sys_Api> Children { get; init; }
+
+    /// <summary>
+    ///     唯一编码
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_127, IsIdentity = false, IsPrimary = true, Position = 1)]
+    public override string Id { get; init; }
+
+    /// <summary>
+    ///     请求方式
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_15)]
+    public virtual string Method { get; init; }
+
+    /// <summary>
+    ///     服务名称
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_63)]
+    public virtual string Name { get; init; }
+
+    /// <summary>
+    ///     命名空间
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31)]
+    public virtual string Namespace { get; init; }
+
+    /// <summary>
+    ///     父编号
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_127)]
+    public virtual string ParentId { get; init; }
+
+    /// <summary>
+    ///     角色集合
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(ManyToMany = typeof(Sys_RoleApi))]
+    public ICollection<Sys_Role> Roles { get; init; }
+
+    /// <summary>
+    ///     服务描述
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_63)]
+    public virtual string Summary { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_Config.cs b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_Config.cs
new file mode 100644
index 00000000..73a89a8c
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_Config.cs
@@ -0,0 +1,53 @@
+using NetAdmin.Domain.DbMaps.Dependency;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.DbMaps.Sys;
+
+/// <summary>
+///     配置表
+/// </summary>
+[Table(Name = Chars.FLG_TABLE_NAME_PREFIX + nameof(Sys_Config))]
+public record Sys_Config : VersionEntity, IFieldEnabled
+{
+    /// <summary>
+    ///     是否启用
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual bool Enabled { get; init; }
+
+    /// <summary>
+    ///     用户注册是否需要人工确认
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual bool UserRegisterConfirm { get; set; }
+
+    /// <summary>
+    ///     用户注册默认部门
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(nameof(UserRegisterDeptId))]
+    public Sys_Dept UserRegisterDept { get; init; }
+
+    /// <summary>
+    ///     用户注册默认部门编号
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual long UserRegisterDeptId { get; init; }
+
+    /// <summary>
+    ///     用户注册默认角色
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(nameof(UserRegisterRoleId))]
+    public Sys_Role UserRegisterRole { get; init; }
+
+    /// <summary>
+    ///     用户注册默认角色编号
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual long UserRegisterRoleId { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_Dept.cs b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_Dept.cs
new file mode 100644
index 00000000..634c888a
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_Dept.cs
@@ -0,0 +1,60 @@
+using NetAdmin.Domain.DbMaps.Dependency;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.DbMaps.Sys;
+
+/// <summary>
+///     部门表
+/// </summary>
+[Table(Name = Chars.FLG_TABLE_NAME_PREFIX + nameof(Sys_Dept))]
+public record Sys_Dept : VersionEntity, IFieldEnabled, IFieldSummary, IFieldSort
+{
+    /// <summary>
+    ///     子节点
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(nameof(ParentId))]
+    public IEnumerable<Sys_Dept> Children { get; init; }
+
+    /// <summary>
+    ///     是否启用
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual bool Enabled { get; init; }
+
+    /// <summary>
+    ///     部门名称
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31)]
+    public virtual string Name { get; init; }
+
+    /// <summary>
+    ///     父编号
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual long ParentId { get; init; }
+
+    /// <summary>
+    ///     角色集合
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(ManyToMany = typeof(Sys_RoleDept))]
+    public ICollection<Sys_Role> Roles { get; init; }
+
+    /// <summary>
+    ///     排序值，越大越前
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual long Sort { get; init; }
+
+    /// <summary>
+    ///     部门描述
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_255)]
+    public virtual string Summary { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_DicCatalog.cs b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_DicCatalog.cs
new file mode 100644
index 00000000..ee326b1d
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_DicCatalog.cs
@@ -0,0 +1,46 @@
+using NetAdmin.Domain.DbMaps.Dependency;
+
+namespace NetAdmin.Domain.DbMaps.Sys;
+
+/// <summary>
+///     字典目录表
+/// </summary>
+[Table(Name = Chars.FLG_TABLE_NAME_PREFIX + nameof(Sys_DicCatalog))]
+[Index($"idx_{{tablename}}_{nameof(Code)}", nameof(Code), true)]
+public record Sys_DicCatalog : VersionEntity
+{
+    /// <summary>
+    ///     子节点
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(nameof(ParentId))]
+    public IEnumerable<Sys_DicCatalog> Children { get; init; }
+
+    /// <summary>
+    ///     字典编码
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31)]
+    public virtual string Code { get; init; }
+
+    /// <summary>
+    ///     字典内容集合
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(nameof(Sys_DicContent.CatalogId))]
+    public ICollection<Sys_DicContent> Contents { get; init; }
+
+    /// <summary>
+    ///     字典名称
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31)]
+    public virtual string Name { get; init; }
+
+    /// <summary>
+    ///     父编号
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual long ParentId { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_DicContent.cs b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_DicContent.cs
new file mode 100644
index 00000000..bfc0a2aa
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_DicContent.cs
@@ -0,0 +1,40 @@
+using NetAdmin.Domain.DbMaps.Dependency;
+
+namespace NetAdmin.Domain.DbMaps.Sys;
+
+/// <summary>
+///     字典内容表
+/// </summary>
+[Table(Name = Chars.FLG_TABLE_NAME_PREFIX + nameof(Sys_DicContent))]
+[Index($"idx_{{tablename}}_{nameof(CatalogId)}_{nameof(Key)}",   $"{nameof(CatalogId)},{nameof(Key)}",   true)]
+[Index($"idx_{{tablename}}_{nameof(CatalogId)}_{nameof(Value)}", $"{nameof(CatalogId)},{nameof(Value)}", true)]
+public record Sys_DicContent : VersionEntity
+{
+    /// <summary>
+    ///     字典目录
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(nameof(CatalogId))]
+    public Sys_DicCatalog Catalog { get; init; }
+
+    /// <summary>
+    ///     字典目录编号
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual long CatalogId { get; init; }
+
+    /// <summary>
+    ///     键名称
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_63)]
+    public virtual string Key { get; init; }
+
+    /// <summary>
+    ///     键值
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_255)]
+    public virtual string Value { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_Menu.cs b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_Menu.cs
new file mode 100644
index 00000000..a85073b7
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_Menu.cs
@@ -0,0 +1,132 @@
+using NetAdmin.Domain.DbMaps.Dependency;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.Enums.Sys;
+
+namespace NetAdmin.Domain.DbMaps.Sys;
+
+/// <summary>
+///     菜单表
+/// </summary>
+[Table(Name = "Sys_Menu")]
+[Index($"idx_{{tablename}}_{nameof(Name)}", nameof(Name), true)]
+public record Sys_Menu : VersionEntity, IFieldSort
+{
+    /// <summary>
+    ///     子节点或详情页需要高亮的上级菜单路由地址
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_127)]
+    public virtual string Active { get; init; }
+
+    /// <summary>
+    ///     子节点
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(nameof(ParentId))]
+    public IEnumerable<Sys_Menu> Children { get; init; }
+
+    /// <summary>
+    ///     背景颜色
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_7)]
+    public virtual string Color { get; init; }
+
+    /// <summary>
+    ///     组件
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_63)]
+    public virtual string Component { get; init; }
+
+    /// <summary>
+    ///     是否整页路由
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual bool FullPageRouting { get; init; }
+
+    /// <summary>
+    ///     是否隐藏菜单
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual bool Hidden { get; init; }
+
+    /// <summary>
+    ///     是否隐藏面包屑
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual bool HiddenBreadCrumb { get; init; }
+
+    /// <summary>
+    ///     图标
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31)]
+    public virtual string Icon { get; init; }
+
+    /// <summary>
+    ///     菜单名称
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_63)]
+    public virtual string Name { get; init; }
+
+    /// <summary>
+    ///     父编号
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual long ParentId { get; init; }
+
+    /// <summary>
+    ///     菜单路径
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_127)]
+    public virtual string Path { get; init; }
+
+    /// <summary>
+    ///     重定向地址
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_127)]
+    public virtual string Redirect { get; init; }
+
+    /// <summary>
+    ///     拥有此菜单的角色集合
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(ManyToMany = typeof(Sys_RoleMenu))]
+    public ICollection<Sys_Role> Roles { get; init; }
+
+    /// <summary>
+    ///     排序值，越大越前
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual long Sort { get; init; }
+
+    /// <summary>
+    ///     标签
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31)]
+    public virtual string Tag { get; init; }
+
+    /// <summary>
+    ///     菜单标题
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_63)]
+    public virtual string Title { get; init; }
+
+    /// <summary>
+    ///     菜单类型
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual MenuTypes Type { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_RequestLog.cs b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_RequestLog.cs
new file mode 100644
index 00000000..52dca8ac
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_RequestLog.cs
@@ -0,0 +1,151 @@
+using NetAdmin.Domain.DbMaps.Dependency;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.DbMaps.Sys;
+
+/// <summary>
+///     请求日志表
+/// </summary>
+[Table(Name = "Sys_RequestLog")]
+public record Sys_RequestLog : ImmutableEntity, IFieldCreatedClient
+{
+    /// <summary>
+    ///     接口
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(nameof(ApiId))]
+    public Sys_Api Api { get; init; }
+
+    /// <summary>
+    ///     接口编号
+    /// </summary>
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_127)]
+    [JsonIgnore]
+    public virtual string ApiId { get; init; }
+
+    /// <summary>
+    ///     创建者客户端IP
+    /// </summary>
+    [Column(Position = -1)]
+    [JsonIgnore]
+    public virtual int? CreatedClientIp { get; init; }
+
+    /// <summary>
+    ///     创建者来源地址
+    /// </summary>
+    [Column(Position = -1, DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_255)]
+    [JsonIgnore]
+    public string CreatedReferer { get; init; }
+
+    /// <summary>
+    ///     创建者客户端用户代理
+    /// </summary>
+    [Column(Position = -1, DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_255)]
+    [JsonIgnore]
+    public virtual string CreatedUserAgent { get; init; }
+
+    /// <summary>
+    ///     执行耗时（微秒）
+    /// </summary>
+    [Column]
+    [JsonIgnore]
+    public virtual long Duration { get; init; }
+
+    /// <summary>
+    ///     程序响应码
+    /// </summary>
+    [Column]
+    [JsonIgnore]
+    public virtual ErrorCodes ErrorCode { get; init; }
+
+    /// <summary>
+    ///     异常信息
+    /// </summary>
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_255)]
+    [JsonIgnore]
+    public virtual string Exception { get; init; }
+
+    /// <summary>
+    ///     附加数据
+    /// </summary>
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_255)]
+    [JsonIgnore]
+    public virtual string ExtraData { get; init; }
+
+    /// <summary>
+    ///     HTTP状态码
+    /// </summary>
+    [Column]
+    [JsonIgnore]
+    public virtual int HttpStatusCode { get; init; }
+
+    /// <summary>
+    ///     请求方法
+    /// </summary>
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_15)]
+    [JsonIgnore]
+    public virtual string Method { get; init; }
+
+    /// <summary>
+    ///     来源地址
+    /// </summary>
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_255)]
+    [JsonIgnore]
+    public virtual string ReferUrl { get; init; }
+
+    /// <summary>
+    ///     请求内容
+    /// </summary>
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_255)]
+    [JsonIgnore]
+    public virtual string RequestBody { get; init; }
+
+    /// <summary>
+    ///     请求content-type
+    /// </summary>
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_63)]
+    [JsonIgnore]
+    public virtual string RequestContentType { get; init; }
+
+    /// <summary>
+    ///     请求头信息
+    /// </summary>
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_255)]
+    [JsonIgnore]
+    public virtual string RequestHeaders { get; init; }
+
+    /// <summary>
+    ///     请求地址
+    /// </summary>
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_127)]
+    [JsonIgnore]
+    public virtual string RequestUrl { get; init; }
+
+    /// <summary>
+    ///     响应内容
+    /// </summary>
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_255)]
+    [JsonIgnore]
+    public virtual string ResponseBody { get; init; }
+
+    /// <summary>
+    ///     响应content-type
+    /// </summary>
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_63)]
+    [JsonIgnore]
+    public virtual string ResponseContentType { get; init; }
+
+    /// <summary>
+    ///     响应头
+    /// </summary>
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_255)]
+    [JsonIgnore]
+    public virtual string ResponseHeaders { get; init; }
+
+    /// <summary>
+    ///     服务器IP
+    /// </summary>
+    [Column]
+    [JsonIgnore]
+    public virtual int? ServerIp { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_Role.cs b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_Role.cs
new file mode 100644
index 00000000..e2f700e4
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_Role.cs
@@ -0,0 +1,115 @@
+using NetAdmin.Domain.DbMaps.Dependency;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.Dto.Sys.Role;
+using NetAdmin.Domain.Enums.Sys;
+
+namespace NetAdmin.Domain.DbMaps.Sys;
+
+/// <summary>
+///     角色表
+/// </summary>
+[Table(Name = Chars.FLG_TABLE_NAME_PREFIX + nameof(Sys_Role))]
+[Index("idx_{tablename}_01", nameof(Name), true)]
+public record Sys_Role : VersionEntity, IFieldSort, IFieldEnabled, IFieldSummary, IRegister
+{
+    /// <summary>
+    ///     角色-接口映射
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(ManyToMany = typeof(Sys_RoleApi))]
+    public ICollection<Sys_Api> Apis { get; init; }
+
+    /// <summary>
+    ///     数据范围
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual DataScopes DataScope { get; init; }
+
+    /// <summary>
+    ///     角色-部门映射
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(ManyToMany = typeof(Sys_RoleDept))]
+    public ICollection<Sys_Dept> Depts { get; init; }
+
+    /// <summary>
+    ///     是否显示仪表板
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual bool DisplayDashboard { get; init; }
+
+    /// <summary>
+    ///     是否启用
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual bool Enabled { get; init; }
+
+    /// <summary>
+    ///     是否忽略权限控制
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual bool IgnorePermissionControl { get; init; }
+
+    /// <summary>
+    ///     角色-菜单映射
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(ManyToMany = typeof(Sys_RoleMenu))]
+    public ICollection<Sys_Menu> Menus { get; init; }
+
+    /// <summary>
+    ///     角色名称
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31)]
+    public virtual string Name { get; init; }
+
+    /// <summary>
+    ///     排序值，越大越前
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual long Sort { get; init; }
+
+    /// <summary>
+    ///     备注
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_255)]
+    public virtual string Summary { get; init; }
+
+    /// <summary>
+    ///     此角色下的用户集合
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(ManyToMany = typeof(Sys_UserRole))]
+    public ICollection<Sys_User> Users { get; init; }
+
+    /// <inheritdoc />
+    public void Register(TypeAdapterConfig config)
+    {
+        _ = config.ForType<CreateRoleReq, Sys_Role>()
+                  .Map( //
+                      d => d.Depts
+                    , s => s.DeptIds.NullOrEmpty()
+                          ? Array.Empty<Sys_Dept>()
+                          : s.DeptIds.Select(x => new Sys_Dept { Id = x }))
+                  .Map( //
+                      d => d.Menus
+                    , s => s.MenuIds.NullOrEmpty()
+                          ? Array.Empty<Sys_Menu>()
+                          : s.MenuIds.Select(x => new Sys_Menu { Id = x }))
+                  .Map( //
+                      d => d.Apis
+                    , s => s.ApiIds.NullOrEmpty()
+                          ? Array.Empty<Sys_Api>()
+                          : s.ApiIds.Select(x => new Sys_Api { Id = x }))
+
+            //
+            ;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_RoleApi.cs b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_RoleApi.cs
new file mode 100644
index 00000000..5582acdc
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_RoleApi.cs
@@ -0,0 +1,36 @@
+using NetAdmin.Domain.DbMaps.Dependency;
+
+namespace NetAdmin.Domain.DbMaps.Sys;
+
+/// <summary>
+///     角色-接口映射表
+/// </summary>
+[Table(Name = Chars.FLG_TABLE_NAME_PREFIX + nameof(Sys_RoleApi))]
+public sealed record Sys_RoleApi : ImmutableEntity
+{
+    /// <summary>
+    ///     关联的接口
+    /// </summary>
+    [JsonIgnore]
+    public Sys_Api Api { get; init; }
+
+    /// <summary>
+    ///     接口编号
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_127)]
+    public string ApiId { get; init; }
+
+    /// <summary>
+    ///     关联的角色
+    /// </summary>
+    [JsonIgnore]
+    public Sys_Role Role { get; init; }
+
+    /// <summary>
+    ///     角色编号
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public long RoleId { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_RoleDept.cs b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_RoleDept.cs
new file mode 100644
index 00000000..2bfa7681
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_RoleDept.cs
@@ -0,0 +1,37 @@
+using NetAdmin.Domain.DbMaps.Dependency;
+
+namespace NetAdmin.Domain.DbMaps.Sys;
+
+/// <summary>
+///     角色-部门映射表
+/// </summary>
+[Table(Name = Chars.FLG_TABLE_NAME_PREFIX + nameof(Sys_RoleDept))]
+[Index($"idx_{{tablename}}_{nameof(RoleId)}_{nameof(DeptId)}", $"{nameof(RoleId)},{nameof(DeptId)}", true)]
+public sealed record Sys_RoleDept : ImmutableEntity
+{
+    /// <summary>
+    ///     关联的部门
+    /// </summary>
+    [JsonIgnore]
+    public Sys_Dept Dept { get; init; }
+
+    /// <summary>
+    ///     可访问的部门编号
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public long DeptId { get; init; }
+
+    /// <summary>
+    ///     关联的角色
+    /// </summary>
+    [JsonIgnore]
+    public Sys_Role Role { get; init; }
+
+    /// <summary>
+    ///     角色编号
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public long RoleId { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_RoleMenu.cs b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_RoleMenu.cs
new file mode 100644
index 00000000..8e90d6ad
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_RoleMenu.cs
@@ -0,0 +1,37 @@
+using NetAdmin.Domain.DbMaps.Dependency;
+
+namespace NetAdmin.Domain.DbMaps.Sys;
+
+/// <summary>
+///     角色-菜单映射表
+/// </summary>
+[Table(Name = Chars.FLG_TABLE_NAME_PREFIX + nameof(Sys_RoleMenu))]
+[Index($"idx_{{tablename}}_{nameof(RoleId)}_{nameof(MenuId)}", $"{nameof(RoleId)},{nameof(MenuId)}", true)]
+public record Sys_RoleMenu : ImmutableEntity
+{
+    /// <summary>
+    ///     关联的菜单
+    /// </summary>
+    [JsonIgnore]
+    public Sys_Menu Menu { get; init; }
+
+    /// <summary>
+    ///     菜单编号
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual long MenuId { get; init; }
+
+    /// <summary>
+    ///     关联的角色
+    /// </summary>
+    [JsonIgnore]
+    public Sys_Role Role { get; init; }
+
+    /// <summary>
+    ///     角色编号
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual long RoleId { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_User.cs b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_User.cs
new file mode 100644
index 00000000..ab0af16e
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_User.cs
@@ -0,0 +1,120 @@
+using NetAdmin.Domain.DbMaps.Dependency;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.Dto.Sys.User;
+
+namespace NetAdmin.Domain.DbMaps.Sys;
+
+/// <summary>
+///     用户基本信息表
+/// </summary>
+[Table(Name = Chars.FLG_TABLE_NAME_PREFIX + nameof(Sys_User))]
+[Index($"idx_{{tablename}}_{nameof(UserName)}", nameof(UserName), true)]
+[Index($"idx_{{tablename}}_{nameof(Mobile)}",   nameof(Mobile),   true)]
+[Index($"idx_{{tablename}}_{nameof(Email)}",    nameof(Email),    true)]
+public record Sys_User : VersionEntity, IFieldSummary, IFieldEnabled, IRegister
+{
+    /// <summary>
+    ///     头像链接
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_127)]
+    public virtual string Avatar { get; init; }
+
+    /// <summary>
+    ///     所属部门
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(nameof(DeptId))]
+    public Sys_Dept Dept { get; init; }
+
+    /// <summary>
+    ///     部门编号
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual long DeptId { get; init; }
+
+    /// <summary>
+    ///     邮箱
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_63)]
+    public virtual string Email { get; init; }
+
+    /// <summary>
+    ///     是否启用
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual bool Enabled { get; init; }
+
+    /// <summary>
+    ///     手机号
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_15)]
+    public virtual string Mobile { get; init; }
+
+    /// <summary>
+    ///     密码
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public Guid Password { get; set; }
+
+    /// <summary>
+    ///     用户档案
+    /// </summary>
+    [JsonIgnore]
+    public Sys_UserProfile Profile { get; init; }
+
+    /// <summary>
+    ///     所属角色
+    /// </summary>
+    [JsonIgnore]
+    [Navigate(ManyToMany = typeof(Sys_UserRole))]
+    public ICollection<Sys_Role> Roles { get; init; }
+
+    /// <summary>
+    ///     描述
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_255)]
+    public virtual string Summary { get; init; }
+
+    /// <summary>
+    ///     授权验证Token，全局唯一，可以随时重置（强制下线）
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public Guid Token { get; init; }
+
+    /// <summary>
+    ///     用户名
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31)]
+    public virtual string UserName { get; init; }
+
+    /// <inheritdoc />
+    public void Register(TypeAdapterConfig config)
+    {
+        _ = config.ForType<CreateUserReq, Sys_User>()
+                  .Map(d => d.Password, s => s.PasswordText.Pwd().Guid())
+                  .Map(d => d.Token,    _ => Guid.NewGuid())
+                  .Map( //
+                      d => d.Roles
+                    , s => s.RoleIds.NullOrEmpty()
+                          ? Array.Empty<Sys_Role>()
+                          : s.RoleIds.Select(x => new Sys_Role { Id = x }));
+
+        _ = config.ForType<UpdateUserReq, Sys_User>()
+                  .Map( //
+                      d => d.Password, s => s.PasswordText.NullOrEmpty() ? Guid.Empty : s.PasswordText.Pwd().Guid())
+                  .Map( //
+                      d => d.Roles
+                    , s => s.RoleIds.NullOrEmpty()
+                          ? Array.Empty<Sys_Role>()
+                          : s.RoleIds.Select(x => new Sys_Role { Id = x }));
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_UserProfile.cs b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_UserProfile.cs
new file mode 100644
index 00000000..35e67df8
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_UserProfile.cs
@@ -0,0 +1,198 @@
+using NetAdmin.Domain.DbMaps.Dependency;
+using NetAdmin.Domain.Dto.Sys.UserProfile;
+
+namespace NetAdmin.Domain.DbMaps.Sys;
+
+/// <summary>
+///     用户档案表
+/// </summary>
+[Table(Name = "Sys_UserProfile")]
+public record Sys_UserProfile : VersionEntity, IRegister
+{
+    /// <summary>
+    ///     出生日期
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual DateTime? BornDate { get; init; }
+
+    /// <summary>
+    ///     证件号码
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_63)]
+    public virtual string CertificateNumber { get; init; }
+
+    /// <summary>
+    ///     证件类型
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual CertificateTypes? CertificateType { get; init; }
+
+    /// <summary>
+    ///     工作地址
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_127)]
+    public virtual string CompanyAddress { get; init; }
+
+    /// <summary>
+    ///     工作地区
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public int? CompanyArea { get; init; }
+
+    /// <summary>
+    ///     工作单位
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31)]
+    public virtual string CompanyName { get; init; }
+
+    /// <summary>
+    ///     工作电话
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31)]
+    public virtual string CompanyTelephone { get; init; }
+
+    /// <summary>
+    ///     文化程度
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual Educations? Education { get; init; }
+
+    /// <summary>
+    ///     紧急联系地址
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_127)]
+    public virtual string EmergencyContactAddress { get; init; }
+
+    /// <summary>
+    ///     紧急联系地区
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public int? EmergencyContactArea { get; init; }
+
+    /// <summary>
+    ///     紧急联系人手机号
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_15)]
+    public virtual string EmergencyContactMobile { get; init; }
+
+    /// <summary>
+    ///     紧急联系人
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31)]
+    public virtual string EmergencyContactName { get; init; }
+
+    /// <summary>
+    ///     毕业学校
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31)]
+    public virtual string GraduateSchool { get; init; }
+
+    /// <summary>
+    ///     身高
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual int? Height { get; init; }
+
+    /// <summary>
+    ///     住宅地址
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_127)]
+    public virtual string HomeAddress { get; init; }
+
+    /// <summary>
+    ///     住宅地区
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public int? HomeArea { get; init; }
+
+    /// <summary>
+    ///     住宅电话
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31)]
+    public virtual string HomeTelephone { get; init; }
+
+    /// <summary>
+    ///     婚姻状况
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual MarriageStatues? MarriageStatus { get; init; }
+
+    /// <summary>
+    ///     民族
+    /// </summary>
+    /// 7
+    [JsonIgnore]
+    [Column]
+    public virtual Nations? Nation { get; init; }
+
+    /// <summary>
+    ///     籍贯
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public int? NationArea { get; init; }
+
+    /// <summary>
+    ///     政治面貌
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual PoliticalStatues? PoliticalStatus { get; init; }
+
+    /// <summary>
+    ///     职业
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31)]
+    public virtual string Profession { get; init; }
+
+    /// <summary>
+    ///     真实姓名
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_31)]
+    public virtual string RealName { get; init; }
+
+    /// <summary>
+    ///     性别
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual Sexes? Sex { get; init; }
+
+    /// <summary>
+    ///     用户基本信息
+    /// </summary>
+    [JsonIgnore]
+    public Sys_User User { get; init; }
+
+    /// <inheritdoc />
+    public void Register(TypeAdapterConfig config)
+    {
+        _ = config.ForType<CreateUserProfileReq, Sys_UserProfile>()
+                  .Map(d => d.NationArea,  s => s.NationArea  == null ? null : s.NationArea.Value)
+                  .Map(d => d.CompanyArea, s => s.CompanyArea == null ? null : s.CompanyArea.Value)
+                  .Map(d => d.HomeArea,    s => s.HomeArea    == null ? null : s.HomeArea.Value)
+                  .Map( //
+                      d => d.EmergencyContactArea
+                    , s => s.EmergencyContactArea == null ? null : s.EmergencyContactArea.Value);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_UserRole.cs b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_UserRole.cs
new file mode 100644
index 00000000..05f99f72
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_UserRole.cs
@@ -0,0 +1,36 @@
+using NetAdmin.Domain.DbMaps.Dependency;
+
+namespace NetAdmin.Domain.DbMaps.Sys;
+
+/// <summary>
+///     用户-角色映射表
+/// </summary>
+[Table(Name = Chars.FLG_TABLE_NAME_PREFIX + nameof(Sys_UserRole))]
+public sealed record Sys_UserRole : VersionEntity
+{
+    /// <summary>
+    ///     关联的角色
+    /// </summary>
+    [JsonIgnore]
+    public Sys_Role Role { get; init; }
+
+    /// <summary>
+    ///     角色编号
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public long RoleId { get; init; }
+
+    /// <summary>
+    ///     关联的用户
+    /// </summary>
+    [JsonIgnore]
+    public Sys_User User { get; init; }
+
+    /// <summary>
+    ///     用户编号
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public long UserId { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_VerifyCode.cs b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_VerifyCode.cs
new file mode 100644
index 00000000..bd4a864e
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Sys/Sys_VerifyCode.cs
@@ -0,0 +1,53 @@
+using NetAdmin.Domain.DbMaps.Dependency;
+using NetAdmin.Domain.Enums.Sys;
+
+namespace NetAdmin.Domain.DbMaps.Sys;
+
+/// <summary>
+///     验证码表
+/// </summary>
+[Table(Name = Chars.FLG_TABLE_NAME_PREFIX + nameof(Sys_VerifyCode))]
+public record Sys_VerifyCode : VersionEntity
+{
+    /// <summary>
+    ///     验证码
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_7)]
+    public virtual string Code { get; init; }
+
+    /// <summary>
+    ///     目标设备
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_63)]
+    public virtual string DestDevice { get; init; }
+
+    /// <summary>
+    ///     设备类型
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual VerifyCodeDeviceTypes DeviceType { get; init; }
+
+    /// <summary>
+    ///     发送报告
+    /// </summary>
+    [JsonIgnore]
+    [Column(DbType = Chars.FLG_DB_FIELD_TYPE_VARCHAR_255)]
+    public string Report { get; init; }
+
+    /// <summary>
+    ///     验证码状态
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual VerifyCodeStatues Status { get; init; }
+
+    /// <summary>
+    ///     验证码类型
+    /// </summary>
+    [JsonIgnore]
+    [Column]
+    public virtual VerifyCodeTypes Type { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/DbMaps/Tpl/Tpl_Example.cs b/src/backend/NetAdmin.Domain/DbMaps/Tpl/Tpl_Example.cs
new file mode 100644
index 00000000..421c1f79
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/DbMaps/Tpl/Tpl_Example.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Domain.DbMaps.Dependency;
+
+namespace NetAdmin.Domain.DbMaps.Tpl;
+
+/// <summary>
+///     示例表
+/// </summary>
+[Table(Name = Chars.FLG_TABLE_NAME_PREFIX + nameof(Tpl_Example))]
+public record Tpl_Example : VersionEntity;
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Dependency/BulkReq.cs b/src/backend/NetAdmin.Domain/Dto/Dependency/BulkReq.cs
new file mode 100644
index 00000000..20a7a1f4
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Dependency/BulkReq.cs
@@ -0,0 +1,18 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+
+namespace NetAdmin.Domain.Dto.Dependency;
+
+/// <summary>
+///     批量请求
+/// </summary>
+public sealed record BulkReq<T> : DataAbstraction
+    where T : DataAbstraction, new()
+{
+    /// <summary>
+    ///     请求对象
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.请求对象))]
+    [MinLength(1)]
+    [MaxLength(Numbers.BULK_REQ_LIMIT)]
+    public IEnumerable<T> Items { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Dependency/DelReq.cs b/src/backend/NetAdmin.Domain/Dto/Dependency/DelReq.cs
new file mode 100644
index 00000000..d33eaec2
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Dependency/DelReq.cs
@@ -0,0 +1,16 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.Dto.Dependency;
+
+/// <inheritdoc cref="DelReq{T}" />
+public sealed record DelReq : DelReq<long>;
+
+/// <summary>
+///     请求：通过编号删除
+/// </summary>
+/// <typeparam name="T"></typeparam>
+public record DelReq<T> : DataAbstraction, IFieldPrimary<T>
+{
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    public T Id { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Dependency/IPagedInfo.cs b/src/backend/NetAdmin.Domain/Dto/Dependency/IPagedInfo.cs
new file mode 100644
index 00000000..c02bb3fe
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Dependency/IPagedInfo.cs
@@ -0,0 +1,17 @@
+namespace NetAdmin.Domain.Dto.Dependency;
+
+/// <summary>
+///     信息：分页
+/// </summary>
+public interface IPagedInfo
+{
+    /// <summary>
+    ///     当前页码
+    /// </summary>
+    int Page { get; init; }
+
+    /// <summary>
+    ///     页容量
+    /// </summary>
+    int PageSize { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Dependency/NopReq.cs b/src/backend/NetAdmin.Domain/Dto/Dependency/NopReq.cs
new file mode 100644
index 00000000..667c3045
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Dependency/NopReq.cs
@@ -0,0 +1,6 @@
+namespace NetAdmin.Domain.Dto.Dependency;
+
+/// <summary>
+///     空请求
+/// </summary>
+public sealed record NopReq : DataAbstraction;
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Dependency/PagedQueryReq.cs b/src/backend/NetAdmin.Domain/Dto/Dependency/PagedQueryReq.cs
new file mode 100644
index 00000000..0f4a3a4a
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Dependency/PagedQueryReq.cs
@@ -0,0 +1,16 @@
+namespace NetAdmin.Domain.Dto.Dependency;
+
+/// <summary>
+///     请求：分页查询
+/// </summary>
+public sealed record PagedQueryReq<T> : QueryReq<T>, IPagedInfo
+    where T : DataAbstraction, new()
+{
+    /// <inheritdoc cref="IPagedInfo.Page" />
+    [Range(1, Numbers.QUERY_MAX_PAGE_NO)]
+    public int Page { get; init; } = 1;
+
+    /// <inheritdoc cref="IPagedInfo.PageSize" />
+    [Range(1, Numbers.QUERY_MAX_PAGE_SIZE)]
+    public int PageSize { get; init; } = Numbers.QUERY_DEF_PAGE_SIZE;
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Dependency/PagedQueryRsp.cs b/src/backend/NetAdmin.Domain/Dto/Dependency/PagedQueryRsp.cs
new file mode 100644
index 00000000..b341b454
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Dependency/PagedQueryRsp.cs
@@ -0,0 +1,24 @@
+namespace NetAdmin.Domain.Dto.Dependency;
+
+/// <summary>
+///     响应：分页查询
+/// </summary>
+public sealed record PagedQueryRsp<T>(int Page, int PageSize, long Total, IEnumerable<T> Rows) : IPagedInfo
+    where T : DataAbstraction
+{
+    /// <inheritdoc cref="IPagedInfo.Page" />
+    public int Page { get; init; } = Page;
+
+    /// <inheritdoc cref="IPagedInfo.PageSize" />
+    public int PageSize { get; init; } = PageSize;
+
+    /// <summary>
+    ///     数据行
+    /// </summary>
+    public IEnumerable<T> Rows { get; init; } = Rows;
+
+    /// <summary>
+    ///     数据总条
+    /// </summary>
+    public long Total { get; init; } = Total;
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Dependency/QueryReq.cs b/src/backend/NetAdmin.Domain/Dto/Dependency/QueryReq.cs
new file mode 100644
index 00000000..b69b191c
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Dependency/QueryReq.cs
@@ -0,0 +1,39 @@
+namespace NetAdmin.Domain.Dto.Dependency;
+
+/// <summary>
+///     请求：查询
+/// </summary>
+public record QueryReq<T> : DataAbstraction
+    where T : DataAbstraction, new()
+{
+    /// <summary>
+    ///     取前n条
+    /// </summary>
+    [Range(1, Numbers.QUERY_LIMIT)]
+    public int Count { get; init; } = Numbers.QUERY_LIMIT;
+
+    /// <summary>
+    ///     动态查询条件
+    /// </summary>
+    public DynamicFilterInfo DynamicFilter { get; init; }
+
+    /// <summary>
+    ///     查询条件
+    /// </summary>
+    public T Filter { get; init; }
+
+    /// <summary>
+    ///     查询关键字
+    /// </summary>
+    public string Keywords { get; set; }
+
+    /// <summary>
+    ///     排序方式
+    /// </summary>
+    public Orders? Order { get; init; }
+
+    /// <summary>
+    ///     排序字段
+    /// </summary>
+    public string Prop { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/RestfulInfo.cs b/src/backend/NetAdmin.Domain/Dto/RestfulInfo.cs
new file mode 100644
index 00000000..08856711
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/RestfulInfo.cs
@@ -0,0 +1,23 @@
+namespace NetAdmin.Domain.Dto;
+
+/// <summary>
+///     信息：RESTful 风格结果集
+/// </summary>
+public record RestfulInfo<T> : DataAbstraction
+{
+    /// <summary>
+    ///     代码
+    /// </summary>
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public ErrorCodes Code { get; init; }
+
+    /// <summary>
+    ///     数据
+    /// </summary>
+    public T Data { get; init; }
+
+    /// <summary>
+    ///     消息
+    /// </summary>
+    public object Msg { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Api/CreateApiReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Api/CreateApiReq.cs
new file mode 100644
index 00000000..7c600097
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Api/CreateApiReq.cs
@@ -0,0 +1,8 @@
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Api;
+
+/// <summary>
+///     请求：创建接口
+/// </summary>
+public sealed record CreateApiReq : Sys_Api;
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Api/QueryApiReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Api/QueryApiReq.cs
new file mode 100644
index 00000000..fb0e1310
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Api/QueryApiReq.cs
@@ -0,0 +1,8 @@
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Api;
+
+/// <summary>
+///     请求：查询接口
+/// </summary>
+public sealed record QueryApiReq : Sys_Api;
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Api/QueryApiRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Api/QueryApiRsp.cs
new file mode 100644
index 00000000..05558293
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Api/QueryApiRsp.cs
@@ -0,0 +1,38 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Api;
+
+/// <summary>
+///     响应：查询接口
+/// </summary>
+public sealed record QueryApiRsp : Sys_Api
+{
+    /// <summary>
+    ///     子节点
+    /// </summary>
+    public new IEnumerable<QueryApiRsp> Children { get; init; }
+
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    public override string Id { get; init; }
+
+    /// <inheritdoc cref="Sys_Api.Method" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Method { get; init; }
+
+    /// <inheritdoc cref="Sys_Api.Name" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Name { get; init; }
+
+    /// <inheritdoc cref="Sys_Api.Namespace" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Namespace { get; init; }
+
+    /// <inheritdoc cref="Sys_Api.ParentId" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string ParentId { get; init; }
+
+    /// <inheritdoc cref="IFieldSummary.Summary" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Summary { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Cache/CacheStatisticsRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Cache/CacheStatisticsRsp.cs
new file mode 100644
index 00000000..c1396d69
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Cache/CacheStatisticsRsp.cs
@@ -0,0 +1,71 @@
+namespace NetAdmin.Domain.Dto.Sys.Cache;
+
+/// <summary>
+///     响应：缓存统计
+/// </summary>
+public sealed record CacheStatisticsRsp : DataAbstraction
+{
+    private static readonly Regex[] _regexes = {
+                                                   new(@"keyspace_hits:(\d+)", RegexOptions.Compiled)
+                                                 , new(@"keyspace_misses:(\d+)", RegexOptions.Compiled)
+                                                 , new(@"uptime_in_seconds:(\d+)", RegexOptions.Compiled)
+                                                 , new(@"used_cpu_sys:([\d\\.]+)", RegexOptions.Compiled)
+                                                 , new(@"used_cpu_user:([\d\\.]+)", RegexOptions.Compiled)
+                                                 , new(@"used_memory:(\d+)", RegexOptions.Compiled)
+                                                 , new("redis_version:(.+)", RegexOptions.Compiled)
+                                               };
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="CacheStatisticsRsp" /> class.
+    /// </summary>
+    public CacheStatisticsRsp() { }
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="CacheStatisticsRsp" /> class.
+    /// </summary>
+    public CacheStatisticsRsp(string redisResult)
+    {
+        KeyspaceHits   = _regexes[0].Match(redisResult).Groups[1].Value.Trim().Int64Try(0);
+        KeyspaceMisses = _regexes[1].Match(redisResult).Groups[1].Value.Trim().Int64Try(0);
+        UpTime         = _regexes[2].Match(redisResult).Groups[1].Value.Trim().Int64Try(0);
+        UsedCpu = _regexes[3].Match(redisResult).Groups[1].Value.Trim().DecTry(0) +
+                  _regexes[4].Match(redisResult).Groups[1].Value.Trim().DecTry(0);
+        UsedMemory = _regexes[5].Match(redisResult).Groups[1].Value.Trim().Int64Try(0);
+        Version    = _regexes[6].Match(redisResult).Groups[1].Value.Trim();
+    }
+
+    /// <summary>
+    ///     键总数
+    /// </summary>
+    public long DbSize { get; init; }
+
+    /// <summary>
+    ///     命中键的数量
+    /// </summary>
+    public long KeyspaceHits { get; init; }
+
+    /// <summary>
+    ///     未命中键的数量
+    /// </summary>
+    public long KeyspaceMisses { get; init; }
+
+    /// <summary>
+    ///     Redis运行时间（秒）
+    /// </summary>
+    public long UpTime { get; init; }
+
+    /// <summary>
+    ///     使用的CPU时间（秒）
+    /// </summary>
+    public decimal UsedCpu { get; init; }
+
+    /// <summary>
+    ///     使用的内存量（字节）
+    /// </summary>
+    public long UsedMemory { get; init; }
+
+    /// <summary>
+    ///     Redis版本号
+    /// </summary>
+    public string Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Cache/GetAllEntriesReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Cache/GetAllEntriesReq.cs
new file mode 100644
index 00000000..e44860f8
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Cache/GetAllEntriesReq.cs
@@ -0,0 +1,12 @@
+namespace NetAdmin.Domain.Dto.Sys.Cache;
+
+/// <summary>
+///     请求：获取所有缓存项
+/// </summary>
+public sealed record GetAllEntriesReq : DataAbstraction
+{
+    /// <summary>
+    ///     数据库索引号
+    /// </summary>
+    public uint DbIndex { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Cache/GetAllEntriesRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Cache/GetAllEntriesRsp.cs
new file mode 100644
index 00000000..fd386241
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Cache/GetAllEntriesRsp.cs
@@ -0,0 +1,43 @@
+namespace NetAdmin.Domain.Dto.Sys.Cache;
+
+/// <summary>
+///     响应：获取所有缓存项
+/// </summary>
+public sealed record GetAllEntriesRsp : DataAbstraction
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="GetAllEntriesRsp" /> class.
+    /// </summary>
+    public GetAllEntriesRsp() { }
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="GetAllEntriesRsp" /> class.
+    /// </summary>
+    public GetAllEntriesRsp(long absExp, string key, long sldExp, string data)
+    {
+        AbsExp = absExp;
+        Key    = key;
+        SldExp = sldExp;
+        Data   = data;
+    }
+
+    /// <summary>
+    ///     绝对过期时间
+    /// </summary>
+    public long AbsExp { get; init; }
+
+    /// <summary>
+    ///     缓存值
+    /// </summary>
+    public string Data { get; init; }
+
+    /// <summary>
+    ///     缓存键
+    /// </summary>
+    public string Key { get; init; }
+
+    /// <summary>
+    ///     滑动过期时间
+    /// </summary>
+    public long SldExp { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Captcha/GetCaptchaRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Captcha/GetCaptchaRsp.cs
new file mode 100644
index 00000000..2472c75e
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Captcha/GetCaptchaRsp.cs
@@ -0,0 +1,28 @@
+namespace NetAdmin.Domain.Dto.Sys.Captcha;
+
+/// <summary>
+///     响应：获取人机校验图
+/// </summary>
+public sealed record GetCaptchaRsp : DataAbstraction
+{
+    /// <summary>
+    ///     背景图（base64）
+    /// </summary>
+    public string BackgroundImage { get; init; }
+
+    /// <summary>
+    ///     唯一编码
+    /// </summary>
+    public string Id { get; init; }
+
+    /// <summary>
+    ///     缺口x坐标
+    /// </summary>
+    [JsonIgnore]
+    public int SawOffsetX { get; init; }
+
+    /// <summary>
+    ///     滑块图（base64）
+    /// </summary>
+    public string SliderImage { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Captcha/VerifyCaptchaReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Captcha/VerifyCaptchaReq.cs
new file mode 100644
index 00000000..c8ac2893
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Captcha/VerifyCaptchaReq.cs
@@ -0,0 +1,27 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+
+namespace NetAdmin.Domain.Dto.Sys.Captcha;
+
+/// <summary>
+///     请求：完成人机验证
+/// </summary>
+public sealed record VerifyCaptchaReq : DataAbstraction
+{
+    /// <summary>
+    ///     唯一编码
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.唯一编码))]
+    public string Id { get; init; }
+
+    /// <summary>
+    ///     缺口x坐标
+    /// </summary>
+    [JsonIgnore]
+    public int? SawOffsetX { get; init; }
+
+    /// <summary>
+    ///     验证数据
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.验证数据))]
+    public string VerifyData { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Config/CreateConfigReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Config/CreateConfigReq.cs
new file mode 100644
index 00000000..5db55870
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Config/CreateConfigReq.cs
@@ -0,0 +1,26 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Config;
+
+/// <summary>
+///     请求：创建配置
+/// </summary>
+public record CreateConfigReq : Sys_Config
+{
+    /// <inheritdoc cref="IFieldEnabled.Enabled" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override bool Enabled { get; init; }
+
+    /// <inheritdoc cref="Sys_Config.UserRegisterConfirm" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override bool UserRegisterConfirm { get; set; }
+
+    /// <inheritdoc cref="Sys_Config.UserRegisterDeptId" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long UserRegisterDeptId { get; init; }
+
+    /// <inheritdoc cref="Sys_Config.UserRegisterRoleId" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long UserRegisterRoleId { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Config/QueryConfigReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Config/QueryConfigReq.cs
new file mode 100644
index 00000000..3e753085
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Config/QueryConfigReq.cs
@@ -0,0 +1,20 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Config;
+
+/// <summary>
+///     请求：查询配置
+/// </summary>
+public sealed record QueryConfigReq : Sys_Config
+{
+    /// <summary>
+    ///     是否启用
+    /// </summary>
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public new bool? Enabled { get; init; }
+
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Config/QueryConfigRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Config/QueryConfigRsp.cs
new file mode 100644
index 00000000..281583b5
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Config/QueryConfigRsp.cs
@@ -0,0 +1,44 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Sys.Dept;
+using NetAdmin.Domain.Dto.Sys.Role;
+
+namespace NetAdmin.Domain.Dto.Sys.Config;
+
+/// <summary>
+///     响应：查询配置
+/// </summary>
+public sealed record QueryConfigRsp : Sys_Config
+{
+    /// <inheritdoc cref="IFieldEnabled.Enabled" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override bool Enabled { get; init; }
+
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+
+    /// <inheritdoc cref="Sys_Config.UserRegisterConfirm" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override bool UserRegisterConfirm { get; set; }
+
+    /// <inheritdoc cref="Sys_Config.UserRegisterDept" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public new QueryDeptRsp UserRegisterDept { get; init; }
+
+    /// <inheritdoc cref="Sys_Config.UserRegisterDeptId" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long UserRegisterDeptId { get; init; }
+
+    /// <inheritdoc cref="Sys_Config.UserRegisterRole" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public new QueryRoleRsp UserRegisterRole { get; init; }
+
+    /// <inheritdoc cref="Sys_Config.UserRegisterRoleId" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long UserRegisterRoleId { get; init; }
+
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Config/UpdateConfigReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Config/UpdateConfigReq.cs
new file mode 100644
index 00000000..11cd77ba
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Config/UpdateConfigReq.cs
@@ -0,0 +1,13 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.Dto.Sys.Config;
+
+/// <summary>
+///     请求：更新配置
+/// </summary>
+public sealed record UpdateConfigReq : CreateConfigReq
+{
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Dept/CreateDeptReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Dept/CreateDeptReq.cs
new file mode 100644
index 00000000..0f8620c5
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Dept/CreateDeptReq.cs
@@ -0,0 +1,32 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Dept;
+
+/// <summary>
+///     请求：创建部门
+/// </summary>
+public record CreateDeptReq : Sys_Dept
+{
+    /// <inheritdoc cref="IFieldEnabled.Enabled" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override bool Enabled { get; init; }
+
+    /// <inheritdoc cref="Sys_Dept.Name" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.部门名称))]
+    public override string Name { get; init; }
+
+    /// <inheritdoc cref="Sys_Dept.ParentId" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long ParentId { get; init; }
+
+    /// <inheritdoc cref="IFieldSort.Sort" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Sort { get; init; } = Numbers.DEF_SORT_VAL;
+
+    /// <inheritdoc cref="IFieldSummary.Summary" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string Summary { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Dept/QueryDeptReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Dept/QueryDeptReq.cs
new file mode 100644
index 00000000..891961cb
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Dept/QueryDeptReq.cs
@@ -0,0 +1,14 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Dept;
+
+/// <summary>
+///     请求：查询部门
+/// </summary>
+public sealed record QueryDeptReq : Sys_Dept
+{
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Dept/QueryDeptRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Dept/QueryDeptRsp.cs
new file mode 100644
index 00000000..fb594b17
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Dept/QueryDeptRsp.cs
@@ -0,0 +1,47 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Dept;
+
+/// <summary>
+///     响应：查询部门
+/// </summary>
+public record QueryDeptRsp : Sys_Dept
+{
+    /// <summary>
+    ///     子节点
+    /// </summary>
+    public new virtual IEnumerable<QueryDeptRsp> Children { get; init; }
+
+    /// <inheritdoc cref="IFieldCreatedTime.CreatedTime" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override DateTime CreatedTime { get; init; }
+
+    /// <inheritdoc cref="IFieldEnabled.Enabled" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override bool Enabled { get; init; }
+
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+
+    /// <inheritdoc cref="Sys_Dept.Name" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Name { get; init; }
+
+    /// <inheritdoc cref="Sys_Dept.ParentId" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long ParentId { get; init; }
+
+    /// <inheritdoc cref="IFieldSort.Sort" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Sort { get; init; } = Numbers.DEF_SORT_VAL;
+
+    /// <inheritdoc cref="IFieldSummary.Summary" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Summary { get; init; }
+
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Dept/UpdateDeptReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Dept/UpdateDeptReq.cs
new file mode 100644
index 00000000..eba8983e
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Dept/UpdateDeptReq.cs
@@ -0,0 +1,17 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.Dto.Sys.Dept;
+
+/// <summary>
+///     请求：更新部门
+/// </summary>
+public sealed record UpdateDeptReq : CreateDeptReq
+{
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Dev/GenerateCsCodeReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Dev/GenerateCsCodeReq.cs
new file mode 100644
index 00000000..c6fc980c
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Dev/GenerateCsCodeReq.cs
@@ -0,0 +1,22 @@
+namespace NetAdmin.Domain.Dto.Sys.Dev;
+
+/// <summary>
+///     请求：生成后端代码
+/// </summary>
+public sealed record GenerateCsCodeReq : DataAbstraction
+{
+    /// <summary>
+    ///     模块名称
+    /// </summary>
+    public string ModuleName { get; init; }
+
+    /// <summary>
+    ///     模块说明
+    /// </summary>
+    public string ModuleRemark { get; init; }
+
+    /// <summary>
+    ///     模块类型
+    /// </summary>
+    public ModuleTypes Type { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Dev/GenerateIconCodeReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Dev/GenerateIconCodeReq.cs
new file mode 100644
index 00000000..f6503ef1
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Dev/GenerateIconCodeReq.cs
@@ -0,0 +1,21 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+
+namespace NetAdmin.Domain.Dto.Sys.Dev;
+
+/// <summary>
+///     请求：生成图标代码
+/// </summary>
+public sealed record GenerateIconCodeReq : DataAbstraction
+{
+    /// <summary>
+    ///     图标名称
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.图标名称))]
+    public string IconName { get; init; }
+
+    /// <summary>
+    ///     图标代码
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.图标代码))]
+    public string SvgCode { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Dev/IconExportJsInfo.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Dev/IconExportJsInfo.cs
new file mode 100644
index 00000000..820fb60e
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Dev/IconExportJsInfo.cs
@@ -0,0 +1,39 @@
+namespace NetAdmin.Domain.Dto.Sys.Dev;
+
+/// <summary>
+///     IconExportJsInfo
+/// </summary>
+public sealed record IconExportJsInfo : DataAbstraction
+{
+    /// <summary>
+    ///     ExportDefault
+    /// </summary>
+    public ExportDefaultRecord ExportDefault { get; init; }
+
+    /// <summary>
+    ///     ExportDefaultRecord
+    /// </summary>
+    public sealed record ExportDefaultRecord
+    {
+        /// <summary>
+        ///     Icons
+        /// </summary>
+        public IEnumerable<IconsItem> Icons { get; init; }
+    }
+
+    /// <summary>
+    ///     IconsItem
+    /// </summary>
+    public sealed record IconsItem
+    {
+        /// <summary>
+        ///     Icons
+        /// </summary>
+        public ICollection<string> Icons { get; init; }
+
+        /// <summary>
+        ///     Name
+        /// </summary>
+        public string Name { get; init; }
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Catalog/CreateDicCatalogReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Catalog/CreateDicCatalogReq.cs
new file mode 100644
index 00000000..bab0c3ed
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Catalog/CreateDicCatalogReq.cs
@@ -0,0 +1,24 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Dic.Catalog;
+
+/// <summary>
+///     请求：创建字典目录
+/// </summary>
+public record CreateDicCatalogReq : Sys_DicCatalog
+{
+    /// <inheritdoc cref="Sys_DicCatalog.Code" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.字典编码))]
+    public override string Code { get; init; }
+
+    /// <inheritdoc cref="Sys_DicCatalog.Name" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.字典名称))]
+    public override string Name { get; init; }
+
+    /// <inheritdoc cref="Sys_DicCatalog.ParentId" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long ParentId { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Catalog/QueryDicCatalogReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Catalog/QueryDicCatalogReq.cs
new file mode 100644
index 00000000..7109e016
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Catalog/QueryDicCatalogReq.cs
@@ -0,0 +1,8 @@
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Dic.Catalog;
+
+/// <summary>
+///     请求：查询字典目录
+/// </summary>
+public sealed record QueryDicCatalogReq : Sys_DicCatalog;
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Catalog/QueryDicCatalogRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Catalog/QueryDicCatalogRsp.cs
new file mode 100644
index 00000000..d85e86d7
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Catalog/QueryDicCatalogRsp.cs
@@ -0,0 +1,35 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Dic.Catalog;
+
+/// <summary>
+///     响应：查询字典目录
+/// </summary>
+public sealed record QueryDicCatalogRsp : Sys_DicCatalog
+{
+    /// <summary>
+    ///     子节点
+    /// </summary>
+    public new IEnumerable<QueryDicCatalogRsp> Children { get; init; }
+
+    /// <inheritdoc cref="Sys_DicCatalog.Code" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Code { get; init; }
+
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+
+    /// <inheritdoc cref="Sys_DicCatalog.Name" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Name { get; init; }
+
+    /// <inheritdoc cref="Sys_DicCatalog.ParentId" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long ParentId { get; init; }
+
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Catalog/UpdateDicCatalogReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Catalog/UpdateDicCatalogReq.cs
new file mode 100644
index 00000000..cb71d31f
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Catalog/UpdateDicCatalogReq.cs
@@ -0,0 +1,13 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.Dto.Sys.Dic.Catalog;
+
+/// <summary>
+///     请求：更新字典目录
+/// </summary>
+public sealed record UpdateDicCatalogReq : CreateDicCatalogReq
+{
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Content/CreateDicContentReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Content/CreateDicContentReq.cs
new file mode 100644
index 00000000..49e1affc
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Content/CreateDicContentReq.cs
@@ -0,0 +1,25 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Dic.Content;
+
+/// <summary>
+///     请求：创建字典内容
+/// </summary>
+public record CreateDicContentReq : Sys_DicContent
+{
+    /// <inheritdoc cref="Sys_DicContent.CatalogId" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.字典目录编号))]
+    public override long CatalogId { get; init; }
+
+    /// <inheritdoc cref="Sys_DicContent.Key" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.键名称))]
+    public override string Key { get; init; }
+
+    /// <inheritdoc cref="Sys_DicContent.Value" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.键值))]
+    public override string Value { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Content/QueryDicContentReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Content/QueryDicContentReq.cs
new file mode 100644
index 00000000..542721db
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Content/QueryDicContentReq.cs
@@ -0,0 +1,8 @@
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Dic.Content;
+
+/// <summary>
+///     请求：查询字典内容
+/// </summary>
+public sealed record QueryDicContentReq : Sys_DicContent;
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Content/QueryDicContentRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Content/QueryDicContentRsp.cs
new file mode 100644
index 00000000..f1fcdecd
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Content/QueryDicContentRsp.cs
@@ -0,0 +1,30 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Dic.Content;
+
+/// <summary>
+///     响应：查询字典内容
+/// </summary>
+public sealed record QueryDicContentRsp : Sys_DicContent
+{
+    /// <inheritdoc cref="Sys_DicContent.CatalogId" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long CatalogId { get; init; }
+
+    /// <inheritdoc cref="IFieldCreatedTime.CreatedTime" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override DateTime CreatedTime { get; init; }
+
+    /// <inheritdoc cref="Sys_DicContent.Key" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Key { get; init; }
+
+    /// <inheritdoc cref="Sys_DicContent.Value" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Value { get; init; }
+
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Content/UpdateDicContentReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Content/UpdateDicContentReq.cs
new file mode 100644
index 00000000..c2a1ba76
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Dic/Content/UpdateDicContentReq.cs
@@ -0,0 +1,13 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.Dto.Sys.Dic.Content;
+
+/// <summary>
+///     请求：更新字典内容
+/// </summary>
+public sealed record UpdateDicContentReq : CreateDicContentReq
+{
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Menu/CreateMenuReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Menu/CreateMenuReq.cs
new file mode 100644
index 00000000..9230f278
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Menu/CreateMenuReq.cs
@@ -0,0 +1,72 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Enums.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Menu;
+
+/// <summary>
+///     请求：创建菜单
+/// </summary>
+public record CreateMenuReq : Sys_Menu
+{
+    /// <inheritdoc cref="Sys_Menu.Active" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string Active { get; init; }
+
+    /// <inheritdoc cref="Sys_Menu.Color" />
+    public override string Color => Meta.Color;
+
+    /// <inheritdoc cref="Sys_Menu.Component" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string Component { get; init; }
+
+    /// <inheritdoc cref="Sys_Menu.FullPageRouting" />
+    public override bool FullPageRouting => Meta.FullPage;
+
+    /// <inheritdoc cref="Sys_Menu.Hidden" />
+    public override bool Hidden => Meta.Hidden;
+
+    /// <inheritdoc cref="Sys_Menu.HiddenBreadCrumb" />
+    public override bool HiddenBreadCrumb => Meta.HiddenBreadCrumb;
+
+    /// <inheritdoc cref="Sys_Menu.Icon" />
+    public override string Icon => Meta.Icon;
+
+    /// <summary>
+    ///     元数据
+    /// </summary>
+    public MetaInfo Meta { get; init; }
+
+    /// <inheritdoc cref="Sys_Menu.Name" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.菜单名称))]
+    public override string Name { get; init; }
+
+    /// <inheritdoc cref="Sys_Menu.ParentId" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long ParentId { get; init; } = 0;
+
+    /// <inheritdoc cref="Sys_Menu.Path" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string Path { get; init; }
+
+    /// <inheritdoc cref="Sys_Menu.Redirect" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string Redirect { get; init; }
+
+    /// <inheritdoc cref="IFieldSort.Sort" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Sort { get; init; } = Numbers.DEF_SORT_VAL;
+
+    /// <inheritdoc cref="Sys_Menu.Tag" />
+    public override string Tag => Meta.Tag;
+
+    /// <inheritdoc cref="Sys_Menu.Title" />
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.菜单标题))]
+    public override string Title => Meta.Title;
+
+    /// <inheritdoc cref="Sys_Menu.Type" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override MenuTypes Type => Meta.Type;
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Menu/MetaInfo.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Menu/MetaInfo.cs
new file mode 100644
index 00000000..04879e31
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Menu/MetaInfo.cs
@@ -0,0 +1,71 @@
+using NetAdmin.Domain.Enums.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Menu;
+
+/// <summary>
+///     信息：元数据
+/// </summary>
+public sealed record MetaInfo : DataAbstraction
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="MetaInfo" /> class.
+    /// </summary>
+    public MetaInfo() { }
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="MetaInfo" /> class.
+    /// </summary>
+    public MetaInfo(string color, bool      fullPage, bool hidden, bool hiddenBreadCrumb, string icon, string tag
+                  , string title, MenuTypes type)
+    {
+        Color            = color;
+        FullPage         = fullPage;
+        Hidden           = hidden;
+        HiddenBreadCrumb = hiddenBreadCrumb;
+        Icon             = icon;
+        Tag              = tag;
+        Title            = title;
+        Type             = type;
+    }
+
+    /// <summary>
+    ///     背景颜色
+    /// </summary>
+    public string Color { get; init; }
+
+    /// <summary>
+    ///     是否整页路由
+    /// </summary>
+    public bool FullPage { get; init; }
+
+    /// <summary>
+    ///     是否隐藏
+    /// </summary>
+    public bool Hidden { get; init; }
+
+    /// <summary>
+    ///     是否隐藏面包屑
+    /// </summary>
+    public bool HiddenBreadCrumb { get; init; }
+
+    /// <summary>
+    ///     图标
+    /// </summary>
+    public string Icon { get; init; }
+
+    /// <summary>
+    ///     标签
+    /// </summary>
+    public string Tag { get; init; }
+
+    /// <summary>
+    ///     标题
+    /// </summary>
+    public string Title { get; init; }
+
+    /// <summary>
+    ///     类型
+    /// </summary>
+    [EnumDataType(typeof(MenuTypes))]
+    public MenuTypes Type { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Menu/QueryMenuReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Menu/QueryMenuReq.cs
new file mode 100644
index 00000000..bf2af730
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Menu/QueryMenuReq.cs
@@ -0,0 +1,14 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Menu;
+
+/// <summary>
+///     请求：查询菜单
+/// </summary>
+public sealed record QueryMenuReq : Sys_Menu
+{
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Menu/QueryMenuRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Menu/QueryMenuRsp.cs
new file mode 100644
index 00000000..054a19a9
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Menu/QueryMenuRsp.cs
@@ -0,0 +1,78 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Menu;
+
+/// <summary>
+///     信息：菜单
+/// </summary>
+public sealed record QueryMenuRsp : Sys_Menu, IRegister
+{
+    /// <summary>
+    ///     元数据
+    /// </summary>
+    public MetaInfo Meta => new(Color, FullPageRouting, Hidden, HiddenBreadCrumb, Icon, Tag, Title, Type);
+
+    /// <inheritdoc cref="Sys_Menu.Active" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Active { get; init; }
+
+    /// <summary>
+    ///     子节点
+    /// </summary>
+    public new IEnumerable<QueryMenuRsp> Children { get; init; }
+
+    /// <inheritdoc cref="Sys_Menu.Component" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Component { get; init; }
+
+    /// <inheritdoc cref="Sys_Menu.FullPageRouting" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override bool FullPageRouting { get; init; }
+
+    /// <inheritdoc cref="Sys_Menu.Hidden" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override bool Hidden { get; init; }
+
+    /// <inheritdoc cref="Sys_Menu.HiddenBreadCrumb" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override bool HiddenBreadCrumb { get; init; }
+
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+
+    /// <inheritdoc cref="Sys_Menu.Name" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Name { get; init; }
+
+    /// <inheritdoc cref="Sys_Menu.ParentId" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long ParentId { get; init; }
+
+    /// <inheritdoc cref="Sys_Menu.Path" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Path { get; init; }
+
+    /// <inheritdoc cref="Sys_Menu.Redirect" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Redirect { get; init; }
+
+    /// <inheritdoc cref="IFieldSort.Sort" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Sort { get; init; }
+
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+
+    /// <inheritdoc />
+    public void Register(TypeAdapterConfig config)
+    {
+        _ = config.ForType<Sys_Menu, QueryMenuRsp>() //
+                  .Map(d => d.Path, s => s.Path ?? string.Empty)
+
+            //
+            ;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Menu/UpdateMenuReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Menu/UpdateMenuReq.cs
new file mode 100644
index 00000000..d0275beb
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Menu/UpdateMenuReq.cs
@@ -0,0 +1,17 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.Dto.Sys.Menu;
+
+/// <summary>
+///     请求：更新菜单
+/// </summary>
+public sealed record UpdateMenuReq : CreateMenuReq
+{
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/RequestLog/CreateRequestLogReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/RequestLog/CreateRequestLogReq.cs
new file mode 100644
index 00000000..bbf1681a
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/RequestLog/CreateRequestLogReq.cs
@@ -0,0 +1,8 @@
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.RequestLog;
+
+/// <summary>
+///     请求：创建请求日志
+/// </summary>
+public sealed record CreateRequestLogReq : Sys_RequestLog;
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/RequestLog/QueryRequestLogReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/RequestLog/QueryRequestLogReq.cs
new file mode 100644
index 00000000..9d175f7b
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/RequestLog/QueryRequestLogReq.cs
@@ -0,0 +1,8 @@
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.RequestLog;
+
+/// <summary>
+///     请求：查询请求日志
+/// </summary>
+public sealed record QueryRequestLogReq : Sys_RequestLog;
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/RequestLog/QueryRequestLogRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/RequestLog/QueryRequestLogRsp.cs
new file mode 100644
index 00000000..dd979b8d
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/RequestLog/QueryRequestLogRsp.cs
@@ -0,0 +1,106 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.RequestLog;
+
+/// <summary>
+///     响应：查询请求日志
+/// </summary>
+public sealed record QueryRequestLogRsp : Sys_RequestLog, IRegister
+{
+    /// <summary>
+    ///     操作系统
+    /// </summary>
+    public string Os => UserAgentParser.Create(CreatedUserAgent).Platform;
+
+    /// <inheritdoc cref="Sys_RequestLog.ApiId" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string ApiId { get; init; }
+
+    /// <summary>
+    ///     接口描述
+    /// </summary>
+    public string ApiSummary { get; init; }
+
+    /// <inheritdoc cref="Sys_RequestLog.CreatedClientIp" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override int? CreatedClientIp { get; init; }
+
+    /// <inheritdoc cref="IFieldCreatedTime.CreatedTime" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override DateTime CreatedTime { get; init; }
+
+    /// <inheritdoc cref="Sys_RequestLog.CreatedUserAgent" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string CreatedUserAgent { get; init; }
+
+    /// <inheritdoc cref="IFieldCreatedUser.CreatedUserName" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string CreatedUserName { get; set; }
+
+    /// <inheritdoc cref="Sys_RequestLog.Duration" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Duration { get; init; }
+
+    /// <inheritdoc cref="Sys_RequestLog.ErrorCode" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override ErrorCodes ErrorCode { get; init; }
+
+    /// <inheritdoc cref="Sys_RequestLog.Exception" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Exception { get; init; }
+
+    /// <inheritdoc cref="Sys_RequestLog.ExtraData" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string ExtraData { get; init; }
+
+    /// <inheritdoc cref="Sys_RequestLog.HttpStatusCode" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override int HttpStatusCode { get; init; }
+
+    /// <inheritdoc cref="Sys_RequestLog.Method" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Method { get; init; }
+
+    /// <inheritdoc cref="Sys_RequestLog.ReferUrl" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string ReferUrl { get; init; }
+
+    /// <inheritdoc cref="Sys_RequestLog.RequestBody" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string RequestBody { get; init; }
+
+    /// <inheritdoc cref="Sys_RequestLog.RequestContentType" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string RequestContentType { get; init; }
+
+    /// <inheritdoc cref="Sys_RequestLog.RequestHeaders" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string RequestHeaders { get; init; }
+
+    /// <inheritdoc cref="Sys_RequestLog.RequestUrl" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string RequestUrl { get; init; }
+
+    /// <inheritdoc cref="Sys_RequestLog.ResponseBody" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string ResponseBody { get; init; }
+
+    /// <inheritdoc cref="Sys_RequestLog.ResponseContentType" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string ResponseContentType { get; init; }
+
+    /// <inheritdoc cref="Sys_RequestLog.ResponseHeaders" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string ResponseHeaders { get; init; }
+
+    /// <inheritdoc cref="Sys_RequestLog.ServerIp" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override int? ServerIp { get; init; }
+
+    /// <inheritdoc />
+    public void Register(TypeAdapterConfig config)
+    {
+        _ = config.ForType<Sys_RequestLog, QueryRequestLogRsp>().Map(dest => dest.ApiSummary, src => src.Api.Summary);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Role/CreateRoleReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Role/CreateRoleReq.cs
new file mode 100644
index 00000000..c762b7b0
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Role/CreateRoleReq.cs
@@ -0,0 +1,57 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Enums.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Role;
+
+/// <summary>
+///     请求：创建角色
+/// </summary>
+public record CreateRoleReq : Sys_Role
+{
+    /// <summary>
+    ///     角色-接口映射
+    /// </summary>
+    public IReadOnlyCollection<string> ApiIds { get; init; }
+
+    /// <inheritdoc cref="Sys_Role.DataScope" />
+    [EnumDataType(typeof(DataScopes))]
+    public override DataScopes DataScope { get; init; } = DataScopes.All;
+
+    /// <summary>
+    ///     当 DataScope = SpecificDept ，此参数指定部门编号
+    /// </summary>
+    [SpecificDept]
+    public IReadOnlyCollection<long> DeptIds { get; init; }
+
+    /// <inheritdoc cref="Sys_Role.DisplayDashboard" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override bool DisplayDashboard { get; init; }
+
+    /// <inheritdoc cref="IFieldEnabled.Enabled" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override bool Enabled { get; init; }
+
+    /// <inheritdoc cref="Sys_Role.IgnorePermissionControl" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override bool IgnorePermissionControl { get; init; }
+
+    /// <summary>
+    ///     角色-菜单映射
+    /// </summary>
+    public IReadOnlyCollection<long> MenuIds { get; init; }
+
+    /// <inheritdoc cref="Sys_Role.Name" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.角色名称))]
+    public override string Name { get; init; }
+
+    /// <inheritdoc cref="IFieldSort.Sort" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Sort { get; init; } = Numbers.DEF_SORT_VAL;
+
+    /// <inheritdoc cref="IFieldSummary.Summary" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string Summary { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Role/GetMenusRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Role/GetMenusRsp.cs
new file mode 100644
index 00000000..64c8153f
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Role/GetMenusRsp.cs
@@ -0,0 +1,17 @@
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Role;
+
+/// <summary>
+///     响应： 获取角色菜单
+/// </summary>
+public sealed record GetMenusRsp : Sys_RoleMenu
+{
+    /// <inheritdoc cref="Sys_RoleMenu.MenuId" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long MenuId { get; init; }
+
+    /// <inheritdoc cref="Sys_RoleMenu.RoleId" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long RoleId { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Role/MapMenusReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Role/MapMenusReq.cs
new file mode 100644
index 00000000..1edfd0cf
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Role/MapMenusReq.cs
@@ -0,0 +1,21 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+
+namespace NetAdmin.Domain.Dto.Sys.Role;
+
+/// <summary>
+///     请求：角色-菜单映射
+/// </summary>
+public sealed record MapMenusReq : DataAbstraction
+{
+    /// <summary>
+    ///     菜单编号
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.菜单编号))]
+    public IReadOnlyCollection<long> MenuIds { get; init; }
+
+    /// <summary>
+    ///     角色编号
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.角色编号))]
+    public long RoleId { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Role/QueryRoleReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Role/QueryRoleReq.cs
new file mode 100644
index 00000000..db256ba9
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Role/QueryRoleReq.cs
@@ -0,0 +1,14 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Role;
+
+/// <summary>
+///     请求：查询角色
+/// </summary>
+public sealed record QueryRoleReq : Sys_Role
+{
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Role/QueryRoleRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Role/QueryRoleRsp.cs
new file mode 100644
index 00000000..221817f5
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Role/QueryRoleRsp.cs
@@ -0,0 +1,84 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Enums.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.Role;
+
+/// <summary>
+///     响应：查询角色
+/// </summary>
+public sealed record QueryRoleRsp : Sys_Role, IRegister
+{
+    /// <summary>
+    ///     角色-接口映射
+    /// </summary>
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public IReadOnlyCollection<string> ApiIds { get; init; }
+
+    /// <inheritdoc cref="IFieldCreatedTime.CreatedTime" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override DateTime CreatedTime { get; init; }
+
+    /// <inheritdoc cref="Sys_Role.DataScope" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override DataScopes DataScope { get; init; }
+
+    /// <summary>
+    ///     角色-部门映射
+    /// </summary>
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public IEnumerable<long> DeptIds { get; init; }
+
+    /// <inheritdoc cref="Sys_Role.DisplayDashboard" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override bool DisplayDashboard { get; init; }
+
+    /// <inheritdoc cref="IFieldEnabled.Enabled" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override bool Enabled { get; init; }
+
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+
+    /// <inheritdoc cref="Sys_Role.IgnorePermissionControl" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override bool IgnorePermissionControl { get; init; }
+
+    /// <summary>
+    ///     角色-菜单映射
+    /// </summary>
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public IReadOnlyCollection<long> MenuIds { get; init; }
+
+    /// <inheritdoc cref="Sys_Role.Name" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Name { get; init; }
+
+    /// <inheritdoc cref="IFieldSort.Sort" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Sort { get; init; } = Numbers.DEF_SORT_VAL;
+
+    /// <inheritdoc cref="IFieldSummary.Summary" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Summary { get; init; }
+
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+
+    /// <inheritdoc />
+    public new void Register(TypeAdapterConfig config)
+    {
+        _ = config.ForType<Sys_Role, QueryRoleRsp>() //
+                  .IgnoreIf((s, _) => s.Depts == null, d => d.DeptIds)
+                  .IgnoreIf((s, _) => s.Menus == null, d => d.MenuIds)
+                  .IgnoreIf((s, _) => s.Apis  == null, d => d.ApiIds)
+                  .Map(d => d.DeptIds, s => s.Depts.Select(x => x.Id))
+                  .Map(d => d.ApiIds,  s => s.Apis.Select(x => x.Id))
+                  .Map(d => d.MenuIds, s => s.Menus.Select(x => x.Id))
+
+            //
+            ;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/Role/UpdateRoleReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/Role/UpdateRoleReq.cs
new file mode 100644
index 00000000..304d0b04
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/Role/UpdateRoleReq.cs
@@ -0,0 +1,20 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.Dto.Sys.Role;
+
+/// <summary>
+///     请求：修改角色
+/// </summary>
+public sealed record UpdateRoleReq : CreateRoleReq
+{
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.唯一编码))]
+    public override long Id { get; init; }
+
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.数据版本))]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/User/CheckMobileAvailableReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/User/CheckMobileAvailableReq.cs
new file mode 100644
index 00000000..4dadc4a6
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/User/CheckMobileAvailableReq.cs
@@ -0,0 +1,20 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.User;
+
+/// <summary>
+///     请求：检查手机号是否可用
+/// </summary>
+public sealed record CheckMobileAvailableReq : Sys_User
+{
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+
+    /// <inheritdoc cref="Sys_User.Mobile" />
+    [Mobile]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string Mobile { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/User/CheckUserNameAvailableReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/User/CheckUserNameAvailableReq.cs
new file mode 100644
index 00000000..dd3b234a
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/User/CheckUserNameAvailableReq.cs
@@ -0,0 +1,21 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.User;
+
+/// <summary>
+///     请求：检查用户名是否可用
+/// </summary>
+public sealed record CheckUserNameAvailableReq : Sys_User
+{
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+
+    /// <inheritdoc cref="Sys_User.UserName" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.用户名))]
+    [UserName]
+    public override string UserName { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/User/CreateUpdateUserReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/User/CreateUpdateUserReq.cs
new file mode 100644
index 00000000..b656c305
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/User/CreateUpdateUserReq.cs
@@ -0,0 +1,58 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.User;
+
+/// <summary>
+///     请求：创建更新用户
+/// </summary>
+public abstract record CreateUpdateUserReq : Sys_User
+{
+    /// <inheritdoc cref="Sys_User.Avatar" />
+    [CultureUrl]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string Avatar { get; init; }
+
+    /// <inheritdoc cref="Sys_User.DeptId" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long DeptId { get; init; }
+
+    /// <inheritdoc cref="Sys_User.Email" />
+    [EmailAddress]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string Email { get; init; }
+
+    /// <inheritdoc cref="IFieldEnabled.Enabled" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override bool Enabled { get; init; }
+
+    /// <inheritdoc cref="Sys_User.Mobile" />
+    [Mobile]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string Mobile { get; init; }
+
+    /// <summary>
+    ///     登录密码
+    /// </summary>
+    [Password]
+    public virtual string PasswordText { get; init; }
+
+    /// <summary>
+    ///     角色编号列表
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.角色编号列表))]
+    [MinLength(1)]
+    [MaxLength(Numbers.BULK_REQ_LIMIT)]
+    public IReadOnlyCollection<long> RoleIds { get; init; }
+
+    /// <inheritdoc cref="Sys_User.Summary" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string Summary { get; init; }
+
+    /// <inheritdoc cref="Sys_User.UserName" />
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.用户名))]
+    [UserName]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string UserName { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/User/CreateUserReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/User/CreateUserReq.cs
new file mode 100644
index 00000000..b7167f45
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/User/CreateUserReq.cs
@@ -0,0 +1,29 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Sys.UserProfile;
+
+namespace NetAdmin.Domain.Dto.Sys.User;
+
+/// <summary>
+///     请求：创建用户
+/// </summary>
+public record CreateUserReq : CreateUpdateUserReq, IRegister
+{
+    /// <inheritdoc cref="CreateUpdateUserReq.PasswordText" />
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.密码))]
+    public override string PasswordText { get; init; }
+
+    /// <inheritdoc cref="Sys_User.Profile" />
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.用户档案))]
+    public new CreateUserProfileReq Profile { get; init; }
+
+    /// <inheritdoc />
+    public new void Register(TypeAdapterConfig config)
+    {
+        _ = config.ForType<RegisterUserReq, CreateUserReq>() //
+                  .Map(d => d.Mobile, s => s.VerifySmsCodeReq.DestDevice)
+
+            //
+            ;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/User/LoginByPwdReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/User/LoginByPwdReq.cs
new file mode 100644
index 00000000..00071fd9
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/User/LoginByPwdReq.cs
@@ -0,0 +1,20 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.User;
+
+/// <summary>
+///     请求：密码登录
+/// </summary>
+public record LoginByPwdReq : DataAbstraction
+{
+    /// <summary>
+    ///     用户名、手机号、邮箱
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.账号))]
+    public string Account { get; init; }
+
+    /// <inheritdoc cref="Sys_User.Password" />
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.密码))]
+    public string Password { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/User/LoginBySmsReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/User/LoginBySmsReq.cs
new file mode 100644
index 00000000..f2b5e07e
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/User/LoginBySmsReq.cs
@@ -0,0 +1,8 @@
+using NetAdmin.Domain.Dto.Sys.VerifyCode;
+
+namespace NetAdmin.Domain.Dto.Sys.User;
+
+/// <summary>
+///     请求：短信登录
+/// </summary>
+public record LoginBySmsReq : VerifySmsCodeReq;
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/User/LoginRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/User/LoginRsp.cs
new file mode 100644
index 00000000..a74c40dc
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/User/LoginRsp.cs
@@ -0,0 +1,27 @@
+namespace NetAdmin.Domain.Dto.Sys.User;
+
+/// <summary>
+///     响应：密码登录
+/// </summary>
+public record LoginRsp : DataAbstraction
+{
+    /// <summary>
+    ///     访问令牌
+    /// </summary>
+    public string AccessToken { get; init; }
+
+    /// <summary>
+    ///     刷新令牌
+    /// </summary>
+    public string RefreshToken { get; init; }
+
+    /// <summary>
+    ///     设置到响应头
+    /// </summary>
+    public void SetToRspHeader()
+    {
+        // 设置响应报文头
+        App.HttpContext.Response.Headers[Chars.FLG_ACCESS_TOKEN]   = AccessToken;
+        App.HttpContext.Response.Headers[Chars.FLG_X_ACCESS_TOKEN] = RefreshToken;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/User/QueryUserReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/User/QueryUserReq.cs
new file mode 100644
index 00000000..ad3d07ec
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/User/QueryUserReq.cs
@@ -0,0 +1,26 @@
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.User;
+
+/// <summary>
+///     请求：查询用户
+/// </summary>
+public sealed record QueryUserReq : Sys_User
+{
+    /// <summary>
+    ///     部门编号
+    /// </summary>
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long DeptId { get; init; }
+
+    /// <summary>
+    ///     id
+    /// </summary>
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+
+    /// <summary>
+    ///     角色编号
+    /// </summary>
+    public long RoleId { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/User/QueryUserRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/User/QueryUserRsp.cs
new file mode 100644
index 00000000..1e7203ef
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/User/QueryUserRsp.cs
@@ -0,0 +1,58 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Sys.Dept;
+using NetAdmin.Domain.Dto.Sys.Role;
+
+namespace NetAdmin.Domain.Dto.Sys.User;
+
+/// <summary>
+///     响应：查询用户
+/// </summary>
+public record QueryUserRsp : Sys_User
+{
+    /// <inheritdoc cref="Sys_User.Avatar" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Avatar { get; init; }
+
+    /// <inheritdoc cref="IFieldCreatedTime.CreatedTime" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override DateTime CreatedTime { get; init; }
+
+    /// <summary>
+    ///     部门
+    /// </summary>
+    public new virtual QueryDeptRsp Dept { get; init; }
+
+    /// <inheritdoc cref="Sys_User.Email" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Email { get; init; }
+
+    /// <inheritdoc cref="IFieldEnabled.Enabled" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override bool Enabled { get; init; }
+
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+
+    /// <inheritdoc cref="Sys_User.Mobile" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Mobile { get; init; }
+
+    /// <summary>
+    ///     角色列表
+    /// </summary>
+    public new virtual IEnumerable<QueryRoleRsp> Roles { get; init; }
+
+    /// <inheritdoc cref="Sys_User.Summary" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Summary { get; init; }
+
+    /// <inheritdoc cref="Sys_User.UserName" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string UserName { get; init; }
+
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/User/RegisterUserReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/User/RegisterUserReq.cs
new file mode 100644
index 00000000..1ca7bb4a
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/User/RegisterUserReq.cs
@@ -0,0 +1,39 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Sys.VerifyCode;
+
+namespace NetAdmin.Domain.Dto.Sys.User;
+
+/// <summary>
+///     请求：注册用户
+/// </summary>
+public record RegisterUserReq : Sys_User
+{
+    /// <summary>
+    ///     密码
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.密码))]
+    [Password]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public virtual string PasswordText { get; init; }
+
+    /// <summary>
+    ///     角色编号列表
+    /// </summary>
+    [JsonIgnore]
+    public IReadOnlyCollection<long> RoleIds { get; init; }
+
+    /// <summary>
+    ///     用户名
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.用户名))]
+    [UserName]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string UserName { get; init; }
+
+    /// <summary>
+    ///     短信验证请求
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.短信验证请求))]
+    public VerifySmsCodeReq VerifySmsCodeReq { get; set; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/User/ResetPasswordReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/User/ResetPasswordReq.cs
new file mode 100644
index 00000000..06ad2631
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/User/ResetPasswordReq.cs
@@ -0,0 +1,23 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.Dto.Sys.VerifyCode;
+
+namespace NetAdmin.Domain.Dto.Sys.User;
+
+/// <summary>
+///     请求：重置密码
+/// </summary>
+public sealed record ResetPasswordReq : DataAbstraction
+{
+    /// <summary>
+    ///     密码
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.密码))]
+    [Password]
+    public string PasswordText { get; init; }
+
+    /// <summary>
+    ///     短信验证请求
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.短信验证请求))]
+    public VerifySmsCodeReq VerifySmsCodeReq { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/User/SetAvatarReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/User/SetAvatarReq.cs
new file mode 100644
index 00000000..7ebd7e7d
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/User/SetAvatarReq.cs
@@ -0,0 +1,16 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.User;
+
+/// <summary>
+///     请求：更新用户头像
+/// </summary>
+public sealed record SetAvatarReq : Sys_User
+{
+    /// <inheritdoc cref="Sys_User.Avatar" />
+    [CultureUrl]
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.用户头像))]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string Avatar { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/User/SetEmailReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/User/SetEmailReq.cs
new file mode 100644
index 00000000..c63c8125
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/User/SetEmailReq.cs
@@ -0,0 +1,14 @@
+using NetAdmin.Domain.Dto.Sys.VerifyCode;
+
+namespace NetAdmin.Domain.Dto.Sys.User;
+
+/// <summary>
+///     请求：设置邮箱
+/// </summary>
+public sealed record SetEmailReq : VerifyEmailCodeReq
+{
+    /// <summary>
+    ///     短信验证请求
+    /// </summary>
+    public VerifySmsCodeReq VerifySmsCodeReq { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/User/SetMobileReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/User/SetMobileReq.cs
new file mode 100644
index 00000000..93688358
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/User/SetMobileReq.cs
@@ -0,0 +1,21 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.Dto.Sys.VerifyCode;
+
+namespace NetAdmin.Domain.Dto.Sys.User;
+
+/// <summary>
+///     请求：设置手机号
+/// </summary>
+public sealed record SetMobileReq : DataAbstraction
+{
+    /// <summary>
+    ///     新手机短信验证请求
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.短信验证请求))]
+    public VerifySmsCodeReq NewVerifySmsCodeReq { get; init; }
+
+    /// <summary>
+    ///     原手机短信验证请求
+    /// </summary>
+    public VerifySmsCodeReq OriginVerifySmsCodeReq { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/User/SetPasswordReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/User/SetPasswordReq.cs
new file mode 100644
index 00000000..579aa226
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/User/SetPasswordReq.cs
@@ -0,0 +1,23 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+
+namespace NetAdmin.Domain.Dto.Sys.User;
+
+/// <summary>
+///     请求：设置密码
+/// </summary>
+public sealed record SetPasswordReq : DataAbstraction
+{
+    /// <summary>
+    ///     新密码
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.新密码))]
+    [Password]
+    public string NewPassword { get; init; }
+
+    /// <summary>
+    ///     旧密码
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.旧密码))]
+    [Password]
+    public string OldPassword { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/User/UpdateUserReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/User/UpdateUserReq.cs
new file mode 100644
index 00000000..17101947
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/User/UpdateUserReq.cs
@@ -0,0 +1,24 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Sys.UserProfile;
+
+namespace NetAdmin.Domain.Dto.Sys.User;
+
+/// <summary>
+///     请求：更新用户
+/// </summary>
+public sealed record UpdateUserReq : CreateUpdateUserReq
+{
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+
+    /// <inheritdoc cref="Sys_User.Profile" />
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.用户档案))]
+    public new UpdateUserProfileReq Profile { get; init; }
+
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/User/UserInfoRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/User/UserInfoRsp.cs
new file mode 100644
index 00000000..42844656
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/User/UserInfoRsp.cs
@@ -0,0 +1,28 @@
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Sys.Dept;
+using NetAdmin.Domain.Dto.Sys.Role;
+
+namespace NetAdmin.Domain.Dto.Sys.User;
+
+/// <summary>
+///     响应：当前用户信息
+/// </summary>
+public record UserInfoRsp : QueryUserRsp, IRegister
+{
+    /// <inheritdoc />
+    public override QueryDeptRsp Dept { get; init; }
+
+    /// <inheritdoc />
+    public override IEnumerable<QueryRoleRsp> Roles { get; init; }
+
+    /// <inheritdoc />
+    public new void Register(TypeAdapterConfig config)
+    {
+        _ = config.ForType<Sys_User, UserInfoRsp>() //
+                  .IgnoreIf((s, _) => s.Mobile == null, d => d.Mobile)
+                  .Map(d => d.Mobile, s => s.Mobile.MaskMobile())
+
+            //
+            ;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/UserProfile/CreateUserProfileReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/UserProfile/CreateUserProfileReq.cs
new file mode 100644
index 00000000..f7a1e9c7
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/UserProfile/CreateUserProfileReq.cs
@@ -0,0 +1,122 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Sys.Dic.Content;
+
+namespace NetAdmin.Domain.Dto.Sys.UserProfile;
+
+/// <summary>
+///     请求：创建用户档案
+/// </summary>
+public record CreateUserProfileReq : Sys_UserProfile
+{
+    /// <inheritdoc cref="Sys_UserProfile.BornDate" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override DateTime? BornDate { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.CertificateNumber" />
+    [Certificate]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string CertificateNumber { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.CertificateType" />
+    [EnumDataType(typeof(CertificateTypes))]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override CertificateTypes? CertificateType { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.CompanyAddress" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string CompanyAddress { get; init; }
+
+    /// <summary>
+    ///     工作地区
+    /// </summary>
+    public new QueryDicContentRsp CompanyArea { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.CompanyName" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string CompanyName { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.CompanyTelephone" />
+    [Telephone]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string CompanyTelephone { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.Education" />
+    [EnumDataType(typeof(Educations))]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override Educations? Education { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.EmergencyContactAddress" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string EmergencyContactAddress { get; init; }
+
+    /// <summary>
+    ///     紧急联系地区
+    /// </summary>
+    public new QueryDicContentRsp EmergencyContactArea { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.EmergencyContactMobile" />
+    [Mobile]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string EmergencyContactMobile { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.EmergencyContactName" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string EmergencyContactName { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.GraduateSchool" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string GraduateSchool { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.Height" />
+    [Range(100, 250)]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override int? Height { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.HomeAddress" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string HomeAddress { get; init; }
+
+    /// <summary>
+    ///     住宅地区
+    /// </summary>
+    public new QueryDicContentRsp HomeArea { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.HomeTelephone" />
+    [Telephone]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string HomeTelephone { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.MarriageStatus" />
+    [EnumDataType(typeof(MarriageStatues))]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override MarriageStatues? MarriageStatus { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.Nation" />
+    [EnumDataType(typeof(Nations))]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override Nations? Nation { get; init; }
+
+    /// <summary>
+    ///     籍贯
+    /// </summary>
+    public new CreateDicContentReq NationArea { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.PoliticalStatus" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    [EnumDataType(typeof(PoliticalStatues))]
+    public override PoliticalStatues? PoliticalStatus { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.Profession" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string Profession { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.RealName" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string RealName { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.Sex" />
+    [EnumDataType(typeof(Sexes))]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override Sexes? Sex { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/UserProfile/QueryUserProfileReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/UserProfile/QueryUserProfileReq.cs
new file mode 100644
index 00000000..38d2ac12
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/UserProfile/QueryUserProfileReq.cs
@@ -0,0 +1,14 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.UserProfile;
+
+/// <summary>
+///     请求：查询用户档案
+/// </summary>
+public sealed record QueryUserProfileReq : Sys_UserProfile
+{
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/UserProfile/QueryUserProfileRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/UserProfile/QueryUserProfileRsp.cs
new file mode 100644
index 00000000..56540ddf
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/UserProfile/QueryUserProfileRsp.cs
@@ -0,0 +1,119 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Sys.Dic.Content;
+
+namespace NetAdmin.Domain.Dto.Sys.UserProfile;
+
+/// <summary>
+///     响应：查询用户档案
+/// </summary>
+public sealed record QueryUserProfileRsp : Sys_UserProfile
+{
+    /// <inheritdoc cref="Sys_UserProfile.BornDate" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override DateTime? BornDate { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.CertificateNumber" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string CertificateNumber { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.CertificateType" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override CertificateTypes? CertificateType { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.CompanyAddress" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string CompanyAddress { get; init; }
+
+    /// <summary>
+    ///     工作地区
+    /// </summary>
+    public new QueryDicContentRsp CompanyArea { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.CompanyName" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string CompanyName { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.CompanyTelephone" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string CompanyTelephone { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.Education" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override Educations? Education { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.EmergencyContactAddress" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string EmergencyContactAddress { get; init; }
+
+    /// <summary>
+    ///     紧急联系地区
+    /// </summary>
+    public new QueryDicContentRsp EmergencyContactArea { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.EmergencyContactMobile" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string EmergencyContactMobile { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.EmergencyContactName" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string EmergencyContactName { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.GraduateSchool" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string GraduateSchool { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.Height" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override int? Height { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.HomeAddress" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string HomeAddress { get; init; }
+
+    /// <summary>
+    ///     住宅地区
+    /// </summary>
+    public new QueryDicContentRsp HomeArea { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.HomeTelephone" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string HomeTelephone { get; init; }
+
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.MarriageStatus" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override MarriageStatues? MarriageStatus { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.Nation" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override Nations? Nation { get; init; }
+
+    /// <summary>
+    ///     籍贯
+    /// </summary>
+    public new QueryDicContentRsp NationArea { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.PoliticalStatus" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override PoliticalStatues? PoliticalStatus { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.Profession" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string Profession { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.RealName" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string RealName { get; init; }
+
+    /// <inheritdoc cref="Sys_UserProfile.Sex" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override Sexes? Sex { get; init; }
+
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/UserProfile/UpdateUserProfileReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/UserProfile/UpdateUserProfileReq.cs
new file mode 100644
index 00000000..ee467ee9
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/UserProfile/UpdateUserProfileReq.cs
@@ -0,0 +1,13 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.Dto.Sys.UserProfile;
+
+/// <summary>
+///     请求：更新用户档案
+/// </summary>
+public sealed record UpdateUserProfileReq : CreateUserProfileReq
+{
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/CreateVerifyCodeReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/CreateVerifyCodeReq.cs
new file mode 100644
index 00000000..edad0698
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/CreateVerifyCodeReq.cs
@@ -0,0 +1,8 @@
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.VerifyCode;
+
+/// <summary>
+///     请求：创建验证码
+/// </summary>
+public record CreateVerifyCodeReq : Sys_VerifyCode;
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/QueryVerifyCodeReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/QueryVerifyCodeReq.cs
new file mode 100644
index 00000000..502325c5
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/QueryVerifyCodeReq.cs
@@ -0,0 +1,14 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.VerifyCode;
+
+/// <summary>
+///     请求：查询验证码
+/// </summary>
+public sealed record QueryVerifyCodeReq : Sys_VerifyCode
+{
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/QueryVerifyCodeRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/QueryVerifyCodeRsp.cs
new file mode 100644
index 00000000..82084c48
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/QueryVerifyCodeRsp.cs
@@ -0,0 +1,18 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.VerifyCode;
+
+/// <summary>
+///     响应：查询验证码
+/// </summary>
+public sealed record QueryVerifyCodeRsp : Sys_VerifyCode
+{
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/SendVerifyCodeReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/SendVerifyCodeReq.cs
new file mode 100644
index 00000000..abfef460
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/SendVerifyCodeReq.cs
@@ -0,0 +1,64 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Sys.Captcha;
+using NetAdmin.Domain.Enums.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.VerifyCode;
+
+/// <summary>
+///     请求：发送验证码
+/// </summary>
+public sealed record SendVerifyCodeReq : Sys_VerifyCode, IValidatableObject
+{
+    /// <inheritdoc cref="Sys_VerifyCode.DestDevice" />
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.目标设备))]
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public override string DestDevice { get; init; }
+
+    /// <inheritdoc cref="Sys_VerifyCode.DeviceType" />
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.设备类型))]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    [EnumDataType(typeof(VerifyCodeDeviceTypes))]
+    public override VerifyCodeDeviceTypes DeviceType { get; init; }
+
+    /// <inheritdoc cref="Sys_VerifyCode.Status" />
+    public override VerifyCodeStatues Status => VerifyCodeStatues.Waiting;
+
+    /// <inheritdoc cref="Sys_VerifyCode.Type" />
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.验证码类型))]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    [EnumDataType(typeof(VerifyCodeTypes))]
+    public override VerifyCodeTypes Type { get; init; }
+
+    /// <summary>
+    ///     人机校验请求
+    /// </summary>
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.人机校验请求))]
+    public VerifyCaptchaReq VerifyCaptchaReq { get; init; }
+
+    /// <inheritdoc />
+    public IEnumerable<ValidationResult> Validate(ValidationContext validationContext)
+    {
+        ValidationResult validationResult;
+        switch (DeviceType) {
+            case VerifyCodeDeviceTypes.Email:
+                validationResult = new EmailAttribute().GetValidationResult(DestDevice, validationContext);
+                if (validationResult == null) {
+                    yield break;
+                }
+
+                yield return new ValidationResult(validationResult.ErrorMessage, new[] { nameof(DestDevice) });
+                break;
+            case VerifyCodeDeviceTypes.Mobile:
+                validationResult = new MobileAttribute().GetValidationResult(DestDevice, validationContext);
+                if (validationResult == null) {
+                    yield break;
+                }
+
+                yield return new ValidationResult(validationResult.ErrorMessage, new[] { nameof(DestDevice) });
+                break;
+            default:
+                yield break;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/SendVerifyCodeRsp.cs b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/SendVerifyCodeRsp.cs
new file mode 100644
index 00000000..9bfc1aa2
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/SendVerifyCodeRsp.cs
@@ -0,0 +1,15 @@
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.VerifyCode;
+
+/// <summary>
+///     响应：发送验证码
+/// </summary>
+public sealed record SendVerifyCodeRsp : Sys_VerifyCode
+{
+    #if DEBUG
+    /// <inheritdoc cref="Sys_VerifyCode.Code" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override string Code { get; init; }
+    #endif
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/UpdateVerifyCodeReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/UpdateVerifyCodeReq.cs
new file mode 100644
index 00000000..f6186caa
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/UpdateVerifyCodeReq.cs
@@ -0,0 +1,13 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.Dto.Sys.VerifyCode;
+
+/// <summary>
+///     请求：更新验证码
+/// </summary>
+public sealed record UpdateVerifyCodeReq : CreateVerifyCodeReq
+{
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/VerifyCodeReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/VerifyCodeReq.cs
new file mode 100644
index 00000000..2a41d82a
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/VerifyCodeReq.cs
@@ -0,0 +1,21 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.DbMaps.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.VerifyCode;
+
+/// <summary>
+///     请求：核实验证码
+/// </summary>
+public abstract record VerifyCodeReq : Sys_VerifyCode
+{
+    /// <inheritdoc cref="Sys_VerifyCode.Code" />
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.验证码))]
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    [VerifyCode]
+    public override string Code { get; init; }
+
+    /// <inheritdoc cref="Sys_VerifyCode.DestDevice" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    [CultureRequired(ErrorMessageResourceType = typeof(Ln), ErrorMessageResourceName = nameof(Ln.目标设备))]
+    public override string DestDevice { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/VerifyEmailCodeReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/VerifyEmailCodeReq.cs
new file mode 100644
index 00000000..caeb9d38
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/VerifyEmailCodeReq.cs
@@ -0,0 +1,18 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.Enums.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.VerifyCode;
+
+/// <summary>
+///     请求：核实邮箱验证码
+/// </summary>
+public record VerifyEmailCodeReq : VerifyCodeReq
+{
+    /// <inheritdoc />
+    [Email]
+    public override string DestDevice { get; init; }
+
+    /// <inheritdoc />
+    [JsonIgnore]
+    public override VerifyCodeDeviceTypes DeviceType { get; init; } = VerifyCodeDeviceTypes.Email;
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/VerifySmsCodeReq.cs b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/VerifySmsCodeReq.cs
new file mode 100644
index 00000000..93f1a36f
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Sys/VerifyCode/VerifySmsCodeReq.cs
@@ -0,0 +1,18 @@
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.Enums.Sys;
+
+namespace NetAdmin.Domain.Dto.Sys.VerifyCode;
+
+/// <summary>
+///     请求：核实短信验证码
+/// </summary>
+public record VerifySmsCodeReq : VerifyCodeReq
+{
+    /// <inheritdoc />
+    [Mobile]
+    public override string DestDevice { get; init; }
+
+    /// <inheritdoc />
+    [JsonIgnore]
+    public override VerifyCodeDeviceTypes DeviceType { get; init; } = VerifyCodeDeviceTypes.Mobile;
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Tpl/Example/CreateExampleReq.cs b/src/backend/NetAdmin.Domain/Dto/Tpl/Example/CreateExampleReq.cs
new file mode 100644
index 00000000..bf6eeb95
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Tpl/Example/CreateExampleReq.cs
@@ -0,0 +1,8 @@
+using NetAdmin.Domain.DbMaps.Tpl;
+
+namespace NetAdmin.Domain.Dto.Tpl.Example;
+
+/// <summary>
+///     请求：创建示例
+/// </summary>
+public record CreateExampleReq : Tpl_Example;
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Tpl/Example/QueryExampleReq.cs b/src/backend/NetAdmin.Domain/Dto/Tpl/Example/QueryExampleReq.cs
new file mode 100644
index 00000000..2db659c8
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Tpl/Example/QueryExampleReq.cs
@@ -0,0 +1,14 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Tpl;
+
+namespace NetAdmin.Domain.Dto.Tpl.Example;
+
+/// <summary>
+///     请求：查询示例
+/// </summary>
+public sealed record QueryExampleReq : Tpl_Example
+{
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Tpl/Example/QueryExampleRsp.cs b/src/backend/NetAdmin.Domain/Dto/Tpl/Example/QueryExampleRsp.cs
new file mode 100644
index 00000000..b07f12fa
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Tpl/Example/QueryExampleRsp.cs
@@ -0,0 +1,18 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Tpl;
+
+namespace NetAdmin.Domain.Dto.Tpl.Example;
+
+/// <summary>
+///     响应：查询示例
+/// </summary>
+public sealed record QueryExampleRsp : Tpl_Example
+{
+    /// <inheritdoc cref="IFieldPrimary{T}.Id" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Id { get; init; }
+
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Dto/Tpl/Example/UpdateExampleReq.cs b/src/backend/NetAdmin.Domain/Dto/Tpl/Example/UpdateExampleReq.cs
new file mode 100644
index 00000000..a8ffd174
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Dto/Tpl/Example/UpdateExampleReq.cs
@@ -0,0 +1,13 @@
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+
+namespace NetAdmin.Domain.Dto.Tpl.Example;
+
+/// <summary>
+///     请求：更新示例
+/// </summary>
+public sealed record UpdateExampleReq : CreateExampleReq
+{
+    /// <inheritdoc cref="IFieldVersion.Version" />
+    [JsonIgnore(Condition = JsonIgnoreCondition.Never)]
+    public override long Version { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Enums/Sys/DataScopes.cs b/src/backend/NetAdmin.Domain/Enums/Sys/DataScopes.cs
new file mode 100644
index 00000000..4f5c9d98
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Enums/Sys/DataScopes.cs
@@ -0,0 +1,46 @@
+namespace NetAdmin.Domain.Enums.Sys;
+
+/// <summary>
+///     角色数据范围
+/// </summary>
+[Export]
+public enum DataScopes
+{
+    /// <summary>
+    ///     全部数据
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.全部数据))]
+    All = 1
+
+   ,
+
+    /// <summary>
+    ///     本部门和下级部门数据
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.本部门和下级部门数据))]
+    DeptWithChild = 2
+
+   ,
+
+    /// <summary>
+    ///     本部门数据
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.本部门数据))]
+    Dept = 3
+
+   ,
+
+    /// <summary>
+    ///     本人数据
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.本人数据))]
+    Self = 4
+
+   ,
+
+    /// <summary>
+    ///     指定部门数据
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.指定部门数据))]
+    SpecificDept = 5
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Enums/Sys/MenuTypes.cs b/src/backend/NetAdmin.Domain/Enums/Sys/MenuTypes.cs
new file mode 100644
index 00000000..70f22274
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Enums/Sys/MenuTypes.cs
@@ -0,0 +1,38 @@
+namespace NetAdmin.Domain.Enums.Sys;
+
+/// <summary>
+///     菜单类型
+/// </summary>
+[Export]
+public enum MenuTypes
+{
+    /// <summary>
+    ///     菜单
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.菜单))]
+    Menu = 1
+
+   ,
+
+    /// <summary>
+    ///     链接
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.链接))]
+    Link = 2
+
+   ,
+
+    /// <summary>
+    ///     框架
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.框架))]
+    Iframe = 3
+
+   ,
+
+    /// <summary>
+    ///     按钮
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.按钮))]
+    Button = 4
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Enums/Sys/VerifyCodeDeviceTypes.cs b/src/backend/NetAdmin.Domain/Enums/Sys/VerifyCodeDeviceTypes.cs
new file mode 100644
index 00000000..18563bc0
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Enums/Sys/VerifyCodeDeviceTypes.cs
@@ -0,0 +1,21 @@
+namespace NetAdmin.Domain.Enums.Sys;
+
+/// <summary>
+///     验证码目标设备类型
+/// </summary>
+public enum VerifyCodeDeviceTypes
+{
+    /// <summary>
+    ///     手机
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.手机))]
+    Mobile = 1
+
+   ,
+
+    /// <summary>
+    ///     电子邮箱
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.电子邮箱))]
+    Email = 2
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Enums/Sys/VerifyCodeStatues.cs b/src/backend/NetAdmin.Domain/Enums/Sys/VerifyCodeStatues.cs
new file mode 100644
index 00000000..ef7a0941
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Enums/Sys/VerifyCodeStatues.cs
@@ -0,0 +1,37 @@
+namespace NetAdmin.Domain.Enums.Sys;
+
+/// <summary>
+///     验证码状态
+/// </summary>
+public enum VerifyCodeStatues
+{
+    /// <summary>
+    ///     等待发送
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.等待发送))]
+    Waiting = 1
+
+   ,
+
+    /// <summary>
+    ///     已发送
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.已发送))]
+    Sent = 2
+
+   ,
+
+    /// <summary>
+    ///     发送失败
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.发送失败))]
+    Failed = 3
+
+   ,
+
+    /// <summary>
+    ///     已校验
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.已校验))]
+    Verified = 4
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Enums/Sys/VerifyCodeTypes.cs b/src/backend/NetAdmin.Domain/Enums/Sys/VerifyCodeTypes.cs
new file mode 100644
index 00000000..a30fa9c2
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Enums/Sys/VerifyCodeTypes.cs
@@ -0,0 +1,46 @@
+namespace NetAdmin.Domain.Enums.Sys;
+
+/// <summary>
+///     验证码类型
+/// </summary>
+[Export]
+public enum VerifyCodeTypes
+{
+    /// <summary>
+    ///     绑定手机号
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.绑定手机号))]
+    LinkMobile = 1
+
+   ,
+
+    /// <summary>
+    ///     登录
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.登录))]
+    Login = 2
+
+   ,
+
+    /// <summary>
+    ///     解绑手机号
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.解绑手机号))]
+    UnlinkMobile = 3
+
+   ,
+
+    /// <summary>
+    ///     注册
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.注册))]
+    Register = 4
+
+   ,
+
+    /// <summary>
+    ///     重设密码
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.重设密码))]
+    ResetPassword = 5
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Events/IEventSourceGeneric.cs b/src/backend/NetAdmin.Domain/Events/IEventSourceGeneric.cs
new file mode 100644
index 00000000..b784b80b
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Events/IEventSourceGeneric.cs
@@ -0,0 +1,12 @@
+namespace NetAdmin.Domain.Events;
+
+/// <summary>
+///     泛型事件源接口
+/// </summary>
+public interface IEventSourceGeneric<out T> : IEventSource
+{
+    /// <summary>
+    ///     事件承载（携带）数据
+    /// </summary>
+    T Data { get; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Events/SqlCommandAfterEvent.cs b/src/backend/NetAdmin.Domain/Events/SqlCommandAfterEvent.cs
new file mode 100644
index 00000000..aeaa9dc3
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Events/SqlCommandAfterEvent.cs
@@ -0,0 +1,28 @@
+namespace NetAdmin.Domain.Events;
+
+/// <summary>
+///     Sql命令执行后事件
+/// </summary>
+public sealed record SqlCommandAfterEvent : SqlCommandBeforeEvent
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="SqlCommandAfterEvent" /> class.
+    /// </summary>
+    public SqlCommandAfterEvent(CommandAfterEventArgs e) //
+        : base(e)
+    {
+        ElapsedMicroseconds = (long)((double)e.ElapsedTicks / Stopwatch.Frequency * 1_000_000);
+        EventId             = nameof(SqlCommandAfterEvent);
+    }
+
+    /// <summary>
+    ///     耗时（单位：微秒）
+    /// </summary>
+    public long ElapsedMicroseconds { get; set; }
+
+    /// <inheritdoc />
+    public override string ToString()
+    {
+        return string.Format(CultureInfo.InvariantCulture, "SQL-{0}: {2} us {1}", Id, Sql, ElapsedMicroseconds);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Events/SqlCommandBeforeEvent.cs b/src/backend/NetAdmin.Domain/Events/SqlCommandBeforeEvent.cs
new file mode 100644
index 00000000..5a96632a
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Events/SqlCommandBeforeEvent.cs
@@ -0,0 +1,24 @@
+namespace NetAdmin.Domain.Events;
+
+/// <summary>
+///     Sql命令执行前事件
+/// </summary>
+public record SqlCommandBeforeEvent : SqlCommandEvent
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="SqlCommandBeforeEvent" /> class.
+    /// </summary>
+    public SqlCommandBeforeEvent(CommandBeforeEventArgs e)
+    {
+        Identifier  = e.Identifier;
+        Sql         = e.Command.ParameterFormat().RemoveWrapped();
+        EventId     = nameof(SqlCommandBeforeEvent);
+        CreatedTime = DateTime.Now;
+    }
+
+    /// <inheritdoc />
+    public override string ToString()
+    {
+        return string.Format(CultureInfo.InvariantCulture, "SQL-{0}: Executing...", Id);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Events/SqlCommandEvent.cs b/src/backend/NetAdmin.Domain/Events/SqlCommandEvent.cs
new file mode 100644
index 00000000..2e2aa63a
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Events/SqlCommandEvent.cs
@@ -0,0 +1,45 @@
+namespace NetAdmin.Domain.Events;
+
+/// <summary>
+///     Sql命令事件
+/// </summary>
+public record SqlCommandEvent : DataAbstraction, IEventSource
+{
+    /// <summary>
+    ///     标识符缩写
+    /// </summary>
+    public string Id => Identifier.ToString()[..8].ToUpperInvariant();
+
+    /// <summary>
+    ///     取消任务 Token
+    /// </summary>
+    /// <remarks>
+    ///     用于取消本次消息处理
+    /// </remarks>
+    public CancellationToken CancellationToken { get; init; }
+
+    /// <summary>
+    ///     事件创建时间
+    /// </summary>
+    public DateTime CreatedTime { get; protected init; }
+
+    /// <summary>
+    ///     事件 Id
+    /// </summary>
+    public string EventId { get; protected init; }
+
+    /// <summary>
+    ///     标识符，可将 CommandBefore 与 CommandAfter 进行匹配
+    /// </summary>
+    public Guid Identifier { get; protected init; }
+
+    /// <summary>
+    ///     事件承载（携带）数据
+    /// </summary>
+    public object Payload { get; init; }
+
+    /// <summary>
+    ///     关联的Sql语句
+    /// </summary>
+    public string Sql { get; protected init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Events/SyncStructureAfterEvent.cs b/src/backend/NetAdmin.Domain/Events/SyncStructureAfterEvent.cs
new file mode 100644
index 00000000..383c03d8
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Events/SyncStructureAfterEvent.cs
@@ -0,0 +1,23 @@
+namespace NetAdmin.Domain.Events;
+
+/// <summary>
+///     同步数据库结构之后事件
+/// </summary>
+public sealed record SyncStructureAfterEvent : SyncStructureBeforeEvent
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="SyncStructureAfterEvent" /> class.
+    /// </summary>
+    public SyncStructureAfterEvent(SyncStructureBeforeEventArgs e) //
+        : base(e)
+    {
+        EventId = nameof(SyncStructureAfterEvent);
+    }
+
+    /// <inheritdoc />
+    public override string ToString()
+    {
+        return string.Format(CultureInfo.InvariantCulture, "{0}: {1}: {2}", Id, Ln.数据库结构同步完成
+                           , string.Join(',', EntityTypes.Select(x => x.Name)));
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Events/SyncStructureBeforeEvent.cs b/src/backend/NetAdmin.Domain/Events/SyncStructureBeforeEvent.cs
new file mode 100644
index 00000000..8a1012af
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Events/SyncStructureBeforeEvent.cs
@@ -0,0 +1,29 @@
+namespace NetAdmin.Domain.Events;
+
+/// <summary>
+///     同步数据库结构之前事件
+/// </summary>
+public record SyncStructureBeforeEvent : SqlCommandEvent
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="SyncStructureBeforeEvent" /> class.
+    /// </summary>
+    public SyncStructureBeforeEvent(SyncStructureBeforeEventArgs e)
+    {
+        Identifier  = e.Identifier;
+        EventId     = nameof(SyncStructureBeforeEvent);
+        CreatedTime = DateTime.Now;
+        EntityTypes = e.EntityTypes;
+    }
+
+    /// <summary>
+    ///     实体类型
+    /// </summary>
+    public Type[] EntityTypes { get; }
+
+    /// <inheritdoc />
+    public override string ToString()
+    {
+        return string.Format(CultureInfo.InvariantCulture, "{0}: {1}", Id, Ln.数据库同步开始);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Events/Sys/RequestLogEvent.cs b/src/backend/NetAdmin.Domain/Events/Sys/RequestLogEvent.cs
new file mode 100644
index 00000000..f4ccb49d
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Events/Sys/RequestLogEvent.cs
@@ -0,0 +1,45 @@
+using NetAdmin.Domain.Dto.Sys.RequestLog;
+
+namespace NetAdmin.Domain.Events.Sys;
+
+/// <summary>
+///     请求日志事件
+/// </summary>
+public sealed record RequestLogEvent : DataAbstraction, IEventSourceGeneric<CreateRequestLogReq>
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="RequestLogEvent" /> class.
+    /// </summary>
+    public RequestLogEvent(CreateRequestLogReq data)
+    {
+        Data = data;
+    }
+
+    /// <summary>
+    ///     取消任务 Token
+    /// </summary>
+    /// <remarks>
+    ///     用于取消本次消息处理
+    /// </remarks>
+    public CancellationToken CancellationToken { get; }
+
+    /// <summary>
+    ///     事件创建时间
+    /// </summary>
+    public DateTime CreatedTime { get; }
+
+    /// <summary>
+    ///     事件承载（携带）数据
+    /// </summary>
+    public CreateRequestLogReq Data { get; }
+
+    /// <summary>
+    ///     事件 Id
+    /// </summary>
+    public string EventId => nameof(RequestLogEvent);
+
+    /// <summary>
+    ///     事件承载（携带）数据
+    /// </summary>
+    public object Payload { get; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Events/Sys/UserUpdatedEvent.cs b/src/backend/NetAdmin.Domain/Events/Sys/UserUpdatedEvent.cs
new file mode 100644
index 00000000..12ffe2dc
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Events/Sys/UserUpdatedEvent.cs
@@ -0,0 +1,45 @@
+using NetAdmin.Domain.Dto.Sys.User;
+
+namespace NetAdmin.Domain.Events.Sys;
+
+/// <summary>
+///     用户被更新事件
+/// </summary>
+public sealed record UserUpdatedEvent : DataAbstraction, IEventSourceGeneric<UserInfoRsp>
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="UserUpdatedEvent" /> class.
+    /// </summary>
+    public UserUpdatedEvent(UserInfoRsp data)
+    {
+        Data = data;
+    }
+
+    /// <summary>
+    ///     取消任务 Token
+    /// </summary>
+    /// <remarks>
+    ///     用于取消本次消息处理
+    /// </remarks>
+    public CancellationToken CancellationToken { get; }
+
+    /// <summary>
+    ///     事件创建时间
+    /// </summary>
+    public DateTime CreatedTime { get; }
+
+    /// <summary>
+    ///     事件承载（携带）数据
+    /// </summary>
+    public UserInfoRsp Data { get; }
+
+    /// <summary>
+    ///     事件 Id
+    /// </summary>
+    public string EventId => nameof(UserUpdatedEvent);
+
+    /// <summary>
+    ///     事件承载（携带）数据
+    /// </summary>
+    public object Payload { get; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/Events/Sys/VerifyCodeCreatedEvent.cs b/src/backend/NetAdmin.Domain/Events/Sys/VerifyCodeCreatedEvent.cs
new file mode 100644
index 00000000..42c8e26b
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/Events/Sys/VerifyCodeCreatedEvent.cs
@@ -0,0 +1,45 @@
+using NetAdmin.Domain.Dto.Sys.VerifyCode;
+
+namespace NetAdmin.Domain.Events.Sys;
+
+/// <summary>
+///     验证码创建事件
+/// </summary>
+public sealed record VerifyCodeCreatedEvent : DataAbstraction, IEventSourceGeneric<QueryVerifyCodeRsp>
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="VerifyCodeCreatedEvent" /> class.
+    /// </summary>
+    public VerifyCodeCreatedEvent(QueryVerifyCodeRsp data)
+    {
+        Data = data;
+    }
+
+    /// <summary>
+    ///     取消任务 Token
+    /// </summary>
+    /// <remarks>
+    ///     用于取消本次消息处理
+    /// </remarks>
+    public CancellationToken CancellationToken { get; }
+
+    /// <summary>
+    ///     事件创建时间
+    /// </summary>
+    public DateTime CreatedTime { get; }
+
+    /// <summary>
+    ///     事件承载（携带）数据
+    /// </summary>
+    public QueryVerifyCodeRsp Data { get; }
+
+    /// <summary>
+    ///     事件 Id
+    /// </summary>
+    public string EventId => nameof(VerifyCodeCreatedEvent);
+
+    /// <summary>
+    ///     事件承载（携带）数据
+    /// </summary>
+    public object Payload { get; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Domain/NetAdmin.Domain.csproj b/src/backend/NetAdmin.Domain/NetAdmin.Domain.csproj
new file mode 100644
index 00000000..2a10724d
--- /dev/null
+++ b/src/backend/NetAdmin.Domain/NetAdmin.Domain.csproj
@@ -0,0 +1,9 @@
+<Project Sdk="Microsoft.NET.Sdk">
+    <Import Project="$(SolutionDir)/CodeQuality.props"/>
+    <ItemGroup>
+        <Content Include="$(SolutionDir)/assets/seed-data/**" LinkBase="SeedData" CopyToOutputDirectory="PreserveNewest"/>
+    </ItemGroup>
+    <ItemGroup>
+        <ProjectReference Include="../NetAdmin.Infrastructure/NetAdmin.Infrastructure.csproj"/>
+    </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Attributes/RemoveNullNodeAttribute.cs b/src/backend/NetAdmin.Host/Attributes/RemoveNullNodeAttribute.cs
new file mode 100644
index 00000000..6953cb25
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Attributes/RemoveNullNodeAttribute.cs
@@ -0,0 +1,7 @@
+namespace NetAdmin.Host.Attributes;
+
+/// <summary>
+///     标记一个Action，其响应的json结果会被删除值为null的节点
+/// </summary>
+[AttributeUsage(AttributeTargets.Method)]
+public sealed class RemoveNullNodeAttribute : Attribute { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Attributes/TransactionAttribute.cs b/src/backend/NetAdmin.Host/Attributes/TransactionAttribute.cs
new file mode 100644
index 00000000..2c74403d
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Attributes/TransactionAttribute.cs
@@ -0,0 +1,41 @@
+namespace NetAdmin.Host.Attributes;
+
+/// <summary>
+///     标记一个Action启用事务
+/// </summary>
+[AttributeUsage(AttributeTargets.Method)]
+public sealed class TransactionAttribute : Attribute
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="TransactionAttribute" /> class.
+    /// </summary>
+    public TransactionAttribute() { }
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="TransactionAttribute" /> class.
+    /// </summary>
+    public TransactionAttribute(Propagation propagation) //
+        : this(null, propagation) { }
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="TransactionAttribute" /> class.
+    /// </summary>
+    public TransactionAttribute(IsolationLevel isolationLevel, Propagation propagation) //
+        : this(new IsolationLevel?(isolationLevel), propagation) { }
+
+    private TransactionAttribute(IsolationLevel? isolationLevel, Propagation propagation)
+    {
+        IsolationLevel = isolationLevel;
+        Propagation    = propagation;
+    }
+
+    /// <summary>
+    ///     事务隔离级别
+    /// </summary>
+    public IsolationLevel? IsolationLevel { get; }
+
+    /// <summary>
+    ///     事务传播方式
+    /// </summary>
+    public Propagation Propagation { get; } = Propagation.Required;
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/BackgroundRunning/WorkBase.cs b/src/backend/NetAdmin.Host/BackgroundRunning/WorkBase.cs
new file mode 100644
index 00000000..9ffc9343
--- /dev/null
+++ b/src/backend/NetAdmin.Host/BackgroundRunning/WorkBase.cs
@@ -0,0 +1,72 @@
+using RedLockNet;
+
+namespace NetAdmin.Host.BackgroundRunning;
+
+/// <summary>
+///     工作基类
+/// </summary>
+public abstract class WorkBase<TLogger>
+{
+    private readonly RedLocker _redLocker;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="WorkBase{TLogger}" /> class.
+    /// </summary>
+    protected WorkBase()
+    {
+        ServiceProvider = App.GetService<IServiceScopeFactory>().CreateScope().ServiceProvider;
+        _redLocker      = ServiceProvider.GetService<RedLocker>();
+        UowManager      = ServiceProvider.GetService<UnitOfWorkManager>();
+        Logger          = ServiceProvider.GetService<ILogger<TLogger>>();
+    }
+
+    /// <summary>
+    ///     日志记录器
+    /// </summary>
+    protected ILogger<TLogger> Logger { get; }
+
+    /// <summary>
+    ///     服务提供器
+    /// </summary>
+    protected IServiceProvider ServiceProvider { get; }
+
+    /// <summary>
+    ///     事务单元管理器
+    /// </summary>
+    protected UnitOfWorkManager UowManager { get; }
+
+    /// <summary>
+    ///     获取锁
+    /// </summary>
+    protected Task<IRedLock> GetLockerAsync(string lockId)
+    {
+        return _redLocker.RedlockFactory.CreateLockAsync(lockId, TimeSpan.FromSeconds(Numbers.RED_LOCK_EXPIRY_TIME_SECS)
+                                                       , TimeSpan.FromSeconds(Numbers.RED_LOCK_WAIT_TIME_SECS)
+                                                       , TimeSpan.FromSeconds(Numbers.RED_LOCK_RETRY_TIME_SECS));
+    }
+
+    /// <summary>
+    ///     通用工作流
+    /// </summary>
+    protected abstract ValueTask WorkflowAsync(CancellationToken cancelToken);
+
+    /// <summary>
+    ///     通用工作流
+    /// </summary>
+    /// <exception cref="NetAdminGetLockerException">加锁失败异常</exception>
+    protected virtual async ValueTask WorkflowAsync(bool singleInstance, CancellationToken cancelToken)
+    {
+        if (singleInstance) {
+            // 加锁
+            await using var redLock = await GetLockerAsync(GetType().FullName);
+            if (!redLock.IsAcquired) {
+                throw new NetAdminGetLockerException();
+            }
+
+            await WorkflowAsync(cancelToken);
+            return;
+        }
+
+        await WorkflowAsync(cancelToken);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Controllers/ControllerBase.cs b/src/backend/NetAdmin.Host/Controllers/ControllerBase.cs
new file mode 100644
index 00000000..a5f3dac8
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Controllers/ControllerBase.cs
@@ -0,0 +1,25 @@
+using NetAdmin.Application.Services;
+using NetAdmin.Cache;
+
+namespace NetAdmin.Host.Controllers;
+
+/// <summary>
+///     控制器基类
+/// </summary>
+public abstract class ControllerBase<TCache, TService> : IDynamicApiController
+    where TCache : ICache<IDistributedCache, TService> //
+    where TService : IService
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ControllerBase{TCache, TService}" /> class.
+    /// </summary>
+    protected ControllerBase(TCache cache)
+    {
+        Cache = cache;
+    }
+
+    /// <summary>
+    ///     关联的缓存
+    /// </summary>
+    protected TCache Cache { get; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Controllers/HealthController.cs b/src/backend/NetAdmin.Host/Controllers/HealthController.cs
new file mode 100644
index 00000000..688c2db9
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Controllers/HealthController.cs
@@ -0,0 +1,29 @@
+using NetAdmin.Application.Services;
+using NetAdmin.Cache;
+
+namespace NetAdmin.Host.Controllers;
+
+/// <summary>
+///     健康控制器
+/// </summary>
+[ApiDescriptionSettings("Health")]
+public sealed class HealthController : ControllerBase<ICache<IDistributedCache, IService>, IService>
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="HealthController" /> class.
+    /// </summary>
+    public HealthController(ICache<IDistributedCache, IService> cache) //
+        : base(cache) { }
+
+    /// <summary>
+    ///     健康检查
+    /// </summary>
+    [AllowAnonymous]
+    [HttpGet]
+    #pragma warning disable CA1822, S3400
+    public string Check()
+        #pragma warning restore S3400, CA1822
+    {
+        return Global.ProductVersion;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Extensions/HttpContextExtensions.cs b/src/backend/NetAdmin.Host/Extensions/HttpContextExtensions.cs
new file mode 100644
index 00000000..53aeb343
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Extensions/HttpContextExtensions.cs
@@ -0,0 +1,34 @@
+namespace NetAdmin.Host.Extensions;
+
+/// <summary>
+///     HttpContext 扩展方法
+/// </summary>
+public static class HttpContextExtensions
+{
+    private static readonly Regex _nullRegex = new("\"[^\"]+?\":null,?", RegexOptions.Compiled);
+
+    /// <summary>
+    ///     删除 response json body 中value 为null的节点
+    /// </summary>
+    public static async Task RemoveJsonNodeWithNullValueAsync(this HttpContext me)
+    {
+        // 非json格式，退出
+        if (!(me.Response.ContentType?.Contains(Chars.FLG_APPLICATION_JSON) ?? false)) {
+            return;
+        }
+
+        // 流不可读，退出
+        if (!me.Response.Body.CanSeek || !me.Response.Body.CanRead || !me.Response.Body.CanWrite) {
+            return;
+        }
+
+        _ = me.Response.Body.Seek(0, SeekOrigin.Begin);
+        var sr         = new StreamReader(me.Response.Body);
+        var bodyString = await sr.ReadToEndAsync();
+        bodyString = _nullRegex.Replace(bodyString, string.Empty).Replace(",}", "}");
+        _          = me.Response.Body.Seek(0, SeekOrigin.Begin);
+        var bytes = Encoding.UTF8.GetBytes(bodyString);
+        me.Response.Body.SetLength(bytes.Length);
+        await me.Response.Body.WriteAsync(bytes);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Extensions/IApplicationBuilderExtensions.cs b/src/backend/NetAdmin.Host/Extensions/IApplicationBuilderExtensions.cs
new file mode 100644
index 00000000..094c5437
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Extensions/IApplicationBuilderExtensions.cs
@@ -0,0 +1,54 @@
+using IGeekFan.AspNetCore.Knife4jUI;
+using Microsoft.AspNetCore.HttpOverrides;
+using Prometheus;
+
+namespace NetAdmin.Host.Extensions;
+
+/// <summary>
+///     ApplicationBuilder对象 扩展方法
+/// </summary>
+[SuppressSniffer]
+
+// ReSharper disable once InconsistentNaming
+public static class IApplicationBuilderExtensions
+{
+    /// <summary>
+    ///     执行匹配的端点
+    /// </summary>
+    public static IApplicationBuilder UseEndpoints(this IApplicationBuilder me)
+    {
+        _ = me.UseEndpoints(endpoints => {
+            _ = endpoints.MapControllers();
+            _ = endpoints.MapMetrics();
+        });
+        return me;
+    }
+
+    /// <summary>
+    ///     使用 api skin （knife4j-vue）
+    /// </summary>
+    public static IApplicationBuilder UseOpenApiSkin(this IApplicationBuilder me)
+    {
+        _ = me.UseKnife4UI(options => {
+            options.RoutePrefix = string.Empty; // 配置 Knife4UI 路由地址
+            foreach (var groupInfo in SpecificationDocumentBuilder.GetOpenApiGroups()) {
+                options.SwaggerEndpoint($"/{groupInfo.RouteTemplate}", groupInfo.Title);
+            }
+        });
+
+        return me;
+    }
+
+    /// <summary>
+    ///     获取客户端真实Ip
+    /// </summary>
+    public static IApplicationBuilder UseRealIp(this IApplicationBuilder me)
+    {
+        _ = me.UseForwardedHeaders(new ForwardedHeadersOptions //
+                                   {
+                                       ForwardedHeaders = ForwardedHeaders.XForwardedFor |
+                                                          ForwardedHeaders.XForwardedProto
+                                   });
+        return me;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Extensions/IMvcBuilderExtensions.cs b/src/backend/NetAdmin.Host/Extensions/IMvcBuilderExtensions.cs
new file mode 100644
index 00000000..442ec8cf
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Extensions/IMvcBuilderExtensions.cs
@@ -0,0 +1,115 @@
+using NetAdmin.Host.Filters;
+using NetAdmin.Host.Utils;
+
+namespace NetAdmin.Host.Extensions;
+
+/// <summary>
+///     IMvcBuilder 扩展方法
+/// </summary>
+[SuppressSniffer]
+
+// ReSharper disable once InconsistentNaming
+public static class IMvcBuilderExtensions
+{
+    /// <summary>
+    ///     api结果处理器
+    /// </summary>
+    public static IMvcBuilder AddDefaultApiResultHandler(this IMvcBuilder me)
+    {
+        return me.AddInjectWithUnifyResult<DefaultApiResultHandler>(injectOptions => {
+            injectOptions.ConfigureSwaggerGen(
+                genOptions => {
+                    // 替换自定义的EnumSchemaFilter，支持多语言Resx资源 （需将SpecificationDocumentSettings.EnableEnumSchemaFilter配置为false)
+                    genOptions
+                        .SchemaFilter<
+                            SwaggerEnumSchemaFixer>();
+
+                    // 将程序集版本号与OpenApi版本号同步
+                    foreach (var doc in genOptions
+                                        .SwaggerGeneratorOptions
+                                        .SwaggerDocs) {
+                        doc.Value.Version
+                            = FileVersionInfo
+                              .GetVersionInfo(
+                                  Assembly
+                                      .GetEntryAssembly()!
+                                      .Location)
+                              .ProductVersion;
+                    }
+                });
+        });
+    }
+
+    /// <summary>
+    ///     Json序列化配置
+    /// </summary>
+    /// <remarks>
+    ///     正反序列化规则：
+    ///     object->json：
+    ///     1、值为 null 或 default 的节点将被忽略
+    ///     2、值为 "" 的节点将被忽略。
+    ///     3、值为 [] 的节点将被忽略。
+    ///     4、节点名：大驼峰转小驼峰
+    ///     5、不转义除对json结构具有破坏性（如")以外的任何字符
+    ///     6、大数字原样输出（不加引号），由前端处理js大数兼容问题
+    ///     json->object:
+    ///     1、允许带注释的json（自动忽略）
+    ///     2、允许尾随逗号
+    ///     3、节点名大小写不敏感
+    ///     4、允许带双引号的数字
+    ///     5、值为"" 转 null
+    ///     6、值为[] 转 null
+    /// </remarks>
+    public static IMvcBuilder AddJsonSerializer(this IMvcBuilder me, bool enumToString = false)
+    {
+        return me.AddJsonOptions(options => {
+            ////////////////////////////// json -> object
+
+            // 允许带注释
+            options.JsonSerializerOptions.ReadCommentHandling = JsonCommentHandling.Skip;
+
+            // 允许尾随逗号
+            options.JsonSerializerOptions.AllowTrailingCommas = true;
+
+            // 允许数字带双引号
+            options.JsonSerializerOptions.NumberHandling = JsonNumberHandling.AllowReadingFromString;
+
+            // 大小写不敏感
+            options.JsonSerializerOptions.PropertyNameCaseInsensitive = true;
+
+            // 允许读取引号包围的数字
+            options.JsonSerializerOptions.NumberHandling = JsonNumberHandling.AllowReadingFromString;
+
+            ///////////////////////////// object -> json
+
+            // 转小驼峰
+            options.JsonSerializerOptions.DictionaryKeyPolicy  = JsonNamingPolicy.CamelCase;
+            options.JsonSerializerOptions.PropertyNamingPolicy = JsonNamingPolicy.CamelCase;
+
+            // 不严格转义
+            options.JsonSerializerOptions.Encoder = JavaScriptEncoder.UnsafeRelaxedJsonEscaping;
+
+            // 写入时，忽略null、default
+            options.JsonSerializerOptions.DefaultIgnoreCondition = JsonIgnoreCondition.WhenWritingNull;
+
+            ////////////////////////////// object <-> json
+
+            // "" 转 null 双向
+            options.JsonSerializerOptions.Converters.Add(new ToNullIfEmptyStringConverter());
+
+            // [] 转 null 双向
+            options.JsonSerializerOptions.TypeInfoResolver = new CollectionJsonTypeInfoResolver();
+
+            // 日期格式 2023-01-18 20:02:12
+            _ = options.JsonSerializerOptions.Converters.AddDateTimeTypeConverters(Chars.TPL_DATE_YYYY_MM_DD_HH_MM_SS);
+
+            // object->json 枚举显名 而非数字 ，json->object 可以枚举名 也可以数值
+            if (enumToString) {
+                options.JsonSerializerOptions.Converters.Add(new JsonStringEnumConverter(JsonNamingPolicy.CamelCase));
+            }
+
+            // 快捷访问方式
+            Global.JsonSerializerOptions = options.JsonSerializerOptions;
+        });
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Extensions/ResourceExecutingContextExtensions.cs b/src/backend/NetAdmin.Host/Extensions/ResourceExecutingContextExtensions.cs
new file mode 100644
index 00000000..3d5c1a79
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Extensions/ResourceExecutingContextExtensions.cs
@@ -0,0 +1,19 @@
+using NetAdmin.Domain.Dto;
+
+namespace NetAdmin.Host.Extensions;
+
+/// <summary>
+///     ResourceExecutingContextExtensions
+/// </summary>
+public static class ResourceExecutingContextExtensions
+{
+    /// <summary>
+    ///     设置失败结果
+    /// </summary>
+    public static void SetFailResult<T>(this ResourceExecutingContext me, ErrorCodes errorCode, string errorMsg = null)
+        where T : RestfulInfo<object>, new()
+    {
+        me.Result                          = new JsonResult(new T { Code = errorCode, Msg = errorMsg });
+        me.HttpContext.Response.StatusCode = Numbers.HTTP_STATUS_BIZ_FAIL;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Extensions/ServiceCollectionExtensions.cs b/src/backend/NetAdmin.Host/Extensions/ServiceCollectionExtensions.cs
new file mode 100644
index 00000000..7d8c9fa7
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Extensions/ServiceCollectionExtensions.cs
@@ -0,0 +1,269 @@
+using Furion.Logging;
+using NetAdmin.Domain.Contexts;
+using NetAdmin.Domain.Events;
+using NetAdmin.Host.Filters;
+using NetAdmin.Host.Utils;
+using Spectre.Console;
+using StackExchange.Redis;
+using Yitter.IdGenerator;
+using FreeSqlBuilder = NetAdmin.Infrastructure.Utils.FreeSqlBuilder;
+
+namespace NetAdmin.Host.Extensions;
+
+/// <summary>
+///     ServiceCollection 扩展方法
+/// </summary>
+[SuppressSniffer]
+public static class ServiceCollectionExtensions
+{
+    private const int _CONSOLE_LINE_LEN_LIMIT = 4096;
+
+    private static readonly Dictionary<Regex, string> _consoleColors //
+        = new() {
+                    {
+                        new Regex( //
+                            @"(\d{2,}\.\d+ ?ms)", RegexOptions.Compiled)
+                      , $"[{nameof(ConsoleColor.Magenta)}]$1[/]"
+                    }
+                  , {
+                        new Regex( //
+                            "(Tb[a-zA-Z0-9]+)", RegexOptions.Compiled)
+                      , $"[{nameof(ConsoleColor.Cyan)}]$1[/]"
+                    }
+                  , {
+                        new Regex( //
+                            "(INSERT) ", RegexOptions.Compiled)
+                      , $"[{nameof(ConsoleColor.Blue)}]$1[/] "
+                    }
+                  , {
+                        new Regex( //
+                            "(SELECT) ", RegexOptions.Compiled)
+                      , $"[{nameof(ConsoleColor.Green)}]$1[/] "
+                    }
+                  , {
+                        new Regex( //
+                            "(UPDATE) ", RegexOptions.Compiled)
+                      , $"[{nameof(ConsoleColor.Yellow)}]$1[/] "
+                    }
+                  , {
+                        new Regex( //
+                            "(DELETE) ", RegexOptions.Compiled)
+                      , $"[{nameof(ConsoleColor.Red)}]$1[/] "
+                    }
+                  , {
+                        new Regex( //
+                            "(<s:.+?>)", RegexOptions.Compiled)
+                      , $"[underline {nameof(ConsoleColor.Gray)}]$1[/] "
+                    }
+                  , {
+                        new Regex( //
+                            "(ResponseBody)", RegexOptions.Compiled)
+                      , $"[underline {nameof(ConsoleColor.Cyan)}]$1[/] "
+                    }
+                  , {
+                        new Regex( //
+                            "(RequestBody)", RegexOptions.Compiled)
+                      , $"[underline {nameof(ConsoleColor.Magenta)}]$1[/] "
+                    }
+                  , {
+                        new Regex( //
+                            @"(\[\[dbo\]\]\.)(\[\[.+?\]\]) ", RegexOptions.Compiled)
+                      , $"$1[{nameof(ConsoleColor.Magenta)}]$2[/] "
+                    }
+                };
+
+    /// <summary>
+    ///     扫描程序集中继承自IConfigurableOptions的选项，注册
+    /// </summary>
+    public static IServiceCollection AddAllOptions( //
+        this IServiceCollection me)
+    {
+        var optionsTypes
+            = from type in App.EffectiveTypes.Where(x => !x.IsAbstract && !x.FullName!.Contains(nameof(Furion)) &&
+                                                         x.GetInterfaces().Contains(typeof(IConfigurableOptions)))
+              select type;
+
+        var sbLog = new StringBuilder();
+        foreach (var type in optionsTypes) {
+            var configureMethod = typeof(ConfigurableOptionsServiceCollectionExtensions).GetMethod(
+                nameof(ConfigurableOptionsServiceCollectionExtensions.AddConfigurableOptions)
+              , BindingFlags.Public | BindingFlags.Static, new[] { typeof(IServiceCollection) });
+            _ = configureMethod!.MakeGenericMethod(type).Invoke(me, new object[] { me });
+            _ = sbLog.Append(CultureInfo.InvariantCulture, $", {type.Name}");
+        }
+
+        LogHelper.Get<IServiceCollection>()?.Info($"{nameof(IConfigurableOptions)} {Ln.初始化完毕} {sbLog}");
+        return me;
+    }
+
+    /// <summary>
+    ///     注册控制台日志模板
+    /// </summary>
+    public static IServiceCollection AddConsoleFormatter(this IServiceCollection me)
+    {
+        static (string Date, string LogName, string LogFormat) ParseMessage(LogMessage message, bool showColor)
+        {
+            var date    = message.LogDateTime.ToString(Chars.TPL_DATE_HH_MM_SS_FFFFFF, CultureInfo.InvariantCulture);
+            var logName = message.LogName.PadRight(64, ' ')[^64..];
+            var format = showColor
+                ? $"[{nameof(ConsoleColor.Gray)}][[{{0}} {{1}} {{2,-{64}}} #{{3,4}}]][/] {{4}}"
+                : $"[{{0}} {{1}} {{2,-{64}}} #{{3,4}}] {{4}}";
+
+            return (date, logName, format);
+        }
+
+        return me.AddConsoleFormatter(options => {
+            var logLevels = Enum.GetValues(typeof(LogLevels))
+                                .Cast<LogLevels>()
+                                .ToDictionary(x => x, x => x.GetDisplay());
+
+            if (App.WebHostEnvironment.IsDevelopment()) {
+                static void MarkupLine(string                                           msg, LogMessage message
+                                     , IReadOnlyDictionary<LogLevels, DisplayAttribute> logLevels)
+                {
+                    // 日志过长
+                    if (msg.Length > _CONSOLE_LINE_LEN_LIMIT) {
+                        msg = $"{Ln.日志长度超过限制} {_CONSOLE_LINE_LEN_LIMIT}";
+                    }
+
+                    msg = _consoleColors.Aggregate( //
+                        msg, (current, regex) => regex.Key.Replace(current, regex.Value));
+                    msg = msg.ReplaceLineEndings(string.Empty);
+                    var colorName = logLevels[(LogLevels)message.LogLevel].Name!;
+                    var (date, logName, logFormat) = ParseMessage(message, true);
+                    AnsiConsole.MarkupLine( //
+                        CultureInfo.InvariantCulture, logFormat, date, colorName, logName, message.ThreadId, msg);
+                }
+
+                options.WriteHandler = (message, _, _, _, _) => {
+                    MarkupLine(message.Message.EscapeMarkup(), message, logLevels);
+                    if (message.Exception != null) {
+                        MarkupLine(message.Exception.ToString().EscapeMarkup(), message, logLevels);
+                    }
+                };
+            }
+            else {
+                options.WriteHandler = (message, _, _, _, _) => {
+                    var msg = message.Message.ReplaceLineEndings(string.Empty);
+                    var (date, logName, logFormat) = ParseMessage(message, false);
+                    Console.WriteLine( //
+                        logFormat, date, logLevels[(LogLevels)message.LogLevel].ShortName, logName, message.ThreadId
+                      , msg);
+                };
+            }
+        });
+    }
+
+    /// <summary>
+    ///     注册上下文用户
+    /// </summary>
+    public static IServiceCollection AddContextUser(this IServiceCollection me)
+    {
+        _ = me.AddScoped(typeof(ContextUserToken), _ => ContextUserToken.Create());
+        _ = me.AddScoped(typeof(ContextUserInfo),  _ => ContextUserInfo.Create());
+
+        return me;
+    }
+
+    /// <summary>
+    ///     注册事件总线
+    /// </summary>
+    public static IServiceCollection AddEventBus(this IServiceCollection me)
+    {
+        _ = me.AddEventBus(builder => builder.AddSubscribers(App.Assemblies.ToArray()));
+        return me;
+    }
+
+    /// <summary>
+    ///     注册freeSql orm工具
+    /// </summary>
+    public static IServiceCollection AddFreeSql( //
+        this IServiceCollection me, FreeSqlInitOptions initOptions = FreeSqlInitOptions.None
+      , Action<IFreeSql>        freeSqlConfig = null)
+    {
+        // 非调试模式下禁止同步数据库
+        #if !DEBUG
+        initOptions = FreeSqlInitOptions.None;
+        #endif
+        var freeSql = new FreeSqlBuilder(App.GetOptions<DatabaseOptions>()).Build(initOptions);
+        _ = me.AddSingleton(freeSql);
+
+        var sqlAuditor = App.GetService<SqlAuditor>();
+
+        freeSql.Aop.AuditValue += sqlAuditor.DataAuditHandler; // Insert/Update自动值处理
+
+        // AOP事件发布（异步）
+        freeSql.Aop.CommandBefore
+            += (_, e) => App.GetService<IEventPublisher>().PublishAsync(new SqlCommandBeforeEvent(e)); // 增删查改，执行命令之前触发
+        freeSql.Aop.CommandAfter
+            += (_, e) => App.GetService<IEventPublisher>().PublishAsync(new SqlCommandAfterEvent(e)); // 增删查改，执行命令完成后触发
+
+        freeSql.Aop.SyncStructureBefore += (_, e) =>
+            App.GetService<IEventPublisher>().PublishAsync(new SyncStructureBeforeEvent(e)); // CodeFirst迁移，执行之前触发
+
+        freeSql.Aop.SyncStructureAfter += (_, e) =>
+            App.GetService<IEventPublisher>().PublishAsync(new SyncStructureAfterEvent(e)); // CodeFirst迁移，执行完成触发
+
+        // 全局过滤器设置
+        freeSqlConfig?.Invoke(freeSql);
+
+        _ = me.AddScoped<UnitOfWorkManager>();                    // 注入工作单元管理器
+        _ = me.AddFreeRepository(null, App.Assemblies.ToArray()); // 批量注入 Repository
+        _ = me.AddMvcFilter<TransactionInterceptor>();            // 注入事务拦截器
+
+        return me;
+    }
+
+    /// <summary>
+    ///     注册内存缓存
+    /// </summary>
+    public static IServiceCollection AddMemCache(this IServiceCollection me)
+    {
+        _ = me.AddMemoryCache(options => options.TrackStatistics = true);
+        return me;
+    }
+
+    /// <summary>
+    ///     OpenTelemetry数据监控
+    /// </summary>
+    public static IServiceCollection AddOpenTelemetryNet(this IServiceCollection me)
+    {
+        // _ = me.AddOpenTelemetry()
+        //       .WithMetrics(builder => builder.AddAspNetCoreInstrumentation()
+        //                                      .AddHttpClientInstrumentation()
+        //                                      .AddRuntimeInstrumentation()
+        //                                      .AddProcessInstrumentation()
+        //                                      .AddPrometheusExporter());
+        return me;
+    }
+
+    /// <summary>
+    ///     注册Redis缓存
+    /// </summary>
+    public static IServiceCollection AddRedisCache(this IServiceCollection me)
+    {
+        var redisOptions = App.GetOptions<RedisOptions>()
+                              .Instances.First(x => x.Name == Chars.FLG_REDIS_INSTANCE_DATA_CACHE);
+
+        // IDistributedCache 分布式缓存通用接口
+        _ = me.AddStackExchangeRedisCache(options => {
+            // 连接字符串
+            options.Configuration = redisOptions.ConnStr;
+        });
+
+        // Redis原生接口
+        _ = me.AddSingleton<IConnectionMultiplexer>(ConnectionMultiplexer.Connect(redisOptions.ConnStr));
+        return me;
+    }
+
+    /// <summary>
+    ///     注册雪花编号生成器
+    /// </summary>
+    public static IServiceCollection AddSnowflake(this IServiceCollection me)
+    {
+        // 雪花漂移算法
+        var idGeneratorOptions = new IdGeneratorOptions();
+        YitIdHelper.SetIdGenerator(idGeneratorOptions);
+        return me;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Extensions/UnitOfWorkManagerExtensions.cs b/src/backend/NetAdmin.Host/Extensions/UnitOfWorkManagerExtensions.cs
new file mode 100644
index 00000000..ebe32d28
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Extensions/UnitOfWorkManagerExtensions.cs
@@ -0,0 +1,30 @@
+namespace NetAdmin.Host.Extensions;
+
+/// <summary>
+///     工作单元管理器扩展类
+/// </summary>
+public static class UnitOfWorkManagerExtensions
+{
+    /// <summary>
+    ///     事务操作
+    /// </summary>
+    public static async Task AtomicOperateAsync(this UnitOfWorkManager me, Func<Task> handle)
+    {
+        var       logger     = LogHelper.Get<UnitOfWorkManager>();
+        using var unitOfWork = me.Begin();
+        var       hashCode   = unitOfWork.GetHashCode();
+        try {
+            #if DEBUG
+            logger?.Debug($"{Ln.开始事务}: {hashCode}");
+            #endif
+            await handle();
+            unitOfWork.Commit();
+            logger?.Info($"{Ln.事务已提交}: {hashCode}");
+        }
+        catch {
+            unitOfWork.Rollback();
+            logger?.Error($"{Ln.事务已回滚}: {hashCode}");
+            throw;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Filters/ApiResultHandler.cs b/src/backend/NetAdmin.Host/Filters/ApiResultHandler.cs
new file mode 100644
index 00000000..84876d49
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Filters/ApiResultHandler.cs
@@ -0,0 +1,99 @@
+using Furion.FriendlyException;
+using NetAdmin.Domain.Dto;
+
+namespace NetAdmin.Host.Filters;
+
+/// <summary>
+///     Api结果格式化处理器
+/// </summary>
+/// <remarks>
+///     约定：
+///     1、业务异常需要设置HttpStatusCode与成功请求区分，不要统一返回200（ 为了方便前端调试：在浏览器F12中快速观察失败请求【红色高亮】）
+///     2、不得占用常见HttpStatusCode，例如4xx、5xx，以免与传输层错误混淆，干扰运维。
+///     实现：
+///     1、本系统代码覆盖范围内占用4个HttpStatusCode：200（表示业务成功）、401（身份未确认）、403（权限不足）、900（其他所有业务异常）
+///     2、当HttpStatusCode为900时，通过子码（JsonBody里面的Code区分具体异常），同时将子码写入RspHeader中，方便日志系统快速筛选归类。
+///     3、子码定义，见枚举 <see cref="ErrorCodes" />
+/// </remarks>
+public abstract class ApiResultHandler<T>
+    where T : RestfulInfo<object>, new()
+{
+    /// <summary>
+    ///     发生异常
+    /// </summary>
+    public IActionResult OnException(ExceptionContext context, ExceptionMetadata metadata)
+    {
+        var lineException = context.Exception switch { NetAdminException ex => ex, _ => null };
+        var errorCode = lineException?.Code ?? ErrorCodes.Unhandled;
+        var result = RestfulResult(errorCode, metadata.Data, lineException?.Message ?? errorCode.ResDesc<ErrorCodes>());
+
+        SetErrorCodeToHeader(context.HttpContext, errorCode);
+
+        return new JsonResult(result) { StatusCode = Numbers.HTTP_STATUS_BIZ_FAIL };
+    }
+
+    /// <summary>
+    ///     HTTP状态码处理
+    /// </summary>
+    #pragma warning disable ASA001
+    public Task OnResponseStatusCodes( //
+        HttpContext context, int statusCode, UnifyResultSettingsOptions unifyResultSettings = null)
+    {
+        // 设置响应状态码
+        UnifyContext.SetResponseStatusCodes(context, statusCode, unifyResultSettings);
+        return Task.CompletedTask;
+    }
+
+    /// <summary>
+    ///     请求成功
+    /// </summary>
+    public IActionResult OnSucceeded(ActionExecutedContext _, object data)
+    {
+        return new JsonResult(RestfulResult(0, data));
+    }
+
+    /// <summary>
+    ///     校验失败
+    /// </summary>
+    public IActionResult OnValidateFailed(ActionExecutingContext context, ValidationMetadata metadata)
+    {
+        SetErrorCodeToHeader(context.HttpContext, ErrorCodes.InvalidInput);
+
+        return new JsonResult(RestfulResult(ErrorCodes.InvalidInput, metadata.Data
+                 ,                                                   GetValidationResult(metadata.ValidationResult))) {
+                   StatusCode = Numbers.HTTP_STATUS_BIZ_FAIL
+               };
+    }
+
+    private static object GetValidationResult(object validationResult)
+    {
+        var startWithDollar = false;
+        try {
+            return validationResult is Dictionary<string, string[]> dic
+                ? dic.ToDictionary( //
+                    x => (startWithDollar = x.Key.StartsWith("$", StringComparison.InvariantCulture))
+                        ? x.Key[1..].TrimStart('.').NullOrEmpty(null) ?? throw new NetAdminInvalidInputException()
+                        : x.Key, x => startWithDollar ? new[] { Ln.参数格式不正确 } : x.Value)
+                : validationResult;
+        }
+        catch (NetAdminInvalidInputException) {
+            return Ln.参数格式不正确;
+        }
+    }
+
+    /// <summary>
+    ///     返回 RESTful 风格结果集
+    /// </summary>
+    private static T RestfulResult(ErrorCodes errorCode, object data = default, object message = default)
+    {
+        return new T { Code = errorCode, Data = data, Msg = message };
+    }
+
+    /// <summary>
+    ///     写入错误码到HttpHeader
+    /// </summary>
+    private static void SetErrorCodeToHeader(HttpContext context, ErrorCodes errorCode)
+    {
+        context.Response.Headers[nameof(ErrorCodes)] = Enum.GetName(errorCode);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Filters/DefaultApiResultHandler.cs b/src/backend/NetAdmin.Host/Filters/DefaultApiResultHandler.cs
new file mode 100644
index 00000000..77c31aa7
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Filters/DefaultApiResultHandler.cs
@@ -0,0 +1,19 @@
+using NetAdmin.Domain.Dto;
+
+namespace NetAdmin.Host.Filters;
+
+/// <summary>
+///     Api结果格式化处理器
+/// </summary>
+/// <remarks>
+///     约定：
+///     1、业务异常需要设置HttpStatusCode与成功请求区分，不要统一返回200（ 为了方便前端调试：在浏览器F12中快速观察失败请求【红色高亮】）
+///     2、不得占用常见HttpStatusCode，例如4xx、5xx，以免与传输层错误混淆，干扰运维。
+///     实现：
+///     1、本系统代码覆盖范围内占用4个HttpStatusCode：200（表示业务成功）、401（身份未确认）、403（权限不足）、900（其他所有业务异常）
+///     2、当HttpStatusCode为900时，通过子码（JsonBody里面的Code区分具体异常），同时将子码写入RspHeader中，方便日志系统快速筛选归类。
+///     3、子码定义，见枚举 <see cref="ErrorCodes" />
+/// </remarks>
+[SuppressSniffer]
+[UnifyModel(typeof(RestfulInfo<>))]
+public sealed class DefaultApiResultHandler : ApiResultHandler<RestfulInfo<object>>, IUnifyResultProvider { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Filters/GlobalExceptionHandler.cs b/src/backend/NetAdmin.Host/Filters/GlobalExceptionHandler.cs
new file mode 100644
index 00000000..70fa549f
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Filters/GlobalExceptionHandler.cs
@@ -0,0 +1,33 @@
+using Furion.FriendlyException;
+
+namespace NetAdmin.Host.Filters;
+
+/// <summary>
+///     全局捕异常
+/// </summary>
+public sealed class GlobalExceptionHandler : IGlobalExceptionHandler, ISingleton
+{
+    private readonly ILogger<GlobalExceptionHandler> _logger;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="GlobalExceptionHandler" /> class.
+    /// </summary>
+    public GlobalExceptionHandler(ILogger<GlobalExceptionHandler> logger)
+    {
+        _logger = logger;
+    }
+
+    /// <summary>
+    ///     异常拦截
+    /// </summary>
+    public Task OnExceptionAsync(ExceptionContext context)
+    {
+        _logger.Error(context.Exception);
+
+        // 将异常设置到HttpContext.Features中 以便中间件能获取到他
+        context.HttpContext.Features.Set<IExceptionHandlerFeature>(
+            new ExceptionHandlerFeature { Error = context.Exception });
+
+        return Task.CompletedTask;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Filters/TransactionInterceptor.cs b/src/backend/NetAdmin.Host/Filters/TransactionInterceptor.cs
new file mode 100644
index 00000000..4865f325
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Filters/TransactionInterceptor.cs
@@ -0,0 +1,41 @@
+using NetAdmin.Host.Attributes;
+using NetAdmin.Host.Extensions;
+
+namespace NetAdmin.Host.Filters;
+
+/// <summary>
+///     事务拦截器
+/// </summary>
+[SuppressSniffer]
+public sealed class TransactionInterceptor : IAsyncActionFilter
+{
+    private readonly UnitOfWorkManager _uowManager;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="TransactionInterceptor" /> class.
+    ///     事务拦截器
+    /// </summary>
+    public TransactionInterceptor(UnitOfWorkManager uowManager)
+    {
+        _uowManager = uowManager;
+    }
+
+    /// <inheritdoc />
+    public async Task OnActionExecutionAsync(ActionExecutingContext context, ActionExecutionDelegate next)
+    {
+        // 跳过没有事务特性标记的方法
+        if (context.HttpContext.GetControllerActionDescriptor().MethodInfo.GetCustomAttribute<TransactionAttribute>() ==
+            null) {
+            _ = await next();
+            return;
+        }
+
+        // 事务操作
+        await _uowManager.AtomicOperateAsync(async () => {
+            var result = await next();
+            if (result.Exception != null) {
+                throw result.Exception;
+            }
+        });
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Middlewares/RemoveNullNodeMiddleware.cs b/src/backend/NetAdmin.Host/Middlewares/RemoveNullNodeMiddleware.cs
new file mode 100644
index 00000000..301335b8
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Middlewares/RemoveNullNodeMiddleware.cs
@@ -0,0 +1,34 @@
+using NetAdmin.Host.Attributes;
+using NetAdmin.Host.Extensions;
+
+namespace NetAdmin.Host.Middlewares;
+
+/// <summary>
+///     删除 response json body 中value 为null的节点
+/// </summary>
+public sealed class RemoveNullNodeMiddleware
+{
+    private readonly RequestDelegate _next;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="RemoveNullNodeMiddleware" /> class.
+    /// </summary>
+    public RemoveNullNodeMiddleware(RequestDelegate next)
+    {
+        _next = next;
+    }
+
+    /// <summary>
+    ///     InvokeAsync
+    /// </summary>
+    public async Task InvokeAsync(HttpContext context)
+    {
+        await _next(context);
+
+        if (context.GetMetadata<RemoveNullNodeAttribute>() is null) {
+            return;
+        }
+
+        await context.RemoveJsonNodeWithNullValueAsync();
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Middlewares/RequestAuditMiddleware.cs b/src/backend/NetAdmin.Host/Middlewares/RequestAuditMiddleware.cs
new file mode 100644
index 00000000..b5552e6d
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Middlewares/RequestAuditMiddleware.cs
@@ -0,0 +1,72 @@
+using NetAdmin.Host.Utils;
+
+namespace NetAdmin.Host.Middlewares;
+
+/// <summary>
+///     请求审计中间件
+/// </summary>
+/// <remarks>
+///     放在所有中间件最前面
+/// </remarks>
+public sealed class RequestAuditMiddleware
+{
+    private readonly PathString      _defaultRoutePrefix;
+    private readonly PathString      _healthCheckRoutePrefix;
+    private readonly RequestDelegate _next;
+    private readonly RequestLogger   _requestLogger;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="RequestAuditMiddleware" /> class.
+    /// </summary>
+    public RequestAuditMiddleware( //
+        RequestDelegate next, IOptions<DynamicApiControllerSettingsOptions> dynamicApiControllerSettingsOptions
+      , RequestLogger   requestLogger)
+    {
+        _next               = next;
+        _requestLogger      = requestLogger;
+        _defaultRoutePrefix = new PathString($"/{dynamicApiControllerSettingsOptions.Value.DefaultRoutePrefix}");
+        _healthCheckRoutePrefix
+            = new PathString($"/{dynamicApiControllerSettingsOptions.Value.DefaultRoutePrefix}/health/check");
+    }
+
+    /// <summary>
+    ///     InvokeAsync
+    /// </summary>
+    public async Task InvokeAsync(HttpContext context)
+    {
+        // 跳过处理的情况：
+        if (!context.Request.Path.StartsWithSegments(_defaultRoutePrefix)       // 非api请求
+            || context.Request.Path.StartsWithSegments(_healthCheckRoutePrefix) // 健康检查
+            || context.Request.Method == Chars.FLG_HTTP_METHOD_OPTIONS) {       // is options 请求
+            await _next(context);
+            return;
+        }
+
+        // Response.Body流默认是不可读的，将Response.Body流替换成MemoryStream 使其可读
+        using var ms     = new MemoryStream();
+        var       stream = context.Response.Body;
+        context.Response.Body = ms;
+
+        // 在控制台上输出分割线，区分不同请求
+
+        // 调用下一个中间件
+        var sw = Stopwatch.StartNew();
+        await _next(context);
+        sw.Stop();
+
+        _ = ms.Seek(0, SeekOrigin.Begin);
+        using var sr           = new StreamReader(ms);
+        var       responseBody = await sr.ReadToEndAsync();
+        _ = ms.Seek(0, SeekOrigin.Begin);
+        await ms.CopyToAsync(stream);
+        context.Response.Body = stream;
+
+        var exception = context.Features.Get<IExceptionHandlerFeature>();
+        var errorCode = context.Response.Headers[nameof(ErrorCodes)] //
+                               .FirstOrDefault()
+                               ?.Enum<ErrorCodes>() ?? 0;
+
+        _ = await _requestLogger.LogAsync(context, (long)sw.Elapsed.TotalMicroseconds, responseBody, errorCode
+                                        , exception);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/NetAdmin.Host.csproj b/src/backend/NetAdmin.Host/NetAdmin.Host.csproj
new file mode 100644
index 00000000..706d4416
--- /dev/null
+++ b/src/backend/NetAdmin.Host/NetAdmin.Host.csproj
@@ -0,0 +1,11 @@
+<Project Sdk="Microsoft.NET.Sdk">
+    <Import Project="$(SolutionDir)/CodeQuality.props"/>
+    <ItemGroup>
+        <ProjectReference Include="../NetAdmin.Cache/NetAdmin.Cache.csproj"/>
+    </ItemGroup>
+    <ItemGroup>
+        <PackageReference Include="IGeekFan.AspNetCore.Knife4jUI.NS" Version="0.0.14-ns1" />
+        <PackageReference Include="Spectre.Console.NS" Version="0.45.1-preview.0.88" />
+        <PackageReference Include="prometheus-net.AspNetCore" Version="8.0.1"/>
+    </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Startup.cs b/src/backend/NetAdmin.Host/Startup.cs
new file mode 100644
index 00000000..b581124f
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Startup.cs
@@ -0,0 +1,34 @@
+using Spectre.Console;
+
+namespace NetAdmin.Host;
+
+/// <summary>
+///     启动类
+/// </summary>
+public abstract class Startup : AppStartup
+{
+    /// <summary>
+    ///     打印Banner
+    /// </summary>
+    protected static void ShowBanner()
+    {
+        AnsiConsole.WriteLine();
+        var gridInfo = new Grid().AddColumn(new GridColumn().NoWrap().PadRight(10))
+                                 .AddColumn(new GridColumn().NoWrap())
+                                 .Expand();
+        foreach (var kv in ApplicationHelper.GetEnvironmentInfo()) {
+            _ = gridInfo.AddRow(kv.Key, kv.Value.ToString()!.EscapeMarkup());
+        }
+
+        var gridWrap      = new Grid().AddColumn();
+        var entryAssembly = Assembly.GetEntryAssembly();
+        var assemblyName  = entryAssembly!.GetName();
+        foreach (var str in assemblyName.Name!.Split('.')) {
+            _ = gridWrap.AddRow(new FigletText(str).Color(Color.Green));
+        }
+
+        _ = gridWrap.AddRow(gridInfo);
+        AnsiConsole.Write(new Panel(gridWrap).Header(Global.ProductVersion).Expand());
+        AnsiConsole.WriteLine();
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Subscribers/SqlProfiler.cs b/src/backend/NetAdmin.Host/Subscribers/SqlProfiler.cs
new file mode 100644
index 00000000..d2b73956
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Subscribers/SqlProfiler.cs
@@ -0,0 +1,63 @@
+using NetAdmin.Domain.Events;
+
+namespace NetAdmin.Host.Subscribers;
+
+/// <summary>
+///     Sql性能分析
+/// </summary>
+public sealed class SqlProfiler : IEventSubscriber
+{
+    private readonly ILogger<SqlProfiler> _logger;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="SqlProfiler" /> class.
+    /// </summary>
+    public SqlProfiler(ILogger<SqlProfiler> logger)
+    {
+        _logger = logger;
+    }
+
+    /// <summary>
+    ///     Sql命令执行后
+    /// </summary>
+    [EventSubscribe(nameof(SqlCommandAfterEvent))]
+    public Task CommandAfterAsync(EventHandlerExecutingContext context)
+    {
+        var source = context.Source as SqlCommandAfterEvent;
+        _logger.Info(source);
+        return Task.CompletedTask;
+    }
+
+    /// <summary>
+    ///     Sql命令执行前
+    /// </summary>
+    [EventSubscribe(nameof(SqlCommandBeforeEvent))]
+    public Task CommandBeforeAsync(EventHandlerExecutingContext context)
+    {
+        var source = context.Source as SqlCommandBeforeEvent;
+        _logger.Debug(source);
+        return Task.CompletedTask;
+    }
+
+    /// <summary>
+    ///     同步数据库结构之后
+    /// </summary>
+    [EventSubscribe(nameof(SyncStructureAfterEvent))]
+    public Task SyncStructureAfterAsync(EventHandlerExecutingContext context)
+    {
+        var source = context.Source as SyncStructureAfterEvent;
+        _logger.Info(source);
+        return Task.CompletedTask;
+    }
+
+    /// <summary>
+    ///     同步数据库结构之前
+    /// </summary>
+    [EventSubscribe(nameof(SyncStructureBeforeEvent))]
+    public Task SyncStructureBeforeAsync(EventHandlerExecutingContext context)
+    {
+        var source = context.Source as SyncStructureBeforeEvent;
+        _logger.Info(source);
+        return Task.CompletedTask;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Utils/CollectionJsonTypeInfoResolver.cs b/src/backend/NetAdmin.Host/Utils/CollectionJsonTypeInfoResolver.cs
new file mode 100644
index 00000000..dfd3e462
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Utils/CollectionJsonTypeInfoResolver.cs
@@ -0,0 +1,92 @@
+namespace NetAdmin.Host.Utils;
+
+/// <summary>
+///     处理集合类型的Json解析器
+/// </summary>
+public sealed class CollectionJsonTypeInfoResolver : DefaultJsonTypeInfoResolver
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="CollectionJsonTypeInfoResolver" /> class.
+    /// </summary>
+    public CollectionJsonTypeInfoResolver()
+    {
+        Modifiers.Add(CollectionValueModifier);
+    }
+
+    private static void CollectionValueModifier(JsonTypeInfo typeInfo)
+    {
+        foreach (var property in typeInfo.Properties) {
+            // 跳过非集合属性
+            if (!property.PropertyType.GetInterfaces().Contains(typeof(IEnumerable))) {
+                continue;
+            }
+
+            // 跳过字符串
+            if (property.PropertyType == typeof(string)) {
+                continue;
+            }
+
+            var memberName = GetMemberName(property);
+
+            // object->json 只在count>0时返回其值，否则返回null
+            property.Get = PropertyGet(memberName);
+
+            // json->object 时 为对象分配属性， 改为只在count>0分配 ，否则分配null，而不是分配[]
+            property.Set = PropertySet(memberName);
+        }
+    }
+
+    private static string GetMemberName(JsonPropertyInfo property)
+    {
+        return property.GetType()
+                       .GetRuntimeProperties()
+                       .First(x => x.Name == "MemberName")
+                       .GetValue(property) as string;
+    }
+
+    /// <summary>
+    ///     这里处理子类new隐藏父类同名属性， 取得多个同名属性的问题
+    /// </summary>
+    private static PropertyInfo GetNewProperty(string memberName, object obj)
+    {
+        return obj.GetType()
+                  .GetProperties()
+                  .Where(x => x.Name          == memberName)
+                  .First(x => x.DeclaringType == x.ReflectedType);
+    }
+
+    /// <summary>
+    ///     object->json 只在count>0时返回其值，否则返回null
+    /// </summary>
+    private static Func<object, object> PropertyGet(string memberName)
+    {
+        return obj => {
+            object prop;
+            try {
+                prop = obj.GetType().GetProperty(memberName!)?.GetValue(obj);
+            }
+            catch (AmbiguousMatchException) {
+                // 这里处理子类new隐藏父类同名属性， 取得多个同名属性的问题
+                prop = GetNewProperty(memberName, obj).GetValue(obj);
+            }
+
+            return prop switch { string => prop, ICollection { Count: > 0 } => prop, _ => null };
+        };
+    }
+
+    /// <summary>
+    ///     json->object 时 为对象分配属性， 改为只在count>0分配 ，否则分配null，而不是分配[]
+    /// </summary>
+    private static Action<object, object> PropertySet(string memberName)
+    {
+        return (obj, val) => {
+            val = val switch { string => val, ICollection { Count: > 0 } => val, _ => null };
+            try {
+                obj.GetType().GetProperty(memberName!)?.SetValue(obj, val);
+            }
+            catch (AmbiguousMatchException) {
+                GetNewProperty(memberName, obj).SetValue(obj, val);
+            }
+        };
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Utils/RequestLogger.cs b/src/backend/NetAdmin.Host/Utils/RequestLogger.cs
new file mode 100644
index 00000000..8c9a1913
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Utils/RequestLogger.cs
@@ -0,0 +1,95 @@
+using NetAdmin.Domain.Contexts;
+using NetAdmin.Domain.Dto.Sys.RequestLog;
+using NetAdmin.Domain.Events.Sys;
+
+namespace NetAdmin.Host.Utils;
+
+/// <summary>
+///     请求日志记录器
+/// </summary>
+public sealed class RequestLogger : ISingleton
+{
+    private static readonly string[]               _textContentTypes = { "text", "json", "xml", "urlencoded" };
+    private readonly        IEventPublisher        _eventPublisher;
+    private readonly        ILogger<RequestLogger> _logger;
+    private readonly        int                    _tokenPrefixLength;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="RequestLogger" /> class.
+    /// </summary>
+    public RequestLogger( //
+        ILogger<RequestLogger>                         logger
+      , IOptions<SpecificationDocumentSettingsOptions> specificationDocumentSettingsOptions
+      , IEventPublisher                                eventPublisher)
+    {
+        _logger         = logger;
+        _eventPublisher = eventPublisher;
+        _tokenPrefixLength = specificationDocumentSettingsOptions?.Value.SecurityDefinitions?[0]?.Scheme?.Length + 1 ??
+                             0; // eg. "Bearer "
+    }
+
+    /// <summary>
+    ///     生成审计数据
+    /// </summary>
+    public async Task<CreateRequestLogReq> LogAsync(HttpContext context,   long duration, string responseBody
+                                                  , ErrorCodes  errorCode, IExceptionHandlerFeature exception)
+    {
+        // 从请求头中读取用户信息
+        var associatedUser = GetAssociatedUser(context);
+
+        var auditData = new CreateRequestLogReq {
+                                                    Duration           = duration
+                                                  , Method             = context.Request.Method
+                                                  , ReferUrl           = context.Request.GetRefererUrlAddress()
+                                                  , RequestContentType = context.Request.ContentType
+                                                  , RequestBody = Array.Exists( //
+                                                        _textContentTypes
+                                                      , x => context.Request.ContentType?.Contains(
+                                                            x, StringComparison.OrdinalIgnoreCase) ?? false)
+                                                        ? await context.ReadBodyContentAsync()
+                                                        : string.Empty
+                                                  , RequestUrl = context.Request.GetRequestUrlAddress()
+                                                  , ResponseBody = responseBody
+                                                  , ServerIp = context.GetLocalIpAddressToIPv4()?.IpV4ToInt32()
+                                                  , ApiId = context.Request.Path.Value?.TrimStart('/')
+                                                  , RequestHeaders = context.Request.Headers.ToJson()
+                                                  , ResponseContentType = context.Response.ContentType
+                                                  , ResponseHeaders = context.Response.Headers.ToJson()
+                                                  , HttpStatusCode = context.Response.StatusCode
+                                                  , ErrorCode = errorCode
+                                                  , Exception = exception?.Error.ToString()
+                                                  , CreatedUserId = associatedUser?.UserId
+                                                  , CreatedUserName = associatedUser?.UserName
+                                                  , CreatedUserAgent = context.Request.Headers.UserAgent.ToString()
+                                                  , CreatedClientIp = context.GetRemoteIpAddressToIPv4()?.IpV4ToInt32()
+                                                };
+
+        // 打印日志
+        _logger.Info(auditData);
+
+        // 发布请求日志事件
+        await _eventPublisher.PublishAsync(new RequestLogEvent(auditData));
+
+        return auditData;
+    }
+
+    private (long UserId, string UserName)? GetAssociatedUser(HttpContext context)
+    {
+        var token = context.Request.Headers.Authorization.FirstOrDefault();
+        if (token == null) {
+            return null;
+        }
+
+        ContextUserToken userToken = null;
+        try {
+            var jsonWebToken = JWTEncryption.ReadJwtToken(token[_tokenPrefixLength..]);
+            var claim        = jsonWebToken?.Claims.FirstOrDefault(y => y.Type == nameof(ContextUserToken));
+            userToken = claim?.Value.ToObject<ContextUserToken>();
+        }
+        catch (Exception ex) {
+            _logger.Warn($"{Ln.读取用户令牌出错}: {ex}");
+        }
+
+        return userToken == null ? null : (userToken.Id, userToken.UserName);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Utils/SqlAuditor.cs b/src/backend/NetAdmin.Host/Utils/SqlAuditor.cs
new file mode 100644
index 00000000..b25a3574
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Utils/SqlAuditor.cs
@@ -0,0 +1,181 @@
+using NetAdmin.Domain.Attributes;
+using NetAdmin.Domain.Contexts;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using Yitter.IdGenerator;
+
+namespace NetAdmin.Host.Utils;
+
+/// <summary>
+///     Sql审核器
+/// </summary>
+public sealed class SqlAuditor : ISingleton
+{
+    /// <summary>
+    ///     数据库服务器时钟偏移
+    /// </summary>
+    #pragma warning disable S1450
+
+    // ReSharper disable once PrivateFieldCanBeConvertedToLocalVariable
+    private readonly TimeSpan _timeOffset;
+    #pragma warning restore S1450
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="SqlAuditor" /> class.
+    /// </summary>
+    public SqlAuditor(ILogger<SqlAuditor> logger)
+    {
+        // 设置服务器时间偏差
+        _timeOffset = DateTime.UtcNow.Subtract(App.GetService<IFreeSql>().Ado.QuerySingle(() => DateTime.UtcNow));
+
+        logger.Info($"{Ln.数据库服务器时钟偏移} {_timeOffset}");
+    }
+
+    /// <summary>
+    ///     对Insert/Update的数据加工
+    /// </summary>
+    /// <exception cref="ArgumentOutOfRangeException">e</exception>
+    public void DataAuditHandler(object sender, AuditValueEventArgs e)
+    {
+        // SetServerTime(e);
+        SetSnowflake(e);
+
+        // 设置创建者、修改者信息
+        var user = App.GetService<ContextUserInfo>();
+        switch (e.AuditValueType) {
+            case AuditValueType.Insert:
+                SetCreator(e, user);
+                SetOwner(e, user);
+                break;
+            case AuditValueType.Update:
+                SetUpdater(e, user);
+                break;
+            case AuditValueType.InsertOrUpdate:
+                break;
+            default:
+                throw new ArgumentOutOfRangeException(nameof(e));
+        }
+    }
+
+    /// <summary>
+    ///     设置创建者
+    /// </summary>
+    private static void SetCreator(AuditValueEventArgs e, ContextUserInfo userInfo)
+    {
+        switch (e.Property.Name) {
+            case nameof(IFieldCreatedTime.CreatedTime):
+                if (e.Value == null || (e.Value is DateTime val && val == default)) {
+                    e.Value = DateTime.Now;
+                }
+
+                break;
+            case nameof(IFieldCreatedUser.CreatedUserId):
+                if (userInfo != null && e.Value is null or (long and 0)) {
+                    e.Value = userInfo.Id;
+                }
+
+                break;
+
+            case nameof(IFieldCreatedUser.CreatedUserName):
+                if (userInfo != null && e.Value is null or "") {
+                    e.Value = userInfo.UserName;
+                }
+
+                break;
+            case nameof(IFieldCreatedClient.CreatedClientIp):
+                if (e.Value is null or 0) {
+                    e.Value = App.HttpContext?.GetRemoteIpAddressToIPv4().IpV4ToInt32();
+                }
+
+                break;
+            case nameof(IFieldCreatedClient.CreatedUserAgent):
+                if (e.Value is null or "") {
+                    e.Value = App.HttpContext?.Request.Headers[Chars.FLG_HTTP_HEADER_USER_AGENT].ToString();
+                }
+
+                break;
+            case nameof(IFieldCreatedClient.CreatedReferer):
+                if (e.Value is null or "") {
+                    e.Value = App.HttpContext?.Request.GetRefererUrlAddress();
+                }
+
+                break;
+            default:
+                return;
+        }
+    }
+
+    /// <summary>
+    ///     设置拥有者
+    /// </summary>
+    private static void SetOwner(AuditValueEventArgs e, ContextUserInfo userInfo)
+    {
+        switch (e.Property.Name) {
+            case nameof(IFieldOwner.OwnerId):
+                if (userInfo != null && e.Value is null or (long and 0)) {
+                    e.Value = userInfo.Id;
+                }
+
+                break;
+            case nameof(IFieldOwner.OwnerDeptId):
+                if (userInfo != null && e.Value is null or "") {
+                    e.Value = userInfo.Dept.Id;
+                }
+
+                break;
+            default:
+                return;
+        }
+    }
+
+    /// <summary>
+    ///     设置雪花编号字段
+    /// </summary>
+    private static void SetSnowflake(AuditValueEventArgs e)
+    {
+        var isSnowflake = e.Property.GetCustomAttribute<SnowflakeAttribute>(false) != null;
+        var isLongType  = e.Column.CsType                                          == typeof(long);
+        var isNoValue   = e.Value is null or (long and 0);
+        if (isSnowflake && isLongType && isNoValue) {
+            e.Value = YitIdHelper.NextId();
+        }
+    }
+
+    /// <summary>
+    ///     设置更新人
+    /// </summary>
+    private static void SetUpdater(AuditValueEventArgs e, ContextUserInfo userInfo)
+    {
+        switch (e.Property.Name) {
+            // case nameof(IFieldModifiedTime.ModifiedTime):
+            //     e.Value = DateTime.Now;
+            //     break;
+            case nameof(IFieldModifiedUser.ModifiedUserId):
+                if (userInfo != null && e.Value is null or (long and 0)) {
+                    e.Value = userInfo.Id;
+                }
+
+                break;
+
+            case nameof(IFieldModifiedUser.ModifiedUserName):
+                if (userInfo != null && e.Value is null or "") {
+                    e.Value = userInfo.UserName;
+                }
+
+                break;
+        }
+    }
+
+    // /// <summary>
+    // ///     设置服务器时间字段
+    // /// </summary>
+    // private void SetServerTime(AuditValueEventArgs e)
+    //     #pragma warning restore RCS1213, IDE0051
+    // {
+    //     var isServerTime = e.Property.GetCustomAttribute<ServerTimeAttribute>(false) is { Enable: true };
+    //     var isDateType   = e.Column.CsType                == typeof(DateTime) || e.Column.CsType == typeof(DateTime?);
+    //     var hasValue     = e.Value is DateTime val && val != default;
+    //     if (isServerTime && isDateType && hasValue) {
+    //         e.Value = ((DateTime)e.Value).Subtract(_timeOffset);
+    //     }
+    // }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Utils/SwaggerEnumSchemaFixer.cs b/src/backend/NetAdmin.Host/Utils/SwaggerEnumSchemaFixer.cs
new file mode 100644
index 00000000..b2f9e105
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Utils/SwaggerEnumSchemaFixer.cs
@@ -0,0 +1,40 @@
+using Microsoft.OpenApi.Any;
+using Microsoft.OpenApi.Models;
+using Swashbuckle.AspNetCore.SwaggerGen;
+
+namespace NetAdmin.Host.Utils;
+
+/// <summary>
+///     修正 规范化文档 Enum 提示
+/// </summary>
+[SuppressSniffer]
+public sealed class SwaggerEnumSchemaFixer : ISchemaFilter
+{
+    /// <summary>
+    ///     实现过滤器方法
+    /// </summary>
+    public void Apply(OpenApiSchema schema, SchemaFilterContext context)
+    {
+        // 非枚举退出
+        if (!context.Type.IsEnum) {
+            return;
+        }
+
+        const string wrap = "<br />";
+        schema.Enum.Clear();
+        schema.Type = context.Type.Name;
+        var sb = new StringBuilder();
+        _ = sb.Append(schema.Description);
+
+        foreach (var e in Enum.GetValues(context.Type).Cast<Enum>()) {
+            var value = Convert.ToInt64(e, CultureInfo.InvariantCulture);
+            schema.Enum.Add(new OpenApiLong(value));
+            _ = sb.Append(wrap)
+                  .Append( //
+                      CultureInfo.InvariantCulture
+                    , $"{Enum.GetName(context.Type, e).ToLowerCamelCase()} = {value} ({e.ResDesc<Ln>()})");
+        }
+
+        schema.Description = sb.ToString();
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Host/Utils/ToNullIfEmptyStringConverter.cs b/src/backend/NetAdmin.Host/Utils/ToNullIfEmptyStringConverter.cs
new file mode 100644
index 00000000..ccb819aa
--- /dev/null
+++ b/src/backend/NetAdmin.Host/Utils/ToNullIfEmptyStringConverter.cs
@@ -0,0 +1,25 @@
+namespace NetAdmin.Host.Utils;
+
+/// <summary>
+///     "" -> null 转换器
+/// </summary>
+public sealed class ToNullIfEmptyStringConverter : JsonConverter<string>
+{
+    /// <inheritdoc />
+    public override string Read(ref Utf8JsonReader reader, Type typeToConvert, JsonSerializerOptions options)
+    {
+        if (reader.TokenType == JsonTokenType.Number) {
+            var success = reader.TryGetDecimal(out var dec);
+            return success ? dec.ToString(CultureInfo.InvariantCulture) : "0";
+        }
+
+        var ret = reader.GetString();
+        return ret?.Length == 0 ? null : ret;
+    }
+
+    /// <inheritdoc />
+    public override void Write(Utf8JsonWriter writer, string value, JsonSerializerOptions options)
+    {
+        writer.WriteStringValue(value.Length == 0 ? null : value);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Attributes/ExportAttribute.cs b/src/backend/NetAdmin.Infrastructure/Attributes/ExportAttribute.cs
new file mode 100644
index 00000000..8114df34
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Attributes/ExportAttribute.cs
@@ -0,0 +1,7 @@
+namespace NetAdmin.Infrastructure.Attributes;
+
+/// <summary>
+///     标记一个此字段（枚举）将通过接口暴露到前端
+/// </summary>
+[AttributeUsage(AttributeTargets.Field | AttributeTargets.Enum)]
+public sealed class ExportAttribute : Attribute { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Configuration/Options/CaptchaOptions.cs b/src/backend/NetAdmin.Infrastructure/Configuration/Options/CaptchaOptions.cs
new file mode 100644
index 00000000..b3fe85f3
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Configuration/Options/CaptchaOptions.cs
@@ -0,0 +1,28 @@
+namespace NetAdmin.Infrastructure.Configuration.Options;
+
+/// <summary>
+///     人机验证配置
+/// </summary>
+public sealed record CaptchaOptions : OptionAbstraction
+{
+    private static readonly double _seed
+        = BitConverter.ToInt32(Chars.TPL_DATE_YYYYMMDD[..4].Select(x => (byte)x).ToArray());
+
+    #pragma warning disable S3963
+    static CaptchaOptions()
+        #pragma warning restore S3963
+    {
+        var rtn = new char[32];
+        for (var i = 0; i != 32; i++) {
+            rtn[i] = Chars.FLG_VISIBLE_ASCIIS[
+                (int)(Math.Abs(Math.Sin(_seed * (i + 1))) * Chars.FLG_VISIBLE_ASCIIS.Length)];
+        }
+
+        SecretKey = new string(rtn);
+    }
+
+    /// <summary>
+    ///     密钥
+    /// </summary>
+    public static string SecretKey { get; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Configuration/Options/DatabaseOptions.cs b/src/backend/NetAdmin.Infrastructure/Configuration/Options/DatabaseOptions.cs
new file mode 100644
index 00000000..469449f6
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Configuration/Options/DatabaseOptions.cs
@@ -0,0 +1,24 @@
+using DataType = FreeSql.DataType;
+
+namespace NetAdmin.Infrastructure.Configuration.Options;
+
+/// <summary>
+///     数据库连接字符串配置
+/// </summary>
+public sealed record DatabaseOptions : OptionAbstraction
+{
+    /// <summary>
+    ///     链接字符串
+    /// </summary>
+    public string ConnStr { get; init; }
+
+    /// <summary>
+    ///     数据库类型
+    /// </summary>
+    public DataType DbType { get; init; }
+
+    /// <summary>
+    ///     种子数据路径（相对）
+    /// </summary>
+    public string SeedDataRelativePath { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Configuration/Options/OptionAbstraction.cs b/src/backend/NetAdmin.Infrastructure/Configuration/Options/OptionAbstraction.cs
new file mode 100644
index 00000000..bf9cca15
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Configuration/Options/OptionAbstraction.cs
@@ -0,0 +1,6 @@
+namespace NetAdmin.Infrastructure.Configuration.Options;
+
+/// <summary>
+///     选项抽象基类
+/// </summary>
+public abstract record OptionAbstraction : IConfigurableOptions;
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Configuration/Options/RedisOptions.cs b/src/backend/NetAdmin.Infrastructure/Configuration/Options/RedisOptions.cs
new file mode 100644
index 00000000..e7ce70e6
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Configuration/Options/RedisOptions.cs
@@ -0,0 +1,12 @@
+namespace NetAdmin.Infrastructure.Configuration.Options;
+
+/// <summary>
+///     Redis配置
+/// </summary>
+public sealed record RedisOptions : OptionAbstraction
+{
+    /// <summary>
+    ///     实例列表
+    /// </summary>
+    public InstanceNode[] Instances { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Configuration/Options/SubNodes/Redis/InstanceNode.cs b/src/backend/NetAdmin.Infrastructure/Configuration/Options/SubNodes/Redis/InstanceNode.cs
new file mode 100644
index 00000000..d6196da8
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Configuration/Options/SubNodes/Redis/InstanceNode.cs
@@ -0,0 +1,22 @@
+namespace NetAdmin.Infrastructure.Configuration.Options.SubNodes.Redis;
+
+/// <summary>
+///     Redis实例
+/// </summary>
+public sealed record InstanceNode
+{
+    /// <summary>
+    ///     链接字符串
+    /// </summary>
+    public string ConnStr { get; init; }
+
+    /// <summary>
+    ///     数据库
+    /// </summary>
+    public int Database { get; set; }
+
+    /// <summary>
+    ///     实例名称
+    /// </summary>
+    public string Name { get; set; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Configuration/Options/SubNodes/Upload/MinioNode.cs b/src/backend/NetAdmin.Infrastructure/Configuration/Options/SubNodes/Upload/MinioNode.cs
new file mode 100644
index 00000000..f1f8b61a
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Configuration/Options/SubNodes/Upload/MinioNode.cs
@@ -0,0 +1,37 @@
+namespace NetAdmin.Infrastructure.Configuration.Options.SubNodes.Upload;
+
+/// <summary>
+///     Minio 节点
+/// </summary>
+public sealed record MinioNode
+{
+    /// <summary>
+    ///     访问令牌
+    /// </summary>
+    public string AccessKey { get; init; }
+
+    /// <summary>
+    ///     文件访问Url地址
+    /// </summary>
+    public string AccessUrl { get; init; }
+
+    /// <summary>
+    ///     使用的存储桶名称
+    /// </summary>
+    public string BucketName { get; init; }
+
+    /// <summary>
+    ///     安全码
+    /// </summary>
+    public string SecretKey { get; init; }
+
+    /// <summary>
+    ///     是否启用ssl
+    /// </summary>
+    public bool Secure { get; init; }
+
+    /// <summary>
+    ///     服务器地址
+    /// </summary>
+    public string ServerAddress { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Configuration/Options/UploadOptions.cs b/src/backend/NetAdmin.Infrastructure/Configuration/Options/UploadOptions.cs
new file mode 100644
index 00000000..2d4256b0
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Configuration/Options/UploadOptions.cs
@@ -0,0 +1,22 @@
+namespace NetAdmin.Infrastructure.Configuration.Options;
+
+/// <summary>
+///     上传配置
+/// </summary>
+public sealed record UploadOptions : OptionAbstraction
+{
+    /// <summary>
+    ///     允许的文件类型
+    /// </summary>
+    public IReadOnlyCollection<string> ContentTypes { get; init; }
+
+    /// <summary>
+    ///     允许的文件大小（字节）
+    /// </summary>
+    public long MaxSize { get; init; }
+
+    /// <summary>
+    ///     Minio 配置
+    /// </summary>
+    public MinioNode Minio { get; init; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Constant/Chars.cs b/src/backend/NetAdmin.Infrastructure/Constant/Chars.cs
new file mode 100644
index 00000000..fa2c0561
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Constant/Chars.cs
@@ -0,0 +1,91 @@
+#pragma warning disable CS1591
+
+namespace NetAdmin.Infrastructure.Constant;
+
+/// <summary>
+///     字符串常量表
+/// </summary>
+/// <remarks>
+///     public类型会通过接口暴露给前端
+/// </remarks>
+public static class Chars
+{
+    public const string FLG_ACCESS_TOKEN               = "ACCESS-TOKEN";
+    public const string FLG_APPLICATION_JSON           = "application/json";
+    public const string FLG_CONSUL_REG_HOSTNAME        = "CONSUL_REG_HOSTNAME";
+    public const string FLG_CONSUL_REG_PORT            = "CONSUL_REG_PORT";
+    public const string FLG_CONTEXT_MEMBER_INFO        = nameof(FLG_CONTEXT_MEMBER_INFO);
+    public const string FLG_CONTEXT_OWNER_DEPT_ID      = nameof(FLG_CONTEXT_OWNER_DEPT_ID);
+    public const string FLG_CONTEXT_USER_ID            = nameof(FLG_CONTEXT_USER_ID);
+    public const string FLG_CONTEXT_USER_INFO          = nameof(FLG_CONTEXT_USER_INFO);
+    public const string FLG_DB_FIELD_TYPE_NVARCHAR     = "nvarchar";
+    public const string FLG_DB_FIELD_TYPE_NVARCHAR_255 = "nvarchar(255)";
+    public const string FLG_DB_FIELD_TYPE_NVARCHAR_MAX = "nvarchar(max)";
+    public const string FLG_DB_FIELD_TYPE_VARCHAR      = "varchar";
+    public const string FLG_DB_FIELD_TYPE_VARCHAR_1022 = "varchar(1022)";
+    public const string FLG_DB_FIELD_TYPE_VARCHAR_127  = "varchar(127)";
+    public const string FLG_DB_FIELD_TYPE_VARCHAR_15   = "varchar(15)";
+    public const string FLG_DB_FIELD_TYPE_VARCHAR_255  = "varchar(255)";
+    public const string FLG_DB_FIELD_TYPE_VARCHAR_31   = "varchar(31)";
+    public const string FLG_DB_FIELD_TYPE_VARCHAR_4094 = "varchar(4094)";
+    public const string FLG_DB_FIELD_TYPE_VARCHAR_510  = "varchar(510)";
+    public const string FLG_DB_FIELD_TYPE_VARCHAR_63   = "varchar(63)";
+    public const string FLG_DB_FIELD_TYPE_VARCHAR_7    = "varchar(7)";
+    public const string FLG_DB_FIELD_TYPE_VARCHAR_MAX  = "varchar(max)";
+    public const string FLG_GLOBAL_FILTER_DATA         = nameof(FLG_GLOBAL_FILTER_DATA);
+    public const string FLG_GLOBAL_FILTER_DELETE       = nameof(FLG_GLOBAL_FILTER_DELETE);
+    public const string FLG_GLOBAL_FILTER_MEMBER       = nameof(FLG_GLOBAL_FILTER_MEMBER);
+    public const string FLG_GLOBAL_FILTER_SELF         = nameof(FLG_GLOBAL_FILTER_SELF);
+    public const string FLG_GLOBAL_FILTER_TENANT       = nameof(FLG_GLOBAL_FILTER_TENANT);
+    public const string FLG_HEALTH_CHECK_PATH_PREFIX   = "health/check";
+    public const string FLG_HTTP_HEADER_REFERER        = "Referer";
+    public const string FLG_HTTP_HEADER_USER_AGENT     = "User-Agent";
+    public const string FLG_HTTP_METHOD_CONNECT        = "CONNECT";
+    public const string FLG_HTTP_METHOD_DELETE         = "DELETE";
+    public const string FLG_HTTP_METHOD_GET            = "GET";
+    public const string FLG_HTTP_METHOD_HEAD           = "HEAD";
+    public const string FLG_HTTP_METHOD_OPTIONS        = "OPTIONS";
+    public const string FLG_HTTP_METHOD_PATCH          = "PATCH";
+    public const string FLG_HTTP_METHOD_POST           = "POST";
+    public const string FLG_HTTP_METHOD_PUT            = "PUT";
+    public const string FLG_HTTP_METHOD_TRACE          = "TRACE";
+    public const string FLG_RANDOM_UNAME_PWD           = "VcXlp7WY";
+    public const string FLG_REDIS_INSTANCE_DATA_CACHE  = "DataCache";
+    public const string FLG_SYSTEM_PREFIX              = "sc_";
+    public const string FLG_TABLE_NAME_PREFIX          = "";
+
+    public const string FLG_UA_MOBILE
+        = "Mozilla/5.0 (Linux; Android 9; Redmi Note 8 Pro Build/PPR1.180610.011; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/78.0.3904.96 Mobile Safari/537.36";
+
+    public const string FLG_UA_PC
+        = "Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36";
+
+    public const string FLG_VISIBLE_ASCIIS
+        = """!"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~""";
+
+    public const string FLG_X_ACCESS_TOKEN = "X-ACCESS-TOKEN";
+
+    public const string RGX_CERTIFICATE = """^[a-zA-Z0-9-_]+$""";
+
+    public const string RGX_CHINESE_NAME
+        = """^(?:赵|钱|孙|李|周|吴|郑|王|冯|陈|褚|卫|蒋|沈|韩|杨|朱|秦|尤|许|何|吕|施|张|孔|曹|严|华|金|魏|陶|姜|戚|谢|邹|喻|柏|水|窦|章|云|苏|潘|葛|奚|范|彭|郎|鲁|韦|昌|马|苗|凤|花|方|俞|任|袁|柳|酆|鲍|史|唐|费|廉|岑|薛|雷|贺|倪|汤|滕|殷|罗|毕|郝|邬|安|常|乐|于|时|傅|皮|卞|齐|康|伍|余|元|卜|顾|孟|平|黄|和|穆|萧|尹|姚|邵|湛|汪|祁|毛|禹|狄|米|贝|明|臧|计|伏|成|戴|谈|宋|茅|庞|熊|纪|舒|屈|项|祝|董|梁|杜|阮|蓝|闵|席|季|麻|强|贾|路|娄|危|江|童|颜|郭|梅|盛|林|刁|钟|徐|邱|骆|高|夏|蔡|田|樊|胡|凌|霍|虞|万|支|柯|昝|管|卢|莫|经|房|裘|缪|干|解|应|宗|丁|宣|贲|邓|郁|单|杭|洪|包|诸|左|石|崔|吉|钮|龚|程|嵇|邢|滑|裴|陆|荣|翁|荀|羊|於|惠|甄|曲|家|封|芮|羿|储|靳|汲|邴|糜|松|井|段|富|巫|乌|焦|巴|弓|牧|隗|山|谷|车|侯|宓|蓬|全|郗|班|仰|秋|仲|伊|宫|宁|仇|栾|暴|甘|钭|厉|戎|祖|武|符|刘|景|詹|束|龙|叶|幸|司|韶|郜|黎|蓟|薄|印|宿|白|怀|蒲|邰|从|鄂|索|咸|籍|赖|卓|蔺|屠|蒙|池|乔|阴|胥|能|苍|双|闻|莘|党|翟|谭|贡|劳|逄|姬|申|扶|堵|冉|宰|郦|雍|郤|璩|桑|桂|濮|牛|寿|通|边|扈|燕|冀|郏|浦|尚|农|温|别|庄|晏|柴|瞿|阎|充|慕|连|茹|习|宦|艾|鱼|容|向|古|易|慎|戈|廖|庾|终|暨|居|衡|步|都|耿|满|弘|匡|国|文|寇|广|禄|阙|东|欧|殳|沃|利|蔚|越|夔|隆|师|巩|厍|聂|晁|勾|敖|融|冷|訾|辛|阚|那|简|饶|空|曾|毋|沙|乜|养|鞠|须|丰|巢|关|蒯|相|查|後|荆|红|游|竺|权|逯|盖|益|桓|公|万俟|司马|上官|欧阳|夏侯|诸葛|闻人|东方|赫连|皇甫|尉迟|公羊|澹台|公冶|宗政|濮阳|淳于|单于|太叔|申屠|公孙|仲孙|轩辕|令狐|钟离|宇文|长孙|慕容|鲜于|闾丘|司徒|司空|亓官|司寇|仉|督|子车|颛孙|端木|巫马|公西|漆雕|乐正|壤驷|公良|拓跋|夹谷|宰父|谷梁|晋|楚|闫|法|汝|鄢|涂|钦|段干|百里|东郭|南门|呼延|归|海|羊舌|微生|岳|帅|缑|亢|况|后|有|琴|梁丘|左丘|东门|西门|商|牟|佘|佴|伯|赏|南宫|墨|哈|谯|笪|年|爱|阳|佟|第五|言|福)[\u4e00-\u9fa5]{1,3}$""";
+
+    public const string RGX_EMAIL
+        = """^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$""";
+
+    public const string RGX_INVITE_CODE = """^\d{8}$""";
+
+    public const string RGX_MOBILE       = """^1(3\d|4[5-9]|5[0-35-9]|6[6]|7[2-8]|8\d|9[0-35-9])\d{8}$""";
+    public const string RGX_PASSWORD     = """^(?![0-9]+$)(?![a-zA-Z]+$).{8,16}$""";
+    public const string RGX_PAY_PASSWORD = """^\d{6}$""";
+    public const string RGX_TELEPHONE    = """^((\d{3,4}\-)|)\d{7,8}(|([-\u8f6c]{1}\d{1,5}))$""";
+    public const string RGX_URL          = """^(https?|ftp):\/\/[^\s/$.?#].[^\s]*\.[^\s]{2,}$""";
+    public const string RGX_USERNAME     = """^[a-zA-Z0-9_]{4,16}$""";
+    public const string RGX_VERIFY_CODE  = """^\d{4}$""";
+
+    public const string TPL_DATE_HH_MM_SS_FFFFFF       = "HH:mm:ss.ffffff";
+    public const string TPL_DATE_YYYY_MM_DD            = "yyyy-MM-dd";
+    public const string TPL_DATE_YYYY_MM_DD_HH_MM_SS   = "yyyy-MM-dd HH:mm:ss";
+    public const string TPL_DATE_YYYYMMDD              = "yyyyMMdd";
+    public const string TPL_DATE_YYYYMMDDHHMMSSFFFZZZZ = "yyyyMMddHHmmssfffzzz";
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Constant/Numbers.cs b/src/backend/NetAdmin.Infrastructure/Constant/Numbers.cs
new file mode 100644
index 00000000..c7db970d
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Constant/Numbers.cs
@@ -0,0 +1,25 @@
+#pragma warning disable CS1591
+
+namespace NetAdmin.Infrastructure.Constant;
+
+/// <summary>
+///     数字常量表
+/// </summary>
+/// <remarks>
+///     public类型会通过接口暴露给前端
+/// </remarks>
+public static class Numbers
+{
+    public const int  BULK_REQ_LIMIT            = 100;             // 批量请求允许的最大数量
+    public const long DEF_SORT_VAL              = 100;             // 排序默认值
+    public const long DIC_CATALOG_ID_GEO_AREA   = 379794295185413; // 字典目录编号-行政区划字典
+    public const int  HEART_TIMEOUT_SECS        = 600;             // 心跳超时时间
+    public const int  HTTP_STATUS_BIZ_FAIL      = 900;             // Http状态码-业务异常
+    public const int  QUERY_DEF_PAGE_SIZE       = 20;              // 分页查询默认的页容量
+    public const int  QUERY_LIMIT               = 100;             // 非分页查询允许返回的最大条数
+    public const int  QUERY_MAX_PAGE_NO         = 1000;            // 分页查询允许最大的页码
+    public const int  QUERY_MAX_PAGE_SIZE       = 100;             // 分页查询允许最大的页容量
+    public const int  RED_LOCK_EXPIRY_TIME_SECS = 30;              // red lock 锁锁定过期时间，锁区域内的逻辑执行如果超过过期时间，锁将被释放
+    public const int  RED_LOCK_RETRY_TIME_SECS  = 1;               // red lock 锁等待时间内，多久尝试获取一次
+    public const int  RED_LOCK_WAIT_TIME_SECS   = 10;              // red lock 锁等待时间,相同的 resource 如果当前的锁被其他线程占用,最多等待时间
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Enums/CertificateTypes.cs b/src/backend/NetAdmin.Infrastructure/Enums/CertificateTypes.cs
new file mode 100644
index 00000000..659b4a25
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Enums/CertificateTypes.cs
@@ -0,0 +1,46 @@
+namespace NetAdmin.Infrastructure.Enums;
+
+/// <summary>
+///     证件类型
+/// </summary>
+[Export]
+public enum CertificateTypes
+{
+    /// <summary>
+    ///     身份证
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.身份证))]
+    IdentityCard = 1
+
+   ,
+
+    /// <summary>
+    ///     护照
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.护照))]
+    Passport = 2
+
+   ,
+
+    /// <summary>
+    ///     外国人居留证
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.外国人居留证))]
+    ForeignerResidencePermit = 3
+
+   ,
+
+    /// <summary>
+    ///     港澳台通行证
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.港澳台通行证))]
+    HKorMacauPermit = 4
+
+   ,
+
+    /// <summary>
+    ///     出生证
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.出生证))]
+    BirthCertificate = 5
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Enums/Educations.cs b/src/backend/NetAdmin.Infrastructure/Enums/Educations.cs
new file mode 100644
index 00000000..cf88e935
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Enums/Educations.cs
@@ -0,0 +1,78 @@
+namespace NetAdmin.Infrastructure.Enums;
+
+/// <summary>
+///     学历
+/// </summary>
+[Export]
+public enum Educations
+{
+    /// <summary>
+    ///     小学
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.小学))]
+    Primary = 1
+
+   ,
+
+    /// <summary>
+    ///     初中
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.初中))]
+    Junior = 2
+
+   ,
+
+    /// <summary>
+    ///     高中
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.高中))]
+    Higher = 3
+
+   ,
+
+    /// <summary>
+    ///     中专
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.中专))]
+    Technical = 4
+
+   ,
+
+    /// <summary>
+    ///     大专
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.大专))]
+    College = 5
+
+   ,
+
+    /// <summary>
+    ///     本科
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.本科))]
+    Bachelor = 6
+
+   ,
+
+    /// <summary>
+    ///     硕士
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.硕士))]
+    Master = 7
+
+   ,
+
+    /// <summary>
+    ///     博士
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.博士))]
+    Doctor = 8
+
+   ,
+
+    /// <summary>
+    ///     博士后
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.博士后))]
+    Post = 9
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Enums/ErrorCodes.cs b/src/backend/NetAdmin.Infrastructure/Enums/ErrorCodes.cs
new file mode 100644
index 00000000..12749243
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Enums/ErrorCodes.cs
@@ -0,0 +1,46 @@
+namespace NetAdmin.Infrastructure.Enums;
+
+/// <summary>
+///     错误码
+/// </summary>
+[Export]
+public enum ErrorCodes
+{
+    /// <summary>
+    ///     成功
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.成功))]
+    Succeed = 0
+
+   ,
+
+    /// <summary>
+    ///     意外错误
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.意外错误))]
+    Unhandled = 9000
+
+   ,
+
+    /// <summary>
+    ///     结果非预期
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.结果非预期))]
+    Unexpected = 9100
+
+   ,
+
+    /// <summary>
+    ///     无效输入
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.无效输入))]
+    InvalidInput = 9200
+
+   ,
+
+    /// <summary>
+    ///     无效操作
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.无效操作))]
+    InvalidOperation = 9300
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Enums/FreeSqlInitOptions.cs b/src/backend/NetAdmin.Infrastructure/Enums/FreeSqlInitOptions.cs
new file mode 100644
index 00000000..3243ca6a
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Enums/FreeSqlInitOptions.cs
@@ -0,0 +1,34 @@
+namespace NetAdmin.Infrastructure.Enums;
+
+/// <summary>
+///     初始化选项
+/// </summary>
+[Flags]
+public enum FreeSqlInitOptions
+{
+    /// <summary>
+    ///     无
+    /// </summary>
+    None = 0
+
+   ,
+
+    /// <summary>
+    ///     同步数据库结构
+    /// </summary>
+    SyncStructure = 1
+
+   ,
+
+    /// <summary>
+    ///     插入种子数据
+    /// </summary>
+    InsertSeedData = 1 << 1
+
+   ,
+
+    /// <summary>
+    ///     比较数据库结构
+    /// </summary>
+    CompareStructure = 1 << 2
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Enums/LogLevels.cs b/src/backend/NetAdmin.Infrastructure/Enums/LogLevels.cs
new file mode 100644
index 00000000..449053bb
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Enums/LogLevels.cs
@@ -0,0 +1,53 @@
+namespace NetAdmin.Infrastructure.Enums;
+
+/// <summary>
+///     日志等级
+/// </summary>
+public enum LogLevels
+{
+    /// <summary>
+    ///     Trace
+    /// </summary>
+    [Display(Name = "[gray]TCE[/]", ShortName = "TCE")]
+    Trace = 0
+
+   ,
+
+    /// <summary>
+    ///     Debug
+    /// </summary>
+    [Display(Name = "[gray]DBG[/]", ShortName = "DBG")]
+    Debug = 1
+
+   ,
+
+    /// <summary>
+    ///     Information
+    /// </summary>
+    [Display(Name = "[green]INF[/]", ShortName = "INF")]
+    Information = 2
+
+   ,
+
+    /// <summary>
+    ///     Warning
+    /// </summary>
+    [Display(Name = "[yellow]WRN[/]", ShortName = "WRN")]
+    Warning = 3
+
+   ,
+
+    /// <summary>
+    ///     Error
+    /// </summary>
+    [Display(Name = "[red]ERR[/]", ShortName = "ERR")]
+    Error = 4
+
+   ,
+
+    /// <summary>
+    ///     Critical
+    /// </summary>
+    [Display(Name = "[red]CTL[/]", ShortName = "CTL")]
+    Critical = 5
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Enums/MarriageStatues.cs b/src/backend/NetAdmin.Infrastructure/Enums/MarriageStatues.cs
new file mode 100644
index 00000000..0153174b
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Enums/MarriageStatues.cs
@@ -0,0 +1,38 @@
+namespace NetAdmin.Infrastructure.Enums;
+
+/// <summary>
+///     婚姻状况
+/// </summary>
+[Export]
+public enum MarriageStatues
+{
+    /// <summary>
+    ///     未婚
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.未婚))]
+    Unmarried = 1
+
+   ,
+
+    /// <summary>
+    ///     已婚
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.已婚))]
+    Married = 2
+
+   ,
+
+    /// <summary>
+    ///     离异
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.离异))]
+    Divorced = 3
+
+   ,
+
+    /// <summary>
+    ///     丧偶
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.丧偶))]
+    Bereft = 4
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Enums/ModuleTypes.cs b/src/backend/NetAdmin.Infrastructure/Enums/ModuleTypes.cs
new file mode 100644
index 00000000..903b7b1b
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Enums/ModuleTypes.cs
@@ -0,0 +1,22 @@
+namespace NetAdmin.Infrastructure.Enums;
+
+/// <summary>
+///     模块类型
+/// </summary>
+[Export]
+public enum ModuleTypes
+{
+    /// <summary>
+    ///     系统模块
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.系统模块))]
+    SysComponent = 1
+
+   ,
+
+    /// <summary>
+    ///     业务模块
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.业务模块))]
+    BizServer = 2
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Enums/Nations.cs b/src/backend/NetAdmin.Infrastructure/Enums/Nations.cs
new file mode 100644
index 00000000..d1e5feda
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Enums/Nations.cs
@@ -0,0 +1,456 @@
+// ReSharper disable IdentifierTypo
+
+namespace NetAdmin.Infrastructure.Enums;
+
+/// <summary>
+///     民族
+/// </summary>
+[Export]
+public enum Nations
+{
+    /// <summary>
+    ///     汉族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.汉族))]
+    Han = 1
+
+   ,
+
+    /// <summary>
+    ///     壮族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.壮族))]
+    Zhuang = 2
+
+   ,
+
+    /// <summary>
+    ///     满族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.满族))]
+    Manchu = 3
+
+   ,
+
+    /// <summary>
+    ///     回族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.回族))]
+    Hui = 4
+
+   ,
+
+    /// <summary>
+    ///     苗族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.苗族))]
+    Miao = 5
+
+   ,
+
+    /// <summary>
+    ///     维吾尔族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.维吾尔族))]
+    Uyghur = 6
+
+   ,
+
+    /// <summary>
+    ///     土家族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.土家族))]
+    Tujia = 7
+
+   ,
+
+    /// <summary>
+    ///     彝族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.彝族))]
+    Yi = 8
+
+   ,
+
+    /// <summary>
+    ///     蒙古族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.蒙古族))]
+    Mongolian = 9
+
+   ,
+
+    /// <summary>
+    ///     藏族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.藏族))]
+    Tibetan = 10
+
+   ,
+
+    /// <summary>
+    ///     布依族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.布依族))]
+    Buyei = 11
+
+   ,
+
+    /// <summary>
+    ///     侗族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.侗族))]
+    Dong = 12
+
+   ,
+
+    /// <summary>
+    ///     瑶族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.瑶族))]
+    Yao = 13
+
+   ,
+
+    /// <summary>
+    ///     朝鲜族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.朝鲜族))]
+    Korean = 14
+
+   ,
+
+    /// <summary>
+    ///     白族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.白族))]
+    Bai = 15
+
+   ,
+
+    /// <summary>
+    ///     哈尼族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.哈尼族))]
+    Hani = 16
+
+   ,
+
+    /// <summary>
+    ///     哈萨克族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.哈萨克族))]
+    Kazakh = 17
+
+   ,
+
+    /// <summary>
+    ///     黎族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.黎族))]
+    Li = 18
+
+   ,
+
+    /// <summary>
+    ///     傣族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.傣族))]
+    Dai = 19
+
+   ,
+
+    /// <summary>
+    ///     畲族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.畲族))]
+    She = 20
+
+   ,
+
+    /// <summary>
+    ///     傈僳族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.傈僳族))]
+    Lisu = 21
+
+   ,
+
+    /// <summary>
+    ///     仡佬族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.仡佬族))]
+    Gelao = 22
+
+   ,
+
+    /// <summary>
+    ///     东乡族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.东乡族))]
+    Dongxiang = 23
+
+   ,
+
+    /// <summary>
+    ///     高山族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.高山族))]
+    Gaoshan = 24
+
+   ,
+
+    /// <summary>
+    ///     拉祜族族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.拉祜族族))]
+    Lahu = 25
+
+   ,
+
+    /// <summary>
+    ///     水族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.水族))]
+    Shui = 26
+
+   ,
+
+    /// <summary>
+    ///     佤族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.佤族))]
+    Va = 27
+
+   ,
+
+    /// <summary>
+    ///     纳西族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.纳西族))]
+    Nakhi = 28
+
+   ,
+
+    /// <summary>
+    ///     羌族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.羌族))]
+    Qiang = 29
+
+   ,
+
+    /// <summary>
+    ///     土族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.土族))]
+    Monguor = 30
+
+   ,
+
+    /// <summary>
+    ///     仫佬族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.仫佬族))]
+    Mulao = 31
+
+   ,
+
+    /// <summary>
+    ///     锡伯族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.锡伯族))]
+    Xibe = 32
+
+   ,
+
+    /// <summary>
+    ///     柯尔克孜族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.柯尔克孜族))]
+    Kyrgyz = 33
+
+   ,
+
+    /// <summary>
+    ///     达斡尔族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.达斡尔族))]
+    Daur = 34
+
+   ,
+
+    /// <summary>
+    ///     景颇族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.景颇族))]
+    Jingpo = 35
+
+   ,
+
+    /// <summary>
+    ///     毛南族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.毛南族))]
+    Maonan = 36
+
+   ,
+
+    /// <summary>
+    ///     撒拉族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.撒拉族))]
+    Salar = 37
+
+   ,
+
+    /// <summary>
+    ///     布朗族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.布朗族))]
+    Blang = 38
+
+   ,
+
+    /// <summary>
+    ///     塔吉克族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.塔吉克族))]
+    Tajik = 39
+
+   ,
+
+    /// <summary>
+    ///     阿昌族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.阿昌族))]
+    Achang = 40
+
+   ,
+
+    /// <summary>
+    ///     普米族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.普米族))]
+    Pumi = 41
+
+   ,
+
+    /// <summary>
+    ///     鄂温克族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.鄂温克族))]
+    Evenk = 42
+
+   ,
+
+    /// <summary>
+    ///     怒族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.怒族))]
+    Nu = 43
+
+   ,
+
+    /// <summary>
+    ///     京族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.京族))]
+    Kinh = 44
+
+   ,
+
+    /// <summary>
+    ///     基诺族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.基诺族))]
+    Jino = 45
+
+   ,
+
+    /// <summary>
+    ///     德昂族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.德昂族))]
+    Deang = 46
+
+   ,
+
+    /// <summary>
+    ///     保安族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.保安族))]
+    Bonan = 47
+
+   ,
+
+    /// <summary>
+    ///     俄罗斯族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.俄罗斯族))]
+    Russian = 48
+
+   ,
+
+    /// <summary>
+    ///     裕固族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.裕固族))]
+    Yughur = 49
+
+   ,
+
+    /// <summary>
+    ///     乌孜别克族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.乌孜别克族))]
+    Uzbek = 50
+
+   ,
+
+    /// <summary>
+    ///     门巴族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.门巴族))]
+    Monpa = 51
+
+   ,
+
+    /// <summary>
+    ///     鄂伦春族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.鄂伦春族))]
+    Oroqen = 52
+
+   ,
+
+    /// <summary>
+    ///     独龙族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.独龙族))]
+    Derung = 53
+
+   ,
+
+    /// <summary>
+    ///     塔塔尔族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.塔塔尔族))]
+    Tatar = 54
+
+   ,
+
+    /// <summary>
+    ///     赫哲族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.赫哲族))]
+    Nanai = 55
+
+   ,
+
+    /// <summary>
+    ///     珞巴族
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.珞巴族))]
+    Lhoba = 56
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Enums/Orders.cs b/src/backend/NetAdmin.Infrastructure/Enums/Orders.cs
new file mode 100644
index 00000000..b14dee5f
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Enums/Orders.cs
@@ -0,0 +1,22 @@
+namespace NetAdmin.Infrastructure.Enums;
+
+/// <summary>
+///     排序方式
+/// </summary>
+[Export]
+public enum Orders
+{
+    /// <summary>
+    ///     顺序
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.顺序排序))]
+    Ascending = 1
+
+   ,
+
+    /// <summary>
+    ///     倒序
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.倒序排序))]
+    Descending = 2
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Enums/PoliticalStatues.cs b/src/backend/NetAdmin.Infrastructure/Enums/PoliticalStatues.cs
new file mode 100644
index 00000000..62b1be2e
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Enums/PoliticalStatues.cs
@@ -0,0 +1,30 @@
+namespace NetAdmin.Infrastructure.Enums;
+
+/// <summary>
+///     政治面貌
+/// </summary>
+[Export]
+public enum PoliticalStatues
+{
+    /// <summary>
+    ///     中共党员
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.中共党员))]
+    MemberOfCommunistParty = 1
+
+   ,
+
+    /// <summary>
+    ///     共青团员
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.共青团员))]
+    MemberOfCommunistYouthLeague = 2
+
+   ,
+
+    /// <summary>
+    ///     群众
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.群众))]
+    CommonPeople = 3
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Enums/Sexes.cs b/src/backend/NetAdmin.Infrastructure/Enums/Sexes.cs
new file mode 100644
index 00000000..9abb48a6
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Enums/Sexes.cs
@@ -0,0 +1,30 @@
+namespace NetAdmin.Infrastructure.Enums;
+
+/// <summary>
+///     性别
+/// </summary>
+[Export]
+public enum Sexes
+{
+    /// <summary>
+    ///     男
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.男))]
+    Male = 1
+
+   ,
+
+    /// <summary>
+    ///     女
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.女))]
+    Female = 2
+
+   ,
+
+    /// <summary>
+    ///     保密
+    /// </summary>
+    [ResourceDescription<Ln>(nameof(Ln.保密))]
+    Secrecy = 3
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Exceptions/InvalidInput/NetAdminInvalidInputException.cs b/src/backend/NetAdmin.Infrastructure/Exceptions/InvalidInput/NetAdminInvalidInputException.cs
new file mode 100644
index 00000000..c4e11bda
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Exceptions/InvalidInput/NetAdminInvalidInputException.cs
@@ -0,0 +1,18 @@
+namespace NetAdmin.Infrastructure.Exceptions.InvalidInput;
+
+/// <summary>
+///     无效输入异常
+/// </summary>
+/// <remarks>
+///     参数格式错误、内容校验错误等
+/// </remarks>
+#pragma warning disable RCS1194
+public sealed class NetAdminInvalidInputException : NetAdminException
+    #pragma warning restore RCS1194
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="NetAdminInvalidInputException" /> class.
+    /// </summary>
+    public NetAdminInvalidInputException(string message = null, Exception innerException = null) //
+        : base(ErrorCodes.InvalidInput, message, innerException) { }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Exceptions/InvalidOperation/NetAdminInvalidOperationException.cs b/src/backend/NetAdmin.Infrastructure/Exceptions/InvalidOperation/NetAdminInvalidOperationException.cs
new file mode 100644
index 00000000..fb8f47e8
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Exceptions/InvalidOperation/NetAdminInvalidOperationException.cs
@@ -0,0 +1,18 @@
+namespace NetAdmin.Infrastructure.Exceptions.InvalidOperation;
+
+/// <summary>
+///     无效操作异常
+/// </summary>
+/// <remarks>
+///     非正常的业务流程或逻辑
+/// </remarks>
+#pragma warning disable RCS1194, DesignedForInheritance
+public class NetAdminInvalidOperationException : NetAdminException
+    #pragma warning restore DesignedForInheritance, RCS1194
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="NetAdminInvalidOperationException" /> class.
+    /// </summary>
+    public NetAdminInvalidOperationException(string message = null, Exception innerException = null) //
+        : base(ErrorCodes.InvalidOperation, message, innerException) { }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Exceptions/NetAdminException.cs b/src/backend/NetAdmin.Infrastructure/Exceptions/NetAdminException.cs
new file mode 100644
index 00000000..6d436145
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Exceptions/NetAdminException.cs
@@ -0,0 +1,23 @@
+namespace NetAdmin.Infrastructure.Exceptions;
+
+/// <summary>
+///     Line异常基类
+/// </summary>
+#pragma warning disable RCS1194
+public abstract class NetAdminException : Exception
+    #pragma warning restore RCS1194
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="NetAdminException" /> class.
+    /// </summary>
+    protected NetAdminException(ErrorCodes code, string message = null, Exception innerException = null) //
+        : base(message, innerException)
+    {
+        Code = code;
+    }
+
+    /// <summary>
+    ///     错误码
+    /// </summary>
+    public ErrorCodes Code { get; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Exceptions/Unexpected/NetAdminGetLockerException.cs b/src/backend/NetAdmin.Infrastructure/Exceptions/Unexpected/NetAdminGetLockerException.cs
new file mode 100644
index 00000000..b391aa01
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Exceptions/Unexpected/NetAdminGetLockerException.cs
@@ -0,0 +1,9 @@
+namespace NetAdmin.Infrastructure.Exceptions.Unexpected;
+
+/// <summary>
+///     加锁失败异常
+/// </summary>
+#pragma warning disable RCS1194
+public sealed class NetAdminGetLockerException : NetAdminUnexpectedException
+    #pragma warning restore RCS1194
+{ }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Exceptions/Unexpected/NetAdminUnexpectedException.cs b/src/backend/NetAdmin.Infrastructure/Exceptions/Unexpected/NetAdminUnexpectedException.cs
new file mode 100644
index 00000000..f22f21d6
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Exceptions/Unexpected/NetAdminUnexpectedException.cs
@@ -0,0 +1,18 @@
+namespace NetAdmin.Infrastructure.Exceptions.Unexpected;
+
+/// <summary>
+///     非预期结果异常
+/// </summary>
+/// <remarks>
+///     运行结果是非预期的，例如事务失败回滚
+/// </remarks>
+#pragma warning disable RCS1194, DesignedForInheritance
+public class NetAdminUnexpectedException : NetAdminException
+    #pragma warning restore DesignedForInheritance, RCS1194
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="NetAdminUnexpectedException" /> class.
+    /// </summary>
+    public NetAdminUnexpectedException(string message = null, Exception innerException = null) //
+        : base(ErrorCodes.Unexpected, message, innerException) { }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Extensions/HttpRequestMessageExtensions.cs b/src/backend/NetAdmin.Infrastructure/Extensions/HttpRequestMessageExtensions.cs
new file mode 100644
index 00000000..eec19fb7
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Extensions/HttpRequestMessageExtensions.cs
@@ -0,0 +1,25 @@
+namespace NetAdmin.Infrastructure.Extensions;
+
+/// <summary>
+///     HttpRequestMessage 扩展方法
+/// </summary>
+public static class HttpRequestMessageExtensions
+{
+    /// <summary>
+    ///     将Http请求的Uri、Header、Body打包成Json字符串
+    /// </summary>
+    public static async Task<string> BuildJsonAsync(this HttpRequestMessage me)
+    {
+        var body = me?.Content == null ? null : await me.Content!.ReadAsStringAsync();
+        return new { Uri = me?.RequestUri, Header = me?.ToString(), Body = body }.ToJson();
+    }
+
+    /// <summary>
+    ///     记录日志
+    /// </summary>
+    public static async Task<HttpRequestMessage> LogAsync<T>(this HttpRequestMessage me, ILogger<T> logger)
+    {
+        logger.Info($"{Ln.请求}: {await me.BuildJsonAsync()}");
+        return me;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Extensions/HttpRequestPartExtensions.cs b/src/backend/NetAdmin.Infrastructure/Extensions/HttpRequestPartExtensions.cs
new file mode 100644
index 00000000..1b577a1a
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Extensions/HttpRequestPartExtensions.cs
@@ -0,0 +1,35 @@
+using Furion.RemoteRequest;
+
+namespace NetAdmin.Infrastructure.Extensions;
+
+/// <summary>
+///     HttpRequestPart 扩展方法
+/// </summary>
+public static class HttpRequestPartExtensions
+{
+    /// <summary>
+    ///     设置日志
+    /// </summary>
+    public static HttpRequestPart SetLog<T>(this HttpRequestPart me, ILogger<T> logger
+                                          , Func<string, string> bodyHandle = null)
+    {
+        async void RequestHandle(HttpClient _, HttpRequestMessage req)
+        {
+            #pragma warning disable IDE0058
+            await req.LogAsync(logger);
+            #pragma warning restore IDE0058
+        }
+
+        async void ResponseHandle(HttpClient _, HttpResponseMessage rsp)
+        {
+            await rsp.LogAsync(logger, bodyHandle);
+        }
+
+        async void ExceptionHandle(HttpClient _, HttpResponseMessage rsp, string errors)
+        {
+            await rsp.LogExceptionAsync(errors, logger, bodyHandle);
+        }
+
+        return me.OnRequesting(RequestHandle).OnResponsing(ResponseHandle).OnException(ExceptionHandle);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Extensions/HttpResponseMessageExtensions.cs b/src/backend/NetAdmin.Infrastructure/Extensions/HttpResponseMessageExtensions.cs
new file mode 100644
index 00000000..3297ce62
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Extensions/HttpResponseMessageExtensions.cs
@@ -0,0 +1,35 @@
+namespace NetAdmin.Infrastructure.Extensions;
+
+/// <summary>
+///     HttpResponseMessage 扩展方法
+/// </summary>
+public static class HttpResponseMessageExtensions
+{
+    /// <summary>
+    ///     记录日志
+    /// </summary>
+    public static async Task LogAsync<T>(this HttpResponseMessage me, ILogger<T> logger
+                                       , Func<string, string>     bodyPreHandle = null)
+    {
+        logger.Info(await me.BuildJsonAsync(bodyPreHandle));
+    }
+
+    /// <summary>
+    ///     记录异常日志
+    /// </summary>
+    public static async Task LogExceptionAsync<T>(this HttpResponseMessage me, string errors, ILogger<T> logger
+                                                , Func<string, string>     bodyHandle = null)
+    {
+        logger.Warn($"{errors}: {await me.BuildJsonAsync(bodyHandle)}");
+    }
+
+    /// <summary>
+    ///     将Http请求的Uri、Header、Body打包成Json字符串
+    /// </summary>
+    private static async Task<string> BuildJsonAsync( //
+        this HttpResponseMessage me, Func<string, string> bodyHandle = null)
+    {
+        var body = me?.Content is null ? null : await me.Content!.ReadAsStringAsync();
+        return new { Header = me?.ToString(), Body = bodyHandle is null ? body : bodyHandle(body) }.ToJson();
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Extensions/ObjectExtensions.cs b/src/backend/NetAdmin.Infrastructure/Extensions/ObjectExtensions.cs
new file mode 100644
index 00000000..b7545d96
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Extensions/ObjectExtensions.cs
@@ -0,0 +1,15 @@
+namespace NetAdmin.Infrastructure.Extensions;
+
+/// <summary>
+///     Object 扩展类
+/// </summary>
+public static class ObjectExtensions
+{
+    /// <summary>
+    ///     object -> json
+    /// </summary>
+    public static string ToJson(this object me)
+    {
+        return me.Json(Global.JsonSerializerOptions);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Extensions/StringExtensions.cs b/src/backend/NetAdmin.Infrastructure/Extensions/StringExtensions.cs
new file mode 100644
index 00000000..033a7a0a
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Extensions/StringExtensions.cs
@@ -0,0 +1,31 @@
+namespace NetAdmin.Infrastructure.Extensions;
+
+/// <summary>
+///     String 扩展类
+/// </summary>
+public static class StringExtensions
+{
+    /// <summary>
+    ///     object -> json
+    /// </summary>
+    public static T ToObject<T>(this string me)
+    {
+        return me.Object<T>(Global.JsonSerializerOptions);
+    }
+
+    /// <summary>
+    ///     object -> json
+    /// </summary>
+    public static object ToObject(this string me, Type toType)
+    {
+        return me.Object(toType, Global.JsonSerializerOptions);
+    }
+
+    /// <summary>
+    ///     去掉尾部字符串“Options”
+    /// </summary>
+    public static string TrimEndOptions(this string me)
+    {
+        return Regex.Replace(me, "Options$", string.Empty);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Global.cs b/src/backend/NetAdmin.Infrastructure/Global.cs
new file mode 100644
index 00000000..5492a96f
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Global.cs
@@ -0,0 +1,23 @@
+namespace NetAdmin.Infrastructure;
+
+/// <summary>
+///     全局静态类
+/// </summary>
+public static class Global
+{
+    /// <summary>
+    ///     产品版本
+    /// </summary>
+    public static readonly string ProductVersion
+        = FileVersionInfo.GetVersionInfo(Assembly.GetEntryAssembly()!.Location).ProductVersion;
+
+    /// <summary>
+    ///     系统内部密钥
+    /// </summary>
+    public static string SecretKey => "{6C4922D3-499A-46db-BFC4-0B51A9C4395F}";
+
+    /// <summary>
+    ///     Json序列化选项
+    /// </summary>
+    public static JsonSerializerOptions JsonSerializerOptions { get; set; }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/NetAdmin.Infrastructure.csproj b/src/backend/NetAdmin.Infrastructure/NetAdmin.Infrastructure.csproj
new file mode 100644
index 00000000..d39dcd14
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/NetAdmin.Infrastructure.csproj
@@ -0,0 +1,26 @@
+<Project Sdk="Microsoft.NET.Sdk">
+  <Import Project="$(SolutionDir)/CodeQuality.props" />
+  <Import Project="$(SolutionDir)/CopyPackageXmlCommentFiles.targets" />
+  <Import Project="$(SolutionDir)/PreBuild.targets" />
+  <ItemGroup>
+    <PackageReference Include="FreeSql.DbContext.NS" Version="3.2.700-preview20230726-ns1" />
+    <PackageReference Include="FreeSql.NS" Version="3.2.700-preview20230726-ns1" />
+    <PackageReference Include="FreeSql.Provider.SqlServer.NS" Version="3.2.700-preview20230726-ns1" />
+    <PackageReference Include="FreeSql.Provider.Sqlite.NS" Version="3.2.700-preview20230726-ns1" />
+    <PackageReference Include="Furion.Extras.Authentication.JwtBearer" Version="4.8.8.40" />
+    <PackageReference Include="Furion.Extras.ObjectMapper.Mapster" Version="4.8.8.40" />
+    <PackageReference Include="Furion.Pure.NS" Version="4.8.8.38-ns1" />
+    <PackageReference Include="Microsoft.Extensions.Caching.StackExchangeRedis" Version="8.0.0-preview.7.23375.9" />
+    <PackageReference Include="Minio" Version="5.0.0" />
+    <PackageReference Include="NSExt" Version="1.0.15-alpha.0.4" />
+    <PackageReference Include="RedLock.net" Version="2.3.2" />
+    <PackageReference Include="SixLabors.ImageSharp" Version="2.1.5" />
+    <PackageReference Include="SixLabors.ImageSharp.Drawing" Version="1.0.0" />
+    <PackageReference Include="Yitter.IdGenerator" Version="1.0.14" />
+  </ItemGroup>
+  <ItemGroup>
+    <None Update="*.json">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </None>
+  </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Utils/ApplicationHelper.cs b/src/backend/NetAdmin.Infrastructure/Utils/ApplicationHelper.cs
new file mode 100644
index 00000000..b30f415a
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Utils/ApplicationHelper.cs
@@ -0,0 +1,20 @@
+namespace NetAdmin.Infrastructure.Utils;
+
+/// <summary>
+///     应用程序帮助类
+/// </summary>
+public static class ApplicationHelper
+{
+    /// <summary>
+    ///     获取系统环境
+    /// </summary>
+    public static Dictionary<string, object> GetEnvironmentInfo()
+    {
+        var ret = typeof(Environment).GetProperties(BindingFlags.Public | BindingFlags.Static)
+                                     .Where(x => x.Name != nameof(Environment.StackTrace))
+                                     .ToDictionary(x => x.Name, x => x.GetValue(null));
+        _ = ret.TryAdd( //
+            "Environment", Environment.GetEnvironmentVariables().ToJson());
+        return ret;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Utils/CaptchaImageHelper.cs b/src/backend/NetAdmin.Infrastructure/Utils/CaptchaImageHelper.cs
new file mode 100644
index 00000000..637d3437
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Utils/CaptchaImageHelper.cs
@@ -0,0 +1,176 @@
+using SixLabors.ImageSharp;
+using SixLabors.ImageSharp.Drawing;
+using SixLabors.ImageSharp.Drawing.Processing;
+using SixLabors.ImageSharp.Formats.Png;
+using SixLabors.ImageSharp.PixelFormats;
+using SixLabors.ImageSharp.Processing;
+
+namespace NetAdmin.Infrastructure.Utils;
+
+/// <summary>
+///     验证码图片工具类
+/// </summary>
+public static class CaptchaImageHelper
+{
+    /// <summary>
+    ///     创建一个缺口滑块验证码图片
+    /// </summary>
+    /// <param name="resAsm">包含资源的程序集</param>
+    /// <param name="bgPath">背景图路径</param>
+    /// <param name="tempPath">滑块模板小图路径</param>
+    /// <param name="bgIndexScope">背景图随机序号范围（1-x）</param>
+    /// <param name="tempIndexScope">模板图随机序号范围（1-x）</param>
+    /// <param name="sliderSize">滑块尺寸</param>
+    /// <returns> 背景图（base64），滑块图（base64），缺口坐标 </returns>
+    #pragma warning disable SA1414
+    public static async Task<(string BackgroundImage, string SliderImage, Point OffsetSaw)> CreateSawSliderImageAsync(
+            Assembly resAsm, string bgPath, string tempPath, (int, int) bgIndexScope, (int, int) tempIndexScope
+          , Size     sliderSize)
+        #pragma warning restore SA1414
+    {
+        // 深色模板图
+        var templateIndex = new[] { tempIndexScope.Item1, tempIndexScope.Item2 }.Rand();
+
+        await using var bgStream = resAsm.GetManifestResourceStream(
+            $"{bgPath}.{new[] { bgIndexScope.Item1, bgIndexScope.Item2 }.Rand()}.jpg");
+        await using var darkStream = resAsm.GetManifestResourceStream($"{tempPath}._{templateIndex}.dark.png");
+        await using var tranStream = resAsm.GetManifestResourceStream($"{tempPath}._{templateIndex}.transparent.png");
+
+        // 底图
+        using var backgroundImage = await Image.LoadAsync<Rgba32>(bgStream);
+
+        using var darkTemplateImage = await Image.LoadAsync<Rgba32>(darkStream);
+
+        // 透明模板图
+        using var transparentTemplateImage = await Image.LoadAsync<Rgba32>(tranStream);
+
+        // 调整模板图大小
+        darkTemplateImage.Mutate(x => x.Resize(sliderSize));
+        transparentTemplateImage.Mutate(x => x.Resize(sliderSize));
+
+        // 新建拼图
+        using var blockImage = new Image<Rgba32>(sliderSize.Width, sliderSize.Height);
+
+        // 新建滑块拼图
+        using var sliderBlockImage = new Image<Rgba32>(sliderSize.Width, backgroundImage.Height);
+
+        // 随机生成拼图坐标
+        var offsetRand = GeneratePoint(backgroundImage.Width, backgroundImage.Height, sliderSize.Width
+              ,                                               sliderSize.Height);
+
+        // 根据深色模板图计算轮廓形状
+        var blockShape = CalcBlockShape(darkTemplateImage);
+
+        // 生成拼图
+        blockImage.Mutate(x => {
+            // ReSharper disable once AccessToDisposedClosure
+            _ = x.Clip(blockShape, p => p.DrawImage(backgroundImage, new Point(-offsetRand.X, -offsetRand.Y), 1));
+        });
+
+        // 拼图叠加透明模板图层
+        //  ReSharper disable once AccessToDisposedClosure
+        blockImage.Mutate(x => x.DrawImage(transparentTemplateImage, new Point(0, 0), 1));
+
+        // 生成滑块拼图
+        //  ReSharper disable once AccessToDisposedClosure
+        sliderBlockImage.Mutate(x => x.DrawImage(blockImage, new Point(0, offsetRand.Y), 1));
+
+        var opacity = (float)(new[] { 70, 100 }.Rand() * 0.01);
+
+        // 底图叠加深色模板图
+        //  ReSharper disable once AccessToDisposedClosure
+        backgroundImage.Mutate(x => x.DrawImage(darkTemplateImage, new Point(offsetRand.X, offsetRand.Y), opacity));
+
+        // 生成干扰图坐标
+        var interferencePoint = GenerateInterferencePoint(backgroundImage.Width, backgroundImage.Height
+                                                        , sliderSize.Width, sliderSize.Height, offsetRand.X
+                                                        , offsetRand.Y);
+
+        // 底图叠加深色干扰模板图
+        // ReSharper disable once AccessToDisposedClosure
+        backgroundImage.Mutate(x => x.DrawImage(darkTemplateImage, new Point(interferencePoint.X, interferencePoint.Y)
+                                              , opacity));
+        return (backgroundImage.ToBase64String(PngFormat.Instance), sliderBlockImage.ToBase64String(PngFormat.Instance)
+              , offsetRand);
+    }
+
+    private static ComplexPolygon CalcBlockShape(Image<Rgba32> templateDarkImage)
+    {
+        var temp     = 0;
+        var pathList = new List<IPath>();
+        templateDarkImage.ProcessPixelRows(accessor => {
+            for (var y = 0; y < templateDarkImage.Height; y++) {
+                var rowSpan = accessor.GetRowSpan(y);
+                for (var x = 0; x < rowSpan.Length; x++) {
+                    ref var pixel = ref rowSpan[x];
+                    if (pixel.A != 0) {
+                        temp = temp switch { 0 => x, _ => temp };
+                    }
+                    else {
+                        if (temp == 0) {
+                            continue;
+                        }
+
+                        pathList.Add(new RectangularPolygon(temp, y, x - temp, 1));
+                        temp = 0;
+                    }
+                }
+            }
+        });
+
+        return new ComplexPolygon(new PathCollection(pathList));
+    }
+
+    /// <summary>
+    ///     随机生成干扰图坐标
+    /// </summary>
+    private static Point GenerateInterferencePoint(int originalWidth,  int originalHeight, int templateWidth
+                                                 , int templateHeight, int blockX,         int blockY)
+    {
+        var x =
+
+            // 在原扣图右边插入干扰图
+            originalWidth - blockX - 5 > templateWidth * 2
+                ? GetRandomInt(blockX + templateWidth + 5, originalWidth - templateWidth)
+                :
+
+                // 在原扣图左边插入干扰图
+                GetRandomInt(100, blockX - templateWidth - 5);
+
+        var y =
+
+            // 在原扣图下边插入干扰图
+            originalHeight - blockY - 5 > templateHeight * 2
+                ? GetRandomInt(blockY + templateHeight + 5, originalHeight - templateHeight)
+                :
+
+                // 在原扣图上边插入干扰图
+                GetRandomInt(5, blockY - templateHeight - 5);
+
+        return new Point(x, y);
+    }
+
+    /// <summary>
+    ///     随机生成拼图坐标
+    /// </summary>
+    private static Point GeneratePoint(int originalWidth, int originalHeight, int templateWidth, int templateHeight)
+    {
+        var widthDifference  = originalWidth  - templateWidth;
+        var heightDifference = originalHeight - templateHeight;
+        var x = widthDifference switch {
+                    <= 0 => 5, _ => new[] { 0, originalWidth - templateWidth - 100 }.Rand() + 100
+                };
+
+        var y = heightDifference switch { <= 0 => 5, _ => new[] { 0, originalHeight - templateHeight - 5 }.Rand() + 5 };
+
+        return new Point(x, y);
+    }
+
+    /// <summary>
+    ///     随机范围内数字
+    /// </summary>
+    private static int GetRandomInt(int startNum, int endNum)
+    {
+        return (endNum > startNum ? new[] { 0, endNum - startNum }.Rand() : 0) + startNum;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Utils/FreeSqlBuilder.cs b/src/backend/NetAdmin.Infrastructure/Utils/FreeSqlBuilder.cs
new file mode 100644
index 00000000..3d7c6e40
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Utils/FreeSqlBuilder.cs
@@ -0,0 +1,145 @@
+using Newtonsoft.Json;
+using DataType = FreeSql.DataType;
+
+namespace NetAdmin.Infrastructure.Utils;
+
+/// <summary>
+///     FreeSqlBuilder
+/// </summary>
+public sealed class FreeSqlBuilder
+{
+    private readonly DatabaseOptions _databaseOptions;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="FreeSqlBuilder" /> class.
+    /// </summary>
+    public FreeSqlBuilder(DatabaseOptions databaseOptions)
+    {
+        _databaseOptions = databaseOptions;
+    }
+
+    /// <summary>
+    ///     构建freeSql对象
+    /// </summary>
+    public IFreeSql Build(FreeSqlInitOptions initOptions)
+    {
+        var freeSql = new FreeSql.FreeSqlBuilder()
+                      .UseConnectionString(_databaseOptions.DbType, _databaseOptions.ConnStr)
+                      .UseAutoSyncStructure(false)
+                      .Build();
+
+        _ = InitDbAsync(freeSql, initOptions); // 初始化数据库 ，异步
+        return freeSql;
+    }
+
+    private static void CompareStructure(IFreeSql freeSql, Type[] entityTypes)
+    {
+        File.WriteAllText( //
+            $"{nameof(CompareStructure)}.sql", freeSql.CodeFirst.GetComparisonDDLStatements(entityTypes));
+    }
+
+    /// <summary>
+    ///     获取所有实体类型定义
+    /// </summary>
+    private static Type[] GetEntityTypes()
+    {
+        return (from type in App.EffectiveTypes
+                from attr in type.GetCustomAttributes()
+                where attr is TableAttribute { DisableSyncStructure: false }
+                select type).ToArray();
+    }
+
+    private static MethodInfo MakeGetRepositoryMethod(Type entityType)
+    {
+        return typeof(FreeSqlDbContextExtensions).GetMethods()
+                                                 .Where(x => x.Name == nameof(FreeSqlDbContextExtensions.GetRepository))
+                                                 .FirstOrDefault(x => x.GetGenericArguments().Length == 1)
+                                                 ?.MakeGenericMethod(entityType);
+    }
+
+    private static MethodInfo MakeInsertMethod(Type entityType)
+    {
+        return typeof(IBaseRepository<>).MakeGenericType(entityType)
+                                        .GetMethod( //
+                                            nameof(IBaseRepository<dynamic>.Insert)
+                                          , BindingFlags.Public | BindingFlags.Instance, null
+                                          , CallingConventions.Any
+                                          , new[] { typeof(IEnumerable<>).MakeGenericType(entityType) }, null);
+    }
+
+    /// <summary>
+    ///     初始化数据库
+    /// </summary>
+    private Task InitDbAsync(IFreeSql freeSql, FreeSqlInitOptions initOptions)
+    {
+        return Task.Run(() => {
+            if (initOptions == FreeSqlInitOptions.None) {
+                return;
+            }
+
+            var entityTypes = GetEntityTypes();
+            if (initOptions.HasFlag(FreeSqlInitOptions.SyncStructure)) {
+                SyncStructure(freeSql, entityTypes);
+            }
+
+            if (initOptions.HasFlag(FreeSqlInitOptions.InsertSeedData)) {
+                InsertSeedData(freeSql, entityTypes);
+            }
+
+            if (initOptions.HasFlag(FreeSqlInitOptions.CompareStructure)) {
+                CompareStructure(freeSql, entityTypes);
+            }
+        });
+    }
+
+    /// <summary>
+    ///     插入种子数据
+    /// </summary>
+    private void InsertSeedData(IFreeSql freeSql, IEnumerable<Type> entityTypes)
+    {
+        foreach (var entityType in entityTypes) {
+            var file = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, _databaseOptions.SeedDataRelativePath
+                                  , $"{entityType.Name}.json");
+            if (!File.Exists(file)) {
+                continue;
+            }
+
+            var fileContent = File.ReadAllText(file);
+
+            dynamic entities = JsonConvert.DeserializeObject( //
+                fileContent, typeof(IEnumerable<>).MakeGenericType(entityType));
+
+            // 如果表存在数据，跳过
+            var select = typeof(IFreeSql).GetMethod(nameof(freeSql.Select), 1, Type.EmptyTypes)
+                                         ?.MakeGenericMethod(entityType)
+                                         .Invoke(freeSql, null);
+            if (select?.GetType()
+                      .GetMethod(nameof(ISelect<dynamic>.Any), 0, Type.EmptyTypes)
+                      ?.Invoke(select, null) as bool? ?? true) {
+                continue;
+            }
+
+            var rep = MakeGetRepositoryMethod(entityType)?.Invoke(null, new object[] { freeSql, null });
+            if (rep?.GetType().GetProperty(nameof(DbContextOptions))?.GetValue(rep) is DbContextOptions options) {
+                options.EnableCascadeSave = true;
+                options.NoneParameter     = true;
+            }
+
+            var insert = MakeInsertMethod(entityType);
+
+            _ = insert?.Invoke(rep, new[] { entities });
+        }
+    }
+
+    /// <summary>
+    ///     同步数据库结构
+    /// </summary>
+    private void SyncStructure(IFreeSql freeSql, Type[] entityTypes)
+    {
+        if (_databaseOptions.DbType == DataType.Oracle) {
+            freeSql.CodeFirst.IsSyncStructureToUpper = true;
+        }
+
+        freeSql.CodeFirst.SyncStructure(entityTypes);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Utils/LogHelper.cs b/src/backend/NetAdmin.Infrastructure/Utils/LogHelper.cs
new file mode 100644
index 00000000..5ac74075
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Utils/LogHelper.cs
@@ -0,0 +1,15 @@
+namespace NetAdmin.Infrastructure.Utils;
+
+/// <summary>
+///     日志帮助类
+/// </summary>
+public static class LogHelper
+{
+    /// <summary>
+    ///     获取ILogger
+    /// </summary>
+    public static ILogger<T> Get<T>()
+    {
+        return App.GetService<ILogger<T>>();
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Utils/MinioHelper.cs b/src/backend/NetAdmin.Infrastructure/Utils/MinioHelper.cs
new file mode 100644
index 00000000..f90fd219
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Utils/MinioHelper.cs
@@ -0,0 +1,52 @@
+using Minio;
+
+namespace NetAdmin.Infrastructure.Utils;
+
+/// <summary>
+///     MinioHelper
+/// </summary>
+public sealed class MinioHelper : IScoped
+{
+    private readonly UploadOptions _uploadOptions;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="MinioHelper" /> class.
+    /// </summary>
+    public MinioHelper(IOptions<UploadOptions> uploadOptions)
+    {
+        _uploadOptions = uploadOptions.Value;
+    }
+
+    /// <summary>
+    ///     上传文件
+    /// </summary>
+    /// <param name="objectName">对象名称</param>
+    /// <param name="fileStream">文件流</param>
+    /// <param name="contentType">文件类型</param>
+    /// <param name="fileSize">文件大小</param>
+    /// <returns>可访问的url地址</returns>
+    public async Task<string> UploadAsync(string objectName, Stream fileStream, string contentType, long fileSize)
+    {
+        using var minio = new MinioClient().WithEndpoint(_uploadOptions.Minio.ServerAddress)
+                                           .WithCredentials( //
+                                               _uploadOptions.Minio.AccessKey, _uploadOptions.Minio.SecretKey)
+                                           .WithSSL(_uploadOptions.Minio.Secure)
+                                           .Build();
+
+        var beArgs = new BucketExistsArgs().WithBucket(_uploadOptions.Minio.BucketName);
+
+        if (!await minio.BucketExistsAsync(beArgs)) {
+            var mbArgs = new MakeBucketArgs().WithBucket(_uploadOptions.Minio.BucketName);
+            await minio.MakeBucketAsync(mbArgs);
+        }
+
+        var putArgs = new PutObjectArgs().WithBucket(_uploadOptions.Minio.BucketName)
+                                         .WithObject(objectName)
+                                         .WithStreamData(fileStream)
+                                         .WithObjectSize(fileSize)
+                                         .WithContentType(contentType);
+        _ = await minio.PutObjectAsync(putArgs);
+
+        return $"{_uploadOptions.Minio.AccessUrl}/{_uploadOptions.Minio.BucketName}/{objectName}";
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Utils/RedLocker.cs b/src/backend/NetAdmin.Infrastructure/Utils/RedLocker.cs
new file mode 100644
index 00000000..26dbbb64
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Utils/RedLocker.cs
@@ -0,0 +1,98 @@
+using RedLockNet.SERedis;
+using RedLockNet.SERedis.Configuration;
+using StackExchange.Redis;
+
+namespace NetAdmin.Infrastructure.Utils;
+
+/// <summary>
+///     Redis锁
+/// </summary>
+#pragma warning disable DesignedForInheritance
+public class RedLocker : IDisposable, ISingleton
+    #pragma warning restore DesignedForInheritance
+{
+    // Track whether Dispose has been called.
+    private bool _disposed;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="RedLocker" /> class.
+    /// </summary>
+    public RedLocker(IOptions<RedisOptions> redisOptions)
+    {
+        RedlockFactory = RedLockFactory.Create( //
+            new List<RedLockMultiplexer>        //
+            {
+                ConnectionMultiplexer.Connect( //
+                    redisOptions.Value.Instances.First(x => x.Name == Chars.FLG_REDIS_INSTANCE_DATA_CACHE).ConnStr)
+            });
+    }
+
+    /// <summary>
+    ///     Finalizes an instance of the <see cref="RedLocker" /> class.
+    ///     Use C# finalizer syntax for finalization code.
+    ///     This finalizer will run only if the Dispose method
+    ///     does not get called.
+    ///     It gives your base class the opportunity to finalize.
+    ///     Do not provide finalizer in types derived from this class.
+    /// </summary>
+    ~RedLocker()
+    {
+        // Do not re-create Dispose clean-up code here.
+        // Calling Dispose(disposing: false) is optimal in terms of
+        // readability and maintainability.
+        Dispose(false);
+    }
+
+    /// <summary>
+    ///     RedlockFactory
+    /// </summary>
+    public RedLockFactory RedlockFactory { get; }
+
+    /// <summary>
+    ///     Implement IDisposable.
+    ///     Do not make this method virtual.
+    ///     A derived class should not be able to override this method.
+    /// </summary>
+    public void Dispose()
+    {
+        Dispose(true);
+
+        // This object will be cleaned up by the Dispose method.
+        // Therefore, you should call GC.SuppressFinalize to
+        // take this object off the finalization queue
+        // and prevent finalization code for this object
+        // from executing a second time.
+        GC.SuppressFinalize(this);
+    }
+
+    /// <summary>
+    ///     Dispose(bool disposing) executes in two distinct scenarios.
+    ///     If disposing equals true, the method has been called directly
+    ///     or indirectly by a user's code. Managed and unmanaged resources
+    ///     can be disposed.
+    ///     If disposing equals false, the method has been called by the
+    ///     runtime from inside the finalizer and you should not reference
+    ///     other objects. Only unmanaged resources can be disposed.
+    /// </summary>
+    protected virtual void Dispose(bool disposing)
+    {
+        // Check to see if Dispose has already been called.
+        if (_disposed) {
+            return;
+        }
+
+        // If disposing equals true, dispose all managed
+        // and unmanaged resources.
+        if (disposing) {
+            RedlockFactory.Dispose();
+        }
+
+        // Call the appropriate methods to clean up
+        // unmanaged resources here.
+        // If disposing is false,
+        // only the following code is executed.
+
+        // Note disposing has been done.
+        _disposed = true;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Utils/UserAgentParser.cs b/src/backend/NetAdmin.Infrastructure/Utils/UserAgentParser.cs
new file mode 100644
index 00000000..52d9695e
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Utils/UserAgentParser.cs
@@ -0,0 +1,347 @@
+// ReSharper disable StringLiteralTypo
+
+namespace NetAdmin.Infrastructure.Utils;
+
+/// <summary>
+///     解析用户代理字符串
+/// </summary>
+public sealed class UserAgentParser
+{
+    private static readonly Dictionary<string, string> _browsers = new() {
+                                                                             { "OPR", "Opera" }
+                                                                           , { "Flock", "Flock" }
+                                                                           , { "Edge", "Spartan" }
+                                                                           , { "Chrome", "Chrome" }
+                                                                           , { "Opera.*?Version", "Opera" }
+                                                                           , { "Opera", "Opera" }
+                                                                           , { "MSIE", "Internet Explorer" }
+                                                                           , {
+                                                                                 "Internet Explorer"
+                                                                               , "Internet Explorer"
+                                                                             }
+                                                                           , { "Trident.* rv", "Internet Explorer" }
+                                                                           , { "Shiira", "Shiira" }
+                                                                           , { "Firefox", "Firefox" }
+                                                                           , { "Chimera", "Chimera" }
+                                                                           , { "Phoenix", "Phoenix" }
+                                                                           , { "Firebird", "Firebird" }
+                                                                           , { "Camino", "Camino" }
+                                                                           , { "Netscape", "Netscape" }
+                                                                           , { "OmniWeb", "OmniWeb" }
+                                                                           , { "Safari", "Safari" }
+                                                                           , { "Mozilla", "Mozilla" }
+                                                                           , { "Konqueror", "Konqueror" }
+                                                                           , { "icab", "iCab" }
+                                                                           , { "Lynx", "Lynx" }
+                                                                           , { "Links", "Links" }
+                                                                           , { "hotjava", "HotJava" }
+                                                                           , { "amaya", "Amaya" }
+                                                                           , { "IBrowse", "IBrowse" }
+                                                                           , { "Maxthon", "Maxthon" }
+                                                                           , { "Ubuntu", "Ubuntu Web Browser" }
+                                                                         };
+
+    private static readonly Dictionary<string, string> _mobiles = new() {
+                                                                            // Legacy
+                                                                            { "mobileexplorer", "Mobile Explorer" }
+                                                                          , { "palmsource", "Palm" }
+                                                                          , { "palmscape", "Palmscape" }
+                                                                           ,
+
+                                                                            // Phones and Manufacturers
+                                                                            { "motorola", "Motorola" }
+                                                                          , { "nokia", "Nokia" }
+                                                                          , { "palm", "Palm" }
+                                                                          , { "iphone", "Apple iPhone" }
+                                                                          , { "ipad", "iPad" }
+                                                                          , { "ipod", "Apple iPod Touch" }
+                                                                          , { "sony", "Sony Ericsson" }
+                                                                          , { "ericsson", "Sony Ericsson" }
+                                                                          , { "blackberry", "BlackBerry" }
+                                                                          , { "cocoon", "O2 Cocoon" }
+                                                                          , { "blazer", "Treo" }
+                                                                          , { "lg", "LG" }
+                                                                          , { "amoi", "Amoi" }
+                                                                          , { "xda", "XDA" }
+                                                                          , { "mda", "MDA" }
+                                                                          , { "vario", "Vario" }
+                                                                          , { "htc", "HTC" }
+                                                                          , { "samsung", "Samsung" }
+                                                                          , { "sharp", "Sharp" }
+                                                                          , { "sie-", "Siemens" }
+                                                                          , { "alcatel", "Alcatel" }
+                                                                          , { "benq", "BenQ" }
+                                                                          , { "ipaq", "HP iPaq" }
+                                                                          , { "mot-", "Motorola" }
+                                                                          , {
+                                                                                "playstation portable"
+                                                                              , "PlayStation Portable"
+                                                                            }
+                                                                          , { "playstation 3", "PlayStation 3" }
+                                                                          , { "playstation vita", "PlayStation Vita" }
+                                                                          , { "hiptop", "Danger Hiptop" }
+                                                                          , { "nec-", "NEC" }
+                                                                          , { "panasonic", "Panasonic" }
+                                                                          , { "philips", "Philips" }
+                                                                          , { "sagem", "Sagem" }
+                                                                          , { "sanyo", "Sanyo" }
+                                                                          , { "spv", "SPV" }
+                                                                          , { "zte", "ZTE" }
+                                                                          , { "sendo", "Sendo" }
+                                                                          , { "nintendo dsi", "Nintendo DSi" }
+                                                                          , { "nintendo ds", "Nintendo DS" }
+                                                                          , { "nintendo 3ds", "Nintendo 3DS" }
+                                                                          , { "wii", "Nintendo Wii" }
+                                                                          , { "open web", "Open Web" }
+                                                                          , { "openweb", "OpenWeb" }
+                                                                           ,
+
+                                                                            // Operating Systems
+                                                                            { "android", "Android" }
+                                                                          , { "symbian", "Symbian" }
+                                                                          , { "SymbianOS", "SymbianOS" }
+                                                                          , { "elaine", "Palm" }
+                                                                          , { "series60", "Symbian S60" }
+                                                                          , { "windows ce", "Windows CE" }
+                                                                           ,
+
+                                                                            // Browsers
+                                                                            { "obigo", "Obigo" }
+                                                                          , { "netfront", "Netfront Browser" }
+                                                                          , { "openwave", "Openwave Browser" }
+                                                                          , { "mobilexplorer", "Mobile Explorer" }
+                                                                          , { "operamini", "Opera Mini" }
+                                                                          , { "opera mini", "Opera Mini" }
+                                                                          , { "opera mobi", "Opera Mobile" }
+                                                                          , { "fennec", "Firefox Mobile" }
+                                                                           ,
+
+                                                                            // Other
+                                                                            { "digital paths", "Digital Paths" }
+                                                                          , { "avantgo", "AvantGo" }
+                                                                          , { "xiino", "Xiino" }
+                                                                          , { "novarra", "Novarra Transcoder" }
+                                                                          , { "vodafone", "Vodafone" }
+                                                                          , { "docomo", "NTT DoCoMo" }
+                                                                          , { "o2", "O2" }
+                                                                           ,
+
+                                                                            // Fallback
+                                                                            { "mobile", "Generic Mobile" }
+                                                                          , { "wireless", "Generic Mobile" }
+                                                                          , { "j2me", "Generic Mobile" }
+                                                                          , { "midp", "Generic Mobile" }
+                                                                          , { "cldc", "Generic Mobile" }
+                                                                          , { "up.link", "Generic Mobile" }
+                                                                          , { "up.browser", "Generic Mobile" }
+                                                                          , { "smartphone", "Generic Mobile" }
+                                                                          , { "cellphone", "Generic Mobile" }
+                                                                        };
+
+    private static readonly Dictionary<string, string> _platforms = new() {
+                                                                              { "windows nt 10.0", "Windows 10" }
+                                                                            , { "windows nt 6.3", "Windows 8.1" }
+                                                                            , { "windows nt 6.2", "Windows 8" }
+                                                                            , { "windows nt 6.1", "Windows 7" }
+                                                                            , { "windows nt 6.0", "Windows Vista" }
+                                                                            , { "windows nt 5.2", "Windows 2003" }
+                                                                            , { "windows nt 5.1", "Windows XP" }
+                                                                            , { "windows nt 5.0", "Windows 2000" }
+                                                                            , { "windows nt 4.0", "Windows NT 4.0" }
+                                                                            , { "winnt4.0", "Windows NT 4.0" }
+                                                                            , { "winnt 4.0", "Windows NT" }
+                                                                            , { "winnt", "Windows NT" }
+                                                                            , { "windows 98", "Windows 98" }
+                                                                            , { "win98", "Windows 98" }
+                                                                            , { "windows 95", "Windows 95" }
+                                                                            , { "win95", "Windows 95" }
+                                                                            , { "windows phone", "Windows Phone" }
+                                                                            , { "windows", "Unknown Windows OS" }
+                                                                            , { "android", "Android" }
+                                                                            , { "blackberry", "BlackBerry" }
+                                                                            , { "iphone", "iOS" }
+                                                                            , { "ipad", "iOS" }
+                                                                            , { "ipod", "iOS" }
+                                                                            , { "os x", "Mac OS X" }
+                                                                            , { "ppc mac", "Power PC Mac" }
+                                                                            , { "freebsd", "FreeBSD" }
+                                                                            , { "ppc", "Macintosh" }
+                                                                            , { "linux", "Linux" }
+                                                                            , { "debian", "Debian" }
+                                                                            , { "sunos", "Sun Solaris" }
+                                                                            , { "beos", "BeOS" }
+                                                                            , { "apachebench", "ApacheBench" }
+                                                                            , { "aix", "AIX" }
+                                                                            , { "irix", "Irix" }
+                                                                            , { "osf", "DEC OSF" }
+                                                                            , { "hp-ux", "HP-UX" }
+                                                                            , { "netbsd", "NetBSD" }
+                                                                            , { "bsdi", "BSDi" }
+                                                                            , { "openbsd", "OpenBSD" }
+                                                                            , { "gnu", "GNU/Linux" }
+                                                                            , { "unix", "Unknown Unix OS" }
+                                                                            , { "symbian", "Symbian OS" }
+                                                                          };
+
+    private static readonly Dictionary<string, string> _robots = new() {
+                                                                           { "googlebot", "Googlebot" }
+                                                                         , { "msnbot", "MSNBot" }
+                                                                         , { "baiduspider", "Baiduspider" }
+                                                                         , { "bingbot", "Bing" }
+                                                                         , { "slurp", "Inktomi Slurp" }
+                                                                         , { "yahoo", "Yahoo" }
+                                                                         , { "ask jeeves", "Ask Jeeves" }
+                                                                         , { "fastcrawler", "FastCrawler" }
+                                                                         , { "infoseek", "InfoSeek Robot 1.0" }
+                                                                         , { "lycos", "Lycos" }
+                                                                         , { "yandex", "YandexBot" }
+                                                                         , {
+                                                                               "mediapartners-google"
+                                                                             , "MediaPartners Google"
+                                                                           }
+                                                                         , { "CRAZYWEBCRAWLER", "Crazy Webcrawler" }
+                                                                         , { "adsbot-google", "AdsBot Google" }
+                                                                         , {
+                                                                               "feedfetcher-google"
+                                                                             , "Feedfetcher Google"
+                                                                           }
+                                                                         , { "curious george", "Curious George" }
+                                                                         , { "ia_archiver", "Alexa Crawler" }
+                                                                         , { "MJ12bot", "Majestic-12" }
+                                                                         , { "Uptimebot", "Uptimebot" }
+                                                                       };
+
+    private readonly string _agent;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="UserAgentParser" /> class.
+    /// </summary>
+    private UserAgentParser(string userAgentString)
+    {
+        _agent = userAgentString.Trim();
+        _      = SetPlatform();
+        if (SetRobot()) {
+            return;
+        }
+
+        if (SetBrowser()) {
+            return;
+        }
+
+        if (SetMobile()) {
+            //
+        }
+    }
+
+    /// <summary>
+    ///     浏览器
+    /// </summary>
+    public string Browser { get; set; } = string.Empty;
+
+    /// <summary>
+    ///     浏览器版本
+    /// </summary>
+    public string BrowserVersion { get; set; } = string.Empty;
+
+    /// <summary>
+    ///     是浏览器
+    /// </summary>
+    public bool IsBrowser { get; set; }
+
+    /// <summary>
+    ///     是手机
+    /// </summary>
+    public bool IsMobile { get; set; }
+
+    /// <summary>
+    ///     是机器人
+    /// </summary>
+    public bool IsRobot { get; set; }
+
+    /// <summary>
+    ///     手机
+    /// </summary>
+    public string Mobile { get; set; } = string.Empty;
+
+    /// <summary>
+    ///     平台
+    /// </summary>
+    public string Platform { get; set; } = string.Empty;
+
+    /// <summary>
+    ///     机器人
+    /// </summary>
+    public string Robot { get; set; } = string.Empty;
+
+    /// <summary>
+    ///     创建 UserAgentParser
+    /// </summary>
+    public static UserAgentParser Create(string userAgentString)
+    {
+        return new UserAgentParser(userAgentString);
+    }
+
+    private bool SetBrowser()
+    {
+        foreach (var item in _browsers) {
+            var match = Regex.Match(_agent, $@"{item.Key}.*?([0-9\.]+)", RegexOptions.IgnoreCase);
+            if (!match.Success) {
+                continue;
+            }
+
+            IsBrowser      = true;
+            BrowserVersion = match.Groups[1].Value;
+            Browser        = item.Value;
+            _              = SetMobile();
+            return true;
+        }
+
+        return false;
+    }
+
+    private bool SetMobile()
+    {
+        foreach (var item in _mobiles) {
+            if (_agent.IndexOf(item.Key, StringComparison.OrdinalIgnoreCase) != -1) {
+                IsMobile = true;
+                Mobile   = item.Value;
+                return true;
+            }
+        }
+
+        return false;
+    }
+
+    private bool SetPlatform()
+    {
+        #pragma warning disable S3267
+        foreach (var item in _platforms) {
+            #pragma warning restore S3267
+            if (!Regex.IsMatch(_agent, $"{Regex.Escape(item.Key)}", RegexOptions.IgnoreCase)) {
+                continue;
+            }
+
+            Platform = item.Value;
+            return true;
+        }
+
+        Platform = "Unknown Platform";
+        return false;
+    }
+
+    private bool SetRobot()
+    {
+        #pragma warning disable S3267
+        foreach (var item in _robots) {
+            #pragma warning restore S3267
+            if (Regex.IsMatch(_agent, $"{Regex.Escape(item.Key)}", RegexOptions.IgnoreCase)) {
+                IsRobot = true;
+                Robot   = item.Value;
+                _       = SetMobile();
+                return true;
+            }
+        }
+
+        return false;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/Utils/XmlCommentReader.cs b/src/backend/NetAdmin.Infrastructure/Utils/XmlCommentReader.cs
new file mode 100644
index 00000000..42873e02
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/Utils/XmlCommentReader.cs
@@ -0,0 +1,95 @@
+using System.Xml;
+
+namespace NetAdmin.Infrastructure.Utils;
+
+/// <summary>
+///     程序集注释文档读取工具
+/// </summary>
+public sealed class XmlCommentReader : ISingleton
+{
+    private const    string            _XPATH        = "//doc/members/member[@name=\"{0}\"]";
+    private readonly List<XmlDocument> _xmlDocuments = new();
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="XmlCommentReader" /> class.
+    /// </summary>
+    public XmlCommentReader(IOptions<SpecificationDocumentSettingsOptions> specificationDocumentSettings)
+    {
+        var xmlComments = specificationDocumentSettings.Value.XmlComments //
+                          ?? App.GetConfig<SpecificationDocumentSettingsOptions>(
+                                    nameof(SpecificationDocumentSettingsOptions).TrimEndOptions())
+                                .XmlComments;
+        foreach (var commentFile in xmlComments.Where(x => x.Contains(nameof(NetAdmin)))) {
+            var xmlDoc = new XmlDocument();
+            try {
+                xmlDoc.Load(Path.Combine(AppDomain.CurrentDomain.BaseDirectory, commentFile));
+                _xmlDocuments.Add(xmlDoc);
+            }
+            catch (FileNotFoundException) {
+                LogHelper.Get<XmlCommentReader>().Warn(Ln.Xml注释文件不存在);
+            }
+        }
+    }
+
+    /// <summary>
+    ///     获取指定类型的注释
+    /// </summary>
+    /// <exception cref="InvalidCastException">InvalidCastException</exception>
+    public string GetComments(MemberInfo memberInfo)
+    {
+        var node = memberInfo switch {
+                       MethodInfo method => GetNodeByMethod(method)
+                     , Type type         => GetNodeByType(type)
+                     , _                 => throw new InvalidCastException()
+                   };
+
+        if (node?.FirstChild?.Name != "inheritdoc") {
+            return node?.FirstChild?.InnerText.Trim();
+        }
+
+        var cref = node.FirstChild.Attributes?["cref"]?.Value;
+        if (cref != null) {
+            return GetComments(App.EffectiveTypes.Single(x => x.FullName == cref[2..]));
+        }
+
+        var methodFromBaseType = memberInfo.DeclaringType?.BaseType?.GetMethod(memberInfo.Name);
+
+        if (methodFromBaseType != null) {
+            return GetComments(methodFromBaseType);
+        }
+
+        var methodFromInterface = memberInfo.DeclaringType?.GetInterfaces()
+                                            .Select(x => x.GetMethod(memberInfo.Name))
+                                            .FirstOrDefault(x => x != null);
+        return methodFromInterface == null ? null : GetComments(methodFromInterface);
+    }
+
+    private XmlNode GetNodeByMethod(MethodInfo method)
+    {
+        static string Replace(ParameterInfo parameterInfo)
+        {
+            return Regex.Replace(parameterInfo.ParameterType.ToString(), @"`\d+", string.Empty)
+                        .Replace("[", "{")
+                        .Replace("]", "}");
+        }
+
+        var nodeName   = $"M:{method.DeclaringType}.{method.Name}";
+        var parameters = method.GetParameters();
+        if (parameters.Length != 0) {
+            nodeName += $"({string.Join(',', parameters.Select(Replace))})";
+        }
+
+        return _xmlDocuments
+               .Select(xmlDoc => xmlDoc.SelectSingleNode(
+                           string.Format(NumberFormatInfo.InvariantInfo, _XPATH, nodeName)))
+               .FirstOrDefault(ret => ret != null);
+    }
+
+    private XmlNode GetNodeByType(Type type)
+    {
+        return _xmlDocuments
+               .Select(xmlDoc => xmlDoc.SelectSingleNode(
+                           string.Format(NumberFormatInfo.InvariantInfo, _XPATH, $"T:{type.FullName}")))
+               .FirstOrDefault(ret => ret != null);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/commonSettings.Development.json b/src/backend/NetAdmin.Infrastructure/commonSettings.Development.json
new file mode 100644
index 00000000..4874d4e4
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/commonSettings.Development.json
@@ -0,0 +1,25 @@
+{
+  "$schema": "https://gitee.com/dotnetchina/Furion/raw/v4/schemas/v4/furion-schema.json",
+  "AppSettings": {
+    "InjectSpecificationDocument": true,
+    "InjectMiniProfiler": true
+  },
+  "Redis": {
+    "Instances": [
+      // 数据缓存
+      {
+        "Name": "DataCache",
+        "ConnStr": "localhost:6379",
+        "Database": 0
+      }
+    ]
+  },
+  "JWTSettings": {
+    "ExpiredTime": 20000
+  },
+  "Logging": {
+    "LogLevel": {
+      "Default": "Debug",
+    },
+  },
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/commonSettings.Test.json b/src/backend/NetAdmin.Infrastructure/commonSettings.Test.json
new file mode 100644
index 00000000..cbd707f3
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/commonSettings.Test.json
@@ -0,0 +1,25 @@
+{
+  "$schema": "https://gitee.com/dotnetchina/Furion/raw/v4/schemas/v4/furion-schema.json",
+  "AppSettings": {
+    "InjectSpecificationDocument": true,
+    "InjectMiniProfiler": true
+  },
+  "Redis": {
+    "Instances": [
+      // 数据缓存
+      {
+        "Name": "DataCache",
+        "ConnStr": "localhost:6379",
+        "Database": 0
+      }
+    ]
+  },
+  "JWTSettings": {
+    "ExpiredTime": 20000
+  },
+  "Logging": {
+    "LogLevel": {
+      "Default": "Debug",
+    },
+  }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.Infrastructure/commonSettings.json b/src/backend/NetAdmin.Infrastructure/commonSettings.json
new file mode 100644
index 00000000..bc205704
--- /dev/null
+++ b/src/backend/NetAdmin.Infrastructure/commonSettings.json
@@ -0,0 +1,332 @@
+{
+  "$schema": "https://gitee.com/dotnetchina/Furion/raw/v4/schemas/v4/furion-schema.json",
+  // App基本配置
+  "AppSettings": {
+    //  AppSettings：配置根节点
+    //  InjectMiniProfiler：是否注入 MiniProfiler，bool 类型，默认 true，关闭 Swagger 左上角监听
+    //  InjectSpecificationDocument：是否启用 Swagger 文档，bool 类型，默认 true，生产环境可关闭
+    //  EnabledReferenceAssemblyScan：是否启用通过 dll 方式添加的引用程序集扫描，bool 类型，默认 false
+    //  ExternalAssemblies：配置外部程序集完整路径，支持动态加载，string[] 类型，默认 []
+    //  PrintDbConnectionInfo：是否打印数据库连接信息到 MiniProfiler 中，bool 类型，默认 true
+    //  SupportPackageNamePrefixs：配置支持的包前缀名，string[] 类型，默认 []
+    //  OutputOriginalSqlExecuteLog：是否输出原始 Sql 执行日志（ADO.NET），默认 true
+    //  VirtualPath：配置虚拟目录，必须以 / 开头
+    "InjectSpecificationDocument": false,
+    "InjectMiniProfiler": false
+  },
+  //  Swagger文档配置 ------------------------------------------------------------------------------
+  "SpecificationDocumentSettings": {
+    //  DocumentTitle：文档标题，string，默认 Specification Api Document
+    //  DefaultGroupName：默认分组名，string，默认 Default
+    //  EnableAuthorized：是否启用权限控制，bool，默认 true
+    //  FormatAsV2：采用 Swagger 2.0 版本，bool，默认 false 已弃用
+    //  RoutePrefix：规范化文档地址，string，默认 api，如果希望在首页，改为空字符串即可。
+    //  DocExpansionState：文档显示方式，DocExpansion，默认 List，取值：
+    //  List：列表式（展开子类），默认值
+    //  Full：完全展开
+    //  None：列表式（不展开子类）
+    //  XmlComments：程序集注释描述文件名（可带 .xml，string，默认 Furion.Application, Furion.Web.Entry, Furion.Web.Core
+    //  GroupOpenApiInfos：分组信息配置，SpecificationOpenApiInfo[]，默认 { 'Group': 'Default'}
+    //  SecurityDefinitions：安全策略定义配置，SpecificationOpenApiSecurityScheme[]，默认 []
+    //  Servers：配置 Server 下拉列表，OpenApiServer[] 类型，默认 []，如：{Servers:[ { Url:"地址", Description:"描述"} ]}
+    //  HideServers：是否隐藏 Server 下拉列表，bool 类型，默认 true
+    //  RouteTemplate：配置文档 swagger.json 路由模板，默认模板：swagger/{documentName}/swagger.json, {documentName} 代表分组名，必须保留原样
+    //  PackagesGroups：配置模块化内置分组名称，string[] 类型，默认 []
+    //  EnableEnumSchemaFilter：启用枚举 Schema 筛选器，bool 类型，默认 true
+    //  EnableTagsOrderDocumentFilter：启用标签排序筛选器，bool 类型，默认 true
+    //  ServerDir：配置 IIS 添加 Application 部署名，string 类型，默认空，仅在 Furion v3.2.0+` 有效
+    //  LoginInfo：配置 Swagger 是否需要登录才能访问，SpecificationLoginInfo 类型，默认 null，仅在 Furion v3.3.3+` 有效
+    //  Enabled：是否启用登录授权，默认 false
+    //  CheckUrl：检查登录状态的 Url 地址，该地址必须是 POST 请求，已授权返回 200，否则返回 401
+    //  SubmitUrl：提交登录的 Url 地址，该地址必须是 POST 请求且只有一个 SpecificationAuth 类型参数，成功登录返回 200，否则返回 401，支持相对地址，以 / 开头
+    //  EnableAllGroups：启用 Swagger 总分组功能，自动将所有分组的接口合并到 All Groups 中，bool 类型，默认 false，仅在 Furion v3.3.4+` 有效
+    //  另外 SpecificationOpenApiInfo 内置配置如下：
+    //
+    //  Group：分组唯一标识，string 类型，必填
+    //  Order：分组排序，int 类型，数字越大排前面，默认 0
+    //  Visible：配置分组是否可见，bool 类型，默认 true
+    //  Title：配置分组标题，string 类型
+    //  Description：配置分组描述，string 类型
+    //  Version：配置分组版本，默认 1.0
+    //  TermsOfService：配置相关链接地址，Uri 类型
+    //  Contact：配置联系方式，OpenApiContact 类型
+    //  License：配置协议，OpenApiLicense 类型
+    "EnableEnumSchemaFilter": false,
+    "EnableAuthorized": false,
+    "RoutePrefix": "swagger",
+    "XmlComments": [
+      "FreeSql.xml",
+      "NetAdmin.Application.xml",
+      "NetAdmin.BizServer.Application.xml",
+      "NetAdmin.BizServer.Cache.xml",
+      "NetAdmin.BizServer.Host.xml",
+      "NetAdmin.Cache.xml",
+      "NetAdmin.Domain.xml",
+      "NetAdmin.Host.xml",
+      "NetAdmin.Infrastructure.xml",
+      "NetAdmin.ScheduledService.xml",
+      "NetAdmin.SysComponent.Application.xml",
+      "NetAdmin.SysComponent.Cache.xml",
+      "NetAdmin.SysComponent.Host.xml",
+    ]
+  },
+  // 验证码配置 --------------------------------------------------------------------------------------------------------
+  "Captcha": {
+    "ImageRelativePath": ".data/captcha",
+    "SecretKey": "1Z?f(2)%v?:X5NYRl+]PSi.rDf7Ip#lB"
+  },
+  // 跨域配置 ----------------------------------------------------------------------------------------------------------
+  "CorsAccessorSettings": {
+    //  CorsAccessorSettings
+    //  PolicyName：跨域策略名，string 类型，必填，默认 App.Cors.Policy
+    //  WithOrigins：允许跨域的域名列表，string[] 类型，默认 *
+    //  WithHeaders：请求表头，没有配置则允许所有表头，string[] 类型
+    //  WithExposedHeaders：设置客户端可获取的响应标头，string[] 类型，默认 ["access-token", "x-access-token"]
+    //  WithMethods：设置跨域允许请求谓词，没有配置则允许所有，string[] 类型
+    //  AllowCredentials：是否允许跨域请求中的凭据，bool 类型，默认值 true
+    //  SetPreflightMaxAge：设置预检过期时间，int 类型，默认值 24小时
+    //  FixedClientToken：是否默认配置 WithExposedHeaders，bool 类型，默认 true
+    //  SignalRSupport：是否启用 SignalR 跨域支持，bool 类型，默认 false
+    "WithExposedHeaders": [
+      "access-token",
+      "x-access-token",
+      "content-disposition"
+    ]
+  },
+  // 数据库配置 --------------------------------------------------------------------------------------------------------
+  "Database": {
+    "DbType": "Sqlite",
+    "ConnStr": "data source=../../../assets/NetAdmin.db",
+    "SeedDataRelativePath": "SeedData"
+  },
+  // 动态webapi配置 ----------------------------------------------------------------------------------------------------
+  "DynamicApiControllerSettings": {
+    //  5.1.10 DynamicApiControllerSettings 配置
+    //  Furion 还提供动态 WebAPI 接口一些全局配置选项，如：
+    //
+    //  DefaultRoutePrefix：默认路由前缀，string，默认 api
+    //  DefaultHttpMethod：默认请求谓词，string，默认：POST
+    //  DefaultModule：默认模块名称（区域），可用作接口版本，string，默认：v1
+    //  LowercaseRoute：小写路由格式，bool，默认：true
+    //  AsLowerCamelCase：启用小驼峰命名（首字母小写），默认 false
+    //  KeepVerb：是否保留动作谓词，bool，默认：false
+    //  KeepName：是否保留默认名称，bool，默认：fasle
+    //  CamelCaseSeparator：骆驼(驼峰)/帕斯卡命名分隔符，string，默认：-
+    //  VersionSeparator：版本分隔符，string，默认：@
+    //  ModelToQuery：GET/HEAD 请求将 类类型参数转查询参数，bool，默认 false
+    //  SupportedMvcController：是否支持 Mvc Controller 动态配置，bool，默认 false
+    //  UrlParameterization：路由参数采用 [FromQuery] 化，默认 false（[FromRoute] 方式）
+    //  DefaultArea：配置默认区域，默认 null
+    //  ForceWithRoutePrefix：配置是否强制添加 DefaultRoutePrefix，当控制器自定义了 [Route] 有效，仅限 v3.4.1+版本有效
+    //  AbandonControllerAffixes：默认去除控制器名称前后缀列表名，string[]，默认：
+    //  AppServices
+    //  AppService
+    //  ApiController
+    //  Controller
+    //  Services
+    //  Service
+    //  AbandonActionAffixes：默认去除动作方法名称前后缀列表名，string[]，默认：
+    //  Async
+    //  VerbToHttpMethods：复写默认方法名转 [HttpMethod] 规则，string[][] 二维数组类型，内置匹配规则为：
+    //  ["post"] = "POST",
+    //  ["add"] = "POST",
+    //  ["create"] = "POST",
+    //  ["insert"] = "POST",
+    //  ["submit"] = "POST",
+    //  ["get"] = "GET",
+    //  ["find"] = "GET",
+    //  ["fetch"] = "GET",
+    //  ["query"] = "GET",
+    //  ["getlist"] = "GET",
+    //  ["getall"] = "GET",
+    //  ["put"] = "PUT",
+    //  ["update"] = "PUT",
+    //  ["delete"] = "DELETE",
+    //  ["remove"] = "DELETE",
+    //  ["clear"] = "DELETE",
+    //  ["patch"] = "PATCH"
+    //
+    //  复写示例
+    //  "DynamicApiControllerSettings": {
+    //  "VerbToHttpMethods": [
+    //  [ "getall", "HEAD" ],  // => getall 会被复写为 `[HttpHead]`
+    //  [ "other", "PUT" ]  // => 新增一条新规则，比如，一 `[other]` 开头会转换为 `[HttpPut]` 请求
+    //  ]
+    //  }
+    //        "DefaultRoutePrefix": "rest",
+    "VerbToHttpMethods": [
+      [
+        "post",
+        "POST"
+      ],
+      [
+        "add",
+        "POST"
+      ],
+      [
+        "create",
+        "POST"
+      ],
+      [
+        "insert",
+        "POST"
+      ],
+      [
+        "submit",
+        "POST"
+      ],
+      [
+        "get",
+        "POST"
+      ],
+      [
+        "find",
+        "POST"
+      ],
+      [
+        "fetch",
+        "POST"
+      ],
+      [
+        "query",
+        "POST"
+      ],
+      [
+        "getlist",
+        "POST"
+      ],
+      [
+        "getall",
+        "POST"
+      ],
+      [
+        "put",
+        "POST"
+      ],
+      [
+        "update",
+        "POST"
+      ],
+      [
+        "delete",
+        "POST"
+      ],
+      [
+        "remove",
+        "POST"
+      ],
+      [
+        "clear",
+        "POST"
+      ],
+      [
+        "patch",
+        "POST"
+      ]
+    ],
+    "CamelCaseSeparator": ".",
+    "UrlParameterization": true,
+    "KeepVerb": true,
+    "AbandonControllerAffixes": [
+      "Controller"
+    ],
+  },
+  // 友好异常配置 -------------------------------------------------------------------------------------------------------
+  "FriendlyExceptionSettings": {
+    //  7.15 FriendlyExceptionSettings 配置
+    //        HideErrorCode：隐藏错误码，bool 类型，默认 false
+    //        DefaultErrorCode：默认错误码，string 类型
+    //        DefaultErrorMessage：默认错误消息，string 类型
+    //        ThrowBah：是否将 Oops.Oh 默认抛出为业务异常，bool 类型，默认 false，设置 true 之后 Oops.Oh 默认进入 OnValidateFailed 处理，而不是 OnException
+    //        LogError：是否输出异常日志，bool 类型，默认 true
+    "LogError": false
+  },
+  // JWT鉴权配置 -------------------------------------------------------------------------------------------------------
+  "JWTSettings": {
+    "ValidateIssuerSigningKey": true,
+    // 是否验证密钥，bool 类型，默认true
+    "IssuerSigningKey": "bO0BCAGxpxYnm6AE4XpgO25T27NayFzjGgfDqBuzUzD6ROpFiZUi3KjVg93bdGek",
+    // 密钥，string 类型，必须是复杂密钥，长度大于16
+    "ValidateIssuer": true,
+    // 是否验证签发方，bool 类型，默认true
+    "ValidIssuer": "签发方",
+    // 签发方，string 类型
+    "ValidateAudience": true,
+    // 是否验证签收方，bool 类型，默认true
+    "ValidAudience": "签收方",
+    // 签收方，string 类型
+    "ValidateLifetime": true,
+    // 是否验证过期时间，bool 类型，默认true，建议true
+    "ExpiredTime": 20,
+    // 过期时间，long 类型，单位分钟，默认20分钟
+    "ClockSkew": 5,
+    // 过期时间容错值，long 类型，单位秒，默认 5秒
+    "Algorithm": "HS256"
+    // 加密算法，string 类型，默认 HS256
+  },
+  // 日志配置 ----------------------------------------------------------------------------------------------------------
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning",
+      "System.Logging.EventBusService": "Error"
+    },
+    "Monitor": {
+      "GlobalEnabled": true,
+      // 是否启用全局拦截，默认 `false`
+      //      "IncludeOfMethods": [], // 是否指定拦截特定方法，当 GlobalEnabled: false 有效
+      //      "ExcludeOfMethods": [], // 是否指定排除特定方法，当 GlobalEnabled: true 有效
+      //      "BahLogLevel": "Information", // 配置 Oops.Oh 和 Oops.Bah 业务日志输出级别，默认 Information
+      //      "WithReturnValue": true, // 配置是否包含返回值，默认 `true`，Furion 4.3.9+ 有效
+      "ReturnValueThreshold": 1000
+      // 配置返回值字符串阈值，默认 0，全量输出，Furion 4.3.9+ 有效
+      //      "JsonBehavior": "None", // 配置 LoggingMonitor Json 输出行为，默认 None，Furion 4.5.2+ 有效
+      //      "MethodsSettings": [
+      //        // 配置被监视方法更多信息，Furion 4.3.9+ 有效
+      //        {
+      //          "FullName": "Furion.Application.TestLoggerServices.MethodName", // 方法完全限定名
+      //          "WithReturnValue": true, // 配置是否包含返回值，默认 `true`，Furion 4.3.9+ 有效
+      //          "ReturnValueThreshold": 0 // 配置返回值字符串阈值，默认 0，全量输出，Furion 4.3.9+ 有效
+      //        }
+      //      ]
+    }
+  },
+  // Redis配置 --------------------------------------------------------------------------------------------------------
+  "Redis": {
+    "Instances": [
+      // 数据缓存
+      {
+        "Name": "DataCache",
+        "ConnStr": "localhost:6379",
+        "Database": 0
+      }
+    ]
+  },
+  // UnifyResultSettings 规范化配置 ------------------------------------------------------------------------------------
+  "UnifyResultSettings": {
+    //  Return200StatusCodes：配置返回 200 状态码的请求，int[] 类型，只支持 400+(404除外) 状态码篡改
+    //  AdaptStatusCodes：配置篡改状态码规则，int[][] 类型，只支持 400+(404除外) 状态码篡改
+    //  SupportMvcController：是否支持 MVC 控制台规范化处理，bool 类型，默认 false
+    "Return200StatusCodes": [
+      999
+    ],
+  },
+  // 文件上传配置 -------------------------------------------------------------------------------------------------------
+  "Upload": {
+    "ContentTypes": [
+      "image/jpg",
+      "image/png",
+      "image/jpeg",
+      "image/gif"
+    ],
+    "MaxSize": 1073741824,
+    "Minio": {
+      "ServerAddress": "vm-ubt-1:9000",
+      "AccessKey": "nVMM0gSqwyIjM8iZ",
+      "SecretKey": "F8OZngGrNsZSYn4MP9swwMSf5rfm61EC",
+      "BucketName": "net-admin",
+      "AccessUrl": "http://vm-ubt-1:9000",
+      "Secure": false,
+    }
+  },
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.ScheduledService/Extensions/ServiceCollectionExtensions.cs b/src/backend/NetAdmin.ScheduledService/Extensions/ServiceCollectionExtensions.cs
new file mode 100644
index 00000000..d8825491
--- /dev/null
+++ b/src/backend/NetAdmin.ScheduledService/Extensions/ServiceCollectionExtensions.cs
@@ -0,0 +1,50 @@
+using Furion.Schedule;
+using NetAdmin.Domain.Contexts;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.Enums.Sys;
+using NetAdmin.Host.Extensions;
+using NetAdmin.ScheduledService.Jobs;
+
+namespace NetAdmin.ScheduledService.Extensions;
+
+/// <summary>
+///     ServiceCollection 扩展方法
+/// </summary>
+[SuppressSniffer]
+public static class ServiceCollectionExtensions
+{
+    /// <summary>
+    ///     注册FreeSql
+    /// </summary>
+    public static IServiceCollection AddFreeSql(this IServiceCollection me)
+    {
+        _ = me.AddFreeSql( //
+            FreeSqlInitOptions.SyncStructure | FreeSqlInitOptions.InsertSeedData, freeSql => {
+                // 数据权限过滤器
+                _ = freeSql.GlobalFilter.ApplyOnlyIf<IFieldOwner>( //
+                    Chars.FLG_GLOBAL_FILTER_DATA
+                  , () => ContextUserInfo.Create()?.Roles.All(x => x.DataScope == DataScopes.Self) ?? false
+                  , a => a.OwnerId == ContextUserInfo.Create().Id);
+            });
+        return me;
+    }
+
+    /// <summary>
+    ///     注册定时任务
+    /// </summary>
+    public static IServiceCollection AddSchedules(this IServiceCollection me)
+    {
+        _ = me.AddSchedule(    //
+            builder => builder //
+                .AddJob<ExampleJob>(false, Triggers.Minutely().SetRunOnStart(true))
+
+            // .AddJob<ExampleJob2>(false, Triggers.PeriodSeconds(10).SetRunOnStart(true))
+            // .AddJob<ExampleJob3>(false, Triggers.PeriodSeconds(10).SetRunOnStart(true))
+
+            //
+            #pragma warning disable SA1009, SA1111
+        );
+        #pragma warning restore SA1111, SA1009
+        return me;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.ScheduledService/Jobs/ExampleJob.cs b/src/backend/NetAdmin.ScheduledService/Jobs/ExampleJob.cs
new file mode 100644
index 00000000..50044e5c
--- /dev/null
+++ b/src/backend/NetAdmin.ScheduledService/Jobs/ExampleJob.cs
@@ -0,0 +1,34 @@
+using Furion.Schedule;
+using NetAdmin.Host.BackgroundRunning;
+
+namespace NetAdmin.ScheduledService.Jobs;
+
+/// <summary>
+///     示例Job
+/// </summary>
+public sealed class ExampleJob : WorkBase<ExampleJob>, IJob
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ExampleJob" /> class.
+    /// </summary>
+    public ExampleJob() { }
+
+    /// <summary>
+    ///     具体处理逻辑
+    /// </summary>
+    /// <param name="context">作业执行前上下文</param>
+    /// <param name="stoppingToken">取消任务 Token</param>
+    /// <exception cref="NetAdminGetLockerException">加锁失败异常</exception>
+    public async Task ExecuteAsync(JobExecutingContext context, CancellationToken stoppingToken)
+    {
+        await WorkflowAsync(stoppingToken);
+    }
+
+    /// <summary>
+    ///     通用工作流
+    /// </summary>
+    protected override ValueTask WorkflowAsync(CancellationToken cancelToken)
+    {
+        return ValueTask.CompletedTask;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.ScheduledService/NetAdmin.ScheduledService.csproj b/src/backend/NetAdmin.ScheduledService/NetAdmin.ScheduledService.csproj
new file mode 100644
index 00000000..cb796d2f
--- /dev/null
+++ b/src/backend/NetAdmin.ScheduledService/NetAdmin.ScheduledService.csproj
@@ -0,0 +1,15 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+    <Import Project="$(SolutionDir)/CodeQuality.props"/>
+    <ItemGroup>
+        <ProjectReference Include="../NetAdmin.Host/NetAdmin.Host.csproj"/>
+        <ProjectReference Include="..\NetAdmin.BizServer.Application\NetAdmin.BizServer.Application.csproj"/>
+    </ItemGroup>
+    <ItemGroup>
+        <PackageReference Include="MsieJavaScriptEngine" Version="3.2.2"/>
+    </ItemGroup>
+    <ItemGroup>
+        <None Update="*.json">
+            <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+        </None>
+    </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/src/backend/NetAdmin.ScheduledService/Properties/launchSettings.json b/src/backend/NetAdmin.ScheduledService/Properties/launchSettings.json
new file mode 100644
index 00000000..be13b02f
--- /dev/null
+++ b/src/backend/NetAdmin.ScheduledService/Properties/launchSettings.json
@@ -0,0 +1,14 @@
+{
+  "$schema": "https://json.schemastore.org/launchsettings.json",
+  "profiles": {
+    "NetAdmin.ScheduledService": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchUrl": "http://localhost:65080",
+      "applicationUrl": "http://[::]:65080",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.ScheduledService/Startup.cs b/src/backend/NetAdmin.ScheduledService/Startup.cs
new file mode 100644
index 00000000..f7428792
--- /dev/null
+++ b/src/backend/NetAdmin.ScheduledService/Startup.cs
@@ -0,0 +1,68 @@
+using NetAdmin.Host.Extensions;
+using NetAdmin.Host.Middlewares;
+using NetAdmin.ScheduledService.Extensions;
+using Prometheus;
+
+namespace NetAdmin.ScheduledService;
+
+/// <summary>
+///     启动类
+/// </summary>
+public sealed class Startup : Host.Startup
+{
+    /// <summary>
+    ///     程序入口
+    /// </summary>
+    public static void Main(string[] args)
+    {
+        ShowBanner();
+        _ = Serve.Run(RunOptions.Default.WithArgs(args));
+    }
+
+    /// <summary>
+    ///     配置应用程序中间件
+    /// </summary>
+    public void Configure(IApplicationBuilder app)
+    {
+        _ = app //
+            .UseRealIp() //                                                                     获取真实IP
+            .EnableBuffering() // /                                                             启用 Body 重读
+            .UseMiddleware<RequestAuditMiddleware>() //                                         请求审计
+            #if DEBUG
+            .UseOpenApiSkin() // /                                                              Swagger皮肤
+            #endif
+            .UseInject(string.Empty) // /                                            Furion脚手架
+            .UseUnifyResultStatusCodes() //                                                     状态码拦截
+            .UseCorsAccessor() //                                                               跨域访问
+            .UseRouting() //                                                                    路由映射
+            .UseHttpMetrics() //                                    性能监控
+            .UseMiddleware<RemoveNullNodeMiddleware>() //                                       删除json空节点
+            .UseEndpoints() // /                                                                执行匹配的端点
+
+            //
+            ;
+    }
+
+    /// <summary>
+    ///     配置服务容器
+    /// </summary>
+    public void ConfigureServices(IServiceCollection services)
+    {
+        _ = services.AddConsoleFormatter() // /                                      控制台日志模板
+                    .AddAllOptions()       // /                                      注册配置项
+                    .AddSnowflake()        // /                                      雪花编号生成器
+                    .AddEventBus()         //                                        事件总线
+                    .AddFreeSql()          //                                        freeSql
+                    .AddRemoteRequest()    //                                        注册远程请求
+                    .AddCorsAccessor()     //                                        支持跨域访问
+                    .AddRedisCache()       //                                        Redis缓存
+                    .AddContextUser()      //                                        上下文用户
+                    .AddSchedules()        //                                        计划任务
+
+                    // IMvcBuilder
+                    .AddControllers()             //                                   注册控制器
+                    .AddJsonSerializer()          //                                   json序列化配置
+                    .AddDefaultApiResultHandler() //                                   Api结果处理器
+            ;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.ScheduledService/settings.Development.json b/src/backend/NetAdmin.ScheduledService/settings.Development.json
new file mode 100644
index 00000000..9e26dfee
--- /dev/null
+++ b/src/backend/NetAdmin.ScheduledService/settings.Development.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.ScheduledService/settings.Test.json b/src/backend/NetAdmin.ScheduledService/settings.Test.json
new file mode 100644
index 00000000..9e26dfee
--- /dev/null
+++ b/src/backend/NetAdmin.ScheduledService/settings.Test.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.ScheduledService/settings.json b/src/backend/NetAdmin.ScheduledService/settings.json
new file mode 100644
index 00000000..496930a9
--- /dev/null
+++ b/src/backend/NetAdmin.ScheduledService/settings.json
@@ -0,0 +1,16 @@
+{
+  "$schema": "https://gitee.com/dotnetchina/Furion/raw/v4/schemas/v4/furion-schema.json",
+  "SpecificationDocumentSettings": {
+    "GroupOpenApiInfos": [
+      {
+        "Group": "Default",
+        "Title": "计划任务服务",
+        "Description": "NetAdmin - 计划任务服务",
+      },
+      {
+        "Group": "Health",
+        "Visible": false
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IApiModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IApiModule.cs
new file mode 100644
index 00000000..d31a9946
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IApiModule.cs
@@ -0,0 +1,20 @@
+using NetAdmin.Application.Modules;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Api;
+
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     接口模块
+/// </summary>
+public interface IApiModule : ICrudModule<CreateApiReq, QueryApiRsp // 创建类型
+  , QueryApiReq, QueryApiRsp                                        // 查询类型
+  , NopReq, NopReq                                                  // 修改类型
+  , DelReq                                                          // 删除类型
+>
+{
+    /// <summary>
+    ///     同步接口
+    /// </summary>
+    Task SyncAsync();
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/ICacheModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/ICacheModule.cs
new file mode 100644
index 00000000..4d164684
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/ICacheModule.cs
@@ -0,0 +1,20 @@
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Cache;
+
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     缓存模块
+/// </summary>
+public interface ICacheModule
+{
+    /// <summary>
+    ///     缓存统计
+    /// </summary>
+    Task<CacheStatisticsRsp> CacheStatisticsAsync();
+
+    /// <summary>
+    ///     获取所有缓存项
+    /// </summary>
+    PagedQueryRsp<GetAllEntriesRsp> GetAllEntries(PagedQueryReq<GetAllEntriesReq> req);
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/ICaptchaModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/ICaptchaModule.cs
new file mode 100644
index 00000000..a37af239
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/ICaptchaModule.cs
@@ -0,0 +1,19 @@
+using NetAdmin.Domain.Dto.Sys.Captcha;
+
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     人机验证模块
+/// </summary>
+public interface ICaptchaModule
+{
+    /// <summary>
+    ///     获取人机校验图
+    /// </summary>
+    Task<GetCaptchaRsp> GetCaptchaImageAsync();
+
+    /// <summary>
+    ///     完成人机校验
+    /// </summary>
+    Task<bool> VerifyCaptchaAsync(VerifyCaptchaReq req);
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IConfigModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IConfigModule.cs
new file mode 100644
index 00000000..37871bcd
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IConfigModule.cs
@@ -0,0 +1,20 @@
+using NetAdmin.Application.Modules;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Config;
+
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     配置模块
+/// </summary>
+public interface IConfigModule : ICrudModule<CreateConfigReq, QueryConfigRsp // 创建类型
+  , QueryConfigReq, QueryConfigRsp                                           // 查询类型
+  , UpdateConfigReq, QueryConfigRsp                                          // 修改类型
+  , DelReq                                                                   // 删除类型
+>
+{
+    /// <summary>
+    ///     获取最新有效配置
+    /// </summary>
+    Task<QueryConfigRsp> GetLatestConfigAsync();
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IConstantModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IConstantModule.cs
new file mode 100644
index 00000000..57057bff
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IConstantModule.cs
@@ -0,0 +1,27 @@
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     常量模块
+/// </summary>
+public interface IConstantModule
+{
+    /// <summary>
+    ///     获得常量字符串
+    /// </summary>
+    IDictionary<string, string> GetCharsDic();
+
+    /// <summary>
+    ///     获得公共枚举值
+    /// </summary>
+    IDictionary<string, Dictionary<string, string[]>> GetEnums();
+
+    /// <summary>
+    ///     获得本地化字符串
+    /// </summary>
+    IDictionary<string, string> GetLocalizedStrings();
+
+    /// <summary>
+    ///     获得数字常量表
+    /// </summary>
+    IDictionary<string, long> GetNumbersDic();
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IDeptModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IDeptModule.cs
new file mode 100644
index 00000000..91290f93
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IDeptModule.cs
@@ -0,0 +1,14 @@
+using NetAdmin.Application.Modules;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Dept;
+
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     部门模块
+/// </summary>
+public interface IDeptModule : ICrudModule<CreateDeptReq, QueryDeptRsp // 创建类型
+  , QueryDeptReq, QueryDeptRsp                                         // 查询类型
+  , UpdateDeptReq, QueryDeptRsp                                        // 修改类型
+  , DelReq                                                             // 删除类型
+> { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IDevModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IDevModule.cs
new file mode 100644
index 00000000..cb3c2092
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IDevModule.cs
@@ -0,0 +1,24 @@
+using NetAdmin.Domain.Dto.Sys.Dev;
+
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     开发模块
+/// </summary>
+public interface IDevModule
+{
+    /// <summary>
+    ///     生成后端代码
+    /// </summary>
+    Task GenerateCsCodeAsync(GenerateCsCodeReq req);
+
+    /// <summary>
+    ///     生成图标代码
+    /// </summary>
+    Task GenerateIconCodeAsync(GenerateIconCodeReq req);
+
+    /// <summary>
+    ///     生成接口代码
+    /// </summary>
+    Task GenerateJsCodeAsync();
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IDicCatalogModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IDicCatalogModule.cs
new file mode 100644
index 00000000..167dcc21
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IDicCatalogModule.cs
@@ -0,0 +1,14 @@
+using NetAdmin.Application.Modules;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Dic.Catalog;
+
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     字典目录模块
+/// </summary>
+public interface IDicCatalogModule : ICrudModule<CreateDicCatalogReq, QueryDicCatalogRsp // 创建类型
+  , QueryDicCatalogReq, QueryDicCatalogRsp                                               // 查询类型
+  , UpdateDicCatalogReq, QueryDicCatalogRsp                                              // 修改类型
+  , DelReq                                                                               // 删除类型
+> { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IDicContentModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IDicContentModule.cs
new file mode 100644
index 00000000..acda7e03
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IDicContentModule.cs
@@ -0,0 +1,14 @@
+using NetAdmin.Application.Modules;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Dic.Content;
+
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     字典内容模块
+/// </summary>
+public interface IDicContentModule : ICrudModule<CreateDicContentReq, QueryDicContentRsp // 创建类型
+  , QueryDicContentReq, QueryDicContentRsp                                               // 查询类型
+  , UpdateDicContentReq, QueryDicContentRsp                                              // 修改类型
+  , DelReq                                                                               // 删除类型
+> { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IDicModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IDicModule.cs
new file mode 100644
index 00000000..82e8b029
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IDicModule.cs
@@ -0,0 +1,71 @@
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Dic.Catalog;
+using NetAdmin.Domain.Dto.Sys.Dic.Content;
+
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     字典模块
+/// </summary>
+public interface IDicModule
+{
+    /// <summary>
+    ///     批量删除字典目录
+    /// </summary>
+    Task<int> BulkDeleteCatalogAsync(BulkReq<DelReq> req);
+
+    /// <summary>
+    ///     批量删除字典内容
+    /// </summary>
+    Task<int> BulkDeleteContentAsync(BulkReq<DelReq> req);
+
+    /// <summary>
+    ///     创建字典目录
+    /// </summary>
+    Task<QueryDicCatalogRsp> CreateCatalogAsync(CreateDicCatalogReq req);
+
+    /// <summary>
+    ///     创建字典内容
+    /// </summary>
+    Task<QueryDicContentRsp> CreateContentAsync(CreateDicContentReq req);
+
+    /// <summary>
+    ///     删除字典目录
+    /// </summary>
+    Task<int> DeleteCatalogAsync(DelReq req);
+
+    /// <summary>
+    ///     删除字典内容
+    /// </summary>
+    Task<int> DeleteContentAsync(DelReq req);
+
+    /// <summary>
+    ///     分页查询字典目录
+    /// </summary>
+    Task<PagedQueryRsp<QueryDicCatalogRsp>> PagedQueryCatalogAsync(PagedQueryReq<QueryDicCatalogReq> req);
+
+    /// <summary>
+    ///     分页查询字典内容
+    /// </summary>
+    Task<PagedQueryRsp<QueryDicContentRsp>> PagedQueryContentAsync(PagedQueryReq<QueryDicContentReq> req);
+
+    /// <summary>
+    ///     查询字典目录
+    /// </summary>
+    Task<IEnumerable<QueryDicCatalogRsp>> QueryCatalogAsync(QueryReq<QueryDicCatalogReq> req);
+
+    /// <summary>
+    ///     查询字典内容
+    /// </summary>
+    Task<IEnumerable<QueryDicContentRsp>> QueryContentAsync(QueryReq<QueryDicContentReq> req);
+
+    /// <summary>
+    ///     更新字典目录
+    /// </summary>
+    Task<QueryDicCatalogRsp> UpdateCatalogAsync(UpdateDicCatalogReq req);
+
+    /// <summary>
+    ///     更新字典内容
+    /// </summary>
+    Task<QueryDicContentRsp> UpdateContentAsync(UpdateDicContentReq req);
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IFileModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IFileModule.cs
new file mode 100644
index 00000000..c6c54631
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IFileModule.cs
@@ -0,0 +1,12 @@
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     文件模块
+/// </summary>
+public interface IFileModule
+{
+    /// <summary>
+    ///     文件上传
+    /// </summary>
+    Task<string> UploadAsync(IFormFile file);
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IMenuModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IMenuModule.cs
new file mode 100644
index 00000000..a48668da
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IMenuModule.cs
@@ -0,0 +1,20 @@
+using NetAdmin.Application.Modules;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Menu;
+
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     菜单模块
+/// </summary>
+public interface IMenuModule : ICrudModule<CreateMenuReq, QueryMenuRsp // 创建类型
+  , QueryMenuReq, QueryMenuRsp                                         // 查询类型
+  , UpdateMenuReq, QueryMenuRsp                                        // 修改类型
+  , DelReq                                                             // 删除类型
+>
+{
+    /// <summary>
+    ///     当前用户菜单
+    /// </summary>
+    Task<IEnumerable<QueryMenuRsp>> UserMenusAsync();
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IRequestLogModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IRequestLogModule.cs
new file mode 100644
index 00000000..5b5e32c8
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IRequestLogModule.cs
@@ -0,0 +1,14 @@
+using NetAdmin.Application.Modules;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.RequestLog;
+
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     请求日志模块
+/// </summary>
+public interface IRequestLogModule : ICrudModule<CreateRequestLogReq, QueryRequestLogRsp // 创建类型
+  , QueryRequestLogReq, QueryRequestLogRsp                                               // 查询类型
+  , NopReq, NopReq                                                                       // 修改类型
+  , DelReq                                                                               // 删除类型
+> { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IRoleModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IRoleModule.cs
new file mode 100644
index 00000000..ff9fe37c
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IRoleModule.cs
@@ -0,0 +1,14 @@
+using NetAdmin.Application.Modules;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Role;
+
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     角色模块
+/// </summary>
+public interface IRoleModule : ICrudModule<CreateRoleReq, QueryRoleRsp // 创建类型
+  , QueryRoleReq, QueryRoleRsp                                         // 查询类型
+  , UpdateRoleReq, QueryRoleRsp                                        // 修改类型
+  , DelReq                                                             // 删除类型
+> { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IToolsModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IToolsModule.cs
new file mode 100644
index 00000000..56d88f39
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IToolsModule.cs
@@ -0,0 +1,17 @@
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     工具模块
+/// </summary>
+public interface IToolsModule
+{
+    /// <summary>
+    ///     服务器时间
+    /// </summary>
+    DateTime GetServerUtcTime();
+
+    /// <summary>
+    ///     版本信息
+    /// </summary>
+    string Version();
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IUserModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IUserModule.cs
new file mode 100644
index 00000000..c848034a
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IUserModule.cs
@@ -0,0 +1,76 @@
+using NetAdmin.Application.Modules;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.User;
+using NetAdmin.Domain.Dto.Sys.UserProfile;
+
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     用户模块
+/// </summary>
+public interface IUserModule : ICrudModule<CreateUserReq, QueryUserRsp // 创建类型
+  , QueryUserReq, QueryUserRsp                                         // 查询类型
+  , UpdateUserReq, QueryUserRsp                                        // 修改类型
+  , DelReq                                                             // 删除类型
+>
+{
+    /// <summary>
+    ///     检查手机号是否可用
+    /// </summary>
+    Task<bool> CheckMobileAvailableAsync(CheckMobileAvailableReq req);
+
+    /// <summary>
+    ///     检查用户名是否可用
+    /// </summary>
+    Task<bool> CheckUserNameAvailableAsync(CheckUserNameAvailableReq req);
+
+    /// <summary>
+    ///     密码登录
+    /// </summary>
+    Task<LoginRsp> LoginByPwdAsync(LoginByPwdReq req);
+
+    /// <summary>
+    ///     短信登录
+    /// </summary>
+    Task<LoginRsp> LoginBySmsAsync(LoginBySmsReq req);
+
+    /// <summary>
+    ///     查询用户档案
+    /// </summary>
+    Task<IEnumerable<QueryUserProfileRsp>> QueryProfileAsync(QueryReq<QueryUserProfileReq> req);
+
+    /// <summary>
+    ///     注册用户
+    /// </summary>
+    Task<UserInfoRsp> RegisterAsync(RegisterUserReq req);
+
+    /// <summary>
+    ///     重设密码
+    /// </summary>
+    Task<uint> ResetPasswordAsync(ResetPasswordReq req);
+
+    /// <summary>
+    ///     设置用户头像
+    /// </summary>
+    Task<UserInfoRsp> SetAvatarAsync(SetAvatarReq req);
+
+    /// <summary>
+    ///     设置邮箱
+    /// </summary>
+    Task<UserInfoRsp> SetEmailAsync(SetEmailReq req);
+
+    /// <summary>
+    ///     设置手机号
+    /// </summary>
+    Task<UserInfoRsp> SetMobileAsync(SetMobileReq req);
+
+    /// <summary>
+    ///     设置密码
+    /// </summary>
+    Task<uint> SetPasswordAsync(SetPasswordReq req);
+
+    /// <summary>
+    ///     当前用户信息
+    /// </summary>
+    Task<UserInfoRsp> UserInfoAsync();
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IUserProfileModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IUserProfileModule.cs
new file mode 100644
index 00000000..8f85c38f
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IUserProfileModule.cs
@@ -0,0 +1,14 @@
+using NetAdmin.Application.Modules;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.UserProfile;
+
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     用户档案模块
+/// </summary>
+public interface IUserProfileModule : ICrudModule<CreateUserProfileReq, QueryUserProfileRsp // 创建类型
+  , QueryUserProfileReq, QueryUserProfileRsp                                                // 查询类型
+  , UpdateUserProfileReq, QueryUserProfileRsp                                               // 修改类型
+  , DelReq                                                                                  // 删除类型
+> { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IVerifyCodeModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IVerifyCodeModule.cs
new file mode 100644
index 00000000..aa6bf83a
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Sys/IVerifyCodeModule.cs
@@ -0,0 +1,28 @@
+using NetAdmin.Application.Modules;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.VerifyCode;
+
+namespace NetAdmin.SysComponent.Application.Modules.Sys;
+
+/// <summary>
+///     验证码模块
+/// </summary>
+public interface IVerifyCodeModule : ICrudModule<CreateVerifyCodeReq, QueryVerifyCodeRsp // 创建类型
+  , QueryVerifyCodeReq, QueryVerifyCodeRsp                                               // 查询类型
+  , UpdateVerifyCodeReq, QueryVerifyCodeRsp                                              // 修改类型
+  , DelReq                                                                               // 删除类型
+>
+{
+    /// <summary>
+    ///     发送验证码
+    /// </summary>
+    Task<SendVerifyCodeRsp> SendVerifyCodeAsync(SendVerifyCodeReq req);
+
+    /// <summary>
+    ///     完成验证
+    /// </summary>
+    /// <remarks>
+    ///     对于验证失败的，不主动删除缓存，通过防火墙来应对暴力破解
+    /// </remarks>
+    Task<bool> VerifyAsync(VerifyCodeReq req);
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Modules/Tpl/IExampleModule.cs b/src/backend/NetAdmin.SysComponent.Application/Modules/Tpl/IExampleModule.cs
new file mode 100644
index 00000000..7d71660a
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Modules/Tpl/IExampleModule.cs
@@ -0,0 +1,14 @@
+using NetAdmin.Application.Modules;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Tpl.Example;
+
+namespace NetAdmin.SysComponent.Application.Modules.Tpl;
+
+/// <summary>
+///     示例模块
+/// </summary>
+public interface IExampleModule : ICrudModule<CreateExampleReq, QueryExampleRsp // 创建类型
+  , QueryExampleReq, QueryExampleRsp                                            // 查询类型
+  , UpdateExampleReq, QueryExampleRsp                                           // 修改类型
+  , DelReq                                                                      // 删除类型
+> { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/NetAdmin.SysComponent.Application.csproj b/src/backend/NetAdmin.SysComponent.Application/NetAdmin.SysComponent.Application.csproj
new file mode 100644
index 00000000..1124ffb6
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/NetAdmin.SysComponent.Application.csproj
@@ -0,0 +1,6 @@
+<Project Sdk="Microsoft.NET.Sdk">
+    <Import Project="$(SolutionDir)/CodeQuality.props"/>
+    <ItemGroup>
+        <ProjectReference Include="../NetAdmin.Application/NetAdmin.Application.csproj"/>
+    </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/ApiService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/ApiService.cs
new file mode 100644
index 00000000..03378b3f
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/ApiService.cs
@@ -0,0 +1,160 @@
+using NetAdmin.Application.Repositories;
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Api;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="IApiService" />
+public sealed class ApiService : RepositoryService<Sys_Api, IApiService>, IApiService
+{
+    private readonly IActionDescriptorCollectionProvider _actionDescriptorCollectionProvider;
+    private readonly XmlCommentReader                    _xmlCommentReader;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ApiService" /> class.
+    /// </summary>
+    public ApiService(Repository<Sys_Api>                 rpo, XmlCommentReader xmlCommentReader
+                    , IActionDescriptorCollectionProvider actionDescriptorCollectionProvider) //
+        : base(rpo)
+    {
+        _xmlCommentReader                   = xmlCommentReader;
+        _actionDescriptorCollectionProvider = actionDescriptorCollectionProvider;
+    }
+
+    /// <summary>
+    ///     批量删除接口
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     创建接口
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<QueryApiRsp> CreateAsync(CreateApiReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     删除接口
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     判断接口是否存在
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<bool> ExistAsync(QueryReq<QueryApiReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     获取单个接口
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<QueryApiRsp> GetAsync(QueryApiReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     分页查询接口
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<PagedQueryRsp<QueryApiRsp>> PagedQueryAsync(PagedQueryReq<QueryApiReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     查询接口
+    /// </summary>
+    public async Task<IEnumerable<QueryApiRsp>> QueryAsync(QueryReq<QueryApiReq> req)
+    {
+        var ret = await Rpo.Select.WhereDynamicFilter(req.DynamicFilter).WhereDynamic(req.Filter).ToTreeListAsync();
+        return ret.Adapt<IEnumerable<QueryApiRsp>>();
+    }
+
+    /// <summary>
+    ///     反射接口列表
+    /// </summary>
+    public IEnumerable<QueryApiRsp> ReflectionList(bool excludeAnonymous = true)
+    {
+        var regex = new Regex(@"\.(\w+)$", RegexOptions.Compiled);
+
+        QueryApiRsp SelectQueryApiRsp(IGrouping<TypeInfo, ControllerActionDescriptor> group)
+        {
+            var first = group.First()!;
+            return new QueryApiRsp {
+                                       Summary = _xmlCommentReader.GetComments(group.Key)
+                                     , Name    = first.ControllerName
+                                     , Id = Regex.Replace( //
+                                           first.AttributeRouteInfo!.Template!, $"/{first.ActionName}$", string.Empty)
+                                     , Children  = GetChildren(group)
+                                     , Namespace = regex.Match(group.Key.Namespace!).Groups[1].Value.ToLowerInvariant()
+                                   };
+        }
+
+        var actionDescriptors //
+            = _actionDescriptorCollectionProvider.ActionDescriptors.Items.Cast<ControllerActionDescriptor>();
+
+        if (excludeAnonymous) {
+            actionDescriptors = actionDescriptors.Where(x => x.EndpointMetadata.All(y => y is AllowAnonymousAttribute));
+        }
+
+        var actionGroup //
+            = actionDescriptors.GroupBy(x => x.ControllerTypeInfo);
+
+        return actionGroup.Select(SelectQueryApiRsp);
+    }
+
+    /// <summary>
+    ///     同步接口
+    /// </summary>
+    public async Task SyncAsync()
+    {
+        _ = await Rpo.DeleteAsync(_ => true);
+
+        var list = ReflectionList(false);
+
+        EnableCascadeSave = true;
+        foreach (var item in list) {
+            var entity = item.Adapt<Sys_Api>();
+            _ = await Rpo.InsertAsync(entity);
+        }
+    }
+
+    /// <summary>
+    ///     更新接口
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<NopReq> UpdateAsync(NopReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    private IEnumerable<QueryApiRsp> GetChildren(IEnumerable<ControllerActionDescriptor> actionDescriptors)
+    {
+        return actionDescriptors //
+            .Select(x => new QueryApiRsp {
+                                             Summary = _xmlCommentReader.GetComments(x.MethodInfo)
+                                           , Name    = x.ActionName
+                                           , Id      = x.AttributeRouteInfo!.Template
+                                           , Method = x.ActionConstraints?.OfType<HttpMethodActionConstraint>()
+                                                       .FirstOrDefault()
+                                                       ?.HttpMethods.First()
+                                         });
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/CacheService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/CacheService.cs
new file mode 100644
index 00000000..b76bbbf0
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/CacheService.cs
@@ -0,0 +1,49 @@
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Cache;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using StackExchange.Redis;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="ICacheService" />
+public sealed class CacheService : ServiceBase<ICacheService>, ICacheService
+{
+    private readonly IConnectionMultiplexer _connectionMultiplexer;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="CacheService" /> class.
+    /// </summary>
+    public CacheService(IConnectionMultiplexer connectionMultiplexer)
+    {
+        _connectionMultiplexer = connectionMultiplexer;
+    }
+
+    /// <summary>
+    ///     缓存统计
+    /// </summary>
+    public Task<CacheStatisticsRsp> CacheStatisticsAsync()
+    {
+        var database = _connectionMultiplexer.GetDatabase();
+        return Task.FromResult(
+            new CacheStatisticsRsp((string)database.Execute("info")) { DbSize = (long)database.Execute("dbSize") });
+    }
+
+    /// <inheritdoc />
+    public PagedQueryRsp<GetAllEntriesRsp> GetAllEntries(PagedQueryReq<GetAllEntriesReq> req)
+    {
+        var database = _connectionMultiplexer.GetDatabase((int?)req.Filter?.DbIndex ?? 0);
+        var redisResults
+            = (RedisResult[])database.Execute("scan", (req.Page - 1) * req.PageSize, "count", req.PageSize);
+
+        var list = ((string[])redisResults![1])!.Where(x => database.KeyType(x) == RedisType.Hash)
+                                                .Select(x => database.HashGetAll(x)
+                                                                     .Append(new HashEntry("key", x))
+                                                                     .ToArray()
+                                                                     .ToStringDictionary())
+                                                .ToList()
+                                                .ConvertAll(x => x.Adapt<GetAllEntriesRsp>());
+
+        return new PagedQueryRsp<GetAllEntriesRsp>(req.Page, req.PageSize, 10000, list);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/CaptchaService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/CaptchaService.cs
new file mode 100644
index 00000000..7db65f72
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/CaptchaService.cs
@@ -0,0 +1,58 @@
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.Dto.Sys.Captcha;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using SixLabors.ImageSharp;
+using Yitter.IdGenerator;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="ICaptchaService" />
+public sealed class CaptchaService : ServiceBase<ICaptchaService>, ICaptchaService
+{
+    private static readonly Assembly _entryAsm     = Assembly.GetEntryAssembly();
+    private static readonly string   _entryAsmName = _entryAsm.FullName![.._entryAsm.FullName.IndexOf(',')];
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="CaptchaService" /> class.
+    /// </summary>
+    public CaptchaService() { }
+
+    /// <summary>
+    ///     获取人机校验图
+    /// </summary>
+    public async Task<GetCaptchaRsp> GetCaptchaImageAsync()
+    {
+        var (backgroundImage, sliderImage, offsetSaw) = await CaptchaImageHelper.CreateSawSliderImageAsync(
+            _entryAsm, $"{_entryAsmName}.Assets.Captcha.background", $"{_entryAsmName}.Assets.Captcha.template"
+          , (1, 101), (1, 7), new Size(50, 50));
+
+        var id = $"{nameof(GetCaptchaImageAsync)}_{YitIdHelper.NextId()}";
+        return new GetCaptchaRsp {
+                                     Id              = id
+                                   , BackgroundImage = backgroundImage
+                                   , SliderImage     = sliderImage
+                                   , SawOffsetX      = offsetSaw.X
+                                 };
+    }
+
+    /// <summary>
+    ///     完成人机校验
+    /// </summary>
+    public Task<bool> VerifyCaptchaAsync(VerifyCaptchaReq req)
+    {
+        if (req.SawOffsetX == null) {
+            return Task.FromResult(false);
+        }
+
+        bool ret;
+        try {
+            var aesKey = req.Id.Aes(CaptchaOptions.SecretKey)[..32];
+            ret = Math.Abs(req.SawOffsetX.Value - req.VerifyData.AesDe(aesKey).Float()) < 5f;
+        }
+        catch {
+            ret = false;
+        }
+
+        return Task.FromResult(ret);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/ConfigService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/ConfigService.cs
new file mode 100644
index 00000000..6d8d7b6c
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/ConfigService.cs
@@ -0,0 +1,132 @@
+using NetAdmin.Application.Repositories;
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Config;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using DataType = FreeSql.DataType;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="IConfigService" />
+public sealed class ConfigService : RepositoryService<Sys_Config, IConfigService>, IConfigService
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ConfigService" /> class.
+    /// </summary>
+    public ConfigService(Repository<Sys_Config> rpo) //
+        : base(rpo) { }
+
+    /// <summary>
+    ///     批量删除配置
+    /// </summary>
+    public async Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        var sum = 0;
+        foreach (var item in req.Items) {
+            sum += await DeleteAsync(item);
+        }
+
+        return sum;
+    }
+
+    /// <summary>
+    ///     创建配置
+    /// </summary>
+    public async Task<QueryConfigRsp> CreateAsync(CreateConfigReq req)
+    {
+        var ret = await Rpo.InsertAsync(req);
+        return ret.Adapt<QueryConfigRsp>();
+    }
+
+    /// <summary>
+    ///     删除配置
+    /// </summary>
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Rpo.DeleteAsync(a => a.Id == req.Id);
+    }
+
+    /// <summary>
+    ///     判断配置是否存在
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<bool> ExistAsync(QueryReq<QueryConfigReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     获取单个配置
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public async Task<QueryConfigRsp> GetAsync(QueryConfigReq req)
+    {
+        var ret = await QueryInternal(new QueryReq<QueryConfigReq> { Filter = req }).ToOneAsync();
+        return ret.Adapt<QueryConfigRsp>();
+    }
+
+    /// <summary>
+    ///     获取最新有效配置
+    /// </summary>
+    public async Task<QueryConfigRsp> GetLatestConfigAsync()
+    {
+        var ret = await QueryAsync(
+            new QueryReq<QueryConfigReq> { Count = 1, Filter = new QueryConfigReq { Enabled = true } });
+        return ret.FirstOrDefault();
+    }
+
+    /// <summary>
+    ///     分页查询配置
+    /// </summary>
+    public async Task<PagedQueryRsp<QueryConfigRsp>> PagedQueryAsync(PagedQueryReq<QueryConfigReq> req)
+    {
+        var list = await QueryInternal(req).Page(req.Page, req.PageSize).Count(out var total).ToListAsync();
+
+        return new PagedQueryRsp<QueryConfigRsp>(req.Page, req.PageSize, total
+                                               , list.Adapt<IEnumerable<QueryConfigRsp>>());
+    }
+
+    /// <summary>
+    ///     查询配置
+    /// </summary>
+    public async Task<IEnumerable<QueryConfigRsp>> QueryAsync(QueryReq<QueryConfigReq> req)
+    {
+        var ret = await QueryInternal(req).Take(req.Count).ToListAsync();
+        return ret.Adapt<IEnumerable<QueryConfigRsp>>();
+    }
+
+    /// <summary>
+    ///     更新配置
+    /// </summary>
+    public async Task<QueryConfigRsp> UpdateAsync(UpdateConfigReq req)
+    {
+        if (Rpo.Orm.Ado.DataType == DataType.Sqlite) {
+            return await UpdateForSqliteAsync(req);
+        }
+
+        var ret = await Rpo.UpdateDiy.SetSource(req).ExecuteUpdatedAsync();
+        return ret.FirstOrDefault()?.Adapt<QueryConfigRsp>();
+    }
+
+    private ISelect<Sys_Config> QueryInternal(QueryReq<QueryConfigReq> req)
+    {
+        return Rpo.Select.Include(a => a.UserRegisterDept)
+                  .Include(a => a.UserRegisterRole)
+                  .WhereDynamicFilter(req.DynamicFilter)
+                  .WhereIf( //
+                      req.Filter?.Enabled.HasValue ?? false, a => a.Enabled == req.Filter.Enabled.Value)
+                  .OrderByPropertyNameIf(req.Prop?.Length > 0, req.Prop, req.Order == Orders.Ascending)
+                  .OrderByDescending(a => a.Id);
+    }
+
+    /// <summary>
+    ///     非sqlite数据库请删掉
+    /// </summary>
+    private async Task<QueryConfigRsp> UpdateForSqliteAsync(Sys_Config req)
+    {
+        return await Rpo.UpdateDiy.SetSource(req).ExecuteAffrowsAsync() <= 0
+            ? null
+            : await GetAsync(new QueryConfigReq { Id = req.Id });
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/ConstantService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/ConstantService.cs
new file mode 100644
index 00000000..3c53ec5e
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/ConstantService.cs
@@ -0,0 +1,58 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="IConstantService" />
+public sealed class ConstantService : ServiceBase<IConstantService>, IConstantService
+{
+    /// <summary>
+    ///     获得常量字符串
+    /// </summary>
+    public IDictionary<string, string> GetCharsDic()
+    {
+        return typeof(Chars).GetFields(BindingFlags.Public | BindingFlags.Static)
+                            .Where(x => x.FieldType == typeof(string))
+                            .ToImmutableSortedDictionary( //
+                                x => x.Name, x => x.GetValue(null)?.ToString());
+    }
+
+    /// <summary>
+    ///     获得公共枚举值
+    /// </summary>
+    public IDictionary<string, Dictionary<string, string[]>> GetEnums()
+    {
+        return App.EffectiveTypes.Where(x => x.IsEnum && x.GetCustomAttribute<ExportAttribute>(false) != null)
+                  .ToDictionary(x => x.Name, x => //
+                                    x.GetEnumValues()
+                                     .Cast<Enum>()
+                                     .ToDictionary( //
+                                         y => y.ToString()
+                                       , y => new[] {
+                                                        Convert.ToInt64(y, CultureInfo.InvariantCulture)
+                                                               .ToString(CultureInfo.InvariantCulture)
+                                                      , y.ResDesc<Ln>()
+                                                    }));
+    }
+
+    /// <summary>
+    ///     获得本地化字符串
+    /// </summary>
+    public IDictionary<string, string> GetLocalizedStrings()
+    {
+        return typeof(Ln).GetProperties(BindingFlags.Public | BindingFlags.Static)
+                         .Where(x => x.PropertyType == typeof(string))
+                         .ToImmutableSortedDictionary(x => x.Name, x => x.GetValue(null)?.ToString());
+    }
+
+    /// <summary>
+    ///     获得数字常量表
+    /// </summary>
+    public IDictionary<string, long> GetNumbersDic()
+    {
+        return typeof(Numbers).GetFields(BindingFlags.Public | BindingFlags.Static)
+                              .Where(x => x.FieldType == typeof(int) || x.FieldType == typeof(long))
+                              .ToImmutableSortedDictionary( //
+                                  x => x.Name, x => Convert.ToInt64(x.GetValue(null), CultureInfo.InvariantCulture));
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IApiService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IApiService.cs
new file mode 100644
index 00000000..3d4a8234
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IApiService.cs
@@ -0,0 +1,16 @@
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.Dto.Sys.Api;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     接口服务
+/// </summary>
+public interface IApiService : IService, IApiModule
+{
+    /// <summary>
+    ///     反射接口列表
+    /// </summary>
+    IEnumerable<QueryApiRsp> ReflectionList(bool excludeAnonymous = true);
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/ICacheService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/ICacheService.cs
new file mode 100644
index 00000000..78d6b48f
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/ICacheService.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     缓存服务
+/// </summary>
+public interface ICacheService : IService, ICacheModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/ICaptchaService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/ICaptchaService.cs
new file mode 100644
index 00000000..46fd43d6
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/ICaptchaService.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     人机验证服务
+/// </summary>
+public interface ICaptchaService : IService, ICaptchaModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IConfigService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IConfigService.cs
new file mode 100644
index 00000000..f26c43e2
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IConfigService.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     配置服务
+/// </summary>
+public interface IConfigService : IService, IConfigModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IConstantService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IConstantService.cs
new file mode 100644
index 00000000..fe260225
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IConstantService.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     常量服务
+/// </summary>
+public interface IConstantService : IService, IConstantModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IDeptService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IDeptService.cs
new file mode 100644
index 00000000..6b391409
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IDeptService.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     部门服务
+/// </summary>
+public interface IDeptService : IService, IDeptModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IDevService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IDevService.cs
new file mode 100644
index 00000000..0da0592a
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IDevService.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     开发服务
+/// </summary>
+public interface IDevService : IService, IDevModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IDicCatalogService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IDicCatalogService.cs
new file mode 100644
index 00000000..c8dca8fe
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IDicCatalogService.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     字典目录服务
+/// </summary>
+public interface IDicCatalogService : IService, IDicCatalogModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IDicContentService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IDicContentService.cs
new file mode 100644
index 00000000..dca7b15b
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IDicContentService.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     字典内容服务
+/// </summary>
+public interface IDicContentService : IService, IDicContentModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IDicService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IDicService.cs
new file mode 100644
index 00000000..578b0f39
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IDicService.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     字典服务
+/// </summary>
+public interface IDicService : IService, IDicModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IFileService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IFileService.cs
new file mode 100644
index 00000000..1c5dd427
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IFileService.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     文件服务
+/// </summary>
+public interface IFileService : IService, IFileModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IMenuService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IMenuService.cs
new file mode 100644
index 00000000..ad1f11bb
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IMenuService.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     菜单服务
+/// </summary>
+public interface IMenuService : IService, IMenuModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IRequestLogService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IRequestLogService.cs
new file mode 100644
index 00000000..d5f2d5ec
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IRequestLogService.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     请求日志服务
+/// </summary>
+public interface IRequestLogService : IService, IRequestLogModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IRoleService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IRoleService.cs
new file mode 100644
index 00000000..61fcbca5
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IRoleService.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     角色服务
+/// </summary>
+public interface IRoleService : IService, IRoleModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IToolsService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IToolsService.cs
new file mode 100644
index 00000000..6adf6859
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IToolsService.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     工具服务
+/// </summary>
+public interface IToolsService : IService, IToolsModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IUserProfileService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IUserProfileService.cs
new file mode 100644
index 00000000..4af0aae9
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IUserProfileService.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     用户档案服务
+/// </summary>
+public interface IUserProfileService : IService, IUserProfileModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IUserService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IUserService.cs
new file mode 100644
index 00000000..23cf0b5a
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IUserService.cs
@@ -0,0 +1,21 @@
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.Dto.Sys.User;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     用户服务
+/// </summary>
+public interface IUserService : IService, IUserModule
+{
+    /// <summary>
+    ///     获取单个用户（带更新锁）
+    /// </summary>
+    Task<QueryUserRsp> GetForUpdateAsync(QueryUserReq req);
+
+    /// <summary>
+    ///     单体更新
+    /// </summary>
+    Task UpdateSingleAsync(UpdateUserReq req);
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IVerifyCodeService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IVerifyCodeService.cs
new file mode 100644
index 00000000..347f49f1
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/Dependency/IVerifyCodeService.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+/// <summary>
+///     验证码服务
+/// </summary>
+public interface IVerifyCodeService : IService, IVerifyCodeModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/DeptService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/DeptService.cs
new file mode 100644
index 00000000..768da1f3
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/DeptService.cs
@@ -0,0 +1,139 @@
+using NetAdmin.Application.Repositories;
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Dept;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="IDeptService" />
+public sealed class DeptService : RepositoryService<Sys_Dept, IDeptService>, IDeptService
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="DeptService" /> class.
+    /// </summary>
+    public DeptService(Repository<Sys_Dept> rpo) //
+        : base(rpo) { }
+
+    /// <summary>
+    ///     批量删除部门
+    /// </summary>
+    public async Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        var sum = 0;
+        foreach (var item in req.Items) {
+            sum += await DeleteAsync(item);
+        }
+
+        return sum;
+    }
+
+    /// <summary>
+    ///     创建部门
+    /// </summary>
+    /// <exception cref="NetAdminInvalidOperationException">Parent_department_does_not_exist</exception>
+    public async Task<QueryDeptRsp> CreateAsync(CreateDeptReq req)
+    {
+        if (req.ParentId != 0 && !await Rpo.Select.AnyAsync(a => a.Id == req.ParentId)) {
+            throw new NetAdminInvalidOperationException(Ln.父节点不存在);
+        }
+
+        var ret = await Rpo.InsertAsync(req);
+
+        return ret.Adapt<QueryDeptRsp>();
+    }
+
+    /// <summary>
+    ///     删除部门
+    /// </summary>
+    /// <exception cref="NetAdminInvalidOperationException">该部门下存在用户</exception>
+    /// <exception cref="NetAdminInvalidOperationException">该部门下存在子部门</exception>
+    public async Task<int> DeleteAsync(DelReq req)
+    {
+        if (await Rpo.Orm.Select<Sys_User>().AnyAsync(a => a.DeptId == req.Id)) {
+            throw new NetAdminInvalidOperationException(Ln.该部门下存在用户);
+        }
+
+        #pragma warning disable IDE0046
+        if (await Rpo.Select.AnyAsync(a => a.ParentId == req.Id)) {
+            #pragma warning restore IDE0046
+            throw new NetAdminInvalidOperationException(Ln.该部门下存在子部门);
+        }
+
+        return await Rpo.DeleteAsync(x => x.Id == req.Id);
+    }
+
+    /// <summary>
+    ///     判断部门是否存在
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<bool> ExistAsync(QueryReq<QueryDeptReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     获取单个部门
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<QueryDeptRsp> GetAsync(QueryDeptReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     分页查询部门
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<PagedQueryRsp<QueryDeptRsp>> PagedQueryAsync(PagedQueryReq<QueryDeptReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     查询部门
+    /// </summary>
+    public async Task<IEnumerable<QueryDeptRsp>> QueryAsync(QueryReq<QueryDeptReq> req)
+    {
+        return (await QueryInternal(req).ToTreeListAsync()).Adapt<IEnumerable<QueryDeptRsp>>();
+    }
+
+    /// <summary>
+    ///     更新部门
+    /// </summary>
+    /// <exception cref="NetAdminUnexpectedException">NetAdminUnexpectedException</exception>
+    public async Task<QueryDeptRsp> UpdateAsync(UpdateDeptReq req)
+    {
+        return await Rpo.UpdateDiy.SetSource(req).ExecuteAffrowsAsync() <= 0
+            ? throw new NetAdminUnexpectedException()
+            : (await QueryInternal(new QueryReq<QueryDeptReq> { Filter = new QueryDeptReq { Id = req.Id } }, true)
+                .ToTreeListAsync())[0]
+            .Adapt<QueryDeptRsp>();
+    }
+
+    private ISelect<Sys_Dept> QueryInternal(QueryReq<QueryDeptReq> req, bool asTreeCte = false)
+    {
+        var ret = Rpo.Select.WhereDynamicFilter(req.DynamicFilter)
+                     .WhereDynamic(req.Filter)
+                     .WhereIf( //
+                         req.Keywords?.Length > 0
+                       , a => a.Name.Contains(req.Keywords) || a.Summary.Contains(req.Keywords) ||
+                              a.Id == req.Keywords.Int64Try(0));
+        if (asTreeCte) {
+            ret = ret.AsTreeCte();
+        }
+
+        ret = ret.OrderByPropertyNameIf(req.Prop?.Length > 0, req.Prop, req.Order == Orders.Ascending);
+
+        if (!req.Prop?.Equals(nameof(req.Filter.Sort), StringComparison.OrdinalIgnoreCase) ?? true) {
+            ret = ret.OrderByDescending(a => a.Sort);
+        }
+
+        if (!req.Prop?.Equals(nameof(req.Filter.CreatedTime), StringComparison.OrdinalIgnoreCase) ?? true) {
+            ret = ret.OrderByDescending(a => a.CreatedTime);
+        }
+
+        return ret;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/DevService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/DevService.cs
new file mode 100644
index 00000000..aa8635bd
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/DevService.cs
@@ -0,0 +1,215 @@
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.Dto.Sys.Api;
+using NetAdmin.Domain.Dto.Sys.Dev;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="IDevService" />
+public sealed class DevService : ServiceBase<DevService>, IDevService
+{
+    private const string _REPLACE_TO_EMPTY = "//~";
+
+    private static readonly string _clientProjectPath = Path.Combine( //
+        Environment.CurrentDirectory, "../../frontend/admin");
+
+    private static readonly string[] _projectDirs
+        = Directory.GetDirectories(Path.Combine(Environment.CurrentDirectory, "../"));
+
+    private readonly IApiService _apiService;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="DevService" /> class.
+    /// </summary>
+    public DevService(IApiService apiService)
+    {
+        _apiService = apiService;
+    }
+
+    /// <summary>
+    ///     生成后端代码
+    /// </summary>
+    public async Task GenerateCsCodeAsync(GenerateCsCodeReq req)
+    {
+        // 模块类型（Sys、Biz、等）
+        var moduleType = Enum.GetName(req.Type)!;
+
+        // 模板层目录
+        var tplHostDir  = GetDir("SysComponent.Host");
+        var tplCacheDir = GetDir("SysComponent.Cache");
+        var tplAppDir   = GetDir("SysComponent.Application");
+
+        // 主机层目录
+        var hostControllerDir = Path.Combine(GetDir($"{moduleType}.Host"), "Controllers", moduleType[..3]);
+
+        // 缓存层目录
+        var cacheDir           = Path.Combine(GetDir($"{moduleType}.Cache"), moduleType[..3]);
+        var cacheDependencyDir = Path.Combine(cacheDir,                      "Dependency");
+
+        // 业务逻辑层目录
+        var appDir                   = GetDir($"{moduleType}.Application");
+        var appModulesDir            = Path.Combine(appDir,         "Modules",  moduleType[..3]);
+        var appServicesDir           = Path.Combine(appDir,         "Services", moduleType[..3]);
+        var appServicesDependencyDir = Path.Combine(appServicesDir, "Dependency");
+
+        // 数据契约层目录
+        var dataDir   = GetDir("NetAdmin.Domain");
+        var dtoDir    = Path.Combine(dataDir, "Dto",    moduleType[..3], req.ModuleName);
+        var entityDir = Path.Combine(dataDir, "DbMaps", moduleType[..3]);
+
+        // 创建缺少的目录
+        CreateDir(hostControllerDir, cacheDir,                 cacheDependencyDir, appDir, appModulesDir, appServicesDir
+,                                    appServicesDependencyDir, dataDir,            dtoDir, entityDir);
+
+        // Controller
+        await WriteCodeFileAsync(req, Path.Combine(tplHostDir,        "Controllers", "Tpl", "ExampleController.cs")
+                          ,           Path.Combine(hostControllerDir, $"{req.ModuleName}Controller.cs"));
+
+        // CreateReq
+        await WriteCodeFileAsync(req, Path.Combine(dataDir, "Dto", "Tpl", "Example", "CreateExampleReq.cs")
+                          ,           Path.Combine(dtoDir,  $"Create{req.ModuleName}Req.cs"));
+
+        // UpdateReq
+        await WriteCodeFileAsync(req, Path.Combine(dataDir, "Dto", "Tpl", "Example", "UpdateExampleReq.cs")
+                          ,           Path.Combine(dtoDir,  $"Update{req.ModuleName}Req.cs"));
+
+        // QueryReq
+        await WriteCodeFileAsync(req, Path.Combine(dataDir, "Dto", "Tpl", "Example", "QueryExampleReq.cs")
+                          ,           Path.Combine(dtoDir,  $"Query{req.ModuleName}Req.cs"));
+
+        // QueryRsp
+        await WriteCodeFileAsync(req, Path.Combine(dataDir, "Dto", "Tpl", "Example", "QueryExampleRsp.cs")
+                          ,           Path.Combine(dtoDir,  $"Query{req.ModuleName}Rsp.cs"));
+
+        // ICache
+        await WriteCodeFileAsync(req, Path.Combine(tplCacheDir,        "Tpl", "Dependency", "IExampleCache.cs")
+                          ,           Path.Combine(cacheDependencyDir, $"I{req.ModuleName}Cache.cs"));
+
+        // Cache
+        await WriteCodeFileAsync(req, Path.Combine(tplCacheDir, "Tpl", "ExampleCache.cs")
+                          ,           Path.Combine(cacheDir,    $"{req.ModuleName}Cache.cs"));
+
+        // IModule
+        await WriteCodeFileAsync(req, Path.Combine(tplAppDir,     "Modules", "Tpl", "IExampleModule.cs")
+                          ,           Path.Combine(appModulesDir, $"I{req.ModuleName}Module.cs"));
+
+        // IService
+        await WriteCodeFileAsync(req, Path.Combine(tplAppDir, "Services", "Tpl", "Dependency", "IExampleService.cs")
+                          ,           Path.Combine(appServicesDependencyDir, $"I{req.ModuleName}Service.cs"));
+
+        // Service
+        await WriteCodeFileAsync(req, Path.Combine(tplAppDir,      "Services", "Tpl", "ExampleService.cs")
+                          ,           Path.Combine(appServicesDir, $"{req.ModuleName}Service.cs"));
+
+        // Entity
+        await WriteCodeFileAsync(req, Path.Combine(dataDir,   "DbMaps", "Tpl", "Tpl_Example.cs")
+                          ,           Path.Combine(entityDir, $"{moduleType[..3]}_{req.ModuleName}.cs"));
+    }
+
+    /// <summary>
+    ///     生成图标代码
+    /// </summary>
+    public async Task GenerateIconCodeAsync(GenerateIconCodeReq req)
+    {
+        var tplSvg = await File.ReadAllTextAsync(
+            Path.Combine(_clientProjectPath, "src", "assets", "icons", "tpl", "Svg.vue"));
+        var tplExport
+            = await File.ReadAllTextAsync(
+                Path.Combine(_clientProjectPath, "src", "assets", "icons", "tpl", "export.js"));
+
+        var vueContent = tplSvg.Replace("$svgCode$", req.SvgCode).Replace(_REPLACE_TO_EMPTY, string.Empty);
+
+        var dir = Path.Combine(_clientProjectPath, "src", "assets", "icons");
+        if (!Directory.Exists(dir)) {
+            _ = Directory.CreateDirectory(dir);
+        }
+
+        var vueFile = Path.Combine(dir, $"{req.IconName}.vue");
+        await File.WriteAllTextAsync(vueFile, vueContent);
+
+        var indexJsFile = Path.Combine(dir, "index.js");
+
+        await File.AppendAllTextAsync(
+            indexJsFile
+          , Environment.NewLine +
+            tplExport.Replace("$iconName$", req.IconName).Replace(_REPLACE_TO_EMPTY, string.Empty));
+
+        // 修改iconSelect.js
+        var iconSelectFile    = Path.Combine(_clientProjectPath, "src", "config", "iconSelect.js");
+        var iconSelectContent = await File.ReadAllTextAsync(iconSelectFile);
+        iconSelectContent = iconSelectContent.Replace("export default", "exportDefault:").Replace("'", "\"");
+        iconSelectContent = Regex.Replace(iconSelectContent, "([a-zA-Z]+):", "\"$1\":");
+        iconSelectContent = "{" + iconSelectContent + "}";
+        var iconExportJsInfo = iconSelectContent.ToObject<IconExportJsInfo>();
+        iconExportJsInfo.ExportDefault.Icons.Last().Icons.Add($"sc-icon-{req.IconName.ToLowerInvariant()}");
+        var newContent = iconExportJsInfo.ToJson().TrimStart('{')[..^1].Replace("\"exportDefault\":", "export default");
+
+        await File.WriteAllTextAsync(iconSelectFile, newContent);
+    }
+
+    /// <summary>
+    ///     生成接口代码
+    /// </summary>
+    public async Task GenerateJsCodeAsync()
+    {
+        // 模板文件
+        var tplOuter = await File.ReadAllTextAsync(Path.Combine(_clientProjectPath, "src", "api", "tpl", "outer.js"));
+        var tplInner = await File.ReadAllTextAsync(Path.Combine(_clientProjectPath, "src", "api", "tpl", "inner.js"));
+
+        IEnumerable<string> Select(QueryApiRsp item)
+        {
+            return item.Children.Select(x => tplInner.Replace("$actionDesc$", x.Summary)
+                                                     .Replace( //
+                                                         "$actionName$"
+                                                       , Regex.Replace(x.Name, @"\.(\w)"
+                                                                     , y => y.Groups[1].Value.ToUpperInvariant()))
+                                                     .Replace("$actionPath$", x.Id)
+                                                     .Replace( //
+                                                         "$actionMethod$",       x.Method?.ToLowerInvariant())
+                                                     .Replace(_REPLACE_TO_EMPTY, string.Empty)); //
+        }
+
+        foreach (var item in _apiService.ReflectionList(false)) {
+            var dir = Path.Combine(_clientProjectPath, "src", "api", item.Namespace);
+            if (!Directory.Exists(dir)) {
+                _ = Directory.CreateDirectory(dir);
+            }
+
+            var file = Path.Combine(dir, $"{item.Name.Replace(".", string.Empty)}.js");
+
+            var content = tplOuter.Replace("$controllerDesc$", item.Summary)
+                                  .Replace("$controllerPath$", item.Id)
+                                  .Replace( //
+                                      "$inner$"
+                       , string.Join(Environment.NewLine + Environment.NewLine, Select(item)))
+                                  .Replace(_REPLACE_TO_EMPTY, string.Empty);
+
+            await File.WriteAllTextAsync(file, content);
+        }
+    }
+
+    private static void CreateDir(params string[] dirs)
+    {
+        foreach (var dir in dirs) {
+            if (!Directory.Exists(dir)) {
+                _ = Directory.CreateDirectory(dir);
+            }
+        }
+    }
+
+    private static string GetDir(string key)
+    {
+        return _projectDirs.First(x => x.EndsWith(key, true, CultureInfo.InvariantCulture));
+    }
+
+    private static async Task WriteCodeFileAsync(GenerateCsCodeReq req, string tplFile, string writeFile)
+    {
+        var tplContent = await File.ReadAllTextAsync(tplFile);
+        tplContent = tplContent.Replace("Tpl", Enum.GetName(req.Type)![..3])
+                               .Replace("示例",                    req.ModuleRemark)
+                               .Replace("Example",               req.ModuleName)
+                               .Replace("NetAdmin.SysComponent", "SysComponent");
+
+        await File.WriteAllTextAsync(writeFile, tplContent);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/DicCatalogService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/DicCatalogService.cs
new file mode 100644
index 00000000..8f17d9ec
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/DicCatalogService.cs
@@ -0,0 +1,119 @@
+using NetAdmin.Application.Repositories;
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Dic.Catalog;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="IDicCatalogService" />
+public sealed class DicCatalogService : RepositoryService<Sys_DicCatalog, IDicCatalogService>, IDicCatalogService
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="DicCatalogService" /> class.
+    /// </summary>
+    public DicCatalogService(Repository<Sys_DicCatalog> rpo) //
+        : base(rpo) { }
+
+    /// <summary>
+    ///     批量删除字典目录
+    /// </summary>
+    public async Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        var sum = 0;
+        foreach (var item in req.Items) {
+            sum += await DeleteAsync(item);
+        }
+
+        return sum;
+    }
+
+    /// <summary>
+    ///     创建字典目录
+    /// </summary>
+    /// <exception cref="NetAdminInvalidOperationException">The_parent_node_does_not_exist</exception>
+    public async Task<QueryDicCatalogRsp> CreateAsync(CreateDicCatalogReq req)
+    {
+        if (req.ParentId != 0 && !await Rpo.Select.Where(a => a.Id == req.ParentId).ForUpdate().AnyAsync()) {
+            throw new NetAdminInvalidOperationException(Ln.父节点不存在);
+        }
+
+        var ret = await Rpo.InsertAsync(req);
+        return ret.Adapt<QueryDicCatalogRsp>();
+    }
+
+    /// <summary>
+    ///     删除字典目录
+    /// </summary>
+    public async Task<int> DeleteAsync(DelReq req)
+    {
+        var ret = await Rpo.DeleteCascadeByDatabaseAsync(a => a.Id == req.Id);
+        return ret.Count;
+    }
+
+    /// <summary>
+    ///     判断字典目录是否存在
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<bool> ExistAsync(QueryReq<QueryDicCatalogReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     获取单个字典目录
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<QueryDicCatalogRsp> GetAsync(QueryDicCatalogReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     分页查询字典目录
+    /// </summary>
+    public async Task<PagedQueryRsp<QueryDicCatalogRsp>> PagedQueryAsync(PagedQueryReq<QueryDicCatalogReq> req)
+    {
+        var list = await QueryInternal(req).Page(req.Page, req.PageSize).Count(out var total).ToListAsync();
+
+        return new PagedQueryRsp<QueryDicCatalogRsp>(req.Page, req.PageSize, total
+                                                   , list.Adapt<IEnumerable<QueryDicCatalogRsp>>());
+    }
+
+    /// <summary>
+    ///     查询字典目录
+    /// </summary>
+    public async Task<IEnumerable<QueryDicCatalogRsp>> QueryAsync(QueryReq<QueryDicCatalogReq> req)
+    {
+        var ret = await QueryInternal(req).ToTreeListAsync();
+        return ret.Adapt<IEnumerable<QueryDicCatalogRsp>>();
+    }
+
+    /// <summary>
+    ///     更新字典目录
+    /// </summary>
+    /// <exception cref="NetAdminInvalidOperationException">The_parent_node_does_not_exist</exception>
+    /// <exception cref="NetAdminUnexpectedException">NetAdminUnexpectedException</exception>
+    public async Task<QueryDicCatalogRsp> UpdateAsync(UpdateDicCatalogReq req)
+    {
+        if (req.ParentId != 0 && !await Rpo.Select.Where(a => a.Id == req.ParentId).ForUpdate().AnyAsync()) {
+            throw new NetAdminInvalidOperationException(Ln.父节点不存在);
+        }
+
+        if (await Rpo.UpdateDiy.SetSource(req).ExecuteAffrowsAsync() <= 0) {
+            throw new NetAdminUnexpectedException();
+        }
+
+        var ret = await Rpo.Select.Where(a => a.Id == req.Id).ToOneAsync();
+        return ret.Adapt<QueryDicCatalogRsp>();
+    }
+
+    private ISelect<Sys_DicCatalog> QueryInternal(QueryReq<QueryDicCatalogReq> req)
+    {
+        return Rpo.Select.WhereDynamicFilter(req.DynamicFilter)
+                  .WhereDynamic(req.Filter)
+                  .OrderByPropertyNameIf(req.Prop?.Length > 0, req.Prop, req.Order == Orders.Ascending)
+                  .OrderByDescending(a => a.Id);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/DicContentService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/DicContentService.cs
new file mode 100644
index 00000000..05a7c70f
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/DicContentService.cs
@@ -0,0 +1,122 @@
+using NetAdmin.Application.Repositories;
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Dic.Content;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="IDicContentService" />
+public sealed class DicContentService : RepositoryService<Sys_DicContent, IDicContentService>, IDicContentService
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="DicContentService" /> class.
+    /// </summary>
+    public DicContentService(Repository<Sys_DicContent> rpo) //
+        : base(rpo) { }
+
+    /// <summary>
+    ///     批量删除字典内容
+    /// </summary>
+    public async Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        var sum = 0;
+        foreach (var item in req.Items) {
+            sum += await DeleteAsync(item);
+        }
+
+        return sum;
+    }
+
+    /// <summary>
+    ///     创建字典内容
+    /// </summary>
+    /// <exception cref="NetAdminInvalidOperationException">Dictionary_directory_does_not_exist</exception>
+    public async Task<QueryDicContentRsp> CreateAsync(CreateDicContentReq req)
+    {
+        if (!await Rpo.Orm.Select<Sys_DicCatalog>().Where(a => a.Id == req.CatalogId).ForUpdate().AnyAsync()) {
+            throw new NetAdminInvalidOperationException(Ln.字典目录不存在);
+        }
+
+        var ret = await Rpo.InsertAsync(req);
+        return ret.Adapt<QueryDicContentRsp>();
+    }
+
+    /// <summary>
+    ///     删除字典内容
+    /// </summary>
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Rpo.DeleteAsync(a => a.Id == req.Id);
+    }
+
+    /// <summary>
+    ///     判断字典是否存在
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<bool> ExistAsync(QueryReq<QueryDicContentReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     获取单个字典
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<QueryDicContentRsp> GetAsync(QueryDicContentReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     分页查询字典内容
+    /// </summary>
+    public async Task<PagedQueryRsp<QueryDicContentRsp>> PagedQueryAsync(PagedQueryReq<QueryDicContentReq> req)
+    {
+        var list = await QueryInternal(req).Page(req.Page, req.PageSize).Count(out var total).ToListAsync();
+
+        return new PagedQueryRsp<QueryDicContentRsp>(req.Page, req.PageSize, total
+                                                   , list.Adapt<IEnumerable<QueryDicContentRsp>>());
+    }
+
+    /// <summary>
+    ///     查询字典内容
+    /// </summary>
+    public async Task<IEnumerable<QueryDicContentRsp>> QueryAsync(QueryReq<QueryDicContentReq> req)
+    {
+        var ret = await QueryInternal(req).Take(req.Count).ToListAsync();
+        return ret.Adapt<IEnumerable<QueryDicContentRsp>>();
+    }
+
+    /// <summary>
+    ///     更新字典内容
+    /// </summary>
+    /// <exception cref="NetAdminInvalidOperationException">Dictionary_directory_does_not_exist</exception>
+    /// <exception cref="NetAdminUnexpectedException">NetAdminUnexpectedException</exception>
+    public async Task<QueryDicContentRsp> UpdateAsync(UpdateDicContentReq req)
+    {
+        if (!await Rpo.Orm.Select<Sys_DicCatalog>().Where(a => a.Id == req.CatalogId).ForUpdate().AnyAsync()) {
+            throw new NetAdminInvalidOperationException(Ln.字典目录不存在);
+        }
+
+        if (await Rpo.UpdateDiy.SetSource(req).ExecuteAffrowsAsync() <= 0) {
+            throw new NetAdminUnexpectedException();
+        }
+
+        var ret = await Rpo.Select.Where(a => a.Id == req.Id).ToOneAsync();
+        return ret.Adapt<QueryDicContentRsp>();
+    }
+
+    private ISelect<Sys_DicContent> QueryInternal(QueryReq<QueryDicContentReq> req)
+    {
+        var ret = Rpo.Select.WhereDynamicFilter(req.DynamicFilter)
+                     .WhereDynamic(req.Filter)
+                     .OrderByPropertyNameIf(req.Prop?.Length > 0, req.Prop, req.Order == Orders.Ascending);
+        if (!req.Prop?.Equals(nameof(req.Filter.Id), StringComparison.OrdinalIgnoreCase) ?? true) {
+            ret = ret.OrderByDescending(a => a.Id);
+        }
+
+        return ret;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/DicService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/DicService.cs
new file mode 100644
index 00000000..a941f06e
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/DicService.cs
@@ -0,0 +1,119 @@
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Dic.Catalog;
+using NetAdmin.Domain.Dto.Sys.Dic.Content;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="IDicService" />
+public sealed class DicService : ServiceBase<IDicService>, IDicService
+{
+    private readonly IDicCatalogService _catalogService;
+    private readonly IDicContentService _contentService;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="DicService" /> class.
+    /// </summary>
+    public DicService(IDicCatalogService catalogService, IDicContentService contentService)
+    {
+        _catalogService = catalogService;
+        _contentService = contentService;
+    }
+
+    /// <summary>
+    ///     批量删除字典目录
+    /// </summary>
+    public Task<int> BulkDeleteCatalogAsync(BulkReq<DelReq> req)
+    {
+        return _catalogService.BulkDeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     批量删除字典内容
+    /// </summary>
+    public Task<int> BulkDeleteContentAsync(BulkReq<DelReq> req)
+    {
+        return _contentService.BulkDeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     创建字典目录
+    /// </summary>
+    public Task<QueryDicCatalogRsp> CreateCatalogAsync(CreateDicCatalogReq req)
+    {
+        return _catalogService.CreateAsync(req);
+    }
+
+    /// <summary>
+    ///     创建字典内容
+    /// </summary>
+    public Task<QueryDicContentRsp> CreateContentAsync(CreateDicContentReq req)
+    {
+        return _contentService.CreateAsync(req);
+    }
+
+    /// <summary>
+    ///     删除字典目录
+    /// </summary>
+    public Task<int> DeleteCatalogAsync(DelReq req)
+    {
+        return _catalogService.DeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     删除字典内容
+    /// </summary>
+    public Task<int> DeleteContentAsync(DelReq req)
+    {
+        return _contentService.DeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     分页查询字典目录
+    /// </summary>
+    public Task<PagedQueryRsp<QueryDicCatalogRsp>> PagedQueryCatalogAsync(PagedQueryReq<QueryDicCatalogReq> req)
+    {
+        return _catalogService.PagedQueryAsync(req);
+    }
+
+    /// <summary>
+    ///     分页查询字典内容
+    /// </summary>
+    public Task<PagedQueryRsp<QueryDicContentRsp>> PagedQueryContentAsync(PagedQueryReq<QueryDicContentReq> req)
+    {
+        return _contentService.PagedQueryAsync(req);
+    }
+
+    /// <summary>
+    ///     查询字典目录
+    /// </summary>
+    public Task<IEnumerable<QueryDicCatalogRsp>> QueryCatalogAsync(QueryReq<QueryDicCatalogReq> req)
+    {
+        return _catalogService.QueryAsync(req);
+    }
+
+    /// <summary>
+    ///     查询字典内容
+    /// </summary>
+    public Task<IEnumerable<QueryDicContentRsp>> QueryContentAsync(QueryReq<QueryDicContentReq> req)
+    {
+        return _contentService.QueryAsync(req);
+    }
+
+    /// <summary>
+    ///     更新字典目录
+    /// </summary>
+    public Task<QueryDicCatalogRsp> UpdateCatalogAsync(UpdateDicCatalogReq req)
+    {
+        return _catalogService.UpdateAsync(req);
+    }
+
+    /// <summary>
+    ///     更新字典内容
+    /// </summary>
+    public Task<QueryDicContentRsp> UpdateContentAsync(UpdateDicContentReq req)
+    {
+        return _contentService.UpdateAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/FileService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/FileService.cs
new file mode 100644
index 00000000..872bf1cf
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/FileService.cs
@@ -0,0 +1,47 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="IFileService" />
+public sealed class FileService : ServiceBase<IFileService>, IFileService
+{
+    private readonly MinioHelper   _minioHelper;
+    private readonly UploadOptions _uploadOptions;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="FileService" /> class.
+    /// </summary>
+    public FileService(IOptions<UploadOptions> uploadOptions, MinioHelper minioHelper) //
+    {
+        _minioHelper   = minioHelper;
+        _uploadOptions = uploadOptions.Value;
+    }
+
+    /// <summary>
+    ///     文件上传
+    /// </summary>
+    /// <exception cref="NetAdminInvalidOperationException">文件不能为空</exception>
+    /// <exception cref="NetAdminInvalidOperationException">允许上传的文件格式</exception>
+    /// <exception cref="NetAdminInvalidOperationException">允许的文件大小</exception>
+    public async Task<string> UploadAsync(IFormFile file)
+    {
+        if (file == null || file.Length < 1) {
+            throw new NetAdminInvalidOperationException(Ln.文件不能为空);
+        }
+
+        if (!_uploadOptions.ContentTypes.Contains(file.ContentType)) {
+            throw new NetAdminInvalidOperationException(
+                $"{Ln.允许的文件格式} {string.Join(",", _uploadOptions.ContentTypes)}");
+        }
+
+        if (file.Length > _uploadOptions.MaxSize) {
+            throw new NetAdminInvalidOperationException($"{Ln.允许的文件大小} {_uploadOptions.MaxSize}");
+        }
+
+        var             fileName   = $"{Guid.NewGuid()}{Path.GetExtension(file.FileName)}";
+        var             objectName = $"{UserToken.Id}/{fileName}";
+        await using var fs         = file.OpenReadStream();
+        return await _minioHelper.UploadAsync(objectName, fs, file.ContentType, file.Length);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/MenuService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/MenuService.cs
new file mode 100644
index 00000000..a7c942c8
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/MenuService.cs
@@ -0,0 +1,144 @@
+using NetAdmin.Application.Repositories;
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Menu;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="IMenuService" />
+public sealed class MenuService : RepositoryService<Sys_Menu, IMenuService>, IMenuService
+{
+    private readonly IUserService _userService;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="MenuService" /> class.
+    /// </summary>
+    public MenuService(Repository<Sys_Menu> rpo, IUserService userService) //
+        : base(rpo)
+    {
+        _userService = userService;
+    }
+
+    /// <summary>
+    ///     批量删除菜单
+    /// </summary>
+    public async Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        var sum = 0;
+        foreach (var item in req.Items) {
+            sum += await DeleteAsync(item);
+        }
+
+        return sum;
+    }
+
+    /// <summary>
+    ///     创建菜单
+    /// </summary>
+    public async Task<QueryMenuRsp> CreateAsync(CreateMenuReq req)
+    {
+        var ret = await Rpo.InsertAsync(req);
+        return ret.Adapt<QueryMenuRsp>();
+    }
+
+    /// <summary>
+    ///     删除菜单
+    /// </summary>
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Rpo.DeleteAsync(a => a.Id == req.Id);
+    }
+
+    /// <summary>
+    ///     判断菜单是否存在
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<bool> ExistAsync(QueryReq<QueryMenuReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     获取单个菜单
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<QueryMenuRsp> GetAsync(QueryMenuReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     分页查询菜单
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<PagedQueryRsp<QueryMenuRsp>> PagedQueryAsync(PagedQueryReq<QueryMenuReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     查询菜单
+    /// </summary>
+    public async Task<IEnumerable<QueryMenuRsp>> QueryAsync(QueryReq<QueryMenuReq> req)
+    {
+        var ret = await QueryInternal(req).ToTreeListAsync();
+        return ret.Adapt<IEnumerable<QueryMenuRsp>>();
+    }
+
+    /// <summary>
+    ///     更新菜单
+    /// </summary>
+    /// <exception cref="NetAdminUnexpectedException">NetAdminUnexpectedException</exception>
+    public async Task<QueryMenuRsp> UpdateAsync(UpdateMenuReq req)
+    {
+        if (await Rpo.UpdateDiy.SetSource(req).ExecuteAffrowsAsync() <= 0) {
+            throw new NetAdminUnexpectedException();
+        }
+
+        var ret = await Rpo.Select.Where(a => a.Id == req.Id).ToOneAsync();
+        return ret.Adapt<QueryMenuRsp>();
+    }
+
+    /// <summary>
+    ///     当前用户菜单
+    /// </summary>
+    public async Task<IEnumerable<QueryMenuRsp>> UserMenusAsync()
+    {
+        var                             userInfo = await _userService.UserInfoAsync();
+        Task<IEnumerable<QueryMenuRsp>> ret;
+        var                             req = new QueryReq<QueryMenuReq>();
+
+        if (userInfo.Roles.Any(x => x.IgnorePermissionControl)) {
+            // 忽略权限控制
+            ret = QueryAsync(req);
+        }
+        else {
+            var ownedMenuIds = userInfo.Roles.SelectMany(x => x.MenuIds);
+            if (ownedMenuIds.NullOrEmpty()) {
+                ownedMenuIds = new[] { 0L };
+            }
+
+            ret = QueryAsync(req with {
+                                          DynamicFilter = new DynamicFilterInfo {
+                                                              Field    = nameof(QueryMenuReq.Id)
+                                                            , Operator = DynamicFilterOperator.Any
+                                                            , Value    = ownedMenuIds
+                                                          }
+                                      });
+        }
+
+        return await ret;
+    }
+
+    private ISelect<Sys_Menu> QueryInternal(QueryReq<QueryMenuReq> req)
+    {
+        return Rpo.Select.WhereDynamicFilter(req.DynamicFilter)
+                  .WhereDynamic(req.Filter)
+                  .OrderByPropertyNameIf(req.Prop?.Length > 0, req.Prop, req.Order == Orders.Ascending)
+                  .OrderByDescending(a => a.Sort)
+                  .OrderBy(a => a.Name)
+                  .OrderBy(a => a.Id);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/RequestLogService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/RequestLogService.cs
new file mode 100644
index 00000000..6b51c822
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/RequestLogService.cs
@@ -0,0 +1,125 @@
+using NetAdmin.Application.Repositories;
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.RequestLog;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="IRequestLogService" />
+public sealed class RequestLogService : RepositoryService<Sys_RequestLog, IRequestLogService>, IRequestLogService
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="RequestLogService" /> class.
+    /// </summary>
+    public RequestLogService(Repository<Sys_RequestLog> rpo) //
+        : base(rpo) { }
+
+    /// <summary>
+    ///     批量删除请求日志
+    /// </summary>
+    public async Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        var sum = 0;
+        foreach (var item in req.Items) {
+            sum += await DeleteAsync(item);
+        }
+
+        return sum;
+    }
+
+    /// <summary>
+    ///     创建请求日志
+    /// </summary>
+    public async Task<QueryRequestLogRsp> CreateAsync(CreateRequestLogReq req)
+    {
+        var ret = await Rpo.InsertAsync(req);
+        return ret.Adapt<QueryRequestLogRsp>();
+    }
+
+    /// <summary>
+    ///     删除请求日志
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     判断请求日志是否存在
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<bool> ExistAsync(QueryReq<QueryRequestLogReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     获取单个请求日志
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<QueryRequestLogRsp> GetAsync(QueryRequestLogReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     分页查询请求日志
+    /// </summary>
+    public async Task<PagedQueryRsp<QueryRequestLogRsp>> PagedQueryAsync(PagedQueryReq<QueryRequestLogReq> req)
+    {
+        var list = await QueryInternal(req)
+                         .Page(req.Page, req.PageSize)
+                         .Count(out var total)
+                         .ToListAsync(a => new {
+                                                   a.ApiId
+                                                 , ApiSummary = a.Api.Summary
+                                                 , a.ExtraData
+                                                 , a.CreatedClientIp
+                                                 , a.CreatedTime
+                                                 , a.CreatedUserName
+                                                 , a.Duration
+                                                 , a.Method
+                                                 , a.CreatedUserAgent
+                                                 , a.HttpStatusCode
+                                                 , a.Id
+                                               });
+
+        return new PagedQueryRsp<QueryRequestLogRsp>(req.Page, req.PageSize, total
+                                                   , list.Adapt<IEnumerable<QueryRequestLogRsp>>());
+    }
+
+    /// <summary>
+    ///     查询请求日志
+    /// </summary>
+    public async Task<IEnumerable<QueryRequestLogRsp>> QueryAsync(QueryReq<QueryRequestLogReq> req)
+    {
+        var ret = await QueryInternal(req).Take(req.Count).ToListAsync();
+        return ret.Adapt<IEnumerable<QueryRequestLogRsp>>();
+    }
+
+    /// <summary>
+    ///     更新请求日志
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<NopReq> UpdateAsync(NopReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    private ISelect<Sys_RequestLog> QueryInternal(QueryReq<QueryRequestLogReq> req)
+    {
+        var ret = Rpo.Select.Include(a => a.Api)
+                     .WhereDynamicFilter(req.DynamicFilter)
+                     .WhereDynamic(req.Filter)
+                     .OrderByPropertyNameIf(req.Prop?.Length > 0, req.Prop, req.Order == Orders.Ascending);
+
+        if (!req.Prop?.Equals(nameof(req.Filter.CreatedTime), StringComparison.OrdinalIgnoreCase) ?? true) {
+            ret = ret.OrderByDescending(a => a.CreatedTime);
+        }
+
+        return ret;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/RoleService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/RoleService.cs
new file mode 100644
index 00000000..3bd1db68
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/RoleService.cs
@@ -0,0 +1,133 @@
+using NetAdmin.Application.Repositories;
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Role;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="IRoleService" />
+public sealed class RoleService : RepositoryService<Sys_Role, IRoleService>, IRoleService
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="RoleService" /> class.
+    /// </summary>
+    public RoleService(Repository<Sys_Role> rpo) //
+        : base(rpo) { }
+
+    /// <summary>
+    ///     批量删除角色
+    /// </summary>
+    public async Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        var sum = 0;
+        foreach (var item in req.Items) {
+            sum += await DeleteAsync(item);
+        }
+
+        return sum;
+    }
+
+    /// <summary>
+    ///     创建角色
+    /// </summary>
+    public async Task<QueryRoleRsp> CreateAsync(CreateRoleReq req)
+    {
+        var entity = req.Adapt<Sys_Role>();
+        var ret    = await Rpo.InsertAsync(entity);
+
+        await Rpo.SaveManyAsync(entity, nameof(entity.Depts));
+        await Rpo.SaveManyAsync(entity, nameof(entity.Menus));
+        await Rpo.SaveManyAsync(entity, nameof(entity.Apis));
+
+        entity = entity with { Id = ret.Id };
+        return entity.Adapt<QueryRoleRsp>();
+    }
+
+    /// <summary>
+    ///     删除角色
+    /// </summary>
+    /// <exception cref="NetAdminInvalidOperationException">Users_exist_under_this_role_and_deletion_is_not_allowed</exception>
+    public async Task<int> DeleteAsync(DelReq req)
+    {
+        return await Rpo.Orm.Select<Sys_UserRole>().ForUpdate().AnyAsync(a => a.RoleId == req.Id)
+            ? throw new NetAdminInvalidOperationException(Ln.该角色下存在用户)
+            : await Rpo.DeleteAsync(a => a.Id == req.Id);
+    }
+
+    /// <summary>
+    ///     判断角色是否存在
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<bool> ExistAsync(QueryReq<QueryRoleReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     获取单个角色
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<QueryRoleRsp> GetAsync(QueryRoleReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     分页查询角色
+    /// </summary>
+    public async Task<PagedQueryRsp<QueryRoleRsp>> PagedQueryAsync(PagedQueryReq<QueryRoleReq> req)
+    {
+        var list = await QueryInternal(req).Page(req.Page, req.PageSize).Count(out var total).ToListAsync();
+
+        return new PagedQueryRsp<QueryRoleRsp>(req.Page, req.PageSize, total, list.Adapt<IEnumerable<QueryRoleRsp>>());
+    }
+
+    /// <summary>
+    ///     查询角色
+    /// </summary>
+    public async Task<IEnumerable<QueryRoleRsp>> QueryAsync(QueryReq<QueryRoleReq> req)
+    {
+        var ret = await QueryInternal(req).ToListAsync();
+        return ret.Adapt<IEnumerable<QueryRoleRsp>>();
+    }
+
+    /// <summary>
+    ///     更新角色
+    /// </summary>
+    public async Task<QueryRoleRsp> UpdateAsync(UpdateRoleReq req)
+    {
+        var entity = req.Adapt<Sys_Role>();
+        _ = await Rpo.UpdateAsync(entity);
+        await Rpo.SaveManyAsync(entity, nameof(entity.Depts));
+        await Rpo.SaveManyAsync(entity, nameof(entity.Menus));
+        await Rpo.SaveManyAsync(entity, nameof(entity.Apis));
+
+        return (await QueryAsync(new QueryReq<QueryRoleReq> { Filter = new QueryRoleReq { Id = req.Id } })).First();
+    }
+
+    private ISelect<Sys_Role> QueryInternal(QueryReq<QueryRoleReq> req)
+    {
+        var ret = Rpo.Select.IncludeMany(a => a.Depts.Select(b => new Sys_Dept { Id = b.Id }))
+                     .IncludeMany(a => a.Menus.Select(b => new Sys_Menu { Id        = b.Id }))
+                     .IncludeMany(a => a.Apis.Select(b => new Sys_Api { Id          = b.Id }))
+                     .WhereDynamicFilter(req.DynamicFilter)
+                     .WhereDynamic(req.Filter)
+                     .WhereIf( //
+                         req.Keywords?.Length > 0
+                       , a => a.Name.Contains(req.Keywords) || a.Summary.Contains(req.Keywords) ||
+                              a.Id == req.Keywords.Int64Try(0))
+                     .OrderByPropertyNameIf(req.Prop?.Length > 0, req.Prop, req.Order == Orders.Ascending);
+
+        if (!req.Prop?.Equals(nameof(req.Filter.Sort), StringComparison.OrdinalIgnoreCase) ?? true) {
+            ret = ret.OrderByDescending(a => a.Sort);
+        }
+
+        if (!req.Prop?.Equals(nameof(req.Filter.CreatedTime), StringComparison.OrdinalIgnoreCase) ?? true) {
+            ret = ret.OrderByDescending(a => a.CreatedTime);
+        }
+
+        return ret;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/ToolsService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/ToolsService.cs
new file mode 100644
index 00000000..00d27f5a
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/ToolsService.cs
@@ -0,0 +1,24 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="IToolsService" />
+public sealed class ToolsService : ServiceBase<IToolsService>, IToolsService
+{
+    /// <summary>
+    ///     服务器时间
+    /// </summary>
+    public DateTime GetServerUtcTime()
+    {
+        return DateTime.UtcNow;
+    }
+
+    /// <summary>
+    ///     版本信息
+    /// </summary>
+    public string Version()
+    {
+        return Global.ProductVersion;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/UserProfileService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/UserProfileService.cs
new file mode 100644
index 00000000..8ca8926c
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/UserProfileService.cs
@@ -0,0 +1,171 @@
+using NetAdmin.Application.Repositories;
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Dic.Content;
+using NetAdmin.Domain.Dto.Sys.UserProfile;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using DataType = FreeSql.DataType;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="IUserProfileService" />
+public sealed class UserProfileService : RepositoryService<Sys_UserProfile, IUserProfileService>, IUserProfileService
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="UserProfileService" /> class.
+    /// </summary>
+    public UserProfileService(Repository<Sys_UserProfile> rpo) //
+        : base(rpo) { }
+
+    /// <summary>
+    ///     批量删除用户档案
+    /// </summary>
+    public async Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        var sum = 0;
+        foreach (var item in req.Items) {
+            sum += await DeleteAsync(item);
+        }
+
+        return sum;
+    }
+
+    /// <summary>
+    ///     创建用户档案
+    /// </summary>
+    public async Task<QueryUserProfileRsp> CreateAsync(CreateUserProfileReq req)
+    {
+        var entity = req.Adapt<Sys_UserProfile>();
+        var ret    = await Rpo.InsertAsync(entity);
+        return ret.Adapt<QueryUserProfileRsp>();
+    }
+
+    /// <summary>
+    ///     删除用户档案
+    /// </summary>
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Rpo.DeleteAsync(a => a.Id == req.Id);
+    }
+
+    /// <summary>
+    ///     判断用户档案是否存在
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<bool> ExistAsync(QueryReq<QueryUserProfileReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     获取单个用户档案
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public async Task<QueryUserProfileRsp> GetAsync(QueryUserProfileReq req)
+    {
+        var ret = await QueryInternal(new QueryReq<QueryUserProfileReq> { Filter = req }).ToOneAsync();
+        return ret.Adapt<QueryUserProfileRsp>();
+    }
+
+    /// <summary>
+    ///     分页查询用户档案
+    /// </summary>
+    public async Task<PagedQueryRsp<QueryUserProfileRsp>> PagedQueryAsync(PagedQueryReq<QueryUserProfileReq> req)
+    {
+        var list = await QueryInternal(req)
+                         .Page(req.Page, req.PageSize)
+                         .Count(out var total)
+                         .ToListAsync((a, b, c, d, e) => new {
+                                                                 a
+                                                               , b = new { b.Key, b.Value }
+                                                               , c = new { c.Key, c.Value }
+                                                               , d = new { d.Key, d.Value }
+                                                               , e = new { e.Key, e.Value }
+                                                             });
+
+        return new PagedQueryRsp<QueryUserProfileRsp>(req.Page, req.PageSize, total
+                                                    , list.ConvertAll(
+                                                          x => x.a.Adapt<QueryUserProfileRsp>() with {
+                                                                   NationArea = x.b.Adapt<QueryDicContentRsp>()
+                                                                 , CompanyArea = x.c.Adapt<QueryDicContentRsp>()
+                                                                 , HomeArea = x.d.Adapt<QueryDicContentRsp>()
+                                                                 , EmergencyContactArea
+                                                                   = x.e.Adapt<QueryDicContentRsp>()
+                                                               }));
+    }
+
+    /// <summary>
+    ///     查询用户档案
+    /// </summary>
+    public async Task<IEnumerable<QueryUserProfileRsp>> QueryAsync(QueryReq<QueryUserProfileReq> req)
+    {
+        var ret = await QueryInternal(req)
+                        .Take(req.Count)
+                        .ToListAsync((a, b, c, d, e) => new {
+                                                                a
+                                                              , b = new { b.Key, b.Value }
+                                                              , c = new { c.Key, c.Value }
+                                                              , d = new { d.Key, d.Value }
+                                                              , e = new { e.Key, e.Value }
+                                                            });
+        return ret.ConvertAll(x => x.a.Adapt<QueryUserProfileRsp>() with {
+                                                                             NationArea
+                                                                             = x.b.Key == null
+                                                                                 ? null
+                                                                                 : x.b.Adapt<QueryDicContentRsp>()
+                                                                           , CompanyArea
+                                                                             = x.c.Key == null
+                                                                                 ? null
+                                                                                 : x.c.Adapt<QueryDicContentRsp>()
+                                                                           , HomeArea
+                                                                             = x.d.Key == null
+                                                                                 ? null
+                                                                                 : x.d.Adapt<QueryDicContentRsp>()
+                                                                           , EmergencyContactArea = x.e.Key == null
+                                                                                 ? null
+                                                                                 : x.e.Adapt<QueryDicContentRsp>()
+                                                                         });
+    }
+
+    /// <summary>
+    ///     更新用户档案
+    /// </summary>
+    public async Task<QueryUserProfileRsp> UpdateAsync(UpdateUserProfileReq req)
+    {
+        var entity = req.Adapt<Sys_UserProfile>();
+        if (Rpo.Orm.Ado.DataType == DataType.Sqlite) {
+            return await UpdateForSqliteAsync(entity);
+        }
+
+        var ret = await Rpo.UpdateDiy.SetSource(entity).ExecuteUpdatedAsync();
+        return ret.FirstOrDefault()?.Adapt<QueryUserProfileRsp>();
+    }
+
+    private ISelect<Sys_UserProfile, Sys_DicContent, Sys_DicContent, Sys_DicContent, Sys_DicContent> QueryInternal(
+        QueryReq<QueryUserProfileReq> req)
+    {
+        return Rpo.Orm.Select<Sys_UserProfile, Sys_DicContent, Sys_DicContent, Sys_DicContent, Sys_DicContent>()
+                  .LeftJoin((a, b, _, __, ___) =>
+                                a.NationArea.ToString() == b.Value && b.CatalogId == Numbers.DIC_CATALOG_ID_GEO_AREA)
+                  .LeftJoin((a, _, c, __, ___) =>
+                                a.CompanyArea.ToString() == c.Value && c.CatalogId == Numbers.DIC_CATALOG_ID_GEO_AREA)
+                  .LeftJoin((a, _, __, d, ___) =>
+                                a.HomeArea.ToString() == d.Value && d.CatalogId == Numbers.DIC_CATALOG_ID_GEO_AREA)
+                  .LeftJoin((a, _, __, ___, e) => a.EmergencyContactArea.ToString() == e.Value &&
+                                                  e.CatalogId == Numbers.DIC_CATALOG_ID_GEO_AREA)
+                  .WhereDynamicFilter(req.DynamicFilter)
+                  .OrderByPropertyNameIf(req.Prop?.Length > 0, req.Prop, req.Order == Orders.Ascending)
+                  .OrderByDescending((a, _, __, ___, ____) => a.Id);
+    }
+
+    /// <summary>
+    ///     非sqlite数据库请删掉
+    /// </summary>
+    private async Task<QueryUserProfileRsp> UpdateForSqliteAsync(Sys_UserProfile req)
+    {
+        return await Rpo.UpdateDiy.SetSource(req).ExecuteAffrowsAsync() <= 0
+            ? null
+            : await GetAsync(new QueryUserProfileReq { Id = req.Id });
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/UserService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/UserService.cs
new file mode 100644
index 00000000..20a1066f
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/UserService.cs
@@ -0,0 +1,487 @@
+using NetAdmin.Application.Repositories;
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.Attributes.DataValidation;
+using NetAdmin.Domain.Contexts;
+using NetAdmin.Domain.DbMaps.Dependency.Fields;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.User;
+using NetAdmin.Domain.Dto.Sys.UserProfile;
+using NetAdmin.Domain.Dto.Sys.VerifyCode;
+using NetAdmin.Domain.Events.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="IUserService" />
+public sealed class UserService : RepositoryService<Sys_User, IUserService>, IUserService
+{
+    private readonly IEventPublisher _eventPublisher;
+
+    private readonly Expression<Func<Sys_User, Sys_User>> _selectUserFields = a => new Sys_User {
+        Id          = a.Id
+      , Avatar      = a.Avatar
+      , Email       = a.Email
+      , Mobile      = a.Mobile
+      , Enabled     = a.Enabled
+      , UserName    = a.UserName
+      , Summary     = a.Summary
+      , Version     = a.Version
+      , CreatedTime = a.CreatedTime
+      , Dept        = new Sys_Dept { Id = a.Dept.Id, Name = a.Dept.Name }
+      , Roles       = a.Roles
+    };
+
+    private readonly IUserProfileService _userProfileService;
+
+    private readonly IVerifyCodeService _verifyCodeService;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="UserService" /> class.
+    /// </summary>
+    public UserService(Repository<Sys_User> rpo,               IUserProfileService userProfileService
+                     , IVerifyCodeService   verifyCodeService, IEventPublisher     eventPublisher) //
+        : base(rpo)
+    {
+        _userProfileService = userProfileService;
+        _verifyCodeService  = verifyCodeService;
+        _eventPublisher     = eventPublisher;
+    }
+
+    /// <summary>
+    ///     批量删除用户
+    /// </summary>
+    public async Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        var sum = 0;
+        foreach (var item in req.Items) {
+            sum += await DeleteAsync(item);
+        }
+
+        return sum;
+    }
+
+    /// <summary>
+    ///     检查手机号是否可用
+    /// </summary>
+    public async Task<bool> CheckMobileAvailableAsync(CheckMobileAvailableReq req)
+    {
+        return !await Rpo.Select.Where(a => a.Mobile == req.Mobile && a.Id != req.Id).AnyAsync();
+    }
+
+    /// <summary>
+    ///     检查用户名是否可用
+    /// </summary>
+    public async Task<bool> CheckUserNameAvailableAsync(CheckUserNameAvailableReq req)
+    {
+        return !await Rpo.Select.Where(a => a.UserName == req.UserName && a.Id != req.Id).AnyAsync();
+    }
+
+    /// <summary>
+    ///     创建用户
+    /// </summary>
+    public async Task<QueryUserRsp> CreateAsync(CreateUserReq req)
+    {
+        await CreateUpdateCheckAsync(req);
+
+        // 主表
+        var entity = req.Adapt<Sys_User>();
+        var dbUser = await Rpo.InsertAsync(entity);
+
+        // 分表
+        await Rpo.SaveManyAsync(entity, nameof(entity.Roles));
+
+        // 档案表
+        _ = await _userProfileService.CreateAsync(req.Profile with { Id = dbUser.Id });
+        var ret = await QueryAsync(new QueryReq<QueryUserReq> { Filter = new QueryUserReq { Id = dbUser.Id } });
+        return ret.First();
+    }
+
+    /// <summary>
+    ///     删除用户
+    /// </summary>
+    public async Task<int> DeleteAsync(DelReq req)
+    {
+        var effect = 0;
+
+        // 删除主表
+        effect += await Rpo.DeleteAsync(req.Id);
+
+        // 删除分表
+        effect += await Rpo.Orm.Delete<Sys_UserRole>(new { UserId = req.Id }).ExecuteAffrowsAsync();
+
+        // 删除档案表
+        effect += await _userProfileService.DeleteAsync(req);
+
+        return effect;
+    }
+
+    /// <summary>
+    ///     判断用户是否存在
+    /// </summary>
+    public async Task<bool> ExistAsync(QueryReq<QueryUserReq> req)
+    {
+        return await (await QueryInternalAsync(req)).AnyAsync();
+    }
+
+    /// <summary>
+    ///     获取单个用户
+    /// </summary>
+    /// <exception cref="NotImplementedException">NotImplementedException</exception>
+    public Task<QueryUserRsp> GetAsync(QueryUserReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     获取单个用户（带更新锁）
+    /// </summary>
+    public async Task<QueryUserRsp> GetForUpdateAsync(QueryUserReq req)
+    {
+        // ReSharper disable once MethodHasAsyncOverload
+        return (await QueryInternal(new QueryReq<QueryUserReq> { Filter = req }).ForUpdate().ToOneAsync())
+            .Adapt<QueryUserRsp>();
+    }
+
+    /// <summary>
+    ///     密码登录
+    /// </summary>
+    /// <exception cref="NetAdminInvalidOperationException">用户名或密码错误</exception>
+    public async Task<LoginRsp> LoginByPwdAsync(LoginByPwdReq req)
+    {
+        var pwd = req.Password.Pwd().Guid();
+
+        Sys_User dbUser;
+        #pragma warning disable IDE0045
+        if (new MobileAttribute().IsValid(req.Account)) {
+            #pragma warning restore IDE0045
+            dbUser = await Rpo.GetAsync(a => a.Mobile == req.Account && a.Password == pwd);
+        }
+        else {
+            dbUser = new EmailAddressAttribute().IsValid(req.Account)
+                ? await Rpo.GetAsync(a => a.Email    == req.Account && a.Password == pwd)
+                : await Rpo.GetAsync(a => a.UserName == req.Account && a.Password == pwd);
+        }
+
+        return dbUser == null ? throw new NetAdminInvalidOperationException(Ln.用户名或密码错误) : LoginInternal(dbUser);
+    }
+
+    /// <summary>
+    ///     短信登录
+    /// </summary>
+    /// <exception cref="NetAdminInvalidOperationException">验证码不正确</exception>
+    /// <exception cref="NetAdminInvalidOperationException">用户不存在</exception>
+    public async Task<LoginRsp> LoginBySmsAsync(LoginBySmsReq req)
+    {
+        if (!await _verifyCodeService.VerifyAsync(req.Adapt<VerifySmsCodeReq>())) {
+            throw new NetAdminInvalidOperationException(Ln.验证码不正确);
+        }
+
+        var dbUser = await Rpo.GetAsync(a => a.Mobile == req.DestDevice);
+        return dbUser == null ? throw new NetAdminInvalidOperationException(Ln.用户不存在) : LoginInternal(dbUser);
+    }
+
+    /// <summary>
+    ///     分页查询用户
+    /// </summary>
+    public async Task<PagedQueryRsp<QueryUserRsp>> PagedQueryAsync(PagedQueryReq<QueryUserReq> req)
+    {
+        var list = await (await QueryInternalAsync(req)).Page(req.Page, req.PageSize)
+                                                        .Count(out var total)
+                                                        .ToListAsync(_selectUserFields);
+        return new PagedQueryRsp<QueryUserRsp>(req.Page, req.PageSize, total, list.Adapt<IEnumerable<QueryUserRsp>>());
+    }
+
+    /// <summary>
+    ///     查询用户
+    /// </summary>
+    public async Task<IEnumerable<QueryUserRsp>> QueryAsync(QueryReq<QueryUserReq> req)
+    {
+        var list = await (await QueryInternalAsync(req)).Take(req.Count).ToListAsync(_selectUserFields);
+        return list.Adapt<IEnumerable<QueryUserRsp>>();
+    }
+
+    /// <summary>
+    ///     查询用户档案
+    /// </summary>
+    public Task<IEnumerable<QueryUserProfileRsp>> QueryProfileAsync(QueryReq<QueryUserProfileReq> req)
+    {
+        return _userProfileService.QueryAsync(req);
+    }
+
+    /// <summary>
+    ///     注册用户
+    /// </summary>
+    /// <exception cref="NetAdminInvalidOperationException">验证码不正确</exception>
+    public async Task<UserInfoRsp> RegisterAsync(RegisterUserReq req)
+    {
+        if (!await _verifyCodeService.VerifyAsync(req.VerifySmsCodeReq)) {
+            throw new NetAdminInvalidOperationException(Ln.验证码不正确);
+        }
+
+        var createReq = req.Adapt<CreateUserReq>() with { Profile = new CreateUserProfileReq() };
+        return (await CreateAsync(createReq)).Adapt<UserInfoRsp>();
+    }
+
+    /// <summary>
+    ///     重设密码
+    /// </summary>
+    /// <exception cref="NetAdminInvalidOperationException">验证码不正确</exception>
+    /// <exception cref="NetAdminInvalidOperationException">用户不存在</exception>
+    public async Task<uint> ResetPasswordAsync(ResetPasswordReq req)
+    {
+        return !await _verifyCodeService.VerifyAsync(req.VerifySmsCodeReq)
+            ? throw new NetAdminInvalidOperationException(Ln.验证码不正确)
+            : (uint)await Rpo.UpdateDiy
+                             .SetSource((await Rpo.Where(a => a.Mobile == req.VerifySmsCodeReq.DestDevice)
+                                                  .ToOneAsync(a => new { a.Version, a.Id })).Adapt<Sys_User>() with {
+                                            Password = req.PasswordText.Pwd().Guid()
+                                        })
+                             .UpdateColumns(a => a.Password)
+                             .ExecuteAffrowsAsync();
+    }
+
+    /// <inheritdoc />
+    public async Task<UserInfoRsp> SetAvatarAsync(SetAvatarReq req)
+    {
+        if (await Rpo.UpdateDiy
+                     .SetSource(req with {
+                                             Id = UserToken.Id
+                                           , Version = Rpo.Where(a => a.Id == UserToken.Id).ToOne(a => a.Version)
+                                         })
+                     .UpdateColumns(a => a.Avatar)
+                     .ExecuteAffrowsAsync() <= 0) {
+            throw new NetAdminUnexpectedException();
+        }
+
+        var ret = (await QueryAsync(new QueryReq<QueryUserReq> { Filter = new QueryUserReq { Id = UserToken.Id } }))
+                  .First()
+                  .Adapt<UserInfoRsp>();
+
+        // 发布用户更新事件
+        await _eventPublisher.PublishAsync(new UserUpdatedEvent(ret));
+        return ret;
+    }
+
+    /// <inheritdoc />
+    public async Task<UserInfoRsp> SetEmailAsync(SetEmailReq req)
+    {
+        var user = Rpo.Where(a => a.Id == UserToken.Id).ToOne(a => new { a.Mobile, a.Version, a.Email });
+
+        // 如果已绑定手机号、需要手机安全验证
+        if (!user.Mobile.NullOrEmpty()) {
+            if (!await _verifyCodeService.VerifyAsync(req.VerifySmsCodeReq)) {
+                throw new NetAdminInvalidOperationException(Ln.验证码不正确);
+            }
+
+            if (user.Mobile != req.VerifySmsCodeReq.DestDevice) {
+                throw new NetAdminInvalidOperationException($"{Ln.手机号码} {Ln.不正确}");
+            }
+        }
+
+        if (await Rpo.UpdateDiy
+                     .SetSource(new Sys_User { Email = req.DestDevice, Id = UserToken.Id, Version = user.Version })
+                     .UpdateColumns(a => a.Email)
+                     .ExecuteAffrowsAsync() <= 0) {
+            throw new NetAdminUnexpectedException();
+        }
+
+        var ret = (await QueryAsync(new QueryReq<QueryUserReq> { Filter = new QueryUserReq { Id = UserToken.Id } }))
+                  .First()
+                  .Adapt<UserInfoRsp>();
+
+        // 发布用户更新事件
+        await _eventPublisher.PublishAsync(new UserUpdatedEvent(ret));
+        return ret;
+    }
+
+    /// <inheritdoc />
+    public async Task<UserInfoRsp> SetMobileAsync(SetMobileReq req)
+    {
+        var user = await Rpo.Where(a => a.Id == UserToken.Id).ToOneAsync(a => new { a.Version, a.Mobile });
+
+        if (!user.Mobile.NullOrEmpty()) {
+            // 已有手机号，需验证旧手机
+            if (!await _verifyCodeService.VerifyAsync(req.OriginVerifySmsCodeReq)) {
+                throw new NetAdminInvalidOperationException($"{Ln.旧手机号码} {Ln.验证码不正确}");
+            }
+
+            if (user.Mobile != req.OriginVerifySmsCodeReq.DestDevice) {
+                throw new NetAdminInvalidOperationException($"{Ln.旧手机号码} {Ln.不正确}");
+            }
+        }
+
+        // 验证新手机号
+        if (!await _verifyCodeService.VerifyAsync(req.NewVerifySmsCodeReq)) {
+            throw new NetAdminInvalidOperationException($"{Ln.新手机号码} {Ln.验证码不正确}");
+        }
+
+        if (await Rpo.UpdateDiy
+                     .SetSource(new Sys_User {
+                                                 Version = user.Version
+                                               , Id      = UserToken.Id
+                                               , Mobile  = req.NewVerifySmsCodeReq.DestDevice
+                                             })
+                     .UpdateColumns(a => a.Mobile)
+                     .ExecuteAffrowsAsync() <= 0) {
+            throw new NetAdminUnexpectedException();
+        }
+
+        var ret = (await QueryAsync(new QueryReq<QueryUserReq> { Filter = new QueryUserReq { Id = UserToken.Id } }))
+                  .First()
+                  .Adapt<UserInfoRsp>();
+
+        // 发布用户更新事件
+        await _eventPublisher.PublishAsync(new UserUpdatedEvent(ret));
+        return ret;
+    }
+
+    /// <inheritdoc />
+    public async Task<uint> SetPasswordAsync(SetPasswordReq req)
+    {
+        var version = await Rpo.Where(a => a.Id == UserToken.Id && a.Password == req.OldPassword.Pwd().Guid())
+                               .ToOneAsync(a => new long?(a.Version));
+        if (version == null) {
+            throw new NetAdminInvalidInputException($"{Ln.旧密码} {Ln.不正确}");
+        }
+
+        var ret = await Rpo.UpdateDiy
+                           .SetSource(new Sys_User {
+                                                       Id       = UserToken.Id
+                                                     , Password = req.NewPassword.Pwd().Guid()
+                                                     , Version  = version.Value
+                                                   })
+                           .UpdateColumns(a => a.Password)
+                           .ExecuteAffrowsAsync();
+        return ret <= 0 ? throw new NetAdminUnexpectedException() : (uint)ret;
+    }
+
+    /// <summary>
+    ///     更新用户
+    /// </summary>
+    public async Task<QueryUserRsp> UpdateAsync(UpdateUserReq req)
+    {
+        await CreateUpdateCheckAsync(req);
+
+        // 主表
+        var entity     = req.Adapt<Sys_User>();
+        var ignoreCols = new List<string> { nameof(Sys_User.Token) };
+        if (entity.Password == Guid.Empty) {
+            ignoreCols.Add(nameof(Sys_User.Password));
+        }
+
+        _ = await Rpo.UpdateDiy.SetSource(entity).IgnoreColumns(ignoreCols.ToArray()).ExecuteAffrowsAsync();
+
+        // 档案表
+        _ = await _userProfileService.UpdateAsync(req.Profile);
+
+        // 分表
+        await Rpo.SaveManyAsync(entity, nameof(entity.Roles));
+
+        var ret = (await QueryAsync(new QueryReq<QueryUserReq> { Filter = new QueryUserReq { Id = req.Id } })).First();
+
+        // 发布用户更新事件
+        await _eventPublisher.PublishAsync(new UserUpdatedEvent(ret.Adapt<UserInfoRsp>()));
+        return ret;
+    }
+
+    /// <summary>
+    ///     单体更新
+    /// </summary>
+    public Task UpdateSingleAsync(UpdateUserReq req)
+    {
+        return Rpo.UpdateAsync(req);
+    }
+
+    /// <summary>
+    ///     当前用户信息
+    /// </summary>
+    public async Task<UserInfoRsp> UserInfoAsync()
+    {
+        var dbUser = await Rpo.Where(a => a.Token == UserToken.Token && a.Enabled)
+                              .Include(a => a.Dept)
+                              .IncludeMany( //
+                                  a => a.Roles
+                                , then => then.Where(a => a.Enabled)
+                                              .IncludeMany(a => a.Menus)
+                                              .IncludeMany(a => a.Depts)
+                                              .IncludeMany(a => a.Apis))
+                              .ToOneAsync();
+        return dbUser.Adapt<UserInfoRsp>();
+    }
+
+    private static LoginRsp LoginInternal(IFieldEnabled dbUser)
+    {
+        if (!dbUser.Enabled) {
+            throw new NetAdminInvalidOperationException(Ln.请联系管理员激活账号);
+        }
+
+        var tokenPayload
+            = new Dictionary<string, object> { { nameof(ContextUserToken), dbUser.Adapt<ContextUserToken>() } };
+
+        var accessToken = JWTEncryption.Encrypt(tokenPayload);
+        return new LoginRsp {
+                                AccessToken  = accessToken
+                              , RefreshToken = JWTEncryption.GenerateRefreshToken(accessToken)
+                            };
+    }
+
+    private async Task CreateUpdateCheckAsync(CreateUpdateUserReq req)
+    {
+        // 检查角色是否存在
+        var roles = await Rpo.Orm.Select<Sys_Role>()
+                             .ForUpdate()
+                             .Where(a => req.RoleIds.Contains(a.Id))
+                             .ToListAsync(a => a.Id);
+        if (roles.Count != req.RoleIds.Count) {
+            throw new NetAdminInvalidOperationException(Ln.角色不存在);
+        }
+
+        // 检查部门是否存在
+        var dept = await Rpo.Orm.Select<Sys_Dept>().ForUpdate().Where(a => req.DeptId == a.Id).ToListAsync(a => a.Id);
+
+        if (dept.Count != 1) {
+            throw new NetAdminInvalidOperationException(Ln.部门不存在);
+        }
+    }
+
+    private ISelect<Sys_User> QueryInternal(QueryReq<QueryUserReq> req)
+    {
+        return Rpo.Select.WhereDynamicFilter(req.DynamicFilter)
+                  .WhereDynamic(req.Filter)
+                  .OrderByPropertyNameIf(req.Prop?.Length > 0, req.Prop, req.Order == Orders.Ascending)
+                  .OrderByDescending(a => a.Id);
+    }
+
+    private async Task<ISelect<Sys_User>> QueryInternalAsync(QueryReq<QueryUserReq> req)
+    {
+        IEnumerable<long> deptIds = null;
+        if (req.Filter?.DeptId > 0) {
+            deptIds = await Rpo.Orm.Select<Sys_Dept>()
+                               .Where(a => a.Id == req.Filter.DeptId)
+                               .AsTreeCte()
+                               .ToListAsync(a => a.Id);
+        }
+
+        var ret = Rpo.Select.Include(a => a.Dept)
+                     .IncludeMany(a => a.Roles.Select(b => new Sys_Role { Id = b.Id, Name = b.Name }))
+                     .WhereDynamicFilter(req.DynamicFilter)
+                     .WhereIf(deptIds != null, a => deptIds.Contains(a.DeptId))
+                     .WhereIf( //
+                         req.Filter?.Id > 0, a => a.Id == req.Filter.Id)
+                     .WhereIf( //
+                         req.Filter?.RoleId > 0, a => a.Roles.Any(b => b.Id == req.Filter.RoleId))
+                     .WhereIf( //
+                         req.Keywords?.Length > 0
+                       , a => a.UserName.Contains(req.Keywords) || a.Id == req.Keywords.Int64Try(0) ||
+                              a.Mobile.Contains(req.Keywords)   || a.Email.Contains(req.Keywords)   ||
+                              a.Summary.Contains(req.Keywords))
+                     .OrderByPropertyNameIf(req.Prop?.Length > 0, req.Prop, req.Order == Orders.Ascending);
+
+        if (!req.Prop?.Equals(nameof(req.Filter.CreatedTime), StringComparison.OrdinalIgnoreCase) ?? true) {
+            ret = ret.OrderByDescending(a => a.CreatedTime);
+        }
+
+        return ret;
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Sys/VerifyCodeService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/VerifyCodeService.cs
new file mode 100644
index 00000000..c8c9c00d
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Sys/VerifyCodeService.cs
@@ -0,0 +1,194 @@
+using NetAdmin.Application.Repositories;
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.DbMaps.Sys;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.VerifyCode;
+using NetAdmin.Domain.Enums.Sys;
+using NetAdmin.Domain.Events.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using DataType = FreeSql.DataType;
+
+namespace NetAdmin.SysComponent.Application.Services.Sys;
+
+/// <inheritdoc cref="IVerifyCodeService" />
+public sealed class VerifyCodeService : RepositoryService<Sys_VerifyCode, IVerifyCodeService>, IVerifyCodeService
+{
+    private readonly IEventPublisher _eventPublisher;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="VerifyCodeService" /> class.
+    /// </summary>
+    public VerifyCodeService(Repository<Sys_VerifyCode> rpo, IEventPublisher eventPublisher) //
+        : base(rpo)
+    {
+        _eventPublisher = eventPublisher;
+    }
+
+    /// <summary>
+    ///     批量删除验证码
+    /// </summary>
+    public async Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        var sum = 0;
+        foreach (var item in req.Items) {
+            sum += await DeleteAsync(item);
+        }
+
+        return sum;
+    }
+
+    /// <summary>
+    ///     创建验证码
+    /// </summary>
+    public async Task<QueryVerifyCodeRsp> CreateAsync(CreateVerifyCodeReq req)
+    {
+        var entity = await Rpo.InsertAsync(req);
+
+        var ret = entity.Adapt<QueryVerifyCodeRsp>();
+
+        // 发布验证码创建事件
+        await _eventPublisher.PublishAsync(new VerifyCodeCreatedEvent(ret));
+
+        return ret;
+    }
+
+    /// <summary>
+    ///     删除验证码
+    /// </summary>
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Rpo.DeleteAsync(a => a.Id == req.Id);
+    }
+
+    /// <summary>
+    ///     判断验证码是否存在
+    /// </summary>
+    public Task<bool> ExistAsync(QueryReq<QueryVerifyCodeReq> req)
+    {
+        return QueryInternal(req).AnyAsync();
+    }
+
+    /// <summary>
+    ///     获取单个验证码
+    /// </summary>
+    public async Task<QueryVerifyCodeRsp> GetAsync(QueryVerifyCodeReq req)
+    {
+        var ret = await QueryInternal(new QueryReq<QueryVerifyCodeReq> { Filter = req }).ToOneAsync();
+        return ret.Adapt<QueryVerifyCodeRsp>();
+    }
+
+    /// <summary>
+    ///     分页查询验证码
+    /// </summary>
+    public async Task<PagedQueryRsp<QueryVerifyCodeRsp>> PagedQueryAsync(PagedQueryReq<QueryVerifyCodeReq> req)
+    {
+        var list = await QueryInternal(req).Page(req.Page, req.PageSize).Count(out var total).ToListAsync();
+
+        return new PagedQueryRsp<QueryVerifyCodeRsp>(req.Page, req.PageSize, total
+                                                   , list.Adapt<IEnumerable<QueryVerifyCodeRsp>>());
+    }
+
+    /// <summary>
+    ///     查询验证码
+    /// </summary>
+    public async Task<IEnumerable<QueryVerifyCodeRsp>> QueryAsync(QueryReq<QueryVerifyCodeReq> req)
+    {
+        var ret = await QueryInternal(req).Take(req.Count).ToListAsync();
+        return ret.Adapt<IEnumerable<QueryVerifyCodeRsp>>();
+    }
+
+    /// <inheritdoc />
+    public async Task<SendVerifyCodeRsp> SendVerifyCodeAsync(SendVerifyCodeReq req)
+    {
+        var lastSent = await GetLastSentAsync(req.DestDevice);
+
+        QueryVerifyCodeRsp ret;
+
+        #if !DEBUG
+        // 有发送记录，且小于1分钟，不允许
+        if (lastSent != null && (DateTime.UtcNow - lastSent.CreatedTime).TotalMinutes < 1) {
+            throw new NetAdminInvalidOperationException(Ln._1分钟内只能发送1次);
+        }
+        #endif
+
+        if (lastSent != null && lastSent.Status != VerifyCodeStatues.Verified) { // 上次发送未验证，生成相同code
+            ret = await CreateAsync(req.Adapt<CreateVerifyCodeReq>() with { Code = lastSent.Code });
+        }
+        else { // 生成新的code
+            var code = new[] { 0, 10000 }.Rand().ToString(CultureInfo.InvariantCulture).PadLeft(4, '0');
+            ret = await CreateAsync(req.Adapt<CreateVerifyCodeReq>() with { Code = code });
+        }
+
+        return ret.Adapt<SendVerifyCodeRsp>();
+    }
+
+    /// <summary>
+    ///     更新验证码
+    /// </summary>
+    public async Task<QueryVerifyCodeRsp> UpdateAsync(UpdateVerifyCodeReq req)
+    {
+        if (Rpo.Orm.Ado.DataType == DataType.Sqlite) {
+            return await UpdateForSqliteAsync(req);
+        }
+
+        var ret = await Rpo.UpdateDiy.SetSource(req).ExecuteUpdatedAsync();
+        return ret.FirstOrDefault()?.Adapt<QueryVerifyCodeRsp>();
+    }
+
+    /// <inheritdoc />
+    public async Task<bool> VerifyAsync(VerifyCodeReq req)
+    {
+        #if DEBUG
+        if (req.Code == "8888") {
+            return true;
+        }
+        #endif
+        if (req.Code == Global.SecretKey) {
+            return true;
+        }
+
+        var lastSent = await GetLastSentAsync(req.DestDevice);
+
+        if (lastSent is not { Status: VerifyCodeStatues.Sent } || req.Code != lastSent.Code ||
+            (DateTime.UtcNow - lastSent.CreatedTime).TotalMinutes          > 10) {
+            return false;
+        }
+
+        _ = await UpdateAsync((lastSent with { Status = VerifyCodeStatues.Verified }).Adapt<UpdateVerifyCodeReq>());
+
+        return true;
+    }
+
+    private Task<Sys_VerifyCode> GetLastSentAsync(string destDevice)
+    {
+        return QueryInternal(new QueryReq<QueryVerifyCodeReq> {
+                                                                  Count = 1
+                                                                , DynamicFilter
+                                                                      = new DynamicFilterInfo {
+                                                                            Field = nameof(
+                                                                                Sys_VerifyCode.DestDevice)
+                                                                          , Operator = DynamicFilterOperator.Eq
+                                                                          , Value    = destDevice
+                                                                        }
+                                                              })
+            .ToOneAsync();
+    }
+
+    private ISelect<Sys_VerifyCode> QueryInternal(QueryReq<QueryVerifyCodeReq> req)
+    {
+        return Rpo.Select.WhereDynamicFilter(req.DynamicFilter)
+                  .WhereDynamic(req.Filter)
+                  .OrderByPropertyNameIf(req.Prop?.Length > 0, req.Prop, req.Order == Orders.Ascending)
+                  .OrderByDescending(a => a.Id);
+    }
+
+    /// <summary>
+    ///     非sqlite数据库请删掉
+    /// </summary>
+    private async Task<QueryVerifyCodeRsp> UpdateForSqliteAsync(Sys_VerifyCode req)
+    {
+        return await Rpo.UpdateDiy.SetSource(req).ExecuteAffrowsAsync() <= 0
+            ? null
+            : await GetAsync(new QueryVerifyCodeReq { Id = req.Id });
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Tpl/Dependency/IExampleService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Tpl/Dependency/IExampleService.cs
new file mode 100644
index 00000000..6a74fa86
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Tpl/Dependency/IExampleService.cs
@@ -0,0 +1,9 @@
+using NetAdmin.Application.Services;
+using NetAdmin.SysComponent.Application.Modules.Tpl;
+
+namespace NetAdmin.SysComponent.Application.Services.Tpl.Dependency;
+
+/// <summary>
+///     示例服务
+/// </summary>
+public interface IExampleService : IService, IExampleModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Application/Services/Tpl/ExampleService.cs b/src/backend/NetAdmin.SysComponent.Application/Services/Tpl/ExampleService.cs
new file mode 100644
index 00000000..07956af2
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Application/Services/Tpl/ExampleService.cs
@@ -0,0 +1,117 @@
+using NetAdmin.Application.Repositories;
+using NetAdmin.Application.Services;
+using NetAdmin.Domain.DbMaps.Tpl;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Tpl.Example;
+using NetAdmin.SysComponent.Application.Services.Tpl.Dependency;
+using DataType = FreeSql.DataType;
+
+namespace NetAdmin.SysComponent.Application.Services.Tpl;
+
+/// <inheritdoc cref="IExampleService" />
+public sealed class ExampleService : RepositoryService<Tpl_Example, IExampleService>, IExampleService
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ExampleService" /> class.
+    /// </summary>
+    public ExampleService(Repository<Tpl_Example> rpo) //
+        : base(rpo) { }
+
+    /// <summary>
+    ///     批量删除示例
+    /// </summary>
+    public async Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        var sum = 0;
+        foreach (var item in req.Items) {
+            sum += await DeleteAsync(item);
+        }
+
+        return sum;
+    }
+
+    /// <summary>
+    ///     创建示例
+    /// </summary>
+    public async Task<QueryExampleRsp> CreateAsync(CreateExampleReq req)
+    {
+        var ret = await Rpo.InsertAsync(req);
+        return ret.Adapt<QueryExampleRsp>();
+    }
+
+    /// <summary>
+    ///     删除示例
+    /// </summary>
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Rpo.DeleteAsync(a => a.Id == req.Id);
+    }
+
+    /// <summary>
+    ///     判断示例是否存在
+    /// </summary>
+    public Task<bool> ExistAsync(QueryReq<QueryExampleReq> req)
+    {
+        return QueryInternal(req).AnyAsync();
+    }
+
+    /// <summary>
+    ///     获取单个示例
+    /// </summary>
+    public async Task<QueryExampleRsp> GetAsync(QueryExampleReq req)
+    {
+        var ret = await QueryInternal(new QueryReq<QueryExampleReq> { Filter = req }).ToOneAsync();
+        return ret.Adapt<QueryExampleRsp>();
+    }
+
+    /// <summary>
+    ///     分页查询示例
+    /// </summary>
+    public async Task<PagedQueryRsp<QueryExampleRsp>> PagedQueryAsync(PagedQueryReq<QueryExampleReq> req)
+    {
+        var list = await QueryInternal(req).Page(req.Page, req.PageSize).Count(out var total).ToListAsync();
+
+        return new PagedQueryRsp<QueryExampleRsp>(req.Page, req.PageSize, total
+                                                , list.Adapt<IEnumerable<QueryExampleRsp>>());
+    }
+
+    /// <summary>
+    ///     查询示例
+    /// </summary>
+    public async Task<IEnumerable<QueryExampleRsp>> QueryAsync(QueryReq<QueryExampleReq> req)
+    {
+        var ret = await QueryInternal(req).Take(req.Count).ToListAsync();
+        return ret.Adapt<IEnumerable<QueryExampleRsp>>();
+    }
+
+    /// <summary>
+    ///     更新示例
+    /// </summary>
+    public async Task<QueryExampleRsp> UpdateAsync(UpdateExampleReq req)
+    {
+        if (Rpo.Orm.Ado.DataType == DataType.Sqlite) {
+            return await UpdateForSqliteAsync(req);
+        }
+
+        var ret = await Rpo.UpdateDiy.SetSource(req).ExecuteUpdatedAsync();
+        return ret.FirstOrDefault()?.Adapt<QueryExampleRsp>();
+    }
+
+    private ISelect<Tpl_Example> QueryInternal(QueryReq<QueryExampleReq> req)
+    {
+        return Rpo.Select.WhereDynamicFilter(req.DynamicFilter)
+                  .WhereDynamic(req.Filter)
+                  .OrderByPropertyNameIf(req.Prop?.Length > 0, req.Prop, req.Order == Orders.Ascending)
+                  .OrderByDescending(a => a.Id);
+    }
+
+    /// <summary>
+    ///     非sqlite数据库请删掉
+    /// </summary>
+    private async Task<QueryExampleRsp> UpdateForSqliteAsync(Tpl_Example req)
+    {
+        return await Rpo.UpdateDiy.SetSource(req).ExecuteAffrowsAsync() <= 0
+            ? null
+            : await GetAsync(new QueryExampleReq { Id = req.Id });
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/NetAdmin.SysComponent.Cache.csproj b/src/backend/NetAdmin.SysComponent.Cache/NetAdmin.SysComponent.Cache.csproj
new file mode 100644
index 00000000..fe98ed52
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/NetAdmin.SysComponent.Cache.csproj
@@ -0,0 +1,7 @@
+<Project Sdk="Microsoft.NET.Sdk">
+    <Import Project="$(SolutionDir)/CodeQuality.props"/>
+    <ItemGroup>
+        <ProjectReference Include="../NetAdmin.Cache/NetAdmin.Cache.csproj"/>
+        <ProjectReference Include="../NetAdmin.SysComponent.Application/NetAdmin.SysComponent.Application.csproj"/>
+    </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/ApiCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/ApiCache.cs
new file mode 100644
index 00000000..0fece7e5
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/ApiCache.cs
@@ -0,0 +1,73 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Api;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <summary>
+///     接口缓存
+/// </summary>
+public sealed class ApiCache : DistributedCache<IApiService>, IScoped, IApiCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ApiCache" /> class.
+    /// </summary>
+    public ApiCache(IDistributedCache cache, IApiService service) //
+        : base(cache, service) { }
+
+    /// <inheritdoc />
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Service.BulkDeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryApiRsp> CreateAsync(CreateApiReq req)
+    {
+        return Service.CreateAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Service.DeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<bool> ExistAsync(QueryReq<QueryApiReq> req)
+    {
+        return Service.ExistAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryApiRsp> GetAsync(QueryApiReq req)
+    {
+        return Service.GetAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<PagedQueryRsp<QueryApiRsp>> PagedQueryAsync(PagedQueryReq<QueryApiReq> req)
+    {
+        return Service.PagedQueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<IEnumerable<QueryApiRsp>> QueryAsync(QueryReq<QueryApiReq> req)
+    {
+        return Service.QueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task SyncAsync()
+    {
+        return Service.SyncAsync();
+    }
+
+    /// <inheritdoc />
+    public Task<NopReq> UpdateAsync(NopReq req)
+    {
+        return Service.UpdateAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/CacheCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/CacheCache.cs
new file mode 100644
index 00000000..532aefde
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/CacheCache.cs
@@ -0,0 +1,32 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Cache;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <summary>
+///     缓存缓存
+/// </summary>
+public sealed class CacheCache : DistributedCache<ICacheService>, IScoped, ICacheCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="CacheCache" /> class.
+    /// </summary>
+    public CacheCache(IDistributedCache cache, ICacheService service) //
+        : base(cache, service) { }
+
+    /// <inheritdoc />
+    public Task<CacheStatisticsRsp> CacheStatisticsAsync()
+    {
+        return GetOrCreateAsync( //
+            GetCacheKey(string.Empty), Service.CacheStatisticsAsync, TimeSpan.FromMinutes(1));
+    }
+
+    /// <inheritdoc />
+    public PagedQueryRsp<GetAllEntriesRsp> GetAllEntries(PagedQueryReq<GetAllEntriesReq> req)
+    {
+        return Service.GetAllEntries(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/CaptchaCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/CaptchaCache.cs
new file mode 100644
index 00000000..2167e619
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/CaptchaCache.cs
@@ -0,0 +1,52 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Sys.Captcha;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <inheritdoc cref="ICaptchaCache" />
+public sealed class CaptchaCache : DistributedCache<ICaptchaService>, IScoped, ICaptchaCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="CaptchaCache" /> class.
+    /// </summary>
+    public CaptchaCache(IDistributedCache cache, ICaptchaService service) //
+        : base(cache, service) { }
+
+    /// <summary>
+    ///     获取人机校验图
+    /// </summary>
+    public async Task<GetCaptchaRsp> GetCaptchaImageAsync()
+    {
+        var captchaRsp = await Service.GetCaptchaImageAsync();
+        await CreateAsync(GetCacheKey(captchaRsp.Id, nameof(CaptchaCache)), captchaRsp.SawOffsetX
+,                                                                           TimeSpan.FromMinutes(1));
+        return captchaRsp;
+    }
+
+    /// <summary>
+    ///     完成人机校验 ，并删除缓存项
+    /// </summary>
+    /// <exception cref="NetAdminInvalidOperationException">人机验证未通过</exception>
+    public async Task VerifyCaptchaAndRemoveAsync(VerifyCaptchaReq req)
+    {
+        var ret = await VerifyCaptchaAsync(req);
+        if (ret) {
+            // 人机验证通过，删除人机验证缓存
+            await RemoveAsync(GetCacheKey(req.Id, nameof(CaptchaCache)));
+        }
+        else {
+            throw new NetAdminInvalidOperationException(Ln.人机验证未通过);
+        }
+    }
+
+    /// <summary>
+    ///     完成人机校验
+    /// </summary>
+    public async Task<bool> VerifyCaptchaAsync(VerifyCaptchaReq req)
+    {
+        var val = await GetAsync<int?>(GetCacheKey(req.Id, nameof(CaptchaCache)));
+        return await Service.VerifyCaptchaAsync(req with { SawOffsetX = val });
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/ConfigCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/ConfigCache.cs
new file mode 100644
index 00000000..8e95172a
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/ConfigCache.cs
@@ -0,0 +1,73 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Config;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <summary>
+///     配置缓存
+/// </summary>
+public sealed class ConfigCache : DistributedCache<IConfigService>, IScoped, IConfigCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ConfigCache" /> class.
+    /// </summary>
+    public ConfigCache(IDistributedCache cache, IConfigService service) //
+        : base(cache, service) { }
+
+    /// <inheritdoc />
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Service.BulkDeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryConfigRsp> CreateAsync(CreateConfigReq req)
+    {
+        return Service.CreateAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Service.DeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<bool> ExistAsync(QueryReq<QueryConfigReq> req)
+    {
+        return Service.ExistAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryConfigRsp> GetAsync(QueryConfigReq req)
+    {
+        return Service.GetAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryConfigRsp> GetLatestConfigAsync()
+    {
+        return Service.GetLatestConfigAsync();
+    }
+
+    /// <inheritdoc />
+    public Task<PagedQueryRsp<QueryConfigRsp>> PagedQueryAsync(PagedQueryReq<QueryConfigReq> req)
+    {
+        return Service.PagedQueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<IEnumerable<QueryConfigRsp>> QueryAsync(QueryReq<QueryConfigReq> req)
+    {
+        return Service.QueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryConfigRsp> UpdateAsync(UpdateConfigReq req)
+    {
+        return Service.UpdateAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/ConstantCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/ConstantCache.cs
new file mode 100644
index 00000000..20396bc7
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/ConstantCache.cs
@@ -0,0 +1,41 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <summary>
+///     常量缓存
+/// </summary>
+public sealed class ConstantCache : DistributedCache<IConstantService>, IScoped, IConstantCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ConstantCache" /> class.
+    /// </summary>
+    public ConstantCache(IDistributedCache cache, IConstantService service) //
+        : base(cache, service) { }
+
+    /// <inheritdoc />
+    public IDictionary<string, string> GetCharsDic()
+    {
+        return Service.GetCharsDic();
+    }
+
+    /// <inheritdoc />
+    public IDictionary<string, Dictionary<string, string[]>> GetEnums()
+    {
+        return Service.GetEnums();
+    }
+
+    /// <inheritdoc />
+    public IDictionary<string, string> GetLocalizedStrings()
+    {
+        return Service.GetLocalizedStrings();
+    }
+
+    /// <inheritdoc />
+    public IDictionary<string, long> GetNumbersDic()
+    {
+        return Service.GetNumbersDic();
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IApiCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IApiCache.cs
new file mode 100644
index 00000000..d4b25cd3
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IApiCache.cs
@@ -0,0 +1,10 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     接口缓存
+/// </summary>
+public interface IApiCache : ICache<IDistributedCache, IApiService>, IApiModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/ICacheCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/ICacheCache.cs
new file mode 100644
index 00000000..fc5e43ca
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/ICacheCache.cs
@@ -0,0 +1,10 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     缓存缓存
+/// </summary>
+public interface ICacheCache : ICache<IDistributedCache, ICacheService>, ICacheModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/ICaptchaCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/ICaptchaCache.cs
new file mode 100644
index 00000000..36d29411
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/ICaptchaCache.cs
@@ -0,0 +1,17 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Sys.Captcha;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     人机验证缓存
+/// </summary>
+public interface ICaptchaCache : ICache<IDistributedCache, ICaptchaService>, ICaptchaModule
+{
+    /// <summary>
+    ///     完成人机校验 ，并删除缓存项
+    /// </summary>
+    Task VerifyCaptchaAndRemoveAsync(VerifyCaptchaReq req);
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IConfigCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IConfigCache.cs
new file mode 100644
index 00000000..3ca9fad0
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IConfigCache.cs
@@ -0,0 +1,10 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     配置缓存
+/// </summary>
+public interface IConfigCache : ICache<IDistributedCache, IConfigService>, IConfigModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IConstantCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IConstantCache.cs
new file mode 100644
index 00000000..5054a9ef
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IConstantCache.cs
@@ -0,0 +1,10 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     常量缓存
+/// </summary>
+public interface IConstantCache : ICache<IDistributedCache, IConstantService>, IConstantModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IDeptCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IDeptCache.cs
new file mode 100644
index 00000000..f8d8359a
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IDeptCache.cs
@@ -0,0 +1,10 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     部门缓存
+/// </summary>
+public interface IDeptCache : ICache<IDistributedCache, IDeptService>, IDeptModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IDevCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IDevCache.cs
new file mode 100644
index 00000000..14bf26db
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IDevCache.cs
@@ -0,0 +1,10 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     开发缓存
+/// </summary>
+public interface IDevCache : ICache<IDistributedCache, IDevService>, IDevModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IDicCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IDicCache.cs
new file mode 100644
index 00000000..8914955b
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IDicCache.cs
@@ -0,0 +1,10 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     字典缓存
+/// </summary>
+public interface IDicCache : ICache<IDistributedCache, IDicService>, IDicModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IDicCatalogCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IDicCatalogCache.cs
new file mode 100644
index 00000000..c395f3ab
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IDicCatalogCache.cs
@@ -0,0 +1,10 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     字典目录缓存
+/// </summary>
+public interface IDicCatalogCache : ICache<IDistributedCache, IDicCatalogService>, IDicCatalogModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IDicContentCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IDicContentCache.cs
new file mode 100644
index 00000000..3a847448
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IDicContentCache.cs
@@ -0,0 +1,10 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     字典内容缓存
+/// </summary>
+public interface IDicContentCache : ICache<IDistributedCache, IDicContentService>, IDicContentModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IFileCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IFileCache.cs
new file mode 100644
index 00000000..2fd9acc2
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IFileCache.cs
@@ -0,0 +1,10 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     文件缓存
+/// </summary>
+public interface IFileCache : ICache<IDistributedCache, IFileService>, IFileModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IMenuCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IMenuCache.cs
new file mode 100644
index 00000000..191bd4ed
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IMenuCache.cs
@@ -0,0 +1,10 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     菜单缓存
+/// </summary>
+public interface IMenuCache : ICache<IDistributedCache, IMenuService>, IMenuModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IRequestLogCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IRequestLogCache.cs
new file mode 100644
index 00000000..024eb64b
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IRequestLogCache.cs
@@ -0,0 +1,10 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     请求日志缓存
+/// </summary>
+public interface IRequestLogCache : ICache<IDistributedCache, IRequestLogService>, IRequestLogModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IRoleCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IRoleCache.cs
new file mode 100644
index 00000000..3ff1ba85
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IRoleCache.cs
@@ -0,0 +1,10 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     角色缓存
+/// </summary>
+public interface IRoleCache : ICache<IDistributedCache, IRoleService>, IRoleModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IToolsCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IToolsCache.cs
new file mode 100644
index 00000000..0efcf351
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IToolsCache.cs
@@ -0,0 +1,10 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     工具缓存
+/// </summary>
+public interface IToolsCache : ICache<IDistributedCache, IToolsService>, IToolsModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IUserCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IUserCache.cs
new file mode 100644
index 00000000..fd41193e
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IUserCache.cs
@@ -0,0 +1,54 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.User;
+using NetAdmin.Domain.Dto.Sys.UserProfile;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     用户缓存
+/// </summary>
+public interface IUserCache : ICache<IDistributedCache, IUserService>, IUserModule
+{
+    /// <summary>
+    ///     删除缓存 CheckMobileAvailableAsync
+    /// </summary>
+    Task RemoveCheckMobileAvailableAsync(CheckMobileAvailableReq req);
+
+    /// <summary>
+    ///     删除缓存 CheckUserNameAvailableAsync
+    /// </summary>
+    Task RemoveCheckUserNameAvailableAsync(CheckUserNameAvailableReq req);
+
+    /// <summary>
+    ///     删除缓存 LoginByPwdAsync
+    /// </summary>
+    Task RemoveLoginByPwdAsync(LoginByPwdReq req);
+
+    /// <summary>
+    ///     删除缓存 LoginBySmsAsync
+    /// </summary>
+    Task RemoveLoginBySmsAsync(LoginBySmsReq req);
+
+    /// <summary>
+    ///     删除缓存 QueryProfileAsync
+    /// </summary>
+    Task RemoveQueryProfileAsync(QueryReq<QueryUserProfileReq> req);
+
+    /// <summary>
+    ///     删除缓存 RegisterAsync
+    /// </summary>
+    Task RemoveRegisterAsync(RegisterUserReq userReq);
+
+    /// <summary>
+    ///     删除缓存 ResetPasswordAsync
+    /// </summary>
+    Task RemoveResetPasswordAsync(ResetPasswordReq req);
+
+    /// <summary>
+    ///     删除缓存 UserInfoAsync
+    /// </summary>
+    Task RemoveUserInfoAsync();
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IUserProfileCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IUserProfileCache.cs
new file mode 100644
index 00000000..e59b7558
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IUserProfileCache.cs
@@ -0,0 +1,10 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     用户档案缓存
+/// </summary>
+public interface IUserProfileCache : ICache<IDistributedCache, IUserProfileService>, IUserProfileModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IVerifyCodeCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IVerifyCodeCache.cs
new file mode 100644
index 00000000..acac07ff
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/Dependency/IVerifyCodeCache.cs
@@ -0,0 +1,10 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+/// <summary>
+///     验证码缓存
+/// </summary>
+public interface IVerifyCodeCache : ICache<IDistributedCache, IVerifyCodeService>, IVerifyCodeModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/DeptCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/DeptCache.cs
new file mode 100644
index 00000000..89b9d6f1
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/DeptCache.cs
@@ -0,0 +1,67 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Dept;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <summary>
+///     部门缓存
+/// </summary>
+public sealed class DeptCache : DistributedCache<IDeptService>, IScoped, IDeptCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="DeptCache" /> class.
+    /// </summary>
+    public DeptCache(IDistributedCache cache, IDeptService service) //
+        : base(cache, service) { }
+
+    /// <inheritdoc />
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Service.BulkDeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryDeptRsp> CreateAsync(CreateDeptReq req)
+    {
+        return Service.CreateAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Service.DeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<bool> ExistAsync(QueryReq<QueryDeptReq> req)
+    {
+        return Service.ExistAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryDeptRsp> GetAsync(QueryDeptReq req)
+    {
+        return Service.GetAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<PagedQueryRsp<QueryDeptRsp>> PagedQueryAsync(PagedQueryReq<QueryDeptReq> req)
+    {
+        return Service.PagedQueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<IEnumerable<QueryDeptRsp>> QueryAsync(QueryReq<QueryDeptReq> req)
+    {
+        return Service.QueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryDeptRsp> UpdateAsync(UpdateDeptReq req)
+    {
+        return Service.UpdateAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/DevCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/DevCache.cs
new file mode 100644
index 00000000..9dfac095
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/DevCache.cs
@@ -0,0 +1,36 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Sys.Dev;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <summary>
+///     开发缓存
+/// </summary>
+public sealed class DevCache : DistributedCache<IDevService>, IScoped, IDevCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="DevCache" /> class.
+    /// </summary>
+    public DevCache(IDistributedCache cache, IDevService service) //
+        : base(cache, service) { }
+
+    /// <inheritdoc />
+    public Task GenerateCsCodeAsync(GenerateCsCodeReq req)
+    {
+        return Service.GenerateCsCodeAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task GenerateIconCodeAsync(GenerateIconCodeReq req)
+    {
+        return Service.GenerateIconCodeAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task GenerateJsCodeAsync()
+    {
+        return Service.GenerateJsCodeAsync();
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/DicCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/DicCache.cs
new file mode 100644
index 00000000..a61194b0
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/DicCache.cs
@@ -0,0 +1,92 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Dic.Catalog;
+using NetAdmin.Domain.Dto.Sys.Dic.Content;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <summary>
+///     字典缓存
+/// </summary>
+public sealed class DicCache : DistributedCache<IDicService>, IScoped, IDicCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="DicCache" /> class.
+    /// </summary>
+    public DicCache(IDistributedCache cache, IDicService service) //
+        : base(cache, service) { }
+
+    /// <inheritdoc />
+    public Task<int> BulkDeleteCatalogAsync(BulkReq<DelReq> req)
+    {
+        return Service.BulkDeleteCatalogAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<int> BulkDeleteContentAsync(BulkReq<DelReq> req)
+    {
+        return Service.BulkDeleteContentAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryDicCatalogRsp> CreateCatalogAsync(CreateDicCatalogReq req)
+    {
+        return Service.CreateCatalogAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryDicContentRsp> CreateContentAsync(CreateDicContentReq req)
+    {
+        return Service.CreateContentAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<int> DeleteCatalogAsync(DelReq req)
+    {
+        return Service.DeleteCatalogAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<int> DeleteContentAsync(DelReq req)
+    {
+        return Service.DeleteContentAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<PagedQueryRsp<QueryDicCatalogRsp>> PagedQueryCatalogAsync(PagedQueryReq<QueryDicCatalogReq> req)
+    {
+        return Service.PagedQueryCatalogAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<PagedQueryRsp<QueryDicContentRsp>> PagedQueryContentAsync(PagedQueryReq<QueryDicContentReq> req)
+    {
+        return Service.PagedQueryContentAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<IEnumerable<QueryDicCatalogRsp>> QueryCatalogAsync(QueryReq<QueryDicCatalogReq> req)
+    {
+        return Service.QueryCatalogAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<IEnumerable<QueryDicContentRsp>> QueryContentAsync(QueryReq<QueryDicContentReq> req)
+    {
+        return Service.QueryContentAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryDicCatalogRsp> UpdateCatalogAsync(UpdateDicCatalogReq req)
+    {
+        return Service.UpdateCatalogAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryDicContentRsp> UpdateContentAsync(UpdateDicContentReq req)
+    {
+        return Service.UpdateContentAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/DicCatalogCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/DicCatalogCache.cs
new file mode 100644
index 00000000..40514917
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/DicCatalogCache.cs
@@ -0,0 +1,67 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Dic.Catalog;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <summary>
+///     字典目录缓存
+/// </summary>
+public sealed class DicCatalogCache : DistributedCache<IDicCatalogService>, IScoped, IDicCatalogCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="DicCatalogCache" /> class.
+    /// </summary>
+    public DicCatalogCache(IDistributedCache cache, IDicCatalogService service) //
+        : base(cache, service) { }
+
+    /// <inheritdoc />
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Service.BulkDeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryDicCatalogRsp> CreateAsync(CreateDicCatalogReq req)
+    {
+        return Service.CreateAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Service.DeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<bool> ExistAsync(QueryReq<QueryDicCatalogReq> req)
+    {
+        return Service.ExistAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryDicCatalogRsp> GetAsync(QueryDicCatalogReq req)
+    {
+        return Service.GetAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<PagedQueryRsp<QueryDicCatalogRsp>> PagedQueryAsync(PagedQueryReq<QueryDicCatalogReq> req)
+    {
+        return Service.PagedQueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<IEnumerable<QueryDicCatalogRsp>> QueryAsync(QueryReq<QueryDicCatalogReq> req)
+    {
+        return Service.QueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryDicCatalogRsp> UpdateAsync(UpdateDicCatalogReq req)
+    {
+        return Service.UpdateAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/DicContentCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/DicContentCache.cs
new file mode 100644
index 00000000..0ca5a242
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/DicContentCache.cs
@@ -0,0 +1,67 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Dic.Content;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <summary>
+///     字典内容缓存
+/// </summary>
+public sealed class DicContentCache : DistributedCache<IDicContentService>, IScoped, IDicContentCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="DicContentCache" /> class.
+    /// </summary>
+    public DicContentCache(IDistributedCache cache, IDicContentService service) //
+        : base(cache, service) { }
+
+    /// <inheritdoc />
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Service.BulkDeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryDicContentRsp> CreateAsync(CreateDicContentReq req)
+    {
+        return Service.CreateAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Service.DeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<bool> ExistAsync(QueryReq<QueryDicContentReq> req)
+    {
+        return Service.ExistAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryDicContentRsp> GetAsync(QueryDicContentReq req)
+    {
+        return Service.GetAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<PagedQueryRsp<QueryDicContentRsp>> PagedQueryAsync(PagedQueryReq<QueryDicContentReq> req)
+    {
+        return Service.PagedQueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<IEnumerable<QueryDicContentRsp>> QueryAsync(QueryReq<QueryDicContentReq> req)
+    {
+        return Service.QueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryDicContentRsp> UpdateAsync(UpdateDicContentReq req)
+    {
+        return Service.UpdateAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/FileCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/FileCache.cs
new file mode 100644
index 00000000..cebde69b
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/FileCache.cs
@@ -0,0 +1,23 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <summary>
+///     文件缓存
+/// </summary>
+public sealed class FileCache : DistributedCache<IFileService>, IScoped, IFileCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="FileCache" /> class.
+    /// </summary>
+    public FileCache(IDistributedCache cache, IFileService service) //
+        : base(cache, service) { }
+
+    /// <inheritdoc />
+    public Task<string> UploadAsync(IFormFile file)
+    {
+        return Service.UploadAsync(file);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/MenuCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/MenuCache.cs
new file mode 100644
index 00000000..b960eba1
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/MenuCache.cs
@@ -0,0 +1,73 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Menu;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <summary>
+///     菜单缓存
+/// </summary>
+public sealed class MenuCache : DistributedCache<IMenuService>, IScoped, IMenuCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="MenuCache" /> class.
+    /// </summary>
+    public MenuCache(IDistributedCache cache, IMenuService service) //
+        : base(cache, service) { }
+
+    /// <inheritdoc />
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Service.BulkDeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryMenuRsp> CreateAsync(CreateMenuReq req)
+    {
+        return Service.CreateAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Service.DeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<bool> ExistAsync(QueryReq<QueryMenuReq> req)
+    {
+        return Service.ExistAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryMenuRsp> GetAsync(QueryMenuReq req)
+    {
+        return Service.GetAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<PagedQueryRsp<QueryMenuRsp>> PagedQueryAsync(PagedQueryReq<QueryMenuReq> req)
+    {
+        return Service.PagedQueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<IEnumerable<QueryMenuRsp>> QueryAsync(QueryReq<QueryMenuReq> req)
+    {
+        return Service.QueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryMenuRsp> UpdateAsync(UpdateMenuReq req)
+    {
+        return Service.UpdateAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<IEnumerable<QueryMenuRsp>> UserMenusAsync()
+    {
+        return Service.UserMenusAsync();
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/RequestLogCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/RequestLogCache.cs
new file mode 100644
index 00000000..cd9add4c
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/RequestLogCache.cs
@@ -0,0 +1,67 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.RequestLog;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <summary>
+///     请求日志缓存
+/// </summary>
+public sealed class RequestLogCache : DistributedCache<IRequestLogService>, IScoped, IRequestLogCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="RequestLogCache" /> class.
+    /// </summary>
+    public RequestLogCache(IDistributedCache cache, IRequestLogService service) //
+        : base(cache, service) { }
+
+    /// <inheritdoc />
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Service.BulkDeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryRequestLogRsp> CreateAsync(CreateRequestLogReq req)
+    {
+        return Service.CreateAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Service.DeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<bool> ExistAsync(QueryReq<QueryRequestLogReq> req)
+    {
+        return Service.ExistAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryRequestLogRsp> GetAsync(QueryRequestLogReq req)
+    {
+        return Service.GetAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<PagedQueryRsp<QueryRequestLogRsp>> PagedQueryAsync(PagedQueryReq<QueryRequestLogReq> req)
+    {
+        return Service.PagedQueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<IEnumerable<QueryRequestLogRsp>> QueryAsync(QueryReq<QueryRequestLogReq> req)
+    {
+        return Service.QueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<NopReq> UpdateAsync(NopReq req)
+    {
+        return Service.UpdateAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/RoleCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/RoleCache.cs
new file mode 100644
index 00000000..800d68fd
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/RoleCache.cs
@@ -0,0 +1,67 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Role;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <summary>
+///     角色缓存
+/// </summary>
+public sealed class RoleCache : DistributedCache<IRoleService>, IScoped, IRoleCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="RoleCache" /> class.
+    /// </summary>
+    public RoleCache(IDistributedCache cache, IRoleService service) //
+        : base(cache, service) { }
+
+    /// <inheritdoc />
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Service.BulkDeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryRoleRsp> CreateAsync(CreateRoleReq req)
+    {
+        return Service.CreateAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Service.DeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<bool> ExistAsync(QueryReq<QueryRoleReq> req)
+    {
+        return Service.ExistAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryRoleRsp> GetAsync(QueryRoleReq req)
+    {
+        return Service.GetAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<PagedQueryRsp<QueryRoleRsp>> PagedQueryAsync(PagedQueryReq<QueryRoleReq> req)
+    {
+        return Service.PagedQueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<IEnumerable<QueryRoleRsp>> QueryAsync(QueryReq<QueryRoleReq> req)
+    {
+        return Service.QueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryRoleRsp> UpdateAsync(UpdateRoleReq req)
+    {
+        return Service.UpdateAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/ToolsCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/ToolsCache.cs
new file mode 100644
index 00000000..6d17aeb8
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/ToolsCache.cs
@@ -0,0 +1,29 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <summary>
+///     工具缓存
+/// </summary>
+public sealed class ToolsCache : DistributedCache<IToolsService>, IScoped, IToolsCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ToolsCache" /> class.
+    /// </summary>
+    public ToolsCache(IDistributedCache cache, IToolsService service) //
+        : base(cache, service) { }
+
+    /// <inheritdoc />
+    public DateTime GetServerUtcTime()
+    {
+        return Service.GetServerUtcTime();
+    }
+
+    /// <inheritdoc />
+    public string Version()
+    {
+        return Service.Version();
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/UserCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/UserCache.cs
new file mode 100644
index 00000000..21f24a50
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/UserCache.cs
@@ -0,0 +1,196 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.User;
+using NetAdmin.Domain.Dto.Sys.UserProfile;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <inheritdoc cref="IUserCache" />
+public sealed class UserCache : DistributedCache<IUserService>, IScoped, IUserCache
+{
+    private readonly IVerifyCodeCache _verifyCodeCache;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="UserCache" /> class.
+    /// </summary>
+    public UserCache(IDistributedCache cache, IUserService service, IVerifyCodeCache verifyCodeCache) //
+        : base(cache, service)
+    {
+        _verifyCodeCache = verifyCodeCache;
+    }
+
+    /// <inheritdoc />
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Service.BulkDeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<bool> CheckMobileAvailableAsync(CheckMobileAvailableReq req)
+    {
+        return Service.CheckMobileAvailableAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<bool> CheckUserNameAvailableAsync(CheckUserNameAvailableReq req)
+    {
+        return Service.CheckUserNameAvailableAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryUserRsp> CreateAsync(CreateUserReq req)
+    {
+        return Service.CreateAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Service.DeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<bool> ExistAsync(QueryReq<QueryUserReq> req)
+    {
+        return Service.ExistAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryUserRsp> GetAsync(QueryUserReq req)
+    {
+        return Service.GetAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<LoginRsp> LoginByPwdAsync(LoginByPwdReq req)
+    {
+        return Service.LoginByPwdAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<LoginRsp> LoginBySmsAsync(LoginBySmsReq req)
+    {
+        return Service.LoginBySmsAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<PagedQueryRsp<QueryUserRsp>> PagedQueryAsync(PagedQueryReq<QueryUserReq> req)
+    {
+        return Service.PagedQueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<IEnumerable<QueryUserRsp>> QueryAsync(QueryReq<QueryUserReq> req)
+    {
+        return Service.QueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<IEnumerable<QueryUserProfileRsp>> QueryProfileAsync(QueryReq<QueryUserProfileReq> req)
+    {
+        return Service.QueryProfileAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<UserInfoRsp> RegisterAsync(RegisterUserReq req)
+    {
+        return Service.RegisterAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task RemoveCheckMobileAvailableAsync(CheckMobileAvailableReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <inheritdoc />
+    public Task RemoveCheckUserNameAvailableAsync(CheckUserNameAvailableReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <inheritdoc />
+    public Task RemoveLoginByPwdAsync(LoginByPwdReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <inheritdoc />
+    public Task RemoveLoginBySmsAsync(LoginBySmsReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <inheritdoc />
+    public Task RemoveQueryProfileAsync(QueryReq<QueryUserProfileReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <inheritdoc />
+    public Task RemoveRegisterAsync(RegisterUserReq userReq)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <inheritdoc />
+    public Task RemoveResetPasswordAsync(ResetPasswordReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <inheritdoc />
+    public Task RemoveUserInfoAsync()
+    {
+        return RemoveAsync(GetCacheKey( //
+                               Service.UserToken.Id.ToString(CultureInfo.InvariantCulture), nameof(UserInfoAsync)));
+    }
+
+    /// <inheritdoc />
+    public Task<uint> ResetPasswordAsync(ResetPasswordReq req)
+    {
+        return Service.ResetPasswordAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<UserInfoRsp> SetAvatarAsync(SetAvatarReq req)
+    {
+        return Service.SetAvatarAsync(req);
+    }
+
+    /// <inheritdoc />
+    public async Task<UserInfoRsp> SetEmailAsync(SetEmailReq req)
+    {
+        return !await _verifyCodeCache.VerifyAsync(req)
+            ? throw new NetAdminInvalidOperationException(Ln.邮箱验证码不正确)
+            : await Service.SetEmailAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<UserInfoRsp> SetMobileAsync(SetMobileReq req)
+    {
+        return Service.SetMobileAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<uint> SetPasswordAsync(SetPasswordReq req)
+    {
+        return Service.SetPasswordAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryUserRsp> UpdateAsync(UpdateUserReq req)
+    {
+        return Service.UpdateAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<UserInfoRsp> UserInfoAsync()
+    {
+        return GetOrCreateAsync( //
+            GetCacheKey(Service.UserToken.Id.ToString(CultureInfo.InvariantCulture)), Service.UserInfoAsync
+,                                                                                     TimeSpan.FromMinutes(1));
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/UserProfileCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/UserProfileCache.cs
new file mode 100644
index 00000000..015a3b0a
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/UserProfileCache.cs
@@ -0,0 +1,67 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.UserProfile;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <summary>
+///     用户档案缓存
+/// </summary>
+public sealed class UserProfileCache : DistributedCache<IUserProfileService>, IScoped, IUserProfileCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="UserProfileCache" /> class.
+    /// </summary>
+    public UserProfileCache(IDistributedCache cache, IUserProfileService service) //
+        : base(cache, service) { }
+
+    /// <inheritdoc />
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Service.BulkDeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryUserProfileRsp> CreateAsync(CreateUserProfileReq req)
+    {
+        return Service.CreateAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Service.DeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<bool> ExistAsync(QueryReq<QueryUserProfileReq> req)
+    {
+        return Service.ExistAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryUserProfileRsp> GetAsync(QueryUserProfileReq req)
+    {
+        return Service.GetAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<PagedQueryRsp<QueryUserProfileRsp>> PagedQueryAsync(PagedQueryReq<QueryUserProfileReq> req)
+    {
+        return Service.PagedQueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<IEnumerable<QueryUserProfileRsp>> QueryAsync(QueryReq<QueryUserProfileReq> req)
+    {
+        return Service.QueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryUserProfileRsp> UpdateAsync(UpdateUserProfileReq req)
+    {
+        return Service.UpdateAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Sys/VerifyCodeCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Sys/VerifyCodeCache.cs
new file mode 100644
index 00000000..7865cce6
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Sys/VerifyCodeCache.cs
@@ -0,0 +1,78 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.VerifyCode;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Sys;
+
+/// <inheritdoc cref="IVerifyCodeCache" />
+public sealed class VerifyCodeCache : DistributedCache<IVerifyCodeService>, IScoped, IVerifyCodeCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="VerifyCodeCache" /> class.
+    /// </summary>
+    public VerifyCodeCache(IDistributedCache cache, IVerifyCodeService service) //
+        : base(cache, service) { }
+
+    /// <inheritdoc />
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Service.BulkDeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryVerifyCodeRsp> CreateAsync(CreateVerifyCodeReq req)
+    {
+        return Service.CreateAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Service.DeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<bool> ExistAsync(QueryReq<QueryVerifyCodeReq> req)
+    {
+        return Service.ExistAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryVerifyCodeRsp> GetAsync(QueryVerifyCodeReq req)
+    {
+        return Service.GetAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<PagedQueryRsp<QueryVerifyCodeRsp>> PagedQueryAsync(PagedQueryReq<QueryVerifyCodeReq> req)
+    {
+        return Service.PagedQueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<IEnumerable<QueryVerifyCodeRsp>> QueryAsync(QueryReq<QueryVerifyCodeReq> req)
+    {
+        return Service.QueryAsync(req);
+    }
+
+    /// <inheritdoc cref="IVerifyCodeModule.SendVerifyCodeAsync" />
+    public Task<SendVerifyCodeRsp> SendVerifyCodeAsync(SendVerifyCodeReq req)
+    {
+        return Service.SendVerifyCodeAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryVerifyCodeRsp> UpdateAsync(UpdateVerifyCodeReq req)
+    {
+        return Service.UpdateAsync(req);
+    }
+
+    /// <inheritdoc cref="IVerifyCodeModule.VerifyAsync" />
+    public Task<bool> VerifyAsync(VerifyCodeReq req)
+    {
+        return Service.VerifyAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Tpl/Dependency/IExampleCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Tpl/Dependency/IExampleCache.cs
new file mode 100644
index 00000000..a371b185
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Tpl/Dependency/IExampleCache.cs
@@ -0,0 +1,10 @@
+using NetAdmin.Cache;
+using NetAdmin.SysComponent.Application.Modules.Tpl;
+using NetAdmin.SysComponent.Application.Services.Tpl.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Tpl.Dependency;
+
+/// <summary>
+///     示例缓存
+/// </summary>
+public interface IExampleCache : ICache<IDistributedCache, IExampleService>, IExampleModule { }
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Cache/Tpl/ExampleCache.cs b/src/backend/NetAdmin.SysComponent.Cache/Tpl/ExampleCache.cs
new file mode 100644
index 00000000..1c20eaa5
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Cache/Tpl/ExampleCache.cs
@@ -0,0 +1,65 @@
+using NetAdmin.Cache;
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Tpl.Example;
+using NetAdmin.SysComponent.Application.Services.Tpl.Dependency;
+using NetAdmin.SysComponent.Cache.Tpl.Dependency;
+
+namespace NetAdmin.SysComponent.Cache.Tpl;
+
+/// <inheritdoc cref="IExampleCache" />
+public sealed class ExampleCache : DistributedCache<IExampleService>, IScoped, IExampleCache
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ExampleCache" /> class.
+    /// </summary>
+    public ExampleCache(IDistributedCache cache, IExampleService service) //
+        : base(cache, service) { }
+
+    /// <inheritdoc />
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Service.BulkDeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryExampleRsp> CreateAsync(CreateExampleReq req)
+    {
+        return Service.CreateAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Service.DeleteAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<bool> ExistAsync(QueryReq<QueryExampleReq> req)
+    {
+        return Service.ExistAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryExampleRsp> GetAsync(QueryExampleReq req)
+    {
+        return Service.GetAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<PagedQueryRsp<QueryExampleRsp>> PagedQueryAsync(PagedQueryReq<QueryExampleReq> req)
+    {
+        return Service.PagedQueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<IEnumerable<QueryExampleRsp>> QueryAsync(QueryReq<QueryExampleReq> req)
+    {
+        return Service.QueryAsync(req);
+    }
+
+    /// <inheritdoc />
+    public Task<QueryExampleRsp> UpdateAsync(UpdateExampleReq req)
+    {
+        return Service.UpdateAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/ApiController.cs b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/ApiController.cs
new file mode 100644
index 00000000..8e7cc8ef
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/ApiController.cs
@@ -0,0 +1,105 @@
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Api;
+using NetAdmin.Host.Attributes;
+using NetAdmin.Host.Controllers;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Controllers.Sys;
+
+/// <summary>
+///     接口服务
+/// </summary>
+[ApiDescriptionSettings(nameof(Sys), Module = nameof(Sys))]
+public sealed class ApiController : ControllerBase<IApiCache, IApiService>, IApiModule
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ApiController" /> class.
+    /// </summary>
+    public ApiController(IApiCache cache) //
+        : base(cache) { }
+
+    /// <summary>
+    ///     批量删除接口
+    /// </summary>
+    [NonAction]
+    [Transaction]
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Cache.BulkDeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     创建接口
+    /// </summary>
+    [NonAction]
+    [Transaction]
+    public Task<QueryApiRsp> CreateAsync(CreateApiReq req)
+    {
+        return Cache.CreateAsync(req);
+    }
+
+    /// <summary>
+    ///     删除接口
+    /// </summary>
+    [NonAction]
+    [Transaction]
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Cache.DeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     接口是否存在
+    /// </summary>
+    [NonAction]
+    public Task<bool> ExistAsync(QueryReq<QueryApiReq> req)
+    {
+        return Cache.ExistAsync(req);
+    }
+
+    /// <summary>
+    ///     获取单个接口
+    /// </summary>
+    [NonAction]
+    public Task<QueryApiRsp> GetAsync(QueryApiReq req)
+    {
+        return Cache.GetAsync(req);
+    }
+
+    /// <summary>
+    ///     分页查询接口
+    /// </summary>
+    [NonAction]
+    public Task<PagedQueryRsp<QueryApiRsp>> PagedQueryAsync(PagedQueryReq<QueryApiReq> req)
+    {
+        return Cache.PagedQueryAsync(req);
+    }
+
+    /// <summary>
+    ///     查询接口
+    /// </summary>
+    public Task<IEnumerable<QueryApiRsp>> QueryAsync(QueryReq<QueryApiReq> req)
+    {
+        return Cache.QueryAsync(req);
+    }
+
+    /// <summary>
+    ///     同步接口
+    /// </summary>
+    [Transaction]
+    public Task SyncAsync()
+    {
+        return Cache.SyncAsync();
+    }
+
+    /// <summary>
+    ///     更新接口
+    /// </summary>
+    [NonAction]
+    public Task<NopReq> UpdateAsync(NopReq req)
+    {
+        return Cache.UpdateAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/CacheController.cs b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/CacheController.cs
new file mode 100644
index 00000000..dc9e8491
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/CacheController.cs
@@ -0,0 +1,37 @@
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Cache;
+using NetAdmin.Host.Controllers;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Controllers.Sys;
+
+/// <summary>
+///     缓存服务
+/// </summary>
+[ApiDescriptionSettings(nameof(Sys), Module = nameof(Sys))]
+public sealed class CacheController : ControllerBase<ICacheCache, ICacheService>, ICacheModule
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="CacheController" /> class.
+    /// </summary>
+    public CacheController(ICacheCache cache) //
+        : base(cache) { }
+
+    /// <summary>
+    ///     缓存统计
+    /// </summary>
+    public Task<CacheStatisticsRsp> CacheStatisticsAsync()
+    {
+        return Cache.CacheStatisticsAsync();
+    }
+
+    /// <summary>
+    ///     获取所有缓存项
+    /// </summary>
+    public PagedQueryRsp<GetAllEntriesRsp> GetAllEntries(PagedQueryReq<GetAllEntriesReq> req)
+    {
+        return Cache.GetAllEntries(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/CaptchaController.cs b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/CaptchaController.cs
new file mode 100644
index 00000000..e2c2994d
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/CaptchaController.cs
@@ -0,0 +1,38 @@
+using NetAdmin.Domain.Dto.Sys.Captcha;
+using NetAdmin.Host.Controllers;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Controllers.Sys;
+
+/// <summary>
+///     人机验证服务
+/// </summary>
+[ApiDescriptionSettings(nameof(Sys), Module = nameof(Sys))]
+public sealed class CaptchaController : ControllerBase<ICaptchaCache, ICaptchaService>, ICaptchaModule
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="CaptchaController" /> class.
+    /// </summary>
+    public CaptchaController(ICaptchaCache cache) //
+        : base(cache) { }
+
+    /// <summary>
+    ///     获取人机校验图
+    /// </summary>
+    [AllowAnonymous]
+    public Task<GetCaptchaRsp> GetCaptchaImageAsync()
+    {
+        return Cache.GetCaptchaImageAsync();
+    }
+
+    /// <summary>
+    ///     完成人机校验
+    /// </summary>
+    [AllowAnonymous]
+    public Task<bool> VerifyCaptchaAsync(VerifyCaptchaReq req)
+    {
+        return Cache.VerifyCaptchaAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/ConfigController.cs b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/ConfigController.cs
new file mode 100644
index 00000000..eb4f6668
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/ConfigController.cs
@@ -0,0 +1,100 @@
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Config;
+using NetAdmin.Host.Attributes;
+using NetAdmin.Host.Controllers;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Controllers.Sys;
+
+/// <summary>
+///     配置服务
+/// </summary>
+[ApiDescriptionSettings(nameof(Sys), Module = nameof(Sys))]
+public sealed class ConfigController : ControllerBase<IConfigCache, IConfigService>, IConfigModule
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ConfigController" /> class.
+    /// </summary>
+    public ConfigController(IConfigCache cache) //
+        : base(cache) { }
+
+    /// <summary>
+    ///     批量删除配置
+    /// </summary>
+    [Transaction]
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Cache.BulkDeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     创建配置
+    /// </summary>
+    [Transaction]
+    public Task<QueryConfigRsp> CreateAsync(CreateConfigReq req)
+    {
+        return Cache.CreateAsync(req);
+    }
+
+    /// <summary>
+    ///     删除配置
+    /// </summary>
+    [Transaction]
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Cache.DeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     配置是否存在
+    /// </summary>
+    [NonAction]
+    public Task<bool> ExistAsync(QueryReq<QueryConfigReq> req)
+    {
+        return Cache.ExistAsync(req);
+    }
+
+    /// <summary>
+    ///     获取单个配置
+    /// </summary>
+    [NonAction]
+    public Task<QueryConfigRsp> GetAsync(QueryConfigReq req)
+    {
+        return Cache.GetAsync(req);
+    }
+
+    /// <summary>
+    ///     获取最新有效配置
+    /// </summary>
+    public Task<QueryConfigRsp> GetLatestConfigAsync()
+    {
+        return Cache.GetLatestConfigAsync();
+    }
+
+    /// <summary>
+    ///     分页查询配置
+    /// </summary>
+    public Task<PagedQueryRsp<QueryConfigRsp>> PagedQueryAsync(PagedQueryReq<QueryConfigReq> req)
+    {
+        return Cache.PagedQueryAsync(req);
+    }
+
+    /// <summary>
+    ///     查询配置
+    /// </summary>
+    public Task<IEnumerable<QueryConfigRsp>> QueryAsync(QueryReq<QueryConfigReq> req)
+    {
+        return Cache.QueryAsync(req);
+    }
+
+    /// <summary>
+    ///     更新配置
+    /// </summary>
+    [Transaction]
+    public Task<QueryConfigRsp> UpdateAsync(UpdateConfigReq req)
+    {
+        return Cache.UpdateAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/ConstantController.cs b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/ConstantController.cs
new file mode 100644
index 00000000..ba54dde2
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/ConstantController.cs
@@ -0,0 +1,87 @@
+using NetAdmin.Domain.Dto;
+using NetAdmin.Host.Controllers;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Controllers.Sys;
+
+/// <summary>
+///     常量服务
+/// </summary>
+[AllowAnonymous]
+[ApiDescriptionSettings(nameof(Sys), Module = nameof(Sys))]
+public sealed class ConstantController : ControllerBase<IConstantCache, IConstantService>, IConstantModule
+{
+    private readonly JsonOptions _jsonOptions;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ConstantController" /> class.
+    /// </summary>
+    public ConstantController(IConstantCache cache, IOptions<JsonOptions> jsonOptions) //
+        : base(cache)
+    {
+        _jsonOptions = jsonOptions.Value;
+    }
+
+    /// <summary>
+    ///     获得常量字符串
+    /// </summary>
+    [NonUnify]
+    public IActionResult GetChars()
+    {
+        var ret = GetCharsDic();
+        return OriginNamingResult(ret);
+    }
+
+    /// <summary>
+    ///     获得常量字符串
+    /// </summary>
+    [NonAction]
+    public IDictionary<string, string> GetCharsDic()
+    {
+        return Cache.GetCharsDic();
+    }
+
+    /// <summary>
+    ///     获得公共枚举值
+    /// </summary>
+    public IDictionary<string, Dictionary<string, string[]>> GetEnums()
+    {
+        return Cache.GetEnums();
+    }
+
+    /// <summary>
+    ///     获得本地化字符串
+    /// </summary>
+    public IDictionary<string, string> GetLocalizedStrings()
+    {
+        return Cache.GetLocalizedStrings();
+    }
+
+    /// <summary>
+    ///     获得数字常量表
+    /// </summary>
+    [NonUnify]
+    public IActionResult GetNumbers()
+    {
+        var ret = GetNumbersDic();
+        return OriginNamingResult(ret);
+    }
+
+    /// <summary>
+    ///     获得数字常量表
+    /// </summary>
+    [NonAction]
+    public IDictionary<string, long> GetNumbersDic()
+    {
+        return Cache.GetNumbersDic();
+    }
+
+    private IActionResult OriginNamingResult<T>(T data)
+    {
+        return new JsonResult( //
+            new RestfulInfo<T> { Code                                                           = 0, Data = data }
+          , new JsonSerializerOptions(_jsonOptions.JsonSerializerOptions) { DictionaryKeyPolicy = null });
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/DeptController.cs b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/DeptController.cs
new file mode 100644
index 00000000..fe383861
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/DeptController.cs
@@ -0,0 +1,93 @@
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Dept;
+using NetAdmin.Host.Attributes;
+using NetAdmin.Host.Controllers;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Controllers.Sys;
+
+/// <summary>
+///     部门服务
+/// </summary>
+[ApiDescriptionSettings(nameof(Sys), Module = nameof(Sys))]
+public sealed class DeptController : ControllerBase<IDeptCache, IDeptService>, IDeptModule
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="DeptController" /> class.
+    /// </summary>
+    public DeptController(IDeptCache cache) //
+        : base(cache) { }
+
+    /// <summary>
+    ///     批量删除部门
+    /// </summary>
+    [Transaction]
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Cache.BulkDeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     创建部门
+    /// </summary>
+    [Transaction]
+    public Task<QueryDeptRsp> CreateAsync(CreateDeptReq req)
+    {
+        return Cache.CreateAsync(req);
+    }
+
+    /// <summary>
+    ///     删除部门
+    /// </summary>
+    [Transaction]
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Cache.DeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     部门是否存在
+    /// </summary>
+    [NonAction]
+    public Task<bool> ExistAsync(QueryReq<QueryDeptReq> req)
+    {
+        return Cache.ExistAsync(req);
+    }
+
+    /// <summary>
+    ///     获取单个部门
+    /// </summary>
+    [NonAction]
+    public Task<QueryDeptRsp> GetAsync(QueryDeptReq req)
+    {
+        return Cache.GetAsync(req);
+    }
+
+    /// <summary>
+    ///     分页查询部门
+    /// </summary>
+    [NonAction]
+    public Task<PagedQueryRsp<QueryDeptRsp>> PagedQueryAsync(PagedQueryReq<QueryDeptReq> req)
+    {
+        return Cache.PagedQueryAsync(req);
+    }
+
+    /// <summary>
+    ///     查询部门
+    /// </summary>
+    public Task<IEnumerable<QueryDeptRsp>> QueryAsync(QueryReq<QueryDeptReq> req)
+    {
+        return Cache.QueryAsync(req);
+    }
+
+    /// <summary>
+    ///     更新部门
+    /// </summary>
+    [Transaction]
+    public Task<QueryDeptRsp> UpdateAsync(UpdateDeptReq req)
+    {
+        return Cache.UpdateAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/DevController.cs b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/DevController.cs
new file mode 100644
index 00000000..4f2d38dc
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/DevController.cs
@@ -0,0 +1,44 @@
+using NetAdmin.Domain.Dto.Sys.Dev;
+using NetAdmin.Host.Controllers;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Controllers.Sys;
+
+/// <summary>
+///     开发服务
+/// </summary>
+[ApiDescriptionSettings(nameof(Sys), Module = nameof(Sys))]
+public sealed class DevController : ControllerBase<IDevCache, IDevService>, IDevModule
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="DevController" /> class.
+    /// </summary>
+    public DevController(IDevCache cache) //
+        : base(cache) { }
+
+    /// <summary>
+    ///     生成后端代码
+    /// </summary>
+    public Task GenerateCsCodeAsync(GenerateCsCodeReq req)
+    {
+        return Cache.GenerateCsCodeAsync(req);
+    }
+
+    /// <summary>
+    ///     生成图标代码
+    /// </summary>
+    public Task GenerateIconCodeAsync(GenerateIconCodeReq req)
+    {
+        return Cache.GenerateIconCodeAsync(req);
+    }
+
+    /// <summary>
+    ///     生成接口代码
+    /// </summary>
+    public Task GenerateJsCodeAsync()
+    {
+        return Cache.GenerateJsCodeAsync();
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/DicController.cs b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/DicController.cs
new file mode 100644
index 00000000..aca077b6
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/DicController.cs
@@ -0,0 +1,127 @@
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Dic.Catalog;
+using NetAdmin.Domain.Dto.Sys.Dic.Content;
+using NetAdmin.Host.Attributes;
+using NetAdmin.Host.Controllers;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Controllers.Sys;
+
+/// <summary>
+///     字典服务
+/// </summary>
+[ApiDescriptionSettings(nameof(Sys), Module = nameof(Sys))]
+public sealed class DicController : ControllerBase<IDicCache, IDicService>, IDicModule
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="DicController" /> class.
+    /// </summary>
+    public DicController(IDicCache cache) //
+        : base(cache) { }
+
+    /// <summary>
+    ///     批量删除字典目录
+    /// </summary>
+    [Transaction]
+    public Task<int> BulkDeleteCatalogAsync(BulkReq<DelReq> req)
+    {
+        return Cache.BulkDeleteCatalogAsync(req);
+    }
+
+    /// <summary>
+    ///     批量删除字典内容
+    /// </summary>
+    [Transaction]
+    public Task<int> BulkDeleteContentAsync(BulkReq<DelReq> req)
+    {
+        return Cache.BulkDeleteContentAsync(req);
+    }
+
+    /// <summary>
+    ///     创建字典目录
+    /// </summary>
+    [Transaction]
+    public Task<QueryDicCatalogRsp> CreateCatalogAsync(CreateDicCatalogReq req)
+    {
+        return Cache.CreateCatalogAsync(req);
+    }
+
+    /// <summary>
+    ///     创建字典内容
+    /// </summary>
+    [Transaction]
+    public Task<QueryDicContentRsp> CreateContentAsync(CreateDicContentReq req)
+    {
+        return Cache.CreateContentAsync(req);
+    }
+
+    /// <summary>
+    ///     删除字典目录
+    /// </summary>
+    [Transaction]
+    public Task<int> DeleteCatalogAsync(DelReq req)
+    {
+        return Cache.DeleteCatalogAsync(req);
+    }
+
+    /// <summary>
+    ///     删除字典内容
+    /// </summary>
+    [Transaction]
+    public Task<int> DeleteContentAsync(DelReq req)
+    {
+        return Cache.DeleteContentAsync(req);
+    }
+
+    /// <summary>
+    ///     分页查询字典目录
+    /// </summary>
+    public Task<PagedQueryRsp<QueryDicCatalogRsp>> PagedQueryCatalogAsync(PagedQueryReq<QueryDicCatalogReq> req)
+    {
+        return Cache.PagedQueryCatalogAsync(req);
+    }
+
+    /// <summary>
+    ///     分页查询字典内容
+    /// </summary>
+    public Task<PagedQueryRsp<QueryDicContentRsp>> PagedQueryContentAsync(PagedQueryReq<QueryDicContentReq> req)
+    {
+        return Cache.PagedQueryContentAsync(req);
+    }
+
+    /// <summary>
+    ///     查询字典目录
+    /// </summary>
+    public Task<IEnumerable<QueryDicCatalogRsp>> QueryCatalogAsync(QueryReq<QueryDicCatalogReq> req)
+    {
+        return Cache.QueryCatalogAsync(req);
+    }
+
+    /// <summary>
+    ///     查询字典内容
+    /// </summary>
+    public Task<IEnumerable<QueryDicContentRsp>> QueryContentAsync(QueryReq<QueryDicContentReq> req)
+    {
+        return Cache.QueryContentAsync(req);
+    }
+
+    /// <summary>
+    ///     更新字典目录
+    /// </summary>
+    [Transaction]
+    public Task<QueryDicCatalogRsp> UpdateCatalogAsync(UpdateDicCatalogReq req)
+    {
+        return Cache.UpdateCatalogAsync(req);
+    }
+
+    /// <summary>
+    ///     更新字典内容
+    /// </summary>
+    [Transaction]
+    public Task<QueryDicContentRsp> UpdateContentAsync(UpdateDicContentReq req)
+    {
+        return Cache.UpdateContentAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/FileController.cs b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/FileController.cs
new file mode 100644
index 00000000..e910d652
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/FileController.cs
@@ -0,0 +1,27 @@
+using NetAdmin.Host.Controllers;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Controllers.Sys;
+
+/// <summary>
+///     文件服务
+/// </summary>
+[ApiDescriptionSettings(nameof(Sys), Module = nameof(Sys))]
+public sealed class FileController : ControllerBase<IFileCache, IFileService>, IFileModule
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="FileController" /> class.
+    /// </summary>
+    public FileController(IFileCache cache) //
+        : base(cache) { }
+
+    /// <summary>
+    ///     文件上传
+    /// </summary>
+    public Task<string> UploadAsync(IFormFile file)
+    {
+        return Cache.UploadAsync(file);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/LogController.cs b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/LogController.cs
new file mode 100644
index 00000000..f6e4474d
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/LogController.cs
@@ -0,0 +1,96 @@
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.RequestLog;
+using NetAdmin.Host.Attributes;
+using NetAdmin.Host.Controllers;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Controllers.Sys;
+
+/// <summary>
+///     请求日志服务
+/// </summary>
+[ApiDescriptionSettings(nameof(Sys), Module = nameof(Sys))]
+public sealed class LogController : ControllerBase<IRequestLogCache, IRequestLogService>, IRequestLogModule
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="LogController" /> class.
+    /// </summary>
+    public LogController(IRequestLogCache cache) //
+        : base(cache) { }
+
+    /// <summary>
+    ///     批量删除请求日志
+    /// </summary>
+    [NonAction]
+    [Transaction]
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Cache.BulkDeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     创建请求日志
+    /// </summary>
+    [NonAction]
+    [Transaction]
+    public Task<QueryRequestLogRsp> CreateAsync(CreateRequestLogReq req)
+    {
+        return Cache.CreateAsync(req);
+    }
+
+    /// <summary>
+    ///     删除请求日志
+    /// </summary>
+    [NonAction]
+    [Transaction]
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Cache.DeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     请求日志是否存在
+    /// </summary>
+    [NonAction]
+    public Task<bool> ExistAsync(QueryReq<QueryRequestLogReq> req)
+    {
+        return Cache.ExistAsync(req);
+    }
+
+    /// <summary>
+    ///     获取单个请求日志
+    /// </summary>
+    [NonAction]
+    public Task<QueryRequestLogRsp> GetAsync(QueryRequestLogReq req)
+    {
+        return Cache.GetAsync(req);
+    }
+
+    /// <summary>
+    ///     分页查询请求日志
+    /// </summary>
+    public Task<PagedQueryRsp<QueryRequestLogRsp>> PagedQueryAsync(PagedQueryReq<QueryRequestLogReq> req)
+    {
+        return Cache.PagedQueryAsync(req);
+    }
+
+    /// <summary>
+    ///     查询请求日志
+    /// </summary>
+    public Task<IEnumerable<QueryRequestLogRsp>> QueryAsync(QueryReq<QueryRequestLogReq> req)
+    {
+        return Cache.QueryAsync(req);
+    }
+
+    /// <summary>
+    ///     更新请求日志
+    /// </summary>
+    [NonAction]
+    [Transaction]
+    public Task<NopReq> UpdateAsync(NopReq req)
+    {
+        return Cache.UpdateAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/MenuController.cs b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/MenuController.cs
new file mode 100644
index 00000000..df200d8d
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/MenuController.cs
@@ -0,0 +1,101 @@
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Menu;
+using NetAdmin.Host.Attributes;
+using NetAdmin.Host.Controllers;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Controllers.Sys;
+
+/// <summary>
+///     菜单服务
+/// </summary>
+[ApiDescriptionSettings(nameof(Sys), Module = nameof(Sys))]
+public sealed class MenuController : ControllerBase<IMenuCache, IMenuService>, IMenuModule
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="MenuController" /> class.
+    /// </summary>
+    public MenuController(IMenuCache cache) //
+        : base(cache) { }
+
+    /// <summary>
+    ///     批量删除菜单
+    /// </summary>
+    [Transaction]
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Cache.BulkDeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     创建菜单
+    /// </summary>
+    [Transaction]
+    public Task<QueryMenuRsp> CreateAsync(CreateMenuReq req)
+    {
+        return Cache.CreateAsync(req);
+    }
+
+    /// <summary>
+    ///     删除菜单
+    /// </summary>
+    [Transaction]
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Cache.DeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     菜单是否存在
+    /// </summary>
+    [NonAction]
+    public Task<bool> ExistAsync(QueryReq<QueryMenuReq> req)
+    {
+        return Cache.ExistAsync(req);
+    }
+
+    /// <summary>
+    ///     获取单个菜单
+    /// </summary>
+    [NonAction]
+    public Task<QueryMenuRsp> GetAsync(QueryMenuReq req)
+    {
+        return Cache.GetAsync(req);
+    }
+
+    /// <summary>
+    ///     分页查询菜单
+    /// </summary>
+    [NonAction]
+    public Task<PagedQueryRsp<QueryMenuRsp>> PagedQueryAsync(PagedQueryReq<QueryMenuReq> req)
+    {
+        return Cache.PagedQueryAsync(req);
+    }
+
+    /// <summary>
+    ///     查询菜单
+    /// </summary>
+    public Task<IEnumerable<QueryMenuRsp>> QueryAsync(QueryReq<QueryMenuReq> req)
+    {
+        return Cache.QueryAsync(req);
+    }
+
+    /// <summary>
+    ///     更新菜单
+    /// </summary>
+    [Transaction]
+    public Task<QueryMenuRsp> UpdateAsync(UpdateMenuReq req)
+    {
+        return Cache.UpdateAsync(req);
+    }
+
+    /// <summary>
+    ///     当前用户菜单
+    /// </summary>
+    public Task<IEnumerable<QueryMenuRsp>> UserMenusAsync()
+    {
+        return Cache.UserMenusAsync();
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/RoleController.cs b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/RoleController.cs
new file mode 100644
index 00000000..daadf439
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/RoleController.cs
@@ -0,0 +1,92 @@
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.Role;
+using NetAdmin.Host.Attributes;
+using NetAdmin.Host.Controllers;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Controllers.Sys;
+
+/// <summary>
+///     角色服务
+/// </summary>
+[ApiDescriptionSettings(nameof(Sys), Module = nameof(Sys))]
+public sealed class RoleController : ControllerBase<IRoleCache, IRoleService>, IRoleModule
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="RoleController" /> class.
+    /// </summary>
+    public RoleController(IRoleCache cache) //
+        : base(cache) { }
+
+    /// <summary>
+    ///     批量删除角色
+    /// </summary>
+    [Transaction]
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Cache.BulkDeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     创建角色
+    /// </summary>
+    [Transaction]
+    public Task<QueryRoleRsp> CreateAsync(CreateRoleReq req)
+    {
+        return Cache.CreateAsync(req);
+    }
+
+    /// <summary>
+    ///     删除角色
+    /// </summary>
+    [Transaction]
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Cache.DeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     角色是否存在
+    /// </summary>
+    [NonAction]
+    public Task<bool> ExistAsync(QueryReq<QueryRoleReq> req)
+    {
+        return Cache.ExistAsync(req);
+    }
+
+    /// <summary>
+    ///     获取单个角色
+    /// </summary>
+    [NonAction]
+    public Task<QueryRoleRsp> GetAsync(QueryRoleReq req)
+    {
+        return Cache.GetAsync(req);
+    }
+
+    /// <summary>
+    ///     分页查询角色
+    /// </summary>
+    public Task<PagedQueryRsp<QueryRoleRsp>> PagedQueryAsync(PagedQueryReq<QueryRoleReq> req)
+    {
+        return Cache.PagedQueryAsync(req);
+    }
+
+    /// <summary>
+    ///     查询角色
+    /// </summary>
+    public Task<IEnumerable<QueryRoleRsp>> QueryAsync(QueryReq<QueryRoleReq> req)
+    {
+        return Cache.QueryAsync(req);
+    }
+
+    /// <summary>
+    ///     更新角色
+    /// </summary>
+    [Transaction]
+    public Task<QueryRoleRsp> UpdateAsync(UpdateRoleReq req)
+    {
+        return Cache.UpdateAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/ToolsController.cs b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/ToolsController.cs
new file mode 100644
index 00000000..e7649b7d
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/ToolsController.cs
@@ -0,0 +1,37 @@
+using NetAdmin.Host.Controllers;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Controllers.Sys;
+
+/// <summary>
+///     工具服务
+/// </summary>
+[ApiDescriptionSettings(nameof(Sys), Module = nameof(Sys))]
+public sealed class ToolsController : ControllerBase<IToolsCache, IToolsService>, IToolsModule
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ToolsController" /> class.
+    /// </summary>
+    public ToolsController(IToolsCache cache) //
+        : base(cache) { }
+
+    /// <summary>
+    ///     服务器时间
+    /// </summary>
+    [AllowAnonymous]
+    public DateTime GetServerUtcTime()
+    {
+        return Cache.GetServerUtcTime();
+    }
+
+    /// <summary>
+    ///     版本信息
+    /// </summary>
+    [AllowAnonymous]
+    public string Version()
+    {
+        return Cache.Version();
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/UserController.cs b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/UserController.cs
new file mode 100644
index 00000000..e7519410
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/UserController.cs
@@ -0,0 +1,221 @@
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.User;
+using NetAdmin.Domain.Dto.Sys.UserProfile;
+using NetAdmin.Host.Attributes;
+using NetAdmin.Host.Controllers;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Controllers.Sys;
+
+/// <summary>
+///     用户服务
+/// </summary>
+[ApiDescriptionSettings(nameof(Sys), Module = nameof(Sys))]
+public sealed class UserController : ControllerBase<IUserCache, IUserService>, IUserModule
+{
+    private readonly IConfigCache _configCache;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="UserController" /> class.
+    /// </summary>
+    public UserController(IUserCache cache, IConfigCache configCache) //
+        : base(cache)
+    {
+        _configCache = configCache;
+    }
+
+    /// <summary>
+    ///     批量删除用户
+    /// </summary>
+    [NonAction]
+    [Transaction]
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Cache.BulkDeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     检查手机号是否可用
+    /// </summary>
+    [AllowAnonymous]
+    public Task<bool> CheckMobileAvailableAsync(CheckMobileAvailableReq req)
+    {
+        return Cache.CheckMobileAvailableAsync(req);
+    }
+
+    /// <summary>
+    ///     检查用户名是否可用
+    /// </summary>
+    [AllowAnonymous]
+    public Task<bool> CheckUserNameAvailableAsync(CheckUserNameAvailableReq req)
+    {
+        return Cache.CheckUserNameAvailableAsync(req);
+    }
+
+    /// <summary>
+    ///     创建用户
+    /// </summary>
+    [Transaction]
+    public Task<QueryUserRsp> CreateAsync(CreateUserReq req)
+    {
+        return Cache.CreateAsync(req);
+    }
+
+    /// <summary>
+    ///     删除用户
+    /// </summary>
+    [Transaction]
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Cache.DeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     用户是否存在
+    /// </summary>
+    [NonAction]
+    public Task<bool> ExistAsync(QueryReq<QueryUserReq> req)
+    {
+        return Cache.ExistAsync(req);
+    }
+
+    /// <summary>
+    ///     获取单个用户
+    /// </summary>
+    [NonAction]
+    public Task<QueryUserRsp> GetAsync(QueryUserReq req)
+    {
+        return Cache.GetAsync(req);
+    }
+
+    /// <summary>
+    ///     密码登录
+    /// </summary>
+    [AllowAnonymous]
+    [Transaction]
+    public async Task<LoginRsp> LoginByPwdAsync(LoginByPwdReq req)
+    {
+        var ret = await Cache.LoginByPwdAsync(req);
+        ret.SetToRspHeader();
+        return ret;
+    }
+
+    /// <summary>
+    ///     短信登录
+    /// </summary>
+    [AllowAnonymous]
+    [Transaction]
+    public async Task<LoginRsp> LoginBySmsAsync(LoginBySmsReq req)
+    {
+        var ret = await Cache.LoginBySmsAsync(req);
+        ret.SetToRspHeader();
+        return ret;
+    }
+
+    /// <summary>
+    ///     分页查询用户
+    /// </summary>
+    public Task<PagedQueryRsp<QueryUserRsp>> PagedQueryAsync(PagedQueryReq<QueryUserReq> req)
+    {
+        return Cache.PagedQueryAsync(req);
+    }
+
+    /// <summary>
+    ///     查询用户
+    /// </summary>
+    public Task<IEnumerable<QueryUserRsp>> QueryAsync(QueryReq<QueryUserReq> req)
+    {
+        return Cache.QueryAsync(req);
+    }
+
+    /// <summary>
+    ///     查询用户档案
+    /// </summary>
+    public Task<IEnumerable<QueryUserProfileRsp>> QueryProfileAsync(QueryReq<QueryUserProfileReq> req)
+    {
+        return Cache.QueryProfileAsync(req);
+    }
+
+    /// <summary>
+    ///     注册用户
+    /// </summary>
+    [Transaction]
+    [AllowAnonymous]
+    public async Task<UserInfoRsp> RegisterAsync(RegisterUserReq req)
+    {
+        var config = await _configCache.GetLatestConfigAsync();
+
+        return await Cache.RegisterAsync(req with {
+                                                      DeptId = config.UserRegisterDeptId
+                                                    , RoleIds = new[] { config.UserRegisterRoleId }
+                                                    , Profile = new CreateUserProfileReq()
+                                                    , Enabled = !config.UserRegisterConfirm
+                                                    , Mobile = req.VerifySmsCodeReq.DestDevice
+                                                  });
+    }
+
+    /// <summary>
+    ///     重设密码
+    /// </summary>
+    [AllowAnonymous]
+    [Transaction]
+    public Task<uint> ResetPasswordAsync(ResetPasswordReq req)
+    {
+        return Cache.ResetPasswordAsync(req);
+    }
+
+    /// <summary>
+    ///     更新用户头像
+    /// </summary>
+    [Transaction]
+    public Task<UserInfoRsp> SetAvatarAsync(SetAvatarReq req)
+    {
+        return Cache.SetAvatarAsync(req);
+    }
+
+    /// <summary>
+    ///     设置邮箱
+    /// </summary>
+    [Transaction]
+    public Task<UserInfoRsp> SetEmailAsync(SetEmailReq req)
+    {
+        return Cache.SetEmailAsync(req);
+    }
+
+    /// <summary>
+    ///     设置手机号
+    /// </summary>
+    [Transaction]
+    public Task<UserInfoRsp> SetMobileAsync(SetMobileReq req)
+    {
+        return Cache.SetMobileAsync(req);
+    }
+
+    /// <summary>
+    ///     设置密码
+    /// </summary>
+    [Transaction]
+    public Task<uint> SetPasswordAsync(SetPasswordReq req)
+    {
+        return Cache.SetPasswordAsync(req);
+    }
+
+    /// <summary>
+    ///     更新用户
+    /// </summary>
+    [Transaction]
+    public Task<QueryUserRsp> UpdateAsync(UpdateUserReq req)
+    {
+        return Cache.UpdateAsync(req);
+    }
+
+    /// <summary>
+    ///     当前用户信息
+    /// </summary>
+    public Task<UserInfoRsp> UserInfoAsync()
+    {
+        return Cache.UserInfoAsync();
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/VerifyCodeController.cs b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/VerifyCodeController.cs
new file mode 100644
index 00000000..066e1a78
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Controllers/Sys/VerifyCodeController.cs
@@ -0,0 +1,104 @@
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Sys.VerifyCode;
+using NetAdmin.Host.Attributes;
+using NetAdmin.Host.Controllers;
+using NetAdmin.SysComponent.Application.Modules.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Controllers.Sys;
+
+/// <summary>
+///     验证码服务
+/// </summary>
+[ApiDescriptionSettings(nameof(Sys), Module = nameof(Sys))]
+public sealed class VerifyCodeController : ControllerBase<IVerifyCodeCache, IVerifyCodeService>, IVerifyCodeModule
+{
+    private readonly ICaptchaCache _captchaCache;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="VerifyCodeController" /> class.
+    /// </summary>
+    public VerifyCodeController(IVerifyCodeCache cache, ICaptchaCache captchaCache) //
+        : base(cache)
+    {
+        _captchaCache = captchaCache;
+    }
+
+    /// <inheritdoc />
+    [NonAction]
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <inheritdoc />
+    [NonAction]
+    public Task<QueryVerifyCodeRsp> CreateAsync(CreateVerifyCodeReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <inheritdoc />
+    [NonAction]
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <inheritdoc />
+    [NonAction]
+    public Task<bool> ExistAsync(QueryReq<QueryVerifyCodeReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <inheritdoc />
+    [NonAction]
+    public Task<QueryVerifyCodeRsp> GetAsync(QueryVerifyCodeReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <inheritdoc />
+    [NonAction]
+    public Task<PagedQueryRsp<QueryVerifyCodeRsp>> PagedQueryAsync(PagedQueryReq<QueryVerifyCodeReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <inheritdoc />
+    [NonAction]
+    public Task<IEnumerable<QueryVerifyCodeRsp>> QueryAsync(QueryReq<QueryVerifyCodeReq> req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     发送验证码
+    /// </summary>
+    [Transaction]
+    [AllowAnonymous]
+    public async Task<SendVerifyCodeRsp> SendVerifyCodeAsync(SendVerifyCodeReq req)
+    {
+        await _captchaCache.VerifyCaptchaAndRemoveAsync(req.VerifyCaptchaReq);
+        return await Cache.SendVerifyCodeAsync(req);
+    }
+
+    /// <inheritdoc />
+    [NonAction]
+    public Task<QueryVerifyCodeRsp> UpdateAsync(UpdateVerifyCodeReq req)
+    {
+        throw new NotImplementedException();
+    }
+
+    /// <summary>
+    ///     完成验证
+    /// </summary>
+    [Transaction]
+    [AllowAnonymous]
+    public Task<bool> VerifyAsync(VerifyCodeReq req)
+    {
+        return Cache.VerifyAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Controllers/Tpl/ExampleController.cs b/src/backend/NetAdmin.SysComponent.Host/Controllers/Tpl/ExampleController.cs
new file mode 100644
index 00000000..7610c70b
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Controllers/Tpl/ExampleController.cs
@@ -0,0 +1,92 @@
+using NetAdmin.Domain.Dto.Dependency;
+using NetAdmin.Domain.Dto.Tpl.Example;
+using NetAdmin.Host.Attributes;
+using NetAdmin.Host.Controllers;
+using NetAdmin.SysComponent.Application.Modules.Tpl;
+using NetAdmin.SysComponent.Application.Services.Tpl.Dependency;
+using NetAdmin.SysComponent.Cache.Tpl.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Controllers.Tpl;
+
+/// <summary>
+///     示例服务
+/// </summary>
+[ApiDescriptionSettings(nameof(Tpl), Module = nameof(Tpl))]
+public sealed class ExampleController : ControllerBase<IExampleCache, IExampleService>, IExampleModule
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ExampleController" /> class.
+    /// </summary>
+    public ExampleController(IExampleCache cache) //
+        : base(cache) { }
+
+    /// <summary>
+    ///     批量删除示例
+    /// </summary>
+    [Transaction]
+    public Task<int> BulkDeleteAsync(BulkReq<DelReq> req)
+    {
+        return Cache.BulkDeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     创建示例
+    /// </summary>
+    [Transaction]
+    public Task<QueryExampleRsp> CreateAsync(CreateExampleReq req)
+    {
+        return Cache.CreateAsync(req);
+    }
+
+    /// <summary>
+    ///     删除示例
+    /// </summary>
+    [Transaction]
+    public Task<int> DeleteAsync(DelReq req)
+    {
+        return Cache.DeleteAsync(req);
+    }
+
+    /// <summary>
+    ///     示例是否存在
+    /// </summary>
+    [NonAction]
+    public Task<bool> ExistAsync(QueryReq<QueryExampleReq> req)
+    {
+        return Cache.ExistAsync(req);
+    }
+
+    /// <summary>
+    ///     获取单个示例
+    /// </summary>
+    [NonAction]
+    public Task<QueryExampleRsp> GetAsync(QueryExampleReq req)
+    {
+        return Cache.GetAsync(req);
+    }
+
+    /// <summary>
+    ///     分页查询示例
+    /// </summary>
+    public Task<PagedQueryRsp<QueryExampleRsp>> PagedQueryAsync(PagedQueryReq<QueryExampleReq> req)
+    {
+        return Cache.PagedQueryAsync(req);
+    }
+
+    /// <summary>
+    ///     查询示例
+    /// </summary>
+    public Task<IEnumerable<QueryExampleRsp>> QueryAsync(QueryReq<QueryExampleReq> req)
+    {
+        return Cache.QueryAsync(req);
+    }
+
+    /// <summary>
+    ///     更新示例
+    /// </summary>
+    [Transaction]
+    public Task<QueryExampleRsp> UpdateAsync(UpdateExampleReq req)
+    {
+        return Cache.UpdateAsync(req);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/NetAdmin.SysComponent.Host.csproj b/src/backend/NetAdmin.SysComponent.Host/NetAdmin.SysComponent.Host.csproj
new file mode 100644
index 00000000..e89eea5c
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/NetAdmin.SysComponent.Host.csproj
@@ -0,0 +1,7 @@
+<Project Sdk="Microsoft.NET.Sdk">
+    <Import Project="$(SolutionDir)/CodeQuality.props"/>
+    <ItemGroup>
+        <ProjectReference Include="../NetAdmin.Host/NetAdmin.Host.csproj"/>
+        <ProjectReference Include="../NetAdmin.SysComponent.Cache/NetAdmin.SysComponent.Cache.csproj"/>
+    </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Subscribers/ApiSynchronizer.cs b/src/backend/NetAdmin.SysComponent.Host/Subscribers/ApiSynchronizer.cs
new file mode 100644
index 00000000..0c50c043
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Subscribers/ApiSynchronizer.cs
@@ -0,0 +1,31 @@
+using NetAdmin.Domain.Events;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Subscribers;
+
+/// <summary>
+///     Api接口同步器
+/// </summary>
+public sealed class ApiSynchronizer : IEventSubscriber
+{
+    private readonly ILogger<ApiSynchronizer> _logger;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="ApiSynchronizer" /> class.
+    /// </summary>
+    public ApiSynchronizer(ILogger<ApiSynchronizer> logger)
+    {
+        _logger = logger;
+    }
+
+    /// <summary>
+    ///     同步Api接口
+    /// </summary>
+    [EventSubscribe(nameof(SyncStructureAfterEvent))]
+    public async Task SyncApiAsync(EventHandlerExecutingContext _)
+    {
+        var logService = App.GetService<IApiService>();
+        await logService.SyncAsync();
+        _logger.Info($"{nameof(IApiService)}.{nameof(IApiService.SyncAsync)} {Ln.已完成}");
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Subscribers/CacheCleaner.cs b/src/backend/NetAdmin.SysComponent.Host/Subscribers/CacheCleaner.cs
new file mode 100644
index 00000000..94c50866
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Subscribers/CacheCleaner.cs
@@ -0,0 +1,31 @@
+using NetAdmin.Domain.Contexts;
+using NetAdmin.Domain.Events.Sys;
+using NetAdmin.SysComponent.Cache.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Subscribers;
+
+/// <summary>
+///     缓存清理器
+/// </summary>
+public sealed class CacheCleaner : IEventSubscriber
+{
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="CacheCleaner" /> class.
+    /// </summary>
+    public CacheCleaner() { }
+
+    /// <summary>
+    ///     用户缓存清理
+    /// </summary>
+    [EventSubscribe(nameof(UserUpdatedEvent))]
+    public async Task RemoveUserInfoAsync(EventHandlerExecutingContext context)
+    {
+        if (context.Source is not UserUpdatedEvent userUpdatedEvent) {
+            return;
+        }
+
+        var cache = App.GetService<IUserCache>();
+        cache.Service.UserToken = ContextUserToken.Create(userUpdatedEvent.Data);
+        await cache.RemoveUserInfoAsync();
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Subscribers/EmailCodeSender.cs b/src/backend/NetAdmin.SysComponent.Host/Subscribers/EmailCodeSender.cs
new file mode 100644
index 00000000..f8560124
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Subscribers/EmailCodeSender.cs
@@ -0,0 +1,40 @@
+using NetAdmin.Domain.Dto.Sys.VerifyCode;
+using NetAdmin.Domain.Enums.Sys;
+using NetAdmin.Domain.Events.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Subscribers;
+
+/// <summary>
+///     邮件验证码发送器
+/// </summary>
+public sealed class EmailCodeSender : IEventSubscriber
+{
+    private readonly ILogger<EmailCodeSender> _logger;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="EmailCodeSender" /> class.
+    /// </summary>
+    public EmailCodeSender(ILogger<EmailCodeSender> logger)
+    {
+        _logger = logger;
+    }
+
+    /// <summary>
+    ///     发送邮件
+    /// </summary>
+    [EventSubscribe(nameof(VerifyCodeCreatedEvent))]
+    public async Task SendEmailAsync(EventHandlerExecutingContext context)
+    {
+        if (context.Source is not VerifyCodeCreatedEvent verifyCodeCreatedEvent ||
+            verifyCodeCreatedEvent.Data.DeviceType != VerifyCodeDeviceTypes.Email) {
+            return;
+        }
+
+        // 发送...
+        var verifyCodeService = App.GetService<IVerifyCodeService>();
+        _ = await verifyCodeService.UpdateAsync(
+            verifyCodeCreatedEvent.Data.Adapt<UpdateVerifyCodeReq>() with { Status = VerifyCodeStatues.Sent });
+        _logger.Info($"{nameof(IVerifyCodeService)}.{nameof(IVerifyCodeService.UpdateAsync)} {Ln.已完成}");
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Subscribers/OperationLogger.cs b/src/backend/NetAdmin.SysComponent.Host/Subscribers/OperationLogger.cs
new file mode 100644
index 00000000..b9473359
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Subscribers/OperationLogger.cs
@@ -0,0 +1,46 @@
+using NetAdmin.Domain.Dto.Sys.RequestLog;
+using NetAdmin.Domain.Dto.Sys.User;
+using NetAdmin.Domain.Events.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Subscribers;
+
+/// <summary>
+///     操作日志记录
+/// </summary>
+public sealed class OperationLogger : IEventSubscriber
+{
+    /// <summary>
+    ///     保存请求日志到数据库
+    /// </summary>
+    [EventSubscribe(nameof(RequestLogEvent))]
+    public async Task OperationEventDbRecordAsync(EventHandlerExecutingContext context)
+    {
+        if (context.Source is not RequestLogEvent operationEvent) {
+            return;
+        }
+
+        // 跳过心跳请求
+        if (operationEvent.Data.ApiId.Equals("api/health/check", StringComparison.OrdinalIgnoreCase)) {
+            return;
+        }
+
+        CreateRequestLogReq logReq = null;
+
+        // 登录日志特殊处理
+        if (operationEvent.Data.ApiId.Equals("api/user/login", StringComparison.OrdinalIgnoreCase)) {
+            try {
+                var loginReq = operationEvent.Data.RequestBody.ToObject<LoginByPwdReq>();
+                logReq = operationEvent.Data with { ExtraData = loginReq.Account };
+            }
+            catch {
+                // ignored
+            }
+        }
+
+        logReq ??= operationEvent.Data;
+        var logService = App.GetService<IRequestLogService>();
+        logReq.TruncateStrings();
+        _ = await logService.CreateAsync(logReq);
+    }
+}
\ No newline at end of file
diff --git a/src/backend/NetAdmin.SysComponent.Host/Subscribers/SmsCodeSender.cs b/src/backend/NetAdmin.SysComponent.Host/Subscribers/SmsCodeSender.cs
new file mode 100644
index 00000000..3309a729
--- /dev/null
+++ b/src/backend/NetAdmin.SysComponent.Host/Subscribers/SmsCodeSender.cs
@@ -0,0 +1,40 @@
+using NetAdmin.Domain.Dto.Sys.VerifyCode;
+using NetAdmin.Domain.Enums.Sys;
+using NetAdmin.Domain.Events.Sys;
+using NetAdmin.SysComponent.Application.Services.Sys.Dependency;
+
+namespace NetAdmin.SysComponent.Host.Subscribers;
+
+/// <summary>
+///     短信验证码发送器
+/// </summary>
+public sealed class SmsCodeSender : IEventSubscriber
+{
+    private readonly ILogger<SmsCodeSender> _logger;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="SmsCodeSender" /> class.
+    /// </summary>
+    public SmsCodeSender(ILogger<SmsCodeSender> logger)
+    {
+        _logger = logger;
+    }
+
+    /// <summary>
+    ///     发送短信
+    /// </summary>
+    [EventSubscribe(nameof(VerifyCodeCreatedEvent))]
+    public async Task SendSmsAsync(EventHandlerExecutingContext context)
+    {
+        if (context.Source is not VerifyCodeCreatedEvent verifyCodeCreatedEvent ||
+            verifyCodeCreatedEvent.Data.DeviceType != VerifyCodeDeviceTypes.Mobile) {
+            return;
+        }
+
+        // 发送...
+        var verifyCodeService = App.GetService<IVerifyCodeService>();
+        _ = await verifyCodeService.UpdateAsync(
+            verifyCodeCreatedEvent.Data.Adapt<UpdateVerifyCodeReq>() with { Status = VerifyCodeStatues.Sent });
+        _logger.Info($"{nameof(IVerifyCodeService)}.{nameof(IVerifyCodeService.UpdateAsync)} {Ln.已完成}");
+    }
+}
\ No newline at end of file
diff --git a/src/frontend/admin/.editorconfig b/src/frontend/admin/.editorconfig
new file mode 100644
index 00000000..b79317dd
--- /dev/null
+++ b/src/frontend/admin/.editorconfig
@@ -0,0 +1,11 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+ij_xml_attribute_wrap = off
+ij_xml_text_wrap = off
+indent_size = 4
+indent_style = space
+insert_final_newline = false
+trim_trailing_whitespace = true
\ No newline at end of file
diff --git a/src/frontend/admin/.eslintrc.js b/src/frontend/admin/.eslintrc.js
new file mode 100644
index 00000000..20c5028f
--- /dev/null
+++ b/src/frontend/admin/.eslintrc.js
@@ -0,0 +1,47 @@
+module.exports = {
+    root: true,
+    extends: ['plugin:vue/vue3-essential', 'eslint:recommended', '@vue/eslint-config-prettier'],
+    rules: {
+        'vue/multi-word-component-names': [
+            'off',
+            {
+                ignores: [],
+            },
+        ],
+        'vue/attributes-order': [
+            'error',
+            {
+                order: [
+                    'DEFINITION',
+                    'LIST_RENDERING',
+                    'CONDITIONALS',
+                    'RENDER_MODIFIERS',
+                    'GLOBAL',
+                    ['UNIQUE', 'SLOT'],
+                    'TWO_WAY_BINDING',
+                    'OTHER_DIRECTIVES',
+                    'OTHER_ATTR',
+                    'EVENTS',
+                    'CONTENT',
+                ],
+                alphabetical: false,
+            },
+        ],
+        'vue/no-unused-vars': ['warn'],
+        'no-return-await': ['warn'],
+        'no-multiple-empty-lines': ['warn'],
+        'no-inner-declarations': ['off'],
+        eqeqeq: 'error',
+    },
+    env: {
+        browser: true,
+        es2021: true,
+        node: true,
+        'vue/setup-compiler-macros': true,
+    },
+    globals: {
+        defineOptions: 'writable',
+        defineProps: 'readonly',
+        NodeJS: true,
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/.gitignore b/src/frontend/admin/.gitignore
new file mode 100644
index 00000000..403adbc1
--- /dev/null
+++ b/src/frontend/admin/.gitignore
@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/src/frontend/admin/.prettierignore b/src/frontend/admin/.prettierignore
new file mode 100644
index 00000000..7bf12a5a
--- /dev/null
+++ b/src/frontend/admin/.prettierignore
@@ -0,0 +1,3 @@
+# 忽略格式化文件 (根据项目需要自行添加)
+node_modules
+dist
\ No newline at end of file
diff --git a/src/frontend/admin/.prettierrc b/src/frontend/admin/.prettierrc
new file mode 100644
index 00000000..2df9eb10
--- /dev/null
+++ b/src/frontend/admin/.prettierrc
@@ -0,0 +1,10 @@
+{
+  "tabWidth": 4,
+  "useTabs": false,
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "bracketSameLine": true,
+  "printWidth": 150,
+  "endOfLine": "auto"
+}
\ No newline at end of file
diff --git a/src/frontend/admin/LICENSE b/src/frontend/admin/LICENSE
new file mode 100644
index 00000000..596e09bb
--- /dev/null
+++ b/src/frontend/admin/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 sakuya
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
\ No newline at end of file
diff --git a/src/frontend/admin/README.md b/src/frontend/admin/README.md
new file mode 100644
index 00000000..ec4a0b4f
--- /dev/null
+++ b/src/frontend/admin/README.md
@@ -0,0 +1,30 @@
+原版仓库 [SCUI](https://gitee.com/lolicode/scui)
+
+1. 本仓库只是将 vue-cli 替换为 vite(vite版本与官网)，只做了为适配 vite 的必要修改，其它仍与原版一致（除部分静态资源）。
+2. 和原SCUI不同的一点就是加入了eslint和prettier，stylelint没必要
+
+### 使用 yarn
+
+```
+# 进入项目目录
+cd ./scui_vite
+
+# 安装依赖
+yarn
+
+# 启动项目(开发模式)
+yarn dev
+```
+
+### 使用 npm
+
+```
+# 进入项目目录
+cd ./scui_vite
+
+# 安装依赖
+npm i
+
+# 启动项目(开发模式)
+npm run dev
+```
\ No newline at end of file
diff --git a/src/frontend/admin/babel.config.js b/src/frontend/admin/babel.config.js
new file mode 100644
index 00000000..e813dbcb
--- /dev/null
+++ b/src/frontend/admin/babel.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+    presets: ['@vue/cli-plugin-babel/preset'],
+}
\ No newline at end of file
diff --git a/src/frontend/admin/index.html b/src/frontend/admin/index.html
new file mode 100644
index 00000000..e8e3f08d
--- /dev/null
+++ b/src/frontend/admin/index.html
@@ -0,0 +1,191 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8"/>
+	<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
+	<meta content="width=device-width,initial-scale=1.0" name="viewport"/>
+	<link href="/favicon.ico" rel="icon"/>
+	<title>SCUI</title>
+	<script type="text/javascript">
+		document.write("<script src='config.js?" + new Date().getTime() + "'><\/script>")
+	</script>
+</head>
+<body>
+<noscript>
+	<strong
+	>We're sorry but SCUI doesn't work properly without JavaScript enabled. Please enable it to continue.</strong
+	>
+</noscript>
+<script type="text/javascript">
+	var dark = window.localStorage.getItem('APP_DARK')
+	if (dark) {
+		document.documentElement.classList.add('dark')
+	}
+</script>
+<div id="app" class="aminui">
+	<div class="app-loading">
+		<div class="app-loading__logo">
+			<img src="/src/assets/img/logo.png"/>
+		</div>
+		<div class="app-loading__loader"></div>
+		<div class="app-loading__title">SCUI</div>
+	</div>
+	<style>
+		.app-loading {
+			position: absolute;
+			top: 0px;
+			left: 0px;
+			right: 0px;
+			bottom: 0px;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			flex-direction: column;
+			background: #fff;
+		}
+
+		.app-loading__logo {
+			margin-bottom: 30px;
+		}
+
+		.app-loading__logo img {
+			width: 90px;
+			vertical-align: bottom;
+		}
+
+		.app-loading__loader {
+			box-sizing: border-box;
+			width: 35px;
+			height: 35px;
+			border: 5px solid transparent;
+			border-top-color: #000;
+			border-radius: 50%;
+			animation: 0.5s loader linear infinite;
+			position: relative;
+		}
+
+		.app-loading__loader:before {
+			box-sizing: border-box;
+			content: '';
+			display: block;
+			width: inherit;
+			height: inherit;
+			position: absolute;
+			top: -5px;
+			left: -5px;
+			border: 5px solid #ccc;
+			border-radius: 50%;
+			opacity: 0.5;
+		}
+
+		.app-loading__title {
+			font-size: 24px;
+			color: #333;
+			margin-top: 30px;
+		}
+
+		.dark .app-loading {
+			background: #222225;
+		}
+
+		.dark .app-loading__loader {
+			border-top-color: #fff;
+		}
+
+		.dark .app-loading__title {
+			color: #d0d0d0;
+		}
+
+		@keyframes loader {
+			0% {
+				transform: rotate(0deg);
+			}
+			100% {
+				transform: rotate(360deg);
+			}
+		}
+	</style>
+</div>
+<!-- built files will be auto injected -->
+</body>
+<div
+	id="versionCheck"
+	style="
+			display: none;
+			position: absolute;
+			z-index: 99;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			padding: 40px;
+			background: rgba(255, 255, 255, 0.9);
+			color: #333;
+		"
+>
+	<h2 style="line-height: 1; margin: 0; font-size: 24px">当前使用的浏览器内核版本过低 :(</h2>
+	<p style="line-height: 1; margin: 0; font-size: 14px; margin-top: 20px; opacity: 0.8">
+		当前版本：<span id="versionCheck-type">--</span> <span id="versionCheck-version">--</span>
+	</p>
+	<p style="line-height: 1; margin: 0; font-size: 14px; margin-top: 10px; opacity: 0.8">
+		最低版本要求：Chrome 71+、Firefox 65+、Safari 12+、Edge 97+。
+	</p>
+	<p style="line-height: 1; margin: 0; font-size: 14px; margin-top: 10px; opacity: 0.8">
+		请升级浏览器版本，或更换现代浏览器，如果你使用的是双核浏览器,请切换到极速/高速模式。
+	</p>
+</div>
+<script type="text/javascript">
+	function getBrowerInfo() {
+		var userAgent = window.navigator.userAgent
+		var browerInfo = {
+			type: 'unknown',
+			version: 'unknown',
+			userAgent: userAgent
+		}
+		if (document.documentMode) {
+			browerInfo.type = 'IE'
+			browerInfo.version = document.documentMode + ''
+		} else if (indexOf(userAgent, 'Firefox')) {
+			browerInfo.type = 'Firefox'
+			browerInfo.version = userAgent.match(/Firefox\/([\d.]+)/)[1]
+		} else if (indexOf(userAgent, 'Opera')) {
+			browerInfo.type = 'Opera'
+			browerInfo.version = userAgent.match(/Opera\/([\d.]+)/)[1]
+		} else if (indexOf(userAgent, 'Edg')) {
+			browerInfo.type = 'Edg'
+			browerInfo.version = userAgent.match(/Edg\/([\d.]+)/)[1]
+		} else if (indexOf(userAgent, 'Chrome')) {
+			browerInfo.type = 'Chrome'
+			browerInfo.version = userAgent.match(/Chrome\/([\d.]+)/)[1]
+		} else if (indexOf(userAgent, 'Safari')) {
+			browerInfo.type = 'Safari'
+			browerInfo.version = userAgent.match(/Safari\/([\d.]+)/)[1]
+		}
+		return browerInfo
+	}
+
+	function indexOf(userAgent, brower) {
+		return userAgent.indexOf(brower) > -1
+	}
+
+	function isSatisfyBrower() {
+		var minVer = {
+			Chrome: 71,
+			Firefox: 65,
+			Safari: 12,
+			Edg: 97,
+			IE: 999
+		}
+		var browerInfo = getBrowerInfo()
+		var materVer = browerInfo.version.split('.')[0]
+		return materVer >= minVer[browerInfo.type]
+	}
+
+	if (!isSatisfyBrower()) {
+		document.getElementById('versionCheck').style.display = 'block'
+		document.getElementById('versionCheck-type').innerHTML = getBrowerInfo().type
+		document.getElementById('versionCheck-version').innerHTML = getBrowerInfo().version
+	}
+</script>
+<script src="/src/main.js" type="module"></script>
+</html>
\ No newline at end of file
diff --git a/src/frontend/admin/jsconfig.json b/src/frontend/admin/jsconfig.json
new file mode 100644
index 00000000..8f62680f
--- /dev/null
+++ b/src/frontend/admin/jsconfig.json
@@ -0,0 +1,19 @@
+{
+	"compilerOptions": {
+		"target": "es5",
+		"module": "esnext",
+		"baseUrl": "./",
+		"moduleResolution": "node",
+		"paths": {
+			"@/*": [
+				"src/*"
+			]
+		},
+		"lib": [
+			"esnext",
+			"dom",
+			"dom.iterable",
+			"scripthost"
+		]
+	}
+}
\ No newline at end of file
diff --git a/src/frontend/admin/package.json b/src/frontend/admin/package.json
new file mode 100644
index 00000000..bbdf2775
--- /dev/null
+++ b/src/frontend/admin/package.json
@@ -0,0 +1,53 @@
+{
+  "name": "scui",
+  "version": "1.6.6",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "prettier": "prettier --write ."
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.1.0",
+    "@tinymce/tinymce-vue": "^5.1.0",
+    "axios": "^1.4.0",
+    "codemirror": "^5.65.5",
+    "core-js": "^3.32.0",
+    "cropperjs": "^1.5.13",
+    "crypto-js": "^4.1.1",
+    "echarts": "^5.4.3",
+    "element-plus": "^2.3.8",
+    "json-bigint": "^1.0.0",
+    "json5-to-table": "^0.1.8",
+    "nprogress": "^0.2.0",
+    "pinyin-match": "^1.2.4",
+    "qrcodejs2": "^0.0.2",
+    "sortablejs": "^1.15.0",
+    "tinymce": "^6.6.0",
+    "vue": "^3.3.4",
+    "vue-i18n": "^9.2.2",
+    "vue-json-viewer": "^3.0.4",
+    "vue-router": "^4.2.4",
+    "vuedraggable": "^4.0.3",
+    "vuex": "^4.1.0",
+    "xgplayer": "^3.0.7",
+    "xgplayer-hls": "^3.0.7"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vue/eslint-config-prettier": "^8.0.0",
+    "eslint": "^8.46.0",
+    "eslint-plugin-vue": "^9.16.1",
+    "prettier": "^3.0.0",
+    "sass": "^1.64.2",
+    "terser": "^5.19.2",
+    "vite": "^4.4.7"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead",
+    "not ie 11"
+  ]
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/code/list/index.vue b/src/frontend/admin/public/code/list/index.vue
new file mode 100644
index 00000000..842c1b0c
--- /dev/null
+++ b/src/frontend/admin/public/code/list/index.vue
@@ -0,0 +1,185 @@
+<!--
+ * @Descripttion: 此文件由SCUI生成，典型的VUE增删改列表页面组件
+ * @version: 1.0
+ * @Author: SCUI AutoCode 模板版本 1.0.0-beta.1
+ * @Date: <%= createDate %>
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-17 10:55:44
+-->
+
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <el-button icon="el-icon-plus" type="primary" @click="add"></el-button>
+                <el-button :disabled="selection.length == 0" icon="el-icon-delete" plain type="danger" @click="batch_del"></el-button>
+            </div>
+            <div class="right-panel">
+                <div class="right-panel-search">
+                    <el-input v-model="search.keyword" clearable placeholder="关键词搜索"></el-input>
+                    <el-button icon="el-icon-search" type="primary" @click="upsearch"></el-button>
+                </div>
+            </div>
+        </el-header>
+        <el-main class="nopadding">
+            <scTable ref="table" :apiObj="apiObj" row-key="<%= base.rowKey %>" @selection-change="selectionChange">
+                <el-table-column type="selection" width="50"></el-table-column>
+                <% column.forEach(function(item, index){ %>
+                <el-table-column label="<%= item.label %>" prop="<%= item.prop %>" width="<%= item.width %>"></el-table-column>
+                <% })%>
+                <el-table-column align="right" fixed="right" label="操作" width="140">
+                    <template #default="scope">
+                        <el-button size="small" type="text" @click="table_show(scope.row, scope.$index)">查看</el-button>
+                        <el-button size="small" type="text" @click="table_edit(scope.row, scope.$index)">编辑</el-button>
+                        <el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
+                            <template #reference>
+                                <el-button size="small" type="text">删除</el-button>
+                            </template>
+                        </el-popconfirm>
+                    </template>
+                </el-table-column>
+            </scTable>
+        </el-main>
+    </el-container>
+
+    <el-dialog v-model="saveDialogVisible" :title="titleMap[saveMode]" :width="500" destroy-on-close>
+        <save-dialog ref="saveDialog" :mode="saveMode"></save-dialog>
+        <template #footer>
+            <el-button @click="saveDialogVisible = false">取 消</el-button>
+            <el-button v-if="saveMode !== 'show'" :loading="isSaveing" type="primary" @click="saveForm()">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+import saveDialog from './save'
+
+export default {
+	name: '<%= base.name %>',
+	components: {
+		saveDialog
+	},
+	data() {
+		return {
+			apiObj: this.$API.
+		<%= api.list % >,
+			selection
+	:
+		[],
+			search
+	:
+		{
+			keyword: ""
+		}
+	,
+		saveDialogVisible: false,
+			saveMode
+	:
+		'add',
+			titleMap
+	:
+		{
+			add: "新增",
+				edit
+		:
+			"编辑",
+				show
+		:
+			"查看"
+		}
+	,
+		isSaveing: false,
+	}
+	},
+	mounted() {
+
+	},
+	methods: {
+		//添加
+		add() {
+			this.saveMode = 'add';
+			this.saveDialogVisible = true;
+		},
+		//编辑
+		table_edit(row) {
+			this.saveMode = 'edit';
+			this.saveDialogVisible = true;
+			this.$nextTick(() => {
+				//这里可以再次根据ID查询详情接口
+				this.$refs.saveDialog.setData(row)
+			})
+		},
+		//查看
+		table_show(row) {
+			this.saveMode = 'show';
+			this.saveDialogVisible = true;
+			this.$nextTick(() => {
+				//这里可以再次根据ID查询详情接口
+				this.$refs.saveDialog.setData(row)
+			})
+		},
+		//删除
+		async table_del(row, index) {
+			var reqData = {id: row.id}
+			var res = await this.$API.
+			<%= api.del % >
+		.
+			post(reqData);
+			if (res.code == 200) {
+				//这里选择刷新整个表格 OR 插入/编辑现有表格数据
+				this.$refs.table.tableData.splice(index, 1);
+				this.$message.success("删除成功")
+			} else {
+				this.$alert(res.message, "提示", {type: 'error'})
+			}
+		},
+		//批量删除
+		async batch_del() {
+			this.$confirm(`确定删除选中的 ${this.selection.length} 项吗？`, '提示', {
+				type: 'warning'
+			}).then(() => {
+				const loading = this.$loading();
+				this.selection.forEach(item => {
+					this.$refs.table.tableData.forEach((itemI, indexI) => {
+						if (item.id === itemI.id) {
+							this.$refs.table.tableData.splice(indexI, 1)
+						}
+					})
+				})
+				loading.close();
+				this.$message.success("操作成功")
+			}).catch(() => {
+
+			})
+		},
+		//提交
+		saveForm() {
+			this.$refs.saveDialog.submit(async (formData) => {
+				this.isSaveing = true;
+				var res = await this.$API.
+				<%= api.save % >
+			.
+				post(formData);
+				this.isSaveing = false;
+				if (res.code == 200) {
+					//这里选择刷新整个表格 OR 插入/编辑现有表格数据
+					this.saveDialogVisible = false;
+					this.$message.success("操作成功")
+				} else {
+					this.$alert(res.message, "提示", {type: 'error'})
+				}
+			})
+		},
+		//表格选择后回调事件
+		selectionChange(selection) {
+			this.selection = selection;
+		},
+		//搜索
+		upsearch() {
+
+		}
+	}
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/public/code/list/save.vue b/src/frontend/admin/public/code/list/save.vue
new file mode 100644
index 00000000..733122b5
--- /dev/null
+++ b/src/frontend/admin/public/code/list/save.vue
@@ -0,0 +1,87 @@
+<!--
+ * @Descripttion: 此文件由SCUI生成，典型的VUE增删改列表页面组件
+ * @version: 1.0
+ * @Author: SCUI AutoCode 模板版本 1.0.0-beta.1
+ * @Date: <%= createDate %>
+ * @LastEditors: (最后更新作者)
+ * @LastEditTime: (最后更新时间)
+-->
+
+<template>
+    <el-form ref="dialogForm" :disabled="mode == 'show'" :model="form" :rules="rules" label-position="left" label-width="100px">
+        <% column.forEach(function(item, index){ %>
+        <el-form-item label="<%= item.label %>" prop="<%= item.prop %>">
+            <el-input v-model="form.<%= item.prop %>" clearable></el-input>
+        </el-form-item>
+        <% })%>
+    </el-form>
+</template>
+
+<script>
+export default {
+	props: {
+		mode: {type: String, default: "add"}
+	},
+	data() {
+		return {
+			//表单数据
+			form: {
+		<%= base.rowKey % >
+	:
+		"",
+			<% column.forEach(function (item, index) { %>
+		<
+			%= item.prop % >
+		:
+			"",
+				<%
+		}) % >
+	},
+		//验证规则
+		rules: {
+			<% column.forEach(function (item, index) { %>
+			<
+				%= item.prop % >
+			:
+				[
+					{required: true, message: '请输入<%= item.label %>'}
+				],
+					<%
+			}) % >
+		}
+	,
+	}
+	},
+	mounted() {
+
+	},
+	methods: {
+		//表单提交方法
+		submit(callback) {
+			this.$refs.dialogForm.validate((valid) => {
+				if (valid) {
+					callback(this.form)
+				} else {
+					return false;
+				}
+			})
+		},
+		//表单注入数据
+		setData(data) {
+			this.form.
+			<%= base.rowKey % > = data.
+			<%= base.rowKey % >
+				< % column.forEach(function (item, index) { %>
+					this.form.
+					<%= item.prop % > = data.
+					<%= item.prop % >
+						< %
+				}) % >
+			//可以和上面一样单个注入，也可以像下面一样直接合并进去
+			//Object.assign(this.form, data)
+		}
+	}
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/public/config.js b/src/frontend/admin/public/config.js
new file mode 100644
index 00000000..c7956d6c
--- /dev/null
+++ b/src/frontend/admin/public/config.js
@@ -0,0 +1,9 @@
+// 此文件非必要，在生产环境下此文件配置可覆盖运行配置，开发环境下不起效
+// 详情见 src/config/index.js
+
+const APP_CONFIG = {
+    //标题
+    //APP_NAME: "SCUI",
+    //接口地址，如遇跨域需使用nginx代理
+    //API_URL: "https://www.fastmock.site/mock/5039c4361c39a7e3252c5b55971f1bd3/api"
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/favicon.ico b/src/frontend/admin/public/favicon.ico
new file mode 100644
index 00000000..23156d86
Binary files /dev/null and b/src/frontend/admin/public/favicon.ico differ
diff --git a/src/frontend/admin/public/tinymce/langs/zh_CN.js b/src/frontend/admin/public/tinymce/langs/zh_CN.js
new file mode 100644
index 00000000..0eee2a79
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/langs/zh_CN.js
@@ -0,0 +1,426 @@
+tinymce.addI18n('zh_CN', {
+    Redo: '\u91cd\u505a',
+    Undo: '\u64a4\u9500',
+    Cut: '\u526a\u5207',
+    Copy: '\u590d\u5236',
+    Paste: '\u7c98\u8d34',
+    'Select all': '\u5168\u9009',
+    'New document': '\u65b0\u6587\u4ef6',
+    Ok: '\u786e\u5b9a',
+    Cancel: '\u53d6\u6d88',
+    'Visual aids': '\u7f51\u683c\u7ebf',
+    Bold: '\u7c97\u4f53',
+    Italic: '\u659c\u4f53',
+    Underline: '\u4e0b\u5212\u7ebf',
+    Strikethrough: '\u5220\u9664\u7ebf',
+    Superscript: '\u4e0a\u6807',
+    Subscript: '\u4e0b\u6807',
+    'Clear formatting': '\u6e05\u9664\u683c\u5f0f',
+    'Align left': '\u5de6\u8fb9\u5bf9\u9f50',
+    'Align center': '\u4e2d\u95f4\u5bf9\u9f50',
+    'Align right': '\u53f3\u8fb9\u5bf9\u9f50',
+    Justify: '\u4e24\u7aef\u5bf9\u9f50',
+    'Bullet list': '\u9879\u76ee\u7b26\u53f7',
+    'Numbered list': '\u7f16\u53f7\u5217\u8868',
+    'Decrease indent': '\u51cf\u5c11\u7f29\u8fdb',
+    'Increase indent': '\u589e\u52a0\u7f29\u8fdb',
+    Close: '\u5173\u95ed',
+    Formats: '\u683c\u5f0f',
+    "Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X/C/V keyboard shortcuts instead.":
+        '\u4f60\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u6253\u5f00\u526a\u8d34\u677f\uff0c\u8bf7\u4f7f\u7528Ctrl+X/C/V\u7b49\u5feb\u6377\u952e\u3002',
+    Headers: '\u6807\u9898',
+    'Header 1': '\u6807\u98981',
+    'Header 2': '\u6807\u98982',
+    'Header 3': '\u6807\u98983',
+    'Header 4': '\u6807\u98984',
+    'Header 5': '\u6807\u98985',
+    'Header 6': '\u6807\u98986',
+    Headings: '\u6807\u9898',
+    'Heading 1': '\u6807\u98981',
+    'Heading 2': '\u6807\u98982',
+    'Heading 3': '\u6807\u98983',
+    'Heading 4': '\u6807\u98984',
+    'Heading 5': '\u6807\u98985',
+    'Heading 6': '\u6807\u98986',
+    Preformatted: '\u9884\u5148\u683c\u5f0f\u5316\u7684',
+    Div: 'Div',
+    Pre: 'Pre',
+    Code: '\u4ee3\u7801',
+    Paragraph: '\u6bb5\u843d',
+    Blockquote: '\u5f15\u6587\u533a\u5757',
+    Inline: '\u6587\u672c',
+    Blocks: '\u57fa\u5757',
+    'Paste is now in plain text mode. Contents will now be pasted as plain text until you toggle this option off.':
+        '\u5f53\u524d\u4e3a\u7eaf\u6587\u672c\u7c98\u8d34\u6a21\u5f0f\uff0c\u518d\u6b21\u70b9\u51fb\u53ef\u4ee5\u56de\u5230\u666e\u901a\u7c98\u8d34\u6a21\u5f0f\u3002',
+    Fonts: '\u5b57\u4f53',
+    'Font Sizes': '\u5b57\u53f7',
+    Class: '\u7c7b\u578b',
+    'Browse for an image': '\u6d4f\u89c8\u56fe\u50cf',
+    OR: '\u6216',
+    'Drop an image here': '\u62d6\u653e\u4e00\u5f20\u56fe\u50cf\u81f3\u6b64',
+    Upload: '\u4e0a\u4f20',
+    Block: '\u5757',
+    Align: '\u5bf9\u9f50',
+    Default: '\u9ed8\u8ba4',
+    Circle: '\u7a7a\u5fc3\u5706',
+    Disc: '\u5b9e\u5fc3\u5706',
+    Square: '\u65b9\u5757',
+    'Lower Alpha': '\u5c0f\u5199\u82f1\u6587\u5b57\u6bcd',
+    'Lower Greek': '\u5c0f\u5199\u5e0c\u814a\u5b57\u6bcd',
+    'Lower Roman': '\u5c0f\u5199\u7f57\u9a6c\u5b57\u6bcd',
+    'Upper Alpha': '\u5927\u5199\u82f1\u6587\u5b57\u6bcd',
+    'Upper Roman': '\u5927\u5199\u7f57\u9a6c\u5b57\u6bcd',
+    'Anchor...': '\u951a\u70b9...',
+    Name: '\u540d\u79f0',
+    Id: '\u6807\u8bc6\u7b26',
+    'Id should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.':
+        '\u6807\u8bc6\u7b26\u5e94\u8be5\u4ee5\u5b57\u6bcd\u5f00\u5934\uff0c\u540e\u8ddf\u5b57\u6bcd\u3001\u6570\u5b57\u3001\u7834\u6298\u53f7\u3001\u70b9\u3001\u5192\u53f7\u6216\u4e0b\u5212\u7ebf\u3002',
+    'You have unsaved changes are you sure you want to navigate away?':
+        '\u4f60\u8fd8\u6709\u6587\u6863\u5c1a\u672a\u4fdd\u5b58\uff0c\u786e\u5b9a\u8981\u79bb\u5f00\uff1f',
+    'Restore last draft': '\u6062\u590d\u4e0a\u6b21\u7684\u8349\u7a3f',
+    'Special character...': '\u7279\u6b8a\u5b57\u7b26...',
+    'Source code': '\u6e90\u4ee3\u7801',
+    'Insert/Edit code sample': '\u63d2\u5165/\u7f16\u8f91\u4ee3\u7801\u793a\u4f8b',
+    Language: '\u8bed\u8a00',
+    'Code sample...': '\u793a\u4f8b\u4ee3\u7801...',
+    'Color Picker': '\u9009\u8272\u5668',
+    R: 'R',
+    G: 'G',
+    B: 'B',
+    'Left to right': '\u4ece\u5de6\u5230\u53f3',
+    'Right to left': '\u4ece\u53f3\u5230\u5de6',
+    'Emoticons...': '\u8868\u60c5\u7b26\u53f7...',
+    'Metadata and Document Properties': '\u5143\u6570\u636e\u548c\u6587\u6863\u5c5e\u6027',
+    Title: '\u6807\u9898',
+    Keywords: '\u5173\u952e\u8bcd',
+    Description: '\u63cf\u8ff0',
+    Robots: '\u673a\u5668\u4eba',
+    Author: '\u4f5c\u8005',
+    Encoding: '\u7f16\u7801',
+    Fullscreen: '\u5168\u5c4f',
+    Action: '\u64cd\u4f5c',
+    Shortcut: '\u5feb\u6377\u952e',
+    Help: '\u5e2e\u52a9',
+    Address: '\u5730\u5740',
+    'Focus to menubar': '\u79fb\u52a8\u7126\u70b9\u5230\u83dc\u5355\u680f',
+    'Focus to toolbar': '\u79fb\u52a8\u7126\u70b9\u5230\u5de5\u5177\u680f',
+    'Focus to element path': '\u79fb\u52a8\u7126\u70b9\u5230\u5143\u7d20\u8def\u5f84',
+    'Focus to contextual toolbar': '\u79fb\u52a8\u7126\u70b9\u5230\u4e0a\u4e0b\u6587\u83dc\u5355',
+    'Insert link (if link plugin activated)': '\u63d2\u5165\u94fe\u63a5 (\u5982\u679c\u94fe\u63a5\u63d2\u4ef6\u5df2\u6fc0\u6d3b)',
+    'Save (if save plugin activated)': '\u4fdd\u5b58(\u5982\u679c\u4fdd\u5b58\u63d2\u4ef6\u5df2\u6fc0\u6d3b)',
+    'Find (if searchreplace plugin activated)': '\u67e5\u627e(\u5982\u679c\u67e5\u627e\u66ff\u6362\u63d2\u4ef6\u5df2\u6fc0\u6d3b)',
+    'Plugins installed ({0}):': '\u5df2\u5b89\u88c5\u63d2\u4ef6 ({0}):',
+    'Premium plugins:': '\u4f18\u79c0\u63d2\u4ef6\uff1a',
+    'Learn more...': '\u4e86\u89e3\u66f4\u591a...',
+    'You are using {0}': '\u4f60\u6b63\u5728\u4f7f\u7528 {0}',
+    Plugins: '\u63d2\u4ef6',
+    'Handy Shortcuts': '\u5feb\u6377\u952e',
+    'Horizontal line': '\u6c34\u5e73\u5206\u5272\u7ebf',
+    'Insert/edit image': '\u63d2\u5165/\u7f16\u8f91\u56fe\u7247',
+    'Image description': '\u56fe\u7247\u63cf\u8ff0',
+    Source: '\u5730\u5740',
+    Dimensions: '\u5927\u5c0f',
+    'Constrain proportions': '\u4fdd\u6301\u7eb5\u6a2a\u6bd4',
+    General: '\u666e\u901a',
+    Advanced: '\u9ad8\u7ea7',
+    Style: '\u6837\u5f0f',
+    'Vertical space': '\u5782\u76f4\u8fb9\u8ddd',
+    'Horizontal space': '\u6c34\u5e73\u8fb9\u8ddd',
+    Border: '\u8fb9\u6846',
+    'Insert image': '\u63d2\u5165\u56fe\u7247',
+    'Image...': '\u56fe\u7247...',
+    'Image list': '\u56fe\u7247\u5217\u8868',
+    'Rotate counterclockwise': '\u9006\u65f6\u9488\u65cb\u8f6c',
+    'Rotate clockwise': '\u987a\u65f6\u9488\u65cb\u8f6c',
+    'Flip vertically': '\u5782\u76f4\u7ffb\u8f6c',
+    'Flip horizontally': '\u6c34\u5e73\u7ffb\u8f6c',
+    'Edit image': '\u7f16\u8f91\u56fe\u7247',
+    'Image options': '\u56fe\u7247\u9009\u9879',
+    'Zoom in': '\u653e\u5927',
+    'Zoom out': '\u7f29\u5c0f',
+    Crop: '\u88c1\u526a',
+    Resize: '\u8c03\u6574\u5927\u5c0f',
+    Orientation: '\u65b9\u5411',
+    Brightness: '\u4eae\u5ea6',
+    Sharpen: '\u9510\u5316',
+    Contrast: '\u5bf9\u6bd4\u5ea6',
+    'Color levels': '\u989c\u8272\u5c42\u6b21',
+    Gamma: '\u4f3d\u9a6c\u503c',
+    Invert: '\u53cd\u8f6c',
+    Apply: '\u5e94\u7528',
+    Back: '\u540e\u9000',
+    'Insert date/time': '\u63d2\u5165\u65e5\u671f/\u65f6\u95f4',
+    'Date/time': '\u65e5\u671f/\u65f6\u95f4',
+    'Insert/Edit Link': '\u63d2\u5165/\u7f16\u8f91\u94fe\u63a5',
+    'Insert/edit link': '\u63d2\u5165/\u7f16\u8f91\u94fe\u63a5',
+    'Text to display': '\u663e\u793a\u6587\u5b57',
+    Url: '\u5730\u5740',
+    'Open link in...': '\u94fe\u63a5\u6253\u5f00\u4f4d\u7f6e...',
+    'Current window': '\u5f53\u524d\u7a97\u53e3',
+    None: '\u65e0',
+    'New window': '\u5728\u65b0\u7a97\u53e3\u6253\u5f00',
+    'Remove link': '\u5220\u9664\u94fe\u63a5',
+    Anchors: '\u951a\u70b9',
+    'Link...': '\u94fe\u63a5...',
+    'Paste or type a link': '\u7c98\u8d34\u6216\u8f93\u5165\u94fe\u63a5',
+    'The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?':
+        '\u4f60\u6240\u586b\u5199\u7684URL\u5730\u5740\u4e3a\u90ae\u4ef6\u5730\u5740\uff0c\u9700\u8981\u52a0\u4e0amailto:\u524d\u7f00\u5417\uff1f',
+    'The URL you entered seems to be an external link. Do you want to add the required http:// prefix?':
+        '\u4f60\u6240\u586b\u5199\u7684URL\u5730\u5740\u5c5e\u4e8e\u5916\u90e8\u94fe\u63a5\uff0c\u9700\u8981\u52a0\u4e0ahttp://:\u524d\u7f00\u5417\uff1f',
+    'Link list': '\u94fe\u63a5\u5217\u8868',
+    'Insert video': '\u63d2\u5165\u89c6\u9891',
+    'Insert/edit video': '\u63d2\u5165/\u7f16\u8f91\u89c6\u9891',
+    'Insert/edit media': '\u63d2\u5165/\u7f16\u8f91\u5a92\u4f53',
+    'Alternative source': '\u955c\u50cf',
+    'Alternative source URL': '\u66ff\u4ee3\u6765\u6e90\u7f51\u5740',
+    'Media poster (Image URL)': '\u5c01\u9762(\u56fe\u7247\u5730\u5740)',
+    'Paste your embed code below:': '\u5c06\u5185\u5d4c\u4ee3\u7801\u7c98\u8d34\u5728\u4e0b\u9762:',
+    Embed: '\u5185\u5d4c',
+    'Media...': '\u591a\u5a92\u4f53...',
+    'Nonbreaking space': '\u4e0d\u95f4\u65ad\u7a7a\u683c',
+    'Page break': '\u5206\u9875\u7b26',
+    'Paste as text': '\u7c98\u8d34\u4e3a\u6587\u672c',
+    Preview: '\u9884\u89c8',
+    'Print...': '\u6253\u5370...',
+    Save: '\u4fdd\u5b58',
+    Find: '\u67e5\u627e',
+    'Replace with': '\u66ff\u6362\u4e3a',
+    Replace: '\u66ff\u6362',
+    'Replace all': '\u5168\u90e8\u66ff\u6362',
+    Previous: '\u4e0a\u4e00\u4e2a',
+    Next: '\u4e0b\u4e00\u4e2a',
+    'Find and replace...': '\u67e5\u627e\u5e76\u66ff\u6362...',
+    'Could not find the specified string.': '\u672a\u627e\u5230\u641c\u7d22\u5185\u5bb9.',
+    'Match case': '\u533a\u5206\u5927\u5c0f\u5199',
+    'Find whole words only': '\u5168\u5b57\u5339\u914d',
+    'Spell check': '\u62fc\u5199\u68c0\u67e5',
+    Ignore: '\u5ffd\u7565',
+    'Ignore all': '\u5168\u90e8\u5ffd\u7565',
+    Finish: '\u5b8c\u6210',
+    'Add to Dictionary': '\u6dfb\u52a0\u5230\u5b57\u5178',
+    'Insert table': '\u63d2\u5165\u8868\u683c',
+    'Table properties': '\u8868\u683c\u5c5e\u6027',
+    'Delete table': '\u5220\u9664\u8868\u683c',
+    Cell: '\u5355\u5143\u683c',
+    Row: '\u884c',
+    Column: '\u5217',
+    'Cell properties': '\u5355\u5143\u683c\u5c5e\u6027',
+    'Merge cells': '\u5408\u5e76\u5355\u5143\u683c',
+    'Split cell': '\u62c6\u5206\u5355\u5143\u683c',
+    'Insert row before': '\u5728\u4e0a\u65b9\u63d2\u5165',
+    'Insert row after': '\u5728\u4e0b\u65b9\u63d2\u5165',
+    'Delete row': '\u5220\u9664\u884c',
+    'Row properties': '\u884c\u5c5e\u6027',
+    'Cut row': '\u526a\u5207\u884c',
+    'Copy row': '\u590d\u5236\u884c',
+    'Paste row before': '\u7c98\u8d34\u5230\u4e0a\u65b9',
+    'Paste row after': '\u7c98\u8d34\u5230\u4e0b\u65b9',
+    'Insert column before': '\u5728\u5de6\u4fa7\u63d2\u5165',
+    'Insert column after': '\u5728\u53f3\u4fa7\u63d2\u5165',
+    'Delete column': '\u5220\u9664\u5217',
+    Cols: '\u5217',
+    Rows: '\u884c',
+    Width: '\u5bbd',
+    Height: '\u9ad8',
+    'Cell spacing': '\u5355\u5143\u683c\u5916\u95f4\u8ddd',
+    'Cell padding': '\u5355\u5143\u683c\u5185\u8fb9\u8ddd',
+    'Show caption': '\u663e\u793a\u6807\u9898',
+    Left: '\u5de6\u5bf9\u9f50',
+    Center: '\u5c45\u4e2d',
+    Right: '\u53f3\u5bf9\u9f50',
+    'Cell type': '\u5355\u5143\u683c\u7c7b\u578b',
+    Scope: '\u8303\u56f4',
+    Alignment: '\u5bf9\u9f50\u65b9\u5f0f',
+    'H Align': '\u6c34\u5e73\u5bf9\u9f50',
+    'V Align': '\u5782\u76f4\u5bf9\u9f50',
+    Top: '\u9876\u90e8\u5bf9\u9f50',
+    Middle: '\u5782\u76f4\u5c45\u4e2d',
+    Bottom: '\u5e95\u90e8\u5bf9\u9f50',
+    'Header cell': '\u8868\u5934\u5355\u5143\u683c',
+    'Row group': '\u884c\u7ec4',
+    'Column group': '\u5217\u7ec4',
+    'Row type': '\u884c\u7c7b\u578b',
+    Header: '\u8868\u5934',
+    Body: '\u8868\u4f53',
+    Footer: '\u8868\u5c3e',
+    'Border color': '\u8fb9\u6846\u989c\u8272',
+    'Insert template...': '\u63d2\u5165\u6a21\u677f...',
+    Templates: '\u6a21\u677f',
+    Template: '\u6a21\u677f',
+    'Text color': '\u6587\u5b57\u989c\u8272',
+    'Background color': '\u80cc\u666f\u8272',
+    'Custom...': '\u81ea\u5b9a\u4e49...',
+    'Custom color': '\u81ea\u5b9a\u4e49\u989c\u8272',
+    'No color': '\u65e0',
+    'Remove color': '\u79fb\u9664\u989c\u8272',
+    'Table of Contents': '\u5185\u5bb9\u5217\u8868',
+    'Show blocks': '\u663e\u793a\u533a\u5757\u8fb9\u6846',
+    'Show invisible characters': '\u663e\u793a\u4e0d\u53ef\u89c1\u5b57\u7b26',
+    'Word count': '\u5b57\u6570',
+    Count: '\u8ba1\u6570',
+    Document: '\u6587\u6863',
+    Selection: '\u9009\u62e9',
+    Words: '\u5355\u8bcd',
+    'Words: {0}': '\u5b57\u6570\uff1a{0}',
+    '{0} words': '{0} \u5b57',
+    File: '\u6587\u4ef6',
+    Edit: '\u7f16\u8f91',
+    Insert: '\u63d2\u5165',
+    View: '\u89c6\u56fe',
+    Format: '\u683c\u5f0f',
+    Table: '\u8868\u683c',
+    Tools: '\u5de5\u5177',
+    'Powered by {0}': '\u7531{0}\u9a71\u52a8',
+    'Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help':
+        '\u5728\u7f16\u8f91\u533a\u6309ALT-F9\u6253\u5f00\u83dc\u5355\uff0c\u6309ALT-F10\u6253\u5f00\u5de5\u5177\u680f\uff0c\u6309ALT-0\u67e5\u770b\u5e2e\u52a9',
+    'Image title': '\u56fe\u7247\u6807\u9898',
+    'Border width': '\u8fb9\u6846\u5bbd\u5ea6',
+    'Border style': '\u8fb9\u6846\u6837\u5f0f',
+    Error: '\u9519\u8bef',
+    Warn: '\u8b66\u544a',
+    Valid: '\u6709\u6548',
+    'To open the popup, press Shift+Enter': '\u6309Shitf+Enter\u952e\u6253\u5f00\u5bf9\u8bdd\u6846',
+    'Rich Text Area. Press ALT-0 for help.': '\u7f16\u8f91\u533a\u3002\u6309Alt+0\u952e\u6253\u5f00\u5e2e\u52a9\u3002',
+    'System Font': '\u7cfb\u7edf\u5b57\u4f53',
+    'Failed to upload image: {0}': '\u56fe\u7247\u4e0a\u4f20\u5931\u8d25: {0}',
+    'Failed to load plugin: {0} from url {1}': '\u63d2\u4ef6\u52a0\u8f7d\u5931\u8d25: {0} \u6765\u81ea\u94fe\u63a5 {1}',
+    'Failed to load plugin url: {0}': '\u63d2\u4ef6\u52a0\u8f7d\u5931\u8d25 \u94fe\u63a5: {0}',
+    'Failed to initialize plugin: {0}': '\u63d2\u4ef6\u521d\u59cb\u5316\u5931\u8d25: {0}',
+    example: '\u793a\u4f8b',
+    Search: '\u641c\u7d22',
+    All: '\u5168\u90e8',
+    Currency: '\u8d27\u5e01',
+    Text: '\u6587\u5b57',
+    Quotations: '\u5f15\u7528',
+    Mathematical: '\u6570\u5b66',
+    'Extended Latin': '\u62c9\u4e01\u8bed\u6269\u5145',
+    Symbols: '\u7b26\u53f7',
+    Arrows: '\u7bad\u5934',
+    'User Defined': '\u81ea\u5b9a\u4e49',
+    'dollar sign': '\u7f8e\u5143\u7b26\u53f7',
+    'currency sign': '\u8d27\u5e01\u7b26\u53f7',
+    'euro-currency sign': '\u6b27\u5143\u7b26\u53f7',
+    'colon sign': '\u5192\u53f7',
+    'cruzeiro sign': '\u514b\u9c81\u8d5b\u7f57\u5e01\u7b26\u53f7',
+    'french franc sign': '\u6cd5\u90ce\u7b26\u53f7',
+    'lira sign': '\u91cc\u62c9\u7b26\u53f7',
+    'mill sign': '\u5bc6\u5c14\u7b26\u53f7',
+    'naira sign': '\u5948\u62c9\u7b26\u53f7',
+    'peseta sign': '\u6bd4\u585e\u5854\u7b26\u53f7',
+    'rupee sign': '\u5362\u6bd4\u7b26\u53f7',
+    'won sign': '\u97e9\u5143\u7b26\u53f7',
+    'new sheqel sign': '\u65b0\u8c22\u514b\u5c14\u7b26\u53f7',
+    'dong sign': '\u8d8a\u5357\u76fe\u7b26\u53f7',
+    'kip sign': '\u8001\u631d\u57fa\u666e\u7b26\u53f7',
+    'tugrik sign': '\u56fe\u683c\u91cc\u514b\u7b26\u53f7',
+    'drachma sign': '\u5fb7\u62c9\u514b\u9a6c\u7b26\u53f7',
+    'german penny symbol': '\u5fb7\u56fd\u4fbf\u58eb\u7b26\u53f7',
+    'peso sign': '\u6bd4\u7d22\u7b26\u53f7',
+    'guarani sign': '\u74dc\u62c9\u5c3c\u7b26\u53f7',
+    'austral sign': '\u6fb3\u5143\u7b26\u53f7',
+    'hryvnia sign': '\u683c\u91cc\u592b\u5c3c\u4e9a\u7b26\u53f7',
+    'cedi sign': '\u585e\u5730\u7b26\u53f7',
+    'livre tournois sign': '\u91cc\u5f17\u5f17\u5c14\u7b26\u53f7',
+    'spesmilo sign': 'spesmilo\u7b26\u53f7',
+    'tenge sign': '\u575a\u6208\u7b26\u53f7',
+    'indian rupee sign': '\u5370\u5ea6\u5362\u6bd4',
+    'turkish lira sign': '\u571f\u8033\u5176\u91cc\u62c9',
+    'nordic mark sign': '\u5317\u6b27\u9a6c\u514b',
+    'manat sign': '\u9a6c\u7eb3\u7279\u7b26\u53f7',
+    'ruble sign': '\u5362\u5e03\u7b26\u53f7',
+    'yen character': '\u65e5\u5143\u5b57\u6837',
+    'yuan character': '\u4eba\u6c11\u5e01\u5143\u5b57\u6837',
+    'yuan character, in hong kong and taiwan': '\u5143\u5b57\u6837\uff08\u6e2f\u53f0\u5730\u533a\uff09',
+    'yen/yuan character variant one': '\u5143\u5b57\u6837\uff08\u5927\u5199\uff09',
+    'Loading emoticons...': '\u52a0\u8f7d\u8868\u60c5\u7b26\u53f7...',
+    'Could not load emoticons': '\u4e0d\u80fd\u52a0\u8f7d\u8868\u60c5\u7b26\u53f7',
+    People: '\u4eba\u7c7b',
+    'Animals and Nature': '\u52a8\u7269\u548c\u81ea\u7136',
+    'Food and Drink': '\u98df\u7269\u548c\u996e\u54c1',
+    Activity: '\u6d3b\u52a8',
+    'Travel and Places': '\u65c5\u6e38\u548c\u5730\u70b9',
+    Objects: '\u7269\u4ef6',
+    Flags: '\u65d7\u5e1c',
+    Characters: '\u5b57\u7b26',
+    'Characters (no spaces)': '\u5b57\u7b26(\u65e0\u7a7a\u683c)',
+    '{0} characters': '{0} \u4e2a\u5b57\u7b26',
+    'Error: Form submit field collision.': '\u9519\u8bef: \u8868\u5355\u63d0\u4ea4\u5b57\u6bb5\u51b2\u7a81\u3002',
+    'Error: No form element found.': '\u9519\u8bef: \u6ca1\u6709\u8868\u5355\u63a7\u4ef6\u3002',
+    Update: '\u66f4\u65b0',
+    'Color swatch': '\u989c\u8272\u6837\u672c',
+    Turquoise: '\u9752\u7eff\u8272',
+    Green: '\u7eff\u8272',
+    Blue: '\u84dd\u8272',
+    Purple: '\u7d2b\u8272',
+    'Navy Blue': '\u6d77\u519b\u84dd',
+    'Dark Turquoise': '\u6df1\u84dd\u7eff\u8272',
+    'Dark Green': '\u6df1\u7eff\u8272',
+    'Medium Blue': '\u4e2d\u84dd\u8272',
+    'Medium Purple': '\u4e2d\u7d2b\u8272',
+    'Midnight Blue': '\u6df1\u84dd\u8272',
+    Yellow: '\u9ec4\u8272',
+    Orange: '\u6a59\u8272',
+    Red: '\u7ea2\u8272',
+    'Light Gray': '\u6d45\u7070\u8272',
+    Gray: '\u7070\u8272',
+    'Dark Yellow': '\u6697\u9ec4\u8272',
+    'Dark Orange': '\u6df1\u6a59\u8272',
+    'Dark Red': '\u6df1\u7ea2\u8272',
+    'Medium Gray': '\u4e2d\u7070\u8272',
+    'Dark Gray': '\u6df1\u7070\u8272',
+    'Light Green': '\u6d45\u7eff\u8272',
+    'Light Yellow': '\u6d45\u9ec4\u8272',
+    'Light Red': '\u6d45\u7ea2\u8272',
+    'Light Purple': '\u6d45\u7d2b\u8272',
+    'Light Blue': '\u6d45\u84dd\u8272',
+    'Dark Purple': '\u6df1\u7d2b\u8272',
+    'Dark Blue': '\u6df1\u84dd\u8272',
+    Black: '\u9ed1\u8272',
+    White: '\u767d\u8272',
+    'Switch to or from fullscreen mode': '\u5207\u6362\u5168\u5c4f\u6a21\u5f0f',
+    'Open help dialog': '\u6253\u5f00\u5e2e\u52a9\u5bf9\u8bdd\u6846',
+    history: '\u5386\u53f2',
+    styles: '\u6837\u5f0f',
+    formatting: '\u683c\u5f0f\u5316',
+    alignment: '\u5bf9\u9f50',
+    indentation: '\u7f29\u8fdb',
+    'permanent pen': '\u8bb0\u53f7\u7b14',
+    comments: '\u5907\u6ce8',
+    'Format Painter': '\u683c\u5f0f\u5237',
+    'Insert/edit iframe': '\u63d2\u5165/\u7f16\u8f91\u6846\u67b6',
+    Capitalization: '\u5927\u5199',
+    lowercase: '\u5c0f\u5199',
+    UPPERCASE: '\u5927\u5199',
+    'Title Case': '\u9996\u5b57\u6bcd\u5927\u5199',
+    'Permanent Pen Properties': '\u6c38\u4e45\u7b14\u5c5e\u6027',
+    'Permanent pen properties...': '\u6c38\u4e45\u7b14\u5c5e\u6027...',
+    Font: '\u5b57\u4f53',
+    Size: '\u5b57\u53f7',
+    'More...': '\u66f4\u591a...',
+    'Spellcheck Language': '\u62fc\u5199\u68c0\u67e5\u8bed\u8a00',
+    'Select...': '\u9009\u62e9...',
+    Preferences: '\u9996\u9009\u9879',
+    Yes: '\u662f',
+    No: '\u5426',
+    'Keyboard Navigation': '\u952e\u76d8\u6307\u5f15',
+    Version: '\u7248\u672c',
+    Anchor: '\u951a\u70b9',
+    'Special character': '\u7279\u6b8a\u7b26\u53f7',
+    'Code sample': '\u4ee3\u7801\u793a\u4f8b',
+    Color: '\u989c\u8272',
+    Emoticons: '\u8868\u60c5',
+    'Document properties': '\u6587\u6863\u5c5e\u6027',
+    Image: '\u56fe\u7247',
+    'Insert link': '\u63d2\u5165\u94fe\u63a5',
+    Target: '\u6253\u5f00\u65b9\u5f0f',
+    Link: '\u94fe\u63a5',
+    Poster: '\u5c01\u9762',
+    Media: '\u5a92\u4f53',
+    Print: '\u6253\u5370',
+    Prev: '\u4e0a\u4e00\u4e2a',
+    'Find and replace': '\u67e5\u627e\u548c\u66ff\u6362',
+    'Whole words': '\u5168\u5b57\u5339\u914d',
+    Spellcheck: '\u62fc\u5199\u68c0\u67e5',
+    Caption: '\u6807\u9898',
+    'Insert template': '\u63d2\u5165\u6a21\u677f',
+})
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/content/dark/content.css b/src/frontend/admin/public/tinymce/skins/content/dark/content.css
new file mode 100644
index 00000000..507ae6f4
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/content/dark/content.css
@@ -0,0 +1,79 @@
+body {
+	background-color: #222f3e;
+	color: #fff;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+	'Helvetica Neue', sans-serif;
+	line-height: 1.4;
+	margin: 1rem;
+}
+
+a {
+	color: #4099ff;
+}
+
+table {
+	border-collapse: collapse;
+}
+
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+	padding: 0.4rem;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-width']) th,
+table[border]:not([border='0']):not([style*='border-width']) td {
+	border-width: 1px;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-style']) th,
+table[border]:not([border='0']):not([style*='border-style']) td {
+	border-style: solid;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-color']) th,
+table[border]:not([border='0']):not([style*='border-color']) td {
+	border-color: #6d737b;
+}
+
+figure {
+	display: table;
+	margin: 1rem auto;
+}
+
+figure figcaption {
+	color: #8a8f97;
+	display: block;
+	margin-top: 0.25rem;
+	text-align: center;
+}
+
+hr {
+	border-color: #6d737b;
+	border-style: solid;
+	border-width: 1px 0 0 0;
+}
+
+code {
+	background-color: #6d737b;
+	border-radius: 3px;
+	padding: 0.1rem 0.2rem;
+}
+
+.mce-content-body:not([dir='rtl']) blockquote {
+	border-left: 2px solid #6d737b;
+	margin-left: 1.5rem;
+	padding-left: 1rem;
+}
+
+.mce-content-body[dir='rtl'] blockquote {
+	border-right: 2px solid #6d737b;
+	margin-right: 1.5rem;
+	padding-right: 1rem;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/content/dark/content.min.css b/src/frontend/admin/public/tinymce/skins/content/dark/content.min.css
new file mode 100644
index 00000000..89239689
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/content/dark/content.min.css
@@ -0,0 +1,60 @@
+body {
+	background-color: #222f3e;
+	color: #fff;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+		'Helvetica Neue', sans-serif;
+	line-height: 1.4;
+	margin: 1rem;
+}
+a {
+	color: #4099ff;
+}
+table {
+	border-collapse: collapse;
+}
+table:not([cellpadding]) td,
+table:not([cellpadding]) th {
+	padding: 0.4rem;
+}
+table[border]:not([border='0']):not([style*='border-width']) td,
+table[border]:not([border='0']):not([style*='border-width']) th {
+	border-width: 1px;
+}
+table[border]:not([border='0']):not([style*='border-style']) td,
+table[border]:not([border='0']):not([style*='border-style']) th {
+	border-style: solid;
+}
+table[border]:not([border='0']):not([style*='border-color']) td,
+table[border]:not([border='0']):not([style*='border-color']) th {
+	border-color: #6d737b;
+}
+figure {
+	display: table;
+	margin: 1rem auto;
+}
+figure figcaption {
+	color: #8a8f97;
+	display: block;
+	margin-top: 0.25rem;
+	text-align: center;
+}
+hr {
+	border-color: #6d737b;
+	border-style: solid;
+	border-width: 1px 0 0 0;
+}
+code {
+	background-color: #6d737b;
+	border-radius: 3px;
+	padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir='rtl']) blockquote {
+	border-left: 2px solid #6d737b;
+	margin-left: 1.5rem;
+	padding-left: 1rem;
+}
+.mce-content-body[dir='rtl'] blockquote {
+	border-right: 2px solid #6d737b;
+	margin-right: 1.5rem;
+	padding-right: 1rem;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/content/default/content.css b/src/frontend/admin/public/tinymce/skins/content/default/content.css
new file mode 100644
index 00000000..7fe5ff9b
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/content/default/content.css
@@ -0,0 +1,73 @@
+body {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+	'Helvetica Neue', sans-serif;
+	line-height: 1.4;
+	margin: 1rem;
+}
+
+table {
+	border-collapse: collapse;
+}
+
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+	padding: 0.4rem;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-width']) th,
+table[border]:not([border='0']):not([style*='border-width']) td {
+	border-width: 1px;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-style']) th,
+table[border]:not([border='0']):not([style*='border-style']) td {
+	border-style: solid;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-color']) th,
+table[border]:not([border='0']):not([style*='border-color']) td {
+	border-color: #ccc;
+}
+
+figure {
+	display: table;
+	margin: 1rem auto;
+}
+
+figure figcaption {
+	color: #999;
+	display: block;
+	margin-top: 0.25rem;
+	text-align: center;
+}
+
+hr {
+	border-color: #ccc;
+	border-style: solid;
+	border-width: 1px 0 0 0;
+}
+
+code {
+	background-color: #e8e8e8;
+	border-radius: 3px;
+	padding: 0.1rem 0.2rem;
+}
+
+.mce-content-body:not([dir='rtl']) blockquote {
+	border-left: 2px solid #ccc;
+	margin-left: 1.5rem;
+	padding-left: 1rem;
+}
+
+.mce-content-body[dir='rtl'] blockquote {
+	border-right: 2px solid #ccc;
+	margin-right: 1.5rem;
+	padding-right: 1rem;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/content/default/content.min.css b/src/frontend/admin/public/tinymce/skins/content/default/content.min.css
new file mode 100644
index 00000000..cca44e14
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/content/default/content.min.css
@@ -0,0 +1,55 @@
+body {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+		'Helvetica Neue', sans-serif;
+	line-height: 1.4;
+	margin: 1rem;
+}
+table {
+	border-collapse: collapse;
+}
+table:not([cellpadding]) td,
+table:not([cellpadding]) th {
+	padding: 0.4rem;
+}
+table[border]:not([border='0']):not([style*='border-width']) td,
+table[border]:not([border='0']):not([style*='border-width']) th {
+	border-width: 1px;
+}
+table[border]:not([border='0']):not([style*='border-style']) td,
+table[border]:not([border='0']):not([style*='border-style']) th {
+	border-style: solid;
+}
+table[border]:not([border='0']):not([style*='border-color']) td,
+table[border]:not([border='0']):not([style*='border-color']) th {
+	border-color: #ccc;
+}
+figure {
+	display: table;
+	margin: 1rem auto;
+}
+figure figcaption {
+	color: #999;
+	display: block;
+	margin-top: 0.25rem;
+	text-align: center;
+}
+hr {
+	border-color: #ccc;
+	border-style: solid;
+	border-width: 1px 0 0 0;
+}
+code {
+	background-color: #e8e8e8;
+	border-radius: 3px;
+	padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir='rtl']) blockquote {
+	border-left: 2px solid #ccc;
+	margin-left: 1.5rem;
+	padding-left: 1rem;
+}
+.mce-content-body[dir='rtl'] blockquote {
+	border-right: 2px solid #ccc;
+	margin-right: 1.5rem;
+	padding-right: 1rem;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/content/document/content.css b/src/frontend/admin/public/tinymce/skins/content/document/content.css
new file mode 100644
index 00000000..3d08c023
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/content/document/content.css
@@ -0,0 +1,78 @@
+@media screen {
+    html {
+        background: #f4f4f4;
+        min-height: 100%;
+    }
+}
+
+body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+    'Helvetica Neue', sans-serif;
+}
+
+@media screen {
+    body {
+        background-color: #fff;
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
+        box-sizing: border-box;
+        margin: 1rem auto 0;
+        max-width: 820px;
+        min-height: calc(100vh - 1rem);
+        padding: 4rem 6rem 6rem 6rem;
+    }
+}
+
+table {
+    border-collapse: collapse;
+}
+
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+    padding: 0.4rem;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-width']) th,
+table[border]:not([border='0']):not([style*='border-width']) td {
+    border-width: 1px;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-style']) th,
+table[border]:not([border='0']):not([style*='border-style']) td {
+    border-style: solid;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-color']) th,
+table[border]:not([border='0']):not([style*='border-color']) td {
+    border-color: #ccc;
+}
+
+figure figcaption {
+    color: #999;
+    margin-top: 0.25rem;
+    text-align: center;
+}
+
+hr {
+    border-color: #ccc;
+    border-style: solid;
+    border-width: 1px 0 0 0;
+}
+
+.mce-content-body:not([dir='rtl']) blockquote {
+    border-left: 2px solid #ccc;
+    margin-left: 1.5rem;
+    padding-left: 1rem;
+}
+
+.mce-content-body[dir='rtl'] blockquote {
+    border-right: 2px solid #ccc;
+    margin-right: 1.5rem;
+    padding-right: 1rem;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/content/document/content.min.css b/src/frontend/admin/public/tinymce/skins/content/document/content.min.css
new file mode 100644
index 00000000..834df86c
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/content/document/content.min.css
@@ -0,0 +1,60 @@
+@media screen {
+	html {
+		background: #f4f4f4;
+		min-height: 100%;
+	}
+}
+body {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+		'Helvetica Neue', sans-serif;
+}
+@media screen {
+	body {
+		background-color: #fff;
+		box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
+		box-sizing: border-box;
+		margin: 1rem auto 0;
+		max-width: 820px;
+		min-height: calc(100vh - 1rem);
+		padding: 4rem 6rem 6rem 6rem;
+	}
+}
+table {
+	border-collapse: collapse;
+}
+table:not([cellpadding]) td,
+table:not([cellpadding]) th {
+	padding: 0.4rem;
+}
+table[border]:not([border='0']):not([style*='border-width']) td,
+table[border]:not([border='0']):not([style*='border-width']) th {
+	border-width: 1px;
+}
+table[border]:not([border='0']):not([style*='border-style']) td,
+table[border]:not([border='0']):not([style*='border-style']) th {
+	border-style: solid;
+}
+table[border]:not([border='0']):not([style*='border-color']) td,
+table[border]:not([border='0']):not([style*='border-color']) th {
+	border-color: #ccc;
+}
+figure figcaption {
+	color: #999;
+	margin-top: 0.25rem;
+	text-align: center;
+}
+hr {
+	border-color: #ccc;
+	border-style: solid;
+	border-width: 1px 0 0 0;
+}
+.mce-content-body:not([dir='rtl']) blockquote {
+	border-left: 2px solid #ccc;
+	margin-left: 1.5rem;
+	padding-left: 1rem;
+}
+.mce-content-body[dir='rtl'] blockquote {
+	border-right: 2px solid #ccc;
+	margin-right: 1.5rem;
+	padding-right: 1rem;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/content/tinymce-5-dark/content.css b/src/frontend/admin/public/tinymce/skins/content/tinymce-5-dark/content.css
new file mode 100644
index 00000000..2dd6d917
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/content/tinymce-5-dark/content.css
@@ -0,0 +1,79 @@
+body {
+	background-color: #2f3742;
+	color: #dfe0e4;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+	'Helvetica Neue', sans-serif;
+	line-height: 1.4;
+	margin: 1rem;
+}
+
+a {
+	color: #4099ff;
+}
+
+table {
+	border-collapse: collapse;
+}
+
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+	padding: 0.4rem;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-width']) th,
+table[border]:not([border='0']):not([style*='border-width']) td {
+	border-width: 1px;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-style']) th,
+table[border]:not([border='0']):not([style*='border-style']) td {
+	border-style: solid;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-color']) th,
+table[border]:not([border='0']):not([style*='border-color']) td {
+	border-color: #6d737b;
+}
+
+figure {
+	display: table;
+	margin: 1rem auto;
+}
+
+figure figcaption {
+	color: #8a8f97;
+	display: block;
+	margin-top: 0.25rem;
+	text-align: center;
+}
+
+hr {
+	border-color: #6d737b;
+	border-style: solid;
+	border-width: 1px 0 0 0;
+}
+
+code {
+	background-color: #6d737b;
+	border-radius: 3px;
+	padding: 0.1rem 0.2rem;
+}
+
+.mce-content-body:not([dir='rtl']) blockquote {
+	border-left: 2px solid #6d737b;
+	margin-left: 1.5rem;
+	padding-left: 1rem;
+}
+
+.mce-content-body[dir='rtl'] blockquote {
+	border-right: 2px solid #6d737b;
+	margin-right: 1.5rem;
+	padding-right: 1rem;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/content/tinymce-5-dark/content.min.css b/src/frontend/admin/public/tinymce/skins/content/tinymce-5-dark/content.min.css
new file mode 100644
index 00000000..3c689eb7
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/content/tinymce-5-dark/content.min.css
@@ -0,0 +1,60 @@
+body {
+	background-color: #2f3742;
+	color: #dfe0e4;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+		'Helvetica Neue', sans-serif;
+	line-height: 1.4;
+	margin: 1rem;
+}
+a {
+	color: #4099ff;
+}
+table {
+	border-collapse: collapse;
+}
+table:not([cellpadding]) td,
+table:not([cellpadding]) th {
+	padding: 0.4rem;
+}
+table[border]:not([border='0']):not([style*='border-width']) td,
+table[border]:not([border='0']):not([style*='border-width']) th {
+	border-width: 1px;
+}
+table[border]:not([border='0']):not([style*='border-style']) td,
+table[border]:not([border='0']):not([style*='border-style']) th {
+	border-style: solid;
+}
+table[border]:not([border='0']):not([style*='border-color']) td,
+table[border]:not([border='0']):not([style*='border-color']) th {
+	border-color: #6d737b;
+}
+figure {
+	display: table;
+	margin: 1rem auto;
+}
+figure figcaption {
+	color: #8a8f97;
+	display: block;
+	margin-top: 0.25rem;
+	text-align: center;
+}
+hr {
+	border-color: #6d737b;
+	border-style: solid;
+	border-width: 1px 0 0 0;
+}
+code {
+	background-color: #6d737b;
+	border-radius: 3px;
+	padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir='rtl']) blockquote {
+	border-left: 2px solid #6d737b;
+	margin-left: 1.5rem;
+	padding-left: 1rem;
+}
+.mce-content-body[dir='rtl'] blockquote {
+	border-right: 2px solid #6d737b;
+	margin-right: 1.5rem;
+	padding-right: 1rem;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/content/tinymce-5/content.css b/src/frontend/admin/public/tinymce/skins/content/tinymce-5/content.css
new file mode 100644
index 00000000..5176f8b2
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/content/tinymce-5/content.css
@@ -0,0 +1,73 @@
+body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+    'Helvetica Neue', sans-serif;
+    line-height: 1.4;
+    margin: 1rem;
+}
+
+table {
+    border-collapse: collapse;
+}
+
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+    padding: 0.4rem;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-width']) th,
+table[border]:not([border='0']):not([style*='border-width']) td {
+    border-width: 1px;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-style']) th,
+table[border]:not([border='0']):not([style*='border-style']) td {
+    border-style: solid;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-color']) th,
+table[border]:not([border='0']):not([style*='border-color']) td {
+    border-color: #ccc;
+}
+
+figure {
+    display: table;
+    margin: 1rem auto;
+}
+
+figure figcaption {
+    color: #999;
+    display: block;
+    margin-top: 0.25rem;
+    text-align: center;
+}
+
+hr {
+    border-color: #ccc;
+    border-style: solid;
+    border-width: 1px 0 0 0;
+}
+
+code {
+    background-color: #e8e8e8;
+    border-radius: 3px;
+    padding: 0.1rem 0.2rem;
+}
+
+.mce-content-body:not([dir='rtl']) blockquote {
+    border-left: 2px solid #ccc;
+    margin-left: 1.5rem;
+    padding-left: 1rem;
+}
+
+.mce-content-body[dir='rtl'] blockquote {
+    border-right: 2px solid #ccc;
+    margin-right: 1.5rem;
+    padding-right: 1rem;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/content/tinymce-5/content.min.css b/src/frontend/admin/public/tinymce/skins/content/tinymce-5/content.min.css
new file mode 100644
index 00000000..cca44e14
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/content/tinymce-5/content.min.css
@@ -0,0 +1,55 @@
+body {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+		'Helvetica Neue', sans-serif;
+	line-height: 1.4;
+	margin: 1rem;
+}
+table {
+	border-collapse: collapse;
+}
+table:not([cellpadding]) td,
+table:not([cellpadding]) th {
+	padding: 0.4rem;
+}
+table[border]:not([border='0']):not([style*='border-width']) td,
+table[border]:not([border='0']):not([style*='border-width']) th {
+	border-width: 1px;
+}
+table[border]:not([border='0']):not([style*='border-style']) td,
+table[border]:not([border='0']):not([style*='border-style']) th {
+	border-style: solid;
+}
+table[border]:not([border='0']):not([style*='border-color']) td,
+table[border]:not([border='0']):not([style*='border-color']) th {
+	border-color: #ccc;
+}
+figure {
+	display: table;
+	margin: 1rem auto;
+}
+figure figcaption {
+	color: #999;
+	display: block;
+	margin-top: 0.25rem;
+	text-align: center;
+}
+hr {
+	border-color: #ccc;
+	border-style: solid;
+	border-width: 1px 0 0 0;
+}
+code {
+	background-color: #e8e8e8;
+	border-radius: 3px;
+	padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir='rtl']) blockquote {
+	border-left: 2px solid #ccc;
+	margin-left: 1.5rem;
+	padding-left: 1rem;
+}
+.mce-content-body[dir='rtl'] blockquote {
+	border-right: 2px solid #ccc;
+	margin-right: 1.5rem;
+	padding-right: 1rem;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/content/writer/content.css b/src/frontend/admin/public/tinymce/skins/content/writer/content.css
new file mode 100644
index 00000000..59ca49f6
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/content/writer/content.css
@@ -0,0 +1,74 @@
+body {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+	'Helvetica Neue', sans-serif;
+	line-height: 1.4;
+	margin: 1rem auto;
+	max-width: 900px;
+}
+
+table {
+	border-collapse: collapse;
+}
+
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+	padding: 0.4rem;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-width']) th,
+table[border]:not([border='0']):not([style*='border-width']) td {
+	border-width: 1px;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-style']) th,
+table[border]:not([border='0']):not([style*='border-style']) td {
+	border-style: solid;
+}
+
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border='0']):not([style*='border-color']) th,
+table[border]:not([border='0']):not([style*='border-color']) td {
+	border-color: #ccc;
+}
+
+figure {
+	display: table;
+	margin: 1rem auto;
+}
+
+figure figcaption {
+	color: #999;
+	display: block;
+	margin-top: 0.25rem;
+	text-align: center;
+}
+
+hr {
+	border-color: #ccc;
+	border-style: solid;
+	border-width: 1px 0 0 0;
+}
+
+code {
+	background-color: #e8e8e8;
+	border-radius: 3px;
+	padding: 0.1rem 0.2rem;
+}
+
+.mce-content-body:not([dir='rtl']) blockquote {
+	border-left: 2px solid #ccc;
+	margin-left: 1.5rem;
+	padding-left: 1rem;
+}
+
+.mce-content-body[dir='rtl'] blockquote {
+	border-right: 2px solid #ccc;
+	margin-right: 1.5rem;
+	padding-right: 1rem;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/content/writer/content.min.css b/src/frontend/admin/public/tinymce/skins/content/writer/content.min.css
new file mode 100644
index 00000000..7dfe636b
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/content/writer/content.min.css
@@ -0,0 +1,56 @@
+body {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+		'Helvetica Neue', sans-serif;
+	line-height: 1.4;
+	margin: 1rem auto;
+	max-width: 900px;
+}
+table {
+	border-collapse: collapse;
+}
+table:not([cellpadding]) td,
+table:not([cellpadding]) th {
+	padding: 0.4rem;
+}
+table[border]:not([border='0']):not([style*='border-width']) td,
+table[border]:not([border='0']):not([style*='border-width']) th {
+	border-width: 1px;
+}
+table[border]:not([border='0']):not([style*='border-style']) td,
+table[border]:not([border='0']):not([style*='border-style']) th {
+	border-style: solid;
+}
+table[border]:not([border='0']):not([style*='border-color']) td,
+table[border]:not([border='0']):not([style*='border-color']) th {
+	border-color: #ccc;
+}
+figure {
+	display: table;
+	margin: 1rem auto;
+}
+figure figcaption {
+	color: #999;
+	display: block;
+	margin-top: 0.25rem;
+	text-align: center;
+}
+hr {
+	border-color: #ccc;
+	border-style: solid;
+	border-width: 1px 0 0 0;
+}
+code {
+	background-color: #e8e8e8;
+	border-radius: 3px;
+	padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir='rtl']) blockquote {
+	border-left: 2px solid #ccc;
+	margin-left: 1.5rem;
+	padding-left: 1rem;
+}
+.mce-content-body[dir='rtl'] blockquote {
+	border-right: 2px solid #ccc;
+	margin-right: 1.5rem;
+	padding-right: 1rem;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/content.css b/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/content.css
new file mode 100644
index 00000000..ca33c5dc
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/content.css
@@ -0,0 +1,848 @@
+.mce-content-body .mce-item-anchor {
+	background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+
+.mce-content-body .mce-item-anchor:empty {
+	cursor: default;
+	display: inline-block;
+	height: 12px !important;
+	padding: 0 2px;
+	-webkit-user-modify: read-only;
+	-moz-user-modify: read-only;
+	-webkit-user-select: all;
+	-moz-user-select: all;
+	user-select: all;
+	width: 8px !important;
+}
+
+.mce-content-body .mce-item-anchor:not(:empty) {
+	background-position-x: 2px;
+	display: inline-block;
+	padding-left: 12px;
+}
+
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+	outline-offset: 1px;
+}
+
+.tox-comments-visible .tox-comment {
+	background-color: #fff0b7;
+}
+
+.tox-comments-visible .tox-comment[data-mce-annotation-active='true']:not([data-mce-selected='inline-boundary']) {
+	background-color: #ffe168;
+}
+
+.tox-checklist > li:not(.tox-checklist--hidden) {
+	list-style: none;
+	margin: 0.25em 0;
+}
+
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+	cursor: pointer;
+	height: 1em;
+	margin-left: -1.5em;
+	margin-top: 0.125em;
+	position: absolute;
+	width: 1em;
+}
+
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+}
+
+[dir='rtl'] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+	margin-left: 0;
+	margin-right: -1.5em;
+}
+
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+code[class*='language-'],
+pre[class*='language-'] {
+	color: #f8f8f2;
+	background: none;
+	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+	-moz-tab-size: 4;
+	tab-size: 4;
+	-webkit-hyphens: none;
+	hyphens: none;
+}
+
+/* Code blocks */
+pre[class*='language-'] {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+	border-radius: 0.3em;
+}
+
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+	background: #282a36;
+}
+
+/* Inline code */
+:not(pre) > code[class*='language-'] {
+	padding: 0.1em;
+	border-radius: 0.3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: #6272a4;
+}
+
+.token.punctuation {
+	color: #f8f8f2;
+}
+
+.namespace {
+	opacity: 0.7;
+}
+
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #ff79c6;
+}
+
+.token.boolean,
+.token.number {
+	color: #bd93f9;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #50fa7b;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+	color: #f8f8f2;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.function,
+.token.class-name {
+	color: #f1fa8c;
+}
+
+.token.keyword {
+	color: #8be9fd;
+}
+
+.token.regex,
+.token.important {
+	color: #ffb86c;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+/* stylelint-enable */
+.mce-content-body {
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+}
+
+.mce-content-body .mce-visual-caret {
+	background-color: black;
+	background-color: currentColor;
+	position: absolute;
+}
+
+.mce-content-body .mce-visual-caret-hidden {
+	display: none;
+}
+
+.mce-content-body *[data-mce-caret] {
+	left: -1000px;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	right: auto;
+	top: 0;
+}
+
+.mce-content-body .mce-offscreen-selection {
+	left: -2000000px;
+	max-width: 1000000px;
+	position: absolute;
+}
+
+.mce-content-body *[contentEditable='false'] {
+	cursor: default;
+}
+
+.mce-content-body *[contentEditable='true'] {
+	cursor: text;
+}
+
+.tox-cursor-format-painter {
+	cursor: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A'),
+	default;
+}
+
+.mce-content-body figure.align-left {
+	float: left;
+}
+
+.mce-content-body figure.align-right {
+	float: right;
+}
+
+.mce-content-body figure.image.align-center {
+	display: table;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.mce-preview-object {
+	border: 1px solid gray;
+	display: inline-block;
+	line-height: 0;
+	margin: 0 2px 0 2px;
+	position: relative;
+}
+
+.mce-preview-object .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.mce-preview-object[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+
+.mce-object {
+	background: transparent url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A') no-repeat center;
+	border: 1px dashed #aaa;
+}
+
+.mce-pagebreak {
+	border: 1px dashed #aaa;
+	cursor: default;
+	display: block;
+	height: 5px;
+	margin-top: 15px;
+	page-break-before: always;
+	width: 100%;
+}
+
+@media print {
+	.mce-pagebreak {
+		border: 0;
+	}
+}
+
+.tiny-pageembed .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.tiny-pageembed[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+
+.tiny-pageembed {
+	display: inline-block;
+	position: relative;
+}
+
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+	display: block;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	width: 100%;
+}
+
+.tiny-pageembed--21by9 {
+	padding-top: 42.857143%;
+}
+
+.tiny-pageembed--16by9 {
+	padding-top: 56.25%;
+}
+
+.tiny-pageembed--4by3 {
+	padding-top: 75%;
+}
+
+.tiny-pageembed--1by1 {
+	padding-top: 100%;
+}
+
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+	border: 0;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.mce-content-body[data-mce-placeholder] {
+	position: relative;
+}
+
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	color: rgba(34, 47, 62, 0.7);
+	content: attr(data-mce-placeholder);
+	position: absolute;
+}
+
+.mce-content-body:not([dir='rtl'])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	left: 1px;
+}
+
+.mce-content-body[dir='rtl'][data-mce-placeholder]:not(.mce-visualblocks)::before {
+	right: 1px;
+}
+
+.mce-content-body div.mce-resizehandle {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+	z-index: 1298;
+}
+
+.mce-content-body div.mce-resizehandle:hover {
+	background-color: #4099ff;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+	cursor: nwse-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+	cursor: nesw-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+	cursor: nwse-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+	cursor: nesw-resize;
+}
+
+.mce-content-body .mce-resize-backdrop {
+	z-index: 10000;
+}
+
+.mce-content-body .mce-clonedresizable {
+	cursor: default;
+	opacity: 0.5;
+	outline: 1px dashed black;
+	position: absolute;
+	z-index: 10001;
+}
+
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+	border: 0;
+}
+
+.mce-content-body .mce-resize-helper {
+	background: #555;
+	background: rgba(0, 0, 0, 0.75);
+	border: 1px;
+	border-radius: 3px;
+	color: white;
+	display: none;
+	font-family: sans-serif;
+	font-size: 12px;
+	line-height: 14px;
+	margin: 5px 10px;
+	padding: 5px;
+	position: absolute;
+	white-space: nowrap;
+	z-index: 10002;
+}
+
+.tox-rtc-user-selection {
+	position: relative;
+}
+
+.tox-rtc-user-cursor {
+	bottom: 0;
+	cursor: default;
+	position: absolute;
+	top: 0;
+	width: 2px;
+}
+
+.tox-rtc-user-cursor::before {
+	background-color: inherit;
+	border-radius: 50%;
+	content: '';
+	display: block;
+	height: 8px;
+	position: absolute;
+	right: -3px;
+	top: -3px;
+	width: 8px;
+}
+
+.tox-rtc-user-cursor:hover::after {
+	background-color: inherit;
+	border-radius: 100px;
+	box-sizing: border-box;
+	color: #fff;
+	content: attr(data-user);
+	display: block;
+	font-size: 12px;
+	font-weight: bold;
+	left: -5px;
+	min-height: 8px;
+	min-width: 8px;
+	padding: 0 12px;
+	position: absolute;
+	top: -11px;
+	white-space: nowrap;
+	z-index: 1000;
+}
+
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+	background-color: #2dc26b;
+}
+
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+	background-color: #e03e2d;
+}
+
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+	background-color: #f1c40f;
+}
+
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+	background-color: #3598db;
+}
+
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+	background-color: #b96ad9;
+}
+
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+	background-color: #e67e23;
+}
+
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+	background-color: #aaa69d;
+}
+
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+	background-color: #f368e0;
+}
+
+.tox-rtc-remote-image {
+	background: #eaeaea url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A') no-repeat center center;
+	border: 1px solid #ccc;
+	min-height: 240px;
+	min-width: 320px;
+}
+
+.mce-match-marker {
+	background: #aaa;
+	color: #fff;
+}
+
+.mce-match-marker-selected {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-match-marker-selected::-moz-selection {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-match-marker-selected::selection {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected] {
+	outline: 3px solid #4099ff;
+}
+
+.mce-content-body hr[data-mce-selected] {
+	outline: 3px solid #4099ff;
+	outline-offset: 1px;
+}
+
+.mce-content-body *[contentEditable='false'] *[contentEditable='true']:focus {
+	outline: 3px solid #4099ff;
+}
+
+.mce-content-body *[contentEditable='false'] *[contentEditable='true']:hover {
+	outline: 3px solid #4099ff;
+}
+
+.mce-content-body *[contentEditable='false'][data-mce-selected] {
+	cursor: not-allowed;
+	outline: 3px solid #4099ff;
+}
+
+.mce-content-body.mce-content-readonly *[contentEditable='true']:focus,
+.mce-content-body.mce-content-readonly *[contentEditable='true']:hover {
+	outline: none;
+}
+
+.mce-content-body *[data-mce-selected='inline-boundary'] {
+	background-color: #4099ff;
+}
+
+.mce-content-body .mce-edit-focus {
+	outline: 3px solid #4099ff;
+}
+
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+	position: relative;
+}
+
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+	background: none;
+}
+
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+	background: none;
+}
+
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+	outline: none;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+	background-color: rgba(180, 215, 255, 0.7);
+	border: 1px solid transparent;
+	bottom: -1px;
+	content: '';
+	left: -1px;
+	mix-blend-mode: lighten;
+	position: absolute;
+	right: -1px;
+	top: -1px;
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+	.mce-content-body td[data-mce-selected]::after,
+	.mce-content-body th[data-mce-selected]::after {
+		border-color: rgba(0, 84, 180, 0.7);
+	}
+}
+
+.mce-content-body img::-moz-selection {
+	background: none;
+}
+
+.mce-content-body img::selection {
+	background: none;
+}
+
+.ephox-snooker-resizer-bar {
+	background-color: #4099ff;
+	opacity: 0;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.ephox-snooker-resizer-cols {
+	cursor: col-resize;
+}
+
+.ephox-snooker-resizer-rows {
+	cursor: row-resize;
+}
+
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+	opacity: 1;
+}
+
+.mce-spellchecker-word {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+	height: 2rem;
+}
+
+.mce-spellchecker-grammar {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+}
+
+.mce-toc {
+	border: 1px solid gray;
+}
+
+.mce-toc h2 {
+	margin: 4px;
+}
+
+.mce-toc li {
+	list-style-type: none;
+}
+
+table[style*='border-width: 0px'],
+.mce-item-table:not([border]),
+.mce-item-table[border='0'],
+table[style*='border-width: 0px'] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border='0'] td,
+table[style*='border-width: 0px'] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border='0'] th,
+table[style*='border-width: 0px'] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border='0'] caption {
+	border: 1px dashed #bbb;
+}
+
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+	background-repeat: no-repeat;
+	border: 1px dashed #bbb;
+	margin-left: 3px;
+	padding-top: 10px;
+}
+
+.mce-visualblocks p {
+	background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+
+.mce-visualblocks h1 {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+
+.mce-visualblocks h2 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+
+.mce-visualblocks h3 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+
+.mce-visualblocks h4 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+
+.mce-visualblocks h5 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+
+.mce-visualblocks h6 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+
+.mce-visualblocks div:not([data-mce-bogus]) {
+	background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+
+.mce-visualblocks section {
+	background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+
+.mce-visualblocks article {
+	background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+
+.mce-visualblocks blockquote {
+	background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+
+.mce-visualblocks address {
+	background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+
+.mce-visualblocks pre {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+
+.mce-visualblocks figure {
+	background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+
+.mce-visualblocks figcaption {
+	border: 1px dashed #bbb;
+}
+
+.mce-visualblocks hgroup {
+	background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+
+.mce-visualblocks aside {
+	background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+
+.mce-visualblocks ul {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+
+.mce-visualblocks ol {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+
+.mce-visualblocks dl {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+
+.mce-visualblocks:not([dir='rtl']) p,
+.mce-visualblocks:not([dir='rtl']) h1,
+.mce-visualblocks:not([dir='rtl']) h2,
+.mce-visualblocks:not([dir='rtl']) h3,
+.mce-visualblocks:not([dir='rtl']) h4,
+.mce-visualblocks:not([dir='rtl']) h5,
+.mce-visualblocks:not([dir='rtl']) h6,
+.mce-visualblocks:not([dir='rtl']) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir='rtl']) section,
+.mce-visualblocks:not([dir='rtl']) article,
+.mce-visualblocks:not([dir='rtl']) blockquote,
+.mce-visualblocks:not([dir='rtl']) address,
+.mce-visualblocks:not([dir='rtl']) pre,
+.mce-visualblocks:not([dir='rtl']) figure,
+.mce-visualblocks:not([dir='rtl']) figcaption,
+.mce-visualblocks:not([dir='rtl']) hgroup,
+.mce-visualblocks:not([dir='rtl']) aside,
+.mce-visualblocks:not([dir='rtl']) ul,
+.mce-visualblocks:not([dir='rtl']) ol,
+.mce-visualblocks:not([dir='rtl']) dl {
+	margin-left: 3px;
+}
+
+.mce-visualblocks[dir='rtl'] p,
+.mce-visualblocks[dir='rtl'] h1,
+.mce-visualblocks[dir='rtl'] h2,
+.mce-visualblocks[dir='rtl'] h3,
+.mce-visualblocks[dir='rtl'] h4,
+.mce-visualblocks[dir='rtl'] h5,
+.mce-visualblocks[dir='rtl'] h6,
+.mce-visualblocks[dir='rtl'] div:not([data-mce-bogus]),
+.mce-visualblocks[dir='rtl'] section,
+.mce-visualblocks[dir='rtl'] article,
+.mce-visualblocks[dir='rtl'] blockquote,
+.mce-visualblocks[dir='rtl'] address,
+.mce-visualblocks[dir='rtl'] pre,
+.mce-visualblocks[dir='rtl'] figure,
+.mce-visualblocks[dir='rtl'] figcaption,
+.mce-visualblocks[dir='rtl'] hgroup,
+.mce-visualblocks[dir='rtl'] aside,
+.mce-visualblocks[dir='rtl'] ul,
+.mce-visualblocks[dir='rtl'] ol,
+.mce-visualblocks[dir='rtl'] dl {
+	background-position-x: right;
+	margin-right: 3px;
+}
+
+.mce-nbsp,
+.mce-shy {
+	background: #aaa;
+}
+
+.mce-shy::after {
+	content: '-';
+}
+
+body {
+	font-family: sans-serif;
+}
+
+table {
+	border-collapse: collapse;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/content.inline.css b/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/content.inline.css
new file mode 100644
index 00000000..e7acef31
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/content.inline.css
@@ -0,0 +1,861 @@
+.mce-content-body .mce-item-anchor {
+	background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+
+.mce-content-body .mce-item-anchor:empty {
+	cursor: default;
+	display: inline-block;
+	height: 12px !important;
+	padding: 0 2px;
+	-webkit-user-modify: read-only;
+	-moz-user-modify: read-only;
+	-webkit-user-select: all;
+	-moz-user-select: all;
+	user-select: all;
+	width: 8px !important;
+}
+
+.mce-content-body .mce-item-anchor:not(:empty) {
+	background-position-x: 2px;
+	display: inline-block;
+	padding-left: 12px;
+}
+
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+	outline-offset: 1px;
+}
+
+.tox-comments-visible .tox-comment {
+	background-color: #fff0b7;
+}
+
+.tox-comments-visible .tox-comment[data-mce-annotation-active='true']:not([data-mce-selected='inline-boundary']) {
+	background-color: #ffe168;
+}
+
+.tox-checklist > li:not(.tox-checklist--hidden) {
+	list-style: none;
+	margin: 0.25em 0;
+}
+
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+	cursor: pointer;
+	height: 1em;
+	margin-left: -1.5em;
+	margin-top: 0.125em;
+	position: absolute;
+	width: 1em;
+}
+
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+}
+
+[dir='rtl'] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+	margin-left: 0;
+	margin-right: -1.5em;
+}
+
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*='language-'],
+pre[class*='language-'] {
+	color: black;
+	background: none;
+	text-shadow: 0 1px white;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+	-moz-tab-size: 4;
+	tab-size: 4;
+	-webkit-hyphens: none;
+	hyphens: none;
+}
+
+pre[class*='language-']::-moz-selection,
+pre[class*='language-'] ::-moz-selection,
+code[class*='language-']::-moz-selection,
+code[class*='language-'] ::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+pre[class*='language-']::selection,
+pre[class*='language-'] ::selection,
+code[class*='language-']::selection,
+code[class*='language-'] ::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+@media print {
+	code[class*='language-'],
+	pre[class*='language-'] {
+		text-shadow: none;
+	}
+}
+
+/* Code blocks */
+pre[class*='language-'] {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+}
+
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+	background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre) > code[class*='language-'] {
+	padding: 0.1em;
+	border-radius: 0.3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: slategray;
+}
+
+.token.punctuation {
+	color: #999;
+}
+
+.token.namespace {
+	opacity: 0.7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+	color: #9a6e3a;
+	/* This background color was intended by the author of this theme. */
+	background: hsla(0, 0%, 100%, 0.5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+
+.token.function,
+.token.class-name {
+	color: #dd4a68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+	color: #e90;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+/* stylelint-enable */
+.mce-content-body {
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+}
+
+.mce-content-body .mce-visual-caret {
+	background-color: black;
+	background-color: currentColor;
+	position: absolute;
+}
+
+.mce-content-body .mce-visual-caret-hidden {
+	display: none;
+}
+
+.mce-content-body *[data-mce-caret] {
+	left: -1000px;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	right: auto;
+	top: 0;
+}
+
+.mce-content-body .mce-offscreen-selection {
+	left: -2000000px;
+	max-width: 1000000px;
+	position: absolute;
+}
+
+.mce-content-body *[contentEditable='false'] {
+	cursor: default;
+}
+
+.mce-content-body *[contentEditable='true'] {
+	cursor: text;
+}
+
+.tox-cursor-format-painter {
+	cursor: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A'),
+	default;
+}
+
+.mce-content-body figure.align-left {
+	float: left;
+}
+
+.mce-content-body figure.align-right {
+	float: right;
+}
+
+.mce-content-body figure.image.align-center {
+	display: table;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.mce-preview-object {
+	border: 1px solid gray;
+	display: inline-block;
+	line-height: 0;
+	margin: 0 2px 0 2px;
+	position: relative;
+}
+
+.mce-preview-object .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.mce-preview-object[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+
+.mce-object {
+	background: transparent url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A') no-repeat center;
+	border: 1px dashed #aaa;
+}
+
+.mce-pagebreak {
+	border: 1px dashed #aaa;
+	cursor: default;
+	display: block;
+	height: 5px;
+	margin-top: 15px;
+	page-break-before: always;
+	width: 100%;
+}
+
+@media print {
+	.mce-pagebreak {
+		border: 0;
+	}
+}
+
+.tiny-pageembed .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.tiny-pageembed[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+
+.tiny-pageembed {
+	display: inline-block;
+	position: relative;
+}
+
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+	display: block;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	width: 100%;
+}
+
+.tiny-pageembed--21by9 {
+	padding-top: 42.857143%;
+}
+
+.tiny-pageembed--16by9 {
+	padding-top: 56.25%;
+}
+
+.tiny-pageembed--4by3 {
+	padding-top: 75%;
+}
+
+.tiny-pageembed--1by1 {
+	padding-top: 100%;
+}
+
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+	border: 0;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.mce-content-body[data-mce-placeholder] {
+	position: relative;
+}
+
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	color: rgba(34, 47, 62, 0.7);
+	content: attr(data-mce-placeholder);
+	position: absolute;
+}
+
+.mce-content-body:not([dir='rtl'])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	left: 1px;
+}
+
+.mce-content-body[dir='rtl'][data-mce-placeholder]:not(.mce-visualblocks)::before {
+	right: 1px;
+}
+
+.mce-content-body div.mce-resizehandle {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+	z-index: 1298;
+}
+
+.mce-content-body div.mce-resizehandle:hover {
+	background-color: #4099ff;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+	cursor: nwse-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+	cursor: nesw-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+	cursor: nwse-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+	cursor: nesw-resize;
+}
+
+.mce-content-body .mce-resize-backdrop {
+	z-index: 10000;
+}
+
+.mce-content-body .mce-clonedresizable {
+	cursor: default;
+	opacity: 0.5;
+	outline: 1px dashed black;
+	position: absolute;
+	z-index: 10001;
+}
+
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+	border: 0;
+}
+
+.mce-content-body .mce-resize-helper {
+	background: #555;
+	background: rgba(0, 0, 0, 0.75);
+	border: 1px;
+	border-radius: 3px;
+	color: white;
+	display: none;
+	font-family: sans-serif;
+	font-size: 12px;
+	line-height: 14px;
+	margin: 5px 10px;
+	padding: 5px;
+	position: absolute;
+	white-space: nowrap;
+	z-index: 10002;
+}
+
+.tox-rtc-user-selection {
+	position: relative;
+}
+
+.tox-rtc-user-cursor {
+	bottom: 0;
+	cursor: default;
+	position: absolute;
+	top: 0;
+	width: 2px;
+}
+
+.tox-rtc-user-cursor::before {
+	background-color: inherit;
+	border-radius: 50%;
+	content: '';
+	display: block;
+	height: 8px;
+	position: absolute;
+	right: -3px;
+	top: -3px;
+	width: 8px;
+}
+
+.tox-rtc-user-cursor:hover::after {
+	background-color: inherit;
+	border-radius: 100px;
+	box-sizing: border-box;
+	color: #fff;
+	content: attr(data-user);
+	display: block;
+	font-size: 12px;
+	font-weight: bold;
+	left: -5px;
+	min-height: 8px;
+	min-width: 8px;
+	padding: 0 12px;
+	position: absolute;
+	top: -11px;
+	white-space: nowrap;
+	z-index: 1000;
+}
+
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+	background-color: #2dc26b;
+}
+
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+	background-color: #e03e2d;
+}
+
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+	background-color: #f1c40f;
+}
+
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+	background-color: #3598db;
+}
+
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+	background-color: #b96ad9;
+}
+
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+	background-color: #e67e23;
+}
+
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+	background-color: #aaa69d;
+}
+
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+	background-color: #f368e0;
+}
+
+.tox-rtc-remote-image {
+	background: #eaeaea url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A') no-repeat center center;
+	border: 1px solid #ccc;
+	min-height: 240px;
+	min-width: 320px;
+}
+
+.mce-match-marker {
+	background: #aaa;
+	color: #fff;
+}
+
+.mce-match-marker-selected {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-match-marker-selected::-moz-selection {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-match-marker-selected::selection {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body hr[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+	outline-offset: 1px;
+}
+
+.mce-content-body *[contentEditable='false'] *[contentEditable='true']:focus {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body *[contentEditable='false'] *[contentEditable='true']:hover {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body *[contentEditable='false'][data-mce-selected] {
+	cursor: not-allowed;
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body.mce-content-readonly *[contentEditable='true']:focus,
+.mce-content-body.mce-content-readonly *[contentEditable='true']:hover {
+	outline: none;
+}
+
+.mce-content-body *[data-mce-selected='inline-boundary'] {
+	background-color: #b4d7ff;
+}
+
+.mce-content-body .mce-edit-focus {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+	position: relative;
+}
+
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+	background: none;
+}
+
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+	background: none;
+}
+
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+	outline: none;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+	background-color: rgba(180, 215, 255, 0.7);
+	border: 1px solid rgba(180, 215, 255, 0.7);
+	bottom: -1px;
+	content: '';
+	left: -1px;
+	mix-blend-mode: multiply;
+	position: absolute;
+	right: -1px;
+	top: -1px;
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+	.mce-content-body td[data-mce-selected]::after,
+	.mce-content-body th[data-mce-selected]::after {
+		border-color: rgba(0, 84, 180, 0.7);
+	}
+}
+
+.mce-content-body img::-moz-selection {
+	background: none;
+}
+
+.mce-content-body img::selection {
+	background: none;
+}
+
+.ephox-snooker-resizer-bar {
+	background-color: #b4d7ff;
+	opacity: 0;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.ephox-snooker-resizer-cols {
+	cursor: col-resize;
+}
+
+.ephox-snooker-resizer-rows {
+	cursor: row-resize;
+}
+
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+	opacity: 1;
+}
+
+.mce-spellchecker-word {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+	height: 2rem;
+}
+
+.mce-spellchecker-grammar {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+}
+
+.mce-toc {
+	border: 1px solid gray;
+}
+
+.mce-toc h2 {
+	margin: 4px;
+}
+
+.mce-toc li {
+	list-style-type: none;
+}
+
+table[style*='border-width: 0px'],
+.mce-item-table:not([border]),
+.mce-item-table[border='0'],
+table[style*='border-width: 0px'] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border='0'] td,
+table[style*='border-width: 0px'] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border='0'] th,
+table[style*='border-width: 0px'] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border='0'] caption {
+	border: 1px dashed #bbb;
+}
+
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+	background-repeat: no-repeat;
+	border: 1px dashed #bbb;
+	margin-left: 3px;
+	padding-top: 10px;
+}
+
+.mce-visualblocks p {
+	background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+
+.mce-visualblocks h1 {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+
+.mce-visualblocks h2 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+
+.mce-visualblocks h3 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+
+.mce-visualblocks h4 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+
+.mce-visualblocks h5 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+
+.mce-visualblocks h6 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+
+.mce-visualblocks div:not([data-mce-bogus]) {
+	background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+
+.mce-visualblocks section {
+	background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+
+.mce-visualblocks article {
+	background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+
+.mce-visualblocks blockquote {
+	background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+
+.mce-visualblocks address {
+	background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+
+.mce-visualblocks pre {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+
+.mce-visualblocks figure {
+	background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+
+.mce-visualblocks figcaption {
+	border: 1px dashed #bbb;
+}
+
+.mce-visualblocks hgroup {
+	background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+
+.mce-visualblocks aside {
+	background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+
+.mce-visualblocks ul {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+
+.mce-visualblocks ol {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+
+.mce-visualblocks dl {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+
+.mce-visualblocks:not([dir='rtl']) p,
+.mce-visualblocks:not([dir='rtl']) h1,
+.mce-visualblocks:not([dir='rtl']) h2,
+.mce-visualblocks:not([dir='rtl']) h3,
+.mce-visualblocks:not([dir='rtl']) h4,
+.mce-visualblocks:not([dir='rtl']) h5,
+.mce-visualblocks:not([dir='rtl']) h6,
+.mce-visualblocks:not([dir='rtl']) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir='rtl']) section,
+.mce-visualblocks:not([dir='rtl']) article,
+.mce-visualblocks:not([dir='rtl']) blockquote,
+.mce-visualblocks:not([dir='rtl']) address,
+.mce-visualblocks:not([dir='rtl']) pre,
+.mce-visualblocks:not([dir='rtl']) figure,
+.mce-visualblocks:not([dir='rtl']) figcaption,
+.mce-visualblocks:not([dir='rtl']) hgroup,
+.mce-visualblocks:not([dir='rtl']) aside,
+.mce-visualblocks:not([dir='rtl']) ul,
+.mce-visualblocks:not([dir='rtl']) ol,
+.mce-visualblocks:not([dir='rtl']) dl {
+	margin-left: 3px;
+}
+
+.mce-visualblocks[dir='rtl'] p,
+.mce-visualblocks[dir='rtl'] h1,
+.mce-visualblocks[dir='rtl'] h2,
+.mce-visualblocks[dir='rtl'] h3,
+.mce-visualblocks[dir='rtl'] h4,
+.mce-visualblocks[dir='rtl'] h5,
+.mce-visualblocks[dir='rtl'] h6,
+.mce-visualblocks[dir='rtl'] div:not([data-mce-bogus]),
+.mce-visualblocks[dir='rtl'] section,
+.mce-visualblocks[dir='rtl'] article,
+.mce-visualblocks[dir='rtl'] blockquote,
+.mce-visualblocks[dir='rtl'] address,
+.mce-visualblocks[dir='rtl'] pre,
+.mce-visualblocks[dir='rtl'] figure,
+.mce-visualblocks[dir='rtl'] figcaption,
+.mce-visualblocks[dir='rtl'] hgroup,
+.mce-visualblocks[dir='rtl'] aside,
+.mce-visualblocks[dir='rtl'] ul,
+.mce-visualblocks[dir='rtl'] ol,
+.mce-visualblocks[dir='rtl'] dl {
+	background-position-x: right;
+	margin-right: 3px;
+}
+
+.mce-nbsp,
+.mce-shy {
+	background: #aaa;
+}
+
+.mce-shy::after {
+	content: '-';
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/content.inline.min.css b/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/content.inline.min.css
new file mode 100644
index 00000000..882dfd5b
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/content.inline.min.css
@@ -0,0 +1,720 @@
+.mce-content-body .mce-item-anchor {
+	background: transparent
+		url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A")
+		no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+	cursor: default;
+	display: inline-block;
+	height: 12px !important;
+	padding: 0 2px;
+	-webkit-user-modify: read-only;
+	-moz-user-modify: read-only;
+	-webkit-user-select: all;
+	-moz-user-select: all;
+	user-select: all;
+	width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+	background-position-x: 2px;
+	display: inline-block;
+	padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+	outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment {
+	background-color: #fff0b7;
+}
+.tox-comments-visible .tox-comment[data-mce-annotation-active='true']:not([data-mce-selected='inline-boundary']) {
+	background-color: #ffe168;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+	list-style: none;
+	margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+	cursor: pointer;
+	height: 1em;
+	margin-left: -1.5em;
+	margin-top: 0.125em;
+	position: absolute;
+	width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+}
+[dir='rtl'] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+	margin-left: 0;
+	margin-right: -1.5em;
+}
+code[class*='language-'],
+pre[class*='language-'] {
+	color: #000;
+	background: 0 0;
+	text-shadow: 0 1px #fff;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+	-moz-tab-size: 4;
+	tab-size: 4;
+	-webkit-hyphens: none;
+	hyphens: none;
+}
+code[class*='language-'] ::-moz-selection,
+code[class*='language-']::-moz-selection,
+pre[class*='language-'] ::-moz-selection,
+pre[class*='language-']::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+code[class*='language-'] ::selection,
+code[class*='language-']::selection,
+pre[class*='language-'] ::selection,
+pre[class*='language-']::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+@media print {
+	code[class*='language-'],
+	pre[class*='language-'] {
+		text-shadow: none;
+	}
+}
+pre[class*='language-'] {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+}
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+	background: #f5f2f0;
+}
+:not(pre) > code[class*='language-'] {
+	padding: 0.1em;
+	border-radius: 0.3em;
+	white-space: normal;
+}
+.token.cdata,
+.token.comment,
+.token.doctype,
+.token.prolog {
+	color: #708090;
+}
+.token.punctuation {
+	color: #999;
+}
+.token.namespace {
+	opacity: 0.7;
+}
+.token.boolean,
+.token.constant,
+.token.deleted,
+.token.number,
+.token.property,
+.token.symbol,
+.token.tag {
+	color: #905;
+}
+.token.attr-name,
+.token.builtin,
+.token.char,
+.token.inserted,
+.token.selector,
+.token.string {
+	color: #690;
+}
+.language-css .token.string,
+.style .token.string,
+.token.entity,
+.token.operator,
+.token.url {
+	color: #9a6e3a;
+	background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+.token.class-name,
+.token.function {
+	color: #dd4a68;
+}
+.token.important,
+.token.regex,
+.token.variable {
+	color: #e90;
+}
+.token.bold,
+.token.important {
+	font-weight: 700;
+}
+.token.italic {
+	font-style: italic;
+}
+.token.entity {
+	cursor: help;
+}
+.mce-content-body {
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+	background-color: #000;
+	background-color: currentColor;
+	position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+	display: none;
+}
+.mce-content-body [data-mce-caret] {
+	left: -1000px;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	right: auto;
+	top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+	left: -2000000px;
+	max-width: 1000000px;
+	position: absolute;
+}
+.mce-content-body [contentEditable='false'] {
+	cursor: default;
+}
+.mce-content-body [contentEditable='true'] {
+	cursor: text;
+}
+.tox-cursor-format-painter {
+	cursor: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A'),
+		default;
+}
+.mce-content-body figure.align-left {
+	float: left;
+}
+.mce-content-body figure.align-right {
+	float: right;
+}
+.mce-content-body figure.image.align-center {
+	display: table;
+	margin-left: auto;
+	margin-right: auto;
+}
+.mce-preview-object {
+	border: 1px solid gray;
+	display: inline-block;
+	line-height: 0;
+	margin: 0 2px 0 2px;
+	position: relative;
+}
+.mce-preview-object .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.mce-preview-object[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+.mce-object {
+	background: transparent
+		url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A')
+		no-repeat center;
+	border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+	border: 1px dashed #aaa;
+	cursor: default;
+	display: block;
+	height: 5px;
+	margin-top: 15px;
+	page-break-before: always;
+	width: 100%;
+}
+@media print {
+	.mce-pagebreak {
+		border: 0;
+	}
+}
+.tiny-pageembed .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.tiny-pageembed[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+.tiny-pageembed {
+	display: inline-block;
+	position: relative;
+}
+.tiny-pageembed--16by9,
+.tiny-pageembed--1by1,
+.tiny-pageembed--21by9,
+.tiny-pageembed--4by3 {
+	display: block;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	width: 100%;
+}
+.tiny-pageembed--21by9 {
+	padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+	padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+	padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+	padding-top: 100%;
+}
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--1by1 iframe,
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--4by3 iframe {
+	border: 0;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+	position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	color: rgba(34, 47, 62, 0.7);
+	content: attr(data-mce-placeholder);
+	position: absolute;
+}
+.mce-content-body:not([dir='rtl'])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	left: 1px;
+}
+.mce-content-body[dir='rtl'][data-mce-placeholder]:not(.mce-visualblocks)::before {
+	right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+	z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+	background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+	cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+	cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+	cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+	cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+	z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+	cursor: default;
+	opacity: 0.5;
+	outline: 1px dashed #000;
+	position: absolute;
+	z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th {
+	border: 0;
+}
+.mce-content-body .mce-resize-helper {
+	background: #555;
+	background: rgba(0, 0, 0, 0.75);
+	border: 1px;
+	border-radius: 3px;
+	color: #fff;
+	display: none;
+	font-family: sans-serif;
+	font-size: 12px;
+	line-height: 14px;
+	margin: 5px 10px;
+	padding: 5px;
+	position: absolute;
+	white-space: nowrap;
+	z-index: 10002;
+}
+.tox-rtc-user-selection {
+	position: relative;
+}
+.tox-rtc-user-cursor {
+	bottom: 0;
+	cursor: default;
+	position: absolute;
+	top: 0;
+	width: 2px;
+}
+.tox-rtc-user-cursor::before {
+	background-color: inherit;
+	border-radius: 50%;
+	content: '';
+	display: block;
+	height: 8px;
+	position: absolute;
+	right: -3px;
+	top: -3px;
+	width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+	background-color: inherit;
+	border-radius: 100px;
+	box-sizing: border-box;
+	color: #fff;
+	content: attr(data-user);
+	display: block;
+	font-size: 12px;
+	font-weight: 700;
+	left: -5px;
+	min-height: 8px;
+	min-width: 8px;
+	padding: 0 12px;
+	position: absolute;
+	top: -11px;
+	white-space: nowrap;
+	z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+	background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+	background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+	background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+	background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+	background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+	background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+	background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+	background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+	background: #eaeaea
+		url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A')
+		no-repeat center center;
+	border: 1px solid #ccc;
+	min-height: 240px;
+	min-width: 320px;
+}
+.mce-match-marker {
+	background: #aaa;
+	color: #fff;
+}
+.mce-match-marker-selected {
+	background: #39f;
+	color: #fff;
+}
+.mce-match-marker-selected::-moz-selection {
+	background: #39f;
+	color: #fff;
+}
+.mce-match-marker-selected::selection {
+	background: #39f;
+	color: #fff;
+}
+.mce-content-body audio[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body img[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body video[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+	outline-offset: 1px;
+}
+.mce-content-body [contentEditable='false'] [contentEditable='true']:focus {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body [contentEditable='false'] [contentEditable='true']:hover {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body [contentEditable='false'][data-mce-selected] {
+	cursor: not-allowed;
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body.mce-content-readonly [contentEditable='true']:focus,
+.mce-content-body.mce-content-readonly [contentEditable='true']:hover {
+	outline: 0;
+}
+.mce-content-body [data-mce-selected='inline-boundary'] {
+	background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+	position: relative;
+}
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+	background: 0 0;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+	background: 0 0;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+	outline: 0;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+	background-color: rgba(180, 215, 255, 0.7);
+	border: 1px solid rgba(180, 215, 255, 0.7);
+	bottom: -1px;
+	content: '';
+	left: -1px;
+	mix-blend-mode: multiply;
+	position: absolute;
+	right: -1px;
+	top: -1px;
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+	.mce-content-body td[data-mce-selected]::after,
+	.mce-content-body th[data-mce-selected]::after {
+		border-color: rgba(0, 84, 180, 0.7);
+	}
+}
+.mce-content-body img::-moz-selection {
+	background: 0 0;
+}
+.mce-content-body img::selection {
+	background: 0 0;
+}
+.ephox-snooker-resizer-bar {
+	background-color: #b4d7ff;
+	opacity: 0;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.ephox-snooker-resizer-cols {
+	cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+	cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+	opacity: 1;
+}
+.mce-spellchecker-word {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+	height: 2rem;
+}
+.mce-spellchecker-grammar {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+}
+.mce-toc {
+	border: 1px solid gray;
+}
+.mce-toc h2 {
+	margin: 4px;
+}
+.mce-toc li {
+	list-style-type: none;
+}
+.mce-item-table:not([border]),
+.mce-item-table:not([border]) caption,
+.mce-item-table:not([border]) td,
+.mce-item-table:not([border]) th,
+.mce-item-table[border='0'],
+.mce-item-table[border='0'] caption,
+.mce-item-table[border='0'] td,
+.mce-item-table[border='0'] th,
+table[style*='border-width: 0px'],
+table[style*='border-width: 0px'] caption,
+table[style*='border-width: 0px'] td,
+table[style*='border-width: 0px'] th {
+	border: 1px dashed #bbb;
+}
+.mce-visualblocks address,
+.mce-visualblocks article,
+.mce-visualblocks aside,
+.mce-visualblocks blockquote,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks dl,
+.mce-visualblocks figcaption,
+.mce-visualblocks figure,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks hgroup,
+.mce-visualblocks ol,
+.mce-visualblocks p,
+.mce-visualblocks pre,
+.mce-visualblocks section,
+.mce-visualblocks ul {
+	background-repeat: no-repeat;
+	border: 1px dashed #bbb;
+	margin-left: 3px;
+	padding-top: 10px;
+}
+.mce-visualblocks p {
+	background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+	background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+	background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+	background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+	background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+	background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+	background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+	border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+	background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+	background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir='rtl']) address,
+.mce-visualblocks:not([dir='rtl']) article,
+.mce-visualblocks:not([dir='rtl']) aside,
+.mce-visualblocks:not([dir='rtl']) blockquote,
+.mce-visualblocks:not([dir='rtl']) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir='rtl']) dl,
+.mce-visualblocks:not([dir='rtl']) figcaption,
+.mce-visualblocks:not([dir='rtl']) figure,
+.mce-visualblocks:not([dir='rtl']) h1,
+.mce-visualblocks:not([dir='rtl']) h2,
+.mce-visualblocks:not([dir='rtl']) h3,
+.mce-visualblocks:not([dir='rtl']) h4,
+.mce-visualblocks:not([dir='rtl']) h5,
+.mce-visualblocks:not([dir='rtl']) h6,
+.mce-visualblocks:not([dir='rtl']) hgroup,
+.mce-visualblocks:not([dir='rtl']) ol,
+.mce-visualblocks:not([dir='rtl']) p,
+.mce-visualblocks:not([dir='rtl']) pre,
+.mce-visualblocks:not([dir='rtl']) section,
+.mce-visualblocks:not([dir='rtl']) ul {
+	margin-left: 3px;
+}
+.mce-visualblocks[dir='rtl'] address,
+.mce-visualblocks[dir='rtl'] article,
+.mce-visualblocks[dir='rtl'] aside,
+.mce-visualblocks[dir='rtl'] blockquote,
+.mce-visualblocks[dir='rtl'] div:not([data-mce-bogus]),
+.mce-visualblocks[dir='rtl'] dl,
+.mce-visualblocks[dir='rtl'] figcaption,
+.mce-visualblocks[dir='rtl'] figure,
+.mce-visualblocks[dir='rtl'] h1,
+.mce-visualblocks[dir='rtl'] h2,
+.mce-visualblocks[dir='rtl'] h3,
+.mce-visualblocks[dir='rtl'] h4,
+.mce-visualblocks[dir='rtl'] h5,
+.mce-visualblocks[dir='rtl'] h6,
+.mce-visualblocks[dir='rtl'] hgroup,
+.mce-visualblocks[dir='rtl'] ol,
+.mce-visualblocks[dir='rtl'] p,
+.mce-visualblocks[dir='rtl'] pre,
+.mce-visualblocks[dir='rtl'] section,
+.mce-visualblocks[dir='rtl'] ul {
+	background-position-x: right;
+	margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+	background: #aaa;
+}
+.mce-shy::after {
+	content: '-';
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/content.min.css b/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/content.min.css
new file mode 100644
index 00000000..04195ea7
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/content.min.css
@@ -0,0 +1,707 @@
+.mce-content-body .mce-item-anchor {
+	background: transparent
+		url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A")
+		no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+	cursor: default;
+	display: inline-block;
+	height: 12px !important;
+	padding: 0 2px;
+	-webkit-user-modify: read-only;
+	-moz-user-modify: read-only;
+	-webkit-user-select: all;
+	-moz-user-select: all;
+	user-select: all;
+	width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+	background-position-x: 2px;
+	display: inline-block;
+	padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+	outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment {
+	background-color: #fff0b7;
+}
+.tox-comments-visible .tox-comment[data-mce-annotation-active='true']:not([data-mce-selected='inline-boundary']) {
+	background-color: #ffe168;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+	list-style: none;
+	margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+	cursor: pointer;
+	height: 1em;
+	margin-left: -1.5em;
+	margin-top: 0.125em;
+	position: absolute;
+	width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+}
+[dir='rtl'] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+	margin-left: 0;
+	margin-right: -1.5em;
+}
+code[class*='language-'],
+pre[class*='language-'] {
+	color: #f8f8f2;
+	background: 0 0;
+	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+	-moz-tab-size: 4;
+	tab-size: 4;
+	-webkit-hyphens: none;
+	hyphens: none;
+}
+pre[class*='language-'] {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+	border-radius: 0.3em;
+}
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+	background: #282a36;
+}
+:not(pre) > code[class*='language-'] {
+	padding: 0.1em;
+	border-radius: 0.3em;
+	white-space: normal;
+}
+.token.cdata,
+.token.comment,
+.token.doctype,
+.token.prolog {
+	color: #6272a4;
+}
+.token.punctuation {
+	color: #f8f8f2;
+}
+.namespace {
+	opacity: 0.7;
+}
+.token.constant,
+.token.deleted,
+.token.property,
+.token.symbol,
+.token.tag {
+	color: #ff79c6;
+}
+.token.boolean,
+.token.number {
+	color: #bd93f9;
+}
+.token.attr-name,
+.token.builtin,
+.token.char,
+.token.inserted,
+.token.selector,
+.token.string {
+	color: #50fa7b;
+}
+.language-css .token.string,
+.style .token.string,
+.token.entity,
+.token.operator,
+.token.url,
+.token.variable {
+	color: #f8f8f2;
+}
+.token.atrule,
+.token.attr-value,
+.token.class-name,
+.token.function {
+	color: #f1fa8c;
+}
+.token.keyword {
+	color: #8be9fd;
+}
+.token.important,
+.token.regex {
+	color: #ffb86c;
+}
+.token.bold,
+.token.important {
+	font-weight: 700;
+}
+.token.italic {
+	font-style: italic;
+}
+.token.entity {
+	cursor: help;
+}
+.mce-content-body {
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+	background-color: #000;
+	background-color: currentColor;
+	position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+	display: none;
+}
+.mce-content-body [data-mce-caret] {
+	left: -1000px;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	right: auto;
+	top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+	left: -2000000px;
+	max-width: 1000000px;
+	position: absolute;
+}
+.mce-content-body [contentEditable='false'] {
+	cursor: default;
+}
+.mce-content-body [contentEditable='true'] {
+	cursor: text;
+}
+.tox-cursor-format-painter {
+	cursor: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A'),
+		default;
+}
+.mce-content-body figure.align-left {
+	float: left;
+}
+.mce-content-body figure.align-right {
+	float: right;
+}
+.mce-content-body figure.image.align-center {
+	display: table;
+	margin-left: auto;
+	margin-right: auto;
+}
+.mce-preview-object {
+	border: 1px solid gray;
+	display: inline-block;
+	line-height: 0;
+	margin: 0 2px 0 2px;
+	position: relative;
+}
+.mce-preview-object .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.mce-preview-object[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+.mce-object {
+	background: transparent
+		url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A')
+		no-repeat center;
+	border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+	border: 1px dashed #aaa;
+	cursor: default;
+	display: block;
+	height: 5px;
+	margin-top: 15px;
+	page-break-before: always;
+	width: 100%;
+}
+@media print {
+	.mce-pagebreak {
+		border: 0;
+	}
+}
+.tiny-pageembed .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.tiny-pageembed[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+.tiny-pageembed {
+	display: inline-block;
+	position: relative;
+}
+.tiny-pageembed--16by9,
+.tiny-pageembed--1by1,
+.tiny-pageembed--21by9,
+.tiny-pageembed--4by3 {
+	display: block;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	width: 100%;
+}
+.tiny-pageembed--21by9 {
+	padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+	padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+	padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+	padding-top: 100%;
+}
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--1by1 iframe,
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--4by3 iframe {
+	border: 0;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+	position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	color: rgba(34, 47, 62, 0.7);
+	content: attr(data-mce-placeholder);
+	position: absolute;
+}
+.mce-content-body:not([dir='rtl'])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	left: 1px;
+}
+.mce-content-body[dir='rtl'][data-mce-placeholder]:not(.mce-visualblocks)::before {
+	right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+	z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+	background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+	cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+	cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+	cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+	cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+	z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+	cursor: default;
+	opacity: 0.5;
+	outline: 1px dashed #000;
+	position: absolute;
+	z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th {
+	border: 0;
+}
+.mce-content-body .mce-resize-helper {
+	background: #555;
+	background: rgba(0, 0, 0, 0.75);
+	border: 1px;
+	border-radius: 3px;
+	color: #fff;
+	display: none;
+	font-family: sans-serif;
+	font-size: 12px;
+	line-height: 14px;
+	margin: 5px 10px;
+	padding: 5px;
+	position: absolute;
+	white-space: nowrap;
+	z-index: 10002;
+}
+.tox-rtc-user-selection {
+	position: relative;
+}
+.tox-rtc-user-cursor {
+	bottom: 0;
+	cursor: default;
+	position: absolute;
+	top: 0;
+	width: 2px;
+}
+.tox-rtc-user-cursor::before {
+	background-color: inherit;
+	border-radius: 50%;
+	content: '';
+	display: block;
+	height: 8px;
+	position: absolute;
+	right: -3px;
+	top: -3px;
+	width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+	background-color: inherit;
+	border-radius: 100px;
+	box-sizing: border-box;
+	color: #fff;
+	content: attr(data-user);
+	display: block;
+	font-size: 12px;
+	font-weight: 700;
+	left: -5px;
+	min-height: 8px;
+	min-width: 8px;
+	padding: 0 12px;
+	position: absolute;
+	top: -11px;
+	white-space: nowrap;
+	z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+	background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+	background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+	background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+	background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+	background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+	background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+	background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+	background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+	background: #eaeaea
+		url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A')
+		no-repeat center center;
+	border: 1px solid #ccc;
+	min-height: 240px;
+	min-width: 320px;
+}
+.mce-match-marker {
+	background: #aaa;
+	color: #fff;
+}
+.mce-match-marker-selected {
+	background: #39f;
+	color: #fff;
+}
+.mce-match-marker-selected::-moz-selection {
+	background: #39f;
+	color: #fff;
+}
+.mce-match-marker-selected::selection {
+	background: #39f;
+	color: #fff;
+}
+.mce-content-body audio[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body img[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body video[data-mce-selected] {
+	outline: 3px solid #4099ff;
+}
+.mce-content-body hr[data-mce-selected] {
+	outline: 3px solid #4099ff;
+	outline-offset: 1px;
+}
+.mce-content-body [contentEditable='false'] [contentEditable='true']:focus {
+	outline: 3px solid #4099ff;
+}
+.mce-content-body [contentEditable='false'] [contentEditable='true']:hover {
+	outline: 3px solid #4099ff;
+}
+.mce-content-body [contentEditable='false'][data-mce-selected] {
+	cursor: not-allowed;
+	outline: 3px solid #4099ff;
+}
+.mce-content-body.mce-content-readonly [contentEditable='true']:focus,
+.mce-content-body.mce-content-readonly [contentEditable='true']:hover {
+	outline: 0;
+}
+.mce-content-body [data-mce-selected='inline-boundary'] {
+	background-color: #4099ff;
+}
+.mce-content-body .mce-edit-focus {
+	outline: 3px solid #4099ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+	position: relative;
+}
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+	background: 0 0;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+	background: 0 0;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+	outline: 0;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+	background-color: rgba(180, 215, 255, 0.7);
+	border: 1px solid transparent;
+	bottom: -1px;
+	content: '';
+	left: -1px;
+	mix-blend-mode: lighten;
+	position: absolute;
+	right: -1px;
+	top: -1px;
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+	.mce-content-body td[data-mce-selected]::after,
+	.mce-content-body th[data-mce-selected]::after {
+		border-color: rgba(0, 84, 180, 0.7);
+	}
+}
+.mce-content-body img::-moz-selection {
+	background: 0 0;
+}
+.mce-content-body img::selection {
+	background: 0 0;
+}
+.ephox-snooker-resizer-bar {
+	background-color: #4099ff;
+	opacity: 0;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.ephox-snooker-resizer-cols {
+	cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+	cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+	opacity: 1;
+}
+.mce-spellchecker-word {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+	height: 2rem;
+}
+.mce-spellchecker-grammar {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+}
+.mce-toc {
+	border: 1px solid gray;
+}
+.mce-toc h2 {
+	margin: 4px;
+}
+.mce-toc li {
+	list-style-type: none;
+}
+.mce-item-table:not([border]),
+.mce-item-table:not([border]) caption,
+.mce-item-table:not([border]) td,
+.mce-item-table:not([border]) th,
+.mce-item-table[border='0'],
+.mce-item-table[border='0'] caption,
+.mce-item-table[border='0'] td,
+.mce-item-table[border='0'] th,
+table[style*='border-width: 0px'],
+table[style*='border-width: 0px'] caption,
+table[style*='border-width: 0px'] td,
+table[style*='border-width: 0px'] th {
+	border: 1px dashed #bbb;
+}
+.mce-visualblocks address,
+.mce-visualblocks article,
+.mce-visualblocks aside,
+.mce-visualblocks blockquote,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks dl,
+.mce-visualblocks figcaption,
+.mce-visualblocks figure,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks hgroup,
+.mce-visualblocks ol,
+.mce-visualblocks p,
+.mce-visualblocks pre,
+.mce-visualblocks section,
+.mce-visualblocks ul {
+	background-repeat: no-repeat;
+	border: 1px dashed #bbb;
+	margin-left: 3px;
+	padding-top: 10px;
+}
+.mce-visualblocks p {
+	background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+	background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+	background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+	background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+	background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+	background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+	background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+	border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+	background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+	background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir='rtl']) address,
+.mce-visualblocks:not([dir='rtl']) article,
+.mce-visualblocks:not([dir='rtl']) aside,
+.mce-visualblocks:not([dir='rtl']) blockquote,
+.mce-visualblocks:not([dir='rtl']) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir='rtl']) dl,
+.mce-visualblocks:not([dir='rtl']) figcaption,
+.mce-visualblocks:not([dir='rtl']) figure,
+.mce-visualblocks:not([dir='rtl']) h1,
+.mce-visualblocks:not([dir='rtl']) h2,
+.mce-visualblocks:not([dir='rtl']) h3,
+.mce-visualblocks:not([dir='rtl']) h4,
+.mce-visualblocks:not([dir='rtl']) h5,
+.mce-visualblocks:not([dir='rtl']) h6,
+.mce-visualblocks:not([dir='rtl']) hgroup,
+.mce-visualblocks:not([dir='rtl']) ol,
+.mce-visualblocks:not([dir='rtl']) p,
+.mce-visualblocks:not([dir='rtl']) pre,
+.mce-visualblocks:not([dir='rtl']) section,
+.mce-visualblocks:not([dir='rtl']) ul {
+	margin-left: 3px;
+}
+.mce-visualblocks[dir='rtl'] address,
+.mce-visualblocks[dir='rtl'] article,
+.mce-visualblocks[dir='rtl'] aside,
+.mce-visualblocks[dir='rtl'] blockquote,
+.mce-visualblocks[dir='rtl'] div:not([data-mce-bogus]),
+.mce-visualblocks[dir='rtl'] dl,
+.mce-visualblocks[dir='rtl'] figcaption,
+.mce-visualblocks[dir='rtl'] figure,
+.mce-visualblocks[dir='rtl'] h1,
+.mce-visualblocks[dir='rtl'] h2,
+.mce-visualblocks[dir='rtl'] h3,
+.mce-visualblocks[dir='rtl'] h4,
+.mce-visualblocks[dir='rtl'] h5,
+.mce-visualblocks[dir='rtl'] h6,
+.mce-visualblocks[dir='rtl'] hgroup,
+.mce-visualblocks[dir='rtl'] ol,
+.mce-visualblocks[dir='rtl'] p,
+.mce-visualblocks[dir='rtl'] pre,
+.mce-visualblocks[dir='rtl'] section,
+.mce-visualblocks[dir='rtl'] ul {
+	background-position-x: right;
+	margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+	background: #aaa;
+}
+.mce-shy::after {
+	content: '-';
+}
+body {
+	font-family: sans-serif;
+}
+table {
+	border-collapse: collapse;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/skin.css b/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/skin.css
new file mode 100644
index 00000000..2726e0fc
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/skin.css
@@ -0,0 +1,3664 @@
+.tox {
+	box-shadow: none;
+	box-sizing: content-box;
+	color: #222f3e;
+	cursor: auto;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: normal;
+	-webkit-tap-highlight-color: transparent;
+	text-decoration: none;
+	text-shadow: none;
+	text-transform: none;
+	vertical-align: initial;
+	white-space: normal;
+}
+
+.tox *:not(svg):not(rect) {
+	box-sizing: inherit;
+	color: inherit;
+	cursor: inherit;
+	direction: inherit;
+	font-family: inherit;
+	font-size: inherit;
+	font-style: inherit;
+	font-weight: inherit;
+	line-height: inherit;
+	-webkit-tap-highlight-color: inherit;
+	text-align: inherit;
+	text-decoration: inherit;
+	text-shadow: inherit;
+	text-transform: inherit;
+	vertical-align: inherit;
+	white-space: inherit;
+}
+
+.tox *:not(svg):not(rect) {
+	/* stylelint-disable-line no-duplicate-selectors */
+	background: transparent;
+	border: 0;
+	box-shadow: none;
+	float: none;
+	height: auto;
+	margin: 0;
+	max-width: none;
+	outline: 0;
+	padding: 0;
+	position: static;
+	width: auto;
+}
+
+.tox:not([dir='rtl']) {
+	direction: ltr;
+	text-align: left;
+}
+
+.tox[dir='rtl'] {
+	direction: rtl;
+	text-align: right;
+}
+
+.tox-tinymce {
+	border: 2px solid #161f29;
+	border-radius: 10px;
+	box-shadow: none;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	overflow: hidden;
+	position: relative;
+	visibility: inherit !important;
+}
+
+.tox.tox-tinymce-inline {
+	border: none;
+	box-shadow: none;
+	overflow: initial;
+}
+
+.tox.tox-tinymce-inline .tox-editor-container {
+	overflow: initial;
+}
+
+.tox.tox-tinymce-inline .tox-editor-header {
+	background-color: #222f3e;
+	border: 2px solid #161f29;
+	border-radius: 10px;
+	box-shadow: none;
+	overflow: hidden;
+}
+
+.tox-tinymce-aux {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	z-index: 1300;
+}
+
+.tox-tinymce *:focus,
+.tox-tinymce-aux *:focus {
+	outline: none;
+}
+
+button::-moz-focus-inner {
+	border: 0;
+}
+
+.tox[dir='rtl'] .tox-icon--flip svg {
+	transform: rotateY(180deg);
+}
+
+.tox .accessibility-issue__header {
+	align-items: center;
+	display: flex;
+	margin-bottom: 4px;
+}
+
+.tox .accessibility-issue__description {
+	align-items: stretch;
+	border: 1px solid #161f29;
+	border-radius: 6px;
+	display: flex;
+	justify-content: space-between;
+}
+
+.tox .accessibility-issue__description > div {
+	padding-bottom: 4px;
+}
+
+.tox .accessibility-issue__description > div > div {
+	align-items: center;
+	display: flex;
+	margin-bottom: 4px;
+}
+
+.tox .accessibility-issue__description > *:last-child:not(:only-child) {
+	border-color: #161f29;
+	border-style: solid;
+}
+
+.tox .accessibility-issue__repair {
+	margin-top: 16px;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+	background-color: rgba(0, 108, 231, 0.5);
+	border-color: rgba(0, 108, 231, 0.4);
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
+	border-color: rgba(0, 108, 231, 0.4);
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
+	fill: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+	background-color: rgba(255, 165, 0, 0.5);
+	border-color: rgba(255, 165, 0, 0.8);
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {
+	border-color: rgba(255, 165, 0, 0.8);
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
+	fill: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+	background-color: rgba(204, 0, 0, 0.5);
+	border-color: rgba(204, 0, 0, 0.8);
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {
+	border-color: rgba(204, 0, 0, 0.8);
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
+	fill: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+	background-color: rgba(120, 171, 70, 0.5);
+	border-color: rgba(120, 171, 70, 0.8);
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
+	border-color: rgba(120, 171, 70, 0.8);
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
+	fill: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue__header h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+	margin-top: 0;
+}
+
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+	margin-left: 4px;
+}
+
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+	margin-left: auto;
+}
+
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__description {
+	padding: 4px 4px 4px 8px;
+}
+
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__description > *:last-child {
+	border-left-width: 1px;
+	padding-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+	margin-right: 4px;
+}
+
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+	margin-right: auto;
+}
+
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description {
+	padding: 4px 8px 4px 4px;
+}
+
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description > *:last-child {
+	border-right-width: 1px;
+	padding-right: 4px;
+}
+
+.tox .tox-anchorbar {
+	display: flex;
+	flex: 0 0 auto;
+}
+
+.tox .tox-bar {
+	display: flex;
+	flex: 0 0 auto;
+}
+
+.tox .tox-button {
+	background-color: #006ce7;
+	background-image: none;
+	background-position: 0 0;
+	background-repeat: repeat;
+	border-color: #006ce7;
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #fff;
+	cursor: pointer;
+	display: inline-block;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: bold;
+	letter-spacing: normal;
+	line-height: 24px;
+	margin: 0;
+	outline: none;
+	padding: 4px 16px;
+	text-align: center;
+	text-decoration: none;
+	text-transform: none;
+	white-space: nowrap;
+}
+
+.tox .tox-button[disabled] {
+	background-color: #006ce7;
+	background-image: none;
+	border-color: #006ce7;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-button:focus:not(:disabled) {
+	background-color: #0060ce;
+	background-image: none;
+	border-color: #0060ce;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button:hover:not(:disabled) {
+	background-color: #0060ce;
+	background-image: none;
+	border-color: #0060ce;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button:active:not(:disabled) {
+	background-color: #0054b4;
+	background-image: none;
+	border-color: #0054b4;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button--secondary {
+	background-color: #3d546f;
+	background-image: none;
+	background-position: 0 0;
+	background-repeat: repeat;
+	border-color: #3d546f;
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	color: #fff;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: bold;
+	letter-spacing: normal;
+	outline: none;
+	padding: 4px 16px;
+	text-decoration: none;
+	text-transform: none;
+}
+
+.tox .tox-button--secondary[disabled] {
+	background-color: #3d546f;
+	background-image: none;
+	border-color: #3d546f;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-button--secondary:focus:not(:disabled) {
+	background-color: #34485f;
+	background-image: none;
+	border-color: #34485f;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button--secondary:hover:not(:disabled) {
+	background-color: #34485f;
+	background-image: none;
+	border-color: #34485f;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button--secondary:active:not(:disabled) {
+	background-color: #2b3b4e;
+	background-image: none;
+	border-color: #2b3b4e;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+	padding: 4px;
+}
+
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+	display: block;
+	fill: currentColor;
+}
+
+.tox .tox-button-link {
+	background: 0;
+	border: none;
+	box-sizing: border-box;
+	cursor: pointer;
+	display: inline-block;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 16px;
+	font-weight: normal;
+	line-height: 1.3;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+
+.tox .tox-button-link--sm {
+	font-size: 14px;
+}
+
+.tox .tox-button--naked {
+	background-color: transparent;
+	border-color: transparent;
+	box-shadow: unset;
+	color: #fff;
+}
+
+.tox .tox-button--naked[disabled] {
+	background-color: rgba(255, 255, 255, 0.2);
+	border-color: transparent;
+	box-shadow: unset;
+	color: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-button--naked:hover:not(:disabled) {
+	background-color: rgba(255, 255, 255, 0.2);
+	border-color: transparent;
+	box-shadow: unset;
+	color: #fff;
+}
+
+.tox .tox-button--naked:focus:not(:disabled) {
+	background-color: rgba(255, 255, 255, 0.2);
+	border-color: transparent;
+	box-shadow: unset;
+	color: #fff;
+}
+
+.tox .tox-button--naked:active:not(:disabled) {
+	background-color: rgba(255, 255, 255, 0.3);
+	border-color: transparent;
+	box-shadow: unset;
+	color: #fff;
+}
+
+.tox .tox-button--naked .tox-icon svg {
+	fill: currentColor;
+}
+
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+	color: #fff;
+}
+
+.tox .tox-checkbox {
+	align-items: center;
+	border-radius: 6px;
+	cursor: pointer;
+	display: flex;
+	height: 36px;
+	min-width: 36px;
+}
+
+.tox .tox-checkbox__input {
+	/* Hide from view but visible to screen readers */
+	height: 1px;
+	overflow: hidden;
+	position: absolute;
+	top: auto;
+	width: 1px;
+}
+
+.tox .tox-checkbox__icons {
+	align-items: center;
+	border-radius: 6px;
+	box-shadow: 0 0 0 2px transparent;
+	box-sizing: content-box;
+	display: flex;
+	height: 24px;
+	justify-content: center;
+	padding: calc(4px - 1px);
+	width: 24px;
+}
+
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: block;
+	fill: rgba(255, 255, 255, 0.2);
+}
+
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	display: none;
+	fill: #006ce7;
+}
+
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	display: none;
+	fill: #006ce7;
+}
+
+.tox .tox-checkbox--disabled {
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: none;
+}
+
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	display: block;
+}
+
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: none;
+}
+
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	display: block;
+}
+
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+	border-radius: 6px;
+	box-shadow: inset 0 0 0 1px #006ce7;
+	padding: calc(4px - 1px);
+}
+
+.tox:not([dir='rtl']) .tox-checkbox__label {
+	margin-left: 4px;
+}
+
+.tox:not([dir='rtl']) .tox-checkbox__input {
+	left: -10000px;
+}
+
+.tox:not([dir='rtl']) .tox-bar .tox-checkbox {
+	margin-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-checkbox__label {
+	margin-right: 4px;
+}
+
+.tox[dir='rtl'] .tox-checkbox__input {
+	right: -10000px;
+}
+
+.tox[dir='rtl'] .tox-bar .tox-checkbox {
+	margin-right: 4px;
+}
+
+.tox {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox .tox-collection--toolbar .tox-collection__group {
+	display: flex;
+	padding: 0;
+}
+
+.tox .tox-collection--grid .tox-collection__group {
+	display: flex;
+	flex-wrap: wrap;
+	max-height: 208px;
+	overflow-x: hidden;
+	overflow-y: auto;
+	padding: 0;
+}
+
+.tox .tox-collection--list .tox-collection__group {
+	border-bottom-width: 0;
+	border-color: rgba(255, 255, 255, 0.15);
+	border-left-width: 0;
+	border-right-width: 0;
+	border-style: solid;
+	border-top-width: 1px;
+	padding: 4px 0;
+}
+
+.tox .tox-collection--list .tox-collection__group:first-child {
+	border-top-width: 0;
+}
+
+.tox .tox-collection__group-heading {
+	background-color: rgba(255, 255, 255, 0.15);
+	color: rgba(255, 255, 255, 0.5);
+	cursor: default;
+	font-size: 12px;
+	font-style: normal;
+	font-weight: normal;
+	margin-bottom: 4px;
+	margin-top: -4px;
+	padding: 4px 8px;
+	text-transform: none;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.tox .tox-collection__item {
+	align-items: center;
+	border-radius: 3px;
+	color: #fff;
+	display: flex;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.tox .tox-collection--list .tox-collection__item {
+	padding: 4px 8px;
+}
+
+.tox .tox-collection--toolbar .tox-collection__item {
+	border-radius: 3px;
+	padding: 4px;
+}
+
+.tox .tox-collection--grid .tox-collection__item {
+	border-radius: 3px;
+	padding: 4px;
+}
+
+.tox .tox-collection--list .tox-collection__item--enabled {
+	background-color: #2b3b4e;
+	color: #fff;
+}
+
+.tox .tox-collection--list .tox-collection__item--active {
+	background-color: #3389ec;
+}
+
+.tox .tox-collection--toolbar .tox-collection__item--enabled {
+	background-color: #599fef;
+	color: #fff;
+}
+
+.tox .tox-collection--toolbar .tox-collection__item--active {
+	background-color: #3389ec;
+}
+
+.tox .tox-collection--grid .tox-collection__item--enabled {
+	background-color: #599fef;
+	color: #fff;
+}
+
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	background-color: #3389ec;
+	color: #fff;
+}
+
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	color: #fff;
+}
+
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	color: #fff;
+}
+
+.tox .tox-collection__item-icon,
+.tox .tox-collection__item-checkmark {
+	align-items: center;
+	display: flex;
+	height: 24px;
+	justify-content: center;
+	width: 24px;
+}
+
+.tox .tox-collection__item-icon svg,
+.tox .tox-collection__item-checkmark svg {
+	fill: currentColor;
+}
+
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+	height: 48px;
+	width: 48px;
+}
+
+.tox .tox-collection__item-label {
+	color: currentColor;
+	display: inline-block;
+	flex: 1;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 24px;
+	text-transform: none;
+	word-break: break-all;
+}
+
+.tox .tox-collection__item-accessory {
+	color: rgba(255, 255, 255, 0.5);
+	display: inline-block;
+	font-size: 14px;
+	height: 24px;
+	line-height: 24px;
+	text-transform: none;
+}
+
+.tox .tox-collection__item-caret {
+	align-items: center;
+	display: flex;
+	min-height: 24px;
+}
+
+.tox .tox-collection__item-caret::after {
+	content: '';
+	font-size: 0;
+	min-height: inherit;
+}
+
+.tox .tox-collection__item-caret svg {
+	fill: #fff;
+}
+
+.tox .tox-collection__item--state-disabled {
+	background-color: transparent;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox
+.tox-collection--list
+.tox-collection__item:not(.tox-collection__item--enabled)
+.tox-collection__item-checkmark
+svg {
+	display: none;
+}
+
+.tox
+.tox-collection--list
+.tox-collection__item:not(.tox-collection__item--enabled)
+.tox-collection__item-accessory
++ .tox-collection__item-checkmark {
+	display: none;
+}
+
+.tox .tox-collection--horizontal {
+	background-color: #2b3b4e;
+	border: 1px solid rgba(255, 255, 255, 0.15);
+	border-radius: 6px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: nowrap;
+	margin-bottom: 0;
+	overflow-x: auto;
+	padding: 0;
+}
+
+.tox .tox-collection--horizontal .tox-collection__group {
+	align-items: center;
+	display: flex;
+	flex-wrap: nowrap;
+	margin: 0;
+	padding: 0 4px;
+}
+
+.tox .tox-collection--horizontal .tox-collection__item {
+	height: 28px;
+	margin: 6px 1px 5px 0;
+	padding: 0 4px;
+}
+
+.tox .tox-collection--horizontal .tox-collection__item-label {
+	white-space: nowrap;
+}
+
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+	margin-left: 4px;
+}
+
+.tox .tox-collection__item-container {
+	display: flex;
+}
+
+.tox .tox-collection__item-container--row {
+	align-items: center;
+	flex: 1 1 auto;
+	flex-direction: row;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+	margin-right: auto;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+	justify-content: flex-end;
+	margin-left: auto;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+	align-items: flex-start;
+	margin-bottom: auto;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+	align-items: center;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+	align-items: flex-end;
+	margin-top: auto;
+}
+
+.tox .tox-collection__item-container--column {
+	align-self: center;
+	flex: 1 1 auto;
+	flex-direction: column;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+	align-items: flex-start;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+	align-items: flex-end;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+	align-self: flex-start;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+	align-self: center;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+	align-self: flex-end;
+}
+
+.tox:not([dir='rtl']) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+	border-right: 1px solid transparent;
+}
+
+.tox:not([dir='rtl']) .tox-collection--list .tox-collection__item > *:not(:first-child) {
+	margin-left: 8px;
+}
+
+.tox:not([dir='rtl']) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+	margin-left: 4px;
+}
+
+.tox:not([dir='rtl']) .tox-collection__item-accessory {
+	margin-left: 16px;
+	text-align: right;
+}
+
+.tox:not([dir='rtl']) .tox-collection .tox-collection__item-caret {
+	margin-left: 16px;
+}
+
+.tox[dir='rtl'] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+	border-left: 1px solid transparent;
+}
+
+.tox[dir='rtl'] .tox-collection--list .tox-collection__item > *:not(:first-child) {
+	margin-right: 8px;
+}
+
+.tox[dir='rtl'] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+	margin-right: 4px;
+}
+
+.tox[dir='rtl'] .tox-collection__item-accessory {
+	margin-right: 16px;
+	text-align: left;
+}
+
+.tox[dir='rtl'] .tox-collection .tox-collection__item-caret {
+	margin-right: 16px;
+	transform: rotateY(180deg);
+}
+
+.tox[dir='rtl'] .tox-collection--horizontal .tox-collection__item-caret {
+	margin-right: 4px;
+}
+
+.tox .tox-color-picker-container {
+	display: flex;
+	flex-direction: row;
+	height: 225px;
+	margin: 0;
+}
+
+.tox .tox-sv-palette {
+	box-sizing: border-box;
+	display: flex;
+	height: 100%;
+}
+
+.tox .tox-sv-palette-spectrum {
+	height: 100%;
+}
+
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+	width: 225px;
+}
+
+.tox .tox-sv-palette-thumb {
+	background: none;
+	border: 1px solid black;
+	border-radius: 50%;
+	box-sizing: content-box;
+	height: 12px;
+	position: absolute;
+	width: 12px;
+}
+
+.tox .tox-sv-palette-inner-thumb {
+	border: 1px solid white;
+	border-radius: 50%;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+}
+
+.tox .tox-hue-slider {
+	box-sizing: border-box;
+	height: 100%;
+	width: 25px;
+}
+
+.tox .tox-hue-slider-spectrum {
+	background: linear-gradient(
+		to bottom,
+		#f00,
+		#ff0080,
+		#f0f,
+		#8000ff,
+		#00f,
+		#0080ff,
+		#0ff,
+		#00ff80,
+		#0f0,
+		#80ff00,
+		#ff0,
+		#ff8000,
+		#f00
+	);
+	height: 100%;
+	width: 100%;
+}
+
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+	width: 20px;
+}
+
+.tox .tox-hue-slider-thumb {
+	background: white;
+	border: 1px solid black;
+	box-sizing: content-box;
+	height: 4px;
+	width: 100%;
+}
+
+.tox .tox-rgb-form {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.tox .tox-rgb-form div {
+	align-items: center;
+	display: flex;
+	justify-content: space-between;
+	margin-bottom: 5px;
+	width: inherit;
+}
+
+.tox .tox-rgb-form input {
+	width: 6em;
+}
+
+.tox .tox-rgb-form input.tox-invalid {
+	/* Need !important to override Chrome's focus styling unfortunately */
+	border: 1px solid red !important;
+}
+
+.tox .tox-rgb-form .tox-rgba-preview {
+	border: 1px solid black;
+	flex-grow: 2;
+	margin-bottom: 0;
+}
+
+.tox:not([dir='rtl']) .tox-sv-palette {
+	margin-right: 15px;
+}
+
+.tox:not([dir='rtl']) .tox-hue-slider {
+	margin-right: 15px;
+}
+
+.tox:not([dir='rtl']) .tox-hue-slider-thumb {
+	margin-left: -1px;
+}
+
+.tox:not([dir='rtl']) .tox-rgb-form label {
+	margin-right: 0.5em;
+}
+
+.tox[dir='rtl'] .tox-sv-palette {
+	margin-left: 15px;
+}
+
+.tox[dir='rtl'] .tox-hue-slider {
+	margin-left: 15px;
+}
+
+.tox[dir='rtl'] .tox-hue-slider-thumb {
+	margin-right: -1px;
+}
+
+.tox[dir='rtl'] .tox-rgb-form label {
+	margin-left: 0.5em;
+}
+
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches {
+	margin: 5px 0 6px 11px;
+}
+
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+	border: 0;
+	margin: -4px -4px;
+}
+
+.tox .tox-swatches__row {
+	display: flex;
+}
+
+.tox .tox-swatch {
+	height: 30px;
+	transition: transform 0.15s, box-shadow 0.15s;
+	width: 30px;
+}
+
+.tox .tox-swatch:hover,
+.tox .tox-swatch:focus {
+	box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+	transform: scale(0.8);
+}
+
+.tox .tox-swatch--remove {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+}
+
+.tox .tox-swatch--remove svg path {
+	stroke: #e74c3c;
+}
+
+.tox .tox-swatches__picker-btn {
+	align-items: center;
+	background-color: transparent;
+	border: 0;
+	cursor: pointer;
+	display: flex;
+	height: 30px;
+	justify-content: center;
+	outline: none;
+	padding: 0;
+	width: 30px;
+}
+
+.tox .tox-swatches__picker-btn svg {
+	fill: #fff;
+	height: 24px;
+	width: 24px;
+}
+
+.tox .tox-swatches__picker-btn:hover {
+	background: #3389ec;
+}
+
+.tox:not([dir='rtl']) .tox-swatches__picker-btn {
+	margin-left: auto;
+}
+
+.tox[dir='rtl'] .tox-swatches__picker-btn {
+	margin-right: auto;
+}
+
+.tox .tox-comment-thread {
+	background: #2b3b4e;
+	position: relative;
+}
+
+.tox .tox-comment-thread > *:not(:first-child) {
+	margin-top: 8px;
+}
+
+.tox .tox-comment {
+	background: #2b3b4e;
+	border: 1px solid #161f29;
+	border-radius: 6px;
+	box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+	padding: 8px 8px 16px 8px;
+	position: relative;
+}
+
+.tox .tox-comment__header {
+	align-items: center;
+	color: #fff;
+	display: flex;
+	justify-content: space-between;
+}
+
+.tox .tox-comment__date {
+	color: rgba(255, 255, 255, 0.5);
+	font-size: 12px;
+}
+
+.tox .tox-comment__body {
+	color: #fff;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.3;
+	margin-top: 8px;
+	position: relative;
+	text-transform: initial;
+}
+
+.tox .tox-comment__body textarea {
+	resize: none;
+	white-space: normal;
+	width: 100%;
+}
+
+.tox .tox-comment__expander {
+	padding-top: 8px;
+}
+
+.tox .tox-comment__expander p {
+	color: rgba(255, 255, 255, 0.5);
+	font-size: 14px;
+	font-style: normal;
+}
+
+.tox .tox-comment__body p {
+	margin: 0;
+}
+
+.tox .tox-comment__buttonspacing {
+	padding-top: 16px;
+	text-align: center;
+}
+
+.tox .tox-comment-thread__overlay::after {
+	background: #2b3b4e;
+	bottom: 0;
+	content: '';
+	display: flex;
+	left: 0;
+	opacity: 0.9;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 5;
+}
+
+.tox .tox-comment__reply {
+	display: flex;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	margin-top: 8px;
+}
+
+.tox .tox-comment__reply > *:first-child {
+	margin-bottom: 8px;
+	width: 100%;
+}
+
+.tox .tox-comment__edit {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	margin-top: 16px;
+}
+
+.tox .tox-comment__gradient::after {
+	background: linear-gradient(rgba(43, 59, 78, 0), #2b3b4e);
+	bottom: 0;
+	content: '';
+	display: block;
+	height: 5em;
+	margin-top: -40px;
+	position: absolute;
+	width: 100%;
+}
+
+.tox .tox-comment__overlay {
+	background: #2b3b4e;
+	bottom: 0;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	left: 0;
+	opacity: 0.9;
+	position: absolute;
+	right: 0;
+	text-align: center;
+	top: 0;
+	z-index: 5;
+}
+
+.tox .tox-comment__loading-text {
+	align-items: center;
+	color: #fff;
+	display: flex;
+	flex-direction: column;
+	position: relative;
+}
+
+.tox .tox-comment__loading-text > div {
+	padding-bottom: 16px;
+}
+
+.tox .tox-comment__overlaytext {
+	bottom: 0;
+	flex-direction: column;
+	font-size: 14px;
+	left: 0;
+	padding: 1em;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 10;
+}
+
+.tox .tox-comment__overlaytext p {
+	background-color: #2b3b4e;
+	box-shadow: 0 0 8px 8px #2b3b4e;
+	color: #fff;
+	text-align: center;
+}
+
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+	font-size: 0.8em;
+}
+
+.tox .tox-comment__busy-spinner {
+	align-items: center;
+	background-color: #2b3b4e;
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 20;
+}
+
+.tox .tox-comment__scroll {
+	display: flex;
+	flex-direction: column;
+	flex-shrink: 1;
+	overflow: auto;
+}
+
+.tox .tox-conversations {
+	margin: 8px;
+}
+
+.tox:not([dir='rtl']) .tox-comment__edit {
+	margin-left: 8px;
+}
+
+.tox:not([dir='rtl']) .tox-comment__buttonspacing > *:last-child,
+.tox:not([dir='rtl']) .tox-comment__edit > *:last-child,
+.tox:not([dir='rtl']) .tox-comment__reply > *:last-child {
+	margin-left: 8px;
+}
+
+.tox[dir='rtl'] .tox-comment__edit {
+	margin-right: 8px;
+}
+
+.tox[dir='rtl'] .tox-comment__buttonspacing > *:last-child,
+.tox[dir='rtl'] .tox-comment__edit > *:last-child,
+.tox[dir='rtl'] .tox-comment__reply > *:last-child {
+	margin-right: 8px;
+}
+
+.tox .tox-user {
+	align-items: center;
+	display: flex;
+}
+
+.tox .tox-user__avatar svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-user__name {
+	color: rgba(255, 255, 255, 0.5);
+	font-size: 12px;
+	font-style: normal;
+	font-weight: bold;
+	text-transform: uppercase;
+}
+
+.tox:not([dir='rtl']) .tox-user__avatar svg {
+	margin-right: 8px;
+}
+
+.tox:not([dir='rtl']) .tox-user__avatar + .tox-user__name {
+	margin-left: 8px;
+}
+
+.tox[dir='rtl'] .tox-user__avatar svg {
+	margin-left: 8px;
+}
+
+.tox[dir='rtl'] .tox-user__avatar + .tox-user__name {
+	margin-right: 8px;
+}
+
+.tox .tox-dialog-wrap {
+	align-items: center;
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: fixed;
+	right: 0;
+	top: 0;
+	z-index: 1100;
+}
+
+.tox .tox-dialog-wrap__backdrop {
+	background-color: rgba(34, 47, 62, 0.75);
+	bottom: 0;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 1;
+}
+
+.tox .tox-dialog-wrap__backdrop--opaque {
+	background-color: #222f3e;
+}
+
+.tox .tox-dialog {
+	background-color: #2b3b4e;
+	border-color: #161f29;
+	border-radius: 10px;
+	border-style: solid;
+	border-width: 0px;
+	box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+	display: flex;
+	flex-direction: column;
+	max-height: 100%;
+	max-width: 480px;
+	overflow: hidden;
+	position: relative;
+	width: 95vw;
+	z-index: 2;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog {
+		align-self: flex-start;
+		margin: 8px auto;
+		width: calc(100vw - 16px);
+	}
+}
+
+.tox .tox-dialog-inline {
+	z-index: 1100;
+}
+
+.tox .tox-dialog__header {
+	align-items: center;
+	background-color: #2b3b4e;
+	border-bottom: none;
+	color: #fff;
+	display: flex;
+	font-size: 16px;
+	justify-content: space-between;
+	padding: 8px 16px 0 16px;
+	position: relative;
+}
+
+.tox .tox-dialog__header .tox-button {
+	z-index: 1;
+}
+
+.tox .tox-dialog__draghandle {
+	cursor: grab;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.tox .tox-dialog__draghandle:active {
+	cursor: grabbing;
+}
+
+.tox .tox-dialog__dismiss {
+	margin-left: auto;
+}
+
+.tox .tox-dialog__title {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 20px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.3;
+	margin: 0;
+	text-transform: none;
+}
+
+.tox .tox-dialog__body {
+	color: #fff;
+	display: flex;
+	flex: 1;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.3;
+	min-width: 0;
+	text-align: left;
+	text-transform: none;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog__body {
+		flex-direction: column;
+	}
+}
+
+.tox .tox-dialog__body-nav {
+	align-items: flex-start;
+	display: flex;
+	flex-direction: column;
+	padding: 16px 16px;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+		flex-direction: row;
+		-webkit-overflow-scrolling: touch;
+		overflow-x: auto;
+		padding-bottom: 0;
+	}
+}
+
+.tox .tox-dialog__body-nav-item {
+	border-bottom: 2px solid transparent;
+	color: rgba(255, 255, 255, 0.5);
+	display: inline-block;
+	font-size: 14px;
+	line-height: 1.3;
+	margin-bottom: 8px;
+	text-decoration: none;
+	white-space: nowrap;
+}
+
+.tox .tox-dialog__body-nav-item:focus {
+	background-color: rgba(0, 108, 231, 0.1);
+}
+
+.tox .tox-dialog__body-nav-item--active {
+	border-bottom: 2px solid #006ce7;
+	color: #006ce7;
+}
+
+.tox .tox-dialog__body-content {
+	box-sizing: border-box;
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	max-height: 650px;
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
+	padding: 16px 16px;
+}
+
+.tox .tox-dialog__body-content > * {
+	margin-bottom: 0;
+	margin-top: 16px;
+}
+
+.tox .tox-dialog__body-content > *:first-child {
+	margin-top: 0;
+}
+
+.tox .tox-dialog__body-content > *:last-child {
+	margin-bottom: 0;
+}
+
+.tox .tox-dialog__body-content > *:only-child {
+	margin-bottom: 0;
+	margin-top: 0;
+}
+
+.tox .tox-dialog__body-content a {
+	color: #006ce7;
+	cursor: pointer;
+	text-decoration: none;
+}
+
+.tox .tox-dialog__body-content a:hover,
+.tox .tox-dialog__body-content a:focus {
+	color: #0054b4;
+	text-decoration: none;
+}
+
+.tox .tox-dialog__body-content a:active {
+	color: #0054b4;
+	text-decoration: none;
+}
+
+.tox .tox-dialog__body-content svg {
+	fill: #fff;
+}
+
+.tox .tox-dialog__body-content ul {
+	display: block;
+	list-style-type: disc;
+	margin-bottom: 16px;
+	margin-inline-end: 0;
+	margin-inline-start: 0;
+	padding-inline-start: 2.5rem;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h1 {
+	color: #fff;
+	font-size: 20px;
+	font-style: normal;
+	font-weight: bold;
+	letter-spacing: normal;
+	margin-bottom: 16px;
+	margin-top: 2rem;
+	text-transform: none;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h2 {
+	color: #fff;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: bold;
+	letter-spacing: normal;
+	margin-bottom: 16px;
+	margin-top: 2rem;
+	text-transform: none;
+}
+
+.tox .tox-dialog__body-content .tox-form__group p {
+	margin-bottom: 16px;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+	margin-top: 0;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+	margin-bottom: 0;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+	margin-bottom: 0;
+	margin-top: 0;
+}
+
+.tox .tox-dialog--width-lg {
+	height: 650px;
+	max-width: 1200px;
+}
+
+.tox .tox-dialog--width-md {
+	max-width: 800px;
+}
+
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+	overflow: auto;
+}
+
+.tox .tox-dialog__body-content--centered {
+	text-align: center;
+}
+
+.tox .tox-dialog__footer {
+	align-items: center;
+	background-color: #2b3b4e;
+	border-top: none;
+	display: flex;
+	justify-content: space-between;
+	padding: 8px 16px;
+}
+
+.tox .tox-dialog__footer-start,
+.tox .tox-dialog__footer-end {
+	display: flex;
+}
+
+.tox .tox-dialog__busy-spinner {
+	align-items: center;
+	background-color: rgba(34, 47, 62, 0.75);
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 3;
+}
+
+.tox .tox-dialog__table {
+	border-collapse: collapse;
+	width: 100%;
+}
+
+.tox .tox-dialog__table thead th {
+	font-weight: bold;
+	padding-bottom: 8px;
+}
+
+.tox .tox-dialog__table tbody tr {
+	border-bottom: 1px solid #161f29;
+}
+
+.tox .tox-dialog__table tbody tr:last-child {
+	border-bottom: none;
+}
+
+.tox .tox-dialog__table td {
+	padding-bottom: 8px;
+	padding-top: 8px;
+}
+
+.tox .tox-dialog__popups {
+	position: absolute;
+	width: 100%;
+	z-index: 1100;
+}
+
+.tox .tox-dialog__body-iframe {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+
+.tox .tox-dialog__body-iframe .tox-navobj {
+	display: flex;
+	flex: 1;
+}
+
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+	flex: 1;
+	height: 100%;
+}
+
+.tox .tox-dialog-dock-fadeout {
+	opacity: 0;
+	visibility: hidden;
+}
+
+.tox .tox-dialog-dock-fadein {
+	opacity: 1;
+	visibility: visible;
+}
+
+.tox .tox-dialog-dock-transition {
+	transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+	transition-delay: 0s;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav {
+		margin-right: 0;
+	}
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav-item:not(:first-child) {
+		margin-left: 8px;
+	}
+}
+
+.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-end > * {
+	margin-left: 8px;
+}
+
+.tox[dir='rtl'] .tox-dialog__body {
+	text-align: right;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav {
+		margin-left: 0;
+	}
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav-item:not(:first-child) {
+		margin-right: 8px;
+	}
+}
+
+.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-end > * {
+	margin-right: 8px;
+}
+
+body.tox-dialog__disable-scroll {
+	overflow: hidden;
+}
+
+.tox .tox-dropzone-container {
+	display: flex;
+	flex: 1;
+}
+
+.tox .tox-dropzone {
+	align-items: center;
+	background: #fff;
+	border: 2px dashed #161f29;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	justify-content: center;
+	min-height: 100px;
+	padding: 10px;
+}
+
+.tox .tox-dropzone p {
+	color: rgba(255, 255, 255, 0.5);
+	margin: 0 0 16px 0;
+}
+
+.tox .tox-edit-area {
+	display: flex;
+	flex: 1;
+	overflow: hidden;
+	position: relative;
+}
+
+.tox .tox-edit-area__iframe {
+	background-color: #fff;
+	border: 0;
+	box-sizing: border-box;
+	flex: 1;
+	height: 100%;
+	position: absolute;
+	width: 100%;
+}
+
+.tox.tox-inline-edit-area {
+	border: 1px dotted #161f29;
+}
+
+.tox .tox-editor-container {
+	display: flex;
+	flex: 1 1 auto;
+	flex-direction: column;
+	overflow: hidden;
+}
+
+.tox .tox-editor-header {
+	z-index: 1;
+}
+
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+	background-color: #222f3e;
+	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+	box-shadow: none;
+	padding: 4px 0;
+	transition: box-shadow 0.5s;
+}
+
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+	border-top: 1px solid rgba(255, 255, 255, 0.15);
+	box-shadow: none;
+}
+
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
+	background-color: #222f3e;
+	box-shadow: none;
+	padding: 4px 0;
+}
+
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+	box-shadow: none;
+}
+
+.tox-editor-dock-fadeout {
+	opacity: 0;
+	visibility: hidden;
+}
+
+.tox-editor-dock-fadein {
+	opacity: 1;
+	visibility: visible;
+}
+
+.tox-editor-dock-transition {
+	transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+	transition-delay: 0s;
+}
+
+.tox .tox-control-wrap {
+	flex: 1;
+	position: relative;
+}
+
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+	display: none;
+}
+
+.tox .tox-control-wrap svg {
+	display: block;
+}
+
+.tox .tox-control-wrap__status-icon-wrap {
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.tox .tox-control-wrap__status-icon-invalid svg {
+	fill: #c00;
+}
+
+.tox .tox-control-wrap__status-icon-unknown svg {
+	fill: orange;
+}
+
+.tox .tox-control-wrap__status-icon-valid svg {
+	fill: green;
+}
+
+.tox:not([dir='rtl']) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir='rtl']) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir='rtl']) .tox-control-wrap--status-valid .tox-textfield {
+	padding-right: 32px;
+}
+
+.tox:not([dir='rtl']) .tox-control-wrap__status-icon-wrap {
+	right: 4px;
+}
+
+.tox[dir='rtl'] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir='rtl'] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir='rtl'] .tox-control-wrap--status-valid .tox-textfield {
+	padding-left: 32px;
+}
+
+.tox[dir='rtl'] .tox-control-wrap__status-icon-wrap {
+	left: 4px;
+}
+
+.tox .tox-autocompleter {
+	max-width: 25em;
+}
+
+.tox .tox-autocompleter .tox-menu {
+	border-color: #161f29;
+	box-shadow: none;
+	max-width: 25em;
+}
+
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+	font-weight: bold;
+}
+
+.tox .tox-color-input {
+	display: flex;
+	position: relative;
+	z-index: 1;
+}
+
+.tox .tox-color-input .tox-textfield {
+	z-index: -1;
+}
+
+.tox .tox-color-input span {
+	border-color: rgba(34, 47, 62, 0.2);
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	height: 24px;
+	position: absolute;
+	top: 6px;
+	width: 24px;
+}
+
+.tox .tox-color-input span:hover:not([aria-disabled='true']),
+.tox .tox-color-input span:focus:not([aria-disabled='true']) {
+	border-color: #006ce7;
+	cursor: pointer;
+}
+
+.tox .tox-color-input span::before {
+	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%),
+	linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%),
+	linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%),
+	linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%);
+	background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+	background-size: 12px 12px;
+	border: 1px solid #2b3b4e;
+	border-radius: 6px;
+	box-sizing: border-box;
+	content: '';
+	height: 24px;
+	left: -1px;
+	position: absolute;
+	top: -1px;
+	width: 24px;
+	z-index: -1;
+}
+
+.tox .tox-color-input span[aria-disabled='true'] {
+	cursor: not-allowed;
+}
+
+.tox:not([dir='rtl']) .tox-color-input {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox:not([dir='rtl']) .tox-color-input .tox-textfield {
+	padding-left: 36px;
+}
+
+.tox:not([dir='rtl']) .tox-color-input span {
+	left: 6px;
+}
+
+.tox[dir='rtl'] .tox-color-input {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox[dir='rtl'] .tox-color-input .tox-textfield {
+	padding-right: 36px;
+}
+
+.tox[dir='rtl'] .tox-color-input span {
+	right: 6px;
+}
+
+.tox .tox-label,
+.tox .tox-toolbar-label {
+	color: rgba(255, 255, 255, 0.5);
+	display: block;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.3;
+	padding: 0 8px 0 0;
+	text-transform: none;
+	white-space: nowrap;
+}
+
+.tox .tox-toolbar-label {
+	padding: 0 8px;
+}
+
+.tox[dir='rtl'] .tox-label {
+	padding: 0 0 0 8px;
+}
+
+.tox .tox-form {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+
+.tox .tox-form__group {
+	box-sizing: border-box;
+	margin-bottom: 4px;
+}
+
+.tox .tox-form-group--maximize {
+	flex: 1;
+}
+
+.tox .tox-form__group--error {
+	color: #c00;
+}
+
+.tox .tox-form__group--collection {
+	display: flex;
+}
+
+.tox .tox-form__grid {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+
+.tox .tox-form__grid--2col > .tox-form__group {
+	width: calc(50% - (8px / 2));
+}
+
+.tox .tox-form__grid--3col > .tox-form__group {
+	width: calc(100% / 3 - (8px / 2));
+}
+
+.tox .tox-form__grid--4col > .tox-form__group {
+	width: calc(25% - (8px / 2));
+}
+
+.tox .tox-form__controls-h-stack {
+	align-items: center;
+	display: flex;
+}
+
+.tox .tox-form__group--inline {
+	align-items: center;
+	display: flex;
+}
+
+.tox .tox-form__group--stretched {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+
+.tox .tox-form__group--stretched .tox-textarea {
+	flex: 1;
+}
+
+.tox .tox-form__group--stretched .tox-navobj {
+	display: flex;
+	flex: 1;
+}
+
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+	flex: 1;
+	height: 100%;
+}
+
+.tox:not([dir='rtl']) .tox-form__controls-h-stack > *:not(:first-child) {
+	margin-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-form__controls-h-stack > *:not(:first-child) {
+	margin-right: 4px;
+}
+
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+	display: none;
+}
+
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield,
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	background-color: #2b3b4e;
+	border-color: #161f29;
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #fff;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 16px;
+	line-height: 24px;
+	margin: 0;
+	min-height: 34px;
+	outline: none;
+	padding: 5px 5.5px;
+	resize: none;
+	width: 100%;
+}
+
+.tox .tox-textfield[disabled],
+.tox .tox-textarea[disabled] {
+	background-color: #222f3e;
+	color: rgba(255, 255, 255, 0.85);
+	cursor: not-allowed;
+}
+
+.tox .tox-textfield:focus,
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea:focus {
+	background-color: #2b3b4e;
+	border-color: #006ce7;
+	box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
+	outline: none;
+}
+
+.tox .tox-toolbar-textfield {
+	border-width: 0;
+	margin-bottom: 3px;
+	margin-top: 2px;
+	max-width: 250px;
+}
+
+.tox .tox-naked-btn {
+	background-color: transparent;
+	border: 0;
+	border-color: transparent;
+	box-shadow: unset;
+	color: #006ce7;
+	cursor: pointer;
+	display: block;
+	margin: 0;
+	padding: 0;
+}
+
+.tox .tox-naked-btn svg {
+	display: block;
+	fill: #fff;
+}
+
+.tox:not([dir='rtl']) .tox-toolbar-textfield + * {
+	margin-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-toolbar-textfield + * {
+	margin-right: 4px;
+}
+
+.tox .tox-listboxfield {
+	cursor: pointer;
+	position: relative;
+}
+
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+	background-color: #19232e;
+	color: rgba(255, 255, 255, 0.85);
+	cursor: not-allowed;
+}
+
+.tox .tox-listbox__select-label {
+	cursor: default;
+	flex: 1;
+	margin: 0 4px;
+}
+
+.tox .tox-listbox__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+}
+
+.tox .tox-listbox__select-chevron svg {
+	fill: #fff;
+}
+
+.tox .tox-listboxfield .tox-listbox--select {
+	align-items: center;
+	display: flex;
+}
+
+.tox:not([dir='rtl']) .tox-listboxfield svg {
+	right: 8px;
+}
+
+.tox[dir='rtl'] .tox-listboxfield svg {
+	left: 8px;
+}
+
+.tox .tox-selectfield {
+	cursor: pointer;
+	position: relative;
+}
+
+.tox .tox-selectfield select {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	background-color: #2b3b4e;
+	border-color: #161f29;
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #fff;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 16px;
+	line-height: 24px;
+	margin: 0;
+	min-height: 34px;
+	outline: none;
+	padding: 5px 5.5px;
+	resize: none;
+	width: 100%;
+}
+
+.tox .tox-selectfield select[disabled] {
+	background-color: #19232e;
+	color: rgba(255, 255, 255, 0.85);
+	cursor: not-allowed;
+}
+
+.tox .tox-selectfield select::-ms-expand {
+	display: none;
+}
+
+.tox .tox-selectfield select:focus {
+	background-color: #2b3b4e;
+	border-color: #006ce7;
+	box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
+	outline: none;
+}
+
+.tox .tox-selectfield svg {
+	pointer-events: none;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.tox:not([dir='rtl']) .tox-selectfield select[size='0'],
+.tox:not([dir='rtl']) .tox-selectfield select[size='1'] {
+	padding-right: 24px;
+}
+
+.tox:not([dir='rtl']) .tox-selectfield svg {
+	right: 8px;
+}
+
+.tox[dir='rtl'] .tox-selectfield select[size='0'],
+.tox[dir='rtl'] .tox-selectfield select[size='1'] {
+	padding-left: 24px;
+}
+
+.tox[dir='rtl'] .tox-selectfield svg {
+	left: 8px;
+}
+
+.tox .tox-textarea {
+	-webkit-appearance: textarea;
+	-moz-appearance: textarea;
+	appearance: textarea;
+	white-space: pre-wrap;
+}
+
+.tox-fullscreen {
+	border: 0;
+	height: 100%;
+	margin: 0;
+	overflow: hidden;
+	overscroll-behavior: none;
+	padding: 0;
+	touch-action: pinch-zoom;
+	width: 100%;
+}
+
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+	display: none;
+}
+
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+	left: 0;
+	position: fixed;
+	top: 0;
+	z-index: 1200;
+}
+
+.tox.tox-tinymce.tox-fullscreen {
+	background-color: transparent;
+}
+
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+	z-index: 1201;
+}
+
+.tox .tox-help__more-link {
+	list-style: none;
+	margin-top: 1em;
+}
+
+.tox .tox-imagepreview {
+	background-color: #666;
+	height: 380px;
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+}
+
+.tox .tox-imagepreview.tox-imagepreview__loaded {
+	overflow: auto;
+}
+
+.tox .tox-imagepreview__container {
+	display: flex;
+	left: 100vw;
+	position: absolute;
+	top: 100vw;
+}
+
+.tox .tox-imagepreview__image {
+	background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+
+.tox .tox-image-tools .tox-spacer {
+	flex: 1;
+}
+
+.tox .tox-image-tools .tox-bar {
+	align-items: center;
+	display: flex;
+	height: 60px;
+	justify-content: center;
+}
+
+.tox .tox-image-tools .tox-imagepreview,
+.tox .tox-image-tools .tox-imagepreview + .tox-bar {
+	margin-top: 8px;
+}
+
+.tox .tox-image-tools .tox-croprect-block {
+	background: black;
+	filter: alpha(opacity=50);
+	opacity: 0.5;
+	position: absolute;
+	zoom: 1;
+}
+
+.tox .tox-image-tools .tox-croprect-handle {
+	border: 2px solid white;
+	height: 20px;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 20px;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-move {
+	border: 0;
+	cursor: move;
+	position: absolute;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-nw {
+	border-width: 2px 0 0 2px;
+	cursor: nw-resize;
+	left: 100px;
+	margin: -2px 0 0 -2px;
+	top: 100px;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-ne {
+	border-width: 2px 2px 0 0;
+	cursor: ne-resize;
+	left: 200px;
+	margin: -2px 0 0 -20px;
+	top: 100px;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-sw {
+	border-width: 0 0 2px 2px;
+	cursor: sw-resize;
+	left: 100px;
+	margin: -20px 2px 0 -2px;
+	top: 200px;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-se {
+	border-width: 0 2px 2px 0;
+	cursor: se-resize;
+	left: 200px;
+	margin: -20px 0 0 -20px;
+	top: 200px;
+}
+
+.tox .tox-insert-table-picker {
+	display: flex;
+	flex-wrap: wrap;
+	width: 170px;
+}
+
+.tox .tox-insert-table-picker > div {
+	border-color: rgba(255, 255, 255, 0.15);
+	border-style: solid;
+	border-width: 0 1px 1px 0;
+	box-sizing: border-box;
+	height: 17px;
+	width: 17px;
+}
+
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+	margin: -4px -4px;
+}
+
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+	background-color: rgba(0, 108, 231, 0.5);
+	border-color: rgba(0, 108, 231, 0.5);
+}
+
+.tox .tox-insert-table-picker__label {
+	color: #fff;
+	display: block;
+	font-size: 14px;
+	padding: 4px;
+	text-align: center;
+	width: 100%;
+}
+
+.tox:not([dir='rtl']) {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox:not([dir='rtl']) .tox-insert-table-picker > div:nth-child(10n) {
+	border-right: 0;
+}
+
+.tox[dir='rtl'] {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox[dir='rtl'] .tox-insert-table-picker > div:nth-child(10n + 1) {
+	border-right: 0;
+}
+
+.tox {
+	/* stylelint-disable */
+	/* stylelint-enable */
+}
+
+.tox .tox-menu {
+	background-color: #2b3b4e;
+	border: 1px solid rgba(255, 255, 255, 0.15);
+	border-radius: 6px;
+	box-shadow: none;
+	display: inline-block;
+	overflow: hidden;
+	vertical-align: top;
+	z-index: 1150;
+}
+
+.tox .tox-menu.tox-collection.tox-collection--list {
+	padding: 0 4px;
+}
+
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+	padding: 8px;
+}
+
+.tox .tox-menu.tox-collection.tox-collection--grid {
+	padding: 8px;
+}
+
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p,
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code {
+	margin: 0;
+}
+
+.tox .tox-menubar {
+	background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='transparent'/%3E%3C/svg%3E") left 0 top 0 #222f3e;
+	background-color: #222f3e;
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	padding: 0 11px 0 12px;
+}
+
+.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
+	border-top: 1px solid transparent;
+}
+
+/* Deprecated. Remove in next major release */
+.tox .tox-mbtn {
+	align-items: center;
+	background: transparent;
+	border: 0;
+	border-radius: 3px;
+	box-shadow: none;
+	color: #fff;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	height: 28px;
+	justify-content: center;
+	margin: 5px 1px 6px 0;
+	outline: none;
+	overflow: hidden;
+	padding: 0 4px;
+	text-transform: none;
+	width: auto;
+}
+
+.tox .tox-mbtn[disabled] {
+	background-color: transparent;
+	border: 0;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-mbtn:focus:not(:disabled) {
+	background: #3389ec;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-mbtn--active {
+	background: #599fef;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+	background: #3389ec;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-mbtn__select-label {
+	cursor: default;
+	font-weight: normal;
+	margin: 0 4px;
+}
+
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+	cursor: not-allowed;
+}
+
+.tox .tox-mbtn__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+	display: none;
+}
+
+.tox .tox-notification {
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	display: grid;
+	font-size: 14px;
+	font-weight: normal;
+	grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+	margin-top: 4px;
+	opacity: 0;
+	padding: 4px;
+	transition: transform 100ms ease-in, opacity 150ms ease-in;
+}
+
+.tox .tox-notification p {
+	font-size: 14px;
+	font-weight: normal;
+}
+
+.tox .tox-notification a {
+	cursor: pointer;
+	text-decoration: underline;
+}
+
+.tox .tox-notification--in {
+	opacity: 1;
+}
+
+.tox .tox-notification--success {
+	background-color: #334840;
+	border-color: #3c5440;
+	color: #fff;
+}
+
+.tox .tox-notification--success p {
+	color: #fff;
+}
+
+.tox .tox-notification--success a {
+	color: #b5d199;
+}
+
+.tox .tox-notification--success svg {
+	fill: #fff;
+}
+
+.tox .tox-notification--error {
+	background-color: #442632;
+	border-color: #55212b;
+	color: #fff;
+}
+
+.tox .tox-notification--error p {
+	color: #fff;
+}
+
+.tox .tox-notification--error a {
+	color: #e68080;
+}
+
+.tox .tox-notification--error svg {
+	fill: #fff;
+}
+
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+	background-color: #222f3e;
+	border-color: rgba(255, 255, 255, 0.15);
+	color: #fff0b3;
+}
+
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+	color: #fff0b3;
+}
+
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+	color: #ffcc00;
+}
+
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+	fill: #fff0b3;
+}
+
+.tox .tox-notification--info {
+	background-color: #254161;
+	border-color: #264972;
+	color: #fff;
+}
+
+.tox .tox-notification--info p {
+	color: #fff;
+}
+
+.tox .tox-notification--info a {
+	color: #83b7f3;
+}
+
+.tox .tox-notification--info svg {
+	fill: #fff;
+}
+
+.tox .tox-notification__body {
+	align-self: center;
+	color: #fff;
+	font-size: 14px;
+	grid-column-end: 3;
+	grid-column-start: 2;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	text-align: center;
+	white-space: normal;
+	word-break: break-all;
+	word-break: break-word;
+}
+
+.tox .tox-notification__body > * {
+	margin: 0;
+}
+
+.tox .tox-notification__body > * + * {
+	margin-top: 1rem;
+}
+
+.tox .tox-notification__icon {
+	align-self: center;
+	grid-column-end: 2;
+	grid-column-start: 1;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	justify-self: end;
+}
+
+.tox .tox-notification__icon svg {
+	display: block;
+}
+
+.tox .tox-notification__dismiss {
+	align-self: start;
+	grid-column-end: 4;
+	grid-column-start: 3;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	justify-self: end;
+}
+
+.tox .tox-notification .tox-progress-bar {
+	grid-column-end: 4;
+	grid-column-start: 1;
+	grid-row-end: 3;
+	grid-row-start: 2;
+	justify-self: center;
+}
+
+.tox .tox-pop {
+	display: inline-block;
+	position: relative;
+}
+
+.tox .tox-pop--resizing {
+	transition: width 0.1s ease;
+}
+
+.tox .tox-pop--resizing .tox-toolbar,
+.tox .tox-pop--resizing .tox-toolbar__group {
+	flex-wrap: nowrap;
+}
+
+.tox .tox-pop--transition {
+	transition: 0.15s ease;
+	transition-property: left, right, top, bottom;
+}
+
+.tox .tox-pop--transition::before,
+.tox .tox-pop--transition::after {
+	transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
+}
+
+.tox .tox-pop__dialog {
+	background-color: #222f3e;
+	border: 1px solid #161f29;
+	border-radius: 6px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	min-width: 0;
+	overflow: hidden;
+}
+
+.tox .tox-pop__dialog > *:not(.tox-toolbar) {
+	margin: 4px 4px 4px 8px;
+}
+
+.tox .tox-pop__dialog .tox-toolbar {
+	background-color: transparent;
+	margin-bottom: -1px;
+}
+
+.tox .tox-pop::before,
+.tox .tox-pop::after {
+	border-style: solid;
+	content: '';
+	display: block;
+	height: 0;
+	opacity: 1;
+	position: absolute;
+	width: 0;
+}
+
+.tox .tox-pop.tox-pop--inset::before,
+.tox .tox-pop.tox-pop--inset::after {
+	opacity: 0;
+	transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
+}
+
+.tox .tox-pop.tox-pop--bottom::before,
+.tox .tox-pop.tox-pop--bottom::after {
+	left: 50%;
+	top: 100%;
+}
+
+.tox .tox-pop.tox-pop--bottom::after {
+	border-color: #222f3e transparent transparent transparent;
+	border-width: 8px;
+	margin-left: -8px;
+	margin-top: -1px;
+}
+
+.tox .tox-pop.tox-pop--bottom::before {
+	border-color: #161f29 transparent transparent transparent;
+	border-width: 9px;
+	margin-left: -9px;
+}
+
+.tox .tox-pop.tox-pop--top::before,
+.tox .tox-pop.tox-pop--top::after {
+	left: 50%;
+	top: 0;
+	transform: translateY(-100%);
+}
+
+.tox .tox-pop.tox-pop--top::after {
+	border-color: transparent transparent #222f3e transparent;
+	border-width: 8px;
+	margin-left: -8px;
+	margin-top: 1px;
+}
+
+.tox .tox-pop.tox-pop--top::before {
+	border-color: transparent transparent #161f29 transparent;
+	border-width: 9px;
+	margin-left: -9px;
+}
+
+.tox .tox-pop.tox-pop--left::before,
+.tox .tox-pop.tox-pop--left::after {
+	left: 0;
+	top: calc(50% - 1px);
+	transform: translateY(-50%);
+}
+
+.tox .tox-pop.tox-pop--left::after {
+	border-color: transparent #222f3e transparent transparent;
+	border-width: 8px;
+	margin-left: -15px;
+}
+
+.tox .tox-pop.tox-pop--left::before {
+	border-color: transparent #161f29 transparent transparent;
+	border-width: 10px;
+	margin-left: -19px;
+}
+
+.tox .tox-pop.tox-pop--right::before,
+.tox .tox-pop.tox-pop--right::after {
+	left: 100%;
+	top: calc(50% + 1px);
+	transform: translateY(-50%);
+}
+
+.tox .tox-pop.tox-pop--right::after {
+	border-color: transparent transparent transparent #222f3e;
+	border-width: 8px;
+	margin-left: -1px;
+}
+
+.tox .tox-pop.tox-pop--right::before {
+	border-color: transparent transparent transparent #161f29;
+	border-width: 10px;
+	margin-left: -1px;
+}
+
+.tox .tox-pop.tox-pop--align-left::before,
+.tox .tox-pop.tox-pop--align-left::after {
+	left: 20px;
+}
+
+.tox .tox-pop.tox-pop--align-right::before,
+.tox .tox-pop.tox-pop--align-right::after {
+	left: calc(100% - 20px);
+}
+
+.tox .tox-sidebar-wrap {
+	display: flex;
+	flex-direction: row;
+	flex-grow: 1;
+	min-height: 0;
+}
+
+.tox .tox-sidebar {
+	background-color: #222f3e;
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-end;
+}
+
+.tox .tox-sidebar__slider {
+	display: flex;
+	overflow: hidden;
+}
+
+.tox .tox-sidebar__pane-container {
+	display: flex;
+}
+
+.tox .tox-sidebar__pane {
+	display: flex;
+}
+
+.tox .tox-sidebar--sliding-closed {
+	opacity: 0;
+}
+
+.tox .tox-sidebar--sliding-open {
+	opacity: 1;
+}
+
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+	transition: width 0.5s ease, opacity 0.5s ease;
+}
+
+.tox .tox-selector {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	display: inline-block;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+}
+
+.tox.tox-platform-touch .tox-selector {
+	height: 12px;
+	width: 12px;
+}
+
+.tox .tox-slider {
+	align-items: center;
+	display: flex;
+	flex: 1;
+	height: 24px;
+	justify-content: center;
+	position: relative;
+}
+
+.tox .tox-slider__rail {
+	background-color: transparent;
+	border: 1px solid #161f29;
+	border-radius: 6px;
+	height: 10px;
+	min-width: 120px;
+	width: 100%;
+}
+
+.tox .tox-slider__handle {
+	background-color: #006ce7;
+	border: 2px solid #0054b4;
+	border-radius: 6px;
+	box-shadow: none;
+	height: 24px;
+	left: 50%;
+	position: absolute;
+	top: 50%;
+	transform: translateX(-50%) translateY(-50%);
+	width: 14px;
+}
+
+.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
+	margin-inline-start: 8px;
+}
+
+.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
+	margin-inline-start: 32px;
+}
+
+.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
+	margin-inline-start: 32px;
+}
+
+.tox .tox-source-code {
+	overflow: auto;
+}
+
+.tox .tox-spinner {
+	display: flex;
+}
+
+.tox .tox-spinner > div {
+	animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+	background-color: rgba(255, 255, 255, 0.5);
+	border-radius: 100%;
+	height: 8px;
+	width: 8px;
+}
+
+.tox .tox-spinner > div:nth-child(1) {
+	animation-delay: -0.32s;
+}
+
+.tox .tox-spinner > div:nth-child(2) {
+	animation-delay: -0.16s;
+}
+
+@keyframes tam-bouncing-dots {
+	0%,
+	80%,
+	100% {
+		transform: scale(0);
+	}
+	40% {
+		transform: scale(1);
+	}
+}
+
+.tox:not([dir='rtl']) .tox-spinner > div:not(:first-child) {
+	margin-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-spinner > div:not(:first-child) {
+	margin-right: 4px;
+}
+
+.tox .tox-statusbar {
+	align-items: center;
+	background-color: #222f3e;
+	border-top: 1px solid rgba(255, 255, 255, 0.15);
+	color: rgba(255, 255, 255, 0.75);
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-weight: normal;
+	height: 25px;
+	overflow: hidden;
+	padding: 0 8px;
+	position: relative;
+	text-transform: none;
+}
+
+.tox .tox-statusbar__text-container {
+	display: flex;
+	flex: 1 1 auto;
+	justify-content: flex-end;
+	overflow: hidden;
+}
+
+.tox .tox-statusbar__path {
+	display: flex;
+	flex: 1 1 auto;
+	margin-right: auto;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.tox .tox-statusbar__path > * {
+	display: inline;
+	white-space: nowrap;
+}
+
+.tox .tox-statusbar__wordcount {
+	flex: 0 0 auto;
+	margin-left: 1ch;
+}
+
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+	color: rgba(255, 255, 255, 0.75);
+	text-decoration: none;
+}
+
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled='true']) {
+	color: #fff;
+	cursor: pointer;
+}
+
+.tox .tox-statusbar__branding svg {
+	fill: rgba(255, 255, 255, 0.8);
+	height: 1.14em;
+	vertical-align: -0.28em;
+	width: 3.6em;
+}
+
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled='true']) svg,
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled='true']) svg {
+	fill: #fff;
+}
+
+.tox .tox-statusbar__resize-handle {
+	align-items: flex-end;
+	align-self: stretch;
+	cursor: nwse-resize;
+	display: flex;
+	flex: 0 0 auto;
+	justify-content: flex-end;
+	margin-left: auto;
+	margin-right: -8px;
+	padding-bottom: 3px;
+	padding-left: 1ch;
+	padding-right: 3px;
+}
+
+.tox .tox-statusbar__resize-handle svg {
+	display: block;
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-statusbar__resize-handle:focus svg {
+	background-color: #434e5b;
+	border-radius: 1px 1px 5px 1px;
+	box-shadow: 0 0 0 2px #434e5b;
+}
+
+.tox:not([dir='rtl']) .tox-statusbar__path > * {
+	margin-right: 4px;
+}
+
+.tox:not([dir='rtl']) .tox-statusbar__branding {
+	margin-left: 2ch;
+}
+
+.tox[dir='rtl'] .tox-statusbar {
+	flex-direction: row-reverse;
+}
+
+.tox[dir='rtl'] .tox-statusbar__path > * {
+	margin-left: 4px;
+}
+
+.tox .tox-throbber {
+	z-index: 1299;
+}
+
+.tox .tox-throbber__busy-spinner {
+	align-items: center;
+	background-color: rgba(34, 47, 62, 0.6);
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+
+.tox .tox-tbtn {
+	align-items: center;
+	background: transparent;
+	border: 0;
+	border-radius: 3px;
+	box-shadow: none;
+	color: #fff;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	height: 28px;
+	justify-content: center;
+	margin: 6px 1px 5px 0;
+	outline: none;
+	overflow: hidden;
+	padding: 0;
+	text-transform: none;
+	width: 34px;
+}
+
+.tox .tox-tbtn svg {
+	display: block;
+	fill: #fff;
+}
+
+.tox .tox-tbtn.tox-tbtn-more {
+	padding-left: 5px;
+	padding-right: 5px;
+	width: inherit;
+}
+
+.tox .tox-tbtn:focus {
+	background: #3389ec;
+	border: 0;
+	box-shadow: none;
+}
+
+.tox .tox-tbtn:hover {
+	background: #3389ec;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-tbtn:hover svg {
+	fill: #fff;
+}
+
+.tox .tox-tbtn:active {
+	background: #599fef;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-tbtn:active svg {
+	fill: #fff;
+}
+
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+	background: transparent;
+	border: 0;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+	/* stylelint-disable-line no-descending-specificity */
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover {
+	background: #599fef;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-tbtn--enabled > *,
+.tox .tox-tbtn--enabled:hover > * {
+	transform: none;
+}
+
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg {
+	/* stylelint-disable-line no-descending-specificity */
+	fill: #fff;
+}
+
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+	color: #fff;
+}
+
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+	fill: #fff;
+}
+
+.tox .tox-tbtn:active > * {
+	transform: none;
+}
+
+.tox .tox-tbtn--md {
+	height: 42px;
+	width: 51px;
+}
+
+.tox .tox-tbtn--lg {
+	flex-direction: column;
+	height: 56px;
+	width: 68px;
+}
+
+.tox .tox-tbtn--return {
+	align-self: stretch;
+	height: unset;
+	width: 16px;
+}
+
+.tox .tox-tbtn--labeled {
+	padding: 0 4px;
+	width: unset;
+}
+
+.tox .tox-tbtn__vlabel {
+	display: block;
+	font-size: 10px;
+	font-weight: normal;
+	letter-spacing: -0.025em;
+	margin-bottom: 4px;
+	white-space: nowrap;
+}
+
+.tox .tox-tbtn--select {
+	margin: 6px 1px 5px 0;
+	padding: 0 4px;
+	width: auto;
+}
+
+.tox .tox-tbtn__select-label {
+	cursor: default;
+	font-weight: normal;
+	margin: 0 4px;
+}
+
+.tox .tox-tbtn__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+}
+
+.tox .tox-tbtn__select-chevron svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-tbtn--bespoke {
+	background: #2f4055;
+}
+
+.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
+	margin-inline-start: 4px;
+}
+
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: 7em;
+}
+
+.tox .tox-split-button {
+	border: 0;
+	border-radius: 3px;
+	box-sizing: border-box;
+	display: flex;
+	margin: 6px 1px 5px 0;
+	overflow: hidden;
+}
+
+.tox .tox-split-button:hover {
+	box-shadow: 0 0 0 1px #3389ec inset;
+}
+
+.tox .tox-split-button:focus {
+	background: #3389ec;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-split-button > * {
+	border-radius: 0;
+}
+
+.tox .tox-split-button__chevron {
+	width: 16px;
+}
+
+.tox .tox-split-button__chevron svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-split-button .tox-tbtn {
+	margin: 0;
+}
+
+.tox .tox-split-button.tox-tbtn--disabled:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
+	background: transparent;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+}
+
+.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
+	padding: 0 0px;
+}
+
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
+	width: 30px;
+}
+
+.tox.tox-platform-touch .tox-split-button__chevron {
+	width: 20px;
+}
+
+.tox .tox-toolbar-overlord {
+	background-color: #222f3e;
+}
+
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+	background-color: #222f3e;
+	background-image: repeating-linear-gradient(rgba(255, 255, 255, 0.15) 0px 1px, transparent 1px 39px);
+	background-position: center top 40px;
+	background-repeat: no-repeat;
+	background-size: calc(100% - 11px * 2) calc(100% - 41px);
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	padding: 0 0px;
+	transform: perspective(1px);
+}
+
+.tox .tox-toolbar-overlord > .tox-toolbar,
+.tox .tox-toolbar-overlord > .tox-toolbar__primary,
+.tox .tox-toolbar-overlord > .tox-toolbar__overflow {
+	background-position: center top 0px;
+	background-size: calc(100% - 11px * 2) calc(100% - 0px);
+}
+
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+	height: 0;
+	opacity: 0;
+	padding-bottom: 0;
+	padding-top: 0;
+	visibility: hidden;
+}
+
+.tox .tox-toolbar__overflow--growing {
+	transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+
+.tox .tox-toolbar__overflow--shrinking {
+	transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord {
+	border-top: 1px solid transparent;
+	margin-top: 0px;
+	padding-bottom: 1px;
+	padding-top: 1px;
+}
+
+.tox .tox-toolbar--scrolling {
+	flex-wrap: nowrap;
+	overflow-x: auto;
+}
+
+.tox .tox-pop .tox-toolbar {
+	border-width: 0;
+}
+
+.tox .tox-toolbar--no-divider {
+	background-image: none;
+}
+
+.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
+.tox .tox-toolbar-overlord .tox-toolbar__primary {
+	background-position: center top 39px;
+}
+
+.tox .tox-editor-header > .tox-toolbar--scrolling,
+.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
+	background-image: none;
+}
+
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+	background-color: #222f3e;
+	background-position: center top 43px;
+	background-size: calc(100% - 8px * 2) calc(100% - 51px);
+	border: none;
+	border-radius: 6px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	padding: 4px 0;
+}
+
+.tox-pop .tox-pop__dialog {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox-pop .tox-pop__dialog .tox-toolbar {
+	background-position: center top 43px;
+	background-size: calc(100% - 11px * 2) calc(100% - 51px);
+	padding: 4px 0;
+}
+
+.tox .tox-toolbar__group {
+	align-items: center;
+	display: flex;
+	flex-wrap: wrap;
+	margin: 0 0;
+	padding: 0 11px 0 12px;
+}
+
+.tox .tox-toolbar__group--pull-right {
+	margin-left: auto;
+}
+
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+	flex-shrink: 0;
+	flex-wrap: nowrap;
+}
+
+.tox:not([dir='rtl']) .tox-toolbar__group:not(:last-of-type) {
+	border-right: 1px solid transparent;
+}
+
+.tox[dir='rtl'] .tox-toolbar__group:not(:last-of-type) {
+	border-left: 1px solid transparent;
+}
+
+.tox .tox-tooltip {
+	display: inline-block;
+	padding: 8px;
+	position: relative;
+}
+
+.tox .tox-tooltip__body {
+	background-color: #3d546f;
+	border-radius: 6px;
+	box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
+	color: rgba(255, 255, 255, 0.75);
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	padding: 4px 8px;
+	text-transform: none;
+}
+
+.tox .tox-tooltip__arrow {
+	position: absolute;
+}
+
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+	border-left: 8px solid transparent;
+	border-right: 8px solid transparent;
+	border-top: 8px solid #3d546f;
+	bottom: 0;
+	left: 50%;
+	position: absolute;
+	transform: translateX(-50%);
+}
+
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+	border-bottom: 8px solid #3d546f;
+	border-left: 8px solid transparent;
+	border-right: 8px solid transparent;
+	left: 50%;
+	position: absolute;
+	top: 0;
+	transform: translateX(-50%);
+}
+
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+	border-bottom: 8px solid transparent;
+	border-left: 8px solid #3d546f;
+	border-top: 8px solid transparent;
+	position: absolute;
+	right: 0;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+	border-bottom: 8px solid transparent;
+	border-right: 8px solid #3d546f;
+	border-top: 8px solid transparent;
+	left: 0;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.tox .tox-well {
+	border: 1px solid #161f29;
+	border-radius: 6px;
+	padding: 8px;
+	width: 100%;
+}
+
+.tox .tox-well > *:first-child {
+	margin-top: 0;
+}
+
+.tox .tox-well > *:last-child {
+	margin-bottom: 0;
+}
+
+.tox .tox-well > *:only-child {
+	margin: 0;
+}
+
+.tox .tox-custom-editor {
+	border: 1px solid #161f29;
+	border-radius: 6px;
+	display: flex;
+	flex: 1;
+	position: relative;
+}
+
+/* stylelint-disable */
+.tox {
+	/* stylelint-enable */
+}
+
+.tox .tox-dialog-loading::before {
+	background-color: rgba(0, 0, 0, 0.5);
+	content: '';
+	height: 100%;
+	position: absolute;
+	width: 100%;
+	z-index: 1000;
+}
+
+.tox .tox-tab {
+	cursor: pointer;
+}
+
+.tox .tox-dialog__content-js {
+	display: flex;
+	flex: 1;
+}
+
+.tox .tox-dialog__body-content .tox-collection {
+	display: flex;
+	flex: 1;
+}
+
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/skin.min.css b/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/skin.min.css
new file mode 100644
index 00000000..842afba1
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/skin.min.css
@@ -0,0 +1,3043 @@
+.tox {
+	box-shadow: none;
+	box-sizing: content-box;
+	color: #222f3e;
+	cursor: auto;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: normal;
+	-webkit-tap-highlight-color: transparent;
+	text-decoration: none;
+	text-shadow: none;
+	text-transform: none;
+	vertical-align: initial;
+	white-space: normal;
+}
+.tox :not(svg):not(rect) {
+	box-sizing: inherit;
+	color: inherit;
+	cursor: inherit;
+	direction: inherit;
+	font-family: inherit;
+	font-size: inherit;
+	font-style: inherit;
+	font-weight: inherit;
+	line-height: inherit;
+	-webkit-tap-highlight-color: inherit;
+	text-align: inherit;
+	text-decoration: inherit;
+	text-shadow: inherit;
+	text-transform: inherit;
+	vertical-align: inherit;
+	white-space: inherit;
+}
+.tox :not(svg):not(rect) {
+	background: 0 0;
+	border: 0;
+	box-shadow: none;
+	float: none;
+	height: auto;
+	margin: 0;
+	max-width: none;
+	outline: 0;
+	padding: 0;
+	position: static;
+	width: auto;
+}
+.tox:not([dir='rtl']) {
+	direction: ltr;
+	text-align: left;
+}
+.tox[dir='rtl'] {
+	direction: rtl;
+	text-align: right;
+}
+.tox-tinymce {
+	border: 2px solid #161f29;
+	border-radius: 10px;
+	box-shadow: none;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	overflow: hidden;
+	position: relative;
+	visibility: inherit !important;
+}
+.tox.tox-tinymce-inline {
+	border: none;
+	box-shadow: none;
+	overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-container {
+	overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-header {
+	background-color: #222f3e;
+	border: 2px solid #161f29;
+	border-radius: 10px;
+	box-shadow: none;
+	overflow: hidden;
+}
+.tox-tinymce-aux {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	z-index: 1300;
+}
+.tox-tinymce :focus,
+.tox-tinymce-aux :focus {
+	outline: 0;
+}
+button::-moz-focus-inner {
+	border: 0;
+}
+.tox[dir='rtl'] .tox-icon--flip svg {
+	transform: rotateY(180deg);
+}
+.tox .accessibility-issue__header {
+	align-items: center;
+	display: flex;
+	margin-bottom: 4px;
+}
+.tox .accessibility-issue__description {
+	align-items: stretch;
+	border: 1px solid #161f29;
+	border-radius: 6px;
+	display: flex;
+	justify-content: space-between;
+}
+.tox .accessibility-issue__description > div {
+	padding-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div {
+	align-items: center;
+	display: flex;
+	margin-bottom: 4px;
+}
+.tox .accessibility-issue__description > :last-child:not(:only-child) {
+	border-color: #161f29;
+	border-style: solid;
+}
+.tox .accessibility-issue__repair {
+	margin-top: 16px;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+	background-color: rgba(0, 108, 231, 0.5);
+	border-color: rgba(0, 108, 231, 0.4);
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > :last-child {
+	border-color: rgba(0, 108, 231, 0.4);
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
+	fill: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+	background-color: rgba(255, 165, 0, 0.5);
+	border-color: rgba(255, 165, 0, 0.8);
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > :last-child {
+	border-color: rgba(255, 165, 0, 0.8);
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
+	fill: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+	background-color: rgba(204, 0, 0, 0.5);
+	border-color: rgba(204, 0, 0, 0.8);
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > :last-child {
+	border-color: rgba(204, 0, 0, 0.8);
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
+	fill: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+	background-color: rgba(120, 171, 70, 0.5);
+	border-color: rgba(120, 171, 70, 0.8);
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > :last-child {
+	border-color: rgba(120, 171, 70, 0.8);
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
+	fill: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue__header h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+	margin-top: 0;
+}
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+	margin-left: 4px;
+}
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__header > :nth-last-child(2) {
+	margin-left: auto;
+}
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__description {
+	padding: 4px 4px 4px 8px;
+}
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__description > :last-child {
+	border-left-width: 1px;
+	padding-left: 4px;
+}
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+	margin-right: 4px;
+}
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__header > :nth-last-child(2) {
+	margin-right: auto;
+}
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description {
+	padding: 4px 8px 4px 4px;
+}
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description > :last-child {
+	border-right-width: 1px;
+	padding-right: 4px;
+}
+.tox .tox-anchorbar {
+	display: flex;
+	flex: 0 0 auto;
+}
+.tox .tox-bar {
+	display: flex;
+	flex: 0 0 auto;
+}
+.tox .tox-button {
+	background-color: #006ce7;
+	background-image: none;
+	background-position: 0 0;
+	background-repeat: repeat;
+	border-color: #006ce7;
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #fff;
+	cursor: pointer;
+	display: inline-block;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 700;
+	letter-spacing: normal;
+	line-height: 24px;
+	margin: 0;
+	outline: 0;
+	padding: 4px 16px;
+	text-align: center;
+	text-decoration: none;
+	text-transform: none;
+	white-space: nowrap;
+}
+.tox .tox-button[disabled] {
+	background-color: #006ce7;
+	background-image: none;
+	border-color: #006ce7;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-button:focus:not(:disabled) {
+	background-color: #0060ce;
+	background-image: none;
+	border-color: #0060ce;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button:hover:not(:disabled) {
+	background-color: #0060ce;
+	background-image: none;
+	border-color: #0060ce;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button:active:not(:disabled) {
+	background-color: #0054b4;
+	background-image: none;
+	border-color: #0054b4;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button--secondary {
+	background-color: #3d546f;
+	background-image: none;
+	background-position: 0 0;
+	background-repeat: repeat;
+	border-color: #3d546f;
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	color: #fff;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 700;
+	letter-spacing: normal;
+	outline: 0;
+	padding: 4px 16px;
+	text-decoration: none;
+	text-transform: none;
+}
+.tox .tox-button--secondary[disabled] {
+	background-color: #3d546f;
+	background-image: none;
+	border-color: #3d546f;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--secondary:focus:not(:disabled) {
+	background-color: #34485f;
+	background-image: none;
+	border-color: #34485f;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button--secondary:hover:not(:disabled) {
+	background-color: #34485f;
+	background-image: none;
+	border-color: #34485f;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button--secondary:active:not(:disabled) {
+	background-color: #2b3b4e;
+	background-image: none;
+	border-color: #2b3b4e;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+	padding: 4px;
+}
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+	display: block;
+	fill: currentColor;
+}
+.tox .tox-button-link {
+	background: 0;
+	border: none;
+	box-sizing: border-box;
+	cursor: pointer;
+	display: inline-block;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 16px;
+	font-weight: 400;
+	line-height: 1.3;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+.tox .tox-button-link--sm {
+	font-size: 14px;
+}
+.tox .tox-button--naked {
+	background-color: transparent;
+	border-color: transparent;
+	box-shadow: unset;
+	color: #fff;
+}
+.tox .tox-button--naked[disabled] {
+	background-color: rgba(255, 255, 255, 0.2);
+	border-color: transparent;
+	box-shadow: unset;
+	color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--naked:hover:not(:disabled) {
+	background-color: rgba(255, 255, 255, 0.2);
+	border-color: transparent;
+	box-shadow: unset;
+	color: #fff;
+}
+.tox .tox-button--naked:focus:not(:disabled) {
+	background-color: rgba(255, 255, 255, 0.2);
+	border-color: transparent;
+	box-shadow: unset;
+	color: #fff;
+}
+.tox .tox-button--naked:active:not(:disabled) {
+	background-color: rgba(255, 255, 255, 0.3);
+	border-color: transparent;
+	box-shadow: unset;
+	color: #fff;
+}
+.tox .tox-button--naked .tox-icon svg {
+	fill: currentColor;
+}
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+	color: #fff;
+}
+.tox .tox-checkbox {
+	align-items: center;
+	border-radius: 6px;
+	cursor: pointer;
+	display: flex;
+	height: 36px;
+	min-width: 36px;
+}
+.tox .tox-checkbox__input {
+	height: 1px;
+	overflow: hidden;
+	position: absolute;
+	top: auto;
+	width: 1px;
+}
+.tox .tox-checkbox__icons {
+	align-items: center;
+	border-radius: 6px;
+	box-shadow: 0 0 0 2px transparent;
+	box-sizing: content-box;
+	display: flex;
+	height: 24px;
+	justify-content: center;
+	padding: calc(4px - 1px);
+	width: 24px;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: block;
+	fill: rgba(255, 255, 255, 0.2);
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	display: none;
+	fill: #006ce7;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	display: none;
+	fill: #006ce7;
+}
+.tox .tox-checkbox--disabled {
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: none;
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	display: block;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: none;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	display: block;
+}
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+	border-radius: 6px;
+	box-shadow: inset 0 0 0 1px #006ce7;
+	padding: calc(4px - 1px);
+}
+.tox:not([dir='rtl']) .tox-checkbox__label {
+	margin-left: 4px;
+}
+.tox:not([dir='rtl']) .tox-checkbox__input {
+	left: -10000px;
+}
+.tox:not([dir='rtl']) .tox-bar .tox-checkbox {
+	margin-left: 4px;
+}
+.tox[dir='rtl'] .tox-checkbox__label {
+	margin-right: 4px;
+}
+.tox[dir='rtl'] .tox-checkbox__input {
+	right: -10000px;
+}
+.tox[dir='rtl'] .tox-bar .tox-checkbox {
+	margin-right: 4px;
+}
+.tox .tox-collection--toolbar .tox-collection__group {
+	display: flex;
+	padding: 0;
+}
+.tox .tox-collection--grid .tox-collection__group {
+	display: flex;
+	flex-wrap: wrap;
+	max-height: 208px;
+	overflow-x: hidden;
+	overflow-y: auto;
+	padding: 0;
+}
+.tox .tox-collection--list .tox-collection__group {
+	border-bottom-width: 0;
+	border-color: rgba(255, 255, 255, 0.15);
+	border-left-width: 0;
+	border-right-width: 0;
+	border-style: solid;
+	border-top-width: 1px;
+	padding: 4px 0;
+}
+.tox .tox-collection--list .tox-collection__group:first-child {
+	border-top-width: 0;
+}
+.tox .tox-collection__group-heading {
+	background-color: rgba(255, 255, 255, 0.15);
+	color: rgba(255, 255, 255, 0.5);
+	cursor: default;
+	font-size: 12px;
+	font-style: normal;
+	font-weight: 400;
+	margin-bottom: 4px;
+	margin-top: -4px;
+	padding: 4px 8px;
+	text-transform: none;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.tox .tox-collection__item {
+	align-items: center;
+	border-radius: 3px;
+	color: #fff;
+	display: flex;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.tox .tox-collection--list .tox-collection__item {
+	padding: 4px 8px;
+}
+.tox .tox-collection--toolbar .tox-collection__item {
+	border-radius: 3px;
+	padding: 4px;
+}
+.tox .tox-collection--grid .tox-collection__item {
+	border-radius: 3px;
+	padding: 4px;
+}
+.tox .tox-collection--list .tox-collection__item--enabled {
+	background-color: #2b3b4e;
+	color: #fff;
+}
+.tox .tox-collection--list .tox-collection__item--active {
+	background-color: #3389ec;
+}
+.tox .tox-collection--toolbar .tox-collection__item--enabled {
+	background-color: #599fef;
+	color: #fff;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active {
+	background-color: #3389ec;
+}
+.tox .tox-collection--grid .tox-collection__item--enabled {
+	background-color: #599fef;
+	color: #fff;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	background-color: #3389ec;
+	color: #fff;
+}
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	color: #fff;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	color: #fff;
+}
+.tox .tox-collection__item-checkmark,
+.tox .tox-collection__item-icon {
+	align-items: center;
+	display: flex;
+	height: 24px;
+	justify-content: center;
+	width: 24px;
+}
+.tox .tox-collection__item-checkmark svg,
+.tox .tox-collection__item-icon svg {
+	fill: currentColor;
+}
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+	height: 48px;
+	width: 48px;
+}
+.tox .tox-collection__item-label {
+	color: currentColor;
+	display: inline-block;
+	flex: 1;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 24px;
+	text-transform: none;
+	word-break: break-all;
+}
+.tox .tox-collection__item-accessory {
+	color: rgba(255, 255, 255, 0.5);
+	display: inline-block;
+	font-size: 14px;
+	height: 24px;
+	line-height: 24px;
+	text-transform: none;
+}
+.tox .tox-collection__item-caret {
+	align-items: center;
+	display: flex;
+	min-height: 24px;
+}
+.tox .tox-collection__item-caret::after {
+	content: '';
+	font-size: 0;
+	min-height: inherit;
+}
+.tox .tox-collection__item-caret svg {
+	fill: #fff;
+}
+.tox .tox-collection__item--state-disabled {
+	background-color: transparent;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox
+	.tox-collection--list
+	.tox-collection__item:not(.tox-collection__item--enabled)
+	.tox-collection__item-checkmark
+	svg {
+	display: none;
+}
+.tox
+	.tox-collection--list
+	.tox-collection__item:not(.tox-collection__item--enabled)
+	.tox-collection__item-accessory
+	+ .tox-collection__item-checkmark {
+	display: none;
+}
+.tox .tox-collection--horizontal {
+	background-color: #2b3b4e;
+	border: 1px solid rgba(255, 255, 255, 0.15);
+	border-radius: 6px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: nowrap;
+	margin-bottom: 0;
+	overflow-x: auto;
+	padding: 0;
+}
+.tox .tox-collection--horizontal .tox-collection__group {
+	align-items: center;
+	display: flex;
+	flex-wrap: nowrap;
+	margin: 0;
+	padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item {
+	height: 28px;
+	margin: 6px 1px 5px 0;
+	padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item-label {
+	white-space: nowrap;
+}
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+	margin-left: 4px;
+}
+.tox .tox-collection__item-container {
+	display: flex;
+}
+.tox .tox-collection__item-container--row {
+	align-items: center;
+	flex: 1 1 auto;
+	flex-direction: row;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+	margin-right: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+	justify-content: flex-end;
+	margin-left: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+	align-items: flex-start;
+	margin-bottom: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+	align-items: center;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+	align-items: flex-end;
+	margin-top: auto;
+}
+.tox .tox-collection__item-container--column {
+	align-self: center;
+	flex: 1 1 auto;
+	flex-direction: column;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+	align-items: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+	align-items: flex-end;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+	align-self: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+	align-self: center;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+	align-self: flex-end;
+}
+.tox:not([dir='rtl']) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+	border-right: 1px solid transparent;
+}
+.tox:not([dir='rtl']) .tox-collection--list .tox-collection__item > :not(:first-child) {
+	margin-left: 8px;
+}
+.tox:not([dir='rtl']) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+	margin-left: 4px;
+}
+.tox:not([dir='rtl']) .tox-collection__item-accessory {
+	margin-left: 16px;
+	text-align: right;
+}
+.tox:not([dir='rtl']) .tox-collection .tox-collection__item-caret {
+	margin-left: 16px;
+}
+.tox[dir='rtl'] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+	border-left: 1px solid transparent;
+}
+.tox[dir='rtl'] .tox-collection--list .tox-collection__item > :not(:first-child) {
+	margin-right: 8px;
+}
+.tox[dir='rtl'] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+	margin-right: 4px;
+}
+.tox[dir='rtl'] .tox-collection__item-accessory {
+	margin-right: 16px;
+	text-align: left;
+}
+.tox[dir='rtl'] .tox-collection .tox-collection__item-caret {
+	margin-right: 16px;
+	transform: rotateY(180deg);
+}
+.tox[dir='rtl'] .tox-collection--horizontal .tox-collection__item-caret {
+	margin-right: 4px;
+}
+.tox .tox-color-picker-container {
+	display: flex;
+	flex-direction: row;
+	height: 225px;
+	margin: 0;
+}
+.tox .tox-sv-palette {
+	box-sizing: border-box;
+	display: flex;
+	height: 100%;
+}
+.tox .tox-sv-palette-spectrum {
+	height: 100%;
+}
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+	width: 225px;
+}
+.tox .tox-sv-palette-thumb {
+	background: 0 0;
+	border: 1px solid #000;
+	border-radius: 50%;
+	box-sizing: content-box;
+	height: 12px;
+	position: absolute;
+	width: 12px;
+}
+.tox .tox-sv-palette-inner-thumb {
+	border: 1px solid #fff;
+	border-radius: 50%;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+}
+.tox .tox-hue-slider {
+	box-sizing: border-box;
+	height: 100%;
+	width: 25px;
+}
+.tox .tox-hue-slider-spectrum {
+	background: linear-gradient(
+		to bottom,
+		red,
+		#ff0080,
+		#f0f,
+		#8000ff,
+		#00f,
+		#0080ff,
+		#0ff,
+		#00ff80,
+		#0f0,
+		#80ff00,
+		#ff0,
+		#ff8000,
+		red
+	);
+	height: 100%;
+	width: 100%;
+}
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+	width: 20px;
+}
+.tox .tox-hue-slider-thumb {
+	background: #fff;
+	border: 1px solid #000;
+	box-sizing: content-box;
+	height: 4px;
+	width: 100%;
+}
+.tox .tox-rgb-form {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+.tox .tox-rgb-form div {
+	align-items: center;
+	display: flex;
+	justify-content: space-between;
+	margin-bottom: 5px;
+	width: inherit;
+}
+.tox .tox-rgb-form input {
+	width: 6em;
+}
+.tox .tox-rgb-form input.tox-invalid {
+	border: 1px solid red !important;
+}
+.tox .tox-rgb-form .tox-rgba-preview {
+	border: 1px solid #000;
+	flex-grow: 2;
+	margin-bottom: 0;
+}
+.tox:not([dir='rtl']) .tox-sv-palette {
+	margin-right: 15px;
+}
+.tox:not([dir='rtl']) .tox-hue-slider {
+	margin-right: 15px;
+}
+.tox:not([dir='rtl']) .tox-hue-slider-thumb {
+	margin-left: -1px;
+}
+.tox:not([dir='rtl']) .tox-rgb-form label {
+	margin-right: 0.5em;
+}
+.tox[dir='rtl'] .tox-sv-palette {
+	margin-left: 15px;
+}
+.tox[dir='rtl'] .tox-hue-slider {
+	margin-left: 15px;
+}
+.tox[dir='rtl'] .tox-hue-slider-thumb {
+	margin-right: -1px;
+}
+.tox[dir='rtl'] .tox-rgb-form label {
+	margin-left: 0.5em;
+}
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches {
+	margin: 5px 0 6px 11px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+	border: 0;
+	margin: -4px -4px;
+}
+.tox .tox-swatches__row {
+	display: flex;
+}
+.tox .tox-swatch {
+	height: 30px;
+	transition: transform 0.15s, box-shadow 0.15s;
+	width: 30px;
+}
+.tox .tox-swatch:focus,
+.tox .tox-swatch:hover {
+	box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+	transform: scale(0.8);
+}
+.tox .tox-swatch--remove {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+}
+.tox .tox-swatch--remove svg path {
+	stroke: #e74c3c;
+}
+.tox .tox-swatches__picker-btn {
+	align-items: center;
+	background-color: transparent;
+	border: 0;
+	cursor: pointer;
+	display: flex;
+	height: 30px;
+	justify-content: center;
+	outline: 0;
+	padding: 0;
+	width: 30px;
+}
+.tox .tox-swatches__picker-btn svg {
+	fill: #fff;
+	height: 24px;
+	width: 24px;
+}
+.tox .tox-swatches__picker-btn:hover {
+	background: #3389ec;
+}
+.tox:not([dir='rtl']) .tox-swatches__picker-btn {
+	margin-left: auto;
+}
+.tox[dir='rtl'] .tox-swatches__picker-btn {
+	margin-right: auto;
+}
+.tox .tox-comment-thread {
+	background: #2b3b4e;
+	position: relative;
+}
+.tox .tox-comment-thread > :not(:first-child) {
+	margin-top: 8px;
+}
+.tox .tox-comment {
+	background: #2b3b4e;
+	border: 1px solid #161f29;
+	border-radius: 6px;
+	box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+	padding: 8px 8px 16px 8px;
+	position: relative;
+}
+.tox .tox-comment__header {
+	align-items: center;
+	color: #fff;
+	display: flex;
+	justify-content: space-between;
+}
+.tox .tox-comment__date {
+	color: rgba(255, 255, 255, 0.5);
+	font-size: 12px;
+}
+.tox .tox-comment__body {
+	color: #fff;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 1.3;
+	margin-top: 8px;
+	position: relative;
+	text-transform: initial;
+}
+.tox .tox-comment__body textarea {
+	resize: none;
+	white-space: normal;
+	width: 100%;
+}
+.tox .tox-comment__expander {
+	padding-top: 8px;
+}
+.tox .tox-comment__expander p {
+	color: rgba(255, 255, 255, 0.5);
+	font-size: 14px;
+	font-style: normal;
+}
+.tox .tox-comment__body p {
+	margin: 0;
+}
+.tox .tox-comment__buttonspacing {
+	padding-top: 16px;
+	text-align: center;
+}
+.tox .tox-comment-thread__overlay::after {
+	background: #2b3b4e;
+	bottom: 0;
+	content: '';
+	display: flex;
+	left: 0;
+	opacity: 0.9;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 5;
+}
+.tox .tox-comment__reply {
+	display: flex;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	margin-top: 8px;
+}
+.tox .tox-comment__reply > :first-child {
+	margin-bottom: 8px;
+	width: 100%;
+}
+.tox .tox-comment__edit {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	margin-top: 16px;
+}
+.tox .tox-comment__gradient::after {
+	background: linear-gradient(rgba(43, 59, 78, 0), #2b3b4e);
+	bottom: 0;
+	content: '';
+	display: block;
+	height: 5em;
+	margin-top: -40px;
+	position: absolute;
+	width: 100%;
+}
+.tox .tox-comment__overlay {
+	background: #2b3b4e;
+	bottom: 0;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	left: 0;
+	opacity: 0.9;
+	position: absolute;
+	right: 0;
+	text-align: center;
+	top: 0;
+	z-index: 5;
+}
+.tox .tox-comment__loading-text {
+	align-items: center;
+	color: #fff;
+	display: flex;
+	flex-direction: column;
+	position: relative;
+}
+.tox .tox-comment__loading-text > div {
+	padding-bottom: 16px;
+}
+.tox .tox-comment__overlaytext {
+	bottom: 0;
+	flex-direction: column;
+	font-size: 14px;
+	left: 0;
+	padding: 1em;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 10;
+}
+.tox .tox-comment__overlaytext p {
+	background-color: #2b3b4e;
+	box-shadow: 0 0 8px 8px #2b3b4e;
+	color: #fff;
+	text-align: center;
+}
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+	font-size: 0.8em;
+}
+.tox .tox-comment__busy-spinner {
+	align-items: center;
+	background-color: #2b3b4e;
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 20;
+}
+.tox .tox-comment__scroll {
+	display: flex;
+	flex-direction: column;
+	flex-shrink: 1;
+	overflow: auto;
+}
+.tox .tox-conversations {
+	margin: 8px;
+}
+.tox:not([dir='rtl']) .tox-comment__edit {
+	margin-left: 8px;
+}
+.tox:not([dir='rtl']) .tox-comment__buttonspacing > :last-child,
+.tox:not([dir='rtl']) .tox-comment__edit > :last-child,
+.tox:not([dir='rtl']) .tox-comment__reply > :last-child {
+	margin-left: 8px;
+}
+.tox[dir='rtl'] .tox-comment__edit {
+	margin-right: 8px;
+}
+.tox[dir='rtl'] .tox-comment__buttonspacing > :last-child,
+.tox[dir='rtl'] .tox-comment__edit > :last-child,
+.tox[dir='rtl'] .tox-comment__reply > :last-child {
+	margin-right: 8px;
+}
+.tox .tox-user {
+	align-items: center;
+	display: flex;
+}
+.tox .tox-user__avatar svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-user__name {
+	color: rgba(255, 255, 255, 0.5);
+	font-size: 12px;
+	font-style: normal;
+	font-weight: 700;
+	text-transform: uppercase;
+}
+.tox:not([dir='rtl']) .tox-user__avatar svg {
+	margin-right: 8px;
+}
+.tox:not([dir='rtl']) .tox-user__avatar + .tox-user__name {
+	margin-left: 8px;
+}
+.tox[dir='rtl'] .tox-user__avatar svg {
+	margin-left: 8px;
+}
+.tox[dir='rtl'] .tox-user__avatar + .tox-user__name {
+	margin-right: 8px;
+}
+.tox .tox-dialog-wrap {
+	align-items: center;
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: fixed;
+	right: 0;
+	top: 0;
+	z-index: 1100;
+}
+.tox .tox-dialog-wrap__backdrop {
+	background-color: rgba(34, 47, 62, 0.75);
+	bottom: 0;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 1;
+}
+.tox .tox-dialog-wrap__backdrop--opaque {
+	background-color: #222f3e;
+}
+.tox .tox-dialog {
+	background-color: #2b3b4e;
+	border-color: #161f29;
+	border-radius: 10px;
+	border-style: solid;
+	border-width: 0;
+	box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+	display: flex;
+	flex-direction: column;
+	max-height: 100%;
+	max-width: 480px;
+	overflow: hidden;
+	position: relative;
+	width: 95vw;
+	z-index: 2;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog {
+		align-self: flex-start;
+		margin: 8px auto;
+		width: calc(100vw - 16px);
+	}
+}
+.tox .tox-dialog-inline {
+	z-index: 1100;
+}
+.tox .tox-dialog__header {
+	align-items: center;
+	background-color: #2b3b4e;
+	border-bottom: none;
+	color: #fff;
+	display: flex;
+	font-size: 16px;
+	justify-content: space-between;
+	padding: 8px 16px 0 16px;
+	position: relative;
+}
+.tox .tox-dialog__header .tox-button {
+	z-index: 1;
+}
+.tox .tox-dialog__draghandle {
+	cursor: grab;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.tox .tox-dialog__draghandle:active {
+	cursor: grabbing;
+}
+.tox .tox-dialog__dismiss {
+	margin-left: auto;
+}
+.tox .tox-dialog__title {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 20px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 1.3;
+	margin: 0;
+	text-transform: none;
+}
+.tox .tox-dialog__body {
+	color: #fff;
+	display: flex;
+	flex: 1;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 1.3;
+	min-width: 0;
+	text-align: left;
+	text-transform: none;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog__body {
+		flex-direction: column;
+	}
+}
+.tox .tox-dialog__body-nav {
+	align-items: flex-start;
+	display: flex;
+	flex-direction: column;
+	padding: 16px 16px;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+		flex-direction: row;
+		-webkit-overflow-scrolling: touch;
+		overflow-x: auto;
+		padding-bottom: 0;
+	}
+}
+.tox .tox-dialog__body-nav-item {
+	border-bottom: 2px solid transparent;
+	color: rgba(255, 255, 255, 0.5);
+	display: inline-block;
+	font-size: 14px;
+	line-height: 1.3;
+	margin-bottom: 8px;
+	text-decoration: none;
+	white-space: nowrap;
+}
+.tox .tox-dialog__body-nav-item:focus {
+	background-color: rgba(0, 108, 231, 0.1);
+}
+.tox .tox-dialog__body-nav-item--active {
+	border-bottom: 2px solid #006ce7;
+	color: #006ce7;
+}
+.tox .tox-dialog__body-content {
+	box-sizing: border-box;
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	max-height: 650px;
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
+	padding: 16px 16px;
+}
+.tox .tox-dialog__body-content > * {
+	margin-bottom: 0;
+	margin-top: 16px;
+}
+.tox .tox-dialog__body-content > :first-child {
+	margin-top: 0;
+}
+.tox .tox-dialog__body-content > :last-child {
+	margin-bottom: 0;
+}
+.tox .tox-dialog__body-content > :only-child {
+	margin-bottom: 0;
+	margin-top: 0;
+}
+.tox .tox-dialog__body-content a {
+	color: #006ce7;
+	cursor: pointer;
+	text-decoration: none;
+}
+.tox .tox-dialog__body-content a:focus,
+.tox .tox-dialog__body-content a:hover {
+	color: #0054b4;
+	text-decoration: none;
+}
+.tox .tox-dialog__body-content a:active {
+	color: #0054b4;
+	text-decoration: none;
+}
+.tox .tox-dialog__body-content svg {
+	fill: #fff;
+}
+.tox .tox-dialog__body-content ul {
+	display: block;
+	list-style-type: disc;
+	margin-bottom: 16px;
+	margin-inline-end: 0;
+	margin-inline-start: 0;
+	padding-inline-start: 2.5rem;
+}
+.tox .tox-dialog__body-content .tox-form__group h1 {
+	color: #fff;
+	font-size: 20px;
+	font-style: normal;
+	font-weight: 700;
+	letter-spacing: normal;
+	margin-bottom: 16px;
+	margin-top: 2rem;
+	text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group h2 {
+	color: #fff;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: 700;
+	letter-spacing: normal;
+	margin-bottom: 16px;
+	margin-top: 2rem;
+	text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group p {
+	margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+	margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+	margin-bottom: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+	margin-bottom: 0;
+	margin-top: 0;
+}
+.tox .tox-dialog--width-lg {
+	height: 650px;
+	max-width: 1200px;
+}
+.tox .tox-dialog--width-md {
+	max-width: 800px;
+}
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+	overflow: auto;
+}
+.tox .tox-dialog__body-content--centered {
+	text-align: center;
+}
+.tox .tox-dialog__footer {
+	align-items: center;
+	background-color: #2b3b4e;
+	border-top: none;
+	display: flex;
+	justify-content: space-between;
+	padding: 8px 16px;
+}
+.tox .tox-dialog__footer-end,
+.tox .tox-dialog__footer-start {
+	display: flex;
+}
+.tox .tox-dialog__busy-spinner {
+	align-items: center;
+	background-color: rgba(34, 47, 62, 0.75);
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 3;
+}
+.tox .tox-dialog__table {
+	border-collapse: collapse;
+	width: 100%;
+}
+.tox .tox-dialog__table thead th {
+	font-weight: 700;
+	padding-bottom: 8px;
+}
+.tox .tox-dialog__table tbody tr {
+	border-bottom: 1px solid #161f29;
+}
+.tox .tox-dialog__table tbody tr:last-child {
+	border-bottom: none;
+}
+.tox .tox-dialog__table td {
+	padding-bottom: 8px;
+	padding-top: 8px;
+}
+.tox .tox-dialog__popups {
+	position: absolute;
+	width: 100%;
+	z-index: 1100;
+}
+.tox .tox-dialog__body-iframe {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+.tox .tox-dialog__body-iframe .tox-navobj {
+	display: flex;
+	flex: 1;
+}
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+	flex: 1;
+	height: 100%;
+}
+.tox .tox-dialog-dock-fadeout {
+	opacity: 0;
+	visibility: hidden;
+}
+.tox .tox-dialog-dock-fadein {
+	opacity: 1;
+	visibility: visible;
+}
+.tox .tox-dialog-dock-transition {
+	transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+	transition-delay: 0s;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav {
+		margin-right: 0;
+	}
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav-item:not(:first-child) {
+		margin-left: 8px;
+	}
+}
+.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-end > *,
+.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-start > * {
+	margin-left: 8px;
+}
+.tox[dir='rtl'] .tox-dialog__body {
+	text-align: right;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav {
+		margin-left: 0;
+	}
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav-item:not(:first-child) {
+		margin-right: 8px;
+	}
+}
+.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-end > *,
+.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-start > * {
+	margin-right: 8px;
+}
+body.tox-dialog__disable-scroll {
+	overflow: hidden;
+}
+.tox .tox-dropzone-container {
+	display: flex;
+	flex: 1;
+}
+.tox .tox-dropzone {
+	align-items: center;
+	background: #fff;
+	border: 2px dashed #161f29;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	justify-content: center;
+	min-height: 100px;
+	padding: 10px;
+}
+.tox .tox-dropzone p {
+	color: rgba(255, 255, 255, 0.5);
+	margin: 0 0 16px 0;
+}
+.tox .tox-edit-area {
+	display: flex;
+	flex: 1;
+	overflow: hidden;
+	position: relative;
+}
+.tox .tox-edit-area__iframe {
+	background-color: #fff;
+	border: 0;
+	box-sizing: border-box;
+	flex: 1;
+	height: 100%;
+	position: absolute;
+	width: 100%;
+}
+.tox.tox-inline-edit-area {
+	border: 1px dotted #161f29;
+}
+.tox .tox-editor-container {
+	display: flex;
+	flex: 1 1 auto;
+	flex-direction: column;
+	overflow: hidden;
+}
+.tox .tox-editor-header {
+	z-index: 1;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+	background-color: #222f3e;
+	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+	box-shadow: none;
+	padding: 4px 0;
+	transition: box-shadow 0.5s;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+	border-top: 1px solid rgba(255, 255, 255, 0.15);
+	box-shadow: none;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
+	background-color: #222f3e;
+	box-shadow: none;
+	padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+	box-shadow: none;
+}
+.tox-editor-dock-fadeout {
+	opacity: 0;
+	visibility: hidden;
+}
+.tox-editor-dock-fadein {
+	opacity: 1;
+	visibility: visible;
+}
+.tox-editor-dock-transition {
+	transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+	transition-delay: 0s;
+}
+.tox .tox-control-wrap {
+	flex: 1;
+	position: relative;
+}
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+	display: none;
+}
+.tox .tox-control-wrap svg {
+	display: block;
+}
+.tox .tox-control-wrap__status-icon-wrap {
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.tox .tox-control-wrap__status-icon-invalid svg {
+	fill: #c00;
+}
+.tox .tox-control-wrap__status-icon-unknown svg {
+	fill: orange;
+}
+.tox .tox-control-wrap__status-icon-valid svg {
+	fill: green;
+}
+.tox:not([dir='rtl']) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir='rtl']) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir='rtl']) .tox-control-wrap--status-valid .tox-textfield {
+	padding-right: 32px;
+}
+.tox:not([dir='rtl']) .tox-control-wrap__status-icon-wrap {
+	right: 4px;
+}
+.tox[dir='rtl'] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir='rtl'] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir='rtl'] .tox-control-wrap--status-valid .tox-textfield {
+	padding-left: 32px;
+}
+.tox[dir='rtl'] .tox-control-wrap__status-icon-wrap {
+	left: 4px;
+}
+.tox .tox-autocompleter {
+	max-width: 25em;
+}
+.tox .tox-autocompleter .tox-menu {
+	border-color: #161f29;
+	box-shadow: none;
+	max-width: 25em;
+}
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+	font-weight: 700;
+}
+.tox .tox-color-input {
+	display: flex;
+	position: relative;
+	z-index: 1;
+}
+.tox .tox-color-input .tox-textfield {
+	z-index: -1;
+}
+.tox .tox-color-input span {
+	border-color: rgba(34, 47, 62, 0.2);
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	height: 24px;
+	position: absolute;
+	top: 6px;
+	width: 24px;
+}
+.tox .tox-color-input span:focus:not([aria-disabled='true']),
+.tox .tox-color-input span:hover:not([aria-disabled='true']) {
+	border-color: #006ce7;
+	cursor: pointer;
+}
+.tox .tox-color-input span::before {
+	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%),
+		linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%),
+		linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%),
+		linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%);
+	background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+	background-size: 12px 12px;
+	border: 1px solid #2b3b4e;
+	border-radius: 6px;
+	box-sizing: border-box;
+	content: '';
+	height: 24px;
+	left: -1px;
+	position: absolute;
+	top: -1px;
+	width: 24px;
+	z-index: -1;
+}
+.tox .tox-color-input span[aria-disabled='true'] {
+	cursor: not-allowed;
+}
+.tox:not([dir='rtl']) .tox-color-input .tox-textfield {
+	padding-left: 36px;
+}
+.tox:not([dir='rtl']) .tox-color-input span {
+	left: 6px;
+}
+.tox[dir='rtl'] .tox-color-input .tox-textfield {
+	padding-right: 36px;
+}
+.tox[dir='rtl'] .tox-color-input span {
+	right: 6px;
+}
+.tox .tox-label,
+.tox .tox-toolbar-label {
+	color: rgba(255, 255, 255, 0.5);
+	display: block;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 1.3;
+	padding: 0 8px 0 0;
+	text-transform: none;
+	white-space: nowrap;
+}
+.tox .tox-toolbar-label {
+	padding: 0 8px;
+}
+.tox[dir='rtl'] .tox-label {
+	padding: 0 0 0 8px;
+}
+.tox .tox-form {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+.tox .tox-form__group {
+	box-sizing: border-box;
+	margin-bottom: 4px;
+}
+.tox .tox-form-group--maximize {
+	flex: 1;
+}
+.tox .tox-form__group--error {
+	color: #c00;
+}
+.tox .tox-form__group--collection {
+	display: flex;
+}
+.tox .tox-form__grid {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+.tox .tox-form__grid--2col > .tox-form__group {
+	width: calc(50% - (8px / 2));
+}
+.tox .tox-form__grid--3col > .tox-form__group {
+	width: calc(100% / 3 - (8px / 2));
+}
+.tox .tox-form__grid--4col > .tox-form__group {
+	width: calc(25% - (8px / 2));
+}
+.tox .tox-form__controls-h-stack {
+	align-items: center;
+	display: flex;
+}
+.tox .tox-form__group--inline {
+	align-items: center;
+	display: flex;
+}
+.tox .tox-form__group--stretched {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+.tox .tox-form__group--stretched .tox-textarea {
+	flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj {
+	display: flex;
+	flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+	flex: 1;
+	height: 100%;
+}
+.tox:not([dir='rtl']) .tox-form__controls-h-stack > :not(:first-child) {
+	margin-left: 4px;
+}
+.tox[dir='rtl'] .tox-form__controls-h-stack > :not(:first-child) {
+	margin-right: 4px;
+}
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+	display: none;
+}
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea,
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	background-color: #2b3b4e;
+	border-color: #161f29;
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #fff;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 16px;
+	line-height: 24px;
+	margin: 0;
+	min-height: 34px;
+	outline: 0;
+	padding: 5px 5.5px;
+	resize: none;
+	width: 100%;
+}
+.tox .tox-textarea[disabled],
+.tox .tox-textfield[disabled] {
+	background-color: #222f3e;
+	color: rgba(255, 255, 255, 0.85);
+	cursor: not-allowed;
+}
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea:focus,
+.tox .tox-textfield:focus {
+	background-color: #2b3b4e;
+	border-color: #006ce7;
+	box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
+	outline: 0;
+}
+.tox .tox-toolbar-textfield {
+	border-width: 0;
+	margin-bottom: 3px;
+	margin-top: 2px;
+	max-width: 250px;
+}
+.tox .tox-naked-btn {
+	background-color: transparent;
+	border: 0;
+	border-color: transparent;
+	box-shadow: unset;
+	color: #006ce7;
+	cursor: pointer;
+	display: block;
+	margin: 0;
+	padding: 0;
+}
+.tox .tox-naked-btn svg {
+	display: block;
+	fill: #fff;
+}
+.tox:not([dir='rtl']) .tox-toolbar-textfield + * {
+	margin-left: 4px;
+}
+.tox[dir='rtl'] .tox-toolbar-textfield + * {
+	margin-right: 4px;
+}
+.tox .tox-listboxfield {
+	cursor: pointer;
+	position: relative;
+}
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+	background-color: #19232e;
+	color: rgba(255, 255, 255, 0.85);
+	cursor: not-allowed;
+}
+.tox .tox-listbox__select-label {
+	cursor: default;
+	flex: 1;
+	margin: 0 4px;
+}
+.tox .tox-listbox__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+}
+.tox .tox-listbox__select-chevron svg {
+	fill: #fff;
+}
+.tox .tox-listboxfield .tox-listbox--select {
+	align-items: center;
+	display: flex;
+}
+.tox:not([dir='rtl']) .tox-listboxfield svg {
+	right: 8px;
+}
+.tox[dir='rtl'] .tox-listboxfield svg {
+	left: 8px;
+}
+.tox .tox-selectfield {
+	cursor: pointer;
+	position: relative;
+}
+.tox .tox-selectfield select {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	background-color: #2b3b4e;
+	border-color: #161f29;
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #fff;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 16px;
+	line-height: 24px;
+	margin: 0;
+	min-height: 34px;
+	outline: 0;
+	padding: 5px 5.5px;
+	resize: none;
+	width: 100%;
+}
+.tox .tox-selectfield select[disabled] {
+	background-color: #19232e;
+	color: rgba(255, 255, 255, 0.85);
+	cursor: not-allowed;
+}
+.tox .tox-selectfield select::-ms-expand {
+	display: none;
+}
+.tox .tox-selectfield select:focus {
+	background-color: #2b3b4e;
+	border-color: #006ce7;
+	box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
+	outline: 0;
+}
+.tox .tox-selectfield svg {
+	pointer-events: none;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.tox:not([dir='rtl']) .tox-selectfield select[size='0'],
+.tox:not([dir='rtl']) .tox-selectfield select[size='1'] {
+	padding-right: 24px;
+}
+.tox:not([dir='rtl']) .tox-selectfield svg {
+	right: 8px;
+}
+.tox[dir='rtl'] .tox-selectfield select[size='0'],
+.tox[dir='rtl'] .tox-selectfield select[size='1'] {
+	padding-left: 24px;
+}
+.tox[dir='rtl'] .tox-selectfield svg {
+	left: 8px;
+}
+.tox .tox-textarea {
+	-webkit-appearance: textarea;
+	-moz-appearance: textarea;
+	appearance: textarea;
+	white-space: pre-wrap;
+}
+.tox-fullscreen {
+	border: 0;
+	height: 100%;
+	margin: 0;
+	overflow: hidden;
+	overscroll-behavior: none;
+	padding: 0;
+	touch-action: pinch-zoom;
+	width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+	display: none;
+}
+.tox-shadowhost.tox-fullscreen,
+.tox.tox-tinymce.tox-fullscreen {
+	left: 0;
+	position: fixed;
+	top: 0;
+	z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+	background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+	z-index: 1201;
+}
+.tox .tox-help__more-link {
+	list-style: none;
+	margin-top: 1em;
+}
+.tox .tox-imagepreview {
+	background-color: #666;
+	height: 380px;
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+}
+.tox .tox-imagepreview.tox-imagepreview__loaded {
+	overflow: auto;
+}
+.tox .tox-imagepreview__container {
+	display: flex;
+	left: 100vw;
+	position: absolute;
+	top: 100vw;
+}
+.tox .tox-imagepreview__image {
+	background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+.tox .tox-image-tools .tox-spacer {
+	flex: 1;
+}
+.tox .tox-image-tools .tox-bar {
+	align-items: center;
+	display: flex;
+	height: 60px;
+	justify-content: center;
+}
+.tox .tox-image-tools .tox-imagepreview,
+.tox .tox-image-tools .tox-imagepreview + .tox-bar {
+	margin-top: 8px;
+}
+.tox .tox-image-tools .tox-croprect-block {
+	background: #000;
+	opacity: 0.5;
+	position: absolute;
+	zoom: 1;
+}
+.tox .tox-image-tools .tox-croprect-handle {
+	border: 2px solid #fff;
+	height: 20px;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 20px;
+}
+.tox .tox-image-tools .tox-croprect-handle-move {
+	border: 0;
+	cursor: move;
+	position: absolute;
+}
+.tox .tox-image-tools .tox-croprect-handle-nw {
+	border-width: 2px 0 0 2px;
+	cursor: nw-resize;
+	left: 100px;
+	margin: -2px 0 0 -2px;
+	top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-ne {
+	border-width: 2px 2px 0 0;
+	cursor: ne-resize;
+	left: 200px;
+	margin: -2px 0 0 -20px;
+	top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-sw {
+	border-width: 0 0 2px 2px;
+	cursor: sw-resize;
+	left: 100px;
+	margin: -20px 2px 0 -2px;
+	top: 200px;
+}
+.tox .tox-image-tools .tox-croprect-handle-se {
+	border-width: 0 2px 2px 0;
+	cursor: se-resize;
+	left: 200px;
+	margin: -20px 0 0 -20px;
+	top: 200px;
+}
+.tox .tox-insert-table-picker {
+	display: flex;
+	flex-wrap: wrap;
+	width: 170px;
+}
+.tox .tox-insert-table-picker > div {
+	border-color: rgba(255, 255, 255, 0.15);
+	border-style: solid;
+	border-width: 0 1px 1px 0;
+	box-sizing: border-box;
+	height: 17px;
+	width: 17px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+	margin: -4px -4px;
+}
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+	background-color: rgba(0, 108, 231, 0.5);
+	border-color: rgba(0, 108, 231, 0.5);
+}
+.tox .tox-insert-table-picker__label {
+	color: #fff;
+	display: block;
+	font-size: 14px;
+	padding: 4px;
+	text-align: center;
+	width: 100%;
+}
+.tox:not([dir='rtl']) .tox-insert-table-picker > div:nth-child(10n) {
+	border-right: 0;
+}
+.tox[dir='rtl'] .tox-insert-table-picker > div:nth-child(10n + 1) {
+	border-right: 0;
+}
+.tox .tox-menu {
+	background-color: #2b3b4e;
+	border: 1px solid rgba(255, 255, 255, 0.15);
+	border-radius: 6px;
+	box-shadow: none;
+	display: inline-block;
+	overflow: hidden;
+	vertical-align: top;
+	z-index: 1150;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+	padding: 0 4px;
+}
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+	padding: 8px;
+}
+.tox .tox-menu.tox-collection.tox-collection--grid {
+	padding: 8px;
+}
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code,
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p {
+	margin: 0;
+}
+.tox .tox-menubar {
+	background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='transparent'/%3E%3C/svg%3E")
+		left 0 top 0 #222f3e;
+	background-color: #222f3e;
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	padding: 0 11px 0 12px;
+}
+.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
+	border-top: 1px solid transparent;
+}
+.tox .tox-mbtn {
+	align-items: center;
+	background: 0 0;
+	border: 0;
+	border-radius: 3px;
+	box-shadow: none;
+	color: #fff;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	height: 28px;
+	justify-content: center;
+	margin: 5px 1px 6px 0;
+	outline: 0;
+	overflow: hidden;
+	padding: 0 4px;
+	text-transform: none;
+	width: auto;
+}
+.tox .tox-mbtn[disabled] {
+	background-color: transparent;
+	border: 0;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-mbtn:focus:not(:disabled) {
+	background: #3389ec;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-mbtn--active {
+	background: #599fef;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+	background: #3389ec;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-mbtn__select-label {
+	cursor: default;
+	font-weight: 400;
+	margin: 0 4px;
+}
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+	cursor: not-allowed;
+}
+.tox .tox-mbtn__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+	display: none;
+}
+.tox .tox-notification {
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	display: grid;
+	font-size: 14px;
+	font-weight: 400;
+	grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+	margin-top: 4px;
+	opacity: 0;
+	padding: 4px;
+	transition: transform 0.1s ease-in, opacity 150ms ease-in;
+}
+.tox .tox-notification p {
+	font-size: 14px;
+	font-weight: 400;
+}
+.tox .tox-notification a {
+	cursor: pointer;
+	text-decoration: underline;
+}
+.tox .tox-notification--in {
+	opacity: 1;
+}
+.tox .tox-notification--success {
+	background-color: #334840;
+	border-color: #3c5440;
+	color: #fff;
+}
+.tox .tox-notification--success p {
+	color: #fff;
+}
+.tox .tox-notification--success a {
+	color: #b5d199;
+}
+.tox .tox-notification--success svg {
+	fill: #fff;
+}
+.tox .tox-notification--error {
+	background-color: #442632;
+	border-color: #55212b;
+	color: #fff;
+}
+.tox .tox-notification--error p {
+	color: #fff;
+}
+.tox .tox-notification--error a {
+	color: #e68080;
+}
+.tox .tox-notification--error svg {
+	fill: #fff;
+}
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+	background-color: #222f3e;
+	border-color: rgba(255, 255, 255, 0.15);
+	color: #fff0b3;
+}
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+	color: #fff0b3;
+}
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+	color: #fc0;
+}
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+	fill: #fff0b3;
+}
+.tox .tox-notification--info {
+	background-color: #254161;
+	border-color: #264972;
+	color: #fff;
+}
+.tox .tox-notification--info p {
+	color: #fff;
+}
+.tox .tox-notification--info a {
+	color: #83b7f3;
+}
+.tox .tox-notification--info svg {
+	fill: #fff;
+}
+.tox .tox-notification__body {
+	align-self: center;
+	color: #fff;
+	font-size: 14px;
+	grid-column-end: 3;
+	grid-column-start: 2;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	text-align: center;
+	white-space: normal;
+	word-break: break-all;
+	word-break: break-word;
+}
+.tox .tox-notification__body > * {
+	margin: 0;
+}
+.tox .tox-notification__body > * + * {
+	margin-top: 1rem;
+}
+.tox .tox-notification__icon {
+	align-self: center;
+	grid-column-end: 2;
+	grid-column-start: 1;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	justify-self: end;
+}
+.tox .tox-notification__icon svg {
+	display: block;
+}
+.tox .tox-notification__dismiss {
+	align-self: start;
+	grid-column-end: 4;
+	grid-column-start: 3;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	justify-self: end;
+}
+.tox .tox-notification .tox-progress-bar {
+	grid-column-end: 4;
+	grid-column-start: 1;
+	grid-row-end: 3;
+	grid-row-start: 2;
+	justify-self: center;
+}
+.tox .tox-pop {
+	display: inline-block;
+	position: relative;
+}
+.tox .tox-pop--resizing {
+	transition: width 0.1s ease;
+}
+.tox .tox-pop--resizing .tox-toolbar,
+.tox .tox-pop--resizing .tox-toolbar__group {
+	flex-wrap: nowrap;
+}
+.tox .tox-pop--transition {
+	transition: 0.15s ease;
+	transition-property: left, right, top, bottom;
+}
+.tox .tox-pop--transition::after,
+.tox .tox-pop--transition::before {
+	transition: all 0.15s, visibility 0s, opacity 75ms ease 75ms;
+}
+.tox .tox-pop__dialog {
+	background-color: #222f3e;
+	border: 1px solid #161f29;
+	border-radius: 6px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	min-width: 0;
+	overflow: hidden;
+}
+.tox .tox-pop__dialog > :not(.tox-toolbar) {
+	margin: 4px 4px 4px 8px;
+}
+.tox .tox-pop__dialog .tox-toolbar {
+	background-color: transparent;
+	margin-bottom: -1px;
+}
+.tox .tox-pop::after,
+.tox .tox-pop::before {
+	border-style: solid;
+	content: '';
+	display: block;
+	height: 0;
+	opacity: 1;
+	position: absolute;
+	width: 0;
+}
+.tox .tox-pop.tox-pop--inset::after,
+.tox .tox-pop.tox-pop--inset::before {
+	opacity: 0;
+	transition: all 0s 0.15s, visibility 0s, opacity 75ms ease;
+}
+.tox .tox-pop.tox-pop--bottom::after,
+.tox .tox-pop.tox-pop--bottom::before {
+	left: 50%;
+	top: 100%;
+}
+.tox .tox-pop.tox-pop--bottom::after {
+	border-color: #222f3e transparent transparent transparent;
+	border-width: 8px;
+	margin-left: -8px;
+	margin-top: -1px;
+}
+.tox .tox-pop.tox-pop--bottom::before {
+	border-color: #161f29 transparent transparent transparent;
+	border-width: 9px;
+	margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--top::after,
+.tox .tox-pop.tox-pop--top::before {
+	left: 50%;
+	top: 0;
+	transform: translateY(-100%);
+}
+.tox .tox-pop.tox-pop--top::after {
+	border-color: transparent transparent #222f3e transparent;
+	border-width: 8px;
+	margin-left: -8px;
+	margin-top: 1px;
+}
+.tox .tox-pop.tox-pop--top::before {
+	border-color: transparent transparent #161f29 transparent;
+	border-width: 9px;
+	margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--left::after,
+.tox .tox-pop.tox-pop--left::before {
+	left: 0;
+	top: calc(50% - 1px);
+	transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--left::after {
+	border-color: transparent #222f3e transparent transparent;
+	border-width: 8px;
+	margin-left: -15px;
+}
+.tox .tox-pop.tox-pop--left::before {
+	border-color: transparent #161f29 transparent transparent;
+	border-width: 10px;
+	margin-left: -19px;
+}
+.tox .tox-pop.tox-pop--right::after,
+.tox .tox-pop.tox-pop--right::before {
+	left: 100%;
+	top: calc(50% + 1px);
+	transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--right::after {
+	border-color: transparent transparent transparent #222f3e;
+	border-width: 8px;
+	margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--right::before {
+	border-color: transparent transparent transparent #161f29;
+	border-width: 10px;
+	margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--align-left::after,
+.tox .tox-pop.tox-pop--align-left::before {
+	left: 20px;
+}
+.tox .tox-pop.tox-pop--align-right::after,
+.tox .tox-pop.tox-pop--align-right::before {
+	left: calc(100% - 20px);
+}
+.tox .tox-sidebar-wrap {
+	display: flex;
+	flex-direction: row;
+	flex-grow: 1;
+	min-height: 0;
+}
+.tox .tox-sidebar {
+	background-color: #222f3e;
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-end;
+}
+.tox .tox-sidebar__slider {
+	display: flex;
+	overflow: hidden;
+}
+.tox .tox-sidebar__pane-container {
+	display: flex;
+}
+.tox .tox-sidebar__pane {
+	display: flex;
+}
+.tox .tox-sidebar--sliding-closed {
+	opacity: 0;
+}
+.tox .tox-sidebar--sliding-open {
+	opacity: 1;
+}
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+	transition: width 0.5s ease, opacity 0.5s ease;
+}
+.tox .tox-selector {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	display: inline-block;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+}
+.tox.tox-platform-touch .tox-selector {
+	height: 12px;
+	width: 12px;
+}
+.tox .tox-slider {
+	align-items: center;
+	display: flex;
+	flex: 1;
+	height: 24px;
+	justify-content: center;
+	position: relative;
+}
+.tox .tox-slider__rail {
+	background-color: transparent;
+	border: 1px solid #161f29;
+	border-radius: 6px;
+	height: 10px;
+	min-width: 120px;
+	width: 100%;
+}
+.tox .tox-slider__handle {
+	background-color: #006ce7;
+	border: 2px solid #0054b4;
+	border-radius: 6px;
+	box-shadow: none;
+	height: 24px;
+	left: 50%;
+	position: absolute;
+	top: 50%;
+	transform: translateX(-50%) translateY(-50%);
+	width: 14px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
+	margin-inline-start: 8px;
+}
+.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
+	margin-inline-start: 32px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
+	margin-inline-start: 32px;
+}
+.tox .tox-source-code {
+	overflow: auto;
+}
+.tox .tox-spinner {
+	display: flex;
+}
+.tox .tox-spinner > div {
+	animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+	background-color: rgba(255, 255, 255, 0.5);
+	border-radius: 100%;
+	height: 8px;
+	width: 8px;
+}
+.tox .tox-spinner > div:nth-child(1) {
+	animation-delay: -0.32s;
+}
+.tox .tox-spinner > div:nth-child(2) {
+	animation-delay: -0.16s;
+}
+@keyframes tam-bouncing-dots {
+	0%,
+	100%,
+	80% {
+		transform: scale(0);
+	}
+	40% {
+		transform: scale(1);
+	}
+}
+.tox:not([dir='rtl']) .tox-spinner > div:not(:first-child) {
+	margin-left: 4px;
+}
+.tox[dir='rtl'] .tox-spinner > div:not(:first-child) {
+	margin-right: 4px;
+}
+.tox .tox-statusbar {
+	align-items: center;
+	background-color: #222f3e;
+	border-top: 1px solid rgba(255, 255, 255, 0.15);
+	color: rgba(255, 255, 255, 0.75);
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-weight: 400;
+	height: 25px;
+	overflow: hidden;
+	padding: 0 8px;
+	position: relative;
+	text-transform: none;
+}
+.tox .tox-statusbar__text-container {
+	display: flex;
+	flex: 1 1 auto;
+	justify-content: flex-end;
+	overflow: hidden;
+}
+.tox .tox-statusbar__path {
+	display: flex;
+	flex: 1 1 auto;
+	margin-right: auto;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.tox .tox-statusbar__path > * {
+	display: inline;
+	white-space: nowrap;
+}
+.tox .tox-statusbar__wordcount {
+	flex: 0 0 auto;
+	margin-left: 1ch;
+}
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+	color: rgba(255, 255, 255, 0.75);
+	text-decoration: none;
+}
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled='true']) {
+	color: #fff;
+	cursor: pointer;
+}
+.tox .tox-statusbar__branding svg {
+	fill: rgba(255, 255, 255, 0.8);
+	height: 1.14em;
+	vertical-align: -0.28em;
+	width: 3.6em;
+}
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled='true']) svg,
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled='true']) svg {
+	fill: #fff;
+}
+.tox .tox-statusbar__resize-handle {
+	align-items: flex-end;
+	align-self: stretch;
+	cursor: nwse-resize;
+	display: flex;
+	flex: 0 0 auto;
+	justify-content: flex-end;
+	margin-left: auto;
+	margin-right: -8px;
+	padding-bottom: 3px;
+	padding-left: 1ch;
+	padding-right: 3px;
+}
+.tox .tox-statusbar__resize-handle svg {
+	display: block;
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-statusbar__resize-handle:focus svg {
+	background-color: #434e5b;
+	border-radius: 1px 1px 5px 1px;
+	box-shadow: 0 0 0 2px #434e5b;
+}
+.tox:not([dir='rtl']) .tox-statusbar__path > * {
+	margin-right: 4px;
+}
+.tox:not([dir='rtl']) .tox-statusbar__branding {
+	margin-left: 2ch;
+}
+.tox[dir='rtl'] .tox-statusbar {
+	flex-direction: row-reverse;
+}
+.tox[dir='rtl'] .tox-statusbar__path > * {
+	margin-left: 4px;
+}
+.tox .tox-throbber {
+	z-index: 1299;
+}
+.tox .tox-throbber__busy-spinner {
+	align-items: center;
+	background-color: rgba(34, 47, 62, 0.6);
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+.tox .tox-tbtn {
+	align-items: center;
+	background: 0 0;
+	border: 0;
+	border-radius: 3px;
+	box-shadow: none;
+	color: #fff;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	height: 28px;
+	justify-content: center;
+	margin: 6px 1px 5px 0;
+	outline: 0;
+	overflow: hidden;
+	padding: 0;
+	text-transform: none;
+	width: 34px;
+}
+.tox .tox-tbtn svg {
+	display: block;
+	fill: #fff;
+}
+.tox .tox-tbtn.tox-tbtn-more {
+	padding-left: 5px;
+	padding-right: 5px;
+	width: inherit;
+}
+.tox .tox-tbtn:focus {
+	background: #3389ec;
+	border: 0;
+	box-shadow: none;
+}
+.tox .tox-tbtn:hover {
+	background: #3389ec;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-tbtn:hover svg {
+	fill: #fff;
+}
+.tox .tox-tbtn:active {
+	background: #599fef;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-tbtn:active svg {
+	fill: #fff;
+}
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+	background: 0 0;
+	border: 0;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover {
+	background: #599fef;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-tbtn--enabled:hover > *,
+.tox .tox-tbtn--enabled > * {
+	transform: none;
+}
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg {
+	fill: #fff;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+	color: #fff;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+	fill: #fff;
+}
+.tox .tox-tbtn:active > * {
+	transform: none;
+}
+.tox .tox-tbtn--md {
+	height: 42px;
+	width: 51px;
+}
+.tox .tox-tbtn--lg {
+	flex-direction: column;
+	height: 56px;
+	width: 68px;
+}
+.tox .tox-tbtn--return {
+	align-self: stretch;
+	height: unset;
+	width: 16px;
+}
+.tox .tox-tbtn--labeled {
+	padding: 0 4px;
+	width: unset;
+}
+.tox .tox-tbtn__vlabel {
+	display: block;
+	font-size: 10px;
+	font-weight: 400;
+	letter-spacing: -0.025em;
+	margin-bottom: 4px;
+	white-space: nowrap;
+}
+.tox .tox-tbtn--select {
+	margin: 6px 1px 5px 0;
+	padding: 0 4px;
+	width: auto;
+}
+.tox .tox-tbtn__select-label {
+	cursor: default;
+	font-weight: 400;
+	margin: 0 4px;
+}
+.tox .tox-tbtn__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+}
+.tox .tox-tbtn__select-chevron svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--bespoke {
+	background: #2f4055;
+}
+.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
+	margin-inline-start: 4px;
+}
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: 7em;
+}
+.tox .tox-split-button {
+	border: 0;
+	border-radius: 3px;
+	box-sizing: border-box;
+	display: flex;
+	margin: 6px 1px 5px 0;
+	overflow: hidden;
+}
+.tox .tox-split-button:hover {
+	box-shadow: 0 0 0 1px #3389ec inset;
+}
+.tox .tox-split-button:focus {
+	background: #3389ec;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-split-button > * {
+	border-radius: 0;
+}
+.tox .tox-split-button__chevron {
+	width: 16px;
+}
+.tox .tox-split-button__chevron svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-split-button .tox-tbtn {
+	margin: 0;
+}
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled:hover {
+	background: 0 0;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
+	padding: 0 0;
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
+	width: 30px;
+}
+.tox.tox-platform-touch .tox-split-button__chevron {
+	width: 20px;
+}
+.tox .tox-toolbar-overlord {
+	background-color: #222f3e;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__overflow,
+.tox .tox-toolbar__primary {
+	background-color: #222f3e;
+	background-image: repeating-linear-gradient(rgba(255, 255, 255, 0.15) 0 1px, transparent 1px 39px);
+	background-position: center top 40px;
+	background-repeat: no-repeat;
+	background-size: calc(100% - 11px * 2) calc(100% - 41px);
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	padding: 0 0;
+	transform: perspective(1px);
+}
+.tox .tox-toolbar-overlord > .tox-toolbar,
+.tox .tox-toolbar-overlord > .tox-toolbar__overflow,
+.tox .tox-toolbar-overlord > .tox-toolbar__primary {
+	background-position: center top 0;
+	background-size: calc(100% - 11px * 2) calc(100% - 0px);
+}
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+	height: 0;
+	opacity: 0;
+	padding-bottom: 0;
+	padding-top: 0;
+	visibility: hidden;
+}
+.tox .tox-toolbar__overflow--growing {
+	transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+.tox .tox-toolbar__overflow--shrinking {
+	transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord {
+	border-top: 1px solid transparent;
+	margin-top: 0;
+	padding-bottom: 1px;
+	padding-top: 1px;
+}
+.tox .tox-toolbar--scrolling {
+	flex-wrap: nowrap;
+	overflow-x: auto;
+}
+.tox .tox-pop .tox-toolbar {
+	border-width: 0;
+}
+.tox .tox-toolbar--no-divider {
+	background-image: none;
+}
+.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
+.tox .tox-toolbar-overlord .tox-toolbar__primary {
+	background-position: center top 39px;
+}
+.tox .tox-editor-header > .tox-toolbar--scrolling,
+.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
+	background-image: none;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+	background-color: #222f3e;
+	background-position: center top 43px;
+	background-size: calc(100% - 8px * 2) calc(100% - 51px);
+	border: none;
+	border-radius: 6px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	padding: 4px 0;
+}
+.tox-pop .tox-pop__dialog .tox-toolbar {
+	background-position: center top 43px;
+	background-size: calc(100% - 11px * 2) calc(100% - 51px);
+	padding: 4px 0;
+}
+.tox .tox-toolbar__group {
+	align-items: center;
+	display: flex;
+	flex-wrap: wrap;
+	margin: 0 0;
+	padding: 0 11px 0 12px;
+}
+.tox .tox-toolbar__group--pull-right {
+	margin-left: auto;
+}
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+	flex-shrink: 0;
+	flex-wrap: nowrap;
+}
+.tox:not([dir='rtl']) .tox-toolbar__group:not(:last-of-type) {
+	border-right: 1px solid transparent;
+}
+.tox[dir='rtl'] .tox-toolbar__group:not(:last-of-type) {
+	border-left: 1px solid transparent;
+}
+.tox .tox-tooltip {
+	display: inline-block;
+	padding: 8px;
+	position: relative;
+}
+.tox .tox-tooltip__body {
+	background-color: #3d546f;
+	border-radius: 6px;
+	box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
+	color: rgba(255, 255, 255, 0.75);
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	padding: 4px 8px;
+	text-transform: none;
+}
+.tox .tox-tooltip__arrow {
+	position: absolute;
+}
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+	border-left: 8px solid transparent;
+	border-right: 8px solid transparent;
+	border-top: 8px solid #3d546f;
+	bottom: 0;
+	left: 50%;
+	position: absolute;
+	transform: translateX(-50%);
+}
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+	border-bottom: 8px solid #3d546f;
+	border-left: 8px solid transparent;
+	border-right: 8px solid transparent;
+	left: 50%;
+	position: absolute;
+	top: 0;
+	transform: translateX(-50%);
+}
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+	border-bottom: 8px solid transparent;
+	border-left: 8px solid #3d546f;
+	border-top: 8px solid transparent;
+	position: absolute;
+	right: 0;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+	border-bottom: 8px solid transparent;
+	border-right: 8px solid #3d546f;
+	border-top: 8px solid transparent;
+	left: 0;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.tox .tox-well {
+	border: 1px solid #161f29;
+	border-radius: 6px;
+	padding: 8px;
+	width: 100%;
+}
+.tox .tox-well > :first-child {
+	margin-top: 0;
+}
+.tox .tox-well > :last-child {
+	margin-bottom: 0;
+}
+.tox .tox-well > :only-child {
+	margin: 0;
+}
+.tox .tox-custom-editor {
+	border: 1px solid #161f29;
+	border-radius: 6px;
+	display: flex;
+	flex: 1;
+	position: relative;
+}
+.tox .tox-dialog-loading::before {
+	background-color: rgba(0, 0, 0, 0.5);
+	content: '';
+	height: 100%;
+	position: absolute;
+	width: 100%;
+	z-index: 1000;
+}
+.tox .tox-tab {
+	cursor: pointer;
+}
+.tox .tox-dialog__content-js {
+	display: flex;
+	flex: 1;
+}
+.tox .tox-dialog__body-content .tox-collection {
+	display: flex;
+	flex: 1;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/skin.shadowdom.css b/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/skin.shadowdom.css
new file mode 100644
index 00000000..d9ea82a3
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/skin.shadowdom.css
@@ -0,0 +1,35 @@
+body.tox-dialog__disable-scroll {
+	overflow: hidden;
+}
+
+.tox-fullscreen {
+	border: 0;
+	height: 100%;
+	margin: 0;
+	overflow: hidden;
+	overscroll-behavior: none;
+	padding: 0;
+	touch-action: pinch-zoom;
+	width: 100%;
+}
+
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+	display: none;
+}
+
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+	left: 0;
+	position: fixed;
+	top: 0;
+	z-index: 1200;
+}
+
+.tox.tox-tinymce.tox-fullscreen {
+	background-color: transparent;
+}
+
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+	z-index: 1201;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css b/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css
new file mode 100644
index 00000000..c1141c55
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css
@@ -0,0 +1,30 @@
+body.tox-dialog__disable-scroll {
+	overflow: hidden;
+}
+.tox-fullscreen {
+	border: 0;
+	height: 100%;
+	margin: 0;
+	overflow: hidden;
+	overscroll-behavior: none;
+	padding: 0;
+	touch-action: pinch-zoom;
+	width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+	display: none;
+}
+.tox-shadowhost.tox-fullscreen,
+.tox.tox-tinymce.tox-fullscreen {
+	left: 0;
+	position: fixed;
+	top: 0;
+	z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+	background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+	z-index: 1201;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/oxide/content.css b/src/frontend/admin/public/tinymce/skins/ui/oxide/content.css
new file mode 100644
index 00000000..b81f358d
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/oxide/content.css
@@ -0,0 +1,869 @@
+.mce-content-body .mce-item-anchor {
+	background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+
+.mce-content-body .mce-item-anchor:empty {
+	cursor: default;
+	display: inline-block;
+	height: 12px !important;
+	padding: 0 2px;
+	-webkit-user-modify: read-only;
+	-moz-user-modify: read-only;
+	-webkit-user-select: all;
+	-moz-user-select: all;
+	user-select: all;
+	width: 8px !important;
+}
+
+.mce-content-body .mce-item-anchor:not(:empty) {
+	background-position-x: 2px;
+	display: inline-block;
+	padding-left: 12px;
+}
+
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+	outline-offset: 1px;
+}
+
+.tox-comments-visible .tox-comment {
+	background-color: #fff0b7;
+}
+
+.tox-comments-visible .tox-comment[data-mce-annotation-active='true']:not([data-mce-selected='inline-boundary']) {
+	background-color: #ffe168;
+}
+
+.tox-checklist > li:not(.tox-checklist--hidden) {
+	list-style: none;
+	margin: 0.25em 0;
+}
+
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+	cursor: pointer;
+	height: 1em;
+	margin-left: -1.5em;
+	margin-top: 0.125em;
+	position: absolute;
+	width: 1em;
+}
+
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+}
+
+[dir='rtl'] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+	margin-left: 0;
+	margin-right: -1.5em;
+}
+
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*='language-'],
+pre[class*='language-'] {
+	color: black;
+	background: none;
+	text-shadow: 0 1px white;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+	-moz-tab-size: 4;
+	tab-size: 4;
+	-webkit-hyphens: none;
+	hyphens: none;
+}
+
+pre[class*='language-']::-moz-selection,
+pre[class*='language-'] ::-moz-selection,
+code[class*='language-']::-moz-selection,
+code[class*='language-'] ::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+pre[class*='language-']::selection,
+pre[class*='language-'] ::selection,
+code[class*='language-']::selection,
+code[class*='language-'] ::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+@media print {
+	code[class*='language-'],
+	pre[class*='language-'] {
+		text-shadow: none;
+	}
+}
+
+/* Code blocks */
+pre[class*='language-'] {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+}
+
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+	background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre) > code[class*='language-'] {
+	padding: 0.1em;
+	border-radius: 0.3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: slategray;
+}
+
+.token.punctuation {
+	color: #999;
+}
+
+.token.namespace {
+	opacity: 0.7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+	color: #9a6e3a;
+	/* This background color was intended by the author of this theme. */
+	background: hsla(0, 0%, 100%, 0.5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+
+.token.function,
+.token.class-name {
+	color: #dd4a68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+	color: #e90;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+/* stylelint-enable */
+.mce-content-body {
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+}
+
+.mce-content-body .mce-visual-caret {
+	background-color: black;
+	background-color: currentColor;
+	position: absolute;
+}
+
+.mce-content-body .mce-visual-caret-hidden {
+	display: none;
+}
+
+.mce-content-body *[data-mce-caret] {
+	left: -1000px;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	right: auto;
+	top: 0;
+}
+
+.mce-content-body .mce-offscreen-selection {
+	left: -2000000px;
+	max-width: 1000000px;
+	position: absolute;
+}
+
+.mce-content-body *[contentEditable='false'] {
+	cursor: default;
+}
+
+.mce-content-body *[contentEditable='true'] {
+	cursor: text;
+}
+
+.tox-cursor-format-painter {
+	cursor: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A'),
+	default;
+}
+
+.mce-content-body figure.align-left {
+	float: left;
+}
+
+.mce-content-body figure.align-right {
+	float: right;
+}
+
+.mce-content-body figure.image.align-center {
+	display: table;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.mce-preview-object {
+	border: 1px solid gray;
+	display: inline-block;
+	line-height: 0;
+	margin: 0 2px 0 2px;
+	position: relative;
+}
+
+.mce-preview-object .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.mce-preview-object[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+
+.mce-object {
+	background: transparent url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A') no-repeat center;
+	border: 1px dashed #aaa;
+}
+
+.mce-pagebreak {
+	border: 1px dashed #aaa;
+	cursor: default;
+	display: block;
+	height: 5px;
+	margin-top: 15px;
+	page-break-before: always;
+	width: 100%;
+}
+
+@media print {
+	.mce-pagebreak {
+		border: 0;
+	}
+}
+
+.tiny-pageembed .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.tiny-pageembed[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+
+.tiny-pageembed {
+	display: inline-block;
+	position: relative;
+}
+
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+	display: block;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	width: 100%;
+}
+
+.tiny-pageembed--21by9 {
+	padding-top: 42.857143%;
+}
+
+.tiny-pageembed--16by9 {
+	padding-top: 56.25%;
+}
+
+.tiny-pageembed--4by3 {
+	padding-top: 75%;
+}
+
+.tiny-pageembed--1by1 {
+	padding-top: 100%;
+}
+
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+	border: 0;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.mce-content-body[data-mce-placeholder] {
+	position: relative;
+}
+
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	color: rgba(34, 47, 62, 0.7);
+	content: attr(data-mce-placeholder);
+	position: absolute;
+}
+
+.mce-content-body:not([dir='rtl'])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	left: 1px;
+}
+
+.mce-content-body[dir='rtl'][data-mce-placeholder]:not(.mce-visualblocks)::before {
+	right: 1px;
+}
+
+.mce-content-body div.mce-resizehandle {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+	z-index: 1298;
+}
+
+.mce-content-body div.mce-resizehandle:hover {
+	background-color: #4099ff;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+	cursor: nwse-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+	cursor: nesw-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+	cursor: nwse-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+	cursor: nesw-resize;
+}
+
+.mce-content-body .mce-resize-backdrop {
+	z-index: 10000;
+}
+
+.mce-content-body .mce-clonedresizable {
+	cursor: default;
+	opacity: 0.5;
+	outline: 1px dashed black;
+	position: absolute;
+	z-index: 10001;
+}
+
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+	border: 0;
+}
+
+.mce-content-body .mce-resize-helper {
+	background: #555;
+	background: rgba(0, 0, 0, 0.75);
+	border: 1px;
+	border-radius: 3px;
+	color: white;
+	display: none;
+	font-family: sans-serif;
+	font-size: 12px;
+	line-height: 14px;
+	margin: 5px 10px;
+	padding: 5px;
+	position: absolute;
+	white-space: nowrap;
+	z-index: 10002;
+}
+
+.tox-rtc-user-selection {
+	position: relative;
+}
+
+.tox-rtc-user-cursor {
+	bottom: 0;
+	cursor: default;
+	position: absolute;
+	top: 0;
+	width: 2px;
+}
+
+.tox-rtc-user-cursor::before {
+	background-color: inherit;
+	border-radius: 50%;
+	content: '';
+	display: block;
+	height: 8px;
+	position: absolute;
+	right: -3px;
+	top: -3px;
+	width: 8px;
+}
+
+.tox-rtc-user-cursor:hover::after {
+	background-color: inherit;
+	border-radius: 100px;
+	box-sizing: border-box;
+	color: #fff;
+	content: attr(data-user);
+	display: block;
+	font-size: 12px;
+	font-weight: bold;
+	left: -5px;
+	min-height: 8px;
+	min-width: 8px;
+	padding: 0 12px;
+	position: absolute;
+	top: -11px;
+	white-space: nowrap;
+	z-index: 1000;
+}
+
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+	background-color: #2dc26b;
+}
+
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+	background-color: #e03e2d;
+}
+
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+	background-color: #f1c40f;
+}
+
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+	background-color: #3598db;
+}
+
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+	background-color: #b96ad9;
+}
+
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+	background-color: #e67e23;
+}
+
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+	background-color: #aaa69d;
+}
+
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+	background-color: #f368e0;
+}
+
+.tox-rtc-remote-image {
+	background: #eaeaea url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A') no-repeat center center;
+	border: 1px solid #ccc;
+	min-height: 240px;
+	min-width: 320px;
+}
+
+.mce-match-marker {
+	background: #aaa;
+	color: #fff;
+}
+
+.mce-match-marker-selected {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-match-marker-selected::-moz-selection {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-match-marker-selected::selection {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body hr[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+	outline-offset: 1px;
+}
+
+.mce-content-body *[contentEditable='false'] *[contentEditable='true']:focus {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body *[contentEditable='false'] *[contentEditable='true']:hover {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body *[contentEditable='false'][data-mce-selected] {
+	cursor: not-allowed;
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body.mce-content-readonly *[contentEditable='true']:focus,
+.mce-content-body.mce-content-readonly *[contentEditable='true']:hover {
+	outline: none;
+}
+
+.mce-content-body *[data-mce-selected='inline-boundary'] {
+	background-color: #b4d7ff;
+}
+
+.mce-content-body .mce-edit-focus {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+	position: relative;
+}
+
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+	background: none;
+}
+
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+	background: none;
+}
+
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+	outline: none;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+	background-color: rgba(180, 215, 255, 0.7);
+	border: 1px solid rgba(180, 215, 255, 0.7);
+	bottom: -1px;
+	content: '';
+	left: -1px;
+	mix-blend-mode: multiply;
+	position: absolute;
+	right: -1px;
+	top: -1px;
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+	.mce-content-body td[data-mce-selected]::after,
+	.mce-content-body th[data-mce-selected]::after {
+		border-color: rgba(0, 84, 180, 0.7);
+	}
+}
+
+.mce-content-body img::-moz-selection {
+	background: none;
+}
+
+.mce-content-body img::selection {
+	background: none;
+}
+
+.ephox-snooker-resizer-bar {
+	background-color: #b4d7ff;
+	opacity: 0;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.ephox-snooker-resizer-cols {
+	cursor: col-resize;
+}
+
+.ephox-snooker-resizer-rows {
+	cursor: row-resize;
+}
+
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+	opacity: 1;
+}
+
+.mce-spellchecker-word {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+	height: 2rem;
+}
+
+.mce-spellchecker-grammar {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+}
+
+.mce-toc {
+	border: 1px solid gray;
+}
+
+.mce-toc h2 {
+	margin: 4px;
+}
+
+.mce-toc li {
+	list-style-type: none;
+}
+
+table[style*='border-width: 0px'],
+.mce-item-table:not([border]),
+.mce-item-table[border='0'],
+table[style*='border-width: 0px'] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border='0'] td,
+table[style*='border-width: 0px'] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border='0'] th,
+table[style*='border-width: 0px'] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border='0'] caption {
+	border: 1px dashed #bbb;
+}
+
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+	background-repeat: no-repeat;
+	border: 1px dashed #bbb;
+	margin-left: 3px;
+	padding-top: 10px;
+}
+
+.mce-visualblocks p {
+	background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+
+.mce-visualblocks h1 {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+
+.mce-visualblocks h2 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+
+.mce-visualblocks h3 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+
+.mce-visualblocks h4 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+
+.mce-visualblocks h5 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+
+.mce-visualblocks h6 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+
+.mce-visualblocks div:not([data-mce-bogus]) {
+	background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+
+.mce-visualblocks section {
+	background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+
+.mce-visualblocks article {
+	background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+
+.mce-visualblocks blockquote {
+	background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+
+.mce-visualblocks address {
+	background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+
+.mce-visualblocks pre {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+
+.mce-visualblocks figure {
+	background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+
+.mce-visualblocks figcaption {
+	border: 1px dashed #bbb;
+}
+
+.mce-visualblocks hgroup {
+	background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+
+.mce-visualblocks aside {
+	background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+
+.mce-visualblocks ul {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+
+.mce-visualblocks ol {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+
+.mce-visualblocks dl {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+
+.mce-visualblocks:not([dir='rtl']) p,
+.mce-visualblocks:not([dir='rtl']) h1,
+.mce-visualblocks:not([dir='rtl']) h2,
+.mce-visualblocks:not([dir='rtl']) h3,
+.mce-visualblocks:not([dir='rtl']) h4,
+.mce-visualblocks:not([dir='rtl']) h5,
+.mce-visualblocks:not([dir='rtl']) h6,
+.mce-visualblocks:not([dir='rtl']) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir='rtl']) section,
+.mce-visualblocks:not([dir='rtl']) article,
+.mce-visualblocks:not([dir='rtl']) blockquote,
+.mce-visualblocks:not([dir='rtl']) address,
+.mce-visualblocks:not([dir='rtl']) pre,
+.mce-visualblocks:not([dir='rtl']) figure,
+.mce-visualblocks:not([dir='rtl']) figcaption,
+.mce-visualblocks:not([dir='rtl']) hgroup,
+.mce-visualblocks:not([dir='rtl']) aside,
+.mce-visualblocks:not([dir='rtl']) ul,
+.mce-visualblocks:not([dir='rtl']) ol,
+.mce-visualblocks:not([dir='rtl']) dl {
+	margin-left: 3px;
+}
+
+.mce-visualblocks[dir='rtl'] p,
+.mce-visualblocks[dir='rtl'] h1,
+.mce-visualblocks[dir='rtl'] h2,
+.mce-visualblocks[dir='rtl'] h3,
+.mce-visualblocks[dir='rtl'] h4,
+.mce-visualblocks[dir='rtl'] h5,
+.mce-visualblocks[dir='rtl'] h6,
+.mce-visualblocks[dir='rtl'] div:not([data-mce-bogus]),
+.mce-visualblocks[dir='rtl'] section,
+.mce-visualblocks[dir='rtl'] article,
+.mce-visualblocks[dir='rtl'] blockquote,
+.mce-visualblocks[dir='rtl'] address,
+.mce-visualblocks[dir='rtl'] pre,
+.mce-visualblocks[dir='rtl'] figure,
+.mce-visualblocks[dir='rtl'] figcaption,
+.mce-visualblocks[dir='rtl'] hgroup,
+.mce-visualblocks[dir='rtl'] aside,
+.mce-visualblocks[dir='rtl'] ul,
+.mce-visualblocks[dir='rtl'] ol,
+.mce-visualblocks[dir='rtl'] dl {
+	background-position-x: right;
+	margin-right: 3px;
+}
+
+.mce-nbsp,
+.mce-shy {
+	background: #aaa;
+}
+
+.mce-shy::after {
+	content: '-';
+}
+
+body {
+	font-family: sans-serif;
+}
+
+table {
+	border-collapse: collapse;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/oxide/content.inline.css b/src/frontend/admin/public/tinymce/skins/ui/oxide/content.inline.css
new file mode 100644
index 00000000..e7acef31
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/oxide/content.inline.css
@@ -0,0 +1,861 @@
+.mce-content-body .mce-item-anchor {
+	background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+
+.mce-content-body .mce-item-anchor:empty {
+	cursor: default;
+	display: inline-block;
+	height: 12px !important;
+	padding: 0 2px;
+	-webkit-user-modify: read-only;
+	-moz-user-modify: read-only;
+	-webkit-user-select: all;
+	-moz-user-select: all;
+	user-select: all;
+	width: 8px !important;
+}
+
+.mce-content-body .mce-item-anchor:not(:empty) {
+	background-position-x: 2px;
+	display: inline-block;
+	padding-left: 12px;
+}
+
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+	outline-offset: 1px;
+}
+
+.tox-comments-visible .tox-comment {
+	background-color: #fff0b7;
+}
+
+.tox-comments-visible .tox-comment[data-mce-annotation-active='true']:not([data-mce-selected='inline-boundary']) {
+	background-color: #ffe168;
+}
+
+.tox-checklist > li:not(.tox-checklist--hidden) {
+	list-style: none;
+	margin: 0.25em 0;
+}
+
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+	cursor: pointer;
+	height: 1em;
+	margin-left: -1.5em;
+	margin-top: 0.125em;
+	position: absolute;
+	width: 1em;
+}
+
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+}
+
+[dir='rtl'] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+	margin-left: 0;
+	margin-right: -1.5em;
+}
+
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*='language-'],
+pre[class*='language-'] {
+	color: black;
+	background: none;
+	text-shadow: 0 1px white;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+	-moz-tab-size: 4;
+	tab-size: 4;
+	-webkit-hyphens: none;
+	hyphens: none;
+}
+
+pre[class*='language-']::-moz-selection,
+pre[class*='language-'] ::-moz-selection,
+code[class*='language-']::-moz-selection,
+code[class*='language-'] ::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+pre[class*='language-']::selection,
+pre[class*='language-'] ::selection,
+code[class*='language-']::selection,
+code[class*='language-'] ::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+@media print {
+	code[class*='language-'],
+	pre[class*='language-'] {
+		text-shadow: none;
+	}
+}
+
+/* Code blocks */
+pre[class*='language-'] {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+}
+
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+	background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre) > code[class*='language-'] {
+	padding: 0.1em;
+	border-radius: 0.3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: slategray;
+}
+
+.token.punctuation {
+	color: #999;
+}
+
+.token.namespace {
+	opacity: 0.7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+	color: #9a6e3a;
+	/* This background color was intended by the author of this theme. */
+	background: hsla(0, 0%, 100%, 0.5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+
+.token.function,
+.token.class-name {
+	color: #dd4a68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+	color: #e90;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+/* stylelint-enable */
+.mce-content-body {
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+}
+
+.mce-content-body .mce-visual-caret {
+	background-color: black;
+	background-color: currentColor;
+	position: absolute;
+}
+
+.mce-content-body .mce-visual-caret-hidden {
+	display: none;
+}
+
+.mce-content-body *[data-mce-caret] {
+	left: -1000px;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	right: auto;
+	top: 0;
+}
+
+.mce-content-body .mce-offscreen-selection {
+	left: -2000000px;
+	max-width: 1000000px;
+	position: absolute;
+}
+
+.mce-content-body *[contentEditable='false'] {
+	cursor: default;
+}
+
+.mce-content-body *[contentEditable='true'] {
+	cursor: text;
+}
+
+.tox-cursor-format-painter {
+	cursor: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A'),
+	default;
+}
+
+.mce-content-body figure.align-left {
+	float: left;
+}
+
+.mce-content-body figure.align-right {
+	float: right;
+}
+
+.mce-content-body figure.image.align-center {
+	display: table;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.mce-preview-object {
+	border: 1px solid gray;
+	display: inline-block;
+	line-height: 0;
+	margin: 0 2px 0 2px;
+	position: relative;
+}
+
+.mce-preview-object .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.mce-preview-object[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+
+.mce-object {
+	background: transparent url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A') no-repeat center;
+	border: 1px dashed #aaa;
+}
+
+.mce-pagebreak {
+	border: 1px dashed #aaa;
+	cursor: default;
+	display: block;
+	height: 5px;
+	margin-top: 15px;
+	page-break-before: always;
+	width: 100%;
+}
+
+@media print {
+	.mce-pagebreak {
+		border: 0;
+	}
+}
+
+.tiny-pageembed .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.tiny-pageembed[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+
+.tiny-pageembed {
+	display: inline-block;
+	position: relative;
+}
+
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+	display: block;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	width: 100%;
+}
+
+.tiny-pageembed--21by9 {
+	padding-top: 42.857143%;
+}
+
+.tiny-pageembed--16by9 {
+	padding-top: 56.25%;
+}
+
+.tiny-pageembed--4by3 {
+	padding-top: 75%;
+}
+
+.tiny-pageembed--1by1 {
+	padding-top: 100%;
+}
+
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+	border: 0;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.mce-content-body[data-mce-placeholder] {
+	position: relative;
+}
+
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	color: rgba(34, 47, 62, 0.7);
+	content: attr(data-mce-placeholder);
+	position: absolute;
+}
+
+.mce-content-body:not([dir='rtl'])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	left: 1px;
+}
+
+.mce-content-body[dir='rtl'][data-mce-placeholder]:not(.mce-visualblocks)::before {
+	right: 1px;
+}
+
+.mce-content-body div.mce-resizehandle {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+	z-index: 1298;
+}
+
+.mce-content-body div.mce-resizehandle:hover {
+	background-color: #4099ff;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+	cursor: nwse-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+	cursor: nesw-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+	cursor: nwse-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+	cursor: nesw-resize;
+}
+
+.mce-content-body .mce-resize-backdrop {
+	z-index: 10000;
+}
+
+.mce-content-body .mce-clonedresizable {
+	cursor: default;
+	opacity: 0.5;
+	outline: 1px dashed black;
+	position: absolute;
+	z-index: 10001;
+}
+
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+	border: 0;
+}
+
+.mce-content-body .mce-resize-helper {
+	background: #555;
+	background: rgba(0, 0, 0, 0.75);
+	border: 1px;
+	border-radius: 3px;
+	color: white;
+	display: none;
+	font-family: sans-serif;
+	font-size: 12px;
+	line-height: 14px;
+	margin: 5px 10px;
+	padding: 5px;
+	position: absolute;
+	white-space: nowrap;
+	z-index: 10002;
+}
+
+.tox-rtc-user-selection {
+	position: relative;
+}
+
+.tox-rtc-user-cursor {
+	bottom: 0;
+	cursor: default;
+	position: absolute;
+	top: 0;
+	width: 2px;
+}
+
+.tox-rtc-user-cursor::before {
+	background-color: inherit;
+	border-radius: 50%;
+	content: '';
+	display: block;
+	height: 8px;
+	position: absolute;
+	right: -3px;
+	top: -3px;
+	width: 8px;
+}
+
+.tox-rtc-user-cursor:hover::after {
+	background-color: inherit;
+	border-radius: 100px;
+	box-sizing: border-box;
+	color: #fff;
+	content: attr(data-user);
+	display: block;
+	font-size: 12px;
+	font-weight: bold;
+	left: -5px;
+	min-height: 8px;
+	min-width: 8px;
+	padding: 0 12px;
+	position: absolute;
+	top: -11px;
+	white-space: nowrap;
+	z-index: 1000;
+}
+
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+	background-color: #2dc26b;
+}
+
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+	background-color: #e03e2d;
+}
+
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+	background-color: #f1c40f;
+}
+
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+	background-color: #3598db;
+}
+
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+	background-color: #b96ad9;
+}
+
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+	background-color: #e67e23;
+}
+
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+	background-color: #aaa69d;
+}
+
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+	background-color: #f368e0;
+}
+
+.tox-rtc-remote-image {
+	background: #eaeaea url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A') no-repeat center center;
+	border: 1px solid #ccc;
+	min-height: 240px;
+	min-width: 320px;
+}
+
+.mce-match-marker {
+	background: #aaa;
+	color: #fff;
+}
+
+.mce-match-marker-selected {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-match-marker-selected::-moz-selection {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-match-marker-selected::selection {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body hr[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+	outline-offset: 1px;
+}
+
+.mce-content-body *[contentEditable='false'] *[contentEditable='true']:focus {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body *[contentEditable='false'] *[contentEditable='true']:hover {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body *[contentEditable='false'][data-mce-selected] {
+	cursor: not-allowed;
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body.mce-content-readonly *[contentEditable='true']:focus,
+.mce-content-body.mce-content-readonly *[contentEditable='true']:hover {
+	outline: none;
+}
+
+.mce-content-body *[data-mce-selected='inline-boundary'] {
+	background-color: #b4d7ff;
+}
+
+.mce-content-body .mce-edit-focus {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+	position: relative;
+}
+
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+	background: none;
+}
+
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+	background: none;
+}
+
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+	outline: none;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+	background-color: rgba(180, 215, 255, 0.7);
+	border: 1px solid rgba(180, 215, 255, 0.7);
+	bottom: -1px;
+	content: '';
+	left: -1px;
+	mix-blend-mode: multiply;
+	position: absolute;
+	right: -1px;
+	top: -1px;
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+	.mce-content-body td[data-mce-selected]::after,
+	.mce-content-body th[data-mce-selected]::after {
+		border-color: rgba(0, 84, 180, 0.7);
+	}
+}
+
+.mce-content-body img::-moz-selection {
+	background: none;
+}
+
+.mce-content-body img::selection {
+	background: none;
+}
+
+.ephox-snooker-resizer-bar {
+	background-color: #b4d7ff;
+	opacity: 0;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.ephox-snooker-resizer-cols {
+	cursor: col-resize;
+}
+
+.ephox-snooker-resizer-rows {
+	cursor: row-resize;
+}
+
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+	opacity: 1;
+}
+
+.mce-spellchecker-word {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+	height: 2rem;
+}
+
+.mce-spellchecker-grammar {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+}
+
+.mce-toc {
+	border: 1px solid gray;
+}
+
+.mce-toc h2 {
+	margin: 4px;
+}
+
+.mce-toc li {
+	list-style-type: none;
+}
+
+table[style*='border-width: 0px'],
+.mce-item-table:not([border]),
+.mce-item-table[border='0'],
+table[style*='border-width: 0px'] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border='0'] td,
+table[style*='border-width: 0px'] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border='0'] th,
+table[style*='border-width: 0px'] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border='0'] caption {
+	border: 1px dashed #bbb;
+}
+
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+	background-repeat: no-repeat;
+	border: 1px dashed #bbb;
+	margin-left: 3px;
+	padding-top: 10px;
+}
+
+.mce-visualblocks p {
+	background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+
+.mce-visualblocks h1 {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+
+.mce-visualblocks h2 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+
+.mce-visualblocks h3 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+
+.mce-visualblocks h4 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+
+.mce-visualblocks h5 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+
+.mce-visualblocks h6 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+
+.mce-visualblocks div:not([data-mce-bogus]) {
+	background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+
+.mce-visualblocks section {
+	background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+
+.mce-visualblocks article {
+	background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+
+.mce-visualblocks blockquote {
+	background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+
+.mce-visualblocks address {
+	background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+
+.mce-visualblocks pre {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+
+.mce-visualblocks figure {
+	background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+
+.mce-visualblocks figcaption {
+	border: 1px dashed #bbb;
+}
+
+.mce-visualblocks hgroup {
+	background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+
+.mce-visualblocks aside {
+	background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+
+.mce-visualblocks ul {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+
+.mce-visualblocks ol {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+
+.mce-visualblocks dl {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+
+.mce-visualblocks:not([dir='rtl']) p,
+.mce-visualblocks:not([dir='rtl']) h1,
+.mce-visualblocks:not([dir='rtl']) h2,
+.mce-visualblocks:not([dir='rtl']) h3,
+.mce-visualblocks:not([dir='rtl']) h4,
+.mce-visualblocks:not([dir='rtl']) h5,
+.mce-visualblocks:not([dir='rtl']) h6,
+.mce-visualblocks:not([dir='rtl']) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir='rtl']) section,
+.mce-visualblocks:not([dir='rtl']) article,
+.mce-visualblocks:not([dir='rtl']) blockquote,
+.mce-visualblocks:not([dir='rtl']) address,
+.mce-visualblocks:not([dir='rtl']) pre,
+.mce-visualblocks:not([dir='rtl']) figure,
+.mce-visualblocks:not([dir='rtl']) figcaption,
+.mce-visualblocks:not([dir='rtl']) hgroup,
+.mce-visualblocks:not([dir='rtl']) aside,
+.mce-visualblocks:not([dir='rtl']) ul,
+.mce-visualblocks:not([dir='rtl']) ol,
+.mce-visualblocks:not([dir='rtl']) dl {
+	margin-left: 3px;
+}
+
+.mce-visualblocks[dir='rtl'] p,
+.mce-visualblocks[dir='rtl'] h1,
+.mce-visualblocks[dir='rtl'] h2,
+.mce-visualblocks[dir='rtl'] h3,
+.mce-visualblocks[dir='rtl'] h4,
+.mce-visualblocks[dir='rtl'] h5,
+.mce-visualblocks[dir='rtl'] h6,
+.mce-visualblocks[dir='rtl'] div:not([data-mce-bogus]),
+.mce-visualblocks[dir='rtl'] section,
+.mce-visualblocks[dir='rtl'] article,
+.mce-visualblocks[dir='rtl'] blockquote,
+.mce-visualblocks[dir='rtl'] address,
+.mce-visualblocks[dir='rtl'] pre,
+.mce-visualblocks[dir='rtl'] figure,
+.mce-visualblocks[dir='rtl'] figcaption,
+.mce-visualblocks[dir='rtl'] hgroup,
+.mce-visualblocks[dir='rtl'] aside,
+.mce-visualblocks[dir='rtl'] ul,
+.mce-visualblocks[dir='rtl'] ol,
+.mce-visualblocks[dir='rtl'] dl {
+	background-position-x: right;
+	margin-right: 3px;
+}
+
+.mce-nbsp,
+.mce-shy {
+	background: #aaa;
+}
+
+.mce-shy::after {
+	content: '-';
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/oxide/content.inline.min.css b/src/frontend/admin/public/tinymce/skins/ui/oxide/content.inline.min.css
new file mode 100644
index 00000000..882dfd5b
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/oxide/content.inline.min.css
@@ -0,0 +1,720 @@
+.mce-content-body .mce-item-anchor {
+	background: transparent
+		url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A")
+		no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+	cursor: default;
+	display: inline-block;
+	height: 12px !important;
+	padding: 0 2px;
+	-webkit-user-modify: read-only;
+	-moz-user-modify: read-only;
+	-webkit-user-select: all;
+	-moz-user-select: all;
+	user-select: all;
+	width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+	background-position-x: 2px;
+	display: inline-block;
+	padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+	outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment {
+	background-color: #fff0b7;
+}
+.tox-comments-visible .tox-comment[data-mce-annotation-active='true']:not([data-mce-selected='inline-boundary']) {
+	background-color: #ffe168;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+	list-style: none;
+	margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+	cursor: pointer;
+	height: 1em;
+	margin-left: -1.5em;
+	margin-top: 0.125em;
+	position: absolute;
+	width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+}
+[dir='rtl'] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+	margin-left: 0;
+	margin-right: -1.5em;
+}
+code[class*='language-'],
+pre[class*='language-'] {
+	color: #000;
+	background: 0 0;
+	text-shadow: 0 1px #fff;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+	-moz-tab-size: 4;
+	tab-size: 4;
+	-webkit-hyphens: none;
+	hyphens: none;
+}
+code[class*='language-'] ::-moz-selection,
+code[class*='language-']::-moz-selection,
+pre[class*='language-'] ::-moz-selection,
+pre[class*='language-']::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+code[class*='language-'] ::selection,
+code[class*='language-']::selection,
+pre[class*='language-'] ::selection,
+pre[class*='language-']::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+@media print {
+	code[class*='language-'],
+	pre[class*='language-'] {
+		text-shadow: none;
+	}
+}
+pre[class*='language-'] {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+}
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+	background: #f5f2f0;
+}
+:not(pre) > code[class*='language-'] {
+	padding: 0.1em;
+	border-radius: 0.3em;
+	white-space: normal;
+}
+.token.cdata,
+.token.comment,
+.token.doctype,
+.token.prolog {
+	color: #708090;
+}
+.token.punctuation {
+	color: #999;
+}
+.token.namespace {
+	opacity: 0.7;
+}
+.token.boolean,
+.token.constant,
+.token.deleted,
+.token.number,
+.token.property,
+.token.symbol,
+.token.tag {
+	color: #905;
+}
+.token.attr-name,
+.token.builtin,
+.token.char,
+.token.inserted,
+.token.selector,
+.token.string {
+	color: #690;
+}
+.language-css .token.string,
+.style .token.string,
+.token.entity,
+.token.operator,
+.token.url {
+	color: #9a6e3a;
+	background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+.token.class-name,
+.token.function {
+	color: #dd4a68;
+}
+.token.important,
+.token.regex,
+.token.variable {
+	color: #e90;
+}
+.token.bold,
+.token.important {
+	font-weight: 700;
+}
+.token.italic {
+	font-style: italic;
+}
+.token.entity {
+	cursor: help;
+}
+.mce-content-body {
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+	background-color: #000;
+	background-color: currentColor;
+	position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+	display: none;
+}
+.mce-content-body [data-mce-caret] {
+	left: -1000px;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	right: auto;
+	top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+	left: -2000000px;
+	max-width: 1000000px;
+	position: absolute;
+}
+.mce-content-body [contentEditable='false'] {
+	cursor: default;
+}
+.mce-content-body [contentEditable='true'] {
+	cursor: text;
+}
+.tox-cursor-format-painter {
+	cursor: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A'),
+		default;
+}
+.mce-content-body figure.align-left {
+	float: left;
+}
+.mce-content-body figure.align-right {
+	float: right;
+}
+.mce-content-body figure.image.align-center {
+	display: table;
+	margin-left: auto;
+	margin-right: auto;
+}
+.mce-preview-object {
+	border: 1px solid gray;
+	display: inline-block;
+	line-height: 0;
+	margin: 0 2px 0 2px;
+	position: relative;
+}
+.mce-preview-object .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.mce-preview-object[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+.mce-object {
+	background: transparent
+		url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A')
+		no-repeat center;
+	border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+	border: 1px dashed #aaa;
+	cursor: default;
+	display: block;
+	height: 5px;
+	margin-top: 15px;
+	page-break-before: always;
+	width: 100%;
+}
+@media print {
+	.mce-pagebreak {
+		border: 0;
+	}
+}
+.tiny-pageembed .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.tiny-pageembed[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+.tiny-pageembed {
+	display: inline-block;
+	position: relative;
+}
+.tiny-pageembed--16by9,
+.tiny-pageembed--1by1,
+.tiny-pageembed--21by9,
+.tiny-pageembed--4by3 {
+	display: block;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	width: 100%;
+}
+.tiny-pageembed--21by9 {
+	padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+	padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+	padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+	padding-top: 100%;
+}
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--1by1 iframe,
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--4by3 iframe {
+	border: 0;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+	position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	color: rgba(34, 47, 62, 0.7);
+	content: attr(data-mce-placeholder);
+	position: absolute;
+}
+.mce-content-body:not([dir='rtl'])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	left: 1px;
+}
+.mce-content-body[dir='rtl'][data-mce-placeholder]:not(.mce-visualblocks)::before {
+	right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+	z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+	background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+	cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+	cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+	cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+	cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+	z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+	cursor: default;
+	opacity: 0.5;
+	outline: 1px dashed #000;
+	position: absolute;
+	z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th {
+	border: 0;
+}
+.mce-content-body .mce-resize-helper {
+	background: #555;
+	background: rgba(0, 0, 0, 0.75);
+	border: 1px;
+	border-radius: 3px;
+	color: #fff;
+	display: none;
+	font-family: sans-serif;
+	font-size: 12px;
+	line-height: 14px;
+	margin: 5px 10px;
+	padding: 5px;
+	position: absolute;
+	white-space: nowrap;
+	z-index: 10002;
+}
+.tox-rtc-user-selection {
+	position: relative;
+}
+.tox-rtc-user-cursor {
+	bottom: 0;
+	cursor: default;
+	position: absolute;
+	top: 0;
+	width: 2px;
+}
+.tox-rtc-user-cursor::before {
+	background-color: inherit;
+	border-radius: 50%;
+	content: '';
+	display: block;
+	height: 8px;
+	position: absolute;
+	right: -3px;
+	top: -3px;
+	width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+	background-color: inherit;
+	border-radius: 100px;
+	box-sizing: border-box;
+	color: #fff;
+	content: attr(data-user);
+	display: block;
+	font-size: 12px;
+	font-weight: 700;
+	left: -5px;
+	min-height: 8px;
+	min-width: 8px;
+	padding: 0 12px;
+	position: absolute;
+	top: -11px;
+	white-space: nowrap;
+	z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+	background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+	background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+	background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+	background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+	background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+	background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+	background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+	background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+	background: #eaeaea
+		url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A')
+		no-repeat center center;
+	border: 1px solid #ccc;
+	min-height: 240px;
+	min-width: 320px;
+}
+.mce-match-marker {
+	background: #aaa;
+	color: #fff;
+}
+.mce-match-marker-selected {
+	background: #39f;
+	color: #fff;
+}
+.mce-match-marker-selected::-moz-selection {
+	background: #39f;
+	color: #fff;
+}
+.mce-match-marker-selected::selection {
+	background: #39f;
+	color: #fff;
+}
+.mce-content-body audio[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body img[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body video[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+	outline-offset: 1px;
+}
+.mce-content-body [contentEditable='false'] [contentEditable='true']:focus {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body [contentEditable='false'] [contentEditable='true']:hover {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body [contentEditable='false'][data-mce-selected] {
+	cursor: not-allowed;
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body.mce-content-readonly [contentEditable='true']:focus,
+.mce-content-body.mce-content-readonly [contentEditable='true']:hover {
+	outline: 0;
+}
+.mce-content-body [data-mce-selected='inline-boundary'] {
+	background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+	position: relative;
+}
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+	background: 0 0;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+	background: 0 0;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+	outline: 0;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+	background-color: rgba(180, 215, 255, 0.7);
+	border: 1px solid rgba(180, 215, 255, 0.7);
+	bottom: -1px;
+	content: '';
+	left: -1px;
+	mix-blend-mode: multiply;
+	position: absolute;
+	right: -1px;
+	top: -1px;
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+	.mce-content-body td[data-mce-selected]::after,
+	.mce-content-body th[data-mce-selected]::after {
+		border-color: rgba(0, 84, 180, 0.7);
+	}
+}
+.mce-content-body img::-moz-selection {
+	background: 0 0;
+}
+.mce-content-body img::selection {
+	background: 0 0;
+}
+.ephox-snooker-resizer-bar {
+	background-color: #b4d7ff;
+	opacity: 0;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.ephox-snooker-resizer-cols {
+	cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+	cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+	opacity: 1;
+}
+.mce-spellchecker-word {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+	height: 2rem;
+}
+.mce-spellchecker-grammar {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+}
+.mce-toc {
+	border: 1px solid gray;
+}
+.mce-toc h2 {
+	margin: 4px;
+}
+.mce-toc li {
+	list-style-type: none;
+}
+.mce-item-table:not([border]),
+.mce-item-table:not([border]) caption,
+.mce-item-table:not([border]) td,
+.mce-item-table:not([border]) th,
+.mce-item-table[border='0'],
+.mce-item-table[border='0'] caption,
+.mce-item-table[border='0'] td,
+.mce-item-table[border='0'] th,
+table[style*='border-width: 0px'],
+table[style*='border-width: 0px'] caption,
+table[style*='border-width: 0px'] td,
+table[style*='border-width: 0px'] th {
+	border: 1px dashed #bbb;
+}
+.mce-visualblocks address,
+.mce-visualblocks article,
+.mce-visualblocks aside,
+.mce-visualblocks blockquote,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks dl,
+.mce-visualblocks figcaption,
+.mce-visualblocks figure,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks hgroup,
+.mce-visualblocks ol,
+.mce-visualblocks p,
+.mce-visualblocks pre,
+.mce-visualblocks section,
+.mce-visualblocks ul {
+	background-repeat: no-repeat;
+	border: 1px dashed #bbb;
+	margin-left: 3px;
+	padding-top: 10px;
+}
+.mce-visualblocks p {
+	background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+	background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+	background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+	background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+	background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+	background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+	background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+	border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+	background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+	background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir='rtl']) address,
+.mce-visualblocks:not([dir='rtl']) article,
+.mce-visualblocks:not([dir='rtl']) aside,
+.mce-visualblocks:not([dir='rtl']) blockquote,
+.mce-visualblocks:not([dir='rtl']) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir='rtl']) dl,
+.mce-visualblocks:not([dir='rtl']) figcaption,
+.mce-visualblocks:not([dir='rtl']) figure,
+.mce-visualblocks:not([dir='rtl']) h1,
+.mce-visualblocks:not([dir='rtl']) h2,
+.mce-visualblocks:not([dir='rtl']) h3,
+.mce-visualblocks:not([dir='rtl']) h4,
+.mce-visualblocks:not([dir='rtl']) h5,
+.mce-visualblocks:not([dir='rtl']) h6,
+.mce-visualblocks:not([dir='rtl']) hgroup,
+.mce-visualblocks:not([dir='rtl']) ol,
+.mce-visualblocks:not([dir='rtl']) p,
+.mce-visualblocks:not([dir='rtl']) pre,
+.mce-visualblocks:not([dir='rtl']) section,
+.mce-visualblocks:not([dir='rtl']) ul {
+	margin-left: 3px;
+}
+.mce-visualblocks[dir='rtl'] address,
+.mce-visualblocks[dir='rtl'] article,
+.mce-visualblocks[dir='rtl'] aside,
+.mce-visualblocks[dir='rtl'] blockquote,
+.mce-visualblocks[dir='rtl'] div:not([data-mce-bogus]),
+.mce-visualblocks[dir='rtl'] dl,
+.mce-visualblocks[dir='rtl'] figcaption,
+.mce-visualblocks[dir='rtl'] figure,
+.mce-visualblocks[dir='rtl'] h1,
+.mce-visualblocks[dir='rtl'] h2,
+.mce-visualblocks[dir='rtl'] h3,
+.mce-visualblocks[dir='rtl'] h4,
+.mce-visualblocks[dir='rtl'] h5,
+.mce-visualblocks[dir='rtl'] h6,
+.mce-visualblocks[dir='rtl'] hgroup,
+.mce-visualblocks[dir='rtl'] ol,
+.mce-visualblocks[dir='rtl'] p,
+.mce-visualblocks[dir='rtl'] pre,
+.mce-visualblocks[dir='rtl'] section,
+.mce-visualblocks[dir='rtl'] ul {
+	background-position-x: right;
+	margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+	background: #aaa;
+}
+.mce-shy::after {
+	content: '-';
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/oxide/content.min.css b/src/frontend/admin/public/tinymce/skins/ui/oxide/content.min.css
new file mode 100644
index 00000000..6e0034ba
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/oxide/content.min.css
@@ -0,0 +1,726 @@
+.mce-content-body .mce-item-anchor {
+	background: transparent
+		url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A")
+		no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+	cursor: default;
+	display: inline-block;
+	height: 12px !important;
+	padding: 0 2px;
+	-webkit-user-modify: read-only;
+	-moz-user-modify: read-only;
+	-webkit-user-select: all;
+	-moz-user-select: all;
+	user-select: all;
+	width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+	background-position-x: 2px;
+	display: inline-block;
+	padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+	outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment {
+	background-color: #fff0b7;
+}
+.tox-comments-visible .tox-comment[data-mce-annotation-active='true']:not([data-mce-selected='inline-boundary']) {
+	background-color: #ffe168;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+	list-style: none;
+	margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+	cursor: pointer;
+	height: 1em;
+	margin-left: -1.5em;
+	margin-top: 0.125em;
+	position: absolute;
+	width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+}
+[dir='rtl'] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+	margin-left: 0;
+	margin-right: -1.5em;
+}
+code[class*='language-'],
+pre[class*='language-'] {
+	color: #000;
+	background: 0 0;
+	text-shadow: 0 1px #fff;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+	-moz-tab-size: 4;
+	tab-size: 4;
+	-webkit-hyphens: none;
+	hyphens: none;
+}
+code[class*='language-'] ::-moz-selection,
+code[class*='language-']::-moz-selection,
+pre[class*='language-'] ::-moz-selection,
+pre[class*='language-']::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+code[class*='language-'] ::selection,
+code[class*='language-']::selection,
+pre[class*='language-'] ::selection,
+pre[class*='language-']::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+@media print {
+	code[class*='language-'],
+	pre[class*='language-'] {
+		text-shadow: none;
+	}
+}
+pre[class*='language-'] {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+}
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+	background: #f5f2f0;
+}
+:not(pre) > code[class*='language-'] {
+	padding: 0.1em;
+	border-radius: 0.3em;
+	white-space: normal;
+}
+.token.cdata,
+.token.comment,
+.token.doctype,
+.token.prolog {
+	color: #708090;
+}
+.token.punctuation {
+	color: #999;
+}
+.token.namespace {
+	opacity: 0.7;
+}
+.token.boolean,
+.token.constant,
+.token.deleted,
+.token.number,
+.token.property,
+.token.symbol,
+.token.tag {
+	color: #905;
+}
+.token.attr-name,
+.token.builtin,
+.token.char,
+.token.inserted,
+.token.selector,
+.token.string {
+	color: #690;
+}
+.language-css .token.string,
+.style .token.string,
+.token.entity,
+.token.operator,
+.token.url {
+	color: #9a6e3a;
+	background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+.token.class-name,
+.token.function {
+	color: #dd4a68;
+}
+.token.important,
+.token.regex,
+.token.variable {
+	color: #e90;
+}
+.token.bold,
+.token.important {
+	font-weight: 700;
+}
+.token.italic {
+	font-style: italic;
+}
+.token.entity {
+	cursor: help;
+}
+.mce-content-body {
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+	background-color: #000;
+	background-color: currentColor;
+	position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+	display: none;
+}
+.mce-content-body [data-mce-caret] {
+	left: -1000px;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	right: auto;
+	top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+	left: -2000000px;
+	max-width: 1000000px;
+	position: absolute;
+}
+.mce-content-body [contentEditable='false'] {
+	cursor: default;
+}
+.mce-content-body [contentEditable='true'] {
+	cursor: text;
+}
+.tox-cursor-format-painter {
+	cursor: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A'),
+		default;
+}
+.mce-content-body figure.align-left {
+	float: left;
+}
+.mce-content-body figure.align-right {
+	float: right;
+}
+.mce-content-body figure.image.align-center {
+	display: table;
+	margin-left: auto;
+	margin-right: auto;
+}
+.mce-preview-object {
+	border: 1px solid gray;
+	display: inline-block;
+	line-height: 0;
+	margin: 0 2px 0 2px;
+	position: relative;
+}
+.mce-preview-object .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.mce-preview-object[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+.mce-object {
+	background: transparent
+		url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A')
+		no-repeat center;
+	border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+	border: 1px dashed #aaa;
+	cursor: default;
+	display: block;
+	height: 5px;
+	margin-top: 15px;
+	page-break-before: always;
+	width: 100%;
+}
+@media print {
+	.mce-pagebreak {
+		border: 0;
+	}
+}
+.tiny-pageembed .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.tiny-pageembed[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+.tiny-pageembed {
+	display: inline-block;
+	position: relative;
+}
+.tiny-pageembed--16by9,
+.tiny-pageembed--1by1,
+.tiny-pageembed--21by9,
+.tiny-pageembed--4by3 {
+	display: block;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	width: 100%;
+}
+.tiny-pageembed--21by9 {
+	padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+	padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+	padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+	padding-top: 100%;
+}
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--1by1 iframe,
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--4by3 iframe {
+	border: 0;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+	position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	color: rgba(34, 47, 62, 0.7);
+	content: attr(data-mce-placeholder);
+	position: absolute;
+}
+.mce-content-body:not([dir='rtl'])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	left: 1px;
+}
+.mce-content-body[dir='rtl'][data-mce-placeholder]:not(.mce-visualblocks)::before {
+	right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+	z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+	background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+	cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+	cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+	cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+	cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+	z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+	cursor: default;
+	opacity: 0.5;
+	outline: 1px dashed #000;
+	position: absolute;
+	z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th {
+	border: 0;
+}
+.mce-content-body .mce-resize-helper {
+	background: #555;
+	background: rgba(0, 0, 0, 0.75);
+	border: 1px;
+	border-radius: 3px;
+	color: #fff;
+	display: none;
+	font-family: sans-serif;
+	font-size: 12px;
+	line-height: 14px;
+	margin: 5px 10px;
+	padding: 5px;
+	position: absolute;
+	white-space: nowrap;
+	z-index: 10002;
+}
+.tox-rtc-user-selection {
+	position: relative;
+}
+.tox-rtc-user-cursor {
+	bottom: 0;
+	cursor: default;
+	position: absolute;
+	top: 0;
+	width: 2px;
+}
+.tox-rtc-user-cursor::before {
+	background-color: inherit;
+	border-radius: 50%;
+	content: '';
+	display: block;
+	height: 8px;
+	position: absolute;
+	right: -3px;
+	top: -3px;
+	width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+	background-color: inherit;
+	border-radius: 100px;
+	box-sizing: border-box;
+	color: #fff;
+	content: attr(data-user);
+	display: block;
+	font-size: 12px;
+	font-weight: 700;
+	left: -5px;
+	min-height: 8px;
+	min-width: 8px;
+	padding: 0 12px;
+	position: absolute;
+	top: -11px;
+	white-space: nowrap;
+	z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+	background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+	background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+	background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+	background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+	background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+	background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+	background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+	background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+	background: #eaeaea
+		url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A')
+		no-repeat center center;
+	border: 1px solid #ccc;
+	min-height: 240px;
+	min-width: 320px;
+}
+.mce-match-marker {
+	background: #aaa;
+	color: #fff;
+}
+.mce-match-marker-selected {
+	background: #39f;
+	color: #fff;
+}
+.mce-match-marker-selected::-moz-selection {
+	background: #39f;
+	color: #fff;
+}
+.mce-match-marker-selected::selection {
+	background: #39f;
+	color: #fff;
+}
+.mce-content-body audio[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body img[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body video[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+	outline-offset: 1px;
+}
+.mce-content-body [contentEditable='false'] [contentEditable='true']:focus {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body [contentEditable='false'] [contentEditable='true']:hover {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body [contentEditable='false'][data-mce-selected] {
+	cursor: not-allowed;
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body.mce-content-readonly [contentEditable='true']:focus,
+.mce-content-body.mce-content-readonly [contentEditable='true']:hover {
+	outline: 0;
+}
+.mce-content-body [data-mce-selected='inline-boundary'] {
+	background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+	position: relative;
+}
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+	background: 0 0;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+	background: 0 0;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+	outline: 0;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+	background-color: rgba(180, 215, 255, 0.7);
+	border: 1px solid rgba(180, 215, 255, 0.7);
+	bottom: -1px;
+	content: '';
+	left: -1px;
+	mix-blend-mode: multiply;
+	position: absolute;
+	right: -1px;
+	top: -1px;
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+	.mce-content-body td[data-mce-selected]::after,
+	.mce-content-body th[data-mce-selected]::after {
+		border-color: rgba(0, 84, 180, 0.7);
+	}
+}
+.mce-content-body img::-moz-selection {
+	background: 0 0;
+}
+.mce-content-body img::selection {
+	background: 0 0;
+}
+.ephox-snooker-resizer-bar {
+	background-color: #b4d7ff;
+	opacity: 0;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.ephox-snooker-resizer-cols {
+	cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+	cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+	opacity: 1;
+}
+.mce-spellchecker-word {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+	height: 2rem;
+}
+.mce-spellchecker-grammar {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+}
+.mce-toc {
+	border: 1px solid gray;
+}
+.mce-toc h2 {
+	margin: 4px;
+}
+.mce-toc li {
+	list-style-type: none;
+}
+.mce-item-table:not([border]),
+.mce-item-table:not([border]) caption,
+.mce-item-table:not([border]) td,
+.mce-item-table:not([border]) th,
+.mce-item-table[border='0'],
+.mce-item-table[border='0'] caption,
+.mce-item-table[border='0'] td,
+.mce-item-table[border='0'] th,
+table[style*='border-width: 0px'],
+table[style*='border-width: 0px'] caption,
+table[style*='border-width: 0px'] td,
+table[style*='border-width: 0px'] th {
+	border: 1px dashed #bbb;
+}
+.mce-visualblocks address,
+.mce-visualblocks article,
+.mce-visualblocks aside,
+.mce-visualblocks blockquote,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks dl,
+.mce-visualblocks figcaption,
+.mce-visualblocks figure,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks hgroup,
+.mce-visualblocks ol,
+.mce-visualblocks p,
+.mce-visualblocks pre,
+.mce-visualblocks section,
+.mce-visualblocks ul {
+	background-repeat: no-repeat;
+	border: 1px dashed #bbb;
+	margin-left: 3px;
+	padding-top: 10px;
+}
+.mce-visualblocks p {
+	background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+	background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+	background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+	background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+	background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+	background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+	background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+	border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+	background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+	background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir='rtl']) address,
+.mce-visualblocks:not([dir='rtl']) article,
+.mce-visualblocks:not([dir='rtl']) aside,
+.mce-visualblocks:not([dir='rtl']) blockquote,
+.mce-visualblocks:not([dir='rtl']) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir='rtl']) dl,
+.mce-visualblocks:not([dir='rtl']) figcaption,
+.mce-visualblocks:not([dir='rtl']) figure,
+.mce-visualblocks:not([dir='rtl']) h1,
+.mce-visualblocks:not([dir='rtl']) h2,
+.mce-visualblocks:not([dir='rtl']) h3,
+.mce-visualblocks:not([dir='rtl']) h4,
+.mce-visualblocks:not([dir='rtl']) h5,
+.mce-visualblocks:not([dir='rtl']) h6,
+.mce-visualblocks:not([dir='rtl']) hgroup,
+.mce-visualblocks:not([dir='rtl']) ol,
+.mce-visualblocks:not([dir='rtl']) p,
+.mce-visualblocks:not([dir='rtl']) pre,
+.mce-visualblocks:not([dir='rtl']) section,
+.mce-visualblocks:not([dir='rtl']) ul {
+	margin-left: 3px;
+}
+.mce-visualblocks[dir='rtl'] address,
+.mce-visualblocks[dir='rtl'] article,
+.mce-visualblocks[dir='rtl'] aside,
+.mce-visualblocks[dir='rtl'] blockquote,
+.mce-visualblocks[dir='rtl'] div:not([data-mce-bogus]),
+.mce-visualblocks[dir='rtl'] dl,
+.mce-visualblocks[dir='rtl'] figcaption,
+.mce-visualblocks[dir='rtl'] figure,
+.mce-visualblocks[dir='rtl'] h1,
+.mce-visualblocks[dir='rtl'] h2,
+.mce-visualblocks[dir='rtl'] h3,
+.mce-visualblocks[dir='rtl'] h4,
+.mce-visualblocks[dir='rtl'] h5,
+.mce-visualblocks[dir='rtl'] h6,
+.mce-visualblocks[dir='rtl'] hgroup,
+.mce-visualblocks[dir='rtl'] ol,
+.mce-visualblocks[dir='rtl'] p,
+.mce-visualblocks[dir='rtl'] pre,
+.mce-visualblocks[dir='rtl'] section,
+.mce-visualblocks[dir='rtl'] ul {
+	background-position-x: right;
+	margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+	background: #aaa;
+}
+.mce-shy::after {
+	content: '-';
+}
+body {
+	font-family: sans-serif;
+}
+table {
+	border-collapse: collapse;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/oxide/skin.css b/src/frontend/admin/public/tinymce/skins/ui/oxide/skin.css
new file mode 100644
index 00000000..b5a17d78
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/oxide/skin.css
@@ -0,0 +1,3660 @@
+.tox {
+	box-shadow: none;
+	box-sizing: content-box;
+	color: #222f3e;
+	cursor: auto;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: normal;
+	-webkit-tap-highlight-color: transparent;
+	text-decoration: none;
+	text-shadow: none;
+	text-transform: none;
+	vertical-align: initial;
+	white-space: normal;
+}
+
+.tox *:not(svg):not(rect) {
+	box-sizing: inherit;
+	color: inherit;
+	cursor: inherit;
+	direction: inherit;
+	font-family: inherit;
+	font-size: inherit;
+	font-style: inherit;
+	font-weight: inherit;
+	line-height: inherit;
+	-webkit-tap-highlight-color: inherit;
+	text-align: inherit;
+	text-decoration: inherit;
+	text-shadow: inherit;
+	text-transform: inherit;
+	vertical-align: inherit;
+	white-space: inherit;
+}
+
+.tox *:not(svg):not(rect) {
+	/* stylelint-disable-line no-duplicate-selectors */
+	background: transparent;
+	border: 0;
+	box-shadow: none;
+	float: none;
+	height: auto;
+	margin: 0;
+	max-width: none;
+	outline: 0;
+	padding: 0;
+	position: static;
+	width: auto;
+}
+
+.tox:not([dir='rtl']) {
+	direction: ltr;
+	text-align: left;
+}
+
+.tox[dir='rtl'] {
+	direction: rtl;
+	text-align: right;
+}
+
+.tox-tinymce {
+	border: 2px solid #eeeeee;
+	border-radius: 10px;
+	box-shadow: none;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	overflow: hidden;
+	position: relative;
+	visibility: inherit !important;
+}
+
+.tox.tox-tinymce-inline {
+	border: none;
+	box-shadow: none;
+	overflow: initial;
+}
+
+.tox.tox-tinymce-inline .tox-editor-container {
+	overflow: initial;
+}
+
+.tox.tox-tinymce-inline .tox-editor-header {
+	background-color: #fff;
+	border: 2px solid #eeeeee;
+	border-radius: 10px;
+	box-shadow: none;
+	overflow: hidden;
+}
+
+.tox-tinymce-aux {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	z-index: 1300;
+}
+
+.tox-tinymce *:focus,
+.tox-tinymce-aux *:focus {
+	outline: none;
+}
+
+button::-moz-focus-inner {
+	border: 0;
+}
+
+.tox[dir='rtl'] .tox-icon--flip svg {
+	transform: rotateY(180deg);
+}
+
+.tox .accessibility-issue__header {
+	align-items: center;
+	display: flex;
+	margin-bottom: 4px;
+}
+
+.tox .accessibility-issue__description {
+	align-items: stretch;
+	border: 1px solid #eeeeee;
+	border-radius: 6px;
+	display: flex;
+	justify-content: space-between;
+}
+
+.tox .accessibility-issue__description > div {
+	padding-bottom: 4px;
+}
+
+.tox .accessibility-issue__description > div > div {
+	align-items: center;
+	display: flex;
+	margin-bottom: 4px;
+}
+
+.tox .accessibility-issue__description > *:last-child:not(:only-child) {
+	border-color: #eeeeee;
+	border-style: solid;
+}
+
+.tox .accessibility-issue__repair {
+	margin-top: 16px;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+	background-color: rgba(0, 108, 231, 0.1);
+	border-color: #006ce7;
+	color: #222f3e;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
+	border-color: #006ce7;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+	color: #006ce7;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
+	fill: #006ce7;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
+	color: #006ce7;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+	background-color: rgba(255, 165, 0, 0.1);
+	border-color: rgba(255, 165, 0, 0.5);
+	color: #222f3e;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {
+	border-color: rgba(255, 165, 0, 0.5);
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+	color: #cc8500;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
+	fill: #cc8500;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
+	color: #cc8500;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+	background-color: rgba(204, 0, 0, 0.1);
+	border-color: rgba(204, 0, 0, 0.4);
+	color: #222f3e;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {
+	border-color: rgba(204, 0, 0, 0.4);
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+	color: #c00;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
+	fill: #c00;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
+	color: #c00;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+	background-color: rgba(120, 171, 70, 0.1);
+	border-color: rgba(120, 171, 70, 0.4);
+	color: #222f3e;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
+	border-color: rgba(120, 171, 70, 0.4);
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+	color: #78ab46;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
+	fill: #78ab46;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
+	color: #78ab46;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue__header h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+	margin-top: 0;
+}
+
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+	margin-left: 4px;
+}
+
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+	margin-left: auto;
+}
+
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__description {
+	padding: 4px 4px 4px 8px;
+}
+
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__description > *:last-child {
+	border-left-width: 1px;
+	padding-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+	margin-right: 4px;
+}
+
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+	margin-right: auto;
+}
+
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description {
+	padding: 4px 8px 4px 4px;
+}
+
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description > *:last-child {
+	border-right-width: 1px;
+	padding-right: 4px;
+}
+
+.tox .tox-anchorbar {
+	display: flex;
+	flex: 0 0 auto;
+}
+
+.tox .tox-bar {
+	display: flex;
+	flex: 0 0 auto;
+}
+
+.tox .tox-button {
+	background-color: #006ce7;
+	background-image: none;
+	background-position: 0 0;
+	background-repeat: repeat;
+	border-color: #006ce7;
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #fff;
+	cursor: pointer;
+	display: inline-block;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: bold;
+	letter-spacing: normal;
+	line-height: 24px;
+	margin: 0;
+	outline: none;
+	padding: 4px 16px;
+	text-align: center;
+	text-decoration: none;
+	text-transform: none;
+	white-space: nowrap;
+}
+
+.tox .tox-button[disabled] {
+	background-color: #006ce7;
+	background-image: none;
+	border-color: #006ce7;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-button:focus:not(:disabled) {
+	background-color: #0060ce;
+	background-image: none;
+	border-color: #0060ce;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button:hover:not(:disabled) {
+	background-color: #0060ce;
+	background-image: none;
+	border-color: #0060ce;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button:active:not(:disabled) {
+	background-color: #0054b4;
+	background-image: none;
+	border-color: #0054b4;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button--secondary {
+	background-color: #f0f0f0;
+	background-image: none;
+	background-position: 0 0;
+	background-repeat: repeat;
+	border-color: #f0f0f0;
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	color: #222f3e;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: bold;
+	letter-spacing: normal;
+	outline: none;
+	padding: 4px 16px;
+	text-decoration: none;
+	text-transform: none;
+}
+
+.tox .tox-button--secondary[disabled] {
+	background-color: #f0f0f0;
+	background-image: none;
+	border-color: #f0f0f0;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+}
+
+.tox .tox-button--secondary:focus:not(:disabled) {
+	background-color: #e3e3e3;
+	background-image: none;
+	border-color: #e3e3e3;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-button--secondary:hover:not(:disabled) {
+	background-color: #e3e3e3;
+	background-image: none;
+	border-color: #e3e3e3;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-button--secondary:active:not(:disabled) {
+	background-color: #d6d6d6;
+	background-image: none;
+	border-color: #d6d6d6;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+	padding: 4px;
+}
+
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+	display: block;
+	fill: currentColor;
+}
+
+.tox .tox-button-link {
+	background: 0;
+	border: none;
+	box-sizing: border-box;
+	cursor: pointer;
+	display: inline-block;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 16px;
+	font-weight: normal;
+	line-height: 1.3;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+
+.tox .tox-button-link--sm {
+	font-size: 14px;
+}
+
+.tox .tox-button--naked {
+	background-color: transparent;
+	border-color: transparent;
+	box-shadow: unset;
+	color: #222f3e;
+}
+
+.tox .tox-button--naked[disabled] {
+	background-color: rgba(34, 47, 62, 0.12);
+	border-color: transparent;
+	box-shadow: unset;
+	color: rgba(34, 47, 62, 0.5);
+}
+
+.tox .tox-button--naked:hover:not(:disabled) {
+	background-color: rgba(34, 47, 62, 0.12);
+	border-color: transparent;
+	box-shadow: unset;
+	color: #222f3e;
+}
+
+.tox .tox-button--naked:focus:not(:disabled) {
+	background-color: rgba(34, 47, 62, 0.12);
+	border-color: transparent;
+	box-shadow: unset;
+	color: #222f3e;
+}
+
+.tox .tox-button--naked:active:not(:disabled) {
+	background-color: rgba(34, 47, 62, 0.18);
+	border-color: transparent;
+	box-shadow: unset;
+	color: #222f3e;
+}
+
+.tox .tox-button--naked .tox-icon svg {
+	fill: currentColor;
+}
+
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+	color: #222f3e;
+}
+
+.tox .tox-checkbox {
+	align-items: center;
+	border-radius: 6px;
+	cursor: pointer;
+	display: flex;
+	height: 36px;
+	min-width: 36px;
+}
+
+.tox .tox-checkbox__input {
+	/* Hide from view but visible to screen readers */
+	height: 1px;
+	overflow: hidden;
+	position: absolute;
+	top: auto;
+	width: 1px;
+}
+
+.tox .tox-checkbox__icons {
+	align-items: center;
+	border-radius: 6px;
+	box-shadow: 0 0 0 2px transparent;
+	box-sizing: content-box;
+	display: flex;
+	height: 24px;
+	justify-content: center;
+	padding: calc(4px - 1px);
+	width: 24px;
+}
+
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: block;
+	fill: rgba(34, 47, 62, 0.3);
+}
+
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	display: none;
+	fill: #006ce7;
+}
+
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	display: none;
+	fill: #006ce7;
+}
+
+.tox .tox-checkbox--disabled {
+	color: rgba(34, 47, 62, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: none;
+}
+
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	display: block;
+}
+
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: none;
+}
+
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	display: block;
+}
+
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+	border-radius: 6px;
+	box-shadow: inset 0 0 0 1px #006ce7;
+	padding: calc(4px - 1px);
+}
+
+.tox:not([dir='rtl']) .tox-checkbox__label {
+	margin-left: 4px;
+}
+
+.tox:not([dir='rtl']) .tox-checkbox__input {
+	left: -10000px;
+}
+
+.tox:not([dir='rtl']) .tox-bar .tox-checkbox {
+	margin-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-checkbox__label {
+	margin-right: 4px;
+}
+
+.tox[dir='rtl'] .tox-checkbox__input {
+	right: -10000px;
+}
+
+.tox[dir='rtl'] .tox-bar .tox-checkbox {
+	margin-right: 4px;
+}
+
+.tox {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox .tox-collection--toolbar .tox-collection__group {
+	display: flex;
+	padding: 0;
+}
+
+.tox .tox-collection--grid .tox-collection__group {
+	display: flex;
+	flex-wrap: wrap;
+	max-height: 208px;
+	overflow-x: hidden;
+	overflow-y: auto;
+	padding: 0;
+}
+
+.tox .tox-collection--list .tox-collection__group {
+	border-bottom-width: 0;
+	border-color: #e3e3e3;
+	border-left-width: 0;
+	border-right-width: 0;
+	border-style: solid;
+	border-top-width: 1px;
+	padding: 4px 0;
+}
+
+.tox .tox-collection--list .tox-collection__group:first-child {
+	border-top-width: 0;
+}
+
+.tox .tox-collection__group-heading {
+	background-color: #fcfcfc;
+	color: rgba(34, 47, 62, 0.7);
+	cursor: default;
+	font-size: 12px;
+	font-style: normal;
+	font-weight: normal;
+	margin-bottom: 4px;
+	margin-top: -4px;
+	padding: 4px 8px;
+	text-transform: none;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.tox .tox-collection__item {
+	align-items: center;
+	border-radius: 3px;
+	color: #222f3e;
+	display: flex;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.tox .tox-collection--list .tox-collection__item {
+	padding: 4px 8px;
+}
+
+.tox .tox-collection--toolbar .tox-collection__item {
+	border-radius: 3px;
+	padding: 4px;
+}
+
+.tox .tox-collection--grid .tox-collection__item {
+	border-radius: 3px;
+	padding: 4px;
+}
+
+.tox .tox-collection--list .tox-collection__item--enabled {
+	background-color: #fff;
+	color: #222f3e;
+}
+
+.tox .tox-collection--list .tox-collection__item--active {
+	background-color: #cce2fa;
+}
+
+.tox .tox-collection--toolbar .tox-collection__item--enabled {
+	background-color: #a6ccf7;
+	color: #222f3e;
+}
+
+.tox .tox-collection--toolbar .tox-collection__item--active {
+	background-color: #cce2fa;
+}
+
+.tox .tox-collection--grid .tox-collection__item--enabled {
+	background-color: #a6ccf7;
+	color: #222f3e;
+}
+
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	background-color: #cce2fa;
+	color: #222f3e;
+}
+
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	color: #222f3e;
+}
+
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	color: #222f3e;
+}
+
+.tox .tox-collection__item-icon,
+.tox .tox-collection__item-checkmark {
+	align-items: center;
+	display: flex;
+	height: 24px;
+	justify-content: center;
+	width: 24px;
+}
+
+.tox .tox-collection__item-icon svg,
+.tox .tox-collection__item-checkmark svg {
+	fill: currentColor;
+}
+
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+	height: 48px;
+	width: 48px;
+}
+
+.tox .tox-collection__item-label {
+	color: currentColor;
+	display: inline-block;
+	flex: 1;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 24px;
+	text-transform: none;
+	word-break: break-all;
+}
+
+.tox .tox-collection__item-accessory {
+	color: rgba(34, 47, 62, 0.7);
+	display: inline-block;
+	font-size: 14px;
+	height: 24px;
+	line-height: 24px;
+	text-transform: none;
+}
+
+.tox .tox-collection__item-caret {
+	align-items: center;
+	display: flex;
+	min-height: 24px;
+}
+
+.tox .tox-collection__item-caret::after {
+	content: '';
+	font-size: 0;
+	min-height: inherit;
+}
+
+.tox .tox-collection__item-caret svg {
+	fill: #222f3e;
+}
+
+.tox .tox-collection__item--state-disabled {
+	background-color: transparent;
+	color: rgba(34, 47, 62, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+
+.tox
+.tox-collection--list
+.tox-collection__item:not(.tox-collection__item--enabled)
+.tox-collection__item-checkmark
+svg {
+	display: none;
+}
+
+.tox
+.tox-collection--list
+.tox-collection__item:not(.tox-collection__item--enabled)
+.tox-collection__item-accessory
++ .tox-collection__item-checkmark {
+	display: none;
+}
+
+.tox .tox-collection--horizontal {
+	background-color: #fff;
+	border: 1px solid #e3e3e3;
+	border-radius: 6px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: nowrap;
+	margin-bottom: 0;
+	overflow-x: auto;
+	padding: 0;
+}
+
+.tox .tox-collection--horizontal .tox-collection__group {
+	align-items: center;
+	display: flex;
+	flex-wrap: nowrap;
+	margin: 0;
+	padding: 0 4px;
+}
+
+.tox .tox-collection--horizontal .tox-collection__item {
+	height: 28px;
+	margin: 6px 1px 5px 0;
+	padding: 0 4px;
+}
+
+.tox .tox-collection--horizontal .tox-collection__item-label {
+	white-space: nowrap;
+}
+
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+	margin-left: 4px;
+}
+
+.tox .tox-collection__item-container {
+	display: flex;
+}
+
+.tox .tox-collection__item-container--row {
+	align-items: center;
+	flex: 1 1 auto;
+	flex-direction: row;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+	margin-right: auto;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+	justify-content: flex-end;
+	margin-left: auto;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+	align-items: flex-start;
+	margin-bottom: auto;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+	align-items: center;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+	align-items: flex-end;
+	margin-top: auto;
+}
+
+.tox .tox-collection__item-container--column {
+	align-self: center;
+	flex: 1 1 auto;
+	flex-direction: column;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+	align-items: flex-start;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+	align-items: flex-end;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+	align-self: flex-start;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+	align-self: center;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+	align-self: flex-end;
+}
+
+.tox:not([dir='rtl']) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+	border-right: 1px solid transparent;
+}
+
+.tox:not([dir='rtl']) .tox-collection--list .tox-collection__item > *:not(:first-child) {
+	margin-left: 8px;
+}
+
+.tox:not([dir='rtl']) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+	margin-left: 4px;
+}
+
+.tox:not([dir='rtl']) .tox-collection__item-accessory {
+	margin-left: 16px;
+	text-align: right;
+}
+
+.tox:not([dir='rtl']) .tox-collection .tox-collection__item-caret {
+	margin-left: 16px;
+}
+
+.tox[dir='rtl'] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+	border-left: 1px solid transparent;
+}
+
+.tox[dir='rtl'] .tox-collection--list .tox-collection__item > *:not(:first-child) {
+	margin-right: 8px;
+}
+
+.tox[dir='rtl'] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+	margin-right: 4px;
+}
+
+.tox[dir='rtl'] .tox-collection__item-accessory {
+	margin-right: 16px;
+	text-align: left;
+}
+
+.tox[dir='rtl'] .tox-collection .tox-collection__item-caret {
+	margin-right: 16px;
+	transform: rotateY(180deg);
+}
+
+.tox[dir='rtl'] .tox-collection--horizontal .tox-collection__item-caret {
+	margin-right: 4px;
+}
+
+.tox .tox-color-picker-container {
+	display: flex;
+	flex-direction: row;
+	height: 225px;
+	margin: 0;
+}
+
+.tox .tox-sv-palette {
+	box-sizing: border-box;
+	display: flex;
+	height: 100%;
+}
+
+.tox .tox-sv-palette-spectrum {
+	height: 100%;
+}
+
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+	width: 225px;
+}
+
+.tox .tox-sv-palette-thumb {
+	background: none;
+	border: 1px solid black;
+	border-radius: 50%;
+	box-sizing: content-box;
+	height: 12px;
+	position: absolute;
+	width: 12px;
+}
+
+.tox .tox-sv-palette-inner-thumb {
+	border: 1px solid white;
+	border-radius: 50%;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+}
+
+.tox .tox-hue-slider {
+	box-sizing: border-box;
+	height: 100%;
+	width: 25px;
+}
+
+.tox .tox-hue-slider-spectrum {
+	background: linear-gradient(
+		to bottom,
+		#f00,
+		#ff0080,
+		#f0f,
+		#8000ff,
+		#00f,
+		#0080ff,
+		#0ff,
+		#00ff80,
+		#0f0,
+		#80ff00,
+		#ff0,
+		#ff8000,
+		#f00
+	);
+	height: 100%;
+	width: 100%;
+}
+
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+	width: 20px;
+}
+
+.tox .tox-hue-slider-thumb {
+	background: white;
+	border: 1px solid black;
+	box-sizing: content-box;
+	height: 4px;
+	width: 100%;
+}
+
+.tox .tox-rgb-form {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.tox .tox-rgb-form div {
+	align-items: center;
+	display: flex;
+	justify-content: space-between;
+	margin-bottom: 5px;
+	width: inherit;
+}
+
+.tox .tox-rgb-form input {
+	width: 6em;
+}
+
+.tox .tox-rgb-form input.tox-invalid {
+	/* Need !important to override Chrome's focus styling unfortunately */
+	border: 1px solid red !important;
+}
+
+.tox .tox-rgb-form .tox-rgba-preview {
+	border: 1px solid black;
+	flex-grow: 2;
+	margin-bottom: 0;
+}
+
+.tox:not([dir='rtl']) .tox-sv-palette {
+	margin-right: 15px;
+}
+
+.tox:not([dir='rtl']) .tox-hue-slider {
+	margin-right: 15px;
+}
+
+.tox:not([dir='rtl']) .tox-hue-slider-thumb {
+	margin-left: -1px;
+}
+
+.tox:not([dir='rtl']) .tox-rgb-form label {
+	margin-right: 0.5em;
+}
+
+.tox[dir='rtl'] .tox-sv-palette {
+	margin-left: 15px;
+}
+
+.tox[dir='rtl'] .tox-hue-slider {
+	margin-left: 15px;
+}
+
+.tox[dir='rtl'] .tox-hue-slider-thumb {
+	margin-right: -1px;
+}
+
+.tox[dir='rtl'] .tox-rgb-form label {
+	margin-left: 0.5em;
+}
+
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches {
+	margin: 5px 0 6px 11px;
+}
+
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+	border: 0;
+	margin: -4px -4px;
+}
+
+.tox .tox-swatches__row {
+	display: flex;
+}
+
+.tox .tox-swatch {
+	height: 30px;
+	transition: transform 0.15s, box-shadow 0.15s;
+	width: 30px;
+}
+
+.tox .tox-swatch:hover,
+.tox .tox-swatch:focus {
+	box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+	transform: scale(0.8);
+}
+
+.tox .tox-swatch--remove {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+}
+
+.tox .tox-swatch--remove svg path {
+	stroke: #e74c3c;
+}
+
+.tox .tox-swatches__picker-btn {
+	align-items: center;
+	background-color: transparent;
+	border: 0;
+	cursor: pointer;
+	display: flex;
+	height: 30px;
+	justify-content: center;
+	outline: none;
+	padding: 0;
+	width: 30px;
+}
+
+.tox .tox-swatches__picker-btn svg {
+	fill: #222f3e;
+	height: 24px;
+	width: 24px;
+}
+
+.tox .tox-swatches__picker-btn:hover {
+	background: #cce2fa;
+}
+
+.tox:not([dir='rtl']) .tox-swatches__picker-btn {
+	margin-left: auto;
+}
+
+.tox[dir='rtl'] .tox-swatches__picker-btn {
+	margin-right: auto;
+}
+
+.tox .tox-comment-thread {
+	background: #fff;
+	position: relative;
+}
+
+.tox .tox-comment-thread > *:not(:first-child) {
+	margin-top: 8px;
+}
+
+.tox .tox-comment {
+	background: #fff;
+	border: 1px solid #eeeeee;
+	border-radius: 6px;
+	box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+	padding: 8px 8px 16px 8px;
+	position: relative;
+}
+
+.tox .tox-comment__header {
+	align-items: center;
+	color: #222f3e;
+	display: flex;
+	justify-content: space-between;
+}
+
+.tox .tox-comment__date {
+	color: rgba(34, 47, 62, 0.7);
+	font-size: 12px;
+}
+
+.tox .tox-comment__body {
+	color: #222f3e;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.3;
+	margin-top: 8px;
+	position: relative;
+	text-transform: initial;
+}
+
+.tox .tox-comment__body textarea {
+	resize: none;
+	white-space: normal;
+	width: 100%;
+}
+
+.tox .tox-comment__expander {
+	padding-top: 8px;
+}
+
+.tox .tox-comment__expander p {
+	color: rgba(34, 47, 62, 0.7);
+	font-size: 14px;
+	font-style: normal;
+}
+
+.tox .tox-comment__body p {
+	margin: 0;
+}
+
+.tox .tox-comment__buttonspacing {
+	padding-top: 16px;
+	text-align: center;
+}
+
+.tox .tox-comment-thread__overlay::after {
+	background: #fff;
+	bottom: 0;
+	content: '';
+	display: flex;
+	left: 0;
+	opacity: 0.9;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 5;
+}
+
+.tox .tox-comment__reply {
+	display: flex;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	margin-top: 8px;
+}
+
+.tox .tox-comment__reply > *:first-child {
+	margin-bottom: 8px;
+	width: 100%;
+}
+
+.tox .tox-comment__edit {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	margin-top: 16px;
+}
+
+.tox .tox-comment__gradient::after {
+	background: linear-gradient(rgba(255, 255, 255, 0), #fff);
+	bottom: 0;
+	content: '';
+	display: block;
+	height: 5em;
+	margin-top: -40px;
+	position: absolute;
+	width: 100%;
+}
+
+.tox .tox-comment__overlay {
+	background: #fff;
+	bottom: 0;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	left: 0;
+	opacity: 0.9;
+	position: absolute;
+	right: 0;
+	text-align: center;
+	top: 0;
+	z-index: 5;
+}
+
+.tox .tox-comment__loading-text {
+	align-items: center;
+	color: #222f3e;
+	display: flex;
+	flex-direction: column;
+	position: relative;
+}
+
+.tox .tox-comment__loading-text > div {
+	padding-bottom: 16px;
+}
+
+.tox .tox-comment__overlaytext {
+	bottom: 0;
+	flex-direction: column;
+	font-size: 14px;
+	left: 0;
+	padding: 1em;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 10;
+}
+
+.tox .tox-comment__overlaytext p {
+	background-color: #fff;
+	box-shadow: 0 0 8px 8px #fff;
+	color: #222f3e;
+	text-align: center;
+}
+
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+	font-size: 0.8em;
+}
+
+.tox .tox-comment__busy-spinner {
+	align-items: center;
+	background-color: #fff;
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 20;
+}
+
+.tox .tox-comment__scroll {
+	display: flex;
+	flex-direction: column;
+	flex-shrink: 1;
+	overflow: auto;
+}
+
+.tox .tox-conversations {
+	margin: 8px;
+}
+
+.tox:not([dir='rtl']) .tox-comment__edit {
+	margin-left: 8px;
+}
+
+.tox:not([dir='rtl']) .tox-comment__buttonspacing > *:last-child,
+.tox:not([dir='rtl']) .tox-comment__edit > *:last-child,
+.tox:not([dir='rtl']) .tox-comment__reply > *:last-child {
+	margin-left: 8px;
+}
+
+.tox[dir='rtl'] .tox-comment__edit {
+	margin-right: 8px;
+}
+
+.tox[dir='rtl'] .tox-comment__buttonspacing > *:last-child,
+.tox[dir='rtl'] .tox-comment__edit > *:last-child,
+.tox[dir='rtl'] .tox-comment__reply > *:last-child {
+	margin-right: 8px;
+}
+
+.tox .tox-user {
+	align-items: center;
+	display: flex;
+}
+
+.tox .tox-user__avatar svg {
+	fill: rgba(34, 47, 62, 0.7);
+}
+
+.tox .tox-user__name {
+	color: rgba(34, 47, 62, 0.7);
+	font-size: 12px;
+	font-style: normal;
+	font-weight: bold;
+	text-transform: uppercase;
+}
+
+.tox:not([dir='rtl']) .tox-user__avatar svg {
+	margin-right: 8px;
+}
+
+.tox:not([dir='rtl']) .tox-user__avatar + .tox-user__name {
+	margin-left: 8px;
+}
+
+.tox[dir='rtl'] .tox-user__avatar svg {
+	margin-left: 8px;
+}
+
+.tox[dir='rtl'] .tox-user__avatar + .tox-user__name {
+	margin-right: 8px;
+}
+
+.tox .tox-dialog-wrap {
+	align-items: center;
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: fixed;
+	right: 0;
+	top: 0;
+	z-index: 1100;
+}
+
+.tox .tox-dialog-wrap__backdrop {
+	background-color: rgba(255, 255, 255, 0.75);
+	bottom: 0;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 1;
+}
+
+.tox .tox-dialog-wrap__backdrop--opaque {
+	background-color: #fff;
+}
+
+.tox .tox-dialog {
+	background-color: #fff;
+	border-color: #eeeeee;
+	border-radius: 10px;
+	border-style: solid;
+	border-width: 0px;
+	box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+	display: flex;
+	flex-direction: column;
+	max-height: 100%;
+	max-width: 480px;
+	overflow: hidden;
+	position: relative;
+	width: 95vw;
+	z-index: 2;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog {
+		align-self: flex-start;
+		margin: 8px auto;
+		width: calc(100vw - 16px);
+	}
+}
+
+.tox .tox-dialog-inline {
+	z-index: 1100;
+}
+
+.tox .tox-dialog__header {
+	align-items: center;
+	background-color: #fff;
+	border-bottom: none;
+	color: #222f3e;
+	display: flex;
+	font-size: 16px;
+	justify-content: space-between;
+	padding: 8px 16px 0 16px;
+	position: relative;
+}
+
+.tox .tox-dialog__header .tox-button {
+	z-index: 1;
+}
+
+.tox .tox-dialog__draghandle {
+	cursor: grab;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.tox .tox-dialog__draghandle:active {
+	cursor: grabbing;
+}
+
+.tox .tox-dialog__dismiss {
+	margin-left: auto;
+}
+
+.tox .tox-dialog__title {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 20px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.3;
+	margin: 0;
+	text-transform: none;
+}
+
+.tox .tox-dialog__body {
+	color: #222f3e;
+	display: flex;
+	flex: 1;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.3;
+	min-width: 0;
+	text-align: left;
+	text-transform: none;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog__body {
+		flex-direction: column;
+	}
+}
+
+.tox .tox-dialog__body-nav {
+	align-items: flex-start;
+	display: flex;
+	flex-direction: column;
+	padding: 16px 16px;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+		flex-direction: row;
+		-webkit-overflow-scrolling: touch;
+		overflow-x: auto;
+		padding-bottom: 0;
+	}
+}
+
+.tox .tox-dialog__body-nav-item {
+	border-bottom: 2px solid transparent;
+	color: rgba(34, 47, 62, 0.7);
+	display: inline-block;
+	font-size: 14px;
+	line-height: 1.3;
+	margin-bottom: 8px;
+	text-decoration: none;
+	white-space: nowrap;
+}
+
+.tox .tox-dialog__body-nav-item:focus {
+	background-color: rgba(0, 108, 231, 0.1);
+}
+
+.tox .tox-dialog__body-nav-item--active {
+	border-bottom: 2px solid #006ce7;
+	color: #006ce7;
+}
+
+.tox .tox-dialog__body-content {
+	box-sizing: border-box;
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	max-height: 650px;
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
+	padding: 16px 16px;
+}
+
+.tox .tox-dialog__body-content > * {
+	margin-bottom: 0;
+	margin-top: 16px;
+}
+
+.tox .tox-dialog__body-content > *:first-child {
+	margin-top: 0;
+}
+
+.tox .tox-dialog__body-content > *:last-child {
+	margin-bottom: 0;
+}
+
+.tox .tox-dialog__body-content > *:only-child {
+	margin-bottom: 0;
+	margin-top: 0;
+}
+
+.tox .tox-dialog__body-content a {
+	color: #006ce7;
+	cursor: pointer;
+	text-decoration: none;
+}
+
+.tox .tox-dialog__body-content a:hover,
+.tox .tox-dialog__body-content a:focus {
+	color: #0054b4;
+	text-decoration: none;
+}
+
+.tox .tox-dialog__body-content a:active {
+	color: #0054b4;
+	text-decoration: none;
+}
+
+.tox .tox-dialog__body-content svg {
+	fill: #222f3e;
+}
+
+.tox .tox-dialog__body-content ul {
+	display: block;
+	list-style-type: disc;
+	margin-bottom: 16px;
+	margin-inline-end: 0;
+	margin-inline-start: 0;
+	padding-inline-start: 2.5rem;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h1 {
+	color: #222f3e;
+	font-size: 20px;
+	font-style: normal;
+	font-weight: bold;
+	letter-spacing: normal;
+	margin-bottom: 16px;
+	margin-top: 2rem;
+	text-transform: none;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h2 {
+	color: #222f3e;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: bold;
+	letter-spacing: normal;
+	margin-bottom: 16px;
+	margin-top: 2rem;
+	text-transform: none;
+}
+
+.tox .tox-dialog__body-content .tox-form__group p {
+	margin-bottom: 16px;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+	margin-top: 0;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+	margin-bottom: 0;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+	margin-bottom: 0;
+	margin-top: 0;
+}
+
+.tox .tox-dialog--width-lg {
+	height: 650px;
+	max-width: 1200px;
+}
+
+.tox .tox-dialog--width-md {
+	max-width: 800px;
+}
+
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+	overflow: auto;
+}
+
+.tox .tox-dialog__body-content--centered {
+	text-align: center;
+}
+
+.tox .tox-dialog__footer {
+	align-items: center;
+	background-color: #fff;
+	border-top: none;
+	display: flex;
+	justify-content: space-between;
+	padding: 8px 16px;
+}
+
+.tox .tox-dialog__footer-start,
+.tox .tox-dialog__footer-end {
+	display: flex;
+}
+
+.tox .tox-dialog__busy-spinner {
+	align-items: center;
+	background-color: rgba(255, 255, 255, 0.75);
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 3;
+}
+
+.tox .tox-dialog__table {
+	border-collapse: collapse;
+	width: 100%;
+}
+
+.tox .tox-dialog__table thead th {
+	font-weight: bold;
+	padding-bottom: 8px;
+}
+
+.tox .tox-dialog__table tbody tr {
+	border-bottom: 1px solid #eeeeee;
+}
+
+.tox .tox-dialog__table tbody tr:last-child {
+	border-bottom: none;
+}
+
+.tox .tox-dialog__table td {
+	padding-bottom: 8px;
+	padding-top: 8px;
+}
+
+.tox .tox-dialog__popups {
+	position: absolute;
+	width: 100%;
+	z-index: 1100;
+}
+
+.tox .tox-dialog__body-iframe {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+
+.tox .tox-dialog__body-iframe .tox-navobj {
+	display: flex;
+	flex: 1;
+}
+
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+	flex: 1;
+	height: 100%;
+}
+
+.tox .tox-dialog-dock-fadeout {
+	opacity: 0;
+	visibility: hidden;
+}
+
+.tox .tox-dialog-dock-fadein {
+	opacity: 1;
+	visibility: visible;
+}
+
+.tox .tox-dialog-dock-transition {
+	transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+	transition-delay: 0s;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav {
+		margin-right: 0;
+	}
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav-item:not(:first-child) {
+		margin-left: 8px;
+	}
+}
+
+.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-end > * {
+	margin-left: 8px;
+}
+
+.tox[dir='rtl'] .tox-dialog__body {
+	text-align: right;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav {
+		margin-left: 0;
+	}
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav-item:not(:first-child) {
+		margin-right: 8px;
+	}
+}
+
+.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-end > * {
+	margin-right: 8px;
+}
+
+body.tox-dialog__disable-scroll {
+	overflow: hidden;
+}
+
+.tox .tox-dropzone-container {
+	display: flex;
+	flex: 1;
+}
+
+.tox .tox-dropzone {
+	align-items: center;
+	background: #fff;
+	border: 2px dashed #eeeeee;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	justify-content: center;
+	min-height: 100px;
+	padding: 10px;
+}
+
+.tox .tox-dropzone p {
+	color: rgba(34, 47, 62, 0.7);
+	margin: 0 0 16px 0;
+}
+
+.tox .tox-edit-area {
+	display: flex;
+	flex: 1;
+	overflow: hidden;
+	position: relative;
+}
+
+.tox .tox-edit-area__iframe {
+	background-color: #fff;
+	border: 0;
+	box-sizing: border-box;
+	flex: 1;
+	height: 100%;
+	position: absolute;
+	width: 100%;
+}
+
+.tox.tox-inline-edit-area {
+	border: 1px dotted #eeeeee;
+}
+
+.tox .tox-editor-container {
+	display: flex;
+	flex: 1 1 auto;
+	flex-direction: column;
+	overflow: hidden;
+}
+
+.tox .tox-editor-header {
+	z-index: 1;
+}
+
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+	background-color: #fff;
+	border-bottom: none;
+	box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
+	padding: 4px 0;
+	transition: box-shadow 0.5s;
+}
+
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+	border-top: 1px solid #e3e3e3;
+	box-shadow: none;
+}
+
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
+	background-color: #fff;
+	box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
+	padding: 4px 0;
+}
+
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+	box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
+}
+
+.tox-editor-dock-fadeout {
+	opacity: 0;
+	visibility: hidden;
+}
+
+.tox-editor-dock-fadein {
+	opacity: 1;
+	visibility: visible;
+}
+
+.tox-editor-dock-transition {
+	transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+	transition-delay: 0s;
+}
+
+.tox .tox-control-wrap {
+	flex: 1;
+	position: relative;
+}
+
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+	display: none;
+}
+
+.tox .tox-control-wrap svg {
+	display: block;
+}
+
+.tox .tox-control-wrap__status-icon-wrap {
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.tox .tox-control-wrap__status-icon-invalid svg {
+	fill: #c00;
+}
+
+.tox .tox-control-wrap__status-icon-unknown svg {
+	fill: orange;
+}
+
+.tox .tox-control-wrap__status-icon-valid svg {
+	fill: green;
+}
+
+.tox:not([dir='rtl']) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir='rtl']) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir='rtl']) .tox-control-wrap--status-valid .tox-textfield {
+	padding-right: 32px;
+}
+
+.tox:not([dir='rtl']) .tox-control-wrap__status-icon-wrap {
+	right: 4px;
+}
+
+.tox[dir='rtl'] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir='rtl'] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir='rtl'] .tox-control-wrap--status-valid .tox-textfield {
+	padding-left: 32px;
+}
+
+.tox[dir='rtl'] .tox-control-wrap__status-icon-wrap {
+	left: 4px;
+}
+
+.tox .tox-autocompleter {
+	max-width: 25em;
+}
+
+.tox .tox-autocompleter .tox-menu {
+	border-color: #eeeeee;
+	box-shadow: none;
+	max-width: 25em;
+}
+
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+	font-weight: bold;
+}
+
+.tox .tox-color-input {
+	display: flex;
+	position: relative;
+	z-index: 1;
+}
+
+.tox .tox-color-input .tox-textfield {
+	z-index: -1;
+}
+
+.tox .tox-color-input span {
+	border-color: rgba(34, 47, 62, 0.2);
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	height: 24px;
+	position: absolute;
+	top: 6px;
+	width: 24px;
+}
+
+.tox .tox-color-input span:hover:not([aria-disabled='true']),
+.tox .tox-color-input span:focus:not([aria-disabled='true']) {
+	border-color: #006ce7;
+	cursor: pointer;
+}
+
+.tox .tox-color-input span::before {
+	background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%),
+	linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%),
+	linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%),
+	linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
+	background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+	background-size: 12px 12px;
+	border: 1px solid #fff;
+	border-radius: 6px;
+	box-sizing: border-box;
+	content: '';
+	height: 24px;
+	left: -1px;
+	position: absolute;
+	top: -1px;
+	width: 24px;
+	z-index: -1;
+}
+
+.tox .tox-color-input span[aria-disabled='true'] {
+	cursor: not-allowed;
+}
+
+.tox:not([dir='rtl']) .tox-color-input {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox:not([dir='rtl']) .tox-color-input .tox-textfield {
+	padding-left: 36px;
+}
+
+.tox:not([dir='rtl']) .tox-color-input span {
+	left: 6px;
+}
+
+.tox[dir='rtl'] .tox-color-input {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox[dir='rtl'] .tox-color-input .tox-textfield {
+	padding-right: 36px;
+}
+
+.tox[dir='rtl'] .tox-color-input span {
+	right: 6px;
+}
+
+.tox .tox-label,
+.tox .tox-toolbar-label {
+	color: rgba(34, 47, 62, 0.7);
+	display: block;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.3;
+	padding: 0 8px 0 0;
+	text-transform: none;
+	white-space: nowrap;
+}
+
+.tox .tox-toolbar-label {
+	padding: 0 8px;
+}
+
+.tox[dir='rtl'] .tox-label {
+	padding: 0 0 0 8px;
+}
+
+.tox .tox-form {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+
+.tox .tox-form__group {
+	box-sizing: border-box;
+	margin-bottom: 4px;
+}
+
+.tox .tox-form-group--maximize {
+	flex: 1;
+}
+
+.tox .tox-form__group--error {
+	color: #c00;
+}
+
+.tox .tox-form__group--collection {
+	display: flex;
+}
+
+.tox .tox-form__grid {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+
+.tox .tox-form__grid--2col > .tox-form__group {
+	width: calc(50% - (8px / 2));
+}
+
+.tox .tox-form__grid--3col > .tox-form__group {
+	width: calc(100% / 3 - (8px / 2));
+}
+
+.tox .tox-form__grid--4col > .tox-form__group {
+	width: calc(25% - (8px / 2));
+}
+
+.tox .tox-form__controls-h-stack {
+	align-items: center;
+	display: flex;
+}
+
+.tox .tox-form__group--inline {
+	align-items: center;
+	display: flex;
+}
+
+.tox .tox-form__group--stretched {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+
+.tox .tox-form__group--stretched .tox-textarea {
+	flex: 1;
+}
+
+.tox .tox-form__group--stretched .tox-navobj {
+	display: flex;
+	flex: 1;
+}
+
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+	flex: 1;
+	height: 100%;
+}
+
+.tox:not([dir='rtl']) .tox-form__controls-h-stack > *:not(:first-child) {
+	margin-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-form__controls-h-stack > *:not(:first-child) {
+	margin-right: 4px;
+}
+
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+	display: none;
+}
+
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield,
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	background-color: #fff;
+	border-color: #eeeeee;
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #222f3e;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 16px;
+	line-height: 24px;
+	margin: 0;
+	min-height: 34px;
+	outline: none;
+	padding: 5px 5.5px;
+	resize: none;
+	width: 100%;
+}
+
+.tox .tox-textfield[disabled],
+.tox .tox-textarea[disabled] {
+	background-color: #f2f2f2;
+	color: rgba(34, 47, 62, 0.85);
+	cursor: not-allowed;
+}
+
+.tox .tox-textfield:focus,
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea:focus {
+	background-color: #fff;
+	border-color: #006ce7;
+	box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
+	outline: none;
+}
+
+.tox .tox-toolbar-textfield {
+	border-width: 0;
+	margin-bottom: 3px;
+	margin-top: 2px;
+	max-width: 250px;
+}
+
+.tox .tox-naked-btn {
+	background-color: transparent;
+	border: 0;
+	border-color: transparent;
+	box-shadow: unset;
+	color: #006ce7;
+	cursor: pointer;
+	display: block;
+	margin: 0;
+	padding: 0;
+}
+
+.tox .tox-naked-btn svg {
+	display: block;
+	fill: #222f3e;
+}
+
+.tox:not([dir='rtl']) .tox-toolbar-textfield + * {
+	margin-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-toolbar-textfield + * {
+	margin-right: 4px;
+}
+
+.tox .tox-listboxfield {
+	cursor: pointer;
+	position: relative;
+}
+
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+	background-color: #f2f2f2;
+	color: rgba(34, 47, 62, 0.85);
+	cursor: not-allowed;
+}
+
+.tox .tox-listbox__select-label {
+	cursor: default;
+	flex: 1;
+	margin: 0 4px;
+}
+
+.tox .tox-listbox__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+}
+
+.tox .tox-listbox__select-chevron svg {
+	fill: #222f3e;
+}
+
+.tox .tox-listboxfield .tox-listbox--select {
+	align-items: center;
+	display: flex;
+}
+
+.tox:not([dir='rtl']) .tox-listboxfield svg {
+	right: 8px;
+}
+
+.tox[dir='rtl'] .tox-listboxfield svg {
+	left: 8px;
+}
+
+.tox .tox-selectfield {
+	cursor: pointer;
+	position: relative;
+}
+
+.tox .tox-selectfield select {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	background-color: #fff;
+	border-color: #eeeeee;
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #222f3e;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 16px;
+	line-height: 24px;
+	margin: 0;
+	min-height: 34px;
+	outline: none;
+	padding: 5px 5.5px;
+	resize: none;
+	width: 100%;
+}
+
+.tox .tox-selectfield select[disabled] {
+	background-color: #f2f2f2;
+	color: rgba(34, 47, 62, 0.85);
+	cursor: not-allowed;
+}
+
+.tox .tox-selectfield select::-ms-expand {
+	display: none;
+}
+
+.tox .tox-selectfield select:focus {
+	background-color: #fff;
+	border-color: #006ce7;
+	box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
+	outline: none;
+}
+
+.tox .tox-selectfield svg {
+	pointer-events: none;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.tox:not([dir='rtl']) .tox-selectfield select[size='0'],
+.tox:not([dir='rtl']) .tox-selectfield select[size='1'] {
+	padding-right: 24px;
+}
+
+.tox:not([dir='rtl']) .tox-selectfield svg {
+	right: 8px;
+}
+
+.tox[dir='rtl'] .tox-selectfield select[size='0'],
+.tox[dir='rtl'] .tox-selectfield select[size='1'] {
+	padding-left: 24px;
+}
+
+.tox[dir='rtl'] .tox-selectfield svg {
+	left: 8px;
+}
+
+.tox .tox-textarea {
+	-webkit-appearance: textarea;
+	-moz-appearance: textarea;
+	appearance: textarea;
+	white-space: pre-wrap;
+}
+
+.tox-fullscreen {
+	border: 0;
+	height: 100%;
+	margin: 0;
+	overflow: hidden;
+	overscroll-behavior: none;
+	padding: 0;
+	touch-action: pinch-zoom;
+	width: 100%;
+}
+
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+	display: none;
+}
+
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+	left: 0;
+	position: fixed;
+	top: 0;
+	z-index: 1200;
+}
+
+.tox.tox-tinymce.tox-fullscreen {
+	background-color: transparent;
+}
+
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+	z-index: 1201;
+}
+
+.tox .tox-help__more-link {
+	list-style: none;
+	margin-top: 1em;
+}
+
+.tox .tox-imagepreview {
+	background-color: #666;
+	height: 380px;
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+}
+
+.tox .tox-imagepreview.tox-imagepreview__loaded {
+	overflow: auto;
+}
+
+.tox .tox-imagepreview__container {
+	display: flex;
+	left: 100vw;
+	position: absolute;
+	top: 100vw;
+}
+
+.tox .tox-imagepreview__image {
+	background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+
+.tox .tox-image-tools .tox-spacer {
+	flex: 1;
+}
+
+.tox .tox-image-tools .tox-bar {
+	align-items: center;
+	display: flex;
+	height: 60px;
+	justify-content: center;
+}
+
+.tox .tox-image-tools .tox-imagepreview,
+.tox .tox-image-tools .tox-imagepreview + .tox-bar {
+	margin-top: 8px;
+}
+
+.tox .tox-image-tools .tox-croprect-block {
+	background: black;
+	filter: alpha(opacity=50);
+	opacity: 0.5;
+	position: absolute;
+	zoom: 1;
+}
+
+.tox .tox-image-tools .tox-croprect-handle {
+	border: 2px solid white;
+	height: 20px;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 20px;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-move {
+	border: 0;
+	cursor: move;
+	position: absolute;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-nw {
+	border-width: 2px 0 0 2px;
+	cursor: nw-resize;
+	left: 100px;
+	margin: -2px 0 0 -2px;
+	top: 100px;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-ne {
+	border-width: 2px 2px 0 0;
+	cursor: ne-resize;
+	left: 200px;
+	margin: -2px 0 0 -20px;
+	top: 100px;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-sw {
+	border-width: 0 0 2px 2px;
+	cursor: sw-resize;
+	left: 100px;
+	margin: -20px 2px 0 -2px;
+	top: 200px;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-se {
+	border-width: 0 2px 2px 0;
+	cursor: se-resize;
+	left: 200px;
+	margin: -20px 0 0 -20px;
+	top: 200px;
+}
+
+.tox .tox-insert-table-picker {
+	display: flex;
+	flex-wrap: wrap;
+	width: 170px;
+}
+
+.tox .tox-insert-table-picker > div {
+	border-color: #eeeeee;
+	border-style: solid;
+	border-width: 0 1px 1px 0;
+	box-sizing: border-box;
+	height: 17px;
+	width: 17px;
+}
+
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+	margin: -4px -4px;
+}
+
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+	background-color: rgba(0, 108, 231, 0.5);
+	border-color: rgba(0, 108, 231, 0.5);
+}
+
+.tox .tox-insert-table-picker__label {
+	color: rgba(34, 47, 62, 0.7);
+	display: block;
+	font-size: 14px;
+	padding: 4px;
+	text-align: center;
+	width: 100%;
+}
+
+.tox:not([dir='rtl']) {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox:not([dir='rtl']) .tox-insert-table-picker > div:nth-child(10n) {
+	border-right: 0;
+}
+
+.tox[dir='rtl'] {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox[dir='rtl'] .tox-insert-table-picker > div:nth-child(10n + 1) {
+	border-right: 0;
+}
+
+.tox {
+	/* stylelint-disable */
+	/* stylelint-enable */
+}
+
+.tox .tox-menu {
+	background-color: #fff;
+	border: 1px solid transparent;
+	border-radius: 6px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	display: inline-block;
+	overflow: hidden;
+	vertical-align: top;
+	z-index: 1150;
+}
+
+.tox .tox-menu.tox-collection.tox-collection--list {
+	padding: 0 4px;
+}
+
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+	padding: 8px;
+}
+
+.tox .tox-menu.tox-collection.tox-collection--grid {
+	padding: 8px;
+}
+
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p,
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code {
+	margin: 0;
+}
+
+.tox .tox-menubar {
+	background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='transparent'/%3E%3C/svg%3E") left 0 top 0 #fff;
+	background-color: #fff;
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	padding: 0 11px 0 12px;
+}
+
+.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
+	border-top: 1px solid transparent;
+}
+
+/* Deprecated. Remove in next major release */
+.tox .tox-mbtn {
+	align-items: center;
+	background: transparent;
+	border: 0;
+	border-radius: 3px;
+	box-shadow: none;
+	color: #222f3e;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	height: 28px;
+	justify-content: center;
+	margin: 5px 1px 6px 0;
+	outline: none;
+	overflow: hidden;
+	padding: 0 4px;
+	text-transform: none;
+	width: auto;
+}
+
+.tox .tox-mbtn[disabled] {
+	background-color: transparent;
+	border: 0;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-mbtn:focus:not(:disabled) {
+	background: #cce2fa;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-mbtn--active {
+	background: #a6ccf7;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+	background: #cce2fa;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-mbtn__select-label {
+	cursor: default;
+	font-weight: normal;
+	margin: 0 4px;
+}
+
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+	cursor: not-allowed;
+}
+
+.tox .tox-mbtn__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+	display: none;
+}
+
+.tox .tox-notification {
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	display: grid;
+	font-size: 14px;
+	font-weight: normal;
+	grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+	margin-top: 4px;
+	opacity: 0;
+	padding: 4px;
+	transition: transform 100ms ease-in, opacity 150ms ease-in;
+}
+
+.tox .tox-notification p {
+	font-size: 14px;
+	font-weight: normal;
+}
+
+.tox .tox-notification a {
+	cursor: pointer;
+	text-decoration: underline;
+}
+
+.tox .tox-notification--in {
+	opacity: 1;
+}
+
+.tox .tox-notification--success {
+	background-color: #e4eeda;
+	border-color: #d7e6c8;
+	color: #222f3e;
+}
+
+.tox .tox-notification--success p {
+	color: #222f3e;
+}
+
+.tox .tox-notification--success a {
+	color: #517342;
+}
+
+.tox .tox-notification--success svg {
+	fill: #222f3e;
+}
+
+.tox .tox-notification--error {
+	background-color: #f5cccc;
+	border-color: #f0b3b3;
+	color: #222f3e;
+}
+
+.tox .tox-notification--error p {
+	color: #222f3e;
+}
+
+.tox .tox-notification--error a {
+	color: #77181f;
+}
+
+.tox .tox-notification--error svg {
+	fill: #222f3e;
+}
+
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+	background-color: #fff5cc;
+	border-color: #fff0b3;
+	color: #222f3e;
+}
+
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+	color: #222f3e;
+}
+
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+	color: #7a6e25;
+}
+
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+	fill: #222f3e;
+}
+
+.tox .tox-notification--info {
+	background-color: #d6e7fb;
+	border-color: #c1dbf9;
+	color: #222f3e;
+}
+
+.tox .tox-notification--info p {
+	color: #222f3e;
+}
+
+.tox .tox-notification--info a {
+	color: #2a64a6;
+}
+
+.tox .tox-notification--info svg {
+	fill: #222f3e;
+}
+
+.tox .tox-notification__body {
+	align-self: center;
+	color: #222f3e;
+	font-size: 14px;
+	grid-column-end: 3;
+	grid-column-start: 2;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	text-align: center;
+	white-space: normal;
+	word-break: break-all;
+	word-break: break-word;
+}
+
+.tox .tox-notification__body > * {
+	margin: 0;
+}
+
+.tox .tox-notification__body > * + * {
+	margin-top: 1rem;
+}
+
+.tox .tox-notification__icon {
+	align-self: center;
+	grid-column-end: 2;
+	grid-column-start: 1;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	justify-self: end;
+}
+
+.tox .tox-notification__icon svg {
+	display: block;
+}
+
+.tox .tox-notification__dismiss {
+	align-self: start;
+	grid-column-end: 4;
+	grid-column-start: 3;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	justify-self: end;
+}
+
+.tox .tox-notification .tox-progress-bar {
+	grid-column-end: 4;
+	grid-column-start: 1;
+	grid-row-end: 3;
+	grid-row-start: 2;
+	justify-self: center;
+}
+
+.tox .tox-pop {
+	display: inline-block;
+	position: relative;
+}
+
+.tox .tox-pop--resizing {
+	transition: width 0.1s ease;
+}
+
+.tox .tox-pop--resizing .tox-toolbar,
+.tox .tox-pop--resizing .tox-toolbar__group {
+	flex-wrap: nowrap;
+}
+
+.tox .tox-pop--transition {
+	transition: 0.15s ease;
+	transition-property: left, right, top, bottom;
+}
+
+.tox .tox-pop--transition::before,
+.tox .tox-pop--transition::after {
+	transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
+}
+
+.tox .tox-pop__dialog {
+	background-color: #fff;
+	border: 1px solid #eeeeee;
+	border-radius: 6px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	min-width: 0;
+	overflow: hidden;
+}
+
+.tox .tox-pop__dialog > *:not(.tox-toolbar) {
+	margin: 4px 4px 4px 8px;
+}
+
+.tox .tox-pop__dialog .tox-toolbar {
+	background-color: transparent;
+	margin-bottom: -1px;
+}
+
+.tox .tox-pop::before,
+.tox .tox-pop::after {
+	border-style: solid;
+	content: '';
+	display: block;
+	height: 0;
+	opacity: 1;
+	position: absolute;
+	width: 0;
+}
+
+.tox .tox-pop.tox-pop--inset::before,
+.tox .tox-pop.tox-pop--inset::after {
+	opacity: 0;
+	transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
+}
+
+.tox .tox-pop.tox-pop--bottom::before,
+.tox .tox-pop.tox-pop--bottom::after {
+	left: 50%;
+	top: 100%;
+}
+
+.tox .tox-pop.tox-pop--bottom::after {
+	border-color: #fff transparent transparent transparent;
+	border-width: 8px;
+	margin-left: -8px;
+	margin-top: -1px;
+}
+
+.tox .tox-pop.tox-pop--bottom::before {
+	border-color: #eeeeee transparent transparent transparent;
+	border-width: 9px;
+	margin-left: -9px;
+}
+
+.tox .tox-pop.tox-pop--top::before,
+.tox .tox-pop.tox-pop--top::after {
+	left: 50%;
+	top: 0;
+	transform: translateY(-100%);
+}
+
+.tox .tox-pop.tox-pop--top::after {
+	border-color: transparent transparent #fff transparent;
+	border-width: 8px;
+	margin-left: -8px;
+	margin-top: 1px;
+}
+
+.tox .tox-pop.tox-pop--top::before {
+	border-color: transparent transparent #eeeeee transparent;
+	border-width: 9px;
+	margin-left: -9px;
+}
+
+.tox .tox-pop.tox-pop--left::before,
+.tox .tox-pop.tox-pop--left::after {
+	left: 0;
+	top: calc(50% - 1px);
+	transform: translateY(-50%);
+}
+
+.tox .tox-pop.tox-pop--left::after {
+	border-color: transparent #fff transparent transparent;
+	border-width: 8px;
+	margin-left: -15px;
+}
+
+.tox .tox-pop.tox-pop--left::before {
+	border-color: transparent #eeeeee transparent transparent;
+	border-width: 10px;
+	margin-left: -19px;
+}
+
+.tox .tox-pop.tox-pop--right::before,
+.tox .tox-pop.tox-pop--right::after {
+	left: 100%;
+	top: calc(50% + 1px);
+	transform: translateY(-50%);
+}
+
+.tox .tox-pop.tox-pop--right::after {
+	border-color: transparent transparent transparent #fff;
+	border-width: 8px;
+	margin-left: -1px;
+}
+
+.tox .tox-pop.tox-pop--right::before {
+	border-color: transparent transparent transparent #eeeeee;
+	border-width: 10px;
+	margin-left: -1px;
+}
+
+.tox .tox-pop.tox-pop--align-left::before,
+.tox .tox-pop.tox-pop--align-left::after {
+	left: 20px;
+}
+
+.tox .tox-pop.tox-pop--align-right::before,
+.tox .tox-pop.tox-pop--align-right::after {
+	left: calc(100% - 20px);
+}
+
+.tox .tox-sidebar-wrap {
+	display: flex;
+	flex-direction: row;
+	flex-grow: 1;
+	min-height: 0;
+}
+
+.tox .tox-sidebar {
+	background-color: #fff;
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-end;
+}
+
+.tox .tox-sidebar__slider {
+	display: flex;
+	overflow: hidden;
+}
+
+.tox .tox-sidebar__pane-container {
+	display: flex;
+}
+
+.tox .tox-sidebar__pane {
+	display: flex;
+}
+
+.tox .tox-sidebar--sliding-closed {
+	opacity: 0;
+}
+
+.tox .tox-sidebar--sliding-open {
+	opacity: 1;
+}
+
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+	transition: width 0.5s ease, opacity 0.5s ease;
+}
+
+.tox .tox-selector {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	display: inline-block;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+}
+
+.tox.tox-platform-touch .tox-selector {
+	height: 12px;
+	width: 12px;
+}
+
+.tox .tox-slider {
+	align-items: center;
+	display: flex;
+	flex: 1;
+	height: 24px;
+	justify-content: center;
+	position: relative;
+}
+
+.tox .tox-slider__rail {
+	background-color: transparent;
+	border: 1px solid #eeeeee;
+	border-radius: 6px;
+	height: 10px;
+	min-width: 120px;
+	width: 100%;
+}
+
+.tox .tox-slider__handle {
+	background-color: #006ce7;
+	border: 2px solid #0054b4;
+	border-radius: 6px;
+	box-shadow: none;
+	height: 24px;
+	left: 50%;
+	position: absolute;
+	top: 50%;
+	transform: translateX(-50%) translateY(-50%);
+	width: 14px;
+}
+
+.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
+	margin-inline-start: 8px;
+}
+
+.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
+	margin-inline-start: 32px;
+}
+
+.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
+	margin-inline-start: 32px;
+}
+
+.tox .tox-source-code {
+	overflow: auto;
+}
+
+.tox .tox-spinner {
+	display: flex;
+}
+
+.tox .tox-spinner > div {
+	animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+	background-color: rgba(34, 47, 62, 0.7);
+	border-radius: 100%;
+	height: 8px;
+	width: 8px;
+}
+
+.tox .tox-spinner > div:nth-child(1) {
+	animation-delay: -0.32s;
+}
+
+.tox .tox-spinner > div:nth-child(2) {
+	animation-delay: -0.16s;
+}
+
+@keyframes tam-bouncing-dots {
+	0%,
+	80%,
+	100% {
+		transform: scale(0);
+	}
+	40% {
+		transform: scale(1);
+	}
+}
+
+.tox:not([dir='rtl']) .tox-spinner > div:not(:first-child) {
+	margin-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-spinner > div:not(:first-child) {
+	margin-right: 4px;
+}
+
+.tox .tox-statusbar {
+	align-items: center;
+	background-color: #fff;
+	border-top: 1px solid #e3e3e3;
+	color: rgba(34, 47, 62, 0.7);
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-weight: normal;
+	height: 25px;
+	overflow: hidden;
+	padding: 0 8px;
+	position: relative;
+	text-transform: none;
+}
+
+.tox .tox-statusbar__text-container {
+	display: flex;
+	flex: 1 1 auto;
+	justify-content: flex-end;
+	overflow: hidden;
+}
+
+.tox .tox-statusbar__path {
+	display: flex;
+	flex: 1 1 auto;
+	margin-right: auto;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.tox .tox-statusbar__path > * {
+	display: inline;
+	white-space: nowrap;
+}
+
+.tox .tox-statusbar__wordcount {
+	flex: 0 0 auto;
+	margin-left: 1ch;
+}
+
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+	color: rgba(34, 47, 62, 0.7);
+	text-decoration: none;
+}
+
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled='true']) {
+	color: #222f3e;
+	cursor: pointer;
+}
+
+.tox .tox-statusbar__branding svg {
+	fill: rgba(34, 47, 62, 0.8);
+	height: 1.14em;
+	vertical-align: -0.28em;
+	width: 3.6em;
+}
+
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled='true']) svg,
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled='true']) svg {
+	fill: #222f3e;
+}
+
+.tox .tox-statusbar__resize-handle {
+	align-items: flex-end;
+	align-self: stretch;
+	cursor: nwse-resize;
+	display: flex;
+	flex: 0 0 auto;
+	justify-content: flex-end;
+	margin-left: auto;
+	margin-right: -8px;
+	padding-bottom: 3px;
+	padding-left: 1ch;
+	padding-right: 3px;
+}
+
+.tox .tox-statusbar__resize-handle svg {
+	display: block;
+	fill: rgba(34, 47, 62, 0.5);
+}
+
+.tox .tox-statusbar__resize-handle:focus svg {
+	background-color: #dee0e2;
+	border-radius: 1px 1px 5px 1px;
+	box-shadow: 0 0 0 2px #dee0e2;
+}
+
+.tox:not([dir='rtl']) .tox-statusbar__path > * {
+	margin-right: 4px;
+}
+
+.tox:not([dir='rtl']) .tox-statusbar__branding {
+	margin-left: 2ch;
+}
+
+.tox[dir='rtl'] .tox-statusbar {
+	flex-direction: row-reverse;
+}
+
+.tox[dir='rtl'] .tox-statusbar__path > * {
+	margin-left: 4px;
+}
+
+.tox .tox-throbber {
+	z-index: 1299;
+}
+
+.tox .tox-throbber__busy-spinner {
+	align-items: center;
+	background-color: rgba(255, 255, 255, 0.6);
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+
+.tox .tox-tbtn {
+	align-items: center;
+	background: transparent;
+	border: 0;
+	border-radius: 3px;
+	box-shadow: none;
+	color: #222f3e;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	height: 28px;
+	justify-content: center;
+	margin: 6px 1px 5px 0;
+	outline: none;
+	overflow: hidden;
+	padding: 0;
+	text-transform: none;
+	width: 34px;
+}
+
+.tox .tox-tbtn svg {
+	display: block;
+	fill: #222f3e;
+}
+
+.tox .tox-tbtn.tox-tbtn-more {
+	padding-left: 5px;
+	padding-right: 5px;
+	width: inherit;
+}
+
+.tox .tox-tbtn:focus {
+	background: #cce2fa;
+	border: 0;
+	box-shadow: none;
+}
+
+.tox .tox-tbtn:hover {
+	background: #cce2fa;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-tbtn:hover svg {
+	fill: #222f3e;
+}
+
+.tox .tox-tbtn:active {
+	background: #a6ccf7;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-tbtn:active svg {
+	fill: #222f3e;
+}
+
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+	background: transparent;
+	border: 0;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+	/* stylelint-disable-line no-descending-specificity */
+	fill: rgba(34, 47, 62, 0.5);
+}
+
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover {
+	background: #a6ccf7;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-tbtn--enabled > *,
+.tox .tox-tbtn--enabled:hover > * {
+	transform: none;
+}
+
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg {
+	/* stylelint-disable-line no-descending-specificity */
+	fill: #222f3e;
+}
+
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+	color: #222f3e;
+}
+
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+	fill: #222f3e;
+}
+
+.tox .tox-tbtn:active > * {
+	transform: none;
+}
+
+.tox .tox-tbtn--md {
+	height: 42px;
+	width: 51px;
+}
+
+.tox .tox-tbtn--lg {
+	flex-direction: column;
+	height: 56px;
+	width: 68px;
+}
+
+.tox .tox-tbtn--return {
+	align-self: stretch;
+	height: unset;
+	width: 16px;
+}
+
+.tox .tox-tbtn--labeled {
+	padding: 0 4px;
+	width: unset;
+}
+
+.tox .tox-tbtn__vlabel {
+	display: block;
+	font-size: 10px;
+	font-weight: normal;
+	letter-spacing: -0.025em;
+	margin-bottom: 4px;
+	white-space: nowrap;
+}
+
+.tox .tox-tbtn--select {
+	margin: 6px 1px 5px 0;
+	padding: 0 4px;
+	width: auto;
+}
+
+.tox .tox-tbtn__select-label {
+	cursor: default;
+	font-weight: normal;
+	margin: 0 4px;
+}
+
+.tox .tox-tbtn__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+}
+
+.tox .tox-tbtn__select-chevron svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+
+.tox .tox-tbtn--bespoke {
+	background: #f7f7f7;
+}
+
+.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
+	margin-inline-start: 4px;
+}
+
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: 7em;
+}
+
+.tox .tox-split-button {
+	border: 0;
+	border-radius: 3px;
+	box-sizing: border-box;
+	display: flex;
+	margin: 6px 1px 5px 0;
+	overflow: hidden;
+}
+
+.tox .tox-split-button:hover {
+	box-shadow: 0 0 0 1px #cce2fa inset;
+}
+
+.tox .tox-split-button:focus {
+	background: #cce2fa;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-split-button > * {
+	border-radius: 0;
+}
+
+.tox .tox-split-button__chevron {
+	width: 16px;
+}
+
+.tox .tox-split-button__chevron svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+
+.tox .tox-split-button .tox-tbtn {
+	margin: 0;
+}
+
+.tox .tox-split-button.tox-tbtn--disabled:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
+	background: transparent;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+}
+
+.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
+	padding: 0 0px;
+}
+
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
+	width: 30px;
+}
+
+.tox.tox-platform-touch .tox-split-button__chevron {
+	width: 20px;
+}
+
+.tox .tox-toolbar-overlord {
+	background-color: #fff;
+}
+
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+	background-color: #fff;
+	background-image: repeating-linear-gradient(#e3e3e3 0px 1px, transparent 1px 39px);
+	background-position: center top 40px;
+	background-repeat: no-repeat;
+	background-size: calc(100% - 11px * 2) calc(100% - 41px);
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	padding: 0 0px;
+	transform: perspective(1px);
+}
+
+.tox .tox-toolbar-overlord > .tox-toolbar,
+.tox .tox-toolbar-overlord > .tox-toolbar__primary,
+.tox .tox-toolbar-overlord > .tox-toolbar__overflow {
+	background-position: center top 0px;
+	background-size: calc(100% - 11px * 2) calc(100% - 0px);
+}
+
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+	height: 0;
+	opacity: 0;
+	padding-bottom: 0;
+	padding-top: 0;
+	visibility: hidden;
+}
+
+.tox .tox-toolbar__overflow--growing {
+	transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+
+.tox .tox-toolbar__overflow--shrinking {
+	transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord {
+	border-top: 1px solid transparent;
+	margin-top: 0px;
+	padding-bottom: 1px;
+	padding-top: 1px;
+}
+
+.tox .tox-toolbar--scrolling {
+	flex-wrap: nowrap;
+	overflow-x: auto;
+}
+
+.tox .tox-pop .tox-toolbar {
+	border-width: 0;
+}
+
+.tox .tox-toolbar--no-divider {
+	background-image: none;
+}
+
+.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
+.tox .tox-toolbar-overlord .tox-toolbar__primary {
+	background-position: center top 39px;
+}
+
+.tox .tox-editor-header > .tox-toolbar--scrolling,
+.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
+	background-image: none;
+}
+
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+	background-color: #fff;
+	background-position: center top 43px;
+	background-size: calc(100% - 8px * 2) calc(100% - 51px);
+	border: none;
+	border-radius: 6px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	padding: 4px 0;
+}
+
+.tox-pop .tox-pop__dialog {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox-pop .tox-pop__dialog .tox-toolbar {
+	background-position: center top 43px;
+	background-size: calc(100% - 11px * 2) calc(100% - 51px);
+	padding: 4px 0;
+}
+
+.tox .tox-toolbar__group {
+	align-items: center;
+	display: flex;
+	flex-wrap: wrap;
+	margin: 0 0;
+	padding: 0 11px 0 12px;
+}
+
+.tox .tox-toolbar__group--pull-right {
+	margin-left: auto;
+}
+
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+	flex-shrink: 0;
+	flex-wrap: nowrap;
+}
+
+.tox:not([dir='rtl']) .tox-toolbar__group:not(:last-of-type) {
+	border-right: 1px solid transparent;
+}
+
+.tox[dir='rtl'] .tox-toolbar__group:not(:last-of-type) {
+	border-left: 1px solid transparent;
+}
+
+.tox .tox-tooltip {
+	display: inline-block;
+	padding: 8px;
+	position: relative;
+}
+
+.tox .tox-tooltip__body {
+	background-color: #222f3e;
+	border-radius: 6px;
+	box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
+	color: rgba(255, 255, 255, 0.75);
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	padding: 4px 8px;
+	text-transform: none;
+}
+
+.tox .tox-tooltip__arrow {
+	position: absolute;
+}
+
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+	border-left: 8px solid transparent;
+	border-right: 8px solid transparent;
+	border-top: 8px solid #222f3e;
+	bottom: 0;
+	left: 50%;
+	position: absolute;
+	transform: translateX(-50%);
+}
+
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+	border-bottom: 8px solid #222f3e;
+	border-left: 8px solid transparent;
+	border-right: 8px solid transparent;
+	left: 50%;
+	position: absolute;
+	top: 0;
+	transform: translateX(-50%);
+}
+
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+	border-bottom: 8px solid transparent;
+	border-left: 8px solid #222f3e;
+	border-top: 8px solid transparent;
+	position: absolute;
+	right: 0;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+	border-bottom: 8px solid transparent;
+	border-right: 8px solid #222f3e;
+	border-top: 8px solid transparent;
+	left: 0;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.tox .tox-well {
+	border: 1px solid #eeeeee;
+	border-radius: 6px;
+	padding: 8px;
+	width: 100%;
+}
+
+.tox .tox-well > *:first-child {
+	margin-top: 0;
+}
+
+.tox .tox-well > *:last-child {
+	margin-bottom: 0;
+}
+
+.tox .tox-well > *:only-child {
+	margin: 0;
+}
+
+.tox .tox-custom-editor {
+	border: 1px solid #eeeeee;
+	border-radius: 6px;
+	display: flex;
+	flex: 1;
+	position: relative;
+}
+
+/* stylelint-disable */
+.tox {
+	/* stylelint-enable */
+}
+
+.tox .tox-dialog-loading::before {
+	background-color: rgba(0, 0, 0, 0.5);
+	content: '';
+	height: 100%;
+	position: absolute;
+	width: 100%;
+	z-index: 1000;
+}
+
+.tox .tox-tab {
+	cursor: pointer;
+}
+
+.tox .tox-dialog__content-js {
+	display: flex;
+	flex: 1;
+}
+
+.tox .tox-dialog__body-content .tox-collection {
+	display: flex;
+	flex: 1;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/oxide/skin.min.css b/src/frontend/admin/public/tinymce/skins/ui/oxide/skin.min.css
new file mode 100644
index 00000000..3f1bf7ec
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/oxide/skin.min.css
@@ -0,0 +1,3040 @@
+.tox {
+	box-shadow: none;
+	box-sizing: content-box;
+	color: #222f3e;
+	cursor: auto;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: normal;
+	-webkit-tap-highlight-color: transparent;
+	text-decoration: none;
+	text-shadow: none;
+	text-transform: none;
+	vertical-align: initial;
+	white-space: normal;
+}
+.tox :not(svg):not(rect) {
+	box-sizing: inherit;
+	color: inherit;
+	cursor: inherit;
+	direction: inherit;
+	font-family: inherit;
+	font-size: inherit;
+	font-style: inherit;
+	font-weight: inherit;
+	line-height: inherit;
+	-webkit-tap-highlight-color: inherit;
+	text-align: inherit;
+	text-decoration: inherit;
+	text-shadow: inherit;
+	text-transform: inherit;
+	vertical-align: inherit;
+	white-space: inherit;
+}
+.tox :not(svg):not(rect) {
+	background: 0 0;
+	border: 0;
+	box-shadow: none;
+	float: none;
+	height: auto;
+	margin: 0;
+	max-width: none;
+	outline: 0;
+	padding: 0;
+	position: static;
+	width: auto;
+}
+.tox:not([dir='rtl']) {
+	direction: ltr;
+	text-align: left;
+}
+.tox[dir='rtl'] {
+	direction: rtl;
+	text-align: right;
+}
+.tox-tinymce {
+	border: 2px solid #eee;
+	border-radius: 10px;
+	box-shadow: none;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	overflow: hidden;
+	position: relative;
+	visibility: inherit !important;
+}
+.tox.tox-tinymce-inline {
+	border: none;
+	box-shadow: none;
+	overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-container {
+	overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-header {
+	background-color: #fff;
+	border: 2px solid #eee;
+	border-radius: 10px;
+	box-shadow: none;
+	overflow: hidden;
+}
+.tox-tinymce-aux {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	z-index: 1300;
+}
+.tox-tinymce :focus,
+.tox-tinymce-aux :focus {
+	outline: 0;
+}
+button::-moz-focus-inner {
+	border: 0;
+}
+.tox[dir='rtl'] .tox-icon--flip svg {
+	transform: rotateY(180deg);
+}
+.tox .accessibility-issue__header {
+	align-items: center;
+	display: flex;
+	margin-bottom: 4px;
+}
+.tox .accessibility-issue__description {
+	align-items: stretch;
+	border: 1px solid #eee;
+	border-radius: 6px;
+	display: flex;
+	justify-content: space-between;
+}
+.tox .accessibility-issue__description > div {
+	padding-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div {
+	align-items: center;
+	display: flex;
+	margin-bottom: 4px;
+}
+.tox .accessibility-issue__description > :last-child:not(:only-child) {
+	border-color: #eee;
+	border-style: solid;
+}
+.tox .accessibility-issue__repair {
+	margin-top: 16px;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+	background-color: rgba(0, 108, 231, 0.1);
+	border-color: #006ce7;
+	color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > :last-child {
+	border-color: #006ce7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+	color: #006ce7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
+	fill: #006ce7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
+	color: #006ce7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+	background-color: rgba(255, 165, 0, 0.1);
+	border-color: rgba(255, 165, 0, 0.5);
+	color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > :last-child {
+	border-color: rgba(255, 165, 0, 0.5);
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+	color: #cc8500;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
+	fill: #cc8500;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
+	color: #cc8500;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+	background-color: rgba(204, 0, 0, 0.1);
+	border-color: rgba(204, 0, 0, 0.4);
+	color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > :last-child {
+	border-color: rgba(204, 0, 0, 0.4);
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+	color: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
+	fill: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
+	color: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+	background-color: rgba(120, 171, 70, 0.1);
+	border-color: rgba(120, 171, 70, 0.4);
+	color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > :last-child {
+	border-color: rgba(120, 171, 70, 0.4);
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+	color: #78ab46;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
+	fill: #78ab46;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
+	color: #78ab46;
+}
+.tox .tox-dialog__body-content .accessibility-issue__header h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+	margin-top: 0;
+}
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+	margin-left: 4px;
+}
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__header > :nth-last-child(2) {
+	margin-left: auto;
+}
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__description {
+	padding: 4px 4px 4px 8px;
+}
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__description > :last-child {
+	border-left-width: 1px;
+	padding-left: 4px;
+}
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+	margin-right: 4px;
+}
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__header > :nth-last-child(2) {
+	margin-right: auto;
+}
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description {
+	padding: 4px 8px 4px 4px;
+}
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description > :last-child {
+	border-right-width: 1px;
+	padding-right: 4px;
+}
+.tox .tox-anchorbar {
+	display: flex;
+	flex: 0 0 auto;
+}
+.tox .tox-bar {
+	display: flex;
+	flex: 0 0 auto;
+}
+.tox .tox-button {
+	background-color: #006ce7;
+	background-image: none;
+	background-position: 0 0;
+	background-repeat: repeat;
+	border-color: #006ce7;
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #fff;
+	cursor: pointer;
+	display: inline-block;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 700;
+	letter-spacing: normal;
+	line-height: 24px;
+	margin: 0;
+	outline: 0;
+	padding: 4px 16px;
+	text-align: center;
+	text-decoration: none;
+	text-transform: none;
+	white-space: nowrap;
+}
+.tox .tox-button[disabled] {
+	background-color: #006ce7;
+	background-image: none;
+	border-color: #006ce7;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-button:focus:not(:disabled) {
+	background-color: #0060ce;
+	background-image: none;
+	border-color: #0060ce;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button:hover:not(:disabled) {
+	background-color: #0060ce;
+	background-image: none;
+	border-color: #0060ce;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button:active:not(:disabled) {
+	background-color: #0054b4;
+	background-image: none;
+	border-color: #0054b4;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button--secondary {
+	background-color: #f0f0f0;
+	background-image: none;
+	background-position: 0 0;
+	background-repeat: repeat;
+	border-color: #f0f0f0;
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	color: #222f3e;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 700;
+	letter-spacing: normal;
+	outline: 0;
+	padding: 4px 16px;
+	text-decoration: none;
+	text-transform: none;
+}
+.tox .tox-button--secondary[disabled] {
+	background-color: #f0f0f0;
+	background-image: none;
+	border-color: #f0f0f0;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--secondary:focus:not(:disabled) {
+	background-color: #e3e3e3;
+	background-image: none;
+	border-color: #e3e3e3;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-button--secondary:hover:not(:disabled) {
+	background-color: #e3e3e3;
+	background-image: none;
+	border-color: #e3e3e3;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-button--secondary:active:not(:disabled) {
+	background-color: #d6d6d6;
+	background-image: none;
+	border-color: #d6d6d6;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+	padding: 4px;
+}
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+	display: block;
+	fill: currentColor;
+}
+.tox .tox-button-link {
+	background: 0;
+	border: none;
+	box-sizing: border-box;
+	cursor: pointer;
+	display: inline-block;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 16px;
+	font-weight: 400;
+	line-height: 1.3;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+.tox .tox-button-link--sm {
+	font-size: 14px;
+}
+.tox .tox-button--naked {
+	background-color: transparent;
+	border-color: transparent;
+	box-shadow: unset;
+	color: #222f3e;
+}
+.tox .tox-button--naked[disabled] {
+	background-color: rgba(34, 47, 62, 0.12);
+	border-color: transparent;
+	box-shadow: unset;
+	color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--naked:hover:not(:disabled) {
+	background-color: rgba(34, 47, 62, 0.12);
+	border-color: transparent;
+	box-shadow: unset;
+	color: #222f3e;
+}
+.tox .tox-button--naked:focus:not(:disabled) {
+	background-color: rgba(34, 47, 62, 0.12);
+	border-color: transparent;
+	box-shadow: unset;
+	color: #222f3e;
+}
+.tox .tox-button--naked:active:not(:disabled) {
+	background-color: rgba(34, 47, 62, 0.18);
+	border-color: transparent;
+	box-shadow: unset;
+	color: #222f3e;
+}
+.tox .tox-button--naked .tox-icon svg {
+	fill: currentColor;
+}
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+	color: #222f3e;
+}
+.tox .tox-checkbox {
+	align-items: center;
+	border-radius: 6px;
+	cursor: pointer;
+	display: flex;
+	height: 36px;
+	min-width: 36px;
+}
+.tox .tox-checkbox__input {
+	height: 1px;
+	overflow: hidden;
+	position: absolute;
+	top: auto;
+	width: 1px;
+}
+.tox .tox-checkbox__icons {
+	align-items: center;
+	border-radius: 6px;
+	box-shadow: 0 0 0 2px transparent;
+	box-sizing: content-box;
+	display: flex;
+	height: 24px;
+	justify-content: center;
+	padding: calc(4px - 1px);
+	width: 24px;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: block;
+	fill: rgba(34, 47, 62, 0.3);
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	display: none;
+	fill: #006ce7;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	display: none;
+	fill: #006ce7;
+}
+.tox .tox-checkbox--disabled {
+	color: rgba(34, 47, 62, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: none;
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	display: block;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: none;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	display: block;
+}
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+	border-radius: 6px;
+	box-shadow: inset 0 0 0 1px #006ce7;
+	padding: calc(4px - 1px);
+}
+.tox:not([dir='rtl']) .tox-checkbox__label {
+	margin-left: 4px;
+}
+.tox:not([dir='rtl']) .tox-checkbox__input {
+	left: -10000px;
+}
+.tox:not([dir='rtl']) .tox-bar .tox-checkbox {
+	margin-left: 4px;
+}
+.tox[dir='rtl'] .tox-checkbox__label {
+	margin-right: 4px;
+}
+.tox[dir='rtl'] .tox-checkbox__input {
+	right: -10000px;
+}
+.tox[dir='rtl'] .tox-bar .tox-checkbox {
+	margin-right: 4px;
+}
+.tox .tox-collection--toolbar .tox-collection__group {
+	display: flex;
+	padding: 0;
+}
+.tox .tox-collection--grid .tox-collection__group {
+	display: flex;
+	flex-wrap: wrap;
+	max-height: 208px;
+	overflow-x: hidden;
+	overflow-y: auto;
+	padding: 0;
+}
+.tox .tox-collection--list .tox-collection__group {
+	border-bottom-width: 0;
+	border-color: #e3e3e3;
+	border-left-width: 0;
+	border-right-width: 0;
+	border-style: solid;
+	border-top-width: 1px;
+	padding: 4px 0;
+}
+.tox .tox-collection--list .tox-collection__group:first-child {
+	border-top-width: 0;
+}
+.tox .tox-collection__group-heading {
+	background-color: #fcfcfc;
+	color: rgba(34, 47, 62, 0.7);
+	cursor: default;
+	font-size: 12px;
+	font-style: normal;
+	font-weight: 400;
+	margin-bottom: 4px;
+	margin-top: -4px;
+	padding: 4px 8px;
+	text-transform: none;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.tox .tox-collection__item {
+	align-items: center;
+	border-radius: 3px;
+	color: #222f3e;
+	display: flex;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.tox .tox-collection--list .tox-collection__item {
+	padding: 4px 8px;
+}
+.tox .tox-collection--toolbar .tox-collection__item {
+	border-radius: 3px;
+	padding: 4px;
+}
+.tox .tox-collection--grid .tox-collection__item {
+	border-radius: 3px;
+	padding: 4px;
+}
+.tox .tox-collection--list .tox-collection__item--enabled {
+	background-color: #fff;
+	color: #222f3e;
+}
+.tox .tox-collection--list .tox-collection__item--active {
+	background-color: #cce2fa;
+}
+.tox .tox-collection--toolbar .tox-collection__item--enabled {
+	background-color: #a6ccf7;
+	color: #222f3e;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active {
+	background-color: #cce2fa;
+}
+.tox .tox-collection--grid .tox-collection__item--enabled {
+	background-color: #a6ccf7;
+	color: #222f3e;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	background-color: #cce2fa;
+	color: #222f3e;
+}
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	color: #222f3e;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	color: #222f3e;
+}
+.tox .tox-collection__item-checkmark,
+.tox .tox-collection__item-icon {
+	align-items: center;
+	display: flex;
+	height: 24px;
+	justify-content: center;
+	width: 24px;
+}
+.tox .tox-collection__item-checkmark svg,
+.tox .tox-collection__item-icon svg {
+	fill: currentColor;
+}
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+	height: 48px;
+	width: 48px;
+}
+.tox .tox-collection__item-label {
+	color: currentColor;
+	display: inline-block;
+	flex: 1;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 24px;
+	text-transform: none;
+	word-break: break-all;
+}
+.tox .tox-collection__item-accessory {
+	color: rgba(34, 47, 62, 0.7);
+	display: inline-block;
+	font-size: 14px;
+	height: 24px;
+	line-height: 24px;
+	text-transform: none;
+}
+.tox .tox-collection__item-caret {
+	align-items: center;
+	display: flex;
+	min-height: 24px;
+}
+.tox .tox-collection__item-caret::after {
+	content: '';
+	font-size: 0;
+	min-height: inherit;
+}
+.tox .tox-collection__item-caret svg {
+	fill: #222f3e;
+}
+.tox .tox-collection__item--state-disabled {
+	background-color: transparent;
+	color: rgba(34, 47, 62, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+.tox
+	.tox-collection--list
+	.tox-collection__item:not(.tox-collection__item--enabled)
+	.tox-collection__item-checkmark
+	svg {
+	display: none;
+}
+.tox
+	.tox-collection--list
+	.tox-collection__item:not(.tox-collection__item--enabled)
+	.tox-collection__item-accessory
+	+ .tox-collection__item-checkmark {
+	display: none;
+}
+.tox .tox-collection--horizontal {
+	background-color: #fff;
+	border: 1px solid #e3e3e3;
+	border-radius: 6px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: nowrap;
+	margin-bottom: 0;
+	overflow-x: auto;
+	padding: 0;
+}
+.tox .tox-collection--horizontal .tox-collection__group {
+	align-items: center;
+	display: flex;
+	flex-wrap: nowrap;
+	margin: 0;
+	padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item {
+	height: 28px;
+	margin: 6px 1px 5px 0;
+	padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item-label {
+	white-space: nowrap;
+}
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+	margin-left: 4px;
+}
+.tox .tox-collection__item-container {
+	display: flex;
+}
+.tox .tox-collection__item-container--row {
+	align-items: center;
+	flex: 1 1 auto;
+	flex-direction: row;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+	margin-right: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+	justify-content: flex-end;
+	margin-left: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+	align-items: flex-start;
+	margin-bottom: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+	align-items: center;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+	align-items: flex-end;
+	margin-top: auto;
+}
+.tox .tox-collection__item-container--column {
+	align-self: center;
+	flex: 1 1 auto;
+	flex-direction: column;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+	align-items: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+	align-items: flex-end;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+	align-self: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+	align-self: center;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+	align-self: flex-end;
+}
+.tox:not([dir='rtl']) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+	border-right: 1px solid transparent;
+}
+.tox:not([dir='rtl']) .tox-collection--list .tox-collection__item > :not(:first-child) {
+	margin-left: 8px;
+}
+.tox:not([dir='rtl']) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+	margin-left: 4px;
+}
+.tox:not([dir='rtl']) .tox-collection__item-accessory {
+	margin-left: 16px;
+	text-align: right;
+}
+.tox:not([dir='rtl']) .tox-collection .tox-collection__item-caret {
+	margin-left: 16px;
+}
+.tox[dir='rtl'] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+	border-left: 1px solid transparent;
+}
+.tox[dir='rtl'] .tox-collection--list .tox-collection__item > :not(:first-child) {
+	margin-right: 8px;
+}
+.tox[dir='rtl'] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+	margin-right: 4px;
+}
+.tox[dir='rtl'] .tox-collection__item-accessory {
+	margin-right: 16px;
+	text-align: left;
+}
+.tox[dir='rtl'] .tox-collection .tox-collection__item-caret {
+	margin-right: 16px;
+	transform: rotateY(180deg);
+}
+.tox[dir='rtl'] .tox-collection--horizontal .tox-collection__item-caret {
+	margin-right: 4px;
+}
+.tox .tox-color-picker-container {
+	display: flex;
+	flex-direction: row;
+	height: 225px;
+	margin: 0;
+}
+.tox .tox-sv-palette {
+	box-sizing: border-box;
+	display: flex;
+	height: 100%;
+}
+.tox .tox-sv-palette-spectrum {
+	height: 100%;
+}
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+	width: 225px;
+}
+.tox .tox-sv-palette-thumb {
+	background: 0 0;
+	border: 1px solid #000;
+	border-radius: 50%;
+	box-sizing: content-box;
+	height: 12px;
+	position: absolute;
+	width: 12px;
+}
+.tox .tox-sv-palette-inner-thumb {
+	border: 1px solid #fff;
+	border-radius: 50%;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+}
+.tox .tox-hue-slider {
+	box-sizing: border-box;
+	height: 100%;
+	width: 25px;
+}
+.tox .tox-hue-slider-spectrum {
+	background: linear-gradient(
+		to bottom,
+		red,
+		#ff0080,
+		#f0f,
+		#8000ff,
+		#00f,
+		#0080ff,
+		#0ff,
+		#00ff80,
+		#0f0,
+		#80ff00,
+		#ff0,
+		#ff8000,
+		red
+	);
+	height: 100%;
+	width: 100%;
+}
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+	width: 20px;
+}
+.tox .tox-hue-slider-thumb {
+	background: #fff;
+	border: 1px solid #000;
+	box-sizing: content-box;
+	height: 4px;
+	width: 100%;
+}
+.tox .tox-rgb-form {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+.tox .tox-rgb-form div {
+	align-items: center;
+	display: flex;
+	justify-content: space-between;
+	margin-bottom: 5px;
+	width: inherit;
+}
+.tox .tox-rgb-form input {
+	width: 6em;
+}
+.tox .tox-rgb-form input.tox-invalid {
+	border: 1px solid red !important;
+}
+.tox .tox-rgb-form .tox-rgba-preview {
+	border: 1px solid #000;
+	flex-grow: 2;
+	margin-bottom: 0;
+}
+.tox:not([dir='rtl']) .tox-sv-palette {
+	margin-right: 15px;
+}
+.tox:not([dir='rtl']) .tox-hue-slider {
+	margin-right: 15px;
+}
+.tox:not([dir='rtl']) .tox-hue-slider-thumb {
+	margin-left: -1px;
+}
+.tox:not([dir='rtl']) .tox-rgb-form label {
+	margin-right: 0.5em;
+}
+.tox[dir='rtl'] .tox-sv-palette {
+	margin-left: 15px;
+}
+.tox[dir='rtl'] .tox-hue-slider {
+	margin-left: 15px;
+}
+.tox[dir='rtl'] .tox-hue-slider-thumb {
+	margin-right: -1px;
+}
+.tox[dir='rtl'] .tox-rgb-form label {
+	margin-left: 0.5em;
+}
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches {
+	margin: 5px 0 6px 11px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+	border: 0;
+	margin: -4px -4px;
+}
+.tox .tox-swatches__row {
+	display: flex;
+}
+.tox .tox-swatch {
+	height: 30px;
+	transition: transform 0.15s, box-shadow 0.15s;
+	width: 30px;
+}
+.tox .tox-swatch:focus,
+.tox .tox-swatch:hover {
+	box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+	transform: scale(0.8);
+}
+.tox .tox-swatch--remove {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+}
+.tox .tox-swatch--remove svg path {
+	stroke: #e74c3c;
+}
+.tox .tox-swatches__picker-btn {
+	align-items: center;
+	background-color: transparent;
+	border: 0;
+	cursor: pointer;
+	display: flex;
+	height: 30px;
+	justify-content: center;
+	outline: 0;
+	padding: 0;
+	width: 30px;
+}
+.tox .tox-swatches__picker-btn svg {
+	fill: #222f3e;
+	height: 24px;
+	width: 24px;
+}
+.tox .tox-swatches__picker-btn:hover {
+	background: #cce2fa;
+}
+.tox:not([dir='rtl']) .tox-swatches__picker-btn {
+	margin-left: auto;
+}
+.tox[dir='rtl'] .tox-swatches__picker-btn {
+	margin-right: auto;
+}
+.tox .tox-comment-thread {
+	background: #fff;
+	position: relative;
+}
+.tox .tox-comment-thread > :not(:first-child) {
+	margin-top: 8px;
+}
+.tox .tox-comment {
+	background: #fff;
+	border: 1px solid #eee;
+	border-radius: 6px;
+	box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+	padding: 8px 8px 16px 8px;
+	position: relative;
+}
+.tox .tox-comment__header {
+	align-items: center;
+	color: #222f3e;
+	display: flex;
+	justify-content: space-between;
+}
+.tox .tox-comment__date {
+	color: rgba(34, 47, 62, 0.7);
+	font-size: 12px;
+}
+.tox .tox-comment__body {
+	color: #222f3e;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 1.3;
+	margin-top: 8px;
+	position: relative;
+	text-transform: initial;
+}
+.tox .tox-comment__body textarea {
+	resize: none;
+	white-space: normal;
+	width: 100%;
+}
+.tox .tox-comment__expander {
+	padding-top: 8px;
+}
+.tox .tox-comment__expander p {
+	color: rgba(34, 47, 62, 0.7);
+	font-size: 14px;
+	font-style: normal;
+}
+.tox .tox-comment__body p {
+	margin: 0;
+}
+.tox .tox-comment__buttonspacing {
+	padding-top: 16px;
+	text-align: center;
+}
+.tox .tox-comment-thread__overlay::after {
+	background: #fff;
+	bottom: 0;
+	content: '';
+	display: flex;
+	left: 0;
+	opacity: 0.9;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 5;
+}
+.tox .tox-comment__reply {
+	display: flex;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	margin-top: 8px;
+}
+.tox .tox-comment__reply > :first-child {
+	margin-bottom: 8px;
+	width: 100%;
+}
+.tox .tox-comment__edit {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	margin-top: 16px;
+}
+.tox .tox-comment__gradient::after {
+	background: linear-gradient(rgba(255, 255, 255, 0), #fff);
+	bottom: 0;
+	content: '';
+	display: block;
+	height: 5em;
+	margin-top: -40px;
+	position: absolute;
+	width: 100%;
+}
+.tox .tox-comment__overlay {
+	background: #fff;
+	bottom: 0;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	left: 0;
+	opacity: 0.9;
+	position: absolute;
+	right: 0;
+	text-align: center;
+	top: 0;
+	z-index: 5;
+}
+.tox .tox-comment__loading-text {
+	align-items: center;
+	color: #222f3e;
+	display: flex;
+	flex-direction: column;
+	position: relative;
+}
+.tox .tox-comment__loading-text > div {
+	padding-bottom: 16px;
+}
+.tox .tox-comment__overlaytext {
+	bottom: 0;
+	flex-direction: column;
+	font-size: 14px;
+	left: 0;
+	padding: 1em;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 10;
+}
+.tox .tox-comment__overlaytext p {
+	background-color: #fff;
+	box-shadow: 0 0 8px 8px #fff;
+	color: #222f3e;
+	text-align: center;
+}
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+	font-size: 0.8em;
+}
+.tox .tox-comment__busy-spinner {
+	align-items: center;
+	background-color: #fff;
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 20;
+}
+.tox .tox-comment__scroll {
+	display: flex;
+	flex-direction: column;
+	flex-shrink: 1;
+	overflow: auto;
+}
+.tox .tox-conversations {
+	margin: 8px;
+}
+.tox:not([dir='rtl']) .tox-comment__edit {
+	margin-left: 8px;
+}
+.tox:not([dir='rtl']) .tox-comment__buttonspacing > :last-child,
+.tox:not([dir='rtl']) .tox-comment__edit > :last-child,
+.tox:not([dir='rtl']) .tox-comment__reply > :last-child {
+	margin-left: 8px;
+}
+.tox[dir='rtl'] .tox-comment__edit {
+	margin-right: 8px;
+}
+.tox[dir='rtl'] .tox-comment__buttonspacing > :last-child,
+.tox[dir='rtl'] .tox-comment__edit > :last-child,
+.tox[dir='rtl'] .tox-comment__reply > :last-child {
+	margin-right: 8px;
+}
+.tox .tox-user {
+	align-items: center;
+	display: flex;
+}
+.tox .tox-user__avatar svg {
+	fill: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-user__name {
+	color: rgba(34, 47, 62, 0.7);
+	font-size: 12px;
+	font-style: normal;
+	font-weight: 700;
+	text-transform: uppercase;
+}
+.tox:not([dir='rtl']) .tox-user__avatar svg {
+	margin-right: 8px;
+}
+.tox:not([dir='rtl']) .tox-user__avatar + .tox-user__name {
+	margin-left: 8px;
+}
+.tox[dir='rtl'] .tox-user__avatar svg {
+	margin-left: 8px;
+}
+.tox[dir='rtl'] .tox-user__avatar + .tox-user__name {
+	margin-right: 8px;
+}
+.tox .tox-dialog-wrap {
+	align-items: center;
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: fixed;
+	right: 0;
+	top: 0;
+	z-index: 1100;
+}
+.tox .tox-dialog-wrap__backdrop {
+	background-color: rgba(255, 255, 255, 0.75);
+	bottom: 0;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 1;
+}
+.tox .tox-dialog-wrap__backdrop--opaque {
+	background-color: #fff;
+}
+.tox .tox-dialog {
+	background-color: #fff;
+	border-color: #eee;
+	border-radius: 10px;
+	border-style: solid;
+	border-width: 0;
+	box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+	display: flex;
+	flex-direction: column;
+	max-height: 100%;
+	max-width: 480px;
+	overflow: hidden;
+	position: relative;
+	width: 95vw;
+	z-index: 2;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog {
+		align-self: flex-start;
+		margin: 8px auto;
+		width: calc(100vw - 16px);
+	}
+}
+.tox .tox-dialog-inline {
+	z-index: 1100;
+}
+.tox .tox-dialog__header {
+	align-items: center;
+	background-color: #fff;
+	border-bottom: none;
+	color: #222f3e;
+	display: flex;
+	font-size: 16px;
+	justify-content: space-between;
+	padding: 8px 16px 0 16px;
+	position: relative;
+}
+.tox .tox-dialog__header .tox-button {
+	z-index: 1;
+}
+.tox .tox-dialog__draghandle {
+	cursor: grab;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.tox .tox-dialog__draghandle:active {
+	cursor: grabbing;
+}
+.tox .tox-dialog__dismiss {
+	margin-left: auto;
+}
+.tox .tox-dialog__title {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 20px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 1.3;
+	margin: 0;
+	text-transform: none;
+}
+.tox .tox-dialog__body {
+	color: #222f3e;
+	display: flex;
+	flex: 1;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 1.3;
+	min-width: 0;
+	text-align: left;
+	text-transform: none;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog__body {
+		flex-direction: column;
+	}
+}
+.tox .tox-dialog__body-nav {
+	align-items: flex-start;
+	display: flex;
+	flex-direction: column;
+	padding: 16px 16px;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+		flex-direction: row;
+		-webkit-overflow-scrolling: touch;
+		overflow-x: auto;
+		padding-bottom: 0;
+	}
+}
+.tox .tox-dialog__body-nav-item {
+	border-bottom: 2px solid transparent;
+	color: rgba(34, 47, 62, 0.7);
+	display: inline-block;
+	font-size: 14px;
+	line-height: 1.3;
+	margin-bottom: 8px;
+	text-decoration: none;
+	white-space: nowrap;
+}
+.tox .tox-dialog__body-nav-item:focus {
+	background-color: rgba(0, 108, 231, 0.1);
+}
+.tox .tox-dialog__body-nav-item--active {
+	border-bottom: 2px solid #006ce7;
+	color: #006ce7;
+}
+.tox .tox-dialog__body-content {
+	box-sizing: border-box;
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	max-height: 650px;
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
+	padding: 16px 16px;
+}
+.tox .tox-dialog__body-content > * {
+	margin-bottom: 0;
+	margin-top: 16px;
+}
+.tox .tox-dialog__body-content > :first-child {
+	margin-top: 0;
+}
+.tox .tox-dialog__body-content > :last-child {
+	margin-bottom: 0;
+}
+.tox .tox-dialog__body-content > :only-child {
+	margin-bottom: 0;
+	margin-top: 0;
+}
+.tox .tox-dialog__body-content a {
+	color: #006ce7;
+	cursor: pointer;
+	text-decoration: none;
+}
+.tox .tox-dialog__body-content a:focus,
+.tox .tox-dialog__body-content a:hover {
+	color: #0054b4;
+	text-decoration: none;
+}
+.tox .tox-dialog__body-content a:active {
+	color: #0054b4;
+	text-decoration: none;
+}
+.tox .tox-dialog__body-content svg {
+	fill: #222f3e;
+}
+.tox .tox-dialog__body-content ul {
+	display: block;
+	list-style-type: disc;
+	margin-bottom: 16px;
+	margin-inline-end: 0;
+	margin-inline-start: 0;
+	padding-inline-start: 2.5rem;
+}
+.tox .tox-dialog__body-content .tox-form__group h1 {
+	color: #222f3e;
+	font-size: 20px;
+	font-style: normal;
+	font-weight: 700;
+	letter-spacing: normal;
+	margin-bottom: 16px;
+	margin-top: 2rem;
+	text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group h2 {
+	color: #222f3e;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: 700;
+	letter-spacing: normal;
+	margin-bottom: 16px;
+	margin-top: 2rem;
+	text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group p {
+	margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+	margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+	margin-bottom: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+	margin-bottom: 0;
+	margin-top: 0;
+}
+.tox .tox-dialog--width-lg {
+	height: 650px;
+	max-width: 1200px;
+}
+.tox .tox-dialog--width-md {
+	max-width: 800px;
+}
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+	overflow: auto;
+}
+.tox .tox-dialog__body-content--centered {
+	text-align: center;
+}
+.tox .tox-dialog__footer {
+	align-items: center;
+	background-color: #fff;
+	border-top: none;
+	display: flex;
+	justify-content: space-between;
+	padding: 8px 16px;
+}
+.tox .tox-dialog__footer-end,
+.tox .tox-dialog__footer-start {
+	display: flex;
+}
+.tox .tox-dialog__busy-spinner {
+	align-items: center;
+	background-color: rgba(255, 255, 255, 0.75);
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 3;
+}
+.tox .tox-dialog__table {
+	border-collapse: collapse;
+	width: 100%;
+}
+.tox .tox-dialog__table thead th {
+	font-weight: 700;
+	padding-bottom: 8px;
+}
+.tox .tox-dialog__table tbody tr {
+	border-bottom: 1px solid #eee;
+}
+.tox .tox-dialog__table tbody tr:last-child {
+	border-bottom: none;
+}
+.tox .tox-dialog__table td {
+	padding-bottom: 8px;
+	padding-top: 8px;
+}
+.tox .tox-dialog__popups {
+	position: absolute;
+	width: 100%;
+	z-index: 1100;
+}
+.tox .tox-dialog__body-iframe {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+.tox .tox-dialog__body-iframe .tox-navobj {
+	display: flex;
+	flex: 1;
+}
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+	flex: 1;
+	height: 100%;
+}
+.tox .tox-dialog-dock-fadeout {
+	opacity: 0;
+	visibility: hidden;
+}
+.tox .tox-dialog-dock-fadein {
+	opacity: 1;
+	visibility: visible;
+}
+.tox .tox-dialog-dock-transition {
+	transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+	transition-delay: 0s;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav {
+		margin-right: 0;
+	}
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav-item:not(:first-child) {
+		margin-left: 8px;
+	}
+}
+.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-end > *,
+.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-start > * {
+	margin-left: 8px;
+}
+.tox[dir='rtl'] .tox-dialog__body {
+	text-align: right;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav {
+		margin-left: 0;
+	}
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav-item:not(:first-child) {
+		margin-right: 8px;
+	}
+}
+.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-end > *,
+.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-start > * {
+	margin-right: 8px;
+}
+body.tox-dialog__disable-scroll {
+	overflow: hidden;
+}
+.tox .tox-dropzone-container {
+	display: flex;
+	flex: 1;
+}
+.tox .tox-dropzone {
+	align-items: center;
+	background: #fff;
+	border: 2px dashed #eee;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	justify-content: center;
+	min-height: 100px;
+	padding: 10px;
+}
+.tox .tox-dropzone p {
+	color: rgba(34, 47, 62, 0.7);
+	margin: 0 0 16px 0;
+}
+.tox .tox-edit-area {
+	display: flex;
+	flex: 1;
+	overflow: hidden;
+	position: relative;
+}
+.tox .tox-edit-area__iframe {
+	background-color: #fff;
+	border: 0;
+	box-sizing: border-box;
+	flex: 1;
+	height: 100%;
+	position: absolute;
+	width: 100%;
+}
+.tox.tox-inline-edit-area {
+	border: 1px dotted #eee;
+}
+.tox .tox-editor-container {
+	display: flex;
+	flex: 1 1 auto;
+	flex-direction: column;
+	overflow: hidden;
+}
+.tox .tox-editor-header {
+	z-index: 1;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+	background-color: #fff;
+	border-bottom: none;
+	box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
+	padding: 4px 0;
+	transition: box-shadow 0.5s;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+	border-top: 1px solid #e3e3e3;
+	box-shadow: none;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
+	background-color: #fff;
+	box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
+	padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+	box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
+}
+.tox-editor-dock-fadeout {
+	opacity: 0;
+	visibility: hidden;
+}
+.tox-editor-dock-fadein {
+	opacity: 1;
+	visibility: visible;
+}
+.tox-editor-dock-transition {
+	transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+	transition-delay: 0s;
+}
+.tox .tox-control-wrap {
+	flex: 1;
+	position: relative;
+}
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+	display: none;
+}
+.tox .tox-control-wrap svg {
+	display: block;
+}
+.tox .tox-control-wrap__status-icon-wrap {
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.tox .tox-control-wrap__status-icon-invalid svg {
+	fill: #c00;
+}
+.tox .tox-control-wrap__status-icon-unknown svg {
+	fill: orange;
+}
+.tox .tox-control-wrap__status-icon-valid svg {
+	fill: green;
+}
+.tox:not([dir='rtl']) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir='rtl']) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir='rtl']) .tox-control-wrap--status-valid .tox-textfield {
+	padding-right: 32px;
+}
+.tox:not([dir='rtl']) .tox-control-wrap__status-icon-wrap {
+	right: 4px;
+}
+.tox[dir='rtl'] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir='rtl'] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir='rtl'] .tox-control-wrap--status-valid .tox-textfield {
+	padding-left: 32px;
+}
+.tox[dir='rtl'] .tox-control-wrap__status-icon-wrap {
+	left: 4px;
+}
+.tox .tox-autocompleter {
+	max-width: 25em;
+}
+.tox .tox-autocompleter .tox-menu {
+	border-color: #eee;
+	box-shadow: none;
+	max-width: 25em;
+}
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+	font-weight: 700;
+}
+.tox .tox-color-input {
+	display: flex;
+	position: relative;
+	z-index: 1;
+}
+.tox .tox-color-input .tox-textfield {
+	z-index: -1;
+}
+.tox .tox-color-input span {
+	border-color: rgba(34, 47, 62, 0.2);
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	height: 24px;
+	position: absolute;
+	top: 6px;
+	width: 24px;
+}
+.tox .tox-color-input span:focus:not([aria-disabled='true']),
+.tox .tox-color-input span:hover:not([aria-disabled='true']) {
+	border-color: #006ce7;
+	cursor: pointer;
+}
+.tox .tox-color-input span::before {
+	background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%),
+		linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%),
+		linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%),
+		linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
+	background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+	background-size: 12px 12px;
+	border: 1px solid #fff;
+	border-radius: 6px;
+	box-sizing: border-box;
+	content: '';
+	height: 24px;
+	left: -1px;
+	position: absolute;
+	top: -1px;
+	width: 24px;
+	z-index: -1;
+}
+.tox .tox-color-input span[aria-disabled='true'] {
+	cursor: not-allowed;
+}
+.tox:not([dir='rtl']) .tox-color-input .tox-textfield {
+	padding-left: 36px;
+}
+.tox:not([dir='rtl']) .tox-color-input span {
+	left: 6px;
+}
+.tox[dir='rtl'] .tox-color-input .tox-textfield {
+	padding-right: 36px;
+}
+.tox[dir='rtl'] .tox-color-input span {
+	right: 6px;
+}
+.tox .tox-label,
+.tox .tox-toolbar-label {
+	color: rgba(34, 47, 62, 0.7);
+	display: block;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 1.3;
+	padding: 0 8px 0 0;
+	text-transform: none;
+	white-space: nowrap;
+}
+.tox .tox-toolbar-label {
+	padding: 0 8px;
+}
+.tox[dir='rtl'] .tox-label {
+	padding: 0 0 0 8px;
+}
+.tox .tox-form {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+.tox .tox-form__group {
+	box-sizing: border-box;
+	margin-bottom: 4px;
+}
+.tox .tox-form-group--maximize {
+	flex: 1;
+}
+.tox .tox-form__group--error {
+	color: #c00;
+}
+.tox .tox-form__group--collection {
+	display: flex;
+}
+.tox .tox-form__grid {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+.tox .tox-form__grid--2col > .tox-form__group {
+	width: calc(50% - (8px / 2));
+}
+.tox .tox-form__grid--3col > .tox-form__group {
+	width: calc(100% / 3 - (8px / 2));
+}
+.tox .tox-form__grid--4col > .tox-form__group {
+	width: calc(25% - (8px / 2));
+}
+.tox .tox-form__controls-h-stack {
+	align-items: center;
+	display: flex;
+}
+.tox .tox-form__group--inline {
+	align-items: center;
+	display: flex;
+}
+.tox .tox-form__group--stretched {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+.tox .tox-form__group--stretched .tox-textarea {
+	flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj {
+	display: flex;
+	flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+	flex: 1;
+	height: 100%;
+}
+.tox:not([dir='rtl']) .tox-form__controls-h-stack > :not(:first-child) {
+	margin-left: 4px;
+}
+.tox[dir='rtl'] .tox-form__controls-h-stack > :not(:first-child) {
+	margin-right: 4px;
+}
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+	display: none;
+}
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea,
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	background-color: #fff;
+	border-color: #eee;
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #222f3e;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 16px;
+	line-height: 24px;
+	margin: 0;
+	min-height: 34px;
+	outline: 0;
+	padding: 5px 5.5px;
+	resize: none;
+	width: 100%;
+}
+.tox .tox-textarea[disabled],
+.tox .tox-textfield[disabled] {
+	background-color: #f2f2f2;
+	color: rgba(34, 47, 62, 0.85);
+	cursor: not-allowed;
+}
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea:focus,
+.tox .tox-textfield:focus {
+	background-color: #fff;
+	border-color: #006ce7;
+	box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
+	outline: 0;
+}
+.tox .tox-toolbar-textfield {
+	border-width: 0;
+	margin-bottom: 3px;
+	margin-top: 2px;
+	max-width: 250px;
+}
+.tox .tox-naked-btn {
+	background-color: transparent;
+	border: 0;
+	border-color: transparent;
+	box-shadow: unset;
+	color: #006ce7;
+	cursor: pointer;
+	display: block;
+	margin: 0;
+	padding: 0;
+}
+.tox .tox-naked-btn svg {
+	display: block;
+	fill: #222f3e;
+}
+.tox:not([dir='rtl']) .tox-toolbar-textfield + * {
+	margin-left: 4px;
+}
+.tox[dir='rtl'] .tox-toolbar-textfield + * {
+	margin-right: 4px;
+}
+.tox .tox-listboxfield {
+	cursor: pointer;
+	position: relative;
+}
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+	background-color: #f2f2f2;
+	color: rgba(34, 47, 62, 0.85);
+	cursor: not-allowed;
+}
+.tox .tox-listbox__select-label {
+	cursor: default;
+	flex: 1;
+	margin: 0 4px;
+}
+.tox .tox-listbox__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+}
+.tox .tox-listbox__select-chevron svg {
+	fill: #222f3e;
+}
+.tox .tox-listboxfield .tox-listbox--select {
+	align-items: center;
+	display: flex;
+}
+.tox:not([dir='rtl']) .tox-listboxfield svg {
+	right: 8px;
+}
+.tox[dir='rtl'] .tox-listboxfield svg {
+	left: 8px;
+}
+.tox .tox-selectfield {
+	cursor: pointer;
+	position: relative;
+}
+.tox .tox-selectfield select {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	background-color: #fff;
+	border-color: #eee;
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #222f3e;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 16px;
+	line-height: 24px;
+	margin: 0;
+	min-height: 34px;
+	outline: 0;
+	padding: 5px 5.5px;
+	resize: none;
+	width: 100%;
+}
+.tox .tox-selectfield select[disabled] {
+	background-color: #f2f2f2;
+	color: rgba(34, 47, 62, 0.85);
+	cursor: not-allowed;
+}
+.tox .tox-selectfield select::-ms-expand {
+	display: none;
+}
+.tox .tox-selectfield select:focus {
+	background-color: #fff;
+	border-color: #006ce7;
+	box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
+	outline: 0;
+}
+.tox .tox-selectfield svg {
+	pointer-events: none;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.tox:not([dir='rtl']) .tox-selectfield select[size='0'],
+.tox:not([dir='rtl']) .tox-selectfield select[size='1'] {
+	padding-right: 24px;
+}
+.tox:not([dir='rtl']) .tox-selectfield svg {
+	right: 8px;
+}
+.tox[dir='rtl'] .tox-selectfield select[size='0'],
+.tox[dir='rtl'] .tox-selectfield select[size='1'] {
+	padding-left: 24px;
+}
+.tox[dir='rtl'] .tox-selectfield svg {
+	left: 8px;
+}
+.tox .tox-textarea {
+	-webkit-appearance: textarea;
+	-moz-appearance: textarea;
+	appearance: textarea;
+	white-space: pre-wrap;
+}
+.tox-fullscreen {
+	border: 0;
+	height: 100%;
+	margin: 0;
+	overflow: hidden;
+	overscroll-behavior: none;
+	padding: 0;
+	touch-action: pinch-zoom;
+	width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+	display: none;
+}
+.tox-shadowhost.tox-fullscreen,
+.tox.tox-tinymce.tox-fullscreen {
+	left: 0;
+	position: fixed;
+	top: 0;
+	z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+	background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+	z-index: 1201;
+}
+.tox .tox-help__more-link {
+	list-style: none;
+	margin-top: 1em;
+}
+.tox .tox-imagepreview {
+	background-color: #666;
+	height: 380px;
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+}
+.tox .tox-imagepreview.tox-imagepreview__loaded {
+	overflow: auto;
+}
+.tox .tox-imagepreview__container {
+	display: flex;
+	left: 100vw;
+	position: absolute;
+	top: 100vw;
+}
+.tox .tox-imagepreview__image {
+	background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+.tox .tox-image-tools .tox-spacer {
+	flex: 1;
+}
+.tox .tox-image-tools .tox-bar {
+	align-items: center;
+	display: flex;
+	height: 60px;
+	justify-content: center;
+}
+.tox .tox-image-tools .tox-imagepreview,
+.tox .tox-image-tools .tox-imagepreview + .tox-bar {
+	margin-top: 8px;
+}
+.tox .tox-image-tools .tox-croprect-block {
+	background: #000;
+	opacity: 0.5;
+	position: absolute;
+	zoom: 1;
+}
+.tox .tox-image-tools .tox-croprect-handle {
+	border: 2px solid #fff;
+	height: 20px;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 20px;
+}
+.tox .tox-image-tools .tox-croprect-handle-move {
+	border: 0;
+	cursor: move;
+	position: absolute;
+}
+.tox .tox-image-tools .tox-croprect-handle-nw {
+	border-width: 2px 0 0 2px;
+	cursor: nw-resize;
+	left: 100px;
+	margin: -2px 0 0 -2px;
+	top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-ne {
+	border-width: 2px 2px 0 0;
+	cursor: ne-resize;
+	left: 200px;
+	margin: -2px 0 0 -20px;
+	top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-sw {
+	border-width: 0 0 2px 2px;
+	cursor: sw-resize;
+	left: 100px;
+	margin: -20px 2px 0 -2px;
+	top: 200px;
+}
+.tox .tox-image-tools .tox-croprect-handle-se {
+	border-width: 0 2px 2px 0;
+	cursor: se-resize;
+	left: 200px;
+	margin: -20px 0 0 -20px;
+	top: 200px;
+}
+.tox .tox-insert-table-picker {
+	display: flex;
+	flex-wrap: wrap;
+	width: 170px;
+}
+.tox .tox-insert-table-picker > div {
+	border-color: #eee;
+	border-style: solid;
+	border-width: 0 1px 1px 0;
+	box-sizing: border-box;
+	height: 17px;
+	width: 17px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+	margin: -4px -4px;
+}
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+	background-color: rgba(0, 108, 231, 0.5);
+	border-color: rgba(0, 108, 231, 0.5);
+}
+.tox .tox-insert-table-picker__label {
+	color: rgba(34, 47, 62, 0.7);
+	display: block;
+	font-size: 14px;
+	padding: 4px;
+	text-align: center;
+	width: 100%;
+}
+.tox:not([dir='rtl']) .tox-insert-table-picker > div:nth-child(10n) {
+	border-right: 0;
+}
+.tox[dir='rtl'] .tox-insert-table-picker > div:nth-child(10n + 1) {
+	border-right: 0;
+}
+.tox .tox-menu {
+	background-color: #fff;
+	border: 1px solid transparent;
+	border-radius: 6px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	display: inline-block;
+	overflow: hidden;
+	vertical-align: top;
+	z-index: 1150;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+	padding: 0 4px;
+}
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+	padding: 8px;
+}
+.tox .tox-menu.tox-collection.tox-collection--grid {
+	padding: 8px;
+}
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code,
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p {
+	margin: 0;
+}
+.tox .tox-menubar {
+	background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='transparent'/%3E%3C/svg%3E")
+		left 0 top 0 #fff;
+	background-color: #fff;
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	padding: 0 11px 0 12px;
+}
+.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
+	border-top: 1px solid transparent;
+}
+.tox .tox-mbtn {
+	align-items: center;
+	background: 0 0;
+	border: 0;
+	border-radius: 3px;
+	box-shadow: none;
+	color: #222f3e;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	height: 28px;
+	justify-content: center;
+	margin: 5px 1px 6px 0;
+	outline: 0;
+	overflow: hidden;
+	padding: 0 4px;
+	text-transform: none;
+	width: auto;
+}
+.tox .tox-mbtn[disabled] {
+	background-color: transparent;
+	border: 0;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-mbtn:focus:not(:disabled) {
+	background: #cce2fa;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-mbtn--active {
+	background: #a6ccf7;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+	background: #cce2fa;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-mbtn__select-label {
+	cursor: default;
+	font-weight: 400;
+	margin: 0 4px;
+}
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+	cursor: not-allowed;
+}
+.tox .tox-mbtn__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+	display: none;
+}
+.tox .tox-notification {
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	display: grid;
+	font-size: 14px;
+	font-weight: 400;
+	grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+	margin-top: 4px;
+	opacity: 0;
+	padding: 4px;
+	transition: transform 0.1s ease-in, opacity 150ms ease-in;
+}
+.tox .tox-notification p {
+	font-size: 14px;
+	font-weight: 400;
+}
+.tox .tox-notification a {
+	cursor: pointer;
+	text-decoration: underline;
+}
+.tox .tox-notification--in {
+	opacity: 1;
+}
+.tox .tox-notification--success {
+	background-color: #e4eeda;
+	border-color: #d7e6c8;
+	color: #222f3e;
+}
+.tox .tox-notification--success p {
+	color: #222f3e;
+}
+.tox .tox-notification--success a {
+	color: #517342;
+}
+.tox .tox-notification--success svg {
+	fill: #222f3e;
+}
+.tox .tox-notification--error {
+	background-color: #f5cccc;
+	border-color: #f0b3b3;
+	color: #222f3e;
+}
+.tox .tox-notification--error p {
+	color: #222f3e;
+}
+.tox .tox-notification--error a {
+	color: #77181f;
+}
+.tox .tox-notification--error svg {
+	fill: #222f3e;
+}
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+	background-color: #fff5cc;
+	border-color: #fff0b3;
+	color: #222f3e;
+}
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+	color: #222f3e;
+}
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+	color: #7a6e25;
+}
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+	fill: #222f3e;
+}
+.tox .tox-notification--info {
+	background-color: #d6e7fb;
+	border-color: #c1dbf9;
+	color: #222f3e;
+}
+.tox .tox-notification--info p {
+	color: #222f3e;
+}
+.tox .tox-notification--info a {
+	color: #2a64a6;
+}
+.tox .tox-notification--info svg {
+	fill: #222f3e;
+}
+.tox .tox-notification__body {
+	align-self: center;
+	color: #222f3e;
+	font-size: 14px;
+	grid-column-end: 3;
+	grid-column-start: 2;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	text-align: center;
+	white-space: normal;
+	word-break: break-all;
+	word-break: break-word;
+}
+.tox .tox-notification__body > * {
+	margin: 0;
+}
+.tox .tox-notification__body > * + * {
+	margin-top: 1rem;
+}
+.tox .tox-notification__icon {
+	align-self: center;
+	grid-column-end: 2;
+	grid-column-start: 1;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	justify-self: end;
+}
+.tox .tox-notification__icon svg {
+	display: block;
+}
+.tox .tox-notification__dismiss {
+	align-self: start;
+	grid-column-end: 4;
+	grid-column-start: 3;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	justify-self: end;
+}
+.tox .tox-notification .tox-progress-bar {
+	grid-column-end: 4;
+	grid-column-start: 1;
+	grid-row-end: 3;
+	grid-row-start: 2;
+	justify-self: center;
+}
+.tox .tox-pop {
+	display: inline-block;
+	position: relative;
+}
+.tox .tox-pop--resizing {
+	transition: width 0.1s ease;
+}
+.tox .tox-pop--resizing .tox-toolbar,
+.tox .tox-pop--resizing .tox-toolbar__group {
+	flex-wrap: nowrap;
+}
+.tox .tox-pop--transition {
+	transition: 0.15s ease;
+	transition-property: left, right, top, bottom;
+}
+.tox .tox-pop--transition::after,
+.tox .tox-pop--transition::before {
+	transition: all 0.15s, visibility 0s, opacity 75ms ease 75ms;
+}
+.tox .tox-pop__dialog {
+	background-color: #fff;
+	border: 1px solid #eee;
+	border-radius: 6px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	min-width: 0;
+	overflow: hidden;
+}
+.tox .tox-pop__dialog > :not(.tox-toolbar) {
+	margin: 4px 4px 4px 8px;
+}
+.tox .tox-pop__dialog .tox-toolbar {
+	background-color: transparent;
+	margin-bottom: -1px;
+}
+.tox .tox-pop::after,
+.tox .tox-pop::before {
+	border-style: solid;
+	content: '';
+	display: block;
+	height: 0;
+	opacity: 1;
+	position: absolute;
+	width: 0;
+}
+.tox .tox-pop.tox-pop--inset::after,
+.tox .tox-pop.tox-pop--inset::before {
+	opacity: 0;
+	transition: all 0s 0.15s, visibility 0s, opacity 75ms ease;
+}
+.tox .tox-pop.tox-pop--bottom::after,
+.tox .tox-pop.tox-pop--bottom::before {
+	left: 50%;
+	top: 100%;
+}
+.tox .tox-pop.tox-pop--bottom::after {
+	border-color: #fff transparent transparent transparent;
+	border-width: 8px;
+	margin-left: -8px;
+	margin-top: -1px;
+}
+.tox .tox-pop.tox-pop--bottom::before {
+	border-color: #eee transparent transparent transparent;
+	border-width: 9px;
+	margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--top::after,
+.tox .tox-pop.tox-pop--top::before {
+	left: 50%;
+	top: 0;
+	transform: translateY(-100%);
+}
+.tox .tox-pop.tox-pop--top::after {
+	border-color: transparent transparent #fff transparent;
+	border-width: 8px;
+	margin-left: -8px;
+	margin-top: 1px;
+}
+.tox .tox-pop.tox-pop--top::before {
+	border-color: transparent transparent #eee transparent;
+	border-width: 9px;
+	margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--left::after,
+.tox .tox-pop.tox-pop--left::before {
+	left: 0;
+	top: calc(50% - 1px);
+	transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--left::after {
+	border-color: transparent #fff transparent transparent;
+	border-width: 8px;
+	margin-left: -15px;
+}
+.tox .tox-pop.tox-pop--left::before {
+	border-color: transparent #eee transparent transparent;
+	border-width: 10px;
+	margin-left: -19px;
+}
+.tox .tox-pop.tox-pop--right::after,
+.tox .tox-pop.tox-pop--right::before {
+	left: 100%;
+	top: calc(50% + 1px);
+	transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--right::after {
+	border-color: transparent transparent transparent #fff;
+	border-width: 8px;
+	margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--right::before {
+	border-color: transparent transparent transparent #eee;
+	border-width: 10px;
+	margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--align-left::after,
+.tox .tox-pop.tox-pop--align-left::before {
+	left: 20px;
+}
+.tox .tox-pop.tox-pop--align-right::after,
+.tox .tox-pop.tox-pop--align-right::before {
+	left: calc(100% - 20px);
+}
+.tox .tox-sidebar-wrap {
+	display: flex;
+	flex-direction: row;
+	flex-grow: 1;
+	min-height: 0;
+}
+.tox .tox-sidebar {
+	background-color: #fff;
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-end;
+}
+.tox .tox-sidebar__slider {
+	display: flex;
+	overflow: hidden;
+}
+.tox .tox-sidebar__pane-container {
+	display: flex;
+}
+.tox .tox-sidebar__pane {
+	display: flex;
+}
+.tox .tox-sidebar--sliding-closed {
+	opacity: 0;
+}
+.tox .tox-sidebar--sliding-open {
+	opacity: 1;
+}
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+	transition: width 0.5s ease, opacity 0.5s ease;
+}
+.tox .tox-selector {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	display: inline-block;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+}
+.tox.tox-platform-touch .tox-selector {
+	height: 12px;
+	width: 12px;
+}
+.tox .tox-slider {
+	align-items: center;
+	display: flex;
+	flex: 1;
+	height: 24px;
+	justify-content: center;
+	position: relative;
+}
+.tox .tox-slider__rail {
+	background-color: transparent;
+	border: 1px solid #eee;
+	border-radius: 6px;
+	height: 10px;
+	min-width: 120px;
+	width: 100%;
+}
+.tox .tox-slider__handle {
+	background-color: #006ce7;
+	border: 2px solid #0054b4;
+	border-radius: 6px;
+	box-shadow: none;
+	height: 24px;
+	left: 50%;
+	position: absolute;
+	top: 50%;
+	transform: translateX(-50%) translateY(-50%);
+	width: 14px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
+	margin-inline-start: 8px;
+}
+.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
+	margin-inline-start: 32px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
+	margin-inline-start: 32px;
+}
+.tox .tox-source-code {
+	overflow: auto;
+}
+.tox .tox-spinner {
+	display: flex;
+}
+.tox .tox-spinner > div {
+	animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+	background-color: rgba(34, 47, 62, 0.7);
+	border-radius: 100%;
+	height: 8px;
+	width: 8px;
+}
+.tox .tox-spinner > div:nth-child(1) {
+	animation-delay: -0.32s;
+}
+.tox .tox-spinner > div:nth-child(2) {
+	animation-delay: -0.16s;
+}
+@keyframes tam-bouncing-dots {
+	0%,
+	100%,
+	80% {
+		transform: scale(0);
+	}
+	40% {
+		transform: scale(1);
+	}
+}
+.tox:not([dir='rtl']) .tox-spinner > div:not(:first-child) {
+	margin-left: 4px;
+}
+.tox[dir='rtl'] .tox-spinner > div:not(:first-child) {
+	margin-right: 4px;
+}
+.tox .tox-statusbar {
+	align-items: center;
+	background-color: #fff;
+	border-top: 1px solid #e3e3e3;
+	color: rgba(34, 47, 62, 0.7);
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-weight: 400;
+	height: 25px;
+	overflow: hidden;
+	padding: 0 8px;
+	position: relative;
+	text-transform: none;
+}
+.tox .tox-statusbar__text-container {
+	display: flex;
+	flex: 1 1 auto;
+	justify-content: flex-end;
+	overflow: hidden;
+}
+.tox .tox-statusbar__path {
+	display: flex;
+	flex: 1 1 auto;
+	margin-right: auto;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.tox .tox-statusbar__path > * {
+	display: inline;
+	white-space: nowrap;
+}
+.tox .tox-statusbar__wordcount {
+	flex: 0 0 auto;
+	margin-left: 1ch;
+}
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+	color: rgba(34, 47, 62, 0.7);
+	text-decoration: none;
+}
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled='true']) {
+	color: #222f3e;
+	cursor: pointer;
+}
+.tox .tox-statusbar__branding svg {
+	fill: rgba(34, 47, 62, 0.8);
+	height: 1.14em;
+	vertical-align: -0.28em;
+	width: 3.6em;
+}
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled='true']) svg,
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled='true']) svg {
+	fill: #222f3e;
+}
+.tox .tox-statusbar__resize-handle {
+	align-items: flex-end;
+	align-self: stretch;
+	cursor: nwse-resize;
+	display: flex;
+	flex: 0 0 auto;
+	justify-content: flex-end;
+	margin-left: auto;
+	margin-right: -8px;
+	padding-bottom: 3px;
+	padding-left: 1ch;
+	padding-right: 3px;
+}
+.tox .tox-statusbar__resize-handle svg {
+	display: block;
+	fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-statusbar__resize-handle:focus svg {
+	background-color: #dee0e2;
+	border-radius: 1px 1px 5px 1px;
+	box-shadow: 0 0 0 2px #dee0e2;
+}
+.tox:not([dir='rtl']) .tox-statusbar__path > * {
+	margin-right: 4px;
+}
+.tox:not([dir='rtl']) .tox-statusbar__branding {
+	margin-left: 2ch;
+}
+.tox[dir='rtl'] .tox-statusbar {
+	flex-direction: row-reverse;
+}
+.tox[dir='rtl'] .tox-statusbar__path > * {
+	margin-left: 4px;
+}
+.tox .tox-throbber {
+	z-index: 1299;
+}
+.tox .tox-throbber__busy-spinner {
+	align-items: center;
+	background-color: rgba(255, 255, 255, 0.6);
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+.tox .tox-tbtn {
+	align-items: center;
+	background: 0 0;
+	border: 0;
+	border-radius: 3px;
+	box-shadow: none;
+	color: #222f3e;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	height: 28px;
+	justify-content: center;
+	margin: 6px 1px 5px 0;
+	outline: 0;
+	overflow: hidden;
+	padding: 0;
+	text-transform: none;
+	width: 34px;
+}
+.tox .tox-tbtn svg {
+	display: block;
+	fill: #222f3e;
+}
+.tox .tox-tbtn.tox-tbtn-more {
+	padding-left: 5px;
+	padding-right: 5px;
+	width: inherit;
+}
+.tox .tox-tbtn:focus {
+	background: #cce2fa;
+	border: 0;
+	box-shadow: none;
+}
+.tox .tox-tbtn:hover {
+	background: #cce2fa;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-tbtn:hover svg {
+	fill: #222f3e;
+}
+.tox .tox-tbtn:active {
+	background: #a6ccf7;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-tbtn:active svg {
+	fill: #222f3e;
+}
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+	background: 0 0;
+	border: 0;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover {
+	background: #a6ccf7;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-tbtn--enabled:hover > *,
+.tox .tox-tbtn--enabled > * {
+	transform: none;
+}
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg {
+	fill: #222f3e;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+	color: #222f3e;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+	fill: #222f3e;
+}
+.tox .tox-tbtn:active > * {
+	transform: none;
+}
+.tox .tox-tbtn--md {
+	height: 42px;
+	width: 51px;
+}
+.tox .tox-tbtn--lg {
+	flex-direction: column;
+	height: 56px;
+	width: 68px;
+}
+.tox .tox-tbtn--return {
+	align-self: stretch;
+	height: unset;
+	width: 16px;
+}
+.tox .tox-tbtn--labeled {
+	padding: 0 4px;
+	width: unset;
+}
+.tox .tox-tbtn__vlabel {
+	display: block;
+	font-size: 10px;
+	font-weight: 400;
+	letter-spacing: -0.025em;
+	margin-bottom: 4px;
+	white-space: nowrap;
+}
+.tox .tox-tbtn--select {
+	margin: 6px 1px 5px 0;
+	padding: 0 4px;
+	width: auto;
+}
+.tox .tox-tbtn__select-label {
+	cursor: default;
+	font-weight: 400;
+	margin: 0 4px;
+}
+.tox .tox-tbtn__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+}
+.tox .tox-tbtn__select-chevron svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--bespoke {
+	background: #f7f7f7;
+}
+.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
+	margin-inline-start: 4px;
+}
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: 7em;
+}
+.tox .tox-split-button {
+	border: 0;
+	border-radius: 3px;
+	box-sizing: border-box;
+	display: flex;
+	margin: 6px 1px 5px 0;
+	overflow: hidden;
+}
+.tox .tox-split-button:hover {
+	box-shadow: 0 0 0 1px #cce2fa inset;
+}
+.tox .tox-split-button:focus {
+	background: #cce2fa;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-split-button > * {
+	border-radius: 0;
+}
+.tox .tox-split-button__chevron {
+	width: 16px;
+}
+.tox .tox-split-button__chevron svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-split-button .tox-tbtn {
+	margin: 0;
+}
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled:hover {
+	background: 0 0;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
+	padding: 0 0;
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
+	width: 30px;
+}
+.tox.tox-platform-touch .tox-split-button__chevron {
+	width: 20px;
+}
+.tox .tox-toolbar-overlord {
+	background-color: #fff;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__overflow,
+.tox .tox-toolbar__primary {
+	background-color: #fff;
+	background-image: repeating-linear-gradient(#e3e3e3 0 1px, transparent 1px 39px);
+	background-position: center top 40px;
+	background-repeat: no-repeat;
+	background-size: calc(100% - 11px * 2) calc(100% - 41px);
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	padding: 0 0;
+	transform: perspective(1px);
+}
+.tox .tox-toolbar-overlord > .tox-toolbar,
+.tox .tox-toolbar-overlord > .tox-toolbar__overflow,
+.tox .tox-toolbar-overlord > .tox-toolbar__primary {
+	background-position: center top 0;
+	background-size: calc(100% - 11px * 2) calc(100% - 0px);
+}
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+	height: 0;
+	opacity: 0;
+	padding-bottom: 0;
+	padding-top: 0;
+	visibility: hidden;
+}
+.tox .tox-toolbar__overflow--growing {
+	transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+.tox .tox-toolbar__overflow--shrinking {
+	transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord {
+	border-top: 1px solid transparent;
+	margin-top: 0;
+	padding-bottom: 1px;
+	padding-top: 1px;
+}
+.tox .tox-toolbar--scrolling {
+	flex-wrap: nowrap;
+	overflow-x: auto;
+}
+.tox .tox-pop .tox-toolbar {
+	border-width: 0;
+}
+.tox .tox-toolbar--no-divider {
+	background-image: none;
+}
+.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
+.tox .tox-toolbar-overlord .tox-toolbar__primary {
+	background-position: center top 39px;
+}
+.tox .tox-editor-header > .tox-toolbar--scrolling,
+.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
+	background-image: none;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+	background-color: #fff;
+	background-position: center top 43px;
+	background-size: calc(100% - 8px * 2) calc(100% - 51px);
+	border: none;
+	border-radius: 6px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	padding: 4px 0;
+}
+.tox-pop .tox-pop__dialog .tox-toolbar {
+	background-position: center top 43px;
+	background-size: calc(100% - 11px * 2) calc(100% - 51px);
+	padding: 4px 0;
+}
+.tox .tox-toolbar__group {
+	align-items: center;
+	display: flex;
+	flex-wrap: wrap;
+	margin: 0 0;
+	padding: 0 11px 0 12px;
+}
+.tox .tox-toolbar__group--pull-right {
+	margin-left: auto;
+}
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+	flex-shrink: 0;
+	flex-wrap: nowrap;
+}
+.tox:not([dir='rtl']) .tox-toolbar__group:not(:last-of-type) {
+	border-right: 1px solid transparent;
+}
+.tox[dir='rtl'] .tox-toolbar__group:not(:last-of-type) {
+	border-left: 1px solid transparent;
+}
+.tox .tox-tooltip {
+	display: inline-block;
+	padding: 8px;
+	position: relative;
+}
+.tox .tox-tooltip__body {
+	background-color: #222f3e;
+	border-radius: 6px;
+	box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
+	color: rgba(255, 255, 255, 0.75);
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	padding: 4px 8px;
+	text-transform: none;
+}
+.tox .tox-tooltip__arrow {
+	position: absolute;
+}
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+	border-left: 8px solid transparent;
+	border-right: 8px solid transparent;
+	border-top: 8px solid #222f3e;
+	bottom: 0;
+	left: 50%;
+	position: absolute;
+	transform: translateX(-50%);
+}
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+	border-bottom: 8px solid #222f3e;
+	border-left: 8px solid transparent;
+	border-right: 8px solid transparent;
+	left: 50%;
+	position: absolute;
+	top: 0;
+	transform: translateX(-50%);
+}
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+	border-bottom: 8px solid transparent;
+	border-left: 8px solid #222f3e;
+	border-top: 8px solid transparent;
+	position: absolute;
+	right: 0;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+	border-bottom: 8px solid transparent;
+	border-right: 8px solid #222f3e;
+	border-top: 8px solid transparent;
+	left: 0;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.tox .tox-well {
+	border: 1px solid #eee;
+	border-radius: 6px;
+	padding: 8px;
+	width: 100%;
+}
+.tox .tox-well > :first-child {
+	margin-top: 0;
+}
+.tox .tox-well > :last-child {
+	margin-bottom: 0;
+}
+.tox .tox-well > :only-child {
+	margin: 0;
+}
+.tox .tox-custom-editor {
+	border: 1px solid #eee;
+	border-radius: 6px;
+	display: flex;
+	flex: 1;
+	position: relative;
+}
+.tox .tox-dialog-loading::before {
+	background-color: rgba(0, 0, 0, 0.5);
+	content: '';
+	height: 100%;
+	position: absolute;
+	width: 100%;
+	z-index: 1000;
+}
+.tox .tox-tab {
+	cursor: pointer;
+}
+.tox .tox-dialog__content-js {
+	display: flex;
+	flex: 1;
+}
+.tox .tox-dialog__body-content .tox-collection {
+	display: flex;
+	flex: 1;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/oxide/skin.shadowdom.css b/src/frontend/admin/public/tinymce/skins/ui/oxide/skin.shadowdom.css
new file mode 100644
index 00000000..8bf192d2
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/oxide/skin.shadowdom.css
@@ -0,0 +1,35 @@
+body.tox-dialog__disable-scroll {
+    overflow: hidden;
+}
+
+.tox-fullscreen {
+    border: 0;
+    height: 100%;
+    margin: 0;
+    overflow: hidden;
+    overscroll-behavior: none;
+    padding: 0;
+    touch-action: pinch-zoom;
+    width: 100%;
+}
+
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+    display: none;
+}
+
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+    left: 0;
+    position: fixed;
+    top: 0;
+    z-index: 1200;
+}
+
+.tox.tox-tinymce.tox-fullscreen {
+    background-color: transparent;
+}
+
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+    z-index: 1201;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/oxide/skin.shadowdom.min.css b/src/frontend/admin/public/tinymce/skins/ui/oxide/skin.shadowdom.min.css
new file mode 100644
index 00000000..c1141c55
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/oxide/skin.shadowdom.min.css
@@ -0,0 +1,30 @@
+body.tox-dialog__disable-scroll {
+	overflow: hidden;
+}
+.tox-fullscreen {
+	border: 0;
+	height: 100%;
+	margin: 0;
+	overflow: hidden;
+	overscroll-behavior: none;
+	padding: 0;
+	touch-action: pinch-zoom;
+	width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+	display: none;
+}
+.tox-shadowhost.tox-fullscreen,
+.tox.tox-tinymce.tox-fullscreen {
+	left: 0;
+	position: fixed;
+	top: 0;
+	z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+	background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+	z-index: 1201;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/content.css b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/content.css
new file mode 100644
index 00000000..ca33c5dc
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/content.css
@@ -0,0 +1,848 @@
+.mce-content-body .mce-item-anchor {
+	background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+
+.mce-content-body .mce-item-anchor:empty {
+	cursor: default;
+	display: inline-block;
+	height: 12px !important;
+	padding: 0 2px;
+	-webkit-user-modify: read-only;
+	-moz-user-modify: read-only;
+	-webkit-user-select: all;
+	-moz-user-select: all;
+	user-select: all;
+	width: 8px !important;
+}
+
+.mce-content-body .mce-item-anchor:not(:empty) {
+	background-position-x: 2px;
+	display: inline-block;
+	padding-left: 12px;
+}
+
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+	outline-offset: 1px;
+}
+
+.tox-comments-visible .tox-comment {
+	background-color: #fff0b7;
+}
+
+.tox-comments-visible .tox-comment[data-mce-annotation-active='true']:not([data-mce-selected='inline-boundary']) {
+	background-color: #ffe168;
+}
+
+.tox-checklist > li:not(.tox-checklist--hidden) {
+	list-style: none;
+	margin: 0.25em 0;
+}
+
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+	cursor: pointer;
+	height: 1em;
+	margin-left: -1.5em;
+	margin-top: 0.125em;
+	position: absolute;
+	width: 1em;
+}
+
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+}
+
+[dir='rtl'] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+	margin-left: 0;
+	margin-right: -1.5em;
+}
+
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+code[class*='language-'],
+pre[class*='language-'] {
+	color: #f8f8f2;
+	background: none;
+	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+	-moz-tab-size: 4;
+	tab-size: 4;
+	-webkit-hyphens: none;
+	hyphens: none;
+}
+
+/* Code blocks */
+pre[class*='language-'] {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+	border-radius: 0.3em;
+}
+
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+	background: #282a36;
+}
+
+/* Inline code */
+:not(pre) > code[class*='language-'] {
+	padding: 0.1em;
+	border-radius: 0.3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: #6272a4;
+}
+
+.token.punctuation {
+	color: #f8f8f2;
+}
+
+.namespace {
+	opacity: 0.7;
+}
+
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #ff79c6;
+}
+
+.token.boolean,
+.token.number {
+	color: #bd93f9;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #50fa7b;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+	color: #f8f8f2;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.function,
+.token.class-name {
+	color: #f1fa8c;
+}
+
+.token.keyword {
+	color: #8be9fd;
+}
+
+.token.regex,
+.token.important {
+	color: #ffb86c;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+/* stylelint-enable */
+.mce-content-body {
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+}
+
+.mce-content-body .mce-visual-caret {
+	background-color: black;
+	background-color: currentColor;
+	position: absolute;
+}
+
+.mce-content-body .mce-visual-caret-hidden {
+	display: none;
+}
+
+.mce-content-body *[data-mce-caret] {
+	left: -1000px;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	right: auto;
+	top: 0;
+}
+
+.mce-content-body .mce-offscreen-selection {
+	left: -2000000px;
+	max-width: 1000000px;
+	position: absolute;
+}
+
+.mce-content-body *[contentEditable='false'] {
+	cursor: default;
+}
+
+.mce-content-body *[contentEditable='true'] {
+	cursor: text;
+}
+
+.tox-cursor-format-painter {
+	cursor: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A'),
+	default;
+}
+
+.mce-content-body figure.align-left {
+	float: left;
+}
+
+.mce-content-body figure.align-right {
+	float: right;
+}
+
+.mce-content-body figure.image.align-center {
+	display: table;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.mce-preview-object {
+	border: 1px solid gray;
+	display: inline-block;
+	line-height: 0;
+	margin: 0 2px 0 2px;
+	position: relative;
+}
+
+.mce-preview-object .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.mce-preview-object[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+
+.mce-object {
+	background: transparent url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A') no-repeat center;
+	border: 1px dashed #aaa;
+}
+
+.mce-pagebreak {
+	border: 1px dashed #aaa;
+	cursor: default;
+	display: block;
+	height: 5px;
+	margin-top: 15px;
+	page-break-before: always;
+	width: 100%;
+}
+
+@media print {
+	.mce-pagebreak {
+		border: 0;
+	}
+}
+
+.tiny-pageembed .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.tiny-pageembed[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+
+.tiny-pageembed {
+	display: inline-block;
+	position: relative;
+}
+
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+	display: block;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	width: 100%;
+}
+
+.tiny-pageembed--21by9 {
+	padding-top: 42.857143%;
+}
+
+.tiny-pageembed--16by9 {
+	padding-top: 56.25%;
+}
+
+.tiny-pageembed--4by3 {
+	padding-top: 75%;
+}
+
+.tiny-pageembed--1by1 {
+	padding-top: 100%;
+}
+
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+	border: 0;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.mce-content-body[data-mce-placeholder] {
+	position: relative;
+}
+
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	color: rgba(34, 47, 62, 0.7);
+	content: attr(data-mce-placeholder);
+	position: absolute;
+}
+
+.mce-content-body:not([dir='rtl'])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	left: 1px;
+}
+
+.mce-content-body[dir='rtl'][data-mce-placeholder]:not(.mce-visualblocks)::before {
+	right: 1px;
+}
+
+.mce-content-body div.mce-resizehandle {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+	z-index: 1298;
+}
+
+.mce-content-body div.mce-resizehandle:hover {
+	background-color: #4099ff;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+	cursor: nwse-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+	cursor: nesw-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+	cursor: nwse-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+	cursor: nesw-resize;
+}
+
+.mce-content-body .mce-resize-backdrop {
+	z-index: 10000;
+}
+
+.mce-content-body .mce-clonedresizable {
+	cursor: default;
+	opacity: 0.5;
+	outline: 1px dashed black;
+	position: absolute;
+	z-index: 10001;
+}
+
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+	border: 0;
+}
+
+.mce-content-body .mce-resize-helper {
+	background: #555;
+	background: rgba(0, 0, 0, 0.75);
+	border: 1px;
+	border-radius: 3px;
+	color: white;
+	display: none;
+	font-family: sans-serif;
+	font-size: 12px;
+	line-height: 14px;
+	margin: 5px 10px;
+	padding: 5px;
+	position: absolute;
+	white-space: nowrap;
+	z-index: 10002;
+}
+
+.tox-rtc-user-selection {
+	position: relative;
+}
+
+.tox-rtc-user-cursor {
+	bottom: 0;
+	cursor: default;
+	position: absolute;
+	top: 0;
+	width: 2px;
+}
+
+.tox-rtc-user-cursor::before {
+	background-color: inherit;
+	border-radius: 50%;
+	content: '';
+	display: block;
+	height: 8px;
+	position: absolute;
+	right: -3px;
+	top: -3px;
+	width: 8px;
+}
+
+.tox-rtc-user-cursor:hover::after {
+	background-color: inherit;
+	border-radius: 100px;
+	box-sizing: border-box;
+	color: #fff;
+	content: attr(data-user);
+	display: block;
+	font-size: 12px;
+	font-weight: bold;
+	left: -5px;
+	min-height: 8px;
+	min-width: 8px;
+	padding: 0 12px;
+	position: absolute;
+	top: -11px;
+	white-space: nowrap;
+	z-index: 1000;
+}
+
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+	background-color: #2dc26b;
+}
+
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+	background-color: #e03e2d;
+}
+
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+	background-color: #f1c40f;
+}
+
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+	background-color: #3598db;
+}
+
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+	background-color: #b96ad9;
+}
+
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+	background-color: #e67e23;
+}
+
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+	background-color: #aaa69d;
+}
+
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+	background-color: #f368e0;
+}
+
+.tox-rtc-remote-image {
+	background: #eaeaea url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A') no-repeat center center;
+	border: 1px solid #ccc;
+	min-height: 240px;
+	min-width: 320px;
+}
+
+.mce-match-marker {
+	background: #aaa;
+	color: #fff;
+}
+
+.mce-match-marker-selected {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-match-marker-selected::-moz-selection {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-match-marker-selected::selection {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected] {
+	outline: 3px solid #4099ff;
+}
+
+.mce-content-body hr[data-mce-selected] {
+	outline: 3px solid #4099ff;
+	outline-offset: 1px;
+}
+
+.mce-content-body *[contentEditable='false'] *[contentEditable='true']:focus {
+	outline: 3px solid #4099ff;
+}
+
+.mce-content-body *[contentEditable='false'] *[contentEditable='true']:hover {
+	outline: 3px solid #4099ff;
+}
+
+.mce-content-body *[contentEditable='false'][data-mce-selected] {
+	cursor: not-allowed;
+	outline: 3px solid #4099ff;
+}
+
+.mce-content-body.mce-content-readonly *[contentEditable='true']:focus,
+.mce-content-body.mce-content-readonly *[contentEditable='true']:hover {
+	outline: none;
+}
+
+.mce-content-body *[data-mce-selected='inline-boundary'] {
+	background-color: #4099ff;
+}
+
+.mce-content-body .mce-edit-focus {
+	outline: 3px solid #4099ff;
+}
+
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+	position: relative;
+}
+
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+	background: none;
+}
+
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+	background: none;
+}
+
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+	outline: none;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+	background-color: rgba(180, 215, 255, 0.7);
+	border: 1px solid transparent;
+	bottom: -1px;
+	content: '';
+	left: -1px;
+	mix-blend-mode: lighten;
+	position: absolute;
+	right: -1px;
+	top: -1px;
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+	.mce-content-body td[data-mce-selected]::after,
+	.mce-content-body th[data-mce-selected]::after {
+		border-color: rgba(0, 84, 180, 0.7);
+	}
+}
+
+.mce-content-body img::-moz-selection {
+	background: none;
+}
+
+.mce-content-body img::selection {
+	background: none;
+}
+
+.ephox-snooker-resizer-bar {
+	background-color: #4099ff;
+	opacity: 0;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.ephox-snooker-resizer-cols {
+	cursor: col-resize;
+}
+
+.ephox-snooker-resizer-rows {
+	cursor: row-resize;
+}
+
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+	opacity: 1;
+}
+
+.mce-spellchecker-word {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+	height: 2rem;
+}
+
+.mce-spellchecker-grammar {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+}
+
+.mce-toc {
+	border: 1px solid gray;
+}
+
+.mce-toc h2 {
+	margin: 4px;
+}
+
+.mce-toc li {
+	list-style-type: none;
+}
+
+table[style*='border-width: 0px'],
+.mce-item-table:not([border]),
+.mce-item-table[border='0'],
+table[style*='border-width: 0px'] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border='0'] td,
+table[style*='border-width: 0px'] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border='0'] th,
+table[style*='border-width: 0px'] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border='0'] caption {
+	border: 1px dashed #bbb;
+}
+
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+	background-repeat: no-repeat;
+	border: 1px dashed #bbb;
+	margin-left: 3px;
+	padding-top: 10px;
+}
+
+.mce-visualblocks p {
+	background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+
+.mce-visualblocks h1 {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+
+.mce-visualblocks h2 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+
+.mce-visualblocks h3 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+
+.mce-visualblocks h4 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+
+.mce-visualblocks h5 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+
+.mce-visualblocks h6 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+
+.mce-visualblocks div:not([data-mce-bogus]) {
+	background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+
+.mce-visualblocks section {
+	background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+
+.mce-visualblocks article {
+	background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+
+.mce-visualblocks blockquote {
+	background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+
+.mce-visualblocks address {
+	background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+
+.mce-visualblocks pre {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+
+.mce-visualblocks figure {
+	background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+
+.mce-visualblocks figcaption {
+	border: 1px dashed #bbb;
+}
+
+.mce-visualblocks hgroup {
+	background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+
+.mce-visualblocks aside {
+	background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+
+.mce-visualblocks ul {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+
+.mce-visualblocks ol {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+
+.mce-visualblocks dl {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+
+.mce-visualblocks:not([dir='rtl']) p,
+.mce-visualblocks:not([dir='rtl']) h1,
+.mce-visualblocks:not([dir='rtl']) h2,
+.mce-visualblocks:not([dir='rtl']) h3,
+.mce-visualblocks:not([dir='rtl']) h4,
+.mce-visualblocks:not([dir='rtl']) h5,
+.mce-visualblocks:not([dir='rtl']) h6,
+.mce-visualblocks:not([dir='rtl']) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir='rtl']) section,
+.mce-visualblocks:not([dir='rtl']) article,
+.mce-visualblocks:not([dir='rtl']) blockquote,
+.mce-visualblocks:not([dir='rtl']) address,
+.mce-visualblocks:not([dir='rtl']) pre,
+.mce-visualblocks:not([dir='rtl']) figure,
+.mce-visualblocks:not([dir='rtl']) figcaption,
+.mce-visualblocks:not([dir='rtl']) hgroup,
+.mce-visualblocks:not([dir='rtl']) aside,
+.mce-visualblocks:not([dir='rtl']) ul,
+.mce-visualblocks:not([dir='rtl']) ol,
+.mce-visualblocks:not([dir='rtl']) dl {
+	margin-left: 3px;
+}
+
+.mce-visualblocks[dir='rtl'] p,
+.mce-visualblocks[dir='rtl'] h1,
+.mce-visualblocks[dir='rtl'] h2,
+.mce-visualblocks[dir='rtl'] h3,
+.mce-visualblocks[dir='rtl'] h4,
+.mce-visualblocks[dir='rtl'] h5,
+.mce-visualblocks[dir='rtl'] h6,
+.mce-visualblocks[dir='rtl'] div:not([data-mce-bogus]),
+.mce-visualblocks[dir='rtl'] section,
+.mce-visualblocks[dir='rtl'] article,
+.mce-visualblocks[dir='rtl'] blockquote,
+.mce-visualblocks[dir='rtl'] address,
+.mce-visualblocks[dir='rtl'] pre,
+.mce-visualblocks[dir='rtl'] figure,
+.mce-visualblocks[dir='rtl'] figcaption,
+.mce-visualblocks[dir='rtl'] hgroup,
+.mce-visualblocks[dir='rtl'] aside,
+.mce-visualblocks[dir='rtl'] ul,
+.mce-visualblocks[dir='rtl'] ol,
+.mce-visualblocks[dir='rtl'] dl {
+	background-position-x: right;
+	margin-right: 3px;
+}
+
+.mce-nbsp,
+.mce-shy {
+	background: #aaa;
+}
+
+.mce-shy::after {
+	content: '-';
+}
+
+body {
+	font-family: sans-serif;
+}
+
+table {
+	border-collapse: collapse;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/content.inline.css b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/content.inline.css
new file mode 100644
index 00000000..761b0a30
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/content.inline.css
@@ -0,0 +1,861 @@
+.mce-content-body .mce-item-anchor {
+    background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+
+.mce-content-body .mce-item-anchor:empty {
+    cursor: default;
+    display: inline-block;
+    height: 12px !important;
+    padding: 0 2px;
+    -webkit-user-modify: read-only;
+    -moz-user-modify: read-only;
+    -webkit-user-select: all;
+    -moz-user-select: all;
+    user-select: all;
+    width: 8px !important;
+}
+
+.mce-content-body .mce-item-anchor:not(:empty) {
+    background-position-x: 2px;
+    display: inline-block;
+    padding-left: 12px;
+}
+
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+    outline-offset: 1px;
+}
+
+.tox-comments-visible .tox-comment {
+    background-color: #fff0b7;
+}
+
+.tox-comments-visible .tox-comment[data-mce-annotation-active='true']:not([data-mce-selected='inline-boundary']) {
+    background-color: #ffe168;
+}
+
+.tox-checklist > li:not(.tox-checklist--hidden) {
+    list-style: none;
+    margin: 0.25em 0;
+}
+
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+    content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+    cursor: pointer;
+    height: 1em;
+    margin-left: -1.5em;
+    margin-top: 0.125em;
+    position: absolute;
+    width: 1em;
+}
+
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+    content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+}
+
+[dir='rtl'] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+    margin-left: 0;
+    margin-right: -1.5em;
+}
+
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*='language-'],
+pre[class*='language-'] {
+    color: black;
+    background: none;
+    text-shadow: 0 1px white;
+    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+    font-size: 1em;
+    text-align: left;
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    word-wrap: normal;
+    line-height: 1.5;
+    -moz-tab-size: 4;
+    tab-size: 4;
+    -webkit-hyphens: none;
+    hyphens: none;
+}
+
+pre[class*='language-']::-moz-selection,
+pre[class*='language-'] ::-moz-selection,
+code[class*='language-']::-moz-selection,
+code[class*='language-'] ::-moz-selection {
+    text-shadow: none;
+    background: #b3d4fc;
+}
+
+pre[class*='language-']::selection,
+pre[class*='language-'] ::selection,
+code[class*='language-']::selection,
+code[class*='language-'] ::selection {
+    text-shadow: none;
+    background: #b3d4fc;
+}
+
+@media print {
+    code[class*='language-'],
+    pre[class*='language-'] {
+        text-shadow: none;
+    }
+}
+
+/* Code blocks */
+pre[class*='language-'] {
+    padding: 1em;
+    margin: 0.5em 0;
+    overflow: auto;
+}
+
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+    background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre) > code[class*='language-'] {
+    padding: 0.1em;
+    border-radius: 0.3em;
+    white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+    color: slategray;
+}
+
+.token.punctuation {
+    color: #999;
+}
+
+.token.namespace {
+    opacity: 0.7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+    color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+    color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+    color: #9a6e3a;
+    /* This background color was intended by the author of this theme. */
+    background: hsla(0, 0%, 100%, 0.5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+    color: #07a;
+}
+
+.token.function,
+.token.class-name {
+    color: #dd4a68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+    color: #e90;
+}
+
+.token.important,
+.token.bold {
+    font-weight: bold;
+}
+
+.token.italic {
+    font-style: italic;
+}
+
+.token.entity {
+    cursor: help;
+}
+
+/* stylelint-enable */
+.mce-content-body {
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+}
+
+.mce-content-body .mce-visual-caret {
+    background-color: black;
+    background-color: currentColor;
+    position: absolute;
+}
+
+.mce-content-body .mce-visual-caret-hidden {
+    display: none;
+}
+
+.mce-content-body *[data-mce-caret] {
+    left: -1000px;
+    margin: 0;
+    padding: 0;
+    position: absolute;
+    right: auto;
+    top: 0;
+}
+
+.mce-content-body .mce-offscreen-selection {
+    left: -2000000px;
+    max-width: 1000000px;
+    position: absolute;
+}
+
+.mce-content-body *[contentEditable='false'] {
+    cursor: default;
+}
+
+.mce-content-body *[contentEditable='true'] {
+    cursor: text;
+}
+
+.tox-cursor-format-painter {
+    cursor: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A'),
+    default;
+}
+
+.mce-content-body figure.align-left {
+    float: left;
+}
+
+.mce-content-body figure.align-right {
+    float: right;
+}
+
+.mce-content-body figure.image.align-center {
+    display: table;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.mce-preview-object {
+    border: 1px solid gray;
+    display: inline-block;
+    line-height: 0;
+    margin: 0 2px 0 2px;
+    position: relative;
+}
+
+.mce-preview-object .mce-shim {
+    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+}
+
+.mce-preview-object[data-mce-selected='2'] .mce-shim {
+    display: none;
+}
+
+.mce-object {
+    background: transparent url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A') no-repeat center;
+    border: 1px dashed #aaa;
+}
+
+.mce-pagebreak {
+    border: 1px dashed #aaa;
+    cursor: default;
+    display: block;
+    height: 5px;
+    margin-top: 15px;
+    page-break-before: always;
+    width: 100%;
+}
+
+@media print {
+    .mce-pagebreak {
+        border: 0;
+    }
+}
+
+.tiny-pageembed .mce-shim {
+    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+}
+
+.tiny-pageembed[data-mce-selected='2'] .mce-shim {
+    display: none;
+}
+
+.tiny-pageembed {
+    display: inline-block;
+    position: relative;
+}
+
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+    display: block;
+    overflow: hidden;
+    padding: 0;
+    position: relative;
+    width: 100%;
+}
+
+.tiny-pageembed--21by9 {
+    padding-top: 42.857143%;
+}
+
+.tiny-pageembed--16by9 {
+    padding-top: 56.25%;
+}
+
+.tiny-pageembed--4by3 {
+    padding-top: 75%;
+}
+
+.tiny-pageembed--1by1 {
+    padding-top: 100%;
+}
+
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+    border: 0;
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+}
+
+.mce-content-body[data-mce-placeholder] {
+    position: relative;
+}
+
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    color: rgba(34, 47, 62, 0.7);
+    content: attr(data-mce-placeholder);
+    position: absolute;
+}
+
+.mce-content-body:not([dir='rtl'])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+    left: 1px;
+}
+
+.mce-content-body[dir='rtl'][data-mce-placeholder]:not(.mce-visualblocks)::before {
+    right: 1px;
+}
+
+.mce-content-body div.mce-resizehandle {
+    background-color: #4099ff;
+    border-color: #4099ff;
+    border-style: solid;
+    border-width: 1px;
+    box-sizing: border-box;
+    height: 10px;
+    position: absolute;
+    width: 10px;
+    z-index: 1298;
+}
+
+.mce-content-body div.mce-resizehandle:hover {
+    background-color: #4099ff;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+    cursor: nwse-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+    cursor: nesw-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+    cursor: nwse-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+    cursor: nesw-resize;
+}
+
+.mce-content-body .mce-resize-backdrop {
+    z-index: 10000;
+}
+
+.mce-content-body .mce-clonedresizable {
+    cursor: default;
+    opacity: 0.5;
+    outline: 1px dashed black;
+    position: absolute;
+    z-index: 10001;
+}
+
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+    border: 0;
+}
+
+.mce-content-body .mce-resize-helper {
+    background: #555;
+    background: rgba(0, 0, 0, 0.75);
+    border: 1px;
+    border-radius: 3px;
+    color: white;
+    display: none;
+    font-family: sans-serif;
+    font-size: 12px;
+    line-height: 14px;
+    margin: 5px 10px;
+    padding: 5px;
+    position: absolute;
+    white-space: nowrap;
+    z-index: 10002;
+}
+
+.tox-rtc-user-selection {
+    position: relative;
+}
+
+.tox-rtc-user-cursor {
+    bottom: 0;
+    cursor: default;
+    position: absolute;
+    top: 0;
+    width: 2px;
+}
+
+.tox-rtc-user-cursor::before {
+    background-color: inherit;
+    border-radius: 50%;
+    content: '';
+    display: block;
+    height: 8px;
+    position: absolute;
+    right: -3px;
+    top: -3px;
+    width: 8px;
+}
+
+.tox-rtc-user-cursor:hover::after {
+    background-color: inherit;
+    border-radius: 100px;
+    box-sizing: border-box;
+    color: #fff;
+    content: attr(data-user);
+    display: block;
+    font-size: 12px;
+    font-weight: bold;
+    left: -5px;
+    min-height: 8px;
+    min-width: 8px;
+    padding: 0 12px;
+    position: absolute;
+    top: -11px;
+    white-space: nowrap;
+    z-index: 1000;
+}
+
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+    background-color: #2dc26b;
+}
+
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+    background-color: #e03e2d;
+}
+
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+    background-color: #f1c40f;
+}
+
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+    background-color: #3598db;
+}
+
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+    background-color: #b96ad9;
+}
+
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+    background-color: #e67e23;
+}
+
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+    background-color: #aaa69d;
+}
+
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+    background-color: #f368e0;
+}
+
+.tox-rtc-remote-image {
+    background: #eaeaea url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A') no-repeat center center;
+    border: 1px solid #ccc;
+    min-height: 240px;
+    min-width: 320px;
+}
+
+.mce-match-marker {
+    background: #aaa;
+    color: #fff;
+}
+
+.mce-match-marker-selected {
+    background: #39f;
+    color: #fff;
+}
+
+.mce-match-marker-selected::-moz-selection {
+    background: #39f;
+    color: #fff;
+}
+
+.mce-match-marker-selected::selection {
+    background: #39f;
+    color: #fff;
+}
+
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected] {
+    outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body hr[data-mce-selected] {
+    outline: 3px solid #b4d7ff;
+    outline-offset: 1px;
+}
+
+.mce-content-body *[contentEditable='false'] *[contentEditable='true']:focus {
+    outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body *[contentEditable='false'] *[contentEditable='true']:hover {
+    outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body *[contentEditable='false'][data-mce-selected] {
+    cursor: not-allowed;
+    outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body.mce-content-readonly *[contentEditable='true']:focus,
+.mce-content-body.mce-content-readonly *[contentEditable='true']:hover {
+    outline: none;
+}
+
+.mce-content-body *[data-mce-selected='inline-boundary'] {
+    background-color: #b4d7ff;
+}
+
+.mce-content-body .mce-edit-focus {
+    outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+    position: relative;
+}
+
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+    background: none;
+}
+
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+    background: none;
+}
+
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+    outline: none;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+}
+
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+    background-color: rgba(180, 215, 255, 0.7);
+    border: 1px solid rgba(180, 215, 255, 0.7);
+    bottom: -1px;
+    content: '';
+    left: -1px;
+    mix-blend-mode: multiply;
+    position: absolute;
+    right: -1px;
+    top: -1px;
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+    .mce-content-body td[data-mce-selected]::after,
+    .mce-content-body th[data-mce-selected]::after {
+        border-color: rgba(0, 84, 180, 0.7);
+    }
+}
+
+.mce-content-body img::-moz-selection {
+    background: none;
+}
+
+.mce-content-body img::selection {
+    background: none;
+}
+
+.ephox-snooker-resizer-bar {
+    background-color: #b4d7ff;
+    opacity: 0;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+}
+
+.ephox-snooker-resizer-cols {
+    cursor: col-resize;
+}
+
+.ephox-snooker-resizer-rows {
+    cursor: row-resize;
+}
+
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+    opacity: 1;
+}
+
+.mce-spellchecker-word {
+    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+    background-position: 0 calc(100% + 1px);
+    background-repeat: repeat-x;
+    background-size: auto 6px;
+    cursor: default;
+    height: 2rem;
+}
+
+.mce-spellchecker-grammar {
+    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+    background-position: 0 calc(100% + 1px);
+    background-repeat: repeat-x;
+    background-size: auto 6px;
+    cursor: default;
+}
+
+.mce-toc {
+    border: 1px solid gray;
+}
+
+.mce-toc h2 {
+    margin: 4px;
+}
+
+.mce-toc li {
+    list-style-type: none;
+}
+
+table[style*='border-width: 0px'],
+.mce-item-table:not([border]),
+.mce-item-table[border='0'],
+table[style*='border-width: 0px'] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border='0'] td,
+table[style*='border-width: 0px'] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border='0'] th,
+table[style*='border-width: 0px'] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border='0'] caption {
+    border: 1px dashed #bbb;
+}
+
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+    background-repeat: no-repeat;
+    border: 1px dashed #bbb;
+    margin-left: 3px;
+    padding-top: 10px;
+}
+
+.mce-visualblocks p {
+    background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+
+.mce-visualblocks h1 {
+    background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+
+.mce-visualblocks h2 {
+    background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+
+.mce-visualblocks h3 {
+    background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+
+.mce-visualblocks h4 {
+    background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+
+.mce-visualblocks h5 {
+    background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+
+.mce-visualblocks h6 {
+    background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+
+.mce-visualblocks div:not([data-mce-bogus]) {
+    background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+
+.mce-visualblocks section {
+    background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+
+.mce-visualblocks article {
+    background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+
+.mce-visualblocks blockquote {
+    background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+
+.mce-visualblocks address {
+    background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+
+.mce-visualblocks pre {
+    background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+
+.mce-visualblocks figure {
+    background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+
+.mce-visualblocks figcaption {
+    border: 1px dashed #bbb;
+}
+
+.mce-visualblocks hgroup {
+    background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+
+.mce-visualblocks aside {
+    background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+
+.mce-visualblocks ul {
+    background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+
+.mce-visualblocks ol {
+    background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+
+.mce-visualblocks dl {
+    background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+
+.mce-visualblocks:not([dir='rtl']) p,
+.mce-visualblocks:not([dir='rtl']) h1,
+.mce-visualblocks:not([dir='rtl']) h2,
+.mce-visualblocks:not([dir='rtl']) h3,
+.mce-visualblocks:not([dir='rtl']) h4,
+.mce-visualblocks:not([dir='rtl']) h5,
+.mce-visualblocks:not([dir='rtl']) h6,
+.mce-visualblocks:not([dir='rtl']) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir='rtl']) section,
+.mce-visualblocks:not([dir='rtl']) article,
+.mce-visualblocks:not([dir='rtl']) blockquote,
+.mce-visualblocks:not([dir='rtl']) address,
+.mce-visualblocks:not([dir='rtl']) pre,
+.mce-visualblocks:not([dir='rtl']) figure,
+.mce-visualblocks:not([dir='rtl']) figcaption,
+.mce-visualblocks:not([dir='rtl']) hgroup,
+.mce-visualblocks:not([dir='rtl']) aside,
+.mce-visualblocks:not([dir='rtl']) ul,
+.mce-visualblocks:not([dir='rtl']) ol,
+.mce-visualblocks:not([dir='rtl']) dl {
+    margin-left: 3px;
+}
+
+.mce-visualblocks[dir='rtl'] p,
+.mce-visualblocks[dir='rtl'] h1,
+.mce-visualblocks[dir='rtl'] h2,
+.mce-visualblocks[dir='rtl'] h3,
+.mce-visualblocks[dir='rtl'] h4,
+.mce-visualblocks[dir='rtl'] h5,
+.mce-visualblocks[dir='rtl'] h6,
+.mce-visualblocks[dir='rtl'] div:not([data-mce-bogus]),
+.mce-visualblocks[dir='rtl'] section,
+.mce-visualblocks[dir='rtl'] article,
+.mce-visualblocks[dir='rtl'] blockquote,
+.mce-visualblocks[dir='rtl'] address,
+.mce-visualblocks[dir='rtl'] pre,
+.mce-visualblocks[dir='rtl'] figure,
+.mce-visualblocks[dir='rtl'] figcaption,
+.mce-visualblocks[dir='rtl'] hgroup,
+.mce-visualblocks[dir='rtl'] aside,
+.mce-visualblocks[dir='rtl'] ul,
+.mce-visualblocks[dir='rtl'] ol,
+.mce-visualblocks[dir='rtl'] dl {
+    background-position-x: right;
+    margin-right: 3px;
+}
+
+.mce-nbsp,
+.mce-shy {
+    background: #aaa;
+}
+
+.mce-shy::after {
+    content: '-';
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css
new file mode 100644
index 00000000..882dfd5b
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css
@@ -0,0 +1,720 @@
+.mce-content-body .mce-item-anchor {
+	background: transparent
+		url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A")
+		no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+	cursor: default;
+	display: inline-block;
+	height: 12px !important;
+	padding: 0 2px;
+	-webkit-user-modify: read-only;
+	-moz-user-modify: read-only;
+	-webkit-user-select: all;
+	-moz-user-select: all;
+	user-select: all;
+	width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+	background-position-x: 2px;
+	display: inline-block;
+	padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+	outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment {
+	background-color: #fff0b7;
+}
+.tox-comments-visible .tox-comment[data-mce-annotation-active='true']:not([data-mce-selected='inline-boundary']) {
+	background-color: #ffe168;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+	list-style: none;
+	margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+	cursor: pointer;
+	height: 1em;
+	margin-left: -1.5em;
+	margin-top: 0.125em;
+	position: absolute;
+	width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+}
+[dir='rtl'] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+	margin-left: 0;
+	margin-right: -1.5em;
+}
+code[class*='language-'],
+pre[class*='language-'] {
+	color: #000;
+	background: 0 0;
+	text-shadow: 0 1px #fff;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+	-moz-tab-size: 4;
+	tab-size: 4;
+	-webkit-hyphens: none;
+	hyphens: none;
+}
+code[class*='language-'] ::-moz-selection,
+code[class*='language-']::-moz-selection,
+pre[class*='language-'] ::-moz-selection,
+pre[class*='language-']::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+code[class*='language-'] ::selection,
+code[class*='language-']::selection,
+pre[class*='language-'] ::selection,
+pre[class*='language-']::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+@media print {
+	code[class*='language-'],
+	pre[class*='language-'] {
+		text-shadow: none;
+	}
+}
+pre[class*='language-'] {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+}
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+	background: #f5f2f0;
+}
+:not(pre) > code[class*='language-'] {
+	padding: 0.1em;
+	border-radius: 0.3em;
+	white-space: normal;
+}
+.token.cdata,
+.token.comment,
+.token.doctype,
+.token.prolog {
+	color: #708090;
+}
+.token.punctuation {
+	color: #999;
+}
+.token.namespace {
+	opacity: 0.7;
+}
+.token.boolean,
+.token.constant,
+.token.deleted,
+.token.number,
+.token.property,
+.token.symbol,
+.token.tag {
+	color: #905;
+}
+.token.attr-name,
+.token.builtin,
+.token.char,
+.token.inserted,
+.token.selector,
+.token.string {
+	color: #690;
+}
+.language-css .token.string,
+.style .token.string,
+.token.entity,
+.token.operator,
+.token.url {
+	color: #9a6e3a;
+	background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+.token.class-name,
+.token.function {
+	color: #dd4a68;
+}
+.token.important,
+.token.regex,
+.token.variable {
+	color: #e90;
+}
+.token.bold,
+.token.important {
+	font-weight: 700;
+}
+.token.italic {
+	font-style: italic;
+}
+.token.entity {
+	cursor: help;
+}
+.mce-content-body {
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+	background-color: #000;
+	background-color: currentColor;
+	position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+	display: none;
+}
+.mce-content-body [data-mce-caret] {
+	left: -1000px;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	right: auto;
+	top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+	left: -2000000px;
+	max-width: 1000000px;
+	position: absolute;
+}
+.mce-content-body [contentEditable='false'] {
+	cursor: default;
+}
+.mce-content-body [contentEditable='true'] {
+	cursor: text;
+}
+.tox-cursor-format-painter {
+	cursor: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A'),
+		default;
+}
+.mce-content-body figure.align-left {
+	float: left;
+}
+.mce-content-body figure.align-right {
+	float: right;
+}
+.mce-content-body figure.image.align-center {
+	display: table;
+	margin-left: auto;
+	margin-right: auto;
+}
+.mce-preview-object {
+	border: 1px solid gray;
+	display: inline-block;
+	line-height: 0;
+	margin: 0 2px 0 2px;
+	position: relative;
+}
+.mce-preview-object .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.mce-preview-object[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+.mce-object {
+	background: transparent
+		url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A')
+		no-repeat center;
+	border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+	border: 1px dashed #aaa;
+	cursor: default;
+	display: block;
+	height: 5px;
+	margin-top: 15px;
+	page-break-before: always;
+	width: 100%;
+}
+@media print {
+	.mce-pagebreak {
+		border: 0;
+	}
+}
+.tiny-pageembed .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.tiny-pageembed[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+.tiny-pageembed {
+	display: inline-block;
+	position: relative;
+}
+.tiny-pageembed--16by9,
+.tiny-pageembed--1by1,
+.tiny-pageembed--21by9,
+.tiny-pageembed--4by3 {
+	display: block;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	width: 100%;
+}
+.tiny-pageembed--21by9 {
+	padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+	padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+	padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+	padding-top: 100%;
+}
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--1by1 iframe,
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--4by3 iframe {
+	border: 0;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+	position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	color: rgba(34, 47, 62, 0.7);
+	content: attr(data-mce-placeholder);
+	position: absolute;
+}
+.mce-content-body:not([dir='rtl'])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	left: 1px;
+}
+.mce-content-body[dir='rtl'][data-mce-placeholder]:not(.mce-visualblocks)::before {
+	right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+	z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+	background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+	cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+	cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+	cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+	cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+	z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+	cursor: default;
+	opacity: 0.5;
+	outline: 1px dashed #000;
+	position: absolute;
+	z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th {
+	border: 0;
+}
+.mce-content-body .mce-resize-helper {
+	background: #555;
+	background: rgba(0, 0, 0, 0.75);
+	border: 1px;
+	border-radius: 3px;
+	color: #fff;
+	display: none;
+	font-family: sans-serif;
+	font-size: 12px;
+	line-height: 14px;
+	margin: 5px 10px;
+	padding: 5px;
+	position: absolute;
+	white-space: nowrap;
+	z-index: 10002;
+}
+.tox-rtc-user-selection {
+	position: relative;
+}
+.tox-rtc-user-cursor {
+	bottom: 0;
+	cursor: default;
+	position: absolute;
+	top: 0;
+	width: 2px;
+}
+.tox-rtc-user-cursor::before {
+	background-color: inherit;
+	border-radius: 50%;
+	content: '';
+	display: block;
+	height: 8px;
+	position: absolute;
+	right: -3px;
+	top: -3px;
+	width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+	background-color: inherit;
+	border-radius: 100px;
+	box-sizing: border-box;
+	color: #fff;
+	content: attr(data-user);
+	display: block;
+	font-size: 12px;
+	font-weight: 700;
+	left: -5px;
+	min-height: 8px;
+	min-width: 8px;
+	padding: 0 12px;
+	position: absolute;
+	top: -11px;
+	white-space: nowrap;
+	z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+	background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+	background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+	background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+	background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+	background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+	background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+	background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+	background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+	background: #eaeaea
+		url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A')
+		no-repeat center center;
+	border: 1px solid #ccc;
+	min-height: 240px;
+	min-width: 320px;
+}
+.mce-match-marker {
+	background: #aaa;
+	color: #fff;
+}
+.mce-match-marker-selected {
+	background: #39f;
+	color: #fff;
+}
+.mce-match-marker-selected::-moz-selection {
+	background: #39f;
+	color: #fff;
+}
+.mce-match-marker-selected::selection {
+	background: #39f;
+	color: #fff;
+}
+.mce-content-body audio[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body img[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body video[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+	outline-offset: 1px;
+}
+.mce-content-body [contentEditable='false'] [contentEditable='true']:focus {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body [contentEditable='false'] [contentEditable='true']:hover {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body [contentEditable='false'][data-mce-selected] {
+	cursor: not-allowed;
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body.mce-content-readonly [contentEditable='true']:focus,
+.mce-content-body.mce-content-readonly [contentEditable='true']:hover {
+	outline: 0;
+}
+.mce-content-body [data-mce-selected='inline-boundary'] {
+	background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+	position: relative;
+}
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+	background: 0 0;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+	background: 0 0;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+	outline: 0;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+	background-color: rgba(180, 215, 255, 0.7);
+	border: 1px solid rgba(180, 215, 255, 0.7);
+	bottom: -1px;
+	content: '';
+	left: -1px;
+	mix-blend-mode: multiply;
+	position: absolute;
+	right: -1px;
+	top: -1px;
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+	.mce-content-body td[data-mce-selected]::after,
+	.mce-content-body th[data-mce-selected]::after {
+		border-color: rgba(0, 84, 180, 0.7);
+	}
+}
+.mce-content-body img::-moz-selection {
+	background: 0 0;
+}
+.mce-content-body img::selection {
+	background: 0 0;
+}
+.ephox-snooker-resizer-bar {
+	background-color: #b4d7ff;
+	opacity: 0;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.ephox-snooker-resizer-cols {
+	cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+	cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+	opacity: 1;
+}
+.mce-spellchecker-word {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+	height: 2rem;
+}
+.mce-spellchecker-grammar {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+}
+.mce-toc {
+	border: 1px solid gray;
+}
+.mce-toc h2 {
+	margin: 4px;
+}
+.mce-toc li {
+	list-style-type: none;
+}
+.mce-item-table:not([border]),
+.mce-item-table:not([border]) caption,
+.mce-item-table:not([border]) td,
+.mce-item-table:not([border]) th,
+.mce-item-table[border='0'],
+.mce-item-table[border='0'] caption,
+.mce-item-table[border='0'] td,
+.mce-item-table[border='0'] th,
+table[style*='border-width: 0px'],
+table[style*='border-width: 0px'] caption,
+table[style*='border-width: 0px'] td,
+table[style*='border-width: 0px'] th {
+	border: 1px dashed #bbb;
+}
+.mce-visualblocks address,
+.mce-visualblocks article,
+.mce-visualblocks aside,
+.mce-visualblocks blockquote,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks dl,
+.mce-visualblocks figcaption,
+.mce-visualblocks figure,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks hgroup,
+.mce-visualblocks ol,
+.mce-visualblocks p,
+.mce-visualblocks pre,
+.mce-visualblocks section,
+.mce-visualblocks ul {
+	background-repeat: no-repeat;
+	border: 1px dashed #bbb;
+	margin-left: 3px;
+	padding-top: 10px;
+}
+.mce-visualblocks p {
+	background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+	background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+	background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+	background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+	background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+	background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+	background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+	border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+	background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+	background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir='rtl']) address,
+.mce-visualblocks:not([dir='rtl']) article,
+.mce-visualblocks:not([dir='rtl']) aside,
+.mce-visualblocks:not([dir='rtl']) blockquote,
+.mce-visualblocks:not([dir='rtl']) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir='rtl']) dl,
+.mce-visualblocks:not([dir='rtl']) figcaption,
+.mce-visualblocks:not([dir='rtl']) figure,
+.mce-visualblocks:not([dir='rtl']) h1,
+.mce-visualblocks:not([dir='rtl']) h2,
+.mce-visualblocks:not([dir='rtl']) h3,
+.mce-visualblocks:not([dir='rtl']) h4,
+.mce-visualblocks:not([dir='rtl']) h5,
+.mce-visualblocks:not([dir='rtl']) h6,
+.mce-visualblocks:not([dir='rtl']) hgroup,
+.mce-visualblocks:not([dir='rtl']) ol,
+.mce-visualblocks:not([dir='rtl']) p,
+.mce-visualblocks:not([dir='rtl']) pre,
+.mce-visualblocks:not([dir='rtl']) section,
+.mce-visualblocks:not([dir='rtl']) ul {
+	margin-left: 3px;
+}
+.mce-visualblocks[dir='rtl'] address,
+.mce-visualblocks[dir='rtl'] article,
+.mce-visualblocks[dir='rtl'] aside,
+.mce-visualblocks[dir='rtl'] blockquote,
+.mce-visualblocks[dir='rtl'] div:not([data-mce-bogus]),
+.mce-visualblocks[dir='rtl'] dl,
+.mce-visualblocks[dir='rtl'] figcaption,
+.mce-visualblocks[dir='rtl'] figure,
+.mce-visualblocks[dir='rtl'] h1,
+.mce-visualblocks[dir='rtl'] h2,
+.mce-visualblocks[dir='rtl'] h3,
+.mce-visualblocks[dir='rtl'] h4,
+.mce-visualblocks[dir='rtl'] h5,
+.mce-visualblocks[dir='rtl'] h6,
+.mce-visualblocks[dir='rtl'] hgroup,
+.mce-visualblocks[dir='rtl'] ol,
+.mce-visualblocks[dir='rtl'] p,
+.mce-visualblocks[dir='rtl'] pre,
+.mce-visualblocks[dir='rtl'] section,
+.mce-visualblocks[dir='rtl'] ul {
+	background-position-x: right;
+	margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+	background: #aaa;
+}
+.mce-shy::after {
+	content: '-';
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/content.min.css b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/content.min.css
new file mode 100644
index 00000000..04195ea7
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/content.min.css
@@ -0,0 +1,707 @@
+.mce-content-body .mce-item-anchor {
+	background: transparent
+		url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A")
+		no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+	cursor: default;
+	display: inline-block;
+	height: 12px !important;
+	padding: 0 2px;
+	-webkit-user-modify: read-only;
+	-moz-user-modify: read-only;
+	-webkit-user-select: all;
+	-moz-user-select: all;
+	user-select: all;
+	width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+	background-position-x: 2px;
+	display: inline-block;
+	padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+	outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment {
+	background-color: #fff0b7;
+}
+.tox-comments-visible .tox-comment[data-mce-annotation-active='true']:not([data-mce-selected='inline-boundary']) {
+	background-color: #ffe168;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+	list-style: none;
+	margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+	cursor: pointer;
+	height: 1em;
+	margin-left: -1.5em;
+	margin-top: 0.125em;
+	position: absolute;
+	width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+}
+[dir='rtl'] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+	margin-left: 0;
+	margin-right: -1.5em;
+}
+code[class*='language-'],
+pre[class*='language-'] {
+	color: #f8f8f2;
+	background: 0 0;
+	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+	-moz-tab-size: 4;
+	tab-size: 4;
+	-webkit-hyphens: none;
+	hyphens: none;
+}
+pre[class*='language-'] {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+	border-radius: 0.3em;
+}
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+	background: #282a36;
+}
+:not(pre) > code[class*='language-'] {
+	padding: 0.1em;
+	border-radius: 0.3em;
+	white-space: normal;
+}
+.token.cdata,
+.token.comment,
+.token.doctype,
+.token.prolog {
+	color: #6272a4;
+}
+.token.punctuation {
+	color: #f8f8f2;
+}
+.namespace {
+	opacity: 0.7;
+}
+.token.constant,
+.token.deleted,
+.token.property,
+.token.symbol,
+.token.tag {
+	color: #ff79c6;
+}
+.token.boolean,
+.token.number {
+	color: #bd93f9;
+}
+.token.attr-name,
+.token.builtin,
+.token.char,
+.token.inserted,
+.token.selector,
+.token.string {
+	color: #50fa7b;
+}
+.language-css .token.string,
+.style .token.string,
+.token.entity,
+.token.operator,
+.token.url,
+.token.variable {
+	color: #f8f8f2;
+}
+.token.atrule,
+.token.attr-value,
+.token.class-name,
+.token.function {
+	color: #f1fa8c;
+}
+.token.keyword {
+	color: #8be9fd;
+}
+.token.important,
+.token.regex {
+	color: #ffb86c;
+}
+.token.bold,
+.token.important {
+	font-weight: 700;
+}
+.token.italic {
+	font-style: italic;
+}
+.token.entity {
+	cursor: help;
+}
+.mce-content-body {
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+	background-color: #000;
+	background-color: currentColor;
+	position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+	display: none;
+}
+.mce-content-body [data-mce-caret] {
+	left: -1000px;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	right: auto;
+	top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+	left: -2000000px;
+	max-width: 1000000px;
+	position: absolute;
+}
+.mce-content-body [contentEditable='false'] {
+	cursor: default;
+}
+.mce-content-body [contentEditable='true'] {
+	cursor: text;
+}
+.tox-cursor-format-painter {
+	cursor: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A'),
+		default;
+}
+.mce-content-body figure.align-left {
+	float: left;
+}
+.mce-content-body figure.align-right {
+	float: right;
+}
+.mce-content-body figure.image.align-center {
+	display: table;
+	margin-left: auto;
+	margin-right: auto;
+}
+.mce-preview-object {
+	border: 1px solid gray;
+	display: inline-block;
+	line-height: 0;
+	margin: 0 2px 0 2px;
+	position: relative;
+}
+.mce-preview-object .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.mce-preview-object[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+.mce-object {
+	background: transparent
+		url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A')
+		no-repeat center;
+	border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+	border: 1px dashed #aaa;
+	cursor: default;
+	display: block;
+	height: 5px;
+	margin-top: 15px;
+	page-break-before: always;
+	width: 100%;
+}
+@media print {
+	.mce-pagebreak {
+		border: 0;
+	}
+}
+.tiny-pageembed .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.tiny-pageembed[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+.tiny-pageembed {
+	display: inline-block;
+	position: relative;
+}
+.tiny-pageembed--16by9,
+.tiny-pageembed--1by1,
+.tiny-pageembed--21by9,
+.tiny-pageembed--4by3 {
+	display: block;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	width: 100%;
+}
+.tiny-pageembed--21by9 {
+	padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+	padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+	padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+	padding-top: 100%;
+}
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--1by1 iframe,
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--4by3 iframe {
+	border: 0;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+	position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	color: rgba(34, 47, 62, 0.7);
+	content: attr(data-mce-placeholder);
+	position: absolute;
+}
+.mce-content-body:not([dir='rtl'])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	left: 1px;
+}
+.mce-content-body[dir='rtl'][data-mce-placeholder]:not(.mce-visualblocks)::before {
+	right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+	z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+	background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+	cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+	cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+	cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+	cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+	z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+	cursor: default;
+	opacity: 0.5;
+	outline: 1px dashed #000;
+	position: absolute;
+	z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th {
+	border: 0;
+}
+.mce-content-body .mce-resize-helper {
+	background: #555;
+	background: rgba(0, 0, 0, 0.75);
+	border: 1px;
+	border-radius: 3px;
+	color: #fff;
+	display: none;
+	font-family: sans-serif;
+	font-size: 12px;
+	line-height: 14px;
+	margin: 5px 10px;
+	padding: 5px;
+	position: absolute;
+	white-space: nowrap;
+	z-index: 10002;
+}
+.tox-rtc-user-selection {
+	position: relative;
+}
+.tox-rtc-user-cursor {
+	bottom: 0;
+	cursor: default;
+	position: absolute;
+	top: 0;
+	width: 2px;
+}
+.tox-rtc-user-cursor::before {
+	background-color: inherit;
+	border-radius: 50%;
+	content: '';
+	display: block;
+	height: 8px;
+	position: absolute;
+	right: -3px;
+	top: -3px;
+	width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+	background-color: inherit;
+	border-radius: 100px;
+	box-sizing: border-box;
+	color: #fff;
+	content: attr(data-user);
+	display: block;
+	font-size: 12px;
+	font-weight: 700;
+	left: -5px;
+	min-height: 8px;
+	min-width: 8px;
+	padding: 0 12px;
+	position: absolute;
+	top: -11px;
+	white-space: nowrap;
+	z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+	background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+	background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+	background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+	background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+	background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+	background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+	background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+	background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+	background: #eaeaea
+		url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A')
+		no-repeat center center;
+	border: 1px solid #ccc;
+	min-height: 240px;
+	min-width: 320px;
+}
+.mce-match-marker {
+	background: #aaa;
+	color: #fff;
+}
+.mce-match-marker-selected {
+	background: #39f;
+	color: #fff;
+}
+.mce-match-marker-selected::-moz-selection {
+	background: #39f;
+	color: #fff;
+}
+.mce-match-marker-selected::selection {
+	background: #39f;
+	color: #fff;
+}
+.mce-content-body audio[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body img[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body video[data-mce-selected] {
+	outline: 3px solid #4099ff;
+}
+.mce-content-body hr[data-mce-selected] {
+	outline: 3px solid #4099ff;
+	outline-offset: 1px;
+}
+.mce-content-body [contentEditable='false'] [contentEditable='true']:focus {
+	outline: 3px solid #4099ff;
+}
+.mce-content-body [contentEditable='false'] [contentEditable='true']:hover {
+	outline: 3px solid #4099ff;
+}
+.mce-content-body [contentEditable='false'][data-mce-selected] {
+	cursor: not-allowed;
+	outline: 3px solid #4099ff;
+}
+.mce-content-body.mce-content-readonly [contentEditable='true']:focus,
+.mce-content-body.mce-content-readonly [contentEditable='true']:hover {
+	outline: 0;
+}
+.mce-content-body [data-mce-selected='inline-boundary'] {
+	background-color: #4099ff;
+}
+.mce-content-body .mce-edit-focus {
+	outline: 3px solid #4099ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+	position: relative;
+}
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+	background: 0 0;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+	background: 0 0;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+	outline: 0;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+	background-color: rgba(180, 215, 255, 0.7);
+	border: 1px solid transparent;
+	bottom: -1px;
+	content: '';
+	left: -1px;
+	mix-blend-mode: lighten;
+	position: absolute;
+	right: -1px;
+	top: -1px;
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+	.mce-content-body td[data-mce-selected]::after,
+	.mce-content-body th[data-mce-selected]::after {
+		border-color: rgba(0, 84, 180, 0.7);
+	}
+}
+.mce-content-body img::-moz-selection {
+	background: 0 0;
+}
+.mce-content-body img::selection {
+	background: 0 0;
+}
+.ephox-snooker-resizer-bar {
+	background-color: #4099ff;
+	opacity: 0;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.ephox-snooker-resizer-cols {
+	cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+	cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+	opacity: 1;
+}
+.mce-spellchecker-word {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+	height: 2rem;
+}
+.mce-spellchecker-grammar {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+}
+.mce-toc {
+	border: 1px solid gray;
+}
+.mce-toc h2 {
+	margin: 4px;
+}
+.mce-toc li {
+	list-style-type: none;
+}
+.mce-item-table:not([border]),
+.mce-item-table:not([border]) caption,
+.mce-item-table:not([border]) td,
+.mce-item-table:not([border]) th,
+.mce-item-table[border='0'],
+.mce-item-table[border='0'] caption,
+.mce-item-table[border='0'] td,
+.mce-item-table[border='0'] th,
+table[style*='border-width: 0px'],
+table[style*='border-width: 0px'] caption,
+table[style*='border-width: 0px'] td,
+table[style*='border-width: 0px'] th {
+	border: 1px dashed #bbb;
+}
+.mce-visualblocks address,
+.mce-visualblocks article,
+.mce-visualblocks aside,
+.mce-visualblocks blockquote,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks dl,
+.mce-visualblocks figcaption,
+.mce-visualblocks figure,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks hgroup,
+.mce-visualblocks ol,
+.mce-visualblocks p,
+.mce-visualblocks pre,
+.mce-visualblocks section,
+.mce-visualblocks ul {
+	background-repeat: no-repeat;
+	border: 1px dashed #bbb;
+	margin-left: 3px;
+	padding-top: 10px;
+}
+.mce-visualblocks p {
+	background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+	background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+	background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+	background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+	background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+	background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+	background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+	border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+	background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+	background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir='rtl']) address,
+.mce-visualblocks:not([dir='rtl']) article,
+.mce-visualblocks:not([dir='rtl']) aside,
+.mce-visualblocks:not([dir='rtl']) blockquote,
+.mce-visualblocks:not([dir='rtl']) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir='rtl']) dl,
+.mce-visualblocks:not([dir='rtl']) figcaption,
+.mce-visualblocks:not([dir='rtl']) figure,
+.mce-visualblocks:not([dir='rtl']) h1,
+.mce-visualblocks:not([dir='rtl']) h2,
+.mce-visualblocks:not([dir='rtl']) h3,
+.mce-visualblocks:not([dir='rtl']) h4,
+.mce-visualblocks:not([dir='rtl']) h5,
+.mce-visualblocks:not([dir='rtl']) h6,
+.mce-visualblocks:not([dir='rtl']) hgroup,
+.mce-visualblocks:not([dir='rtl']) ol,
+.mce-visualblocks:not([dir='rtl']) p,
+.mce-visualblocks:not([dir='rtl']) pre,
+.mce-visualblocks:not([dir='rtl']) section,
+.mce-visualblocks:not([dir='rtl']) ul {
+	margin-left: 3px;
+}
+.mce-visualblocks[dir='rtl'] address,
+.mce-visualblocks[dir='rtl'] article,
+.mce-visualblocks[dir='rtl'] aside,
+.mce-visualblocks[dir='rtl'] blockquote,
+.mce-visualblocks[dir='rtl'] div:not([data-mce-bogus]),
+.mce-visualblocks[dir='rtl'] dl,
+.mce-visualblocks[dir='rtl'] figcaption,
+.mce-visualblocks[dir='rtl'] figure,
+.mce-visualblocks[dir='rtl'] h1,
+.mce-visualblocks[dir='rtl'] h2,
+.mce-visualblocks[dir='rtl'] h3,
+.mce-visualblocks[dir='rtl'] h4,
+.mce-visualblocks[dir='rtl'] h5,
+.mce-visualblocks[dir='rtl'] h6,
+.mce-visualblocks[dir='rtl'] hgroup,
+.mce-visualblocks[dir='rtl'] ol,
+.mce-visualblocks[dir='rtl'] p,
+.mce-visualblocks[dir='rtl'] pre,
+.mce-visualblocks[dir='rtl'] section,
+.mce-visualblocks[dir='rtl'] ul {
+	background-position-x: right;
+	margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+	background: #aaa;
+}
+.mce-shy::after {
+	content: '-';
+}
+body {
+	font-family: sans-serif;
+}
+table {
+	border-collapse: collapse;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/skin.css b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/skin.css
new file mode 100644
index 00000000..67f5befd
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/skin.css
@@ -0,0 +1,3764 @@
+.tox {
+	box-shadow: none;
+	box-sizing: content-box;
+	color: #2a3746;
+	cursor: auto;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: normal;
+	-webkit-tap-highlight-color: transparent;
+	text-decoration: none;
+	text-shadow: none;
+	text-transform: none;
+	vertical-align: initial;
+	white-space: normal;
+}
+
+.tox *:not(svg):not(rect) {
+	box-sizing: inherit;
+	color: inherit;
+	cursor: inherit;
+	direction: inherit;
+	font-family: inherit;
+	font-size: inherit;
+	font-style: inherit;
+	font-weight: inherit;
+	line-height: inherit;
+	-webkit-tap-highlight-color: inherit;
+	text-align: inherit;
+	text-decoration: inherit;
+	text-shadow: inherit;
+	text-transform: inherit;
+	vertical-align: inherit;
+	white-space: inherit;
+}
+
+.tox *:not(svg):not(rect) {
+	/* stylelint-disable-line no-duplicate-selectors */
+	background: transparent;
+	border: 0;
+	box-shadow: none;
+	float: none;
+	height: auto;
+	margin: 0;
+	max-width: none;
+	outline: 0;
+	padding: 0;
+	position: static;
+	width: auto;
+}
+
+.tox:not([dir='rtl']) {
+	direction: ltr;
+	text-align: left;
+}
+
+.tox[dir='rtl'] {
+	direction: rtl;
+	text-align: right;
+}
+
+.tox-tinymce {
+	border: 1px solid #000000;
+	border-radius: 0;
+	box-shadow: none;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	overflow: hidden;
+	position: relative;
+	visibility: inherit !important;
+}
+
+.tox.tox-tinymce-inline {
+	border: none;
+	box-shadow: none;
+	overflow: initial;
+}
+
+.tox.tox-tinymce-inline .tox-editor-container {
+	overflow: initial;
+}
+
+.tox.tox-tinymce-inline .tox-editor-header {
+	background-color: #222f3e;
+	border: 1px solid #000000;
+	border-radius: 0;
+	box-shadow: none;
+	overflow: hidden;
+}
+
+.tox-tinymce-aux {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	z-index: 1300;
+}
+
+.tox-tinymce *:focus,
+.tox-tinymce-aux *:focus {
+	outline: none;
+}
+
+button::-moz-focus-inner {
+	border: 0;
+}
+
+.tox[dir='rtl'] .tox-icon--flip svg {
+	transform: rotateY(180deg);
+}
+
+.tox .accessibility-issue__header {
+	align-items: center;
+	display: flex;
+	margin-bottom: 4px;
+}
+
+.tox .accessibility-issue__description {
+	align-items: stretch;
+	border: 1px solid #000000;
+	border-radius: 3px;
+	display: flex;
+	justify-content: space-between;
+}
+
+.tox .accessibility-issue__description > div {
+	padding-bottom: 4px;
+}
+
+.tox .accessibility-issue__description > div > div {
+	align-items: center;
+	display: flex;
+	margin-bottom: 4px;
+}
+
+.tox .accessibility-issue__description > *:last-child:not(:only-child) {
+	border-color: #000000;
+	border-style: solid;
+}
+
+.tox .accessibility-issue__repair {
+	margin-top: 16px;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+	background-color: rgba(32, 122, 183, 0.5);
+	border-color: #207ab7;
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
+	border-color: #207ab7;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
+	fill: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+	background-color: rgba(255, 165, 0, 0.5);
+	border-color: rgba(255, 165, 0, 0.8);
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {
+	border-color: rgba(255, 165, 0, 0.8);
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
+	fill: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+	background-color: rgba(204, 0, 0, 0.5);
+	border-color: rgba(204, 0, 0, 0.8);
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {
+	border-color: rgba(204, 0, 0, 0.8);
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
+	fill: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+	background-color: rgba(120, 171, 70, 0.5);
+	border-color: rgba(120, 171, 70, 0.8);
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
+	border-color: rgba(120, 171, 70, 0.8);
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
+	fill: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
+	color: #fff;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue__header h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+	margin-top: 0;
+}
+
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+	margin-left: 4px;
+}
+
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+	margin-left: auto;
+}
+
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__description {
+	padding: 4px 4px 4px 8px;
+}
+
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__description > *:last-child {
+	border-left-width: 1px;
+	padding-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+	margin-right: 4px;
+}
+
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+	margin-right: auto;
+}
+
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description {
+	padding: 4px 8px 4px 4px;
+}
+
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description > *:last-child {
+	border-right-width: 1px;
+	padding-right: 4px;
+}
+
+.tox .tox-anchorbar {
+	display: flex;
+	flex: 0 0 auto;
+}
+
+.tox .tox-bar {
+	display: flex;
+	flex: 0 0 auto;
+}
+
+.tox .tox-button {
+	background-color: #207ab7;
+	background-image: none;
+	background-position: 0 0;
+	background-repeat: repeat;
+	border-color: #207ab7;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #fff;
+	cursor: pointer;
+	display: inline-block;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: bold;
+	letter-spacing: normal;
+	line-height: 24px;
+	margin: 0;
+	outline: none;
+	padding: 4px 16px;
+	text-align: center;
+	text-decoration: none;
+	text-transform: none;
+	white-space: nowrap;
+}
+
+.tox .tox-button[disabled] {
+	background-color: #207ab7;
+	background-image: none;
+	border-color: #207ab7;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-button:focus:not(:disabled) {
+	background-color: #1c6ca1;
+	background-image: none;
+	border-color: #1c6ca1;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button:hover:not(:disabled) {
+	background-color: #1c6ca1;
+	background-image: none;
+	border-color: #1c6ca1;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button:active:not(:disabled) {
+	background-color: #185d8c;
+	background-image: none;
+	border-color: #185d8c;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button--secondary {
+	background-color: #3d546f;
+	background-image: none;
+	background-position: 0 0;
+	background-repeat: repeat;
+	border-color: #3d546f;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	color: #fff;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: bold;
+	letter-spacing: normal;
+	outline: none;
+	padding: 4px 16px;
+	text-decoration: none;
+	text-transform: none;
+}
+
+.tox .tox-button--secondary[disabled] {
+	background-color: #3d546f;
+	background-image: none;
+	border-color: #3d546f;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-button--secondary:focus:not(:disabled) {
+	background-color: #34485f;
+	background-image: none;
+	border-color: #34485f;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button--secondary:hover:not(:disabled) {
+	background-color: #34485f;
+	background-image: none;
+	border-color: #34485f;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button--secondary:active:not(:disabled) {
+	background-color: #2b3b4e;
+	background-image: none;
+	border-color: #2b3b4e;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+	padding: 4px;
+}
+
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+	display: block;
+	fill: currentColor;
+}
+
+.tox .tox-button-link {
+	background: 0;
+	border: none;
+	box-sizing: border-box;
+	cursor: pointer;
+	display: inline-block;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 16px;
+	font-weight: normal;
+	line-height: 1.3;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+
+.tox .tox-button-link--sm {
+	font-size: 14px;
+}
+
+.tox .tox-button--naked {
+	background-color: transparent;
+	border-color: transparent;
+	box-shadow: unset;
+	color: #fff;
+}
+
+.tox .tox-button--naked[disabled] {
+	background-color: #3d546f;
+	border-color: #3d546f;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-button--naked:hover:not(:disabled) {
+	background-color: #34485f;
+	border-color: #34485f;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button--naked:focus:not(:disabled) {
+	background-color: #34485f;
+	border-color: #34485f;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button--naked:active:not(:disabled) {
+	background-color: #2b3b4e;
+	border-color: #2b3b4e;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button--naked .tox-icon svg {
+	fill: currentColor;
+}
+
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+	color: #fff;
+}
+
+.tox .tox-checkbox {
+	align-items: center;
+	border-radius: 3px;
+	cursor: pointer;
+	display: flex;
+	height: 36px;
+	min-width: 36px;
+}
+
+.tox .tox-checkbox__input {
+	/* Hide from view but visible to screen readers */
+	height: 1px;
+	overflow: hidden;
+	position: absolute;
+	top: auto;
+	width: 1px;
+}
+
+.tox .tox-checkbox__icons {
+	align-items: center;
+	border-radius: 3px;
+	box-shadow: 0 0 0 2px transparent;
+	box-sizing: content-box;
+	display: flex;
+	height: 24px;
+	justify-content: center;
+	padding: calc(4px - 1px);
+	width: 24px;
+}
+
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: block;
+	fill: rgba(255, 255, 255, 0.2);
+}
+
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	display: none;
+	fill: #207ab7;
+}
+
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	display: none;
+	fill: #207ab7;
+}
+
+.tox .tox-checkbox--disabled {
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: none;
+}
+
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	display: block;
+}
+
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: none;
+}
+
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	display: block;
+}
+
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+	border-radius: 3px;
+	box-shadow: inset 0 0 0 1px #207ab7;
+	padding: calc(4px - 1px);
+}
+
+.tox:not([dir='rtl']) .tox-checkbox__label {
+	margin-left: 4px;
+}
+
+.tox:not([dir='rtl']) .tox-checkbox__input {
+	left: -10000px;
+}
+
+.tox:not([dir='rtl']) .tox-bar .tox-checkbox {
+	margin-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-checkbox__label {
+	margin-right: 4px;
+}
+
+.tox[dir='rtl'] .tox-checkbox__input {
+	right: -10000px;
+}
+
+.tox[dir='rtl'] .tox-bar .tox-checkbox {
+	margin-right: 4px;
+}
+
+.tox {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox .tox-collection--toolbar .tox-collection__group {
+	display: flex;
+	padding: 0;
+}
+
+.tox .tox-collection--grid .tox-collection__group {
+	display: flex;
+	flex-wrap: wrap;
+	max-height: 208px;
+	overflow-x: hidden;
+	overflow-y: auto;
+	padding: 0;
+}
+
+.tox .tox-collection--list .tox-collection__group {
+	border-bottom-width: 0;
+	border-color: #1a1a1a;
+	border-left-width: 0;
+	border-right-width: 0;
+	border-style: solid;
+	border-top-width: 1px;
+	padding: 4px 0;
+}
+
+.tox .tox-collection--list .tox-collection__group:first-child {
+	border-top-width: 0;
+}
+
+.tox .tox-collection__group-heading {
+	background-color: #333333;
+	color: #fff;
+	cursor: default;
+	font-size: 12px;
+	font-style: normal;
+	font-weight: normal;
+	margin-bottom: 4px;
+	margin-top: -4px;
+	padding: 4px 8px;
+	text-transform: none;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.tox .tox-collection__item {
+	align-items: center;
+	border-radius: 3px;
+	color: #fff;
+	display: flex;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.tox .tox-collection--list .tox-collection__item {
+	padding: 4px 8px;
+}
+
+.tox .tox-collection--toolbar .tox-collection__item {
+	border-radius: 3px;
+	padding: 4px;
+}
+
+.tox .tox-collection--grid .tox-collection__item {
+	border-radius: 3px;
+	padding: 4px;
+}
+
+.tox .tox-collection--list .tox-collection__item--enabled {
+	background-color: #2b3b4e;
+	color: #fff;
+}
+
+.tox .tox-collection--list .tox-collection__item--active {
+	background-color: #4a5562;
+}
+
+.tox .tox-collection--toolbar .tox-collection__item--enabled {
+	background-color: #757d87;
+	color: #fff;
+}
+
+.tox .tox-collection--toolbar .tox-collection__item--active {
+	background-color: #4a5562;
+}
+
+.tox .tox-collection--grid .tox-collection__item--enabled {
+	background-color: #757d87;
+	color: #fff;
+}
+
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	background-color: #4a5562;
+	color: #fff;
+}
+
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	color: #fff;
+}
+
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	color: #fff;
+}
+
+.tox .tox-collection__item-icon,
+.tox .tox-collection__item-checkmark {
+	align-items: center;
+	display: flex;
+	height: 24px;
+	justify-content: center;
+	width: 24px;
+}
+
+.tox .tox-collection__item-icon svg,
+.tox .tox-collection__item-checkmark svg {
+	fill: currentColor;
+}
+
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+	height: 48px;
+	width: 48px;
+}
+
+.tox .tox-collection__item-label {
+	color: currentColor;
+	display: inline-block;
+	flex: 1;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 24px;
+	text-transform: none;
+	word-break: break-all;
+}
+
+.tox .tox-collection__item-accessory {
+	color: rgba(255, 255, 255, 0.5);
+	display: inline-block;
+	font-size: 14px;
+	height: 24px;
+	line-height: 24px;
+	text-transform: none;
+}
+
+.tox .tox-collection__item-caret {
+	align-items: center;
+	display: flex;
+	min-height: 24px;
+}
+
+.tox .tox-collection__item-caret::after {
+	content: '';
+	font-size: 0;
+	min-height: inherit;
+}
+
+.tox .tox-collection__item-caret svg {
+	fill: #fff;
+}
+
+.tox .tox-collection__item--state-disabled {
+	background-color: transparent;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox
+.tox-collection--list
+.tox-collection__item:not(.tox-collection__item--enabled)
+.tox-collection__item-checkmark
+svg {
+	display: none;
+}
+
+.tox
+.tox-collection--list
+.tox-collection__item:not(.tox-collection__item--enabled)
+.tox-collection__item-accessory
++ .tox-collection__item-checkmark {
+	display: none;
+}
+
+.tox .tox-collection--horizontal {
+	background-color: #2b3b4e;
+	border: 1px solid #1a1a1a;
+	border-radius: 3px;
+	box-shadow: 0 0 2px 0 rgba(42, 55, 70, 0.2), 0 4px 8px 0 rgba(42, 55, 70, 0.15);
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: nowrap;
+	margin-bottom: 0;
+	overflow-x: auto;
+	padding: 0;
+}
+
+.tox .tox-collection--horizontal .tox-collection__group {
+	align-items: center;
+	display: flex;
+	flex-wrap: nowrap;
+	margin: 0;
+	padding: 0 4px;
+}
+
+.tox .tox-collection--horizontal .tox-collection__item {
+	height: 34px;
+	margin: 3px 0 2px 0;
+	padding: 0 4px;
+}
+
+.tox .tox-collection--horizontal .tox-collection__item-label {
+	white-space: nowrap;
+}
+
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+	margin-left: 4px;
+}
+
+.tox .tox-collection__item-container {
+	display: flex;
+}
+
+.tox .tox-collection__item-container--row {
+	align-items: center;
+	flex: 1 1 auto;
+	flex-direction: row;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+	margin-right: auto;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+	justify-content: flex-end;
+	margin-left: auto;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+	align-items: flex-start;
+	margin-bottom: auto;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+	align-items: center;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+	align-items: flex-end;
+	margin-top: auto;
+}
+
+.tox .tox-collection__item-container--column {
+	align-self: center;
+	flex: 1 1 auto;
+	flex-direction: column;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+	align-items: flex-start;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+	align-items: flex-end;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+	align-self: flex-start;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+	align-self: center;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+	align-self: flex-end;
+}
+
+.tox:not([dir='rtl']) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+	border-right: 1px solid #000000;
+}
+
+.tox:not([dir='rtl']) .tox-collection--list .tox-collection__item > *:not(:first-child) {
+	margin-left: 8px;
+}
+
+.tox:not([dir='rtl']) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+	margin-left: 4px;
+}
+
+.tox:not([dir='rtl']) .tox-collection__item-accessory {
+	margin-left: 16px;
+	text-align: right;
+}
+
+.tox:not([dir='rtl']) .tox-collection .tox-collection__item-caret {
+	margin-left: 16px;
+}
+
+.tox[dir='rtl'] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+	border-left: 1px solid #000000;
+}
+
+.tox[dir='rtl'] .tox-collection--list .tox-collection__item > *:not(:first-child) {
+	margin-right: 8px;
+}
+
+.tox[dir='rtl'] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+	margin-right: 4px;
+}
+
+.tox[dir='rtl'] .tox-collection__item-accessory {
+	margin-right: 16px;
+	text-align: left;
+}
+
+.tox[dir='rtl'] .tox-collection .tox-collection__item-caret {
+	margin-right: 16px;
+	transform: rotateY(180deg);
+}
+
+.tox[dir='rtl'] .tox-collection--horizontal .tox-collection__item-caret {
+	margin-right: 4px;
+}
+
+.tox .tox-color-picker-container {
+	display: flex;
+	flex-direction: row;
+	height: 225px;
+	margin: 0;
+}
+
+.tox .tox-sv-palette {
+	box-sizing: border-box;
+	display: flex;
+	height: 100%;
+}
+
+.tox .tox-sv-palette-spectrum {
+	height: 100%;
+}
+
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+	width: 225px;
+}
+
+.tox .tox-sv-palette-thumb {
+	background: none;
+	border: 1px solid black;
+	border-radius: 50%;
+	box-sizing: content-box;
+	height: 12px;
+	position: absolute;
+	width: 12px;
+}
+
+.tox .tox-sv-palette-inner-thumb {
+	border: 1px solid white;
+	border-radius: 50%;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+}
+
+.tox .tox-hue-slider {
+	box-sizing: border-box;
+	height: 100%;
+	width: 25px;
+}
+
+.tox .tox-hue-slider-spectrum {
+	background: linear-gradient(
+		to bottom,
+		#f00,
+		#ff0080,
+		#f0f,
+		#8000ff,
+		#00f,
+		#0080ff,
+		#0ff,
+		#00ff80,
+		#0f0,
+		#80ff00,
+		#ff0,
+		#ff8000,
+		#f00
+	);
+	height: 100%;
+	width: 100%;
+}
+
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+	width: 20px;
+}
+
+.tox .tox-hue-slider-thumb {
+	background: white;
+	border: 1px solid black;
+	box-sizing: content-box;
+	height: 4px;
+	width: 100%;
+}
+
+.tox .tox-rgb-form {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.tox .tox-rgb-form div {
+	align-items: center;
+	display: flex;
+	justify-content: space-between;
+	margin-bottom: 5px;
+	width: inherit;
+}
+
+.tox .tox-rgb-form input {
+	width: 6em;
+}
+
+.tox .tox-rgb-form input.tox-invalid {
+	/* Need !important to override Chrome's focus styling unfortunately */
+	border: 1px solid red !important;
+}
+
+.tox .tox-rgb-form .tox-rgba-preview {
+	border: 1px solid black;
+	flex-grow: 2;
+	margin-bottom: 0;
+}
+
+.tox:not([dir='rtl']) .tox-sv-palette {
+	margin-right: 15px;
+}
+
+.tox:not([dir='rtl']) .tox-hue-slider {
+	margin-right: 15px;
+}
+
+.tox:not([dir='rtl']) .tox-hue-slider-thumb {
+	margin-left: -1px;
+}
+
+.tox:not([dir='rtl']) .tox-rgb-form label {
+	margin-right: 0.5em;
+}
+
+.tox[dir='rtl'] .tox-sv-palette {
+	margin-left: 15px;
+}
+
+.tox[dir='rtl'] .tox-hue-slider {
+	margin-left: 15px;
+}
+
+.tox[dir='rtl'] .tox-hue-slider-thumb {
+	margin-right: -1px;
+}
+
+.tox[dir='rtl'] .tox-rgb-form label {
+	margin-left: 0.5em;
+}
+
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches {
+	margin: 2px 0 3px 4px;
+}
+
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+	border: 0;
+	margin: -4px 0;
+}
+
+.tox .tox-swatches__row {
+	display: flex;
+}
+
+.tox .tox-swatch {
+	height: 30px;
+	transition: transform 0.15s, box-shadow 0.15s;
+	width: 30px;
+}
+
+.tox .tox-swatch:hover,
+.tox .tox-swatch:focus {
+	box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+	transform: scale(0.8);
+}
+
+.tox .tox-swatch--remove {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+}
+
+.tox .tox-swatch--remove svg path {
+	stroke: #e74c3c;
+}
+
+.tox .tox-swatches__picker-btn {
+	align-items: center;
+	background-color: transparent;
+	border: 0;
+	cursor: pointer;
+	display: flex;
+	height: 30px;
+	justify-content: center;
+	outline: none;
+	padding: 0;
+	width: 30px;
+}
+
+.tox .tox-swatches__picker-btn svg {
+	fill: #fff;
+	height: 24px;
+	width: 24px;
+}
+
+.tox .tox-swatches__picker-btn:hover {
+	background: #4a5562;
+}
+
+.tox:not([dir='rtl']) .tox-swatches__picker-btn {
+	margin-left: auto;
+}
+
+.tox[dir='rtl'] .tox-swatches__picker-btn {
+	margin-right: auto;
+}
+
+.tox .tox-comment-thread {
+	background: #2b3b4e;
+	position: relative;
+}
+
+.tox .tox-comment-thread > *:not(:first-child) {
+	margin-top: 8px;
+}
+
+.tox .tox-comment {
+	background: #2b3b4e;
+	border: 1px solid #000000;
+	border-radius: 3px;
+	box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
+	padding: 8px 8px 16px 8px;
+	position: relative;
+}
+
+.tox .tox-comment__header {
+	align-items: center;
+	color: #fff;
+	display: flex;
+	justify-content: space-between;
+}
+
+.tox .tox-comment__date {
+	color: rgba(255, 255, 255, 0.5);
+	font-size: 12px;
+}
+
+.tox .tox-comment__body {
+	color: #fff;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.3;
+	margin-top: 8px;
+	position: relative;
+	text-transform: initial;
+}
+
+.tox .tox-comment__body textarea {
+	resize: none;
+	white-space: normal;
+	width: 100%;
+}
+
+.tox .tox-comment__expander {
+	padding-top: 8px;
+}
+
+.tox .tox-comment__expander p {
+	color: rgba(255, 255, 255, 0.5);
+	font-size: 14px;
+	font-style: normal;
+}
+
+.tox .tox-comment__body p {
+	margin: 0;
+}
+
+.tox .tox-comment__buttonspacing {
+	padding-top: 16px;
+	text-align: center;
+}
+
+.tox .tox-comment-thread__overlay::after {
+	background: #2b3b4e;
+	bottom: 0;
+	content: '';
+	display: flex;
+	left: 0;
+	opacity: 0.9;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 5;
+}
+
+.tox .tox-comment__reply {
+	display: flex;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	margin-top: 8px;
+}
+
+.tox .tox-comment__reply > *:first-child {
+	margin-bottom: 8px;
+	width: 100%;
+}
+
+.tox .tox-comment__edit {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	margin-top: 16px;
+}
+
+.tox .tox-comment__gradient::after {
+	background: linear-gradient(rgba(43, 59, 78, 0), #2b3b4e);
+	bottom: 0;
+	content: '';
+	display: block;
+	height: 5em;
+	margin-top: -40px;
+	position: absolute;
+	width: 100%;
+}
+
+.tox .tox-comment__overlay {
+	background: #2b3b4e;
+	bottom: 0;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	left: 0;
+	opacity: 0.9;
+	position: absolute;
+	right: 0;
+	text-align: center;
+	top: 0;
+	z-index: 5;
+}
+
+.tox .tox-comment__loading-text {
+	align-items: center;
+	color: #fff;
+	display: flex;
+	flex-direction: column;
+	position: relative;
+}
+
+.tox .tox-comment__loading-text > div {
+	padding-bottom: 16px;
+}
+
+.tox .tox-comment__overlaytext {
+	bottom: 0;
+	flex-direction: column;
+	font-size: 14px;
+	left: 0;
+	padding: 1em;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 10;
+}
+
+.tox .tox-comment__overlaytext p {
+	background-color: #2b3b4e;
+	box-shadow: 0 0 8px 8px #2b3b4e;
+	color: #fff;
+	text-align: center;
+}
+
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+	font-size: 0.8em;
+}
+
+.tox .tox-comment__busy-spinner {
+	align-items: center;
+	background-color: #2b3b4e;
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 20;
+}
+
+.tox .tox-comment__scroll {
+	display: flex;
+	flex-direction: column;
+	flex-shrink: 1;
+	overflow: auto;
+}
+
+.tox .tox-conversations {
+	margin: 8px;
+}
+
+.tox:not([dir='rtl']) .tox-comment__edit {
+	margin-left: 8px;
+}
+
+.tox:not([dir='rtl']) .tox-comment__buttonspacing > *:last-child,
+.tox:not([dir='rtl']) .tox-comment__edit > *:last-child,
+.tox:not([dir='rtl']) .tox-comment__reply > *:last-child {
+	margin-left: 8px;
+}
+
+.tox[dir='rtl'] .tox-comment__edit {
+	margin-right: 8px;
+}
+
+.tox[dir='rtl'] .tox-comment__buttonspacing > *:last-child,
+.tox[dir='rtl'] .tox-comment__edit > *:last-child,
+.tox[dir='rtl'] .tox-comment__reply > *:last-child {
+	margin-right: 8px;
+}
+
+.tox .tox-user {
+	align-items: center;
+	display: flex;
+}
+
+.tox .tox-user__avatar svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-user__name {
+	color: rgba(255, 255, 255, 0.5);
+	font-size: 12px;
+	font-style: normal;
+	font-weight: bold;
+	text-transform: uppercase;
+}
+
+.tox:not([dir='rtl']) .tox-user__avatar svg {
+	margin-right: 8px;
+}
+
+.tox:not([dir='rtl']) .tox-user__avatar + .tox-user__name {
+	margin-left: 8px;
+}
+
+.tox[dir='rtl'] .tox-user__avatar svg {
+	margin-left: 8px;
+}
+
+.tox[dir='rtl'] .tox-user__avatar + .tox-user__name {
+	margin-right: 8px;
+}
+
+.tox .tox-dialog-wrap {
+	align-items: center;
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: fixed;
+	right: 0;
+	top: 0;
+	z-index: 1100;
+}
+
+.tox .tox-dialog-wrap__backdrop {
+	background-color: rgba(34, 47, 62, 0.75);
+	bottom: 0;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 1;
+}
+
+.tox .tox-dialog-wrap__backdrop--opaque {
+	background-color: #222f3e;
+}
+
+.tox .tox-dialog {
+	background-color: #2b3b4e;
+	border-color: #000000;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: 0 16px 16px -10px rgba(42, 55, 70, 0.15), 0 0 40px 1px rgba(42, 55, 70, 0.15);
+	display: flex;
+	flex-direction: column;
+	max-height: 100%;
+	max-width: 480px;
+	overflow: hidden;
+	position: relative;
+	width: 95vw;
+	z-index: 2;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog {
+		align-self: flex-start;
+		margin: 8px auto;
+		width: calc(100vw - 16px);
+	}
+}
+
+.tox .tox-dialog-inline {
+	z-index: 1100;
+}
+
+.tox .tox-dialog__header {
+	align-items: center;
+	background-color: #2b3b4e;
+	border-bottom: none;
+	color: #fff;
+	display: flex;
+	font-size: 16px;
+	justify-content: space-between;
+	padding: 8px 16px 0 16px;
+	position: relative;
+}
+
+.tox .tox-dialog__header .tox-button {
+	z-index: 1;
+}
+
+.tox .tox-dialog__draghandle {
+	cursor: grab;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.tox .tox-dialog__draghandle:active {
+	cursor: grabbing;
+}
+
+.tox .tox-dialog__dismiss {
+	margin-left: auto;
+}
+
+.tox .tox-dialog__title {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 20px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.3;
+	margin: 0;
+	text-transform: none;
+}
+
+.tox .tox-dialog__body {
+	color: #fff;
+	display: flex;
+	flex: 1;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.3;
+	min-width: 0;
+	text-align: left;
+	text-transform: none;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog__body {
+		flex-direction: column;
+	}
+}
+
+.tox .tox-dialog__body-nav {
+	align-items: flex-start;
+	display: flex;
+	flex-direction: column;
+	padding: 16px 16px;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+		flex-direction: row;
+		-webkit-overflow-scrolling: touch;
+		overflow-x: auto;
+		padding-bottom: 0;
+	}
+}
+
+.tox .tox-dialog__body-nav-item {
+	border-bottom: 2px solid transparent;
+	color: rgba(255, 255, 255, 0.5);
+	display: inline-block;
+	font-size: 14px;
+	line-height: 1.3;
+	margin-bottom: 8px;
+	text-decoration: none;
+	white-space: nowrap;
+}
+
+.tox .tox-dialog__body-nav-item:focus {
+	background-color: rgba(32, 122, 183, 0.1);
+}
+
+.tox .tox-dialog__body-nav-item--active {
+	border-bottom: 2px solid #207ab7;
+	color: #207ab7;
+}
+
+.tox .tox-dialog__body-content {
+	box-sizing: border-box;
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	max-height: 650px;
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
+	padding: 16px 16px;
+}
+
+.tox .tox-dialog__body-content > * {
+	margin-bottom: 0;
+	margin-top: 16px;
+}
+
+.tox .tox-dialog__body-content > *:first-child {
+	margin-top: 0;
+}
+
+.tox .tox-dialog__body-content > *:last-child {
+	margin-bottom: 0;
+}
+
+.tox .tox-dialog__body-content > *:only-child {
+	margin-bottom: 0;
+	margin-top: 0;
+}
+
+.tox .tox-dialog__body-content a {
+	color: #207ab7;
+	cursor: pointer;
+	text-decoration: none;
+}
+
+.tox .tox-dialog__body-content a:hover,
+.tox .tox-dialog__body-content a:focus {
+	color: #185d8c;
+	text-decoration: none;
+}
+
+.tox .tox-dialog__body-content a:active {
+	color: #185d8c;
+	text-decoration: none;
+}
+
+.tox .tox-dialog__body-content svg {
+	fill: #fff;
+}
+
+.tox .tox-dialog__body-content ul {
+	display: block;
+	list-style-type: disc;
+	margin-bottom: 16px;
+	margin-inline-end: 0;
+	margin-inline-start: 0;
+	padding-inline-start: 2.5rem;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h1 {
+	color: #fff;
+	font-size: 20px;
+	font-style: normal;
+	font-weight: bold;
+	letter-spacing: normal;
+	margin-bottom: 16px;
+	margin-top: 2rem;
+	text-transform: none;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h2 {
+	color: #fff;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: bold;
+	letter-spacing: normal;
+	margin-bottom: 16px;
+	margin-top: 2rem;
+	text-transform: none;
+}
+
+.tox .tox-dialog__body-content .tox-form__group p {
+	margin-bottom: 16px;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+	margin-top: 0;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+	margin-bottom: 0;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+	margin-bottom: 0;
+	margin-top: 0;
+}
+
+.tox .tox-dialog--width-lg {
+	height: 650px;
+	max-width: 1200px;
+}
+
+.tox .tox-dialog--width-md {
+	max-width: 800px;
+}
+
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+	overflow: auto;
+}
+
+.tox .tox-dialog__body-content--centered {
+	text-align: center;
+}
+
+.tox .tox-dialog__footer {
+	align-items: center;
+	background-color: #2b3b4e;
+	border-top: 1px solid #000000;
+	display: flex;
+	justify-content: space-between;
+	padding: 8px 16px;
+}
+
+.tox .tox-dialog__footer-start,
+.tox .tox-dialog__footer-end {
+	display: flex;
+}
+
+.tox .tox-dialog__busy-spinner {
+	align-items: center;
+	background-color: rgba(34, 47, 62, 0.75);
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 3;
+}
+
+.tox .tox-dialog__table {
+	border-collapse: collapse;
+	width: 100%;
+}
+
+.tox .tox-dialog__table thead th {
+	font-weight: bold;
+	padding-bottom: 8px;
+}
+
+.tox .tox-dialog__table tbody tr {
+	border-bottom: 1px solid #000000;
+}
+
+.tox .tox-dialog__table tbody tr:last-child {
+	border-bottom: none;
+}
+
+.tox .tox-dialog__table td {
+	padding-bottom: 8px;
+	padding-top: 8px;
+}
+
+.tox .tox-dialog__popups {
+	position: absolute;
+	width: 100%;
+	z-index: 1100;
+}
+
+.tox .tox-dialog__body-iframe {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+
+.tox .tox-dialog__body-iframe .tox-navobj {
+	display: flex;
+	flex: 1;
+}
+
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+	flex: 1;
+	height: 100%;
+}
+
+.tox .tox-dialog-dock-fadeout {
+	opacity: 0;
+	visibility: hidden;
+}
+
+.tox .tox-dialog-dock-fadein {
+	opacity: 1;
+	visibility: visible;
+}
+
+.tox .tox-dialog-dock-transition {
+	transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+	transition-delay: 0s;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav {
+		margin-right: 0;
+	}
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav-item:not(:first-child) {
+		margin-left: 8px;
+	}
+}
+
+.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-end > * {
+	margin-left: 8px;
+}
+
+.tox[dir='rtl'] .tox-dialog__body {
+	text-align: right;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav {
+		margin-left: 0;
+	}
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav-item:not(:first-child) {
+		margin-right: 8px;
+	}
+}
+
+.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-end > * {
+	margin-right: 8px;
+}
+
+body.tox-dialog__disable-scroll {
+	overflow: hidden;
+}
+
+.tox .tox-dropzone-container {
+	display: flex;
+	flex: 1;
+}
+
+.tox .tox-dropzone {
+	align-items: center;
+	background: #fff;
+	border: 2px dashed #000000;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	justify-content: center;
+	min-height: 100px;
+	padding: 10px;
+}
+
+.tox .tox-dropzone p {
+	color: rgba(255, 255, 255, 0.5);
+	margin: 0 0 16px 0;
+}
+
+.tox .tox-edit-area {
+	display: flex;
+	flex: 1;
+	overflow: hidden;
+	position: relative;
+}
+
+.tox .tox-edit-area__iframe {
+	background-color: #fff;
+	border: 0;
+	box-sizing: border-box;
+	flex: 1;
+	height: 100%;
+	position: absolute;
+	width: 100%;
+}
+
+.tox.tox-inline-edit-area {
+	border: 1px dotted #000000;
+}
+
+.tox .tox-editor-container {
+	display: flex;
+	flex: 1 1 auto;
+	flex-direction: column;
+	overflow: hidden;
+}
+
+.tox .tox-editor-header {
+	z-index: 1;
+}
+
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+	background-color: #222f3e;
+	border-bottom: none;
+	box-shadow: none;
+	padding: 4px 0;
+	transition: box-shadow 0.5s;
+}
+
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+	border-top: 1px solid #000000;
+	box-shadow: none;
+}
+
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
+	background-color: #222f3e;
+	box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+	padding: 4px 0;
+}
+
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+	box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+
+.tox-editor-dock-fadeout {
+	opacity: 0;
+	visibility: hidden;
+}
+
+.tox-editor-dock-fadein {
+	opacity: 1;
+	visibility: visible;
+}
+
+.tox-editor-dock-transition {
+	transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+	transition-delay: 0s;
+}
+
+.tox .tox-control-wrap {
+	flex: 1;
+	position: relative;
+}
+
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+	display: none;
+}
+
+.tox .tox-control-wrap svg {
+	display: block;
+}
+
+.tox .tox-control-wrap__status-icon-wrap {
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.tox .tox-control-wrap__status-icon-invalid svg {
+	fill: #c00;
+}
+
+.tox .tox-control-wrap__status-icon-unknown svg {
+	fill: orange;
+}
+
+.tox .tox-control-wrap__status-icon-valid svg {
+	fill: green;
+}
+
+.tox:not([dir='rtl']) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir='rtl']) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir='rtl']) .tox-control-wrap--status-valid .tox-textfield {
+	padding-right: 32px;
+}
+
+.tox:not([dir='rtl']) .tox-control-wrap__status-icon-wrap {
+	right: 4px;
+}
+
+.tox[dir='rtl'] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir='rtl'] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir='rtl'] .tox-control-wrap--status-valid .tox-textfield {
+	padding-left: 32px;
+}
+
+.tox[dir='rtl'] .tox-control-wrap__status-icon-wrap {
+	left: 4px;
+}
+
+.tox .tox-autocompleter {
+	max-width: 25em;
+}
+
+.tox .tox-autocompleter .tox-menu {
+	border-color: #000000;
+	box-shadow: none;
+	max-width: 25em;
+}
+
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+	font-weight: bold;
+}
+
+.tox .tox-color-input {
+	display: flex;
+	position: relative;
+	z-index: 1;
+}
+
+.tox .tox-color-input .tox-textfield {
+	z-index: -1;
+}
+
+.tox .tox-color-input span {
+	border-color: rgba(42, 55, 70, 0.2);
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	height: 24px;
+	position: absolute;
+	top: 6px;
+	width: 24px;
+}
+
+.tox .tox-color-input span:hover:not([aria-disabled='true']),
+.tox .tox-color-input span:focus:not([aria-disabled='true']) {
+	border-color: #207ab7;
+	cursor: pointer;
+}
+
+.tox .tox-color-input span::before {
+	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%),
+	linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%),
+	linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%),
+	linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%);
+	background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+	background-size: 12px 12px;
+	border: 1px solid #2b3b4e;
+	border-radius: 3px;
+	box-sizing: border-box;
+	content: '';
+	height: 24px;
+	left: -1px;
+	position: absolute;
+	top: -1px;
+	width: 24px;
+	z-index: -1;
+}
+
+.tox .tox-color-input span[aria-disabled='true'] {
+	cursor: not-allowed;
+}
+
+.tox:not([dir='rtl']) .tox-color-input {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox:not([dir='rtl']) .tox-color-input .tox-textfield {
+	padding-left: 36px;
+}
+
+.tox:not([dir='rtl']) .tox-color-input span {
+	left: 6px;
+}
+
+.tox[dir='rtl'] .tox-color-input {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox[dir='rtl'] .tox-color-input .tox-textfield {
+	padding-right: 36px;
+}
+
+.tox[dir='rtl'] .tox-color-input span {
+	right: 6px;
+}
+
+.tox .tox-label,
+.tox .tox-toolbar-label {
+	color: rgba(255, 255, 255, 0.5);
+	display: block;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.3;
+	padding: 0 8px 0 0;
+	text-transform: none;
+	white-space: nowrap;
+}
+
+.tox .tox-toolbar-label {
+	padding: 0 8px;
+}
+
+.tox[dir='rtl'] .tox-label {
+	padding: 0 0 0 8px;
+}
+
+.tox .tox-form {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+
+.tox .tox-form__group {
+	box-sizing: border-box;
+	margin-bottom: 4px;
+}
+
+.tox .tox-form-group--maximize {
+	flex: 1;
+}
+
+.tox .tox-form__group--error {
+	color: #c00;
+}
+
+.tox .tox-form__group--collection {
+	display: flex;
+}
+
+.tox .tox-form__grid {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+
+.tox .tox-form__grid--2col > .tox-form__group {
+	width: calc(50% - (8px / 2));
+}
+
+.tox .tox-form__grid--3col > .tox-form__group {
+	width: calc(100% / 3 - (8px / 2));
+}
+
+.tox .tox-form__grid--4col > .tox-form__group {
+	width: calc(25% - (8px / 2));
+}
+
+.tox .tox-form__controls-h-stack {
+	align-items: center;
+	display: flex;
+}
+
+.tox .tox-form__group--inline {
+	align-items: center;
+	display: flex;
+}
+
+.tox .tox-form__group--stretched {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+
+.tox .tox-form__group--stretched .tox-textarea {
+	flex: 1;
+}
+
+.tox .tox-form__group--stretched .tox-navobj {
+	display: flex;
+	flex: 1;
+}
+
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+	flex: 1;
+	height: 100%;
+}
+
+.tox:not([dir='rtl']) .tox-form__controls-h-stack > *:not(:first-child) {
+	margin-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-form__controls-h-stack > *:not(:first-child) {
+	margin-right: 4px;
+}
+
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+	display: none;
+}
+
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield,
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	background-color: #2b3b4e;
+	border-color: #000000;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #fff;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 16px;
+	line-height: 24px;
+	margin: 0;
+	min-height: 34px;
+	outline: none;
+	padding: 5px 4.75px;
+	resize: none;
+	width: 100%;
+}
+
+.tox .tox-textfield[disabled],
+.tox .tox-textarea[disabled] {
+	background-color: #222f3e;
+	color: rgba(255, 255, 255, 0.85);
+	cursor: not-allowed;
+}
+
+.tox .tox-textfield:focus,
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea:focus {
+	background-color: #2b3b4e;
+	border-color: #207ab7;
+	box-shadow: none;
+	outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+
+.tox .tox-toolbar-textfield {
+	border-width: 0;
+	margin-bottom: 3px;
+	margin-top: 2px;
+	max-width: 250px;
+}
+
+.tox .tox-naked-btn {
+	background-color: transparent;
+	border: 0;
+	border-color: transparent;
+	box-shadow: unset;
+	color: #207ab7;
+	cursor: pointer;
+	display: block;
+	margin: 0;
+	padding: 0;
+}
+
+.tox .tox-naked-btn svg {
+	display: block;
+	fill: #fff;
+}
+
+.tox:not([dir='rtl']) .tox-toolbar-textfield + * {
+	margin-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-toolbar-textfield + * {
+	margin-right: 4px;
+}
+
+.tox .tox-listboxfield {
+	cursor: pointer;
+	position: relative;
+}
+
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+	background-color: #19232e;
+	color: rgba(255, 255, 255, 0.85);
+	cursor: not-allowed;
+}
+
+.tox .tox-listbox__select-label {
+	cursor: default;
+	flex: 1;
+	margin: 0 4px;
+}
+
+.tox .tox-listbox__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+}
+
+.tox .tox-listbox__select-chevron svg {
+	fill: #fff;
+}
+
+.tox .tox-listboxfield .tox-listbox--select {
+	align-items: center;
+	display: flex;
+}
+
+.tox:not([dir='rtl']) .tox-listboxfield svg {
+	right: 8px;
+}
+
+.tox[dir='rtl'] .tox-listboxfield svg {
+	left: 8px;
+}
+
+.tox .tox-selectfield {
+	cursor: pointer;
+	position: relative;
+}
+
+.tox .tox-selectfield select {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	background-color: #2b3b4e;
+	border-color: #000000;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #fff;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 16px;
+	line-height: 24px;
+	margin: 0;
+	min-height: 34px;
+	outline: none;
+	padding: 5px 4.75px;
+	resize: none;
+	width: 100%;
+}
+
+.tox .tox-selectfield select[disabled] {
+	background-color: #19232e;
+	color: rgba(255, 255, 255, 0.85);
+	cursor: not-allowed;
+}
+
+.tox .tox-selectfield select::-ms-expand {
+	display: none;
+}
+
+.tox .tox-selectfield select:focus {
+	background-color: #2b3b4e;
+	border-color: #207ab7;
+	box-shadow: none;
+	outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+
+.tox .tox-selectfield svg {
+	pointer-events: none;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.tox:not([dir='rtl']) .tox-selectfield select[size='0'],
+.tox:not([dir='rtl']) .tox-selectfield select[size='1'] {
+	padding-right: 24px;
+}
+
+.tox:not([dir='rtl']) .tox-selectfield svg {
+	right: 8px;
+}
+
+.tox[dir='rtl'] .tox-selectfield select[size='0'],
+.tox[dir='rtl'] .tox-selectfield select[size='1'] {
+	padding-left: 24px;
+}
+
+.tox[dir='rtl'] .tox-selectfield svg {
+	left: 8px;
+}
+
+.tox .tox-textarea {
+	-webkit-appearance: textarea;
+	-moz-appearance: textarea;
+	appearance: textarea;
+	white-space: pre-wrap;
+}
+
+.tox-fullscreen {
+	border: 0;
+	height: 100%;
+	margin: 0;
+	overflow: hidden;
+	overscroll-behavior: none;
+	padding: 0;
+	touch-action: pinch-zoom;
+	width: 100%;
+}
+
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+	display: none;
+}
+
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+	left: 0;
+	position: fixed;
+	top: 0;
+	z-index: 1200;
+}
+
+.tox.tox-tinymce.tox-fullscreen {
+	background-color: transparent;
+}
+
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+	z-index: 1201;
+}
+
+.tox .tox-help__more-link {
+	list-style: none;
+	margin-top: 1em;
+}
+
+.tox .tox-imagepreview {
+	background-color: #666;
+	height: 380px;
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+}
+
+.tox .tox-imagepreview.tox-imagepreview__loaded {
+	overflow: auto;
+}
+
+.tox .tox-imagepreview__container {
+	display: flex;
+	left: 100vw;
+	position: absolute;
+	top: 100vw;
+}
+
+.tox .tox-imagepreview__image {
+	background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+
+.tox .tox-image-tools .tox-spacer {
+	flex: 1;
+}
+
+.tox .tox-image-tools .tox-bar {
+	align-items: center;
+	display: flex;
+	height: 60px;
+	justify-content: center;
+}
+
+.tox .tox-image-tools .tox-imagepreview,
+.tox .tox-image-tools .tox-imagepreview + .tox-bar {
+	margin-top: 8px;
+}
+
+.tox .tox-image-tools .tox-croprect-block {
+	background: black;
+	filter: alpha(opacity=50);
+	opacity: 0.5;
+	position: absolute;
+	zoom: 1;
+}
+
+.tox .tox-image-tools .tox-croprect-handle {
+	border: 2px solid white;
+	height: 20px;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 20px;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-move {
+	border: 0;
+	cursor: move;
+	position: absolute;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-nw {
+	border-width: 2px 0 0 2px;
+	cursor: nw-resize;
+	left: 100px;
+	margin: -2px 0 0 -2px;
+	top: 100px;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-ne {
+	border-width: 2px 2px 0 0;
+	cursor: ne-resize;
+	left: 200px;
+	margin: -2px 0 0 -20px;
+	top: 100px;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-sw {
+	border-width: 0 0 2px 2px;
+	cursor: sw-resize;
+	left: 100px;
+	margin: -20px 2px 0 -2px;
+	top: 200px;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-se {
+	border-width: 0 2px 2px 0;
+	cursor: se-resize;
+	left: 200px;
+	margin: -20px 0 0 -20px;
+	top: 200px;
+}
+
+.tox .tox-insert-table-picker {
+	display: flex;
+	flex-wrap: wrap;
+	width: 170px;
+}
+
+.tox .tox-insert-table-picker > div {
+	border-color: #000000;
+	border-style: solid;
+	border-width: 0 1px 1px 0;
+	box-sizing: border-box;
+	height: 17px;
+	width: 17px;
+}
+
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+	margin: 0 -4px;
+}
+
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+	background-color: rgba(32, 122, 183, 0.5);
+	border-color: rgba(32, 122, 183, 0.5);
+}
+
+.tox .tox-insert-table-picker__label {
+	color: #fff;
+	display: block;
+	font-size: 14px;
+	padding: 4px;
+	text-align: center;
+	width: 100%;
+}
+
+.tox:not([dir='rtl']) {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox:not([dir='rtl']) .tox-insert-table-picker > div:nth-child(10n) {
+	border-right: 0;
+}
+
+.tox[dir='rtl'] {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox[dir='rtl'] .tox-insert-table-picker > div:nth-child(10n + 1) {
+	border-right: 0;
+}
+
+.tox {
+	/* stylelint-disable */
+	/* stylelint-enable */
+}
+
+.tox .tox-menu {
+	background-color: #2b3b4e;
+	border: 1px solid #000000;
+	border-radius: 3px;
+	box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
+	display: inline-block;
+	overflow: hidden;
+	vertical-align: top;
+	z-index: 1150;
+}
+
+.tox .tox-menu.tox-collection.tox-collection--list {
+	padding: 0 0;
+}
+
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+	padding: 4px;
+}
+
+.tox .tox-menu.tox-collection.tox-collection--grid {
+	padding: 4px;
+}
+
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p,
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code {
+	margin: 0;
+}
+
+.tox .tox-menubar {
+	background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;
+	background-color: #222f3e;
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	padding: 0 4px 0 4px;
+}
+
+.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
+	border-top: 1px solid #000000;
+}
+
+/* Deprecated. Remove in next major release */
+.tox .tox-mbtn {
+	align-items: center;
+	background: transparent;
+	border: 0;
+	border-radius: 3px;
+	box-shadow: none;
+	color: #fff;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	height: 34px;
+	justify-content: center;
+	margin: 2px 0 3px 0;
+	outline: none;
+	overflow: hidden;
+	padding: 0 4px;
+	text-transform: none;
+	width: auto;
+}
+
+.tox .tox-mbtn[disabled] {
+	background-color: transparent;
+	border: 0;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-mbtn:focus:not(:disabled) {
+	background: #4a5562;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-mbtn--active {
+	background: #757d87;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+	background: #4a5562;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-mbtn__select-label {
+	cursor: default;
+	font-weight: normal;
+	margin: 0 4px;
+}
+
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+	cursor: not-allowed;
+}
+
+.tox .tox-mbtn__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+	display: none;
+}
+
+.tox .tox-notification {
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	display: grid;
+	font-size: 14px;
+	font-weight: normal;
+	grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+	margin-top: 4px;
+	opacity: 0;
+	padding: 4px;
+	transition: transform 100ms ease-in, opacity 150ms ease-in;
+}
+
+.tox .tox-notification p {
+	font-size: 14px;
+	font-weight: normal;
+}
+
+.tox .tox-notification a {
+	cursor: pointer;
+	text-decoration: underline;
+}
+
+.tox .tox-notification--in {
+	opacity: 1;
+}
+
+.tox .tox-notification--success {
+	background-color: #334840;
+	border-color: #3c5440;
+	color: #fff;
+}
+
+.tox .tox-notification--success p {
+	color: #fff;
+}
+
+.tox .tox-notification--success a {
+	color: #b5d199;
+}
+
+.tox .tox-notification--success svg {
+	fill: #fff;
+}
+
+.tox .tox-notification--error {
+	background-color: #442632;
+	border-color: #55212b;
+	color: #fff;
+}
+
+.tox .tox-notification--error p {
+	color: #fff;
+}
+
+.tox .tox-notification--error a {
+	color: #e68080;
+}
+
+.tox .tox-notification--error svg {
+	fill: #fff;
+}
+
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+	background-color: #222f3e;
+	border-color: #000000;
+	color: #fff0b3;
+}
+
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+	color: #fff0b3;
+}
+
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+	color: #ffcc00;
+}
+
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+	fill: #fff0b3;
+}
+
+.tox .tox-notification--info {
+	background-color: #254161;
+	border-color: #264972;
+	color: #fff;
+}
+
+.tox .tox-notification--info p {
+	color: #fff;
+}
+
+.tox .tox-notification--info a {
+	color: #83b7f3;
+}
+
+.tox .tox-notification--info svg {
+	fill: #fff;
+}
+
+.tox .tox-notification__body {
+	align-self: center;
+	color: #fff;
+	font-size: 14px;
+	grid-column-end: 3;
+	grid-column-start: 2;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	text-align: center;
+	white-space: normal;
+	word-break: break-all;
+	word-break: break-word;
+}
+
+.tox .tox-notification__body > * {
+	margin: 0;
+}
+
+.tox .tox-notification__body > * + * {
+	margin-top: 1rem;
+}
+
+.tox .tox-notification__icon {
+	align-self: center;
+	grid-column-end: 2;
+	grid-column-start: 1;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	justify-self: end;
+}
+
+.tox .tox-notification__icon svg {
+	display: block;
+}
+
+.tox .tox-notification__dismiss {
+	align-self: start;
+	grid-column-end: 4;
+	grid-column-start: 3;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	justify-self: end;
+}
+
+.tox .tox-notification .tox-progress-bar {
+	grid-column-end: 4;
+	grid-column-start: 1;
+	grid-row-end: 3;
+	grid-row-start: 2;
+	justify-self: center;
+}
+
+.tox .tox-pop {
+	display: inline-block;
+	position: relative;
+}
+
+.tox .tox-pop--resizing {
+	transition: width 0.1s ease;
+}
+
+.tox .tox-pop--resizing .tox-toolbar,
+.tox .tox-pop--resizing .tox-toolbar__group {
+	flex-wrap: nowrap;
+}
+
+.tox .tox-pop--transition {
+	transition: 0.15s ease;
+	transition-property: left, right, top, bottom;
+}
+
+.tox .tox-pop--transition::before,
+.tox .tox-pop--transition::after {
+	transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
+}
+
+.tox .tox-pop__dialog {
+	background-color: #222f3e;
+	border: 1px solid #000000;
+	border-radius: 3px;
+	box-shadow: 0 0 2px 0 rgba(42, 55, 70, 0.2), 0 4px 8px 0 rgba(42, 55, 70, 0.15);
+	min-width: 0;
+	overflow: hidden;
+}
+
+.tox .tox-pop__dialog > *:not(.tox-toolbar) {
+	margin: 4px 4px 4px 8px;
+}
+
+.tox .tox-pop__dialog .tox-toolbar {
+	background-color: transparent;
+	margin-bottom: -1px;
+}
+
+.tox .tox-pop::before,
+.tox .tox-pop::after {
+	border-style: solid;
+	content: '';
+	display: block;
+	height: 0;
+	opacity: 1;
+	position: absolute;
+	width: 0;
+}
+
+.tox .tox-pop.tox-pop--inset::before,
+.tox .tox-pop.tox-pop--inset::after {
+	opacity: 0;
+	transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
+}
+
+.tox .tox-pop.tox-pop--bottom::before,
+.tox .tox-pop.tox-pop--bottom::after {
+	left: 50%;
+	top: 100%;
+}
+
+.tox .tox-pop.tox-pop--bottom::after {
+	border-color: #222f3e transparent transparent transparent;
+	border-width: 8px;
+	margin-left: -8px;
+	margin-top: -1px;
+}
+
+.tox .tox-pop.tox-pop--bottom::before {
+	border-color: #000000 transparent transparent transparent;
+	border-width: 9px;
+	margin-left: -9px;
+}
+
+.tox .tox-pop.tox-pop--top::before,
+.tox .tox-pop.tox-pop--top::after {
+	left: 50%;
+	top: 0;
+	transform: translateY(-100%);
+}
+
+.tox .tox-pop.tox-pop--top::after {
+	border-color: transparent transparent #222f3e transparent;
+	border-width: 8px;
+	margin-left: -8px;
+	margin-top: 1px;
+}
+
+.tox .tox-pop.tox-pop--top::before {
+	border-color: transparent transparent #000000 transparent;
+	border-width: 9px;
+	margin-left: -9px;
+}
+
+.tox .tox-pop.tox-pop--left::before,
+.tox .tox-pop.tox-pop--left::after {
+	left: 0;
+	top: calc(50% - 1px);
+	transform: translateY(-50%);
+}
+
+.tox .tox-pop.tox-pop--left::after {
+	border-color: transparent #222f3e transparent transparent;
+	border-width: 8px;
+	margin-left: -15px;
+}
+
+.tox .tox-pop.tox-pop--left::before {
+	border-color: transparent #000000 transparent transparent;
+	border-width: 10px;
+	margin-left: -19px;
+}
+
+.tox .tox-pop.tox-pop--right::before,
+.tox .tox-pop.tox-pop--right::after {
+	left: 100%;
+	top: calc(50% + 1px);
+	transform: translateY(-50%);
+}
+
+.tox .tox-pop.tox-pop--right::after {
+	border-color: transparent transparent transparent #222f3e;
+	border-width: 8px;
+	margin-left: -1px;
+}
+
+.tox .tox-pop.tox-pop--right::before {
+	border-color: transparent transparent transparent #000000;
+	border-width: 10px;
+	margin-left: -1px;
+}
+
+.tox .tox-pop.tox-pop--align-left::before,
+.tox .tox-pop.tox-pop--align-left::after {
+	left: 20px;
+}
+
+.tox .tox-pop.tox-pop--align-right::before,
+.tox .tox-pop.tox-pop--align-right::after {
+	left: calc(100% - 20px);
+}
+
+.tox .tox-sidebar-wrap {
+	display: flex;
+	flex-direction: row;
+	flex-grow: 1;
+	min-height: 0;
+}
+
+.tox .tox-sidebar {
+	background-color: #222f3e;
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-end;
+}
+
+.tox .tox-sidebar__slider {
+	display: flex;
+	overflow: hidden;
+}
+
+.tox .tox-sidebar__pane-container {
+	display: flex;
+}
+
+.tox .tox-sidebar__pane {
+	display: flex;
+}
+
+.tox .tox-sidebar--sliding-closed {
+	opacity: 0;
+}
+
+.tox .tox-sidebar--sliding-open {
+	opacity: 1;
+}
+
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+	transition: width 0.5s ease, opacity 0.5s ease;
+}
+
+.tox .tox-selector {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	display: inline-block;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+}
+
+.tox.tox-platform-touch .tox-selector {
+	height: 12px;
+	width: 12px;
+}
+
+.tox .tox-slider {
+	align-items: center;
+	display: flex;
+	flex: 1;
+	height: 24px;
+	justify-content: center;
+	position: relative;
+}
+
+.tox .tox-slider__rail {
+	background-color: transparent;
+	border: 1px solid #000000;
+	border-radius: 3px;
+	height: 10px;
+	min-width: 120px;
+	width: 100%;
+}
+
+.tox .tox-slider__handle {
+	background-color: #207ab7;
+	border: 2px solid #185d8c;
+	border-radius: 3px;
+	box-shadow: none;
+	height: 24px;
+	left: 50%;
+	position: absolute;
+	top: 50%;
+	transform: translateX(-50%) translateY(-50%);
+	width: 14px;
+}
+
+.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
+	margin-inline-start: 8px;
+}
+
+.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
+	margin-inline-start: 32px;
+}
+
+.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
+	margin-inline-start: 32px;
+}
+
+.tox .tox-source-code {
+	overflow: auto;
+}
+
+.tox .tox-spinner {
+	display: flex;
+}
+
+.tox .tox-spinner > div {
+	animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+	background-color: rgba(255, 255, 255, 0.5);
+	border-radius: 100%;
+	height: 8px;
+	width: 8px;
+}
+
+.tox .tox-spinner > div:nth-child(1) {
+	animation-delay: -0.32s;
+}
+
+.tox .tox-spinner > div:nth-child(2) {
+	animation-delay: -0.16s;
+}
+
+@keyframes tam-bouncing-dots {
+	0%,
+	80%,
+	100% {
+		transform: scale(0);
+	}
+	40% {
+		transform: scale(1);
+	}
+}
+
+.tox:not([dir='rtl']) .tox-spinner > div:not(:first-child) {
+	margin-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-spinner > div:not(:first-child) {
+	margin-right: 4px;
+}
+
+.tox .tox-statusbar {
+	align-items: center;
+	background-color: #222f3e;
+	border-top: 1px solid #000000;
+	color: #fff;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 12px;
+	font-weight: normal;
+	height: 18px;
+	overflow: hidden;
+	padding: 0 8px;
+	position: relative;
+	text-transform: uppercase;
+}
+
+.tox .tox-statusbar__text-container {
+	display: flex;
+	flex: 1 1 auto;
+	justify-content: flex-end;
+	overflow: hidden;
+}
+
+.tox .tox-statusbar__path {
+	display: flex;
+	flex: 1 1 auto;
+	margin-right: auto;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.tox .tox-statusbar__path > * {
+	display: inline;
+	white-space: nowrap;
+}
+
+.tox .tox-statusbar__wordcount {
+	flex: 0 0 auto;
+	margin-left: 1ch;
+}
+
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+	color: #fff;
+	text-decoration: none;
+}
+
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled='true']) {
+	color: #fff;
+	cursor: pointer;
+}
+
+.tox .tox-statusbar__branding svg {
+	fill: rgba(255, 255, 255, 0.8);
+	height: 1.14em;
+	vertical-align: -0.28em;
+	width: 3.6em;
+}
+
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled='true']) svg,
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled='true']) svg {
+	fill: #fff;
+}
+
+.tox .tox-statusbar__resize-handle {
+	align-items: flex-end;
+	align-self: stretch;
+	cursor: nwse-resize;
+	display: flex;
+	flex: 0 0 auto;
+	justify-content: flex-end;
+	margin-left: auto;
+	margin-right: -8px;
+	padding-bottom: 3px;
+	padding-left: 1ch;
+	padding-right: 3px;
+}
+
+.tox .tox-statusbar__resize-handle svg {
+	display: block;
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-statusbar__resize-handle:focus svg {
+	background-color: #4a5562;
+	border-radius: 1px 1px -4px 1px;
+	box-shadow: 0 0 0 2px #4a5562;
+}
+
+.tox:not([dir='rtl']) .tox-statusbar__path > * {
+	margin-right: 4px;
+}
+
+.tox:not([dir='rtl']) .tox-statusbar__branding {
+	margin-left: 2ch;
+}
+
+.tox[dir='rtl'] .tox-statusbar {
+	flex-direction: row-reverse;
+}
+
+.tox[dir='rtl'] .tox-statusbar__path > * {
+	margin-left: 4px;
+}
+
+.tox .tox-throbber {
+	z-index: 1299;
+}
+
+.tox .tox-throbber__busy-spinner {
+	align-items: center;
+	background-color: rgba(34, 47, 62, 0.6);
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+
+.tox .tox-tbtn {
+	align-items: center;
+	background: transparent;
+	border: 0;
+	border-radius: 3px;
+	box-shadow: none;
+	color: #fff;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	height: 34px;
+	justify-content: center;
+	margin: 3px 0 2px 0;
+	outline: none;
+	overflow: hidden;
+	padding: 0;
+	text-transform: none;
+	width: 34px;
+}
+
+.tox .tox-tbtn svg {
+	display: block;
+	fill: #fff;
+}
+
+.tox .tox-tbtn.tox-tbtn-more {
+	padding-left: 5px;
+	padding-right: 5px;
+	width: inherit;
+}
+
+.tox .tox-tbtn:focus {
+	background: #4a5562;
+	border: 0;
+	box-shadow: none;
+}
+
+.tox .tox-tbtn:hover {
+	background: #4a5562;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-tbtn:hover svg {
+	fill: #fff;
+}
+
+.tox .tox-tbtn:active {
+	background: #757d87;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-tbtn:active svg {
+	fill: #fff;
+}
+
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+	background: transparent;
+	border: 0;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+	/* stylelint-disable-line no-descending-specificity */
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover {
+	background: #757d87;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-tbtn--enabled > *,
+.tox .tox-tbtn--enabled:hover > * {
+	transform: none;
+}
+
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg {
+	/* stylelint-disable-line no-descending-specificity */
+	fill: #fff;
+}
+
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+	color: #fff;
+}
+
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+	fill: #fff;
+}
+
+.tox .tox-tbtn:active > * {
+	transform: none;
+}
+
+.tox .tox-tbtn--md {
+	height: 51px;
+	width: 51px;
+}
+
+.tox .tox-tbtn--lg {
+	flex-direction: column;
+	height: 68px;
+	width: 68px;
+}
+
+.tox .tox-tbtn--return {
+	align-self: stretch;
+	height: unset;
+	width: 16px;
+}
+
+.tox .tox-tbtn--labeled {
+	padding: 0 4px;
+	width: unset;
+}
+
+.tox .tox-tbtn__vlabel {
+	display: block;
+	font-size: 10px;
+	font-weight: normal;
+	letter-spacing: -0.025em;
+	margin-bottom: 4px;
+	white-space: nowrap;
+}
+
+.tox .tox-tbtn--select {
+	margin: 3px 0 2px 0;
+	padding: 0 4px;
+	width: auto;
+}
+
+.tox .tox-tbtn__select-label {
+	cursor: default;
+	font-weight: normal;
+	margin: 0 4px;
+}
+
+.tox .tox-tbtn__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+}
+
+.tox .tox-tbtn__select-chevron svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-tbtn--bespoke {
+	background: transparent;
+}
+
+.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
+	margin-inline-start: 0;
+}
+
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: 7em;
+}
+
+.tox .tox-split-button {
+	border: 0;
+	border-radius: 3px;
+	box-sizing: border-box;
+	display: flex;
+	margin: 3px 0 2px 0;
+	overflow: hidden;
+}
+
+.tox .tox-split-button:hover {
+	box-shadow: 0 0 0 1px #4a5562 inset;
+}
+
+.tox .tox-split-button:focus {
+	background: #4a5562;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-split-button > * {
+	border-radius: 0;
+}
+
+.tox .tox-split-button__chevron {
+	width: 16px;
+}
+
+.tox .tox-split-button__chevron svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+
+.tox .tox-split-button .tox-tbtn {
+	margin: 0;
+}
+
+.tox .tox-split-button.tox-tbtn--disabled:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
+	background: transparent;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+}
+
+.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
+	padding: 0 0px;
+}
+
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
+	width: 30px;
+}
+
+.tox.tox-platform-touch .tox-split-button__chevron {
+	width: 20px;
+}
+
+.tox .tox-toolbar-overlord {
+	background-color: #222f3e;
+}
+
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+	background-color: #222f3e;
+	background-image: repeating-linear-gradient(#000000 0px 1px, transparent 1px 39px);
+	background-position: center top 39px;
+	background-repeat: no-repeat;
+	background-size: calc(100% - 4px * 2) calc(100% - 39px);
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	padding: 0 0px;
+	transform: perspective(1px);
+}
+
+.tox .tox-toolbar-overlord > .tox-toolbar,
+.tox .tox-toolbar-overlord > .tox-toolbar__primary,
+.tox .tox-toolbar-overlord > .tox-toolbar__overflow {
+	background-position: center top 0px;
+	background-size: calc(100% - 4px * 2) calc(100% - 0px);
+}
+
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+	height: 0;
+	opacity: 0;
+	padding-bottom: 0;
+	padding-top: 0;
+	visibility: hidden;
+}
+
+.tox .tox-toolbar__overflow--growing {
+	transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+
+.tox .tox-toolbar__overflow--shrinking {
+	transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord {
+	border-top: 1px solid #000000;
+	margin-top: 0;
+	padding-bottom: 0px;
+	padding-top: 0px;
+}
+
+.tox .tox-toolbar--scrolling {
+	flex-wrap: nowrap;
+	overflow-x: auto;
+}
+
+.tox .tox-pop .tox-toolbar {
+	border-width: 0;
+}
+
+.tox .tox-toolbar--no-divider {
+	background-image: none;
+}
+
+.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
+.tox .tox-toolbar-overlord .tox-toolbar__primary {
+	background-position: center top 39px;
+}
+
+.tox .tox-editor-header > .tox-toolbar--scrolling,
+.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
+	background-image: none;
+}
+
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+	background-color: #222f3e;
+	background-position: center top 43px;
+	background-size: calc(100% - 8px * 2) calc(100% - 51px);
+	border: none;
+	border-radius: 3px;
+	box-shadow: 0 0 2px 0 rgba(42, 55, 70, 0.2), 0 4px 8px 0 rgba(42, 55, 70, 0.15);
+	padding: 4px 0;
+}
+
+.tox-pop .tox-pop__dialog {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox-pop .tox-pop__dialog .tox-toolbar {
+	background-position: center top 43px;
+	background-size: calc(100% - 4px * 2) calc(100% - 51px);
+	padding: 4px 0;
+}
+
+.tox .tox-toolbar__group {
+	align-items: center;
+	display: flex;
+	flex-wrap: wrap;
+	margin: 0 0;
+	padding: 0 4px 0 4px;
+}
+
+.tox .tox-toolbar__group--pull-right {
+	margin-left: auto;
+}
+
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+	flex-shrink: 0;
+	flex-wrap: nowrap;
+}
+
+.tox:not([dir='rtl']) .tox-toolbar__group:not(:last-of-type) {
+	border-right: 1px solid #000000;
+}
+
+.tox[dir='rtl'] .tox-toolbar__group:not(:last-of-type) {
+	border-left: 1px solid #000000;
+}
+
+.tox .tox-tooltip {
+	display: inline-block;
+	padding: 8px;
+	position: relative;
+}
+
+.tox .tox-tooltip__body {
+	background-color: #3d546f;
+	border-radius: 3px;
+	box-shadow: 0 2px 4px rgba(42, 55, 70, 0.3);
+	color: rgba(255, 255, 255, 0.75);
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	padding: 4px 8px;
+	text-transform: none;
+}
+
+.tox .tox-tooltip__arrow {
+	position: absolute;
+}
+
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+	border-left: 8px solid transparent;
+	border-right: 8px solid transparent;
+	border-top: 8px solid #3d546f;
+	bottom: 0;
+	left: 50%;
+	position: absolute;
+	transform: translateX(-50%);
+}
+
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+	border-bottom: 8px solid #3d546f;
+	border-left: 8px solid transparent;
+	border-right: 8px solid transparent;
+	left: 50%;
+	position: absolute;
+	top: 0;
+	transform: translateX(-50%);
+}
+
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+	border-bottom: 8px solid transparent;
+	border-left: 8px solid #3d546f;
+	border-top: 8px solid transparent;
+	position: absolute;
+	right: 0;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+	border-bottom: 8px solid transparent;
+	border-right: 8px solid #3d546f;
+	border-top: 8px solid transparent;
+	left: 0;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.tox .tox-well {
+	border: 1px solid #000000;
+	border-radius: 3px;
+	padding: 8px;
+	width: 100%;
+}
+
+.tox .tox-well > *:first-child {
+	margin-top: 0;
+}
+
+.tox .tox-well > *:last-child {
+	margin-bottom: 0;
+}
+
+.tox .tox-well > *:only-child {
+	margin: 0;
+}
+
+.tox .tox-custom-editor {
+	border: 1px solid #000000;
+	border-radius: 3px;
+	display: flex;
+	flex: 1;
+	position: relative;
+}
+
+/* stylelint-disable */
+.tox {
+	/* stylelint-enable */
+}
+
+.tox .tox-dialog-loading::before {
+	background-color: rgba(0, 0, 0, 0.5);
+	content: '';
+	height: 100%;
+	position: absolute;
+	width: 100%;
+	z-index: 1000;
+}
+
+.tox .tox-tab {
+	cursor: pointer;
+}
+
+.tox .tox-dialog__content-js {
+	display: flex;
+	flex: 1;
+}
+
+.tox .tox-dialog__body-content .tox-collection {
+	display: flex;
+	flex: 1;
+}
+
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+	background-color: none;
+	padding: 0;
+}
+
+.tox.tox-tinymce--toolbar-bottom .tox-editor-header,
+.tox.tox-tinymce-inline .tox-editor-header {
+	margin-bottom: -1px;
+}
+
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+	border-top: none;
+	box-shadow: none;
+}
+
+.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
+	background-color: transparent;
+	box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+	padding: 0;
+}
+
+.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+	box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+	margin: -4px 0;
+}
+
+.tox .tox-menu.tox-collection.tox-collection--list {
+	padding: 0;
+}
+
+.tox .tox-pop {
+	box-shadow: none;
+}
+
+.tox .tox-tbtn,
+.tox .tox-tbtn--select,
+.tox .tox-split-button {
+	margin: 2px 0 3px 0;
+}
+
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+	background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0px #222f3e !important;
+}
+
+.tox .tox-menubar + .tox-toolbar-overlord {
+	border-top: none;
+}
+
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
+	border-top: 1px solid #000000;
+	margin-top: -1px;
+}
+
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+	border: 1px solid #000000;
+	padding: 0;
+}
+
+.tox:not(.tox-tinymce-inline)
+.tox-editor-header:not(:first-child)
+.tox-toolbar-overlord:first-child
+.tox-toolbar__primary,
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child {
+	border-top: 1px solid #000000;
+}
+
+.tox .tox-toolbar__group {
+	padding: 0 4px 0 4px;
+}
+
+.tox .tox-collection__item {
+	border-radius: 0;
+	cursor: pointer;
+}
+
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled='true']) {
+	color: #fff;
+	text-decoration: underline;
+}
+
+.tox .tox-statusbar__branding svg {
+	vertical-align: -0.25em;
+}
+
+.tox:not([dir='rtl']) .tox-statusbar__branding {
+	margin-left: 1ch;
+}
+
+.tox .tox-statusbar__resize-handle {
+	padding-bottom: 0;
+	padding-right: 0;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/skin.min.css b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/skin.min.css
new file mode 100644
index 00000000..e38e829e
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/skin.min.css
@@ -0,0 +1,3125 @@
+.tox {
+	box-shadow: none;
+	box-sizing: content-box;
+	color: #2a3746;
+	cursor: auto;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: normal;
+	-webkit-tap-highlight-color: transparent;
+	text-decoration: none;
+	text-shadow: none;
+	text-transform: none;
+	vertical-align: initial;
+	white-space: normal;
+}
+.tox :not(svg):not(rect) {
+	box-sizing: inherit;
+	color: inherit;
+	cursor: inherit;
+	direction: inherit;
+	font-family: inherit;
+	font-size: inherit;
+	font-style: inherit;
+	font-weight: inherit;
+	line-height: inherit;
+	-webkit-tap-highlight-color: inherit;
+	text-align: inherit;
+	text-decoration: inherit;
+	text-shadow: inherit;
+	text-transform: inherit;
+	vertical-align: inherit;
+	white-space: inherit;
+}
+.tox :not(svg):not(rect) {
+	background: 0 0;
+	border: 0;
+	box-shadow: none;
+	float: none;
+	height: auto;
+	margin: 0;
+	max-width: none;
+	outline: 0;
+	padding: 0;
+	position: static;
+	width: auto;
+}
+.tox:not([dir='rtl']) {
+	direction: ltr;
+	text-align: left;
+}
+.tox[dir='rtl'] {
+	direction: rtl;
+	text-align: right;
+}
+.tox-tinymce {
+	border: 1px solid #000;
+	border-radius: 0;
+	box-shadow: none;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	overflow: hidden;
+	position: relative;
+	visibility: inherit !important;
+}
+.tox.tox-tinymce-inline {
+	border: none;
+	box-shadow: none;
+	overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-container {
+	overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-header {
+	background-color: #222f3e;
+	border: 1px solid #000;
+	border-radius: 0;
+	box-shadow: none;
+	overflow: hidden;
+}
+.tox-tinymce-aux {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	z-index: 1300;
+}
+.tox-tinymce :focus,
+.tox-tinymce-aux :focus {
+	outline: 0;
+}
+button::-moz-focus-inner {
+	border: 0;
+}
+.tox[dir='rtl'] .tox-icon--flip svg {
+	transform: rotateY(180deg);
+}
+.tox .accessibility-issue__header {
+	align-items: center;
+	display: flex;
+	margin-bottom: 4px;
+}
+.tox .accessibility-issue__description {
+	align-items: stretch;
+	border: 1px solid #000;
+	border-radius: 3px;
+	display: flex;
+	justify-content: space-between;
+}
+.tox .accessibility-issue__description > div {
+	padding-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div {
+	align-items: center;
+	display: flex;
+	margin-bottom: 4px;
+}
+.tox .accessibility-issue__description > :last-child:not(:only-child) {
+	border-color: #000;
+	border-style: solid;
+}
+.tox .accessibility-issue__repair {
+	margin-top: 16px;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+	background-color: rgba(32, 122, 183, 0.5);
+	border-color: #207ab7;
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > :last-child {
+	border-color: #207ab7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
+	fill: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+	background-color: rgba(255, 165, 0, 0.5);
+	border-color: rgba(255, 165, 0, 0.8);
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > :last-child {
+	border-color: rgba(255, 165, 0, 0.8);
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
+	fill: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+	background-color: rgba(204, 0, 0, 0.5);
+	border-color: rgba(204, 0, 0, 0.8);
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > :last-child {
+	border-color: rgba(204, 0, 0, 0.8);
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
+	fill: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+	background-color: rgba(120, 171, 70, 0.5);
+	border-color: rgba(120, 171, 70, 0.8);
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > :last-child {
+	border-color: rgba(120, 171, 70, 0.8);
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
+	fill: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
+	color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue__header h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+	margin-top: 0;
+}
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+	margin-left: 4px;
+}
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__header > :nth-last-child(2) {
+	margin-left: auto;
+}
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__description {
+	padding: 4px 4px 4px 8px;
+}
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__description > :last-child {
+	border-left-width: 1px;
+	padding-left: 4px;
+}
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+	margin-right: 4px;
+}
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__header > :nth-last-child(2) {
+	margin-right: auto;
+}
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description {
+	padding: 4px 8px 4px 4px;
+}
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description > :last-child {
+	border-right-width: 1px;
+	padding-right: 4px;
+}
+.tox .tox-anchorbar {
+	display: flex;
+	flex: 0 0 auto;
+}
+.tox .tox-bar {
+	display: flex;
+	flex: 0 0 auto;
+}
+.tox .tox-button {
+	background-color: #207ab7;
+	background-image: none;
+	background-position: 0 0;
+	background-repeat: repeat;
+	border-color: #207ab7;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #fff;
+	cursor: pointer;
+	display: inline-block;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 700;
+	letter-spacing: normal;
+	line-height: 24px;
+	margin: 0;
+	outline: 0;
+	padding: 4px 16px;
+	text-align: center;
+	text-decoration: none;
+	text-transform: none;
+	white-space: nowrap;
+}
+.tox .tox-button[disabled] {
+	background-color: #207ab7;
+	background-image: none;
+	border-color: #207ab7;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-button:focus:not(:disabled) {
+	background-color: #1c6ca1;
+	background-image: none;
+	border-color: #1c6ca1;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button:hover:not(:disabled) {
+	background-color: #1c6ca1;
+	background-image: none;
+	border-color: #1c6ca1;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button:active:not(:disabled) {
+	background-color: #185d8c;
+	background-image: none;
+	border-color: #185d8c;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button--secondary {
+	background-color: #3d546f;
+	background-image: none;
+	background-position: 0 0;
+	background-repeat: repeat;
+	border-color: #3d546f;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	color: #fff;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 700;
+	letter-spacing: normal;
+	outline: 0;
+	padding: 4px 16px;
+	text-decoration: none;
+	text-transform: none;
+}
+.tox .tox-button--secondary[disabled] {
+	background-color: #3d546f;
+	background-image: none;
+	border-color: #3d546f;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--secondary:focus:not(:disabled) {
+	background-color: #34485f;
+	background-image: none;
+	border-color: #34485f;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button--secondary:hover:not(:disabled) {
+	background-color: #34485f;
+	background-image: none;
+	border-color: #34485f;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button--secondary:active:not(:disabled) {
+	background-color: #2b3b4e;
+	background-image: none;
+	border-color: #2b3b4e;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+	padding: 4px;
+}
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+	display: block;
+	fill: currentColor;
+}
+.tox .tox-button-link {
+	background: 0;
+	border: none;
+	box-sizing: border-box;
+	cursor: pointer;
+	display: inline-block;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 16px;
+	font-weight: 400;
+	line-height: 1.3;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+.tox .tox-button-link--sm {
+	font-size: 14px;
+}
+.tox .tox-button--naked {
+	background-color: transparent;
+	border-color: transparent;
+	box-shadow: unset;
+	color: #fff;
+}
+.tox .tox-button--naked[disabled] {
+	background-color: #3d546f;
+	border-color: #3d546f;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--naked:hover:not(:disabled) {
+	background-color: #34485f;
+	border-color: #34485f;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button--naked:focus:not(:disabled) {
+	background-color: #34485f;
+	border-color: #34485f;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button--naked:active:not(:disabled) {
+	background-color: #2b3b4e;
+	border-color: #2b3b4e;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button--naked .tox-icon svg {
+	fill: currentColor;
+}
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+	color: #fff;
+}
+.tox .tox-checkbox {
+	align-items: center;
+	border-radius: 3px;
+	cursor: pointer;
+	display: flex;
+	height: 36px;
+	min-width: 36px;
+}
+.tox .tox-checkbox__input {
+	height: 1px;
+	overflow: hidden;
+	position: absolute;
+	top: auto;
+	width: 1px;
+}
+.tox .tox-checkbox__icons {
+	align-items: center;
+	border-radius: 3px;
+	box-shadow: 0 0 0 2px transparent;
+	box-sizing: content-box;
+	display: flex;
+	height: 24px;
+	justify-content: center;
+	padding: calc(4px - 1px);
+	width: 24px;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: block;
+	fill: rgba(255, 255, 255, 0.2);
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	display: none;
+	fill: #207ab7;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	display: none;
+	fill: #207ab7;
+}
+.tox .tox-checkbox--disabled {
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: none;
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	display: block;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: none;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	display: block;
+}
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+	border-radius: 3px;
+	box-shadow: inset 0 0 0 1px #207ab7;
+	padding: calc(4px - 1px);
+}
+.tox:not([dir='rtl']) .tox-checkbox__label {
+	margin-left: 4px;
+}
+.tox:not([dir='rtl']) .tox-checkbox__input {
+	left: -10000px;
+}
+.tox:not([dir='rtl']) .tox-bar .tox-checkbox {
+	margin-left: 4px;
+}
+.tox[dir='rtl'] .tox-checkbox__label {
+	margin-right: 4px;
+}
+.tox[dir='rtl'] .tox-checkbox__input {
+	right: -10000px;
+}
+.tox[dir='rtl'] .tox-bar .tox-checkbox {
+	margin-right: 4px;
+}
+.tox .tox-collection--toolbar .tox-collection__group {
+	display: flex;
+	padding: 0;
+}
+.tox .tox-collection--grid .tox-collection__group {
+	display: flex;
+	flex-wrap: wrap;
+	max-height: 208px;
+	overflow-x: hidden;
+	overflow-y: auto;
+	padding: 0;
+}
+.tox .tox-collection--list .tox-collection__group {
+	border-bottom-width: 0;
+	border-color: #1a1a1a;
+	border-left-width: 0;
+	border-right-width: 0;
+	border-style: solid;
+	border-top-width: 1px;
+	padding: 4px 0;
+}
+.tox .tox-collection--list .tox-collection__group:first-child {
+	border-top-width: 0;
+}
+.tox .tox-collection__group-heading {
+	background-color: #333;
+	color: #fff;
+	cursor: default;
+	font-size: 12px;
+	font-style: normal;
+	font-weight: 400;
+	margin-bottom: 4px;
+	margin-top: -4px;
+	padding: 4px 8px;
+	text-transform: none;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.tox .tox-collection__item {
+	align-items: center;
+	border-radius: 3px;
+	color: #fff;
+	display: flex;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.tox .tox-collection--list .tox-collection__item {
+	padding: 4px 8px;
+}
+.tox .tox-collection--toolbar .tox-collection__item {
+	border-radius: 3px;
+	padding: 4px;
+}
+.tox .tox-collection--grid .tox-collection__item {
+	border-radius: 3px;
+	padding: 4px;
+}
+.tox .tox-collection--list .tox-collection__item--enabled {
+	background-color: #2b3b4e;
+	color: #fff;
+}
+.tox .tox-collection--list .tox-collection__item--active {
+	background-color: #4a5562;
+}
+.tox .tox-collection--toolbar .tox-collection__item--enabled {
+	background-color: #757d87;
+	color: #fff;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active {
+	background-color: #4a5562;
+}
+.tox .tox-collection--grid .tox-collection__item--enabled {
+	background-color: #757d87;
+	color: #fff;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	background-color: #4a5562;
+	color: #fff;
+}
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	color: #fff;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	color: #fff;
+}
+.tox .tox-collection__item-checkmark,
+.tox .tox-collection__item-icon {
+	align-items: center;
+	display: flex;
+	height: 24px;
+	justify-content: center;
+	width: 24px;
+}
+.tox .tox-collection__item-checkmark svg,
+.tox .tox-collection__item-icon svg {
+	fill: currentColor;
+}
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+	height: 48px;
+	width: 48px;
+}
+.tox .tox-collection__item-label {
+	color: currentColor;
+	display: inline-block;
+	flex: 1;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 24px;
+	text-transform: none;
+	word-break: break-all;
+}
+.tox .tox-collection__item-accessory {
+	color: rgba(255, 255, 255, 0.5);
+	display: inline-block;
+	font-size: 14px;
+	height: 24px;
+	line-height: 24px;
+	text-transform: none;
+}
+.tox .tox-collection__item-caret {
+	align-items: center;
+	display: flex;
+	min-height: 24px;
+}
+.tox .tox-collection__item-caret::after {
+	content: '';
+	font-size: 0;
+	min-height: inherit;
+}
+.tox .tox-collection__item-caret svg {
+	fill: #fff;
+}
+.tox .tox-collection__item--state-disabled {
+	background-color: transparent;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox
+	.tox-collection--list
+	.tox-collection__item:not(.tox-collection__item--enabled)
+	.tox-collection__item-checkmark
+	svg {
+	display: none;
+}
+.tox
+	.tox-collection--list
+	.tox-collection__item:not(.tox-collection__item--enabled)
+	.tox-collection__item-accessory
+	+ .tox-collection__item-checkmark {
+	display: none;
+}
+.tox .tox-collection--horizontal {
+	background-color: #2b3b4e;
+	border: 1px solid #1a1a1a;
+	border-radius: 3px;
+	box-shadow: 0 0 2px 0 rgba(42, 55, 70, 0.2), 0 4px 8px 0 rgba(42, 55, 70, 0.15);
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: nowrap;
+	margin-bottom: 0;
+	overflow-x: auto;
+	padding: 0;
+}
+.tox .tox-collection--horizontal .tox-collection__group {
+	align-items: center;
+	display: flex;
+	flex-wrap: nowrap;
+	margin: 0;
+	padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item {
+	height: 34px;
+	margin: 3px 0 2px 0;
+	padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item-label {
+	white-space: nowrap;
+}
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+	margin-left: 4px;
+}
+.tox .tox-collection__item-container {
+	display: flex;
+}
+.tox .tox-collection__item-container--row {
+	align-items: center;
+	flex: 1 1 auto;
+	flex-direction: row;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+	margin-right: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+	justify-content: flex-end;
+	margin-left: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+	align-items: flex-start;
+	margin-bottom: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+	align-items: center;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+	align-items: flex-end;
+	margin-top: auto;
+}
+.tox .tox-collection__item-container--column {
+	align-self: center;
+	flex: 1 1 auto;
+	flex-direction: column;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+	align-items: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+	align-items: flex-end;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+	align-self: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+	align-self: center;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+	align-self: flex-end;
+}
+.tox:not([dir='rtl']) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+	border-right: 1px solid #000;
+}
+.tox:not([dir='rtl']) .tox-collection--list .tox-collection__item > :not(:first-child) {
+	margin-left: 8px;
+}
+.tox:not([dir='rtl']) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+	margin-left: 4px;
+}
+.tox:not([dir='rtl']) .tox-collection__item-accessory {
+	margin-left: 16px;
+	text-align: right;
+}
+.tox:not([dir='rtl']) .tox-collection .tox-collection__item-caret {
+	margin-left: 16px;
+}
+.tox[dir='rtl'] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+	border-left: 1px solid #000;
+}
+.tox[dir='rtl'] .tox-collection--list .tox-collection__item > :not(:first-child) {
+	margin-right: 8px;
+}
+.tox[dir='rtl'] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+	margin-right: 4px;
+}
+.tox[dir='rtl'] .tox-collection__item-accessory {
+	margin-right: 16px;
+	text-align: left;
+}
+.tox[dir='rtl'] .tox-collection .tox-collection__item-caret {
+	margin-right: 16px;
+	transform: rotateY(180deg);
+}
+.tox[dir='rtl'] .tox-collection--horizontal .tox-collection__item-caret {
+	margin-right: 4px;
+}
+.tox .tox-color-picker-container {
+	display: flex;
+	flex-direction: row;
+	height: 225px;
+	margin: 0;
+}
+.tox .tox-sv-palette {
+	box-sizing: border-box;
+	display: flex;
+	height: 100%;
+}
+.tox .tox-sv-palette-spectrum {
+	height: 100%;
+}
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+	width: 225px;
+}
+.tox .tox-sv-palette-thumb {
+	background: 0 0;
+	border: 1px solid #000;
+	border-radius: 50%;
+	box-sizing: content-box;
+	height: 12px;
+	position: absolute;
+	width: 12px;
+}
+.tox .tox-sv-palette-inner-thumb {
+	border: 1px solid #fff;
+	border-radius: 50%;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+}
+.tox .tox-hue-slider {
+	box-sizing: border-box;
+	height: 100%;
+	width: 25px;
+}
+.tox .tox-hue-slider-spectrum {
+	background: linear-gradient(
+		to bottom,
+		red,
+		#ff0080,
+		#f0f,
+		#8000ff,
+		#00f,
+		#0080ff,
+		#0ff,
+		#00ff80,
+		#0f0,
+		#80ff00,
+		#ff0,
+		#ff8000,
+		red
+	);
+	height: 100%;
+	width: 100%;
+}
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+	width: 20px;
+}
+.tox .tox-hue-slider-thumb {
+	background: #fff;
+	border: 1px solid #000;
+	box-sizing: content-box;
+	height: 4px;
+	width: 100%;
+}
+.tox .tox-rgb-form {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+.tox .tox-rgb-form div {
+	align-items: center;
+	display: flex;
+	justify-content: space-between;
+	margin-bottom: 5px;
+	width: inherit;
+}
+.tox .tox-rgb-form input {
+	width: 6em;
+}
+.tox .tox-rgb-form input.tox-invalid {
+	border: 1px solid red !important;
+}
+.tox .tox-rgb-form .tox-rgba-preview {
+	border: 1px solid #000;
+	flex-grow: 2;
+	margin-bottom: 0;
+}
+.tox:not([dir='rtl']) .tox-sv-palette {
+	margin-right: 15px;
+}
+.tox:not([dir='rtl']) .tox-hue-slider {
+	margin-right: 15px;
+}
+.tox:not([dir='rtl']) .tox-hue-slider-thumb {
+	margin-left: -1px;
+}
+.tox:not([dir='rtl']) .tox-rgb-form label {
+	margin-right: 0.5em;
+}
+.tox[dir='rtl'] .tox-sv-palette {
+	margin-left: 15px;
+}
+.tox[dir='rtl'] .tox-hue-slider {
+	margin-left: 15px;
+}
+.tox[dir='rtl'] .tox-hue-slider-thumb {
+	margin-right: -1px;
+}
+.tox[dir='rtl'] .tox-rgb-form label {
+	margin-left: 0.5em;
+}
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches {
+	margin: 2px 0 3px 4px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+	border: 0;
+	margin: -4px 0;
+}
+.tox .tox-swatches__row {
+	display: flex;
+}
+.tox .tox-swatch {
+	height: 30px;
+	transition: transform 0.15s, box-shadow 0.15s;
+	width: 30px;
+}
+.tox .tox-swatch:focus,
+.tox .tox-swatch:hover {
+	box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+	transform: scale(0.8);
+}
+.tox .tox-swatch--remove {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+}
+.tox .tox-swatch--remove svg path {
+	stroke: #e74c3c;
+}
+.tox .tox-swatches__picker-btn {
+	align-items: center;
+	background-color: transparent;
+	border: 0;
+	cursor: pointer;
+	display: flex;
+	height: 30px;
+	justify-content: center;
+	outline: 0;
+	padding: 0;
+	width: 30px;
+}
+.tox .tox-swatches__picker-btn svg {
+	fill: #fff;
+	height: 24px;
+	width: 24px;
+}
+.tox .tox-swatches__picker-btn:hover {
+	background: #4a5562;
+}
+.tox:not([dir='rtl']) .tox-swatches__picker-btn {
+	margin-left: auto;
+}
+.tox[dir='rtl'] .tox-swatches__picker-btn {
+	margin-right: auto;
+}
+.tox .tox-comment-thread {
+	background: #2b3b4e;
+	position: relative;
+}
+.tox .tox-comment-thread > :not(:first-child) {
+	margin-top: 8px;
+}
+.tox .tox-comment {
+	background: #2b3b4e;
+	border: 1px solid #000;
+	border-radius: 3px;
+	box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
+	padding: 8px 8px 16px 8px;
+	position: relative;
+}
+.tox .tox-comment__header {
+	align-items: center;
+	color: #fff;
+	display: flex;
+	justify-content: space-between;
+}
+.tox .tox-comment__date {
+	color: rgba(255, 255, 255, 0.5);
+	font-size: 12px;
+}
+.tox .tox-comment__body {
+	color: #fff;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 1.3;
+	margin-top: 8px;
+	position: relative;
+	text-transform: initial;
+}
+.tox .tox-comment__body textarea {
+	resize: none;
+	white-space: normal;
+	width: 100%;
+}
+.tox .tox-comment__expander {
+	padding-top: 8px;
+}
+.tox .tox-comment__expander p {
+	color: rgba(255, 255, 255, 0.5);
+	font-size: 14px;
+	font-style: normal;
+}
+.tox .tox-comment__body p {
+	margin: 0;
+}
+.tox .tox-comment__buttonspacing {
+	padding-top: 16px;
+	text-align: center;
+}
+.tox .tox-comment-thread__overlay::after {
+	background: #2b3b4e;
+	bottom: 0;
+	content: '';
+	display: flex;
+	left: 0;
+	opacity: 0.9;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 5;
+}
+.tox .tox-comment__reply {
+	display: flex;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	margin-top: 8px;
+}
+.tox .tox-comment__reply > :first-child {
+	margin-bottom: 8px;
+	width: 100%;
+}
+.tox .tox-comment__edit {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	margin-top: 16px;
+}
+.tox .tox-comment__gradient::after {
+	background: linear-gradient(rgba(43, 59, 78, 0), #2b3b4e);
+	bottom: 0;
+	content: '';
+	display: block;
+	height: 5em;
+	margin-top: -40px;
+	position: absolute;
+	width: 100%;
+}
+.tox .tox-comment__overlay {
+	background: #2b3b4e;
+	bottom: 0;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	left: 0;
+	opacity: 0.9;
+	position: absolute;
+	right: 0;
+	text-align: center;
+	top: 0;
+	z-index: 5;
+}
+.tox .tox-comment__loading-text {
+	align-items: center;
+	color: #fff;
+	display: flex;
+	flex-direction: column;
+	position: relative;
+}
+.tox .tox-comment__loading-text > div {
+	padding-bottom: 16px;
+}
+.tox .tox-comment__overlaytext {
+	bottom: 0;
+	flex-direction: column;
+	font-size: 14px;
+	left: 0;
+	padding: 1em;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 10;
+}
+.tox .tox-comment__overlaytext p {
+	background-color: #2b3b4e;
+	box-shadow: 0 0 8px 8px #2b3b4e;
+	color: #fff;
+	text-align: center;
+}
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+	font-size: 0.8em;
+}
+.tox .tox-comment__busy-spinner {
+	align-items: center;
+	background-color: #2b3b4e;
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 20;
+}
+.tox .tox-comment__scroll {
+	display: flex;
+	flex-direction: column;
+	flex-shrink: 1;
+	overflow: auto;
+}
+.tox .tox-conversations {
+	margin: 8px;
+}
+.tox:not([dir='rtl']) .tox-comment__edit {
+	margin-left: 8px;
+}
+.tox:not([dir='rtl']) .tox-comment__buttonspacing > :last-child,
+.tox:not([dir='rtl']) .tox-comment__edit > :last-child,
+.tox:not([dir='rtl']) .tox-comment__reply > :last-child {
+	margin-left: 8px;
+}
+.tox[dir='rtl'] .tox-comment__edit {
+	margin-right: 8px;
+}
+.tox[dir='rtl'] .tox-comment__buttonspacing > :last-child,
+.tox[dir='rtl'] .tox-comment__edit > :last-child,
+.tox[dir='rtl'] .tox-comment__reply > :last-child {
+	margin-right: 8px;
+}
+.tox .tox-user {
+	align-items: center;
+	display: flex;
+}
+.tox .tox-user__avatar svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-user__name {
+	color: rgba(255, 255, 255, 0.5);
+	font-size: 12px;
+	font-style: normal;
+	font-weight: 700;
+	text-transform: uppercase;
+}
+.tox:not([dir='rtl']) .tox-user__avatar svg {
+	margin-right: 8px;
+}
+.tox:not([dir='rtl']) .tox-user__avatar + .tox-user__name {
+	margin-left: 8px;
+}
+.tox[dir='rtl'] .tox-user__avatar svg {
+	margin-left: 8px;
+}
+.tox[dir='rtl'] .tox-user__avatar + .tox-user__name {
+	margin-right: 8px;
+}
+.tox .tox-dialog-wrap {
+	align-items: center;
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: fixed;
+	right: 0;
+	top: 0;
+	z-index: 1100;
+}
+.tox .tox-dialog-wrap__backdrop {
+	background-color: rgba(34, 47, 62, 0.75);
+	bottom: 0;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 1;
+}
+.tox .tox-dialog-wrap__backdrop--opaque {
+	background-color: #222f3e;
+}
+.tox .tox-dialog {
+	background-color: #2b3b4e;
+	border-color: #000;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: 0 16px 16px -10px rgba(42, 55, 70, 0.15), 0 0 40px 1px rgba(42, 55, 70, 0.15);
+	display: flex;
+	flex-direction: column;
+	max-height: 100%;
+	max-width: 480px;
+	overflow: hidden;
+	position: relative;
+	width: 95vw;
+	z-index: 2;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog {
+		align-self: flex-start;
+		margin: 8px auto;
+		width: calc(100vw - 16px);
+	}
+}
+.tox .tox-dialog-inline {
+	z-index: 1100;
+}
+.tox .tox-dialog__header {
+	align-items: center;
+	background-color: #2b3b4e;
+	border-bottom: none;
+	color: #fff;
+	display: flex;
+	font-size: 16px;
+	justify-content: space-between;
+	padding: 8px 16px 0 16px;
+	position: relative;
+}
+.tox .tox-dialog__header .tox-button {
+	z-index: 1;
+}
+.tox .tox-dialog__draghandle {
+	cursor: grab;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.tox .tox-dialog__draghandle:active {
+	cursor: grabbing;
+}
+.tox .tox-dialog__dismiss {
+	margin-left: auto;
+}
+.tox .tox-dialog__title {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 20px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 1.3;
+	margin: 0;
+	text-transform: none;
+}
+.tox .tox-dialog__body {
+	color: #fff;
+	display: flex;
+	flex: 1;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 1.3;
+	min-width: 0;
+	text-align: left;
+	text-transform: none;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog__body {
+		flex-direction: column;
+	}
+}
+.tox .tox-dialog__body-nav {
+	align-items: flex-start;
+	display: flex;
+	flex-direction: column;
+	padding: 16px 16px;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+		flex-direction: row;
+		-webkit-overflow-scrolling: touch;
+		overflow-x: auto;
+		padding-bottom: 0;
+	}
+}
+.tox .tox-dialog__body-nav-item {
+	border-bottom: 2px solid transparent;
+	color: rgba(255, 255, 255, 0.5);
+	display: inline-block;
+	font-size: 14px;
+	line-height: 1.3;
+	margin-bottom: 8px;
+	text-decoration: none;
+	white-space: nowrap;
+}
+.tox .tox-dialog__body-nav-item:focus {
+	background-color: rgba(32, 122, 183, 0.1);
+}
+.tox .tox-dialog__body-nav-item--active {
+	border-bottom: 2px solid #207ab7;
+	color: #207ab7;
+}
+.tox .tox-dialog__body-content {
+	box-sizing: border-box;
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	max-height: 650px;
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
+	padding: 16px 16px;
+}
+.tox .tox-dialog__body-content > * {
+	margin-bottom: 0;
+	margin-top: 16px;
+}
+.tox .tox-dialog__body-content > :first-child {
+	margin-top: 0;
+}
+.tox .tox-dialog__body-content > :last-child {
+	margin-bottom: 0;
+}
+.tox .tox-dialog__body-content > :only-child {
+	margin-bottom: 0;
+	margin-top: 0;
+}
+.tox .tox-dialog__body-content a {
+	color: #207ab7;
+	cursor: pointer;
+	text-decoration: none;
+}
+.tox .tox-dialog__body-content a:focus,
+.tox .tox-dialog__body-content a:hover {
+	color: #185d8c;
+	text-decoration: none;
+}
+.tox .tox-dialog__body-content a:active {
+	color: #185d8c;
+	text-decoration: none;
+}
+.tox .tox-dialog__body-content svg {
+	fill: #fff;
+}
+.tox .tox-dialog__body-content ul {
+	display: block;
+	list-style-type: disc;
+	margin-bottom: 16px;
+	margin-inline-end: 0;
+	margin-inline-start: 0;
+	padding-inline-start: 2.5rem;
+}
+.tox .tox-dialog__body-content .tox-form__group h1 {
+	color: #fff;
+	font-size: 20px;
+	font-style: normal;
+	font-weight: 700;
+	letter-spacing: normal;
+	margin-bottom: 16px;
+	margin-top: 2rem;
+	text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group h2 {
+	color: #fff;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: 700;
+	letter-spacing: normal;
+	margin-bottom: 16px;
+	margin-top: 2rem;
+	text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group p {
+	margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+	margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+	margin-bottom: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+	margin-bottom: 0;
+	margin-top: 0;
+}
+.tox .tox-dialog--width-lg {
+	height: 650px;
+	max-width: 1200px;
+}
+.tox .tox-dialog--width-md {
+	max-width: 800px;
+}
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+	overflow: auto;
+}
+.tox .tox-dialog__body-content--centered {
+	text-align: center;
+}
+.tox .tox-dialog__footer {
+	align-items: center;
+	background-color: #2b3b4e;
+	border-top: 1px solid #000;
+	display: flex;
+	justify-content: space-between;
+	padding: 8px 16px;
+}
+.tox .tox-dialog__footer-end,
+.tox .tox-dialog__footer-start {
+	display: flex;
+}
+.tox .tox-dialog__busy-spinner {
+	align-items: center;
+	background-color: rgba(34, 47, 62, 0.75);
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 3;
+}
+.tox .tox-dialog__table {
+	border-collapse: collapse;
+	width: 100%;
+}
+.tox .tox-dialog__table thead th {
+	font-weight: 700;
+	padding-bottom: 8px;
+}
+.tox .tox-dialog__table tbody tr {
+	border-bottom: 1px solid #000;
+}
+.tox .tox-dialog__table tbody tr:last-child {
+	border-bottom: none;
+}
+.tox .tox-dialog__table td {
+	padding-bottom: 8px;
+	padding-top: 8px;
+}
+.tox .tox-dialog__popups {
+	position: absolute;
+	width: 100%;
+	z-index: 1100;
+}
+.tox .tox-dialog__body-iframe {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+.tox .tox-dialog__body-iframe .tox-navobj {
+	display: flex;
+	flex: 1;
+}
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+	flex: 1;
+	height: 100%;
+}
+.tox .tox-dialog-dock-fadeout {
+	opacity: 0;
+	visibility: hidden;
+}
+.tox .tox-dialog-dock-fadein {
+	opacity: 1;
+	visibility: visible;
+}
+.tox .tox-dialog-dock-transition {
+	transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+	transition-delay: 0s;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav {
+		margin-right: 0;
+	}
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav-item:not(:first-child) {
+		margin-left: 8px;
+	}
+}
+.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-end > *,
+.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-start > * {
+	margin-left: 8px;
+}
+.tox[dir='rtl'] .tox-dialog__body {
+	text-align: right;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav {
+		margin-left: 0;
+	}
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav-item:not(:first-child) {
+		margin-right: 8px;
+	}
+}
+.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-end > *,
+.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-start > * {
+	margin-right: 8px;
+}
+body.tox-dialog__disable-scroll {
+	overflow: hidden;
+}
+.tox .tox-dropzone-container {
+	display: flex;
+	flex: 1;
+}
+.tox .tox-dropzone {
+	align-items: center;
+	background: #fff;
+	border: 2px dashed #000;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	justify-content: center;
+	min-height: 100px;
+	padding: 10px;
+}
+.tox .tox-dropzone p {
+	color: rgba(255, 255, 255, 0.5);
+	margin: 0 0 16px 0;
+}
+.tox .tox-edit-area {
+	display: flex;
+	flex: 1;
+	overflow: hidden;
+	position: relative;
+}
+.tox .tox-edit-area__iframe {
+	background-color: #fff;
+	border: 0;
+	box-sizing: border-box;
+	flex: 1;
+	height: 100%;
+	position: absolute;
+	width: 100%;
+}
+.tox.tox-inline-edit-area {
+	border: 1px dotted #000;
+}
+.tox .tox-editor-container {
+	display: flex;
+	flex: 1 1 auto;
+	flex-direction: column;
+	overflow: hidden;
+}
+.tox .tox-editor-header {
+	z-index: 1;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+	background-color: #222f3e;
+	border-bottom: none;
+	box-shadow: none;
+	padding: 4px 0;
+	transition: box-shadow 0.5s;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+	border-top: 1px solid #000;
+	box-shadow: none;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
+	background-color: #222f3e;
+	box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+	padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+	box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+.tox-editor-dock-fadeout {
+	opacity: 0;
+	visibility: hidden;
+}
+.tox-editor-dock-fadein {
+	opacity: 1;
+	visibility: visible;
+}
+.tox-editor-dock-transition {
+	transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+	transition-delay: 0s;
+}
+.tox .tox-control-wrap {
+	flex: 1;
+	position: relative;
+}
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+	display: none;
+}
+.tox .tox-control-wrap svg {
+	display: block;
+}
+.tox .tox-control-wrap__status-icon-wrap {
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.tox .tox-control-wrap__status-icon-invalid svg {
+	fill: #c00;
+}
+.tox .tox-control-wrap__status-icon-unknown svg {
+	fill: orange;
+}
+.tox .tox-control-wrap__status-icon-valid svg {
+	fill: green;
+}
+.tox:not([dir='rtl']) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir='rtl']) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir='rtl']) .tox-control-wrap--status-valid .tox-textfield {
+	padding-right: 32px;
+}
+.tox:not([dir='rtl']) .tox-control-wrap__status-icon-wrap {
+	right: 4px;
+}
+.tox[dir='rtl'] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir='rtl'] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir='rtl'] .tox-control-wrap--status-valid .tox-textfield {
+	padding-left: 32px;
+}
+.tox[dir='rtl'] .tox-control-wrap__status-icon-wrap {
+	left: 4px;
+}
+.tox .tox-autocompleter {
+	max-width: 25em;
+}
+.tox .tox-autocompleter .tox-menu {
+	border-color: #000;
+	box-shadow: none;
+	max-width: 25em;
+}
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+	font-weight: 700;
+}
+.tox .tox-color-input {
+	display: flex;
+	position: relative;
+	z-index: 1;
+}
+.tox .tox-color-input .tox-textfield {
+	z-index: -1;
+}
+.tox .tox-color-input span {
+	border-color: rgba(42, 55, 70, 0.2);
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	height: 24px;
+	position: absolute;
+	top: 6px;
+	width: 24px;
+}
+.tox .tox-color-input span:focus:not([aria-disabled='true']),
+.tox .tox-color-input span:hover:not([aria-disabled='true']) {
+	border-color: #207ab7;
+	cursor: pointer;
+}
+.tox .tox-color-input span::before {
+	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%),
+		linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%),
+		linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%),
+		linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%);
+	background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+	background-size: 12px 12px;
+	border: 1px solid #2b3b4e;
+	border-radius: 3px;
+	box-sizing: border-box;
+	content: '';
+	height: 24px;
+	left: -1px;
+	position: absolute;
+	top: -1px;
+	width: 24px;
+	z-index: -1;
+}
+.tox .tox-color-input span[aria-disabled='true'] {
+	cursor: not-allowed;
+}
+.tox:not([dir='rtl']) .tox-color-input .tox-textfield {
+	padding-left: 36px;
+}
+.tox:not([dir='rtl']) .tox-color-input span {
+	left: 6px;
+}
+.tox[dir='rtl'] .tox-color-input .tox-textfield {
+	padding-right: 36px;
+}
+.tox[dir='rtl'] .tox-color-input span {
+	right: 6px;
+}
+.tox .tox-label,
+.tox .tox-toolbar-label {
+	color: rgba(255, 255, 255, 0.5);
+	display: block;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 1.3;
+	padding: 0 8px 0 0;
+	text-transform: none;
+	white-space: nowrap;
+}
+.tox .tox-toolbar-label {
+	padding: 0 8px;
+}
+.tox[dir='rtl'] .tox-label {
+	padding: 0 0 0 8px;
+}
+.tox .tox-form {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+.tox .tox-form__group {
+	box-sizing: border-box;
+	margin-bottom: 4px;
+}
+.tox .tox-form-group--maximize {
+	flex: 1;
+}
+.tox .tox-form__group--error {
+	color: #c00;
+}
+.tox .tox-form__group--collection {
+	display: flex;
+}
+.tox .tox-form__grid {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+.tox .tox-form__grid--2col > .tox-form__group {
+	width: calc(50% - (8px / 2));
+}
+.tox .tox-form__grid--3col > .tox-form__group {
+	width: calc(100% / 3 - (8px / 2));
+}
+.tox .tox-form__grid--4col > .tox-form__group {
+	width: calc(25% - (8px / 2));
+}
+.tox .tox-form__controls-h-stack {
+	align-items: center;
+	display: flex;
+}
+.tox .tox-form__group--inline {
+	align-items: center;
+	display: flex;
+}
+.tox .tox-form__group--stretched {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+.tox .tox-form__group--stretched .tox-textarea {
+	flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj {
+	display: flex;
+	flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+	flex: 1;
+	height: 100%;
+}
+.tox:not([dir='rtl']) .tox-form__controls-h-stack > :not(:first-child) {
+	margin-left: 4px;
+}
+.tox[dir='rtl'] .tox-form__controls-h-stack > :not(:first-child) {
+	margin-right: 4px;
+}
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+	display: none;
+}
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea,
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	background-color: #2b3b4e;
+	border-color: #000;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #fff;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 16px;
+	line-height: 24px;
+	margin: 0;
+	min-height: 34px;
+	outline: 0;
+	padding: 5px 4.75px;
+	resize: none;
+	width: 100%;
+}
+.tox .tox-textarea[disabled],
+.tox .tox-textfield[disabled] {
+	background-color: #222f3e;
+	color: rgba(255, 255, 255, 0.85);
+	cursor: not-allowed;
+}
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea:focus,
+.tox .tox-textfield:focus {
+	background-color: #2b3b4e;
+	border-color: #207ab7;
+	box-shadow: none;
+	outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+.tox .tox-toolbar-textfield {
+	border-width: 0;
+	margin-bottom: 3px;
+	margin-top: 2px;
+	max-width: 250px;
+}
+.tox .tox-naked-btn {
+	background-color: transparent;
+	border: 0;
+	border-color: transparent;
+	box-shadow: unset;
+	color: #207ab7;
+	cursor: pointer;
+	display: block;
+	margin: 0;
+	padding: 0;
+}
+.tox .tox-naked-btn svg {
+	display: block;
+	fill: #fff;
+}
+.tox:not([dir='rtl']) .tox-toolbar-textfield + * {
+	margin-left: 4px;
+}
+.tox[dir='rtl'] .tox-toolbar-textfield + * {
+	margin-right: 4px;
+}
+.tox .tox-listboxfield {
+	cursor: pointer;
+	position: relative;
+}
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+	background-color: #19232e;
+	color: rgba(255, 255, 255, 0.85);
+	cursor: not-allowed;
+}
+.tox .tox-listbox__select-label {
+	cursor: default;
+	flex: 1;
+	margin: 0 4px;
+}
+.tox .tox-listbox__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+}
+.tox .tox-listbox__select-chevron svg {
+	fill: #fff;
+}
+.tox .tox-listboxfield .tox-listbox--select {
+	align-items: center;
+	display: flex;
+}
+.tox:not([dir='rtl']) .tox-listboxfield svg {
+	right: 8px;
+}
+.tox[dir='rtl'] .tox-listboxfield svg {
+	left: 8px;
+}
+.tox .tox-selectfield {
+	cursor: pointer;
+	position: relative;
+}
+.tox .tox-selectfield select {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	background-color: #2b3b4e;
+	border-color: #000;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #fff;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 16px;
+	line-height: 24px;
+	margin: 0;
+	min-height: 34px;
+	outline: 0;
+	padding: 5px 4.75px;
+	resize: none;
+	width: 100%;
+}
+.tox .tox-selectfield select[disabled] {
+	background-color: #19232e;
+	color: rgba(255, 255, 255, 0.85);
+	cursor: not-allowed;
+}
+.tox .tox-selectfield select::-ms-expand {
+	display: none;
+}
+.tox .tox-selectfield select:focus {
+	background-color: #2b3b4e;
+	border-color: #207ab7;
+	box-shadow: none;
+	outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+.tox .tox-selectfield svg {
+	pointer-events: none;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.tox:not([dir='rtl']) .tox-selectfield select[size='0'],
+.tox:not([dir='rtl']) .tox-selectfield select[size='1'] {
+	padding-right: 24px;
+}
+.tox:not([dir='rtl']) .tox-selectfield svg {
+	right: 8px;
+}
+.tox[dir='rtl'] .tox-selectfield select[size='0'],
+.tox[dir='rtl'] .tox-selectfield select[size='1'] {
+	padding-left: 24px;
+}
+.tox[dir='rtl'] .tox-selectfield svg {
+	left: 8px;
+}
+.tox .tox-textarea {
+	-webkit-appearance: textarea;
+	-moz-appearance: textarea;
+	appearance: textarea;
+	white-space: pre-wrap;
+}
+.tox-fullscreen {
+	border: 0;
+	height: 100%;
+	margin: 0;
+	overflow: hidden;
+	overscroll-behavior: none;
+	padding: 0;
+	touch-action: pinch-zoom;
+	width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+	display: none;
+}
+.tox-shadowhost.tox-fullscreen,
+.tox.tox-tinymce.tox-fullscreen {
+	left: 0;
+	position: fixed;
+	top: 0;
+	z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+	background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+	z-index: 1201;
+}
+.tox .tox-help__more-link {
+	list-style: none;
+	margin-top: 1em;
+}
+.tox .tox-imagepreview {
+	background-color: #666;
+	height: 380px;
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+}
+.tox .tox-imagepreview.tox-imagepreview__loaded {
+	overflow: auto;
+}
+.tox .tox-imagepreview__container {
+	display: flex;
+	left: 100vw;
+	position: absolute;
+	top: 100vw;
+}
+.tox .tox-imagepreview__image {
+	background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+.tox .tox-image-tools .tox-spacer {
+	flex: 1;
+}
+.tox .tox-image-tools .tox-bar {
+	align-items: center;
+	display: flex;
+	height: 60px;
+	justify-content: center;
+}
+.tox .tox-image-tools .tox-imagepreview,
+.tox .tox-image-tools .tox-imagepreview + .tox-bar {
+	margin-top: 8px;
+}
+.tox .tox-image-tools .tox-croprect-block {
+	background: #000;
+	opacity: 0.5;
+	position: absolute;
+	zoom: 1;
+}
+.tox .tox-image-tools .tox-croprect-handle {
+	border: 2px solid #fff;
+	height: 20px;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 20px;
+}
+.tox .tox-image-tools .tox-croprect-handle-move {
+	border: 0;
+	cursor: move;
+	position: absolute;
+}
+.tox .tox-image-tools .tox-croprect-handle-nw {
+	border-width: 2px 0 0 2px;
+	cursor: nw-resize;
+	left: 100px;
+	margin: -2px 0 0 -2px;
+	top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-ne {
+	border-width: 2px 2px 0 0;
+	cursor: ne-resize;
+	left: 200px;
+	margin: -2px 0 0 -20px;
+	top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-sw {
+	border-width: 0 0 2px 2px;
+	cursor: sw-resize;
+	left: 100px;
+	margin: -20px 2px 0 -2px;
+	top: 200px;
+}
+.tox .tox-image-tools .tox-croprect-handle-se {
+	border-width: 0 2px 2px 0;
+	cursor: se-resize;
+	left: 200px;
+	margin: -20px 0 0 -20px;
+	top: 200px;
+}
+.tox .tox-insert-table-picker {
+	display: flex;
+	flex-wrap: wrap;
+	width: 170px;
+}
+.tox .tox-insert-table-picker > div {
+	border-color: #000;
+	border-style: solid;
+	border-width: 0 1px 1px 0;
+	box-sizing: border-box;
+	height: 17px;
+	width: 17px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+	margin: 0 -4px;
+}
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+	background-color: rgba(32, 122, 183, 0.5);
+	border-color: rgba(32, 122, 183, 0.5);
+}
+.tox .tox-insert-table-picker__label {
+	color: #fff;
+	display: block;
+	font-size: 14px;
+	padding: 4px;
+	text-align: center;
+	width: 100%;
+}
+.tox:not([dir='rtl']) .tox-insert-table-picker > div:nth-child(10n) {
+	border-right: 0;
+}
+.tox[dir='rtl'] .tox-insert-table-picker > div:nth-child(10n + 1) {
+	border-right: 0;
+}
+.tox .tox-menu {
+	background-color: #2b3b4e;
+	border: 1px solid #000;
+	border-radius: 3px;
+	box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
+	display: inline-block;
+	overflow: hidden;
+	vertical-align: top;
+	z-index: 1150;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+	padding: 0 0;
+}
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+	padding: 4px;
+}
+.tox .tox-menu.tox-collection.tox-collection--grid {
+	padding: 4px;
+}
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code,
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p {
+	margin: 0;
+}
+.tox .tox-menubar {
+	background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E")
+		left 0 top 0 #222f3e;
+	background-color: #222f3e;
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	padding: 0 4px 0 4px;
+}
+.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
+	border-top: 1px solid #000;
+}
+.tox .tox-mbtn {
+	align-items: center;
+	background: 0 0;
+	border: 0;
+	border-radius: 3px;
+	box-shadow: none;
+	color: #fff;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	height: 34px;
+	justify-content: center;
+	margin: 2px 0 3px 0;
+	outline: 0;
+	overflow: hidden;
+	padding: 0 4px;
+	text-transform: none;
+	width: auto;
+}
+.tox .tox-mbtn[disabled] {
+	background-color: transparent;
+	border: 0;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-mbtn:focus:not(:disabled) {
+	background: #4a5562;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-mbtn--active {
+	background: #757d87;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+	background: #4a5562;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-mbtn__select-label {
+	cursor: default;
+	font-weight: 400;
+	margin: 0 4px;
+}
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+	cursor: not-allowed;
+}
+.tox .tox-mbtn__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+	display: none;
+}
+.tox .tox-notification {
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	display: grid;
+	font-size: 14px;
+	font-weight: 400;
+	grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+	margin-top: 4px;
+	opacity: 0;
+	padding: 4px;
+	transition: transform 0.1s ease-in, opacity 150ms ease-in;
+}
+.tox .tox-notification p {
+	font-size: 14px;
+	font-weight: 400;
+}
+.tox .tox-notification a {
+	cursor: pointer;
+	text-decoration: underline;
+}
+.tox .tox-notification--in {
+	opacity: 1;
+}
+.tox .tox-notification--success {
+	background-color: #334840;
+	border-color: #3c5440;
+	color: #fff;
+}
+.tox .tox-notification--success p {
+	color: #fff;
+}
+.tox .tox-notification--success a {
+	color: #b5d199;
+}
+.tox .tox-notification--success svg {
+	fill: #fff;
+}
+.tox .tox-notification--error {
+	background-color: #442632;
+	border-color: #55212b;
+	color: #fff;
+}
+.tox .tox-notification--error p {
+	color: #fff;
+}
+.tox .tox-notification--error a {
+	color: #e68080;
+}
+.tox .tox-notification--error svg {
+	fill: #fff;
+}
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+	background-color: #222f3e;
+	border-color: #000;
+	color: #fff0b3;
+}
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+	color: #fff0b3;
+}
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+	color: #fc0;
+}
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+	fill: #fff0b3;
+}
+.tox .tox-notification--info {
+	background-color: #254161;
+	border-color: #264972;
+	color: #fff;
+}
+.tox .tox-notification--info p {
+	color: #fff;
+}
+.tox .tox-notification--info a {
+	color: #83b7f3;
+}
+.tox .tox-notification--info svg {
+	fill: #fff;
+}
+.tox .tox-notification__body {
+	align-self: center;
+	color: #fff;
+	font-size: 14px;
+	grid-column-end: 3;
+	grid-column-start: 2;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	text-align: center;
+	white-space: normal;
+	word-break: break-all;
+	word-break: break-word;
+}
+.tox .tox-notification__body > * {
+	margin: 0;
+}
+.tox .tox-notification__body > * + * {
+	margin-top: 1rem;
+}
+.tox .tox-notification__icon {
+	align-self: center;
+	grid-column-end: 2;
+	grid-column-start: 1;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	justify-self: end;
+}
+.tox .tox-notification__icon svg {
+	display: block;
+}
+.tox .tox-notification__dismiss {
+	align-self: start;
+	grid-column-end: 4;
+	grid-column-start: 3;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	justify-self: end;
+}
+.tox .tox-notification .tox-progress-bar {
+	grid-column-end: 4;
+	grid-column-start: 1;
+	grid-row-end: 3;
+	grid-row-start: 2;
+	justify-self: center;
+}
+.tox .tox-pop {
+	display: inline-block;
+	position: relative;
+}
+.tox .tox-pop--resizing {
+	transition: width 0.1s ease;
+}
+.tox .tox-pop--resizing .tox-toolbar,
+.tox .tox-pop--resizing .tox-toolbar__group {
+	flex-wrap: nowrap;
+}
+.tox .tox-pop--transition {
+	transition: 0.15s ease;
+	transition-property: left, right, top, bottom;
+}
+.tox .tox-pop--transition::after,
+.tox .tox-pop--transition::before {
+	transition: all 0.15s, visibility 0s, opacity 75ms ease 75ms;
+}
+.tox .tox-pop__dialog {
+	background-color: #222f3e;
+	border: 1px solid #000;
+	border-radius: 3px;
+	box-shadow: 0 0 2px 0 rgba(42, 55, 70, 0.2), 0 4px 8px 0 rgba(42, 55, 70, 0.15);
+	min-width: 0;
+	overflow: hidden;
+}
+.tox .tox-pop__dialog > :not(.tox-toolbar) {
+	margin: 4px 4px 4px 8px;
+}
+.tox .tox-pop__dialog .tox-toolbar {
+	background-color: transparent;
+	margin-bottom: -1px;
+}
+.tox .tox-pop::after,
+.tox .tox-pop::before {
+	border-style: solid;
+	content: '';
+	display: block;
+	height: 0;
+	opacity: 1;
+	position: absolute;
+	width: 0;
+}
+.tox .tox-pop.tox-pop--inset::after,
+.tox .tox-pop.tox-pop--inset::before {
+	opacity: 0;
+	transition: all 0s 0.15s, visibility 0s, opacity 75ms ease;
+}
+.tox .tox-pop.tox-pop--bottom::after,
+.tox .tox-pop.tox-pop--bottom::before {
+	left: 50%;
+	top: 100%;
+}
+.tox .tox-pop.tox-pop--bottom::after {
+	border-color: #222f3e transparent transparent transparent;
+	border-width: 8px;
+	margin-left: -8px;
+	margin-top: -1px;
+}
+.tox .tox-pop.tox-pop--bottom::before {
+	border-color: #000 transparent transparent transparent;
+	border-width: 9px;
+	margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--top::after,
+.tox .tox-pop.tox-pop--top::before {
+	left: 50%;
+	top: 0;
+	transform: translateY(-100%);
+}
+.tox .tox-pop.tox-pop--top::after {
+	border-color: transparent transparent #222f3e transparent;
+	border-width: 8px;
+	margin-left: -8px;
+	margin-top: 1px;
+}
+.tox .tox-pop.tox-pop--top::before {
+	border-color: transparent transparent #000 transparent;
+	border-width: 9px;
+	margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--left::after,
+.tox .tox-pop.tox-pop--left::before {
+	left: 0;
+	top: calc(50% - 1px);
+	transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--left::after {
+	border-color: transparent #222f3e transparent transparent;
+	border-width: 8px;
+	margin-left: -15px;
+}
+.tox .tox-pop.tox-pop--left::before {
+	border-color: transparent #000 transparent transparent;
+	border-width: 10px;
+	margin-left: -19px;
+}
+.tox .tox-pop.tox-pop--right::after,
+.tox .tox-pop.tox-pop--right::before {
+	left: 100%;
+	top: calc(50% + 1px);
+	transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--right::after {
+	border-color: transparent transparent transparent #222f3e;
+	border-width: 8px;
+	margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--right::before {
+	border-color: transparent transparent transparent #000;
+	border-width: 10px;
+	margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--align-left::after,
+.tox .tox-pop.tox-pop--align-left::before {
+	left: 20px;
+}
+.tox .tox-pop.tox-pop--align-right::after,
+.tox .tox-pop.tox-pop--align-right::before {
+	left: calc(100% - 20px);
+}
+.tox .tox-sidebar-wrap {
+	display: flex;
+	flex-direction: row;
+	flex-grow: 1;
+	min-height: 0;
+}
+.tox .tox-sidebar {
+	background-color: #222f3e;
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-end;
+}
+.tox .tox-sidebar__slider {
+	display: flex;
+	overflow: hidden;
+}
+.tox .tox-sidebar__pane-container {
+	display: flex;
+}
+.tox .tox-sidebar__pane {
+	display: flex;
+}
+.tox .tox-sidebar--sliding-closed {
+	opacity: 0;
+}
+.tox .tox-sidebar--sliding-open {
+	opacity: 1;
+}
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+	transition: width 0.5s ease, opacity 0.5s ease;
+}
+.tox .tox-selector {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	display: inline-block;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+}
+.tox.tox-platform-touch .tox-selector {
+	height: 12px;
+	width: 12px;
+}
+.tox .tox-slider {
+	align-items: center;
+	display: flex;
+	flex: 1;
+	height: 24px;
+	justify-content: center;
+	position: relative;
+}
+.tox .tox-slider__rail {
+	background-color: transparent;
+	border: 1px solid #000;
+	border-radius: 3px;
+	height: 10px;
+	min-width: 120px;
+	width: 100%;
+}
+.tox .tox-slider__handle {
+	background-color: #207ab7;
+	border: 2px solid #185d8c;
+	border-radius: 3px;
+	box-shadow: none;
+	height: 24px;
+	left: 50%;
+	position: absolute;
+	top: 50%;
+	transform: translateX(-50%) translateY(-50%);
+	width: 14px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
+	margin-inline-start: 8px;
+}
+.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
+	margin-inline-start: 32px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
+	margin-inline-start: 32px;
+}
+.tox .tox-source-code {
+	overflow: auto;
+}
+.tox .tox-spinner {
+	display: flex;
+}
+.tox .tox-spinner > div {
+	animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+	background-color: rgba(255, 255, 255, 0.5);
+	border-radius: 100%;
+	height: 8px;
+	width: 8px;
+}
+.tox .tox-spinner > div:nth-child(1) {
+	animation-delay: -0.32s;
+}
+.tox .tox-spinner > div:nth-child(2) {
+	animation-delay: -0.16s;
+}
+@keyframes tam-bouncing-dots {
+	0%,
+	100%,
+	80% {
+		transform: scale(0);
+	}
+	40% {
+		transform: scale(1);
+	}
+}
+.tox:not([dir='rtl']) .tox-spinner > div:not(:first-child) {
+	margin-left: 4px;
+}
+.tox[dir='rtl'] .tox-spinner > div:not(:first-child) {
+	margin-right: 4px;
+}
+.tox .tox-statusbar {
+	align-items: center;
+	background-color: #222f3e;
+	border-top: 1px solid #000;
+	color: #fff;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 12px;
+	font-weight: 400;
+	height: 18px;
+	overflow: hidden;
+	padding: 0 8px;
+	position: relative;
+	text-transform: uppercase;
+}
+.tox .tox-statusbar__text-container {
+	display: flex;
+	flex: 1 1 auto;
+	justify-content: flex-end;
+	overflow: hidden;
+}
+.tox .tox-statusbar__path {
+	display: flex;
+	flex: 1 1 auto;
+	margin-right: auto;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.tox .tox-statusbar__path > * {
+	display: inline;
+	white-space: nowrap;
+}
+.tox .tox-statusbar__wordcount {
+	flex: 0 0 auto;
+	margin-left: 1ch;
+}
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+	color: #fff;
+	text-decoration: none;
+}
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled='true']) {
+	color: #fff;
+	cursor: pointer;
+}
+.tox .tox-statusbar__branding svg {
+	fill: rgba(255, 255, 255, 0.8);
+	height: 1.14em;
+	vertical-align: -0.28em;
+	width: 3.6em;
+}
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled='true']) svg,
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled='true']) svg {
+	fill: #fff;
+}
+.tox .tox-statusbar__resize-handle {
+	align-items: flex-end;
+	align-self: stretch;
+	cursor: nwse-resize;
+	display: flex;
+	flex: 0 0 auto;
+	justify-content: flex-end;
+	margin-left: auto;
+	margin-right: -8px;
+	padding-bottom: 3px;
+	padding-left: 1ch;
+	padding-right: 3px;
+}
+.tox .tox-statusbar__resize-handle svg {
+	display: block;
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-statusbar__resize-handle:focus svg {
+	background-color: #4a5562;
+	border-radius: 1px 1px -4px 1px;
+	box-shadow: 0 0 0 2px #4a5562;
+}
+.tox:not([dir='rtl']) .tox-statusbar__path > * {
+	margin-right: 4px;
+}
+.tox:not([dir='rtl']) .tox-statusbar__branding {
+	margin-left: 2ch;
+}
+.tox[dir='rtl'] .tox-statusbar {
+	flex-direction: row-reverse;
+}
+.tox[dir='rtl'] .tox-statusbar__path > * {
+	margin-left: 4px;
+}
+.tox .tox-throbber {
+	z-index: 1299;
+}
+.tox .tox-throbber__busy-spinner {
+	align-items: center;
+	background-color: rgba(34, 47, 62, 0.6);
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+.tox .tox-tbtn {
+	align-items: center;
+	background: 0 0;
+	border: 0;
+	border-radius: 3px;
+	box-shadow: none;
+	color: #fff;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	height: 34px;
+	justify-content: center;
+	margin: 3px 0 2px 0;
+	outline: 0;
+	overflow: hidden;
+	padding: 0;
+	text-transform: none;
+	width: 34px;
+}
+.tox .tox-tbtn svg {
+	display: block;
+	fill: #fff;
+}
+.tox .tox-tbtn.tox-tbtn-more {
+	padding-left: 5px;
+	padding-right: 5px;
+	width: inherit;
+}
+.tox .tox-tbtn:focus {
+	background: #4a5562;
+	border: 0;
+	box-shadow: none;
+}
+.tox .tox-tbtn:hover {
+	background: #4a5562;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-tbtn:hover svg {
+	fill: #fff;
+}
+.tox .tox-tbtn:active {
+	background: #757d87;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-tbtn:active svg {
+	fill: #fff;
+}
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+	background: 0 0;
+	border: 0;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover {
+	background: #757d87;
+	border: 0;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-tbtn--enabled:hover > *,
+.tox .tox-tbtn--enabled > * {
+	transform: none;
+}
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg {
+	fill: #fff;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+	color: #fff;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+	fill: #fff;
+}
+.tox .tox-tbtn:active > * {
+	transform: none;
+}
+.tox .tox-tbtn--md {
+	height: 51px;
+	width: 51px;
+}
+.tox .tox-tbtn--lg {
+	flex-direction: column;
+	height: 68px;
+	width: 68px;
+}
+.tox .tox-tbtn--return {
+	align-self: stretch;
+	height: unset;
+	width: 16px;
+}
+.tox .tox-tbtn--labeled {
+	padding: 0 4px;
+	width: unset;
+}
+.tox .tox-tbtn__vlabel {
+	display: block;
+	font-size: 10px;
+	font-weight: 400;
+	letter-spacing: -0.025em;
+	margin-bottom: 4px;
+	white-space: nowrap;
+}
+.tox .tox-tbtn--select {
+	margin: 3px 0 2px 0;
+	padding: 0 4px;
+	width: auto;
+}
+.tox .tox-tbtn__select-label {
+	cursor: default;
+	font-weight: 400;
+	margin: 0 4px;
+}
+.tox .tox-tbtn__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+}
+.tox .tox-tbtn__select-chevron svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--bespoke {
+	background: 0 0;
+}
+.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
+	margin-inline-start: 0;
+}
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: 7em;
+}
+.tox .tox-split-button {
+	border: 0;
+	border-radius: 3px;
+	box-sizing: border-box;
+	display: flex;
+	margin: 3px 0 2px 0;
+	overflow: hidden;
+}
+.tox .tox-split-button:hover {
+	box-shadow: 0 0 0 1px #4a5562 inset;
+}
+.tox .tox-split-button:focus {
+	background: #4a5562;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-split-button > * {
+	border-radius: 0;
+}
+.tox .tox-split-button__chevron {
+	width: 16px;
+}
+.tox .tox-split-button__chevron svg {
+	fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-split-button .tox-tbtn {
+	margin: 0;
+}
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled:hover {
+	background: 0 0;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
+	padding: 0 0;
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
+	width: 30px;
+}
+.tox.tox-platform-touch .tox-split-button__chevron {
+	width: 20px;
+}
+.tox .tox-toolbar-overlord {
+	background-color: #222f3e;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__overflow,
+.tox .tox-toolbar__primary {
+	background-color: #222f3e;
+	background-image: repeating-linear-gradient(#000 0 1px, transparent 1px 39px);
+	background-position: center top 39px;
+	background-repeat: no-repeat;
+	background-size: calc(100% - 4px * 2) calc(100% - 39px);
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	padding: 0 0;
+	transform: perspective(1px);
+}
+.tox .tox-toolbar-overlord > .tox-toolbar,
+.tox .tox-toolbar-overlord > .tox-toolbar__overflow,
+.tox .tox-toolbar-overlord > .tox-toolbar__primary {
+	background-position: center top 0;
+	background-size: calc(100% - 4px * 2) calc(100% - 0px);
+}
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+	height: 0;
+	opacity: 0;
+	padding-bottom: 0;
+	padding-top: 0;
+	visibility: hidden;
+}
+.tox .tox-toolbar__overflow--growing {
+	transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+.tox .tox-toolbar__overflow--shrinking {
+	transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord {
+	border-top: 1px solid #000;
+	margin-top: 0;
+	padding-bottom: 0;
+	padding-top: 0;
+}
+.tox .tox-toolbar--scrolling {
+	flex-wrap: nowrap;
+	overflow-x: auto;
+}
+.tox .tox-pop .tox-toolbar {
+	border-width: 0;
+}
+.tox .tox-toolbar--no-divider {
+	background-image: none;
+}
+.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
+.tox .tox-toolbar-overlord .tox-toolbar__primary {
+	background-position: center top 39px;
+}
+.tox .tox-editor-header > .tox-toolbar--scrolling,
+.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
+	background-image: none;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+	background-color: #222f3e;
+	background-position: center top 43px;
+	background-size: calc(100% - 8px * 2) calc(100% - 51px);
+	border: none;
+	border-radius: 3px;
+	box-shadow: 0 0 2px 0 rgba(42, 55, 70, 0.2), 0 4px 8px 0 rgba(42, 55, 70, 0.15);
+	padding: 4px 0;
+}
+.tox-pop .tox-pop__dialog .tox-toolbar {
+	background-position: center top 43px;
+	background-size: calc(100% - 4px * 2) calc(100% - 51px);
+	padding: 4px 0;
+}
+.tox .tox-toolbar__group {
+	align-items: center;
+	display: flex;
+	flex-wrap: wrap;
+	margin: 0 0;
+	padding: 0 4px 0 4px;
+}
+.tox .tox-toolbar__group--pull-right {
+	margin-left: auto;
+}
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+	flex-shrink: 0;
+	flex-wrap: nowrap;
+}
+.tox:not([dir='rtl']) .tox-toolbar__group:not(:last-of-type) {
+	border-right: 1px solid #000;
+}
+.tox[dir='rtl'] .tox-toolbar__group:not(:last-of-type) {
+	border-left: 1px solid #000;
+}
+.tox .tox-tooltip {
+	display: inline-block;
+	padding: 8px;
+	position: relative;
+}
+.tox .tox-tooltip__body {
+	background-color: #3d546f;
+	border-radius: 3px;
+	box-shadow: 0 2px 4px rgba(42, 55, 70, 0.3);
+	color: rgba(255, 255, 255, 0.75);
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	padding: 4px 8px;
+	text-transform: none;
+}
+.tox .tox-tooltip__arrow {
+	position: absolute;
+}
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+	border-left: 8px solid transparent;
+	border-right: 8px solid transparent;
+	border-top: 8px solid #3d546f;
+	bottom: 0;
+	left: 50%;
+	position: absolute;
+	transform: translateX(-50%);
+}
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+	border-bottom: 8px solid #3d546f;
+	border-left: 8px solid transparent;
+	border-right: 8px solid transparent;
+	left: 50%;
+	position: absolute;
+	top: 0;
+	transform: translateX(-50%);
+}
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+	border-bottom: 8px solid transparent;
+	border-left: 8px solid #3d546f;
+	border-top: 8px solid transparent;
+	position: absolute;
+	right: 0;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+	border-bottom: 8px solid transparent;
+	border-right: 8px solid #3d546f;
+	border-top: 8px solid transparent;
+	left: 0;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.tox .tox-well {
+	border: 1px solid #000;
+	border-radius: 3px;
+	padding: 8px;
+	width: 100%;
+}
+.tox .tox-well > :first-child {
+	margin-top: 0;
+}
+.tox .tox-well > :last-child {
+	margin-bottom: 0;
+}
+.tox .tox-well > :only-child {
+	margin: 0;
+}
+.tox .tox-custom-editor {
+	border: 1px solid #000;
+	border-radius: 3px;
+	display: flex;
+	flex: 1;
+	position: relative;
+}
+.tox .tox-dialog-loading::before {
+	background-color: rgba(0, 0, 0, 0.5);
+	content: '';
+	height: 100%;
+	position: absolute;
+	width: 100%;
+	z-index: 1000;
+}
+.tox .tox-tab {
+	cursor: pointer;
+}
+.tox .tox-dialog__content-js {
+	display: flex;
+	flex: 1;
+}
+.tox .tox-dialog__body-content .tox-collection {
+	display: flex;
+	flex: 1;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+	background-color: none;
+	padding: 0;
+}
+.tox.tox-tinymce--toolbar-bottom .tox-editor-header,
+.tox.tox-tinymce-inline .tox-editor-header {
+	margin-bottom: -1px;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+	border-top: none;
+	box-shadow: none;
+}
+.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
+	background-color: transparent;
+	box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+	padding: 0;
+}
+.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+	box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+	margin: -4px 0;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+	padding: 0;
+}
+.tox .tox-pop {
+	box-shadow: none;
+}
+.tox .tox-split-button,
+.tox .tox-tbtn,
+.tox .tox-tbtn--select {
+	margin: 2px 0 3px 0;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__overflow,
+.tox .tox-toolbar__primary {
+	background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E")
+		left 0 top 0 #222f3e !important;
+}
+.tox .tox-menubar + .tox-toolbar-overlord {
+	border-top: none;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
+	border-top: 1px solid #000;
+	margin-top: -1px;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+	border: 1px solid #000;
+	padding: 0;
+}
+.tox:not(.tox-tinymce-inline)
+	.tox-editor-header:not(:first-child)
+	.tox-toolbar-overlord:first-child
+	.tox-toolbar__primary,
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child {
+	border-top: 1px solid #000;
+}
+.tox .tox-toolbar__group {
+	padding: 0 4px 0 4px;
+}
+.tox .tox-collection__item {
+	border-radius: 0;
+	cursor: pointer;
+}
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled='true']) {
+	color: #fff;
+	text-decoration: underline;
+}
+.tox .tox-statusbar__branding svg {
+	vertical-align: -0.25em;
+}
+.tox:not([dir='rtl']) .tox-statusbar__branding {
+	margin-left: 1ch;
+}
+.tox .tox-statusbar__resize-handle {
+	padding-bottom: 0;
+	padding-right: 0;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.css b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.css
new file mode 100644
index 00000000..8bf192d2
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.css
@@ -0,0 +1,35 @@
+body.tox-dialog__disable-scroll {
+    overflow: hidden;
+}
+
+.tox-fullscreen {
+    border: 0;
+    height: 100%;
+    margin: 0;
+    overflow: hidden;
+    overscroll-behavior: none;
+    padding: 0;
+    touch-action: pinch-zoom;
+    width: 100%;
+}
+
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+    display: none;
+}
+
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+    left: 0;
+    position: fixed;
+    top: 0;
+    z-index: 1200;
+}
+
+.tox.tox-tinymce.tox-fullscreen {
+    background-color: transparent;
+}
+
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+    z-index: 1201;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.min.css b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.min.css
new file mode 100644
index 00000000..c1141c55
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.min.css
@@ -0,0 +1,30 @@
+body.tox-dialog__disable-scroll {
+	overflow: hidden;
+}
+.tox-fullscreen {
+	border: 0;
+	height: 100%;
+	margin: 0;
+	overflow: hidden;
+	overscroll-behavior: none;
+	padding: 0;
+	touch-action: pinch-zoom;
+	width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+	display: none;
+}
+.tox-shadowhost.tox-fullscreen,
+.tox.tox-tinymce.tox-fullscreen {
+	left: 0;
+	position: fixed;
+	top: 0;
+	z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+	background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+	z-index: 1201;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/content.css b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/content.css
new file mode 100644
index 00000000..b81f358d
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/content.css
@@ -0,0 +1,869 @@
+.mce-content-body .mce-item-anchor {
+	background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+
+.mce-content-body .mce-item-anchor:empty {
+	cursor: default;
+	display: inline-block;
+	height: 12px !important;
+	padding: 0 2px;
+	-webkit-user-modify: read-only;
+	-moz-user-modify: read-only;
+	-webkit-user-select: all;
+	-moz-user-select: all;
+	user-select: all;
+	width: 8px !important;
+}
+
+.mce-content-body .mce-item-anchor:not(:empty) {
+	background-position-x: 2px;
+	display: inline-block;
+	padding-left: 12px;
+}
+
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+	outline-offset: 1px;
+}
+
+.tox-comments-visible .tox-comment {
+	background-color: #fff0b7;
+}
+
+.tox-comments-visible .tox-comment[data-mce-annotation-active='true']:not([data-mce-selected='inline-boundary']) {
+	background-color: #ffe168;
+}
+
+.tox-checklist > li:not(.tox-checklist--hidden) {
+	list-style: none;
+	margin: 0.25em 0;
+}
+
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+	cursor: pointer;
+	height: 1em;
+	margin-left: -1.5em;
+	margin-top: 0.125em;
+	position: absolute;
+	width: 1em;
+}
+
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+}
+
+[dir='rtl'] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+	margin-left: 0;
+	margin-right: -1.5em;
+}
+
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*='language-'],
+pre[class*='language-'] {
+	color: black;
+	background: none;
+	text-shadow: 0 1px white;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+	-moz-tab-size: 4;
+	tab-size: 4;
+	-webkit-hyphens: none;
+	hyphens: none;
+}
+
+pre[class*='language-']::-moz-selection,
+pre[class*='language-'] ::-moz-selection,
+code[class*='language-']::-moz-selection,
+code[class*='language-'] ::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+pre[class*='language-']::selection,
+pre[class*='language-'] ::selection,
+code[class*='language-']::selection,
+code[class*='language-'] ::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+@media print {
+	code[class*='language-'],
+	pre[class*='language-'] {
+		text-shadow: none;
+	}
+}
+
+/* Code blocks */
+pre[class*='language-'] {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+}
+
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+	background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre) > code[class*='language-'] {
+	padding: 0.1em;
+	border-radius: 0.3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: slategray;
+}
+
+.token.punctuation {
+	color: #999;
+}
+
+.token.namespace {
+	opacity: 0.7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+	color: #9a6e3a;
+	/* This background color was intended by the author of this theme. */
+	background: hsla(0, 0%, 100%, 0.5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+
+.token.function,
+.token.class-name {
+	color: #dd4a68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+	color: #e90;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+/* stylelint-enable */
+.mce-content-body {
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+}
+
+.mce-content-body .mce-visual-caret {
+	background-color: black;
+	background-color: currentColor;
+	position: absolute;
+}
+
+.mce-content-body .mce-visual-caret-hidden {
+	display: none;
+}
+
+.mce-content-body *[data-mce-caret] {
+	left: -1000px;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	right: auto;
+	top: 0;
+}
+
+.mce-content-body .mce-offscreen-selection {
+	left: -2000000px;
+	max-width: 1000000px;
+	position: absolute;
+}
+
+.mce-content-body *[contentEditable='false'] {
+	cursor: default;
+}
+
+.mce-content-body *[contentEditable='true'] {
+	cursor: text;
+}
+
+.tox-cursor-format-painter {
+	cursor: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A'),
+	default;
+}
+
+.mce-content-body figure.align-left {
+	float: left;
+}
+
+.mce-content-body figure.align-right {
+	float: right;
+}
+
+.mce-content-body figure.image.align-center {
+	display: table;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.mce-preview-object {
+	border: 1px solid gray;
+	display: inline-block;
+	line-height: 0;
+	margin: 0 2px 0 2px;
+	position: relative;
+}
+
+.mce-preview-object .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.mce-preview-object[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+
+.mce-object {
+	background: transparent url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A') no-repeat center;
+	border: 1px dashed #aaa;
+}
+
+.mce-pagebreak {
+	border: 1px dashed #aaa;
+	cursor: default;
+	display: block;
+	height: 5px;
+	margin-top: 15px;
+	page-break-before: always;
+	width: 100%;
+}
+
+@media print {
+	.mce-pagebreak {
+		border: 0;
+	}
+}
+
+.tiny-pageembed .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.tiny-pageembed[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+
+.tiny-pageembed {
+	display: inline-block;
+	position: relative;
+}
+
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+	display: block;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	width: 100%;
+}
+
+.tiny-pageembed--21by9 {
+	padding-top: 42.857143%;
+}
+
+.tiny-pageembed--16by9 {
+	padding-top: 56.25%;
+}
+
+.tiny-pageembed--4by3 {
+	padding-top: 75%;
+}
+
+.tiny-pageembed--1by1 {
+	padding-top: 100%;
+}
+
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+	border: 0;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.mce-content-body[data-mce-placeholder] {
+	position: relative;
+}
+
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	color: rgba(34, 47, 62, 0.7);
+	content: attr(data-mce-placeholder);
+	position: absolute;
+}
+
+.mce-content-body:not([dir='rtl'])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	left: 1px;
+}
+
+.mce-content-body[dir='rtl'][data-mce-placeholder]:not(.mce-visualblocks)::before {
+	right: 1px;
+}
+
+.mce-content-body div.mce-resizehandle {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+	z-index: 1298;
+}
+
+.mce-content-body div.mce-resizehandle:hover {
+	background-color: #4099ff;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+	cursor: nwse-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+	cursor: nesw-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+	cursor: nwse-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+	cursor: nesw-resize;
+}
+
+.mce-content-body .mce-resize-backdrop {
+	z-index: 10000;
+}
+
+.mce-content-body .mce-clonedresizable {
+	cursor: default;
+	opacity: 0.5;
+	outline: 1px dashed black;
+	position: absolute;
+	z-index: 10001;
+}
+
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+	border: 0;
+}
+
+.mce-content-body .mce-resize-helper {
+	background: #555;
+	background: rgba(0, 0, 0, 0.75);
+	border: 1px;
+	border-radius: 3px;
+	color: white;
+	display: none;
+	font-family: sans-serif;
+	font-size: 12px;
+	line-height: 14px;
+	margin: 5px 10px;
+	padding: 5px;
+	position: absolute;
+	white-space: nowrap;
+	z-index: 10002;
+}
+
+.tox-rtc-user-selection {
+	position: relative;
+}
+
+.tox-rtc-user-cursor {
+	bottom: 0;
+	cursor: default;
+	position: absolute;
+	top: 0;
+	width: 2px;
+}
+
+.tox-rtc-user-cursor::before {
+	background-color: inherit;
+	border-radius: 50%;
+	content: '';
+	display: block;
+	height: 8px;
+	position: absolute;
+	right: -3px;
+	top: -3px;
+	width: 8px;
+}
+
+.tox-rtc-user-cursor:hover::after {
+	background-color: inherit;
+	border-radius: 100px;
+	box-sizing: border-box;
+	color: #fff;
+	content: attr(data-user);
+	display: block;
+	font-size: 12px;
+	font-weight: bold;
+	left: -5px;
+	min-height: 8px;
+	min-width: 8px;
+	padding: 0 12px;
+	position: absolute;
+	top: -11px;
+	white-space: nowrap;
+	z-index: 1000;
+}
+
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+	background-color: #2dc26b;
+}
+
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+	background-color: #e03e2d;
+}
+
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+	background-color: #f1c40f;
+}
+
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+	background-color: #3598db;
+}
+
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+	background-color: #b96ad9;
+}
+
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+	background-color: #e67e23;
+}
+
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+	background-color: #aaa69d;
+}
+
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+	background-color: #f368e0;
+}
+
+.tox-rtc-remote-image {
+	background: #eaeaea url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A') no-repeat center center;
+	border: 1px solid #ccc;
+	min-height: 240px;
+	min-width: 320px;
+}
+
+.mce-match-marker {
+	background: #aaa;
+	color: #fff;
+}
+
+.mce-match-marker-selected {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-match-marker-selected::-moz-selection {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-match-marker-selected::selection {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body hr[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+	outline-offset: 1px;
+}
+
+.mce-content-body *[contentEditable='false'] *[contentEditable='true']:focus {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body *[contentEditable='false'] *[contentEditable='true']:hover {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body *[contentEditable='false'][data-mce-selected] {
+	cursor: not-allowed;
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body.mce-content-readonly *[contentEditable='true']:focus,
+.mce-content-body.mce-content-readonly *[contentEditable='true']:hover {
+	outline: none;
+}
+
+.mce-content-body *[data-mce-selected='inline-boundary'] {
+	background-color: #b4d7ff;
+}
+
+.mce-content-body .mce-edit-focus {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+	position: relative;
+}
+
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+	background: none;
+}
+
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+	background: none;
+}
+
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+	outline: none;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+	background-color: rgba(180, 215, 255, 0.7);
+	border: 1px solid rgba(180, 215, 255, 0.7);
+	bottom: -1px;
+	content: '';
+	left: -1px;
+	mix-blend-mode: multiply;
+	position: absolute;
+	right: -1px;
+	top: -1px;
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+	.mce-content-body td[data-mce-selected]::after,
+	.mce-content-body th[data-mce-selected]::after {
+		border-color: rgba(0, 84, 180, 0.7);
+	}
+}
+
+.mce-content-body img::-moz-selection {
+	background: none;
+}
+
+.mce-content-body img::selection {
+	background: none;
+}
+
+.ephox-snooker-resizer-bar {
+	background-color: #b4d7ff;
+	opacity: 0;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.ephox-snooker-resizer-cols {
+	cursor: col-resize;
+}
+
+.ephox-snooker-resizer-rows {
+	cursor: row-resize;
+}
+
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+	opacity: 1;
+}
+
+.mce-spellchecker-word {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+	height: 2rem;
+}
+
+.mce-spellchecker-grammar {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+}
+
+.mce-toc {
+	border: 1px solid gray;
+}
+
+.mce-toc h2 {
+	margin: 4px;
+}
+
+.mce-toc li {
+	list-style-type: none;
+}
+
+table[style*='border-width: 0px'],
+.mce-item-table:not([border]),
+.mce-item-table[border='0'],
+table[style*='border-width: 0px'] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border='0'] td,
+table[style*='border-width: 0px'] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border='0'] th,
+table[style*='border-width: 0px'] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border='0'] caption {
+	border: 1px dashed #bbb;
+}
+
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+	background-repeat: no-repeat;
+	border: 1px dashed #bbb;
+	margin-left: 3px;
+	padding-top: 10px;
+}
+
+.mce-visualblocks p {
+	background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+
+.mce-visualblocks h1 {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+
+.mce-visualblocks h2 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+
+.mce-visualblocks h3 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+
+.mce-visualblocks h4 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+
+.mce-visualblocks h5 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+
+.mce-visualblocks h6 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+
+.mce-visualblocks div:not([data-mce-bogus]) {
+	background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+
+.mce-visualblocks section {
+	background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+
+.mce-visualblocks article {
+	background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+
+.mce-visualblocks blockquote {
+	background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+
+.mce-visualblocks address {
+	background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+
+.mce-visualblocks pre {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+
+.mce-visualblocks figure {
+	background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+
+.mce-visualblocks figcaption {
+	border: 1px dashed #bbb;
+}
+
+.mce-visualblocks hgroup {
+	background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+
+.mce-visualblocks aside {
+	background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+
+.mce-visualblocks ul {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+
+.mce-visualblocks ol {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+
+.mce-visualblocks dl {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+
+.mce-visualblocks:not([dir='rtl']) p,
+.mce-visualblocks:not([dir='rtl']) h1,
+.mce-visualblocks:not([dir='rtl']) h2,
+.mce-visualblocks:not([dir='rtl']) h3,
+.mce-visualblocks:not([dir='rtl']) h4,
+.mce-visualblocks:not([dir='rtl']) h5,
+.mce-visualblocks:not([dir='rtl']) h6,
+.mce-visualblocks:not([dir='rtl']) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir='rtl']) section,
+.mce-visualblocks:not([dir='rtl']) article,
+.mce-visualblocks:not([dir='rtl']) blockquote,
+.mce-visualblocks:not([dir='rtl']) address,
+.mce-visualblocks:not([dir='rtl']) pre,
+.mce-visualblocks:not([dir='rtl']) figure,
+.mce-visualblocks:not([dir='rtl']) figcaption,
+.mce-visualblocks:not([dir='rtl']) hgroup,
+.mce-visualblocks:not([dir='rtl']) aside,
+.mce-visualblocks:not([dir='rtl']) ul,
+.mce-visualblocks:not([dir='rtl']) ol,
+.mce-visualblocks:not([dir='rtl']) dl {
+	margin-left: 3px;
+}
+
+.mce-visualblocks[dir='rtl'] p,
+.mce-visualblocks[dir='rtl'] h1,
+.mce-visualblocks[dir='rtl'] h2,
+.mce-visualblocks[dir='rtl'] h3,
+.mce-visualblocks[dir='rtl'] h4,
+.mce-visualblocks[dir='rtl'] h5,
+.mce-visualblocks[dir='rtl'] h6,
+.mce-visualblocks[dir='rtl'] div:not([data-mce-bogus]),
+.mce-visualblocks[dir='rtl'] section,
+.mce-visualblocks[dir='rtl'] article,
+.mce-visualblocks[dir='rtl'] blockquote,
+.mce-visualblocks[dir='rtl'] address,
+.mce-visualblocks[dir='rtl'] pre,
+.mce-visualblocks[dir='rtl'] figure,
+.mce-visualblocks[dir='rtl'] figcaption,
+.mce-visualblocks[dir='rtl'] hgroup,
+.mce-visualblocks[dir='rtl'] aside,
+.mce-visualblocks[dir='rtl'] ul,
+.mce-visualblocks[dir='rtl'] ol,
+.mce-visualblocks[dir='rtl'] dl {
+	background-position-x: right;
+	margin-right: 3px;
+}
+
+.mce-nbsp,
+.mce-shy {
+	background: #aaa;
+}
+
+.mce-shy::after {
+	content: '-';
+}
+
+body {
+	font-family: sans-serif;
+}
+
+table {
+	border-collapse: collapse;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/content.inline.css b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/content.inline.css
new file mode 100644
index 00000000..e7acef31
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/content.inline.css
@@ -0,0 +1,861 @@
+.mce-content-body .mce-item-anchor {
+	background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+}
+
+.mce-content-body .mce-item-anchor:empty {
+	cursor: default;
+	display: inline-block;
+	height: 12px !important;
+	padding: 0 2px;
+	-webkit-user-modify: read-only;
+	-moz-user-modify: read-only;
+	-webkit-user-select: all;
+	-moz-user-select: all;
+	user-select: all;
+	width: 8px !important;
+}
+
+.mce-content-body .mce-item-anchor:not(:empty) {
+	background-position-x: 2px;
+	display: inline-block;
+	padding-left: 12px;
+}
+
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+	outline-offset: 1px;
+}
+
+.tox-comments-visible .tox-comment {
+	background-color: #fff0b7;
+}
+
+.tox-comments-visible .tox-comment[data-mce-annotation-active='true']:not([data-mce-selected='inline-boundary']) {
+	background-color: #ffe168;
+}
+
+.tox-checklist > li:not(.tox-checklist--hidden) {
+	list-style: none;
+	margin: 0.25em 0;
+}
+
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+	cursor: pointer;
+	height: 1em;
+	margin-left: -1.5em;
+	margin-top: 0.125em;
+	position: absolute;
+	width: 1em;
+}
+
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+}
+
+[dir='rtl'] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+	margin-left: 0;
+	margin-right: -1.5em;
+}
+
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*='language-'],
+pre[class*='language-'] {
+	color: black;
+	background: none;
+	text-shadow: 0 1px white;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+	-moz-tab-size: 4;
+	tab-size: 4;
+	-webkit-hyphens: none;
+	hyphens: none;
+}
+
+pre[class*='language-']::-moz-selection,
+pre[class*='language-'] ::-moz-selection,
+code[class*='language-']::-moz-selection,
+code[class*='language-'] ::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+pre[class*='language-']::selection,
+pre[class*='language-'] ::selection,
+code[class*='language-']::selection,
+code[class*='language-'] ::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+@media print {
+	code[class*='language-'],
+	pre[class*='language-'] {
+		text-shadow: none;
+	}
+}
+
+/* Code blocks */
+pre[class*='language-'] {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+}
+
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+	background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre) > code[class*='language-'] {
+	padding: 0.1em;
+	border-radius: 0.3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: slategray;
+}
+
+.token.punctuation {
+	color: #999;
+}
+
+.token.namespace {
+	opacity: 0.7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+	color: #9a6e3a;
+	/* This background color was intended by the author of this theme. */
+	background: hsla(0, 0%, 100%, 0.5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+
+.token.function,
+.token.class-name {
+	color: #dd4a68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+	color: #e90;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+/* stylelint-enable */
+.mce-content-body {
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+}
+
+.mce-content-body .mce-visual-caret {
+	background-color: black;
+	background-color: currentColor;
+	position: absolute;
+}
+
+.mce-content-body .mce-visual-caret-hidden {
+	display: none;
+}
+
+.mce-content-body *[data-mce-caret] {
+	left: -1000px;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	right: auto;
+	top: 0;
+}
+
+.mce-content-body .mce-offscreen-selection {
+	left: -2000000px;
+	max-width: 1000000px;
+	position: absolute;
+}
+
+.mce-content-body *[contentEditable='false'] {
+	cursor: default;
+}
+
+.mce-content-body *[contentEditable='true'] {
+	cursor: text;
+}
+
+.tox-cursor-format-painter {
+	cursor: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A'),
+	default;
+}
+
+.mce-content-body figure.align-left {
+	float: left;
+}
+
+.mce-content-body figure.align-right {
+	float: right;
+}
+
+.mce-content-body figure.image.align-center {
+	display: table;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.mce-preview-object {
+	border: 1px solid gray;
+	display: inline-block;
+	line-height: 0;
+	margin: 0 2px 0 2px;
+	position: relative;
+}
+
+.mce-preview-object .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.mce-preview-object[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+
+.mce-object {
+	background: transparent url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A') no-repeat center;
+	border: 1px dashed #aaa;
+}
+
+.mce-pagebreak {
+	border: 1px dashed #aaa;
+	cursor: default;
+	display: block;
+	height: 5px;
+	margin-top: 15px;
+	page-break-before: always;
+	width: 100%;
+}
+
+@media print {
+	.mce-pagebreak {
+		border: 0;
+	}
+}
+
+.tiny-pageembed .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.tiny-pageembed[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+
+.tiny-pageembed {
+	display: inline-block;
+	position: relative;
+}
+
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+	display: block;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	width: 100%;
+}
+
+.tiny-pageembed--21by9 {
+	padding-top: 42.857143%;
+}
+
+.tiny-pageembed--16by9 {
+	padding-top: 56.25%;
+}
+
+.tiny-pageembed--4by3 {
+	padding-top: 75%;
+}
+
+.tiny-pageembed--1by1 {
+	padding-top: 100%;
+}
+
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+	border: 0;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.mce-content-body[data-mce-placeholder] {
+	position: relative;
+}
+
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	color: rgba(34, 47, 62, 0.7);
+	content: attr(data-mce-placeholder);
+	position: absolute;
+}
+
+.mce-content-body:not([dir='rtl'])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	left: 1px;
+}
+
+.mce-content-body[dir='rtl'][data-mce-placeholder]:not(.mce-visualblocks)::before {
+	right: 1px;
+}
+
+.mce-content-body div.mce-resizehandle {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+	z-index: 1298;
+}
+
+.mce-content-body div.mce-resizehandle:hover {
+	background-color: #4099ff;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+	cursor: nwse-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+	cursor: nesw-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+	cursor: nwse-resize;
+}
+
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+	cursor: nesw-resize;
+}
+
+.mce-content-body .mce-resize-backdrop {
+	z-index: 10000;
+}
+
+.mce-content-body .mce-clonedresizable {
+	cursor: default;
+	opacity: 0.5;
+	outline: 1px dashed black;
+	position: absolute;
+	z-index: 10001;
+}
+
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+	border: 0;
+}
+
+.mce-content-body .mce-resize-helper {
+	background: #555;
+	background: rgba(0, 0, 0, 0.75);
+	border: 1px;
+	border-radius: 3px;
+	color: white;
+	display: none;
+	font-family: sans-serif;
+	font-size: 12px;
+	line-height: 14px;
+	margin: 5px 10px;
+	padding: 5px;
+	position: absolute;
+	white-space: nowrap;
+	z-index: 10002;
+}
+
+.tox-rtc-user-selection {
+	position: relative;
+}
+
+.tox-rtc-user-cursor {
+	bottom: 0;
+	cursor: default;
+	position: absolute;
+	top: 0;
+	width: 2px;
+}
+
+.tox-rtc-user-cursor::before {
+	background-color: inherit;
+	border-radius: 50%;
+	content: '';
+	display: block;
+	height: 8px;
+	position: absolute;
+	right: -3px;
+	top: -3px;
+	width: 8px;
+}
+
+.tox-rtc-user-cursor:hover::after {
+	background-color: inherit;
+	border-radius: 100px;
+	box-sizing: border-box;
+	color: #fff;
+	content: attr(data-user);
+	display: block;
+	font-size: 12px;
+	font-weight: bold;
+	left: -5px;
+	min-height: 8px;
+	min-width: 8px;
+	padding: 0 12px;
+	position: absolute;
+	top: -11px;
+	white-space: nowrap;
+	z-index: 1000;
+}
+
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+	background-color: #2dc26b;
+}
+
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+	background-color: #e03e2d;
+}
+
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+	background-color: #f1c40f;
+}
+
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+	background-color: #3598db;
+}
+
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+	background-color: #b96ad9;
+}
+
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+	background-color: #e67e23;
+}
+
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+	background-color: #aaa69d;
+}
+
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+	background-color: #f368e0;
+}
+
+.tox-rtc-remote-image {
+	background: #eaeaea url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A') no-repeat center center;
+	border: 1px solid #ccc;
+	min-height: 240px;
+	min-width: 320px;
+}
+
+.mce-match-marker {
+	background: #aaa;
+	color: #fff;
+}
+
+.mce-match-marker-selected {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-match-marker-selected::-moz-selection {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-match-marker-selected::selection {
+	background: #39f;
+	color: #fff;
+}
+
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body hr[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+	outline-offset: 1px;
+}
+
+.mce-content-body *[contentEditable='false'] *[contentEditable='true']:focus {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body *[contentEditable='false'] *[contentEditable='true']:hover {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body *[contentEditable='false'][data-mce-selected] {
+	cursor: not-allowed;
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body.mce-content-readonly *[contentEditable='true']:focus,
+.mce-content-body.mce-content-readonly *[contentEditable='true']:hover {
+	outline: none;
+}
+
+.mce-content-body *[data-mce-selected='inline-boundary'] {
+	background-color: #b4d7ff;
+}
+
+.mce-content-body .mce-edit-focus {
+	outline: 3px solid #b4d7ff;
+}
+
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+	position: relative;
+}
+
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+	background: none;
+}
+
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+	background: none;
+}
+
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+	outline: none;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+	background-color: rgba(180, 215, 255, 0.7);
+	border: 1px solid rgba(180, 215, 255, 0.7);
+	bottom: -1px;
+	content: '';
+	left: -1px;
+	mix-blend-mode: multiply;
+	position: absolute;
+	right: -1px;
+	top: -1px;
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+	.mce-content-body td[data-mce-selected]::after,
+	.mce-content-body th[data-mce-selected]::after {
+		border-color: rgba(0, 84, 180, 0.7);
+	}
+}
+
+.mce-content-body img::-moz-selection {
+	background: none;
+}
+
+.mce-content-body img::selection {
+	background: none;
+}
+
+.ephox-snooker-resizer-bar {
+	background-color: #b4d7ff;
+	opacity: 0;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.ephox-snooker-resizer-cols {
+	cursor: col-resize;
+}
+
+.ephox-snooker-resizer-rows {
+	cursor: row-resize;
+}
+
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+	opacity: 1;
+}
+
+.mce-spellchecker-word {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+	height: 2rem;
+}
+
+.mce-spellchecker-grammar {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+}
+
+.mce-toc {
+	border: 1px solid gray;
+}
+
+.mce-toc h2 {
+	margin: 4px;
+}
+
+.mce-toc li {
+	list-style-type: none;
+}
+
+table[style*='border-width: 0px'],
+.mce-item-table:not([border]),
+.mce-item-table[border='0'],
+table[style*='border-width: 0px'] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border='0'] td,
+table[style*='border-width: 0px'] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border='0'] th,
+table[style*='border-width: 0px'] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border='0'] caption {
+	border: 1px dashed #bbb;
+}
+
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+	background-repeat: no-repeat;
+	border: 1px dashed #bbb;
+	margin-left: 3px;
+	padding-top: 10px;
+}
+
+.mce-visualblocks p {
+	background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+
+.mce-visualblocks h1 {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+
+.mce-visualblocks h2 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+
+.mce-visualblocks h3 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+
+.mce-visualblocks h4 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+
+.mce-visualblocks h5 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+
+.mce-visualblocks h6 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+
+.mce-visualblocks div:not([data-mce-bogus]) {
+	background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+
+.mce-visualblocks section {
+	background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+
+.mce-visualblocks article {
+	background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+
+.mce-visualblocks blockquote {
+	background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+
+.mce-visualblocks address {
+	background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+
+.mce-visualblocks pre {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+
+.mce-visualblocks figure {
+	background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+
+.mce-visualblocks figcaption {
+	border: 1px dashed #bbb;
+}
+
+.mce-visualblocks hgroup {
+	background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+
+.mce-visualblocks aside {
+	background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+
+.mce-visualblocks ul {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+
+.mce-visualblocks ol {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+
+.mce-visualblocks dl {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+
+.mce-visualblocks:not([dir='rtl']) p,
+.mce-visualblocks:not([dir='rtl']) h1,
+.mce-visualblocks:not([dir='rtl']) h2,
+.mce-visualblocks:not([dir='rtl']) h3,
+.mce-visualblocks:not([dir='rtl']) h4,
+.mce-visualblocks:not([dir='rtl']) h5,
+.mce-visualblocks:not([dir='rtl']) h6,
+.mce-visualblocks:not([dir='rtl']) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir='rtl']) section,
+.mce-visualblocks:not([dir='rtl']) article,
+.mce-visualblocks:not([dir='rtl']) blockquote,
+.mce-visualblocks:not([dir='rtl']) address,
+.mce-visualblocks:not([dir='rtl']) pre,
+.mce-visualblocks:not([dir='rtl']) figure,
+.mce-visualblocks:not([dir='rtl']) figcaption,
+.mce-visualblocks:not([dir='rtl']) hgroup,
+.mce-visualblocks:not([dir='rtl']) aside,
+.mce-visualblocks:not([dir='rtl']) ul,
+.mce-visualblocks:not([dir='rtl']) ol,
+.mce-visualblocks:not([dir='rtl']) dl {
+	margin-left: 3px;
+}
+
+.mce-visualblocks[dir='rtl'] p,
+.mce-visualblocks[dir='rtl'] h1,
+.mce-visualblocks[dir='rtl'] h2,
+.mce-visualblocks[dir='rtl'] h3,
+.mce-visualblocks[dir='rtl'] h4,
+.mce-visualblocks[dir='rtl'] h5,
+.mce-visualblocks[dir='rtl'] h6,
+.mce-visualblocks[dir='rtl'] div:not([data-mce-bogus]),
+.mce-visualblocks[dir='rtl'] section,
+.mce-visualblocks[dir='rtl'] article,
+.mce-visualblocks[dir='rtl'] blockquote,
+.mce-visualblocks[dir='rtl'] address,
+.mce-visualblocks[dir='rtl'] pre,
+.mce-visualblocks[dir='rtl'] figure,
+.mce-visualblocks[dir='rtl'] figcaption,
+.mce-visualblocks[dir='rtl'] hgroup,
+.mce-visualblocks[dir='rtl'] aside,
+.mce-visualblocks[dir='rtl'] ul,
+.mce-visualblocks[dir='rtl'] ol,
+.mce-visualblocks[dir='rtl'] dl {
+	background-position-x: right;
+	margin-right: 3px;
+}
+
+.mce-nbsp,
+.mce-shy {
+	background: #aaa;
+}
+
+.mce-shy::after {
+	content: '-';
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/content.inline.min.css b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/content.inline.min.css
new file mode 100644
index 00000000..882dfd5b
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/content.inline.min.css
@@ -0,0 +1,720 @@
+.mce-content-body .mce-item-anchor {
+	background: transparent
+		url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A")
+		no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+	cursor: default;
+	display: inline-block;
+	height: 12px !important;
+	padding: 0 2px;
+	-webkit-user-modify: read-only;
+	-moz-user-modify: read-only;
+	-webkit-user-select: all;
+	-moz-user-select: all;
+	user-select: all;
+	width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+	background-position-x: 2px;
+	display: inline-block;
+	padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+	outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment {
+	background-color: #fff0b7;
+}
+.tox-comments-visible .tox-comment[data-mce-annotation-active='true']:not([data-mce-selected='inline-boundary']) {
+	background-color: #ffe168;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+	list-style: none;
+	margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+	cursor: pointer;
+	height: 1em;
+	margin-left: -1.5em;
+	margin-top: 0.125em;
+	position: absolute;
+	width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+}
+[dir='rtl'] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+	margin-left: 0;
+	margin-right: -1.5em;
+}
+code[class*='language-'],
+pre[class*='language-'] {
+	color: #000;
+	background: 0 0;
+	text-shadow: 0 1px #fff;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+	-moz-tab-size: 4;
+	tab-size: 4;
+	-webkit-hyphens: none;
+	hyphens: none;
+}
+code[class*='language-'] ::-moz-selection,
+code[class*='language-']::-moz-selection,
+pre[class*='language-'] ::-moz-selection,
+pre[class*='language-']::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+code[class*='language-'] ::selection,
+code[class*='language-']::selection,
+pre[class*='language-'] ::selection,
+pre[class*='language-']::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+@media print {
+	code[class*='language-'],
+	pre[class*='language-'] {
+		text-shadow: none;
+	}
+}
+pre[class*='language-'] {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+}
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+	background: #f5f2f0;
+}
+:not(pre) > code[class*='language-'] {
+	padding: 0.1em;
+	border-radius: 0.3em;
+	white-space: normal;
+}
+.token.cdata,
+.token.comment,
+.token.doctype,
+.token.prolog {
+	color: #708090;
+}
+.token.punctuation {
+	color: #999;
+}
+.token.namespace {
+	opacity: 0.7;
+}
+.token.boolean,
+.token.constant,
+.token.deleted,
+.token.number,
+.token.property,
+.token.symbol,
+.token.tag {
+	color: #905;
+}
+.token.attr-name,
+.token.builtin,
+.token.char,
+.token.inserted,
+.token.selector,
+.token.string {
+	color: #690;
+}
+.language-css .token.string,
+.style .token.string,
+.token.entity,
+.token.operator,
+.token.url {
+	color: #9a6e3a;
+	background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+.token.class-name,
+.token.function {
+	color: #dd4a68;
+}
+.token.important,
+.token.regex,
+.token.variable {
+	color: #e90;
+}
+.token.bold,
+.token.important {
+	font-weight: 700;
+}
+.token.italic {
+	font-style: italic;
+}
+.token.entity {
+	cursor: help;
+}
+.mce-content-body {
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+	background-color: #000;
+	background-color: currentColor;
+	position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+	display: none;
+}
+.mce-content-body [data-mce-caret] {
+	left: -1000px;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	right: auto;
+	top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+	left: -2000000px;
+	max-width: 1000000px;
+	position: absolute;
+}
+.mce-content-body [contentEditable='false'] {
+	cursor: default;
+}
+.mce-content-body [contentEditable='true'] {
+	cursor: text;
+}
+.tox-cursor-format-painter {
+	cursor: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A'),
+		default;
+}
+.mce-content-body figure.align-left {
+	float: left;
+}
+.mce-content-body figure.align-right {
+	float: right;
+}
+.mce-content-body figure.image.align-center {
+	display: table;
+	margin-left: auto;
+	margin-right: auto;
+}
+.mce-preview-object {
+	border: 1px solid gray;
+	display: inline-block;
+	line-height: 0;
+	margin: 0 2px 0 2px;
+	position: relative;
+}
+.mce-preview-object .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.mce-preview-object[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+.mce-object {
+	background: transparent
+		url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A')
+		no-repeat center;
+	border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+	border: 1px dashed #aaa;
+	cursor: default;
+	display: block;
+	height: 5px;
+	margin-top: 15px;
+	page-break-before: always;
+	width: 100%;
+}
+@media print {
+	.mce-pagebreak {
+		border: 0;
+	}
+}
+.tiny-pageembed .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.tiny-pageembed[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+.tiny-pageembed {
+	display: inline-block;
+	position: relative;
+}
+.tiny-pageembed--16by9,
+.tiny-pageembed--1by1,
+.tiny-pageembed--21by9,
+.tiny-pageembed--4by3 {
+	display: block;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	width: 100%;
+}
+.tiny-pageembed--21by9 {
+	padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+	padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+	padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+	padding-top: 100%;
+}
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--1by1 iframe,
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--4by3 iframe {
+	border: 0;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+	position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	color: rgba(34, 47, 62, 0.7);
+	content: attr(data-mce-placeholder);
+	position: absolute;
+}
+.mce-content-body:not([dir='rtl'])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	left: 1px;
+}
+.mce-content-body[dir='rtl'][data-mce-placeholder]:not(.mce-visualblocks)::before {
+	right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+	z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+	background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+	cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+	cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+	cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+	cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+	z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+	cursor: default;
+	opacity: 0.5;
+	outline: 1px dashed #000;
+	position: absolute;
+	z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th {
+	border: 0;
+}
+.mce-content-body .mce-resize-helper {
+	background: #555;
+	background: rgba(0, 0, 0, 0.75);
+	border: 1px;
+	border-radius: 3px;
+	color: #fff;
+	display: none;
+	font-family: sans-serif;
+	font-size: 12px;
+	line-height: 14px;
+	margin: 5px 10px;
+	padding: 5px;
+	position: absolute;
+	white-space: nowrap;
+	z-index: 10002;
+}
+.tox-rtc-user-selection {
+	position: relative;
+}
+.tox-rtc-user-cursor {
+	bottom: 0;
+	cursor: default;
+	position: absolute;
+	top: 0;
+	width: 2px;
+}
+.tox-rtc-user-cursor::before {
+	background-color: inherit;
+	border-radius: 50%;
+	content: '';
+	display: block;
+	height: 8px;
+	position: absolute;
+	right: -3px;
+	top: -3px;
+	width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+	background-color: inherit;
+	border-radius: 100px;
+	box-sizing: border-box;
+	color: #fff;
+	content: attr(data-user);
+	display: block;
+	font-size: 12px;
+	font-weight: 700;
+	left: -5px;
+	min-height: 8px;
+	min-width: 8px;
+	padding: 0 12px;
+	position: absolute;
+	top: -11px;
+	white-space: nowrap;
+	z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+	background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+	background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+	background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+	background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+	background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+	background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+	background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+	background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+	background: #eaeaea
+		url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A')
+		no-repeat center center;
+	border: 1px solid #ccc;
+	min-height: 240px;
+	min-width: 320px;
+}
+.mce-match-marker {
+	background: #aaa;
+	color: #fff;
+}
+.mce-match-marker-selected {
+	background: #39f;
+	color: #fff;
+}
+.mce-match-marker-selected::-moz-selection {
+	background: #39f;
+	color: #fff;
+}
+.mce-match-marker-selected::selection {
+	background: #39f;
+	color: #fff;
+}
+.mce-content-body audio[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body img[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body video[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+	outline-offset: 1px;
+}
+.mce-content-body [contentEditable='false'] [contentEditable='true']:focus {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body [contentEditable='false'] [contentEditable='true']:hover {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body [contentEditable='false'][data-mce-selected] {
+	cursor: not-allowed;
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body.mce-content-readonly [contentEditable='true']:focus,
+.mce-content-body.mce-content-readonly [contentEditable='true']:hover {
+	outline: 0;
+}
+.mce-content-body [data-mce-selected='inline-boundary'] {
+	background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+	position: relative;
+}
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+	background: 0 0;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+	background: 0 0;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+	outline: 0;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+	background-color: rgba(180, 215, 255, 0.7);
+	border: 1px solid rgba(180, 215, 255, 0.7);
+	bottom: -1px;
+	content: '';
+	left: -1px;
+	mix-blend-mode: multiply;
+	position: absolute;
+	right: -1px;
+	top: -1px;
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+	.mce-content-body td[data-mce-selected]::after,
+	.mce-content-body th[data-mce-selected]::after {
+		border-color: rgba(0, 84, 180, 0.7);
+	}
+}
+.mce-content-body img::-moz-selection {
+	background: 0 0;
+}
+.mce-content-body img::selection {
+	background: 0 0;
+}
+.ephox-snooker-resizer-bar {
+	background-color: #b4d7ff;
+	opacity: 0;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.ephox-snooker-resizer-cols {
+	cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+	cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+	opacity: 1;
+}
+.mce-spellchecker-word {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+	height: 2rem;
+}
+.mce-spellchecker-grammar {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+}
+.mce-toc {
+	border: 1px solid gray;
+}
+.mce-toc h2 {
+	margin: 4px;
+}
+.mce-toc li {
+	list-style-type: none;
+}
+.mce-item-table:not([border]),
+.mce-item-table:not([border]) caption,
+.mce-item-table:not([border]) td,
+.mce-item-table:not([border]) th,
+.mce-item-table[border='0'],
+.mce-item-table[border='0'] caption,
+.mce-item-table[border='0'] td,
+.mce-item-table[border='0'] th,
+table[style*='border-width: 0px'],
+table[style*='border-width: 0px'] caption,
+table[style*='border-width: 0px'] td,
+table[style*='border-width: 0px'] th {
+	border: 1px dashed #bbb;
+}
+.mce-visualblocks address,
+.mce-visualblocks article,
+.mce-visualblocks aside,
+.mce-visualblocks blockquote,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks dl,
+.mce-visualblocks figcaption,
+.mce-visualblocks figure,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks hgroup,
+.mce-visualblocks ol,
+.mce-visualblocks p,
+.mce-visualblocks pre,
+.mce-visualblocks section,
+.mce-visualblocks ul {
+	background-repeat: no-repeat;
+	border: 1px dashed #bbb;
+	margin-left: 3px;
+	padding-top: 10px;
+}
+.mce-visualblocks p {
+	background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+	background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+	background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+	background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+	background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+	background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+	background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+	border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+	background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+	background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir='rtl']) address,
+.mce-visualblocks:not([dir='rtl']) article,
+.mce-visualblocks:not([dir='rtl']) aside,
+.mce-visualblocks:not([dir='rtl']) blockquote,
+.mce-visualblocks:not([dir='rtl']) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir='rtl']) dl,
+.mce-visualblocks:not([dir='rtl']) figcaption,
+.mce-visualblocks:not([dir='rtl']) figure,
+.mce-visualblocks:not([dir='rtl']) h1,
+.mce-visualblocks:not([dir='rtl']) h2,
+.mce-visualblocks:not([dir='rtl']) h3,
+.mce-visualblocks:not([dir='rtl']) h4,
+.mce-visualblocks:not([dir='rtl']) h5,
+.mce-visualblocks:not([dir='rtl']) h6,
+.mce-visualblocks:not([dir='rtl']) hgroup,
+.mce-visualblocks:not([dir='rtl']) ol,
+.mce-visualblocks:not([dir='rtl']) p,
+.mce-visualblocks:not([dir='rtl']) pre,
+.mce-visualblocks:not([dir='rtl']) section,
+.mce-visualblocks:not([dir='rtl']) ul {
+	margin-left: 3px;
+}
+.mce-visualblocks[dir='rtl'] address,
+.mce-visualblocks[dir='rtl'] article,
+.mce-visualblocks[dir='rtl'] aside,
+.mce-visualblocks[dir='rtl'] blockquote,
+.mce-visualblocks[dir='rtl'] div:not([data-mce-bogus]),
+.mce-visualblocks[dir='rtl'] dl,
+.mce-visualblocks[dir='rtl'] figcaption,
+.mce-visualblocks[dir='rtl'] figure,
+.mce-visualblocks[dir='rtl'] h1,
+.mce-visualblocks[dir='rtl'] h2,
+.mce-visualblocks[dir='rtl'] h3,
+.mce-visualblocks[dir='rtl'] h4,
+.mce-visualblocks[dir='rtl'] h5,
+.mce-visualblocks[dir='rtl'] h6,
+.mce-visualblocks[dir='rtl'] hgroup,
+.mce-visualblocks[dir='rtl'] ol,
+.mce-visualblocks[dir='rtl'] p,
+.mce-visualblocks[dir='rtl'] pre,
+.mce-visualblocks[dir='rtl'] section,
+.mce-visualblocks[dir='rtl'] ul {
+	background-position-x: right;
+	margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+	background: #aaa;
+}
+.mce-shy::after {
+	content: '-';
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/content.min.css b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/content.min.css
new file mode 100644
index 00000000..6e0034ba
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/content.min.css
@@ -0,0 +1,726 @@
+.mce-content-body .mce-item-anchor {
+	background: transparent
+		url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A")
+		no-repeat center;
+}
+.mce-content-body .mce-item-anchor:empty {
+	cursor: default;
+	display: inline-block;
+	height: 12px !important;
+	padding: 0 2px;
+	-webkit-user-modify: read-only;
+	-moz-user-modify: read-only;
+	-webkit-user-select: all;
+	-moz-user-select: all;
+	user-select: all;
+	width: 8px !important;
+}
+.mce-content-body .mce-item-anchor:not(:empty) {
+	background-position-x: 2px;
+	display: inline-block;
+	padding-left: 12px;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+	outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment {
+	background-color: #fff0b7;
+}
+.tox-comments-visible .tox-comment[data-mce-annotation-active='true']:not([data-mce-selected='inline-boundary']) {
+	background-color: #ffe168;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+	list-style: none;
+	margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+	cursor: pointer;
+	height: 1em;
+	margin-left: -1.5em;
+	margin-top: 0.125em;
+	position: absolute;
+	width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+	content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
+}
+[dir='rtl'] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+	margin-left: 0;
+	margin-right: -1.5em;
+}
+code[class*='language-'],
+pre[class*='language-'] {
+	color: #000;
+	background: 0 0;
+	text-shadow: 0 1px #fff;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+	-moz-tab-size: 4;
+	tab-size: 4;
+	-webkit-hyphens: none;
+	hyphens: none;
+}
+code[class*='language-'] ::-moz-selection,
+code[class*='language-']::-moz-selection,
+pre[class*='language-'] ::-moz-selection,
+pre[class*='language-']::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+code[class*='language-'] ::selection,
+code[class*='language-']::selection,
+pre[class*='language-'] ::selection,
+pre[class*='language-']::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+@media print {
+	code[class*='language-'],
+	pre[class*='language-'] {
+		text-shadow: none;
+	}
+}
+pre[class*='language-'] {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+}
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+	background: #f5f2f0;
+}
+:not(pre) > code[class*='language-'] {
+	padding: 0.1em;
+	border-radius: 0.3em;
+	white-space: normal;
+}
+.token.cdata,
+.token.comment,
+.token.doctype,
+.token.prolog {
+	color: #708090;
+}
+.token.punctuation {
+	color: #999;
+}
+.token.namespace {
+	opacity: 0.7;
+}
+.token.boolean,
+.token.constant,
+.token.deleted,
+.token.number,
+.token.property,
+.token.symbol,
+.token.tag {
+	color: #905;
+}
+.token.attr-name,
+.token.builtin,
+.token.char,
+.token.inserted,
+.token.selector,
+.token.string {
+	color: #690;
+}
+.language-css .token.string,
+.style .token.string,
+.token.entity,
+.token.operator,
+.token.url {
+	color: #9a6e3a;
+	background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+.token.class-name,
+.token.function {
+	color: #dd4a68;
+}
+.token.important,
+.token.regex,
+.token.variable {
+	color: #e90;
+}
+.token.bold,
+.token.important {
+	font-weight: 700;
+}
+.token.italic {
+	font-style: italic;
+}
+.token.entity {
+	cursor: help;
+}
+.mce-content-body {
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+	background-color: #000;
+	background-color: currentColor;
+	position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+	display: none;
+}
+.mce-content-body [data-mce-caret] {
+	left: -1000px;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	right: auto;
+	top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+	left: -2000000px;
+	max-width: 1000000px;
+	position: absolute;
+}
+.mce-content-body [contentEditable='false'] {
+	cursor: default;
+}
+.mce-content-body [contentEditable='true'] {
+	cursor: text;
+}
+.tox-cursor-format-painter {
+	cursor: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A'),
+		default;
+}
+.mce-content-body figure.align-left {
+	float: left;
+}
+.mce-content-body figure.align-right {
+	float: right;
+}
+.mce-content-body figure.image.align-center {
+	display: table;
+	margin-left: auto;
+	margin-right: auto;
+}
+.mce-preview-object {
+	border: 1px solid gray;
+	display: inline-block;
+	line-height: 0;
+	margin: 0 2px 0 2px;
+	position: relative;
+}
+.mce-preview-object .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.mce-preview-object[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+.mce-object {
+	background: transparent
+		url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A')
+		no-repeat center;
+	border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+	border: 1px dashed #aaa;
+	cursor: default;
+	display: block;
+	height: 5px;
+	margin-top: 15px;
+	page-break-before: always;
+	width: 100%;
+}
+@media print {
+	.mce-pagebreak {
+		border: 0;
+	}
+}
+.tiny-pageembed .mce-shim {
+	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.tiny-pageembed[data-mce-selected='2'] .mce-shim {
+	display: none;
+}
+.tiny-pageembed {
+	display: inline-block;
+	position: relative;
+}
+.tiny-pageembed--16by9,
+.tiny-pageembed--1by1,
+.tiny-pageembed--21by9,
+.tiny-pageembed--4by3 {
+	display: block;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	width: 100%;
+}
+.tiny-pageembed--21by9 {
+	padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+	padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+	padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+	padding-top: 100%;
+}
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--1by1 iframe,
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--4by3 iframe {
+	border: 0;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+	position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	color: rgba(34, 47, 62, 0.7);
+	content: attr(data-mce-placeholder);
+	position: absolute;
+}
+.mce-content-body:not([dir='rtl'])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+	left: 1px;
+}
+.mce-content-body[dir='rtl'][data-mce-placeholder]:not(.mce-visualblocks)::before {
+	right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+	z-index: 1298;
+}
+.mce-content-body div.mce-resizehandle:hover {
+	background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+	cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+	cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+	cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+	cursor: nesw-resize;
+}
+.mce-content-body .mce-resize-backdrop {
+	z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable {
+	cursor: default;
+	opacity: 0.5;
+	outline: 1px dashed #000;
+	position: absolute;
+	z-index: 10001;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th {
+	border: 0;
+}
+.mce-content-body .mce-resize-helper {
+	background: #555;
+	background: rgba(0, 0, 0, 0.75);
+	border: 1px;
+	border-radius: 3px;
+	color: #fff;
+	display: none;
+	font-family: sans-serif;
+	font-size: 12px;
+	line-height: 14px;
+	margin: 5px 10px;
+	padding: 5px;
+	position: absolute;
+	white-space: nowrap;
+	z-index: 10002;
+}
+.tox-rtc-user-selection {
+	position: relative;
+}
+.tox-rtc-user-cursor {
+	bottom: 0;
+	cursor: default;
+	position: absolute;
+	top: 0;
+	width: 2px;
+}
+.tox-rtc-user-cursor::before {
+	background-color: inherit;
+	border-radius: 50%;
+	content: '';
+	display: block;
+	height: 8px;
+	position: absolute;
+	right: -3px;
+	top: -3px;
+	width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+	background-color: inherit;
+	border-radius: 100px;
+	box-sizing: border-box;
+	color: #fff;
+	content: attr(data-user);
+	display: block;
+	font-size: 12px;
+	font-weight: 700;
+	left: -5px;
+	min-height: 8px;
+	min-width: 8px;
+	padding: 0 12px;
+	position: absolute;
+	top: -11px;
+	white-space: nowrap;
+	z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+	background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+	background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+	background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+	background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+	background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+	background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+	background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+	background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+	background: #eaeaea
+		url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A')
+		no-repeat center center;
+	border: 1px solid #ccc;
+	min-height: 240px;
+	min-width: 320px;
+}
+.mce-match-marker {
+	background: #aaa;
+	color: #fff;
+}
+.mce-match-marker-selected {
+	background: #39f;
+	color: #fff;
+}
+.mce-match-marker-selected::-moz-selection {
+	background: #39f;
+	color: #fff;
+}
+.mce-match-marker-selected::selection {
+	background: #39f;
+	color: #fff;
+}
+.mce-content-body audio[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body img[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body table[data-mce-selected],
+.mce-content-body video[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+	outline: 3px solid #b4d7ff;
+	outline-offset: 1px;
+}
+.mce-content-body [contentEditable='false'] [contentEditable='true']:focus {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body [contentEditable='false'] [contentEditable='true']:hover {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body [contentEditable='false'][data-mce-selected] {
+	cursor: not-allowed;
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body.mce-content-readonly [contentEditable='true']:focus,
+.mce-content-body.mce-content-readonly [contentEditable='true']:hover {
+	outline: 0;
+}
+.mce-content-body [data-mce-selected='inline-boundary'] {
+	background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+	outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+	position: relative;
+}
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+	background: 0 0;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+	background: 0 0;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+	outline: 0;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+	background-color: rgba(180, 215, 255, 0.7);
+	border: 1px solid rgba(180, 215, 255, 0.7);
+	bottom: -1px;
+	content: '';
+	left: -1px;
+	mix-blend-mode: multiply;
+	position: absolute;
+	right: -1px;
+	top: -1px;
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+	.mce-content-body td[data-mce-selected]::after,
+	.mce-content-body th[data-mce-selected]::after {
+		border-color: rgba(0, 84, 180, 0.7);
+	}
+}
+.mce-content-body img::-moz-selection {
+	background: 0 0;
+}
+.mce-content-body img::selection {
+	background: 0 0;
+}
+.ephox-snooker-resizer-bar {
+	background-color: #b4d7ff;
+	opacity: 0;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.ephox-snooker-resizer-cols {
+	cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+	cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+	opacity: 1;
+}
+.mce-spellchecker-word {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+	height: 2rem;
+}
+.mce-spellchecker-grammar {
+	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+	background-position: 0 calc(100% + 1px);
+	background-repeat: repeat-x;
+	background-size: auto 6px;
+	cursor: default;
+}
+.mce-toc {
+	border: 1px solid gray;
+}
+.mce-toc h2 {
+	margin: 4px;
+}
+.mce-toc li {
+	list-style-type: none;
+}
+.mce-item-table:not([border]),
+.mce-item-table:not([border]) caption,
+.mce-item-table:not([border]) td,
+.mce-item-table:not([border]) th,
+.mce-item-table[border='0'],
+.mce-item-table[border='0'] caption,
+.mce-item-table[border='0'] td,
+.mce-item-table[border='0'] th,
+table[style*='border-width: 0px'],
+table[style*='border-width: 0px'] caption,
+table[style*='border-width: 0px'] td,
+table[style*='border-width: 0px'] th {
+	border: 1px dashed #bbb;
+}
+.mce-visualblocks address,
+.mce-visualblocks article,
+.mce-visualblocks aside,
+.mce-visualblocks blockquote,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks dl,
+.mce-visualblocks figcaption,
+.mce-visualblocks figure,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks hgroup,
+.mce-visualblocks ol,
+.mce-visualblocks p,
+.mce-visualblocks pre,
+.mce-visualblocks section,
+.mce-visualblocks ul {
+	background-repeat: no-repeat;
+	border: 1px dashed #bbb;
+	margin-left: 3px;
+	padding-top: 10px;
+}
+.mce-visualblocks p {
+	background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+	background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+	background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+	background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+	background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+	background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+	background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+	background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+	border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+	background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+	background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+	background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir='rtl']) address,
+.mce-visualblocks:not([dir='rtl']) article,
+.mce-visualblocks:not([dir='rtl']) aside,
+.mce-visualblocks:not([dir='rtl']) blockquote,
+.mce-visualblocks:not([dir='rtl']) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir='rtl']) dl,
+.mce-visualblocks:not([dir='rtl']) figcaption,
+.mce-visualblocks:not([dir='rtl']) figure,
+.mce-visualblocks:not([dir='rtl']) h1,
+.mce-visualblocks:not([dir='rtl']) h2,
+.mce-visualblocks:not([dir='rtl']) h3,
+.mce-visualblocks:not([dir='rtl']) h4,
+.mce-visualblocks:not([dir='rtl']) h5,
+.mce-visualblocks:not([dir='rtl']) h6,
+.mce-visualblocks:not([dir='rtl']) hgroup,
+.mce-visualblocks:not([dir='rtl']) ol,
+.mce-visualblocks:not([dir='rtl']) p,
+.mce-visualblocks:not([dir='rtl']) pre,
+.mce-visualblocks:not([dir='rtl']) section,
+.mce-visualblocks:not([dir='rtl']) ul {
+	margin-left: 3px;
+}
+.mce-visualblocks[dir='rtl'] address,
+.mce-visualblocks[dir='rtl'] article,
+.mce-visualblocks[dir='rtl'] aside,
+.mce-visualblocks[dir='rtl'] blockquote,
+.mce-visualblocks[dir='rtl'] div:not([data-mce-bogus]),
+.mce-visualblocks[dir='rtl'] dl,
+.mce-visualblocks[dir='rtl'] figcaption,
+.mce-visualblocks[dir='rtl'] figure,
+.mce-visualblocks[dir='rtl'] h1,
+.mce-visualblocks[dir='rtl'] h2,
+.mce-visualblocks[dir='rtl'] h3,
+.mce-visualblocks[dir='rtl'] h4,
+.mce-visualblocks[dir='rtl'] h5,
+.mce-visualblocks[dir='rtl'] h6,
+.mce-visualblocks[dir='rtl'] hgroup,
+.mce-visualblocks[dir='rtl'] ol,
+.mce-visualblocks[dir='rtl'] p,
+.mce-visualblocks[dir='rtl'] pre,
+.mce-visualblocks[dir='rtl'] section,
+.mce-visualblocks[dir='rtl'] ul {
+	background-position-x: right;
+	margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+	background: #aaa;
+}
+.mce-shy::after {
+	content: '-';
+}
+body {
+	font-family: sans-serif;
+}
+table {
+	border-collapse: collapse;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/skin.css b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/skin.css
new file mode 100644
index 00000000..290ce87d
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/skin.css
@@ -0,0 +1,3764 @@
+.tox {
+	box-shadow: none;
+	box-sizing: content-box;
+	color: #222f3e;
+	cursor: auto;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: normal;
+	-webkit-tap-highlight-color: transparent;
+	text-decoration: none;
+	text-shadow: none;
+	text-transform: none;
+	vertical-align: initial;
+	white-space: normal;
+}
+
+.tox *:not(svg):not(rect) {
+	box-sizing: inherit;
+	color: inherit;
+	cursor: inherit;
+	direction: inherit;
+	font-family: inherit;
+	font-size: inherit;
+	font-style: inherit;
+	font-weight: inherit;
+	line-height: inherit;
+	-webkit-tap-highlight-color: inherit;
+	text-align: inherit;
+	text-decoration: inherit;
+	text-shadow: inherit;
+	text-transform: inherit;
+	vertical-align: inherit;
+	white-space: inherit;
+}
+
+.tox *:not(svg):not(rect) {
+	/* stylelint-disable-line no-duplicate-selectors */
+	background: transparent;
+	border: 0;
+	box-shadow: none;
+	float: none;
+	height: auto;
+	margin: 0;
+	max-width: none;
+	outline: 0;
+	padding: 0;
+	position: static;
+	width: auto;
+}
+
+.tox:not([dir='rtl']) {
+	direction: ltr;
+	text-align: left;
+}
+
+.tox[dir='rtl'] {
+	direction: rtl;
+	text-align: right;
+}
+
+.tox-tinymce {
+	border: 1px solid #cccccc;
+	border-radius: 0;
+	box-shadow: none;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	overflow: hidden;
+	position: relative;
+	visibility: inherit !important;
+}
+
+.tox.tox-tinymce-inline {
+	border: none;
+	box-shadow: none;
+	overflow: initial;
+}
+
+.tox.tox-tinymce-inline .tox-editor-container {
+	overflow: initial;
+}
+
+.tox.tox-tinymce-inline .tox-editor-header {
+	background-color: #fff;
+	border: 1px solid #cccccc;
+	border-radius: 0;
+	box-shadow: none;
+	overflow: hidden;
+}
+
+.tox-tinymce-aux {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	z-index: 1300;
+}
+
+.tox-tinymce *:focus,
+.tox-tinymce-aux *:focus {
+	outline: none;
+}
+
+button::-moz-focus-inner {
+	border: 0;
+}
+
+.tox[dir='rtl'] .tox-icon--flip svg {
+	transform: rotateY(180deg);
+}
+
+.tox .accessibility-issue__header {
+	align-items: center;
+	display: flex;
+	margin-bottom: 4px;
+}
+
+.tox .accessibility-issue__description {
+	align-items: stretch;
+	border: 1px solid #cccccc;
+	border-radius: 3px;
+	display: flex;
+	justify-content: space-between;
+}
+
+.tox .accessibility-issue__description > div {
+	padding-bottom: 4px;
+}
+
+.tox .accessibility-issue__description > div > div {
+	align-items: center;
+	display: flex;
+	margin-bottom: 4px;
+}
+
+.tox .accessibility-issue__description > *:last-child:not(:only-child) {
+	border-color: #cccccc;
+	border-style: solid;
+}
+
+.tox .accessibility-issue__repair {
+	margin-top: 16px;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+	background-color: rgba(32, 122, 183, 0.1);
+	border-color: rgba(32, 122, 183, 0.4);
+	color: #222f3e;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
+	border-color: rgba(32, 122, 183, 0.4);
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+	color: #207ab7;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
+	fill: #207ab7;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
+	color: #207ab7;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+	background-color: rgba(255, 165, 0, 0.1);
+	border-color: rgba(255, 165, 0, 0.5);
+	color: #222f3e;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {
+	border-color: rgba(255, 165, 0, 0.5);
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+	color: #cc8500;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
+	fill: #cc8500;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
+	color: #cc8500;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+	background-color: rgba(204, 0, 0, 0.1);
+	border-color: rgba(204, 0, 0, 0.4);
+	color: #222f3e;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {
+	border-color: rgba(204, 0, 0, 0.4);
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+	color: #c00;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
+	fill: #c00;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
+	color: #c00;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+	background-color: rgba(120, 171, 70, 0.1);
+	border-color: rgba(120, 171, 70, 0.4);
+	color: #222f3e;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
+	border-color: rgba(120, 171, 70, 0.4);
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+	color: #78ab46;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
+	fill: #78ab46;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
+	color: #78ab46;
+}
+
+.tox .tox-dialog__body-content .accessibility-issue__header h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+	margin-top: 0;
+}
+
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+	margin-left: 4px;
+}
+
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+	margin-left: auto;
+}
+
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__description {
+	padding: 4px 4px 4px 8px;
+}
+
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__description > *:last-child {
+	border-left-width: 1px;
+	padding-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+	margin-right: 4px;
+}
+
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+	margin-right: auto;
+}
+
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description {
+	padding: 4px 8px 4px 4px;
+}
+
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description > *:last-child {
+	border-right-width: 1px;
+	padding-right: 4px;
+}
+
+.tox .tox-anchorbar {
+	display: flex;
+	flex: 0 0 auto;
+}
+
+.tox .tox-bar {
+	display: flex;
+	flex: 0 0 auto;
+}
+
+.tox .tox-button {
+	background-color: #207ab7;
+	background-image: none;
+	background-position: 0 0;
+	background-repeat: repeat;
+	border-color: #207ab7;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #fff;
+	cursor: pointer;
+	display: inline-block;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: bold;
+	letter-spacing: normal;
+	line-height: 24px;
+	margin: 0;
+	outline: none;
+	padding: 4px 16px;
+	text-align: center;
+	text-decoration: none;
+	text-transform: none;
+	white-space: nowrap;
+}
+
+.tox .tox-button[disabled] {
+	background-color: #207ab7;
+	background-image: none;
+	border-color: #207ab7;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-button:focus:not(:disabled) {
+	background-color: #1c6ca1;
+	background-image: none;
+	border-color: #1c6ca1;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button:hover:not(:disabled) {
+	background-color: #1c6ca1;
+	background-image: none;
+	border-color: #1c6ca1;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button:active:not(:disabled) {
+	background-color: #185d8c;
+	background-image: none;
+	border-color: #185d8c;
+	box-shadow: none;
+	color: #fff;
+}
+
+.tox .tox-button--secondary {
+	background-color: #f0f0f0;
+	background-image: none;
+	background-position: 0 0;
+	background-repeat: repeat;
+	border-color: #f0f0f0;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	color: #222f3e;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: bold;
+	letter-spacing: normal;
+	outline: none;
+	padding: 4px 16px;
+	text-decoration: none;
+	text-transform: none;
+}
+
+.tox .tox-button--secondary[disabled] {
+	background-color: #f0f0f0;
+	background-image: none;
+	border-color: #f0f0f0;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+}
+
+.tox .tox-button--secondary:focus:not(:disabled) {
+	background-color: #e3e3e3;
+	background-image: none;
+	border-color: #e3e3e3;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-button--secondary:hover:not(:disabled) {
+	background-color: #e3e3e3;
+	background-image: none;
+	border-color: #e3e3e3;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-button--secondary:active:not(:disabled) {
+	background-color: #d6d6d6;
+	background-image: none;
+	border-color: #d6d6d6;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+	padding: 4px;
+}
+
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+	display: block;
+	fill: currentColor;
+}
+
+.tox .tox-button-link {
+	background: 0;
+	border: none;
+	box-sizing: border-box;
+	cursor: pointer;
+	display: inline-block;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 16px;
+	font-weight: normal;
+	line-height: 1.3;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+
+.tox .tox-button-link--sm {
+	font-size: 14px;
+}
+
+.tox .tox-button--naked {
+	background-color: transparent;
+	border-color: transparent;
+	box-shadow: unset;
+	color: #222f3e;
+}
+
+.tox .tox-button--naked[disabled] {
+	background-color: #f0f0f0;
+	border-color: #f0f0f0;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+}
+
+.tox .tox-button--naked:hover:not(:disabled) {
+	background-color: #e3e3e3;
+	border-color: #e3e3e3;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-button--naked:focus:not(:disabled) {
+	background-color: #e3e3e3;
+	border-color: #e3e3e3;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-button--naked:active:not(:disabled) {
+	background-color: #d6d6d6;
+	border-color: #d6d6d6;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-button--naked .tox-icon svg {
+	fill: currentColor;
+}
+
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+	color: #222f3e;
+}
+
+.tox .tox-checkbox {
+	align-items: center;
+	border-radius: 3px;
+	cursor: pointer;
+	display: flex;
+	height: 36px;
+	min-width: 36px;
+}
+
+.tox .tox-checkbox__input {
+	/* Hide from view but visible to screen readers */
+	height: 1px;
+	overflow: hidden;
+	position: absolute;
+	top: auto;
+	width: 1px;
+}
+
+.tox .tox-checkbox__icons {
+	align-items: center;
+	border-radius: 3px;
+	box-shadow: 0 0 0 2px transparent;
+	box-sizing: content-box;
+	display: flex;
+	height: 24px;
+	justify-content: center;
+	padding: calc(4px - 1px);
+	width: 24px;
+}
+
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: block;
+	fill: rgba(34, 47, 62, 0.3);
+}
+
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	display: none;
+	fill: #207ab7;
+}
+
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	display: none;
+	fill: #207ab7;
+}
+
+.tox .tox-checkbox--disabled {
+	color: rgba(34, 47, 62, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: none;
+}
+
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	display: block;
+}
+
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: none;
+}
+
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	display: block;
+}
+
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+	border-radius: 3px;
+	box-shadow: inset 0 0 0 1px #207ab7;
+	padding: calc(4px - 1px);
+}
+
+.tox:not([dir='rtl']) .tox-checkbox__label {
+	margin-left: 4px;
+}
+
+.tox:not([dir='rtl']) .tox-checkbox__input {
+	left: -10000px;
+}
+
+.tox:not([dir='rtl']) .tox-bar .tox-checkbox {
+	margin-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-checkbox__label {
+	margin-right: 4px;
+}
+
+.tox[dir='rtl'] .tox-checkbox__input {
+	right: -10000px;
+}
+
+.tox[dir='rtl'] .tox-bar .tox-checkbox {
+	margin-right: 4px;
+}
+
+.tox {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox .tox-collection--toolbar .tox-collection__group {
+	display: flex;
+	padding: 0;
+}
+
+.tox .tox-collection--grid .tox-collection__group {
+	display: flex;
+	flex-wrap: wrap;
+	max-height: 208px;
+	overflow-x: hidden;
+	overflow-y: auto;
+	padding: 0;
+}
+
+.tox .tox-collection--list .tox-collection__group {
+	border-bottom-width: 0;
+	border-color: #cccccc;
+	border-left-width: 0;
+	border-right-width: 0;
+	border-style: solid;
+	border-top-width: 1px;
+	padding: 4px 0;
+}
+
+.tox .tox-collection--list .tox-collection__group:first-child {
+	border-top-width: 0;
+}
+
+.tox .tox-collection__group-heading {
+	background-color: #e6e6e6;
+	color: rgba(34, 47, 62, 0.7);
+	cursor: default;
+	font-size: 12px;
+	font-style: normal;
+	font-weight: normal;
+	margin-bottom: 4px;
+	margin-top: -4px;
+	padding: 4px 8px;
+	text-transform: none;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.tox .tox-collection__item {
+	align-items: center;
+	border-radius: 3px;
+	color: #222f3e;
+	display: flex;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.tox .tox-collection--list .tox-collection__item {
+	padding: 4px 8px;
+}
+
+.tox .tox-collection--toolbar .tox-collection__item {
+	border-radius: 3px;
+	padding: 4px;
+}
+
+.tox .tox-collection--grid .tox-collection__item {
+	border-radius: 3px;
+	padding: 4px;
+}
+
+.tox .tox-collection--list .tox-collection__item--enabled {
+	background-color: #fff;
+	color: #222f3e;
+}
+
+.tox .tox-collection--list .tox-collection__item--active {
+	background-color: #dee0e2;
+}
+
+.tox .tox-collection--toolbar .tox-collection__item--enabled {
+	background-color: #c8cbcf;
+	color: #222f3e;
+}
+
+.tox .tox-collection--toolbar .tox-collection__item--active {
+	background-color: #dee0e2;
+}
+
+.tox .tox-collection--grid .tox-collection__item--enabled {
+	background-color: #c8cbcf;
+	color: #222f3e;
+}
+
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	background-color: #dee0e2;
+	color: #222f3e;
+}
+
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	color: #222f3e;
+}
+
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	color: #222f3e;
+}
+
+.tox .tox-collection__item-icon,
+.tox .tox-collection__item-checkmark {
+	align-items: center;
+	display: flex;
+	height: 24px;
+	justify-content: center;
+	width: 24px;
+}
+
+.tox .tox-collection__item-icon svg,
+.tox .tox-collection__item-checkmark svg {
+	fill: currentColor;
+}
+
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+	height: 48px;
+	width: 48px;
+}
+
+.tox .tox-collection__item-label {
+	color: currentColor;
+	display: inline-block;
+	flex: 1;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 24px;
+	text-transform: none;
+	word-break: break-all;
+}
+
+.tox .tox-collection__item-accessory {
+	color: rgba(34, 47, 62, 0.7);
+	display: inline-block;
+	font-size: 14px;
+	height: 24px;
+	line-height: 24px;
+	text-transform: none;
+}
+
+.tox .tox-collection__item-caret {
+	align-items: center;
+	display: flex;
+	min-height: 24px;
+}
+
+.tox .tox-collection__item-caret::after {
+	content: '';
+	font-size: 0;
+	min-height: inherit;
+}
+
+.tox .tox-collection__item-caret svg {
+	fill: #222f3e;
+}
+
+.tox .tox-collection__item--state-disabled {
+	background-color: transparent;
+	color: rgba(34, 47, 62, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+
+.tox
+.tox-collection--list
+.tox-collection__item:not(.tox-collection__item--enabled)
+.tox-collection__item-checkmark
+svg {
+	display: none;
+}
+
+.tox
+.tox-collection--list
+.tox-collection__item:not(.tox-collection__item--enabled)
+.tox-collection__item-accessory
++ .tox-collection__item-checkmark {
+	display: none;
+}
+
+.tox .tox-collection--horizontal {
+	background-color: #fff;
+	border: 1px solid #cccccc;
+	border-radius: 3px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: nowrap;
+	margin-bottom: 0;
+	overflow-x: auto;
+	padding: 0;
+}
+
+.tox .tox-collection--horizontal .tox-collection__group {
+	align-items: center;
+	display: flex;
+	flex-wrap: nowrap;
+	margin: 0;
+	padding: 0 4px;
+}
+
+.tox .tox-collection--horizontal .tox-collection__item {
+	height: 34px;
+	margin: 3px 0 2px 0;
+	padding: 0 4px;
+}
+
+.tox .tox-collection--horizontal .tox-collection__item-label {
+	white-space: nowrap;
+}
+
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+	margin-left: 4px;
+}
+
+.tox .tox-collection__item-container {
+	display: flex;
+}
+
+.tox .tox-collection__item-container--row {
+	align-items: center;
+	flex: 1 1 auto;
+	flex-direction: row;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+	margin-right: auto;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+	justify-content: flex-end;
+	margin-left: auto;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+	align-items: flex-start;
+	margin-bottom: auto;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+	align-items: center;
+}
+
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+	align-items: flex-end;
+	margin-top: auto;
+}
+
+.tox .tox-collection__item-container--column {
+	align-self: center;
+	flex: 1 1 auto;
+	flex-direction: column;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+	align-items: flex-start;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+	align-items: flex-end;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+	align-self: flex-start;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+	align-self: center;
+}
+
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+	align-self: flex-end;
+}
+
+.tox:not([dir='rtl']) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+	border-right: 1px solid #cccccc;
+}
+
+.tox:not([dir='rtl']) .tox-collection--list .tox-collection__item > *:not(:first-child) {
+	margin-left: 8px;
+}
+
+.tox:not([dir='rtl']) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+	margin-left: 4px;
+}
+
+.tox:not([dir='rtl']) .tox-collection__item-accessory {
+	margin-left: 16px;
+	text-align: right;
+}
+
+.tox:not([dir='rtl']) .tox-collection .tox-collection__item-caret {
+	margin-left: 16px;
+}
+
+.tox[dir='rtl'] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+	border-left: 1px solid #cccccc;
+}
+
+.tox[dir='rtl'] .tox-collection--list .tox-collection__item > *:not(:first-child) {
+	margin-right: 8px;
+}
+
+.tox[dir='rtl'] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+	margin-right: 4px;
+}
+
+.tox[dir='rtl'] .tox-collection__item-accessory {
+	margin-right: 16px;
+	text-align: left;
+}
+
+.tox[dir='rtl'] .tox-collection .tox-collection__item-caret {
+	margin-right: 16px;
+	transform: rotateY(180deg);
+}
+
+.tox[dir='rtl'] .tox-collection--horizontal .tox-collection__item-caret {
+	margin-right: 4px;
+}
+
+.tox .tox-color-picker-container {
+	display: flex;
+	flex-direction: row;
+	height: 225px;
+	margin: 0;
+}
+
+.tox .tox-sv-palette {
+	box-sizing: border-box;
+	display: flex;
+	height: 100%;
+}
+
+.tox .tox-sv-palette-spectrum {
+	height: 100%;
+}
+
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+	width: 225px;
+}
+
+.tox .tox-sv-palette-thumb {
+	background: none;
+	border: 1px solid black;
+	border-radius: 50%;
+	box-sizing: content-box;
+	height: 12px;
+	position: absolute;
+	width: 12px;
+}
+
+.tox .tox-sv-palette-inner-thumb {
+	border: 1px solid white;
+	border-radius: 50%;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+}
+
+.tox .tox-hue-slider {
+	box-sizing: border-box;
+	height: 100%;
+	width: 25px;
+}
+
+.tox .tox-hue-slider-spectrum {
+	background: linear-gradient(
+		to bottom,
+		#f00,
+		#ff0080,
+		#f0f,
+		#8000ff,
+		#00f,
+		#0080ff,
+		#0ff,
+		#00ff80,
+		#0f0,
+		#80ff00,
+		#ff0,
+		#ff8000,
+		#f00
+	);
+	height: 100%;
+	width: 100%;
+}
+
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+	width: 20px;
+}
+
+.tox .tox-hue-slider-thumb {
+	background: white;
+	border: 1px solid black;
+	box-sizing: content-box;
+	height: 4px;
+	width: 100%;
+}
+
+.tox .tox-rgb-form {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.tox .tox-rgb-form div {
+	align-items: center;
+	display: flex;
+	justify-content: space-between;
+	margin-bottom: 5px;
+	width: inherit;
+}
+
+.tox .tox-rgb-form input {
+	width: 6em;
+}
+
+.tox .tox-rgb-form input.tox-invalid {
+	/* Need !important to override Chrome's focus styling unfortunately */
+	border: 1px solid red !important;
+}
+
+.tox .tox-rgb-form .tox-rgba-preview {
+	border: 1px solid black;
+	flex-grow: 2;
+	margin-bottom: 0;
+}
+
+.tox:not([dir='rtl']) .tox-sv-palette {
+	margin-right: 15px;
+}
+
+.tox:not([dir='rtl']) .tox-hue-slider {
+	margin-right: 15px;
+}
+
+.tox:not([dir='rtl']) .tox-hue-slider-thumb {
+	margin-left: -1px;
+}
+
+.tox:not([dir='rtl']) .tox-rgb-form label {
+	margin-right: 0.5em;
+}
+
+.tox[dir='rtl'] .tox-sv-palette {
+	margin-left: 15px;
+}
+
+.tox[dir='rtl'] .tox-hue-slider {
+	margin-left: 15px;
+}
+
+.tox[dir='rtl'] .tox-hue-slider-thumb {
+	margin-right: -1px;
+}
+
+.tox[dir='rtl'] .tox-rgb-form label {
+	margin-left: 0.5em;
+}
+
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches {
+	margin: 2px 0 3px 4px;
+}
+
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+	border: 0;
+	margin: -4px 0;
+}
+
+.tox .tox-swatches__row {
+	display: flex;
+}
+
+.tox .tox-swatch {
+	height: 30px;
+	transition: transform 0.15s, box-shadow 0.15s;
+	width: 30px;
+}
+
+.tox .tox-swatch:hover,
+.tox .tox-swatch:focus {
+	box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+	transform: scale(0.8);
+}
+
+.tox .tox-swatch--remove {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+}
+
+.tox .tox-swatch--remove svg path {
+	stroke: #e74c3c;
+}
+
+.tox .tox-swatches__picker-btn {
+	align-items: center;
+	background-color: transparent;
+	border: 0;
+	cursor: pointer;
+	display: flex;
+	height: 30px;
+	justify-content: center;
+	outline: none;
+	padding: 0;
+	width: 30px;
+}
+
+.tox .tox-swatches__picker-btn svg {
+	fill: #222f3e;
+	height: 24px;
+	width: 24px;
+}
+
+.tox .tox-swatches__picker-btn:hover {
+	background: #dee0e2;
+}
+
+.tox:not([dir='rtl']) .tox-swatches__picker-btn {
+	margin-left: auto;
+}
+
+.tox[dir='rtl'] .tox-swatches__picker-btn {
+	margin-right: auto;
+}
+
+.tox .tox-comment-thread {
+	background: #fff;
+	position: relative;
+}
+
+.tox .tox-comment-thread > *:not(:first-child) {
+	margin-top: 8px;
+}
+
+.tox .tox-comment {
+	background: #fff;
+	border: 1px solid #cccccc;
+	border-radius: 3px;
+	box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+	padding: 8px 8px 16px 8px;
+	position: relative;
+}
+
+.tox .tox-comment__header {
+	align-items: center;
+	color: #222f3e;
+	display: flex;
+	justify-content: space-between;
+}
+
+.tox .tox-comment__date {
+	color: rgba(34, 47, 62, 0.7);
+	font-size: 12px;
+}
+
+.tox .tox-comment__body {
+	color: #222f3e;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.3;
+	margin-top: 8px;
+	position: relative;
+	text-transform: initial;
+}
+
+.tox .tox-comment__body textarea {
+	resize: none;
+	white-space: normal;
+	width: 100%;
+}
+
+.tox .tox-comment__expander {
+	padding-top: 8px;
+}
+
+.tox .tox-comment__expander p {
+	color: rgba(34, 47, 62, 0.7);
+	font-size: 14px;
+	font-style: normal;
+}
+
+.tox .tox-comment__body p {
+	margin: 0;
+}
+
+.tox .tox-comment__buttonspacing {
+	padding-top: 16px;
+	text-align: center;
+}
+
+.tox .tox-comment-thread__overlay::after {
+	background: #fff;
+	bottom: 0;
+	content: '';
+	display: flex;
+	left: 0;
+	opacity: 0.9;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 5;
+}
+
+.tox .tox-comment__reply {
+	display: flex;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	margin-top: 8px;
+}
+
+.tox .tox-comment__reply > *:first-child {
+	margin-bottom: 8px;
+	width: 100%;
+}
+
+.tox .tox-comment__edit {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	margin-top: 16px;
+}
+
+.tox .tox-comment__gradient::after {
+	background: linear-gradient(rgba(255, 255, 255, 0), #fff);
+	bottom: 0;
+	content: '';
+	display: block;
+	height: 5em;
+	margin-top: -40px;
+	position: absolute;
+	width: 100%;
+}
+
+.tox .tox-comment__overlay {
+	background: #fff;
+	bottom: 0;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	left: 0;
+	opacity: 0.9;
+	position: absolute;
+	right: 0;
+	text-align: center;
+	top: 0;
+	z-index: 5;
+}
+
+.tox .tox-comment__loading-text {
+	align-items: center;
+	color: #222f3e;
+	display: flex;
+	flex-direction: column;
+	position: relative;
+}
+
+.tox .tox-comment__loading-text > div {
+	padding-bottom: 16px;
+}
+
+.tox .tox-comment__overlaytext {
+	bottom: 0;
+	flex-direction: column;
+	font-size: 14px;
+	left: 0;
+	padding: 1em;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 10;
+}
+
+.tox .tox-comment__overlaytext p {
+	background-color: #fff;
+	box-shadow: 0 0 8px 8px #fff;
+	color: #222f3e;
+	text-align: center;
+}
+
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+	font-size: 0.8em;
+}
+
+.tox .tox-comment__busy-spinner {
+	align-items: center;
+	background-color: #fff;
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 20;
+}
+
+.tox .tox-comment__scroll {
+	display: flex;
+	flex-direction: column;
+	flex-shrink: 1;
+	overflow: auto;
+}
+
+.tox .tox-conversations {
+	margin: 8px;
+}
+
+.tox:not([dir='rtl']) .tox-comment__edit {
+	margin-left: 8px;
+}
+
+.tox:not([dir='rtl']) .tox-comment__buttonspacing > *:last-child,
+.tox:not([dir='rtl']) .tox-comment__edit > *:last-child,
+.tox:not([dir='rtl']) .tox-comment__reply > *:last-child {
+	margin-left: 8px;
+}
+
+.tox[dir='rtl'] .tox-comment__edit {
+	margin-right: 8px;
+}
+
+.tox[dir='rtl'] .tox-comment__buttonspacing > *:last-child,
+.tox[dir='rtl'] .tox-comment__edit > *:last-child,
+.tox[dir='rtl'] .tox-comment__reply > *:last-child {
+	margin-right: 8px;
+}
+
+.tox .tox-user {
+	align-items: center;
+	display: flex;
+}
+
+.tox .tox-user__avatar svg {
+	fill: rgba(34, 47, 62, 0.7);
+}
+
+.tox .tox-user__name {
+	color: rgba(34, 47, 62, 0.7);
+	font-size: 12px;
+	font-style: normal;
+	font-weight: bold;
+	text-transform: uppercase;
+}
+
+.tox:not([dir='rtl']) .tox-user__avatar svg {
+	margin-right: 8px;
+}
+
+.tox:not([dir='rtl']) .tox-user__avatar + .tox-user__name {
+	margin-left: 8px;
+}
+
+.tox[dir='rtl'] .tox-user__avatar svg {
+	margin-left: 8px;
+}
+
+.tox[dir='rtl'] .tox-user__avatar + .tox-user__name {
+	margin-right: 8px;
+}
+
+.tox .tox-dialog-wrap {
+	align-items: center;
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: fixed;
+	right: 0;
+	top: 0;
+	z-index: 1100;
+}
+
+.tox .tox-dialog-wrap__backdrop {
+	background-color: rgba(255, 255, 255, 0.75);
+	bottom: 0;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 1;
+}
+
+.tox .tox-dialog-wrap__backdrop--opaque {
+	background-color: #fff;
+}
+
+.tox .tox-dialog {
+	background-color: #fff;
+	border-color: #cccccc;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+	display: flex;
+	flex-direction: column;
+	max-height: 100%;
+	max-width: 480px;
+	overflow: hidden;
+	position: relative;
+	width: 95vw;
+	z-index: 2;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog {
+		align-self: flex-start;
+		margin: 8px auto;
+		width: calc(100vw - 16px);
+	}
+}
+
+.tox .tox-dialog-inline {
+	z-index: 1100;
+}
+
+.tox .tox-dialog__header {
+	align-items: center;
+	background-color: #fff;
+	border-bottom: none;
+	color: #222f3e;
+	display: flex;
+	font-size: 16px;
+	justify-content: space-between;
+	padding: 8px 16px 0 16px;
+	position: relative;
+}
+
+.tox .tox-dialog__header .tox-button {
+	z-index: 1;
+}
+
+.tox .tox-dialog__draghandle {
+	cursor: grab;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.tox .tox-dialog__draghandle:active {
+	cursor: grabbing;
+}
+
+.tox .tox-dialog__dismiss {
+	margin-left: auto;
+}
+
+.tox .tox-dialog__title {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 20px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.3;
+	margin: 0;
+	text-transform: none;
+}
+
+.tox .tox-dialog__body {
+	color: #222f3e;
+	display: flex;
+	flex: 1;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.3;
+	min-width: 0;
+	text-align: left;
+	text-transform: none;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog__body {
+		flex-direction: column;
+	}
+}
+
+.tox .tox-dialog__body-nav {
+	align-items: flex-start;
+	display: flex;
+	flex-direction: column;
+	padding: 16px 16px;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+		flex-direction: row;
+		-webkit-overflow-scrolling: touch;
+		overflow-x: auto;
+		padding-bottom: 0;
+	}
+}
+
+.tox .tox-dialog__body-nav-item {
+	border-bottom: 2px solid transparent;
+	color: rgba(34, 47, 62, 0.7);
+	display: inline-block;
+	font-size: 14px;
+	line-height: 1.3;
+	margin-bottom: 8px;
+	text-decoration: none;
+	white-space: nowrap;
+}
+
+.tox .tox-dialog__body-nav-item:focus {
+	background-color: rgba(32, 122, 183, 0.1);
+}
+
+.tox .tox-dialog__body-nav-item--active {
+	border-bottom: 2px solid #207ab7;
+	color: #207ab7;
+}
+
+.tox .tox-dialog__body-content {
+	box-sizing: border-box;
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	max-height: 650px;
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
+	padding: 16px 16px;
+}
+
+.tox .tox-dialog__body-content > * {
+	margin-bottom: 0;
+	margin-top: 16px;
+}
+
+.tox .tox-dialog__body-content > *:first-child {
+	margin-top: 0;
+}
+
+.tox .tox-dialog__body-content > *:last-child {
+	margin-bottom: 0;
+}
+
+.tox .tox-dialog__body-content > *:only-child {
+	margin-bottom: 0;
+	margin-top: 0;
+}
+
+.tox .tox-dialog__body-content a {
+	color: #207ab7;
+	cursor: pointer;
+	text-decoration: none;
+}
+
+.tox .tox-dialog__body-content a:hover,
+.tox .tox-dialog__body-content a:focus {
+	color: #185d8c;
+	text-decoration: none;
+}
+
+.tox .tox-dialog__body-content a:active {
+	color: #185d8c;
+	text-decoration: none;
+}
+
+.tox .tox-dialog__body-content svg {
+	fill: #222f3e;
+}
+
+.tox .tox-dialog__body-content ul {
+	display: block;
+	list-style-type: disc;
+	margin-bottom: 16px;
+	margin-inline-end: 0;
+	margin-inline-start: 0;
+	padding-inline-start: 2.5rem;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h1 {
+	color: #222f3e;
+	font-size: 20px;
+	font-style: normal;
+	font-weight: bold;
+	letter-spacing: normal;
+	margin-bottom: 16px;
+	margin-top: 2rem;
+	text-transform: none;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h2 {
+	color: #222f3e;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: bold;
+	letter-spacing: normal;
+	margin-bottom: 16px;
+	margin-top: 2rem;
+	text-transform: none;
+}
+
+.tox .tox-dialog__body-content .tox-form__group p {
+	margin-bottom: 16px;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+	margin-top: 0;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+	margin-bottom: 0;
+}
+
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+	margin-bottom: 0;
+	margin-top: 0;
+}
+
+.tox .tox-dialog--width-lg {
+	height: 650px;
+	max-width: 1200px;
+}
+
+.tox .tox-dialog--width-md {
+	max-width: 800px;
+}
+
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+	overflow: auto;
+}
+
+.tox .tox-dialog__body-content--centered {
+	text-align: center;
+}
+
+.tox .tox-dialog__footer {
+	align-items: center;
+	background-color: #fff;
+	border-top: 1px solid #cccccc;
+	display: flex;
+	justify-content: space-between;
+	padding: 8px 16px;
+}
+
+.tox .tox-dialog__footer-start,
+.tox .tox-dialog__footer-end {
+	display: flex;
+}
+
+.tox .tox-dialog__busy-spinner {
+	align-items: center;
+	background-color: rgba(255, 255, 255, 0.75);
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 3;
+}
+
+.tox .tox-dialog__table {
+	border-collapse: collapse;
+	width: 100%;
+}
+
+.tox .tox-dialog__table thead th {
+	font-weight: bold;
+	padding-bottom: 8px;
+}
+
+.tox .tox-dialog__table tbody tr {
+	border-bottom: 1px solid #cccccc;
+}
+
+.tox .tox-dialog__table tbody tr:last-child {
+	border-bottom: none;
+}
+
+.tox .tox-dialog__table td {
+	padding-bottom: 8px;
+	padding-top: 8px;
+}
+
+.tox .tox-dialog__popups {
+	position: absolute;
+	width: 100%;
+	z-index: 1100;
+}
+
+.tox .tox-dialog__body-iframe {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+
+.tox .tox-dialog__body-iframe .tox-navobj {
+	display: flex;
+	flex: 1;
+}
+
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+	flex: 1;
+	height: 100%;
+}
+
+.tox .tox-dialog-dock-fadeout {
+	opacity: 0;
+	visibility: hidden;
+}
+
+.tox .tox-dialog-dock-fadein {
+	opacity: 1;
+	visibility: visible;
+}
+
+.tox .tox-dialog-dock-transition {
+	transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+	transition-delay: 0s;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav {
+		margin-right: 0;
+	}
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav-item:not(:first-child) {
+		margin-left: 8px;
+	}
+}
+
+.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-end > * {
+	margin-left: 8px;
+}
+
+.tox[dir='rtl'] .tox-dialog__body {
+	text-align: right;
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav {
+		margin-left: 0;
+	}
+}
+
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav-item:not(:first-child) {
+		margin-right: 8px;
+	}
+}
+
+.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-end > * {
+	margin-right: 8px;
+}
+
+body.tox-dialog__disable-scroll {
+	overflow: hidden;
+}
+
+.tox .tox-dropzone-container {
+	display: flex;
+	flex: 1;
+}
+
+.tox .tox-dropzone {
+	align-items: center;
+	background: #fff;
+	border: 2px dashed #cccccc;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	justify-content: center;
+	min-height: 100px;
+	padding: 10px;
+}
+
+.tox .tox-dropzone p {
+	color: rgba(34, 47, 62, 0.7);
+	margin: 0 0 16px 0;
+}
+
+.tox .tox-edit-area {
+	display: flex;
+	flex: 1;
+	overflow: hidden;
+	position: relative;
+}
+
+.tox .tox-edit-area__iframe {
+	background-color: #fff;
+	border: 0;
+	box-sizing: border-box;
+	flex: 1;
+	height: 100%;
+	position: absolute;
+	width: 100%;
+}
+
+.tox.tox-inline-edit-area {
+	border: 1px dotted #cccccc;
+}
+
+.tox .tox-editor-container {
+	display: flex;
+	flex: 1 1 auto;
+	flex-direction: column;
+	overflow: hidden;
+}
+
+.tox .tox-editor-header {
+	z-index: 1;
+}
+
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+	background-color: #fff;
+	border-bottom: none;
+	box-shadow: none;
+	padding: 4px 0;
+	transition: box-shadow 0.5s;
+}
+
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+	border-top: 1px solid #c1c1c1;
+	box-shadow: none;
+}
+
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
+	background-color: #fff;
+	box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+	padding: 4px 0;
+}
+
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+	box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+
+.tox-editor-dock-fadeout {
+	opacity: 0;
+	visibility: hidden;
+}
+
+.tox-editor-dock-fadein {
+	opacity: 1;
+	visibility: visible;
+}
+
+.tox-editor-dock-transition {
+	transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+	transition-delay: 0s;
+}
+
+.tox .tox-control-wrap {
+	flex: 1;
+	position: relative;
+}
+
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+	display: none;
+}
+
+.tox .tox-control-wrap svg {
+	display: block;
+}
+
+.tox .tox-control-wrap__status-icon-wrap {
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.tox .tox-control-wrap__status-icon-invalid svg {
+	fill: #c00;
+}
+
+.tox .tox-control-wrap__status-icon-unknown svg {
+	fill: orange;
+}
+
+.tox .tox-control-wrap__status-icon-valid svg {
+	fill: green;
+}
+
+.tox:not([dir='rtl']) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir='rtl']) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir='rtl']) .tox-control-wrap--status-valid .tox-textfield {
+	padding-right: 32px;
+}
+
+.tox:not([dir='rtl']) .tox-control-wrap__status-icon-wrap {
+	right: 4px;
+}
+
+.tox[dir='rtl'] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir='rtl'] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir='rtl'] .tox-control-wrap--status-valid .tox-textfield {
+	padding-left: 32px;
+}
+
+.tox[dir='rtl'] .tox-control-wrap__status-icon-wrap {
+	left: 4px;
+}
+
+.tox .tox-autocompleter {
+	max-width: 25em;
+}
+
+.tox .tox-autocompleter .tox-menu {
+	border-color: #cccccc;
+	box-shadow: none;
+	max-width: 25em;
+}
+
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+	font-weight: bold;
+}
+
+.tox .tox-color-input {
+	display: flex;
+	position: relative;
+	z-index: 1;
+}
+
+.tox .tox-color-input .tox-textfield {
+	z-index: -1;
+}
+
+.tox .tox-color-input span {
+	border-color: rgba(34, 47, 62, 0.2);
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	height: 24px;
+	position: absolute;
+	top: 6px;
+	width: 24px;
+}
+
+.tox .tox-color-input span:hover:not([aria-disabled='true']),
+.tox .tox-color-input span:focus:not([aria-disabled='true']) {
+	border-color: #207ab7;
+	cursor: pointer;
+}
+
+.tox .tox-color-input span::before {
+	background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%),
+	linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%),
+	linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%),
+	linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
+	background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+	background-size: 12px 12px;
+	border: 1px solid #fff;
+	border-radius: 3px;
+	box-sizing: border-box;
+	content: '';
+	height: 24px;
+	left: -1px;
+	position: absolute;
+	top: -1px;
+	width: 24px;
+	z-index: -1;
+}
+
+.tox .tox-color-input span[aria-disabled='true'] {
+	cursor: not-allowed;
+}
+
+.tox:not([dir='rtl']) .tox-color-input {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox:not([dir='rtl']) .tox-color-input .tox-textfield {
+	padding-left: 36px;
+}
+
+.tox:not([dir='rtl']) .tox-color-input span {
+	left: 6px;
+}
+
+.tox[dir='rtl'] .tox-color-input {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox[dir='rtl'] .tox-color-input .tox-textfield {
+	padding-right: 36px;
+}
+
+.tox[dir='rtl'] .tox-color-input span {
+	right: 6px;
+}
+
+.tox .tox-label,
+.tox .tox-toolbar-label {
+	color: rgba(34, 47, 62, 0.7);
+	display: block;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	line-height: 1.3;
+	padding: 0 8px 0 0;
+	text-transform: none;
+	white-space: nowrap;
+}
+
+.tox .tox-toolbar-label {
+	padding: 0 8px;
+}
+
+.tox[dir='rtl'] .tox-label {
+	padding: 0 0 0 8px;
+}
+
+.tox .tox-form {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+
+.tox .tox-form__group {
+	box-sizing: border-box;
+	margin-bottom: 4px;
+}
+
+.tox .tox-form-group--maximize {
+	flex: 1;
+}
+
+.tox .tox-form__group--error {
+	color: #c00;
+}
+
+.tox .tox-form__group--collection {
+	display: flex;
+}
+
+.tox .tox-form__grid {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+
+.tox .tox-form__grid--2col > .tox-form__group {
+	width: calc(50% - (8px / 2));
+}
+
+.tox .tox-form__grid--3col > .tox-form__group {
+	width: calc(100% / 3 - (8px / 2));
+}
+
+.tox .tox-form__grid--4col > .tox-form__group {
+	width: calc(25% - (8px / 2));
+}
+
+.tox .tox-form__controls-h-stack {
+	align-items: center;
+	display: flex;
+}
+
+.tox .tox-form__group--inline {
+	align-items: center;
+	display: flex;
+}
+
+.tox .tox-form__group--stretched {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+
+.tox .tox-form__group--stretched .tox-textarea {
+	flex: 1;
+}
+
+.tox .tox-form__group--stretched .tox-navobj {
+	display: flex;
+	flex: 1;
+}
+
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+	flex: 1;
+	height: 100%;
+}
+
+.tox:not([dir='rtl']) .tox-form__controls-h-stack > *:not(:first-child) {
+	margin-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-form__controls-h-stack > *:not(:first-child) {
+	margin-right: 4px;
+}
+
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+	display: none;
+}
+
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield,
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	background-color: #fff;
+	border-color: #cccccc;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #222f3e;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 16px;
+	line-height: 24px;
+	margin: 0;
+	min-height: 34px;
+	outline: none;
+	padding: 5px 4.75px;
+	resize: none;
+	width: 100%;
+}
+
+.tox .tox-textfield[disabled],
+.tox .tox-textarea[disabled] {
+	background-color: #f2f2f2;
+	color: rgba(34, 47, 62, 0.85);
+	cursor: not-allowed;
+}
+
+.tox .tox-textfield:focus,
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea:focus {
+	background-color: #fff;
+	border-color: #207ab7;
+	box-shadow: none;
+	outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+
+.tox .tox-toolbar-textfield {
+	border-width: 0;
+	margin-bottom: 3px;
+	margin-top: 2px;
+	max-width: 250px;
+}
+
+.tox .tox-naked-btn {
+	background-color: transparent;
+	border: 0;
+	border-color: transparent;
+	box-shadow: unset;
+	color: #207ab7;
+	cursor: pointer;
+	display: block;
+	margin: 0;
+	padding: 0;
+}
+
+.tox .tox-naked-btn svg {
+	display: block;
+	fill: #222f3e;
+}
+
+.tox:not([dir='rtl']) .tox-toolbar-textfield + * {
+	margin-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-toolbar-textfield + * {
+	margin-right: 4px;
+}
+
+.tox .tox-listboxfield {
+	cursor: pointer;
+	position: relative;
+}
+
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+	background-color: #f2f2f2;
+	color: rgba(34, 47, 62, 0.85);
+	cursor: not-allowed;
+}
+
+.tox .tox-listbox__select-label {
+	cursor: default;
+	flex: 1;
+	margin: 0 4px;
+}
+
+.tox .tox-listbox__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+}
+
+.tox .tox-listbox__select-chevron svg {
+	fill: #222f3e;
+}
+
+.tox .tox-listboxfield .tox-listbox--select {
+	align-items: center;
+	display: flex;
+}
+
+.tox:not([dir='rtl']) .tox-listboxfield svg {
+	right: 8px;
+}
+
+.tox[dir='rtl'] .tox-listboxfield svg {
+	left: 8px;
+}
+
+.tox .tox-selectfield {
+	cursor: pointer;
+	position: relative;
+}
+
+.tox .tox-selectfield select {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	background-color: #fff;
+	border-color: #cccccc;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #222f3e;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+	sans-serif;
+	font-size: 16px;
+	line-height: 24px;
+	margin: 0;
+	min-height: 34px;
+	outline: none;
+	padding: 5px 4.75px;
+	resize: none;
+	width: 100%;
+}
+
+.tox .tox-selectfield select[disabled] {
+	background-color: #f2f2f2;
+	color: rgba(34, 47, 62, 0.85);
+	cursor: not-allowed;
+}
+
+.tox .tox-selectfield select::-ms-expand {
+	display: none;
+}
+
+.tox .tox-selectfield select:focus {
+	background-color: #fff;
+	border-color: #207ab7;
+	box-shadow: none;
+	outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+
+.tox .tox-selectfield svg {
+	pointer-events: none;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.tox:not([dir='rtl']) .tox-selectfield select[size='0'],
+.tox:not([dir='rtl']) .tox-selectfield select[size='1'] {
+	padding-right: 24px;
+}
+
+.tox:not([dir='rtl']) .tox-selectfield svg {
+	right: 8px;
+}
+
+.tox[dir='rtl'] .tox-selectfield select[size='0'],
+.tox[dir='rtl'] .tox-selectfield select[size='1'] {
+	padding-left: 24px;
+}
+
+.tox[dir='rtl'] .tox-selectfield svg {
+	left: 8px;
+}
+
+.tox .tox-textarea {
+	-webkit-appearance: textarea;
+	-moz-appearance: textarea;
+	appearance: textarea;
+	white-space: pre-wrap;
+}
+
+.tox-fullscreen {
+	border: 0;
+	height: 100%;
+	margin: 0;
+	overflow: hidden;
+	overscroll-behavior: none;
+	padding: 0;
+	touch-action: pinch-zoom;
+	width: 100%;
+}
+
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+	display: none;
+}
+
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+	left: 0;
+	position: fixed;
+	top: 0;
+	z-index: 1200;
+}
+
+.tox.tox-tinymce.tox-fullscreen {
+	background-color: transparent;
+}
+
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+	z-index: 1201;
+}
+
+.tox .tox-help__more-link {
+	list-style: none;
+	margin-top: 1em;
+}
+
+.tox .tox-imagepreview {
+	background-color: #666;
+	height: 380px;
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+}
+
+.tox .tox-imagepreview.tox-imagepreview__loaded {
+	overflow: auto;
+}
+
+.tox .tox-imagepreview__container {
+	display: flex;
+	left: 100vw;
+	position: absolute;
+	top: 100vw;
+}
+
+.tox .tox-imagepreview__image {
+	background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+
+.tox .tox-image-tools .tox-spacer {
+	flex: 1;
+}
+
+.tox .tox-image-tools .tox-bar {
+	align-items: center;
+	display: flex;
+	height: 60px;
+	justify-content: center;
+}
+
+.tox .tox-image-tools .tox-imagepreview,
+.tox .tox-image-tools .tox-imagepreview + .tox-bar {
+	margin-top: 8px;
+}
+
+.tox .tox-image-tools .tox-croprect-block {
+	background: black;
+	filter: alpha(opacity=50);
+	opacity: 0.5;
+	position: absolute;
+	zoom: 1;
+}
+
+.tox .tox-image-tools .tox-croprect-handle {
+	border: 2px solid white;
+	height: 20px;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 20px;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-move {
+	border: 0;
+	cursor: move;
+	position: absolute;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-nw {
+	border-width: 2px 0 0 2px;
+	cursor: nw-resize;
+	left: 100px;
+	margin: -2px 0 0 -2px;
+	top: 100px;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-ne {
+	border-width: 2px 2px 0 0;
+	cursor: ne-resize;
+	left: 200px;
+	margin: -2px 0 0 -20px;
+	top: 100px;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-sw {
+	border-width: 0 0 2px 2px;
+	cursor: sw-resize;
+	left: 100px;
+	margin: -20px 2px 0 -2px;
+	top: 200px;
+}
+
+.tox .tox-image-tools .tox-croprect-handle-se {
+	border-width: 0 2px 2px 0;
+	cursor: se-resize;
+	left: 200px;
+	margin: -20px 0 0 -20px;
+	top: 200px;
+}
+
+.tox .tox-insert-table-picker {
+	display: flex;
+	flex-wrap: wrap;
+	width: 170px;
+}
+
+.tox .tox-insert-table-picker > div {
+	border-color: #cccccc;
+	border-style: solid;
+	border-width: 0 1px 1px 0;
+	box-sizing: border-box;
+	height: 17px;
+	width: 17px;
+}
+
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+	margin: 0 -4px;
+}
+
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+	background-color: rgba(32, 122, 183, 0.5);
+	border-color: rgba(32, 122, 183, 0.5);
+}
+
+.tox .tox-insert-table-picker__label {
+	color: rgba(34, 47, 62, 0.7);
+	display: block;
+	font-size: 14px;
+	padding: 4px;
+	text-align: center;
+	width: 100%;
+}
+
+.tox:not([dir='rtl']) {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox:not([dir='rtl']) .tox-insert-table-picker > div:nth-child(10n) {
+	border-right: 0;
+}
+
+.tox[dir='rtl'] {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox[dir='rtl'] .tox-insert-table-picker > div:nth-child(10n + 1) {
+	border-right: 0;
+}
+
+.tox {
+	/* stylelint-disable */
+	/* stylelint-enable */
+}
+
+.tox .tox-menu {
+	background-color: #fff;
+	border: 1px solid #cccccc;
+	border-radius: 3px;
+	box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+	display: inline-block;
+	overflow: hidden;
+	vertical-align: top;
+	z-index: 1150;
+}
+
+.tox .tox-menu.tox-collection.tox-collection--list {
+	padding: 0 0;
+}
+
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+	padding: 4px;
+}
+
+.tox .tox-menu.tox-collection.tox-collection--grid {
+	padding: 4px;
+}
+
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p,
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code {
+	margin: 0;
+}
+
+.tox .tox-menubar {
+	background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
+	background-color: #fff;
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	padding: 0 4px 0 4px;
+}
+
+.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
+	border-top: 1px solid #cccccc;
+}
+
+/* Deprecated. Remove in next major release */
+.tox .tox-mbtn {
+	align-items: center;
+	background: transparent;
+	border: 0;
+	border-radius: 3px;
+	box-shadow: none;
+	color: #222f3e;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	height: 34px;
+	justify-content: center;
+	margin: 2px 0 3px 0;
+	outline: none;
+	overflow: hidden;
+	padding: 0 4px;
+	text-transform: none;
+	width: auto;
+}
+
+.tox .tox-mbtn[disabled] {
+	background-color: transparent;
+	border: 0;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-mbtn:focus:not(:disabled) {
+	background: #dee0e2;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-mbtn--active {
+	background: #c8cbcf;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+	background: #dee0e2;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-mbtn__select-label {
+	cursor: default;
+	font-weight: normal;
+	margin: 0 4px;
+}
+
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+	cursor: not-allowed;
+}
+
+.tox .tox-mbtn__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+	display: none;
+}
+
+.tox .tox-notification {
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	display: grid;
+	font-size: 14px;
+	font-weight: normal;
+	grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+	margin-top: 4px;
+	opacity: 0;
+	padding: 4px;
+	transition: transform 100ms ease-in, opacity 150ms ease-in;
+}
+
+.tox .tox-notification p {
+	font-size: 14px;
+	font-weight: normal;
+}
+
+.tox .tox-notification a {
+	cursor: pointer;
+	text-decoration: underline;
+}
+
+.tox .tox-notification--in {
+	opacity: 1;
+}
+
+.tox .tox-notification--success {
+	background-color: #e4eeda;
+	border-color: #d7e6c8;
+	color: #222f3e;
+}
+
+.tox .tox-notification--success p {
+	color: #222f3e;
+}
+
+.tox .tox-notification--success a {
+	color: #517342;
+}
+
+.tox .tox-notification--success svg {
+	fill: #222f3e;
+}
+
+.tox .tox-notification--error {
+	background-color: #f5cccc;
+	border-color: #f0b3b3;
+	color: #222f3e;
+}
+
+.tox .tox-notification--error p {
+	color: #222f3e;
+}
+
+.tox .tox-notification--error a {
+	color: #77181f;
+}
+
+.tox .tox-notification--error svg {
+	fill: #222f3e;
+}
+
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+	background-color: #fff5cc;
+	border-color: #fff0b3;
+	color: #222f3e;
+}
+
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+	color: #222f3e;
+}
+
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+	color: #7a6e25;
+}
+
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+	fill: #222f3e;
+}
+
+.tox .tox-notification--info {
+	background-color: #d6e7fb;
+	border-color: #c1dbf9;
+	color: #222f3e;
+}
+
+.tox .tox-notification--info p {
+	color: #222f3e;
+}
+
+.tox .tox-notification--info a {
+	color: #2a64a6;
+}
+
+.tox .tox-notification--info svg {
+	fill: #222f3e;
+}
+
+.tox .tox-notification__body {
+	align-self: center;
+	color: #222f3e;
+	font-size: 14px;
+	grid-column-end: 3;
+	grid-column-start: 2;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	text-align: center;
+	white-space: normal;
+	word-break: break-all;
+	word-break: break-word;
+}
+
+.tox .tox-notification__body > * {
+	margin: 0;
+}
+
+.tox .tox-notification__body > * + * {
+	margin-top: 1rem;
+}
+
+.tox .tox-notification__icon {
+	align-self: center;
+	grid-column-end: 2;
+	grid-column-start: 1;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	justify-self: end;
+}
+
+.tox .tox-notification__icon svg {
+	display: block;
+}
+
+.tox .tox-notification__dismiss {
+	align-self: start;
+	grid-column-end: 4;
+	grid-column-start: 3;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	justify-self: end;
+}
+
+.tox .tox-notification .tox-progress-bar {
+	grid-column-end: 4;
+	grid-column-start: 1;
+	grid-row-end: 3;
+	grid-row-start: 2;
+	justify-self: center;
+}
+
+.tox .tox-pop {
+	display: inline-block;
+	position: relative;
+}
+
+.tox .tox-pop--resizing {
+	transition: width 0.1s ease;
+}
+
+.tox .tox-pop--resizing .tox-toolbar,
+.tox .tox-pop--resizing .tox-toolbar__group {
+	flex-wrap: nowrap;
+}
+
+.tox .tox-pop--transition {
+	transition: 0.15s ease;
+	transition-property: left, right, top, bottom;
+}
+
+.tox .tox-pop--transition::before,
+.tox .tox-pop--transition::after {
+	transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
+}
+
+.tox .tox-pop__dialog {
+	background-color: #fff;
+	border: 1px solid #cccccc;
+	border-radius: 3px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	min-width: 0;
+	overflow: hidden;
+}
+
+.tox .tox-pop__dialog > *:not(.tox-toolbar) {
+	margin: 4px 4px 4px 8px;
+}
+
+.tox .tox-pop__dialog .tox-toolbar {
+	background-color: transparent;
+	margin-bottom: -1px;
+}
+
+.tox .tox-pop::before,
+.tox .tox-pop::after {
+	border-style: solid;
+	content: '';
+	display: block;
+	height: 0;
+	opacity: 1;
+	position: absolute;
+	width: 0;
+}
+
+.tox .tox-pop.tox-pop--inset::before,
+.tox .tox-pop.tox-pop--inset::after {
+	opacity: 0;
+	transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
+}
+
+.tox .tox-pop.tox-pop--bottom::before,
+.tox .tox-pop.tox-pop--bottom::after {
+	left: 50%;
+	top: 100%;
+}
+
+.tox .tox-pop.tox-pop--bottom::after {
+	border-color: #fff transparent transparent transparent;
+	border-width: 8px;
+	margin-left: -8px;
+	margin-top: -1px;
+}
+
+.tox .tox-pop.tox-pop--bottom::before {
+	border-color: #cccccc transparent transparent transparent;
+	border-width: 9px;
+	margin-left: -9px;
+}
+
+.tox .tox-pop.tox-pop--top::before,
+.tox .tox-pop.tox-pop--top::after {
+	left: 50%;
+	top: 0;
+	transform: translateY(-100%);
+}
+
+.tox .tox-pop.tox-pop--top::after {
+	border-color: transparent transparent #fff transparent;
+	border-width: 8px;
+	margin-left: -8px;
+	margin-top: 1px;
+}
+
+.tox .tox-pop.tox-pop--top::before {
+	border-color: transparent transparent #cccccc transparent;
+	border-width: 9px;
+	margin-left: -9px;
+}
+
+.tox .tox-pop.tox-pop--left::before,
+.tox .tox-pop.tox-pop--left::after {
+	left: 0;
+	top: calc(50% - 1px);
+	transform: translateY(-50%);
+}
+
+.tox .tox-pop.tox-pop--left::after {
+	border-color: transparent #fff transparent transparent;
+	border-width: 8px;
+	margin-left: -15px;
+}
+
+.tox .tox-pop.tox-pop--left::before {
+	border-color: transparent #cccccc transparent transparent;
+	border-width: 10px;
+	margin-left: -19px;
+}
+
+.tox .tox-pop.tox-pop--right::before,
+.tox .tox-pop.tox-pop--right::after {
+	left: 100%;
+	top: calc(50% + 1px);
+	transform: translateY(-50%);
+}
+
+.tox .tox-pop.tox-pop--right::after {
+	border-color: transparent transparent transparent #fff;
+	border-width: 8px;
+	margin-left: -1px;
+}
+
+.tox .tox-pop.tox-pop--right::before {
+	border-color: transparent transparent transparent #cccccc;
+	border-width: 10px;
+	margin-left: -1px;
+}
+
+.tox .tox-pop.tox-pop--align-left::before,
+.tox .tox-pop.tox-pop--align-left::after {
+	left: 20px;
+}
+
+.tox .tox-pop.tox-pop--align-right::before,
+.tox .tox-pop.tox-pop--align-right::after {
+	left: calc(100% - 20px);
+}
+
+.tox .tox-sidebar-wrap {
+	display: flex;
+	flex-direction: row;
+	flex-grow: 1;
+	min-height: 0;
+}
+
+.tox .tox-sidebar {
+	background-color: #fff;
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-end;
+}
+
+.tox .tox-sidebar__slider {
+	display: flex;
+	overflow: hidden;
+}
+
+.tox .tox-sidebar__pane-container {
+	display: flex;
+}
+
+.tox .tox-sidebar__pane {
+	display: flex;
+}
+
+.tox .tox-sidebar--sliding-closed {
+	opacity: 0;
+}
+
+.tox .tox-sidebar--sliding-open {
+	opacity: 1;
+}
+
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+	transition: width 0.5s ease, opacity 0.5s ease;
+}
+
+.tox .tox-selector {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	display: inline-block;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+}
+
+.tox.tox-platform-touch .tox-selector {
+	height: 12px;
+	width: 12px;
+}
+
+.tox .tox-slider {
+	align-items: center;
+	display: flex;
+	flex: 1;
+	height: 24px;
+	justify-content: center;
+	position: relative;
+}
+
+.tox .tox-slider__rail {
+	background-color: transparent;
+	border: 1px solid #cccccc;
+	border-radius: 3px;
+	height: 10px;
+	min-width: 120px;
+	width: 100%;
+}
+
+.tox .tox-slider__handle {
+	background-color: #207ab7;
+	border: 2px solid #185d8c;
+	border-radius: 3px;
+	box-shadow: none;
+	height: 24px;
+	left: 50%;
+	position: absolute;
+	top: 50%;
+	transform: translateX(-50%) translateY(-50%);
+	width: 14px;
+}
+
+.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
+	margin-inline-start: 8px;
+}
+
+.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
+	margin-inline-start: 32px;
+}
+
+.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
+	margin-inline-start: 32px;
+}
+
+.tox .tox-source-code {
+	overflow: auto;
+}
+
+.tox .tox-spinner {
+	display: flex;
+}
+
+.tox .tox-spinner > div {
+	animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+	background-color: rgba(34, 47, 62, 0.7);
+	border-radius: 100%;
+	height: 8px;
+	width: 8px;
+}
+
+.tox .tox-spinner > div:nth-child(1) {
+	animation-delay: -0.32s;
+}
+
+.tox .tox-spinner > div:nth-child(2) {
+	animation-delay: -0.16s;
+}
+
+@keyframes tam-bouncing-dots {
+	0%,
+	80%,
+	100% {
+		transform: scale(0);
+	}
+	40% {
+		transform: scale(1);
+	}
+}
+
+.tox:not([dir='rtl']) .tox-spinner > div:not(:first-child) {
+	margin-left: 4px;
+}
+
+.tox[dir='rtl'] .tox-spinner > div:not(:first-child) {
+	margin-right: 4px;
+}
+
+.tox .tox-statusbar {
+	align-items: center;
+	background-color: #fff;
+	border-top: 1px solid #cccccc;
+	color: rgba(34, 47, 62, 0.7);
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 12px;
+	font-weight: normal;
+	height: 18px;
+	overflow: hidden;
+	padding: 0 8px;
+	position: relative;
+	text-transform: uppercase;
+}
+
+.tox .tox-statusbar__text-container {
+	display: flex;
+	flex: 1 1 auto;
+	justify-content: flex-end;
+	overflow: hidden;
+}
+
+.tox .tox-statusbar__path {
+	display: flex;
+	flex: 1 1 auto;
+	margin-right: auto;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.tox .tox-statusbar__path > * {
+	display: inline;
+	white-space: nowrap;
+}
+
+.tox .tox-statusbar__wordcount {
+	flex: 0 0 auto;
+	margin-left: 1ch;
+}
+
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+	color: rgba(34, 47, 62, 0.7);
+	text-decoration: none;
+}
+
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled='true']) {
+	color: #222f3e;
+	cursor: pointer;
+}
+
+.tox .tox-statusbar__branding svg {
+	fill: rgba(34, 47, 62, 0.8);
+	height: 1.14em;
+	vertical-align: -0.28em;
+	width: 3.6em;
+}
+
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled='true']) svg,
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled='true']) svg {
+	fill: #222f3e;
+}
+
+.tox .tox-statusbar__resize-handle {
+	align-items: flex-end;
+	align-self: stretch;
+	cursor: nwse-resize;
+	display: flex;
+	flex: 0 0 auto;
+	justify-content: flex-end;
+	margin-left: auto;
+	margin-right: -8px;
+	padding-bottom: 3px;
+	padding-left: 1ch;
+	padding-right: 3px;
+}
+
+.tox .tox-statusbar__resize-handle svg {
+	display: block;
+	fill: rgba(34, 47, 62, 0.5);
+}
+
+.tox .tox-statusbar__resize-handle:focus svg {
+	background-color: #dee0e2;
+	border-radius: 1px 1px -4px 1px;
+	box-shadow: 0 0 0 2px #dee0e2;
+}
+
+.tox:not([dir='rtl']) .tox-statusbar__path > * {
+	margin-right: 4px;
+}
+
+.tox:not([dir='rtl']) .tox-statusbar__branding {
+	margin-left: 2ch;
+}
+
+.tox[dir='rtl'] .tox-statusbar {
+	flex-direction: row-reverse;
+}
+
+.tox[dir='rtl'] .tox-statusbar__path > * {
+	margin-left: 4px;
+}
+
+.tox .tox-throbber {
+	z-index: 1299;
+}
+
+.tox .tox-throbber__busy-spinner {
+	align-items: center;
+	background-color: rgba(255, 255, 255, 0.6);
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+
+.tox .tox-tbtn {
+	align-items: center;
+	background: transparent;
+	border: 0;
+	border-radius: 3px;
+	box-shadow: none;
+	color: #222f3e;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	height: 34px;
+	justify-content: center;
+	margin: 3px 0 2px 0;
+	outline: none;
+	overflow: hidden;
+	padding: 0;
+	text-transform: none;
+	width: 34px;
+}
+
+.tox .tox-tbtn svg {
+	display: block;
+	fill: #222f3e;
+}
+
+.tox .tox-tbtn.tox-tbtn-more {
+	padding-left: 5px;
+	padding-right: 5px;
+	width: inherit;
+}
+
+.tox .tox-tbtn:focus {
+	background: #dee0e2;
+	border: 0;
+	box-shadow: none;
+}
+
+.tox .tox-tbtn:hover {
+	background: #dee0e2;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-tbtn:hover svg {
+	fill: #222f3e;
+}
+
+.tox .tox-tbtn:active {
+	background: #c8cbcf;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-tbtn:active svg {
+	fill: #222f3e;
+}
+
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+	background: transparent;
+	border: 0;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+	cursor: not-allowed;
+}
+
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+	/* stylelint-disable-line no-descending-specificity */
+	fill: rgba(34, 47, 62, 0.5);
+}
+
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover {
+	background: #c8cbcf;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-tbtn--enabled > *,
+.tox .tox-tbtn--enabled:hover > * {
+	transform: none;
+}
+
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg {
+	/* stylelint-disable-line no-descending-specificity */
+	fill: #222f3e;
+}
+
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+	color: #222f3e;
+}
+
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+	fill: #222f3e;
+}
+
+.tox .tox-tbtn:active > * {
+	transform: none;
+}
+
+.tox .tox-tbtn--md {
+	height: 51px;
+	width: 51px;
+}
+
+.tox .tox-tbtn--lg {
+	flex-direction: column;
+	height: 68px;
+	width: 68px;
+}
+
+.tox .tox-tbtn--return {
+	align-self: stretch;
+	height: unset;
+	width: 16px;
+}
+
+.tox .tox-tbtn--labeled {
+	padding: 0 4px;
+	width: unset;
+}
+
+.tox .tox-tbtn__vlabel {
+	display: block;
+	font-size: 10px;
+	font-weight: normal;
+	letter-spacing: -0.025em;
+	margin-bottom: 4px;
+	white-space: nowrap;
+}
+
+.tox .tox-tbtn--select {
+	margin: 3px 0 2px 0;
+	padding: 0 4px;
+	width: auto;
+}
+
+.tox .tox-tbtn__select-label {
+	cursor: default;
+	font-weight: normal;
+	margin: 0 4px;
+}
+
+.tox .tox-tbtn__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+}
+
+.tox .tox-tbtn__select-chevron svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+
+.tox .tox-tbtn--bespoke {
+	background: transparent;
+}
+
+.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
+	margin-inline-start: 0;
+}
+
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: 7em;
+}
+
+.tox .tox-split-button {
+	border: 0;
+	border-radius: 3px;
+	box-sizing: border-box;
+	display: flex;
+	margin: 3px 0 2px 0;
+	overflow: hidden;
+}
+
+.tox .tox-split-button:hover {
+	box-shadow: 0 0 0 1px #dee0e2 inset;
+}
+
+.tox .tox-split-button:focus {
+	background: #dee0e2;
+	box-shadow: none;
+	color: #222f3e;
+}
+
+.tox .tox-split-button > * {
+	border-radius: 0;
+}
+
+.tox .tox-split-button__chevron {
+	width: 16px;
+}
+
+.tox .tox-split-button__chevron svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+
+.tox .tox-split-button .tox-tbtn {
+	margin: 0;
+}
+
+.tox .tox-split-button.tox-tbtn--disabled:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
+	background: transparent;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+}
+
+.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
+	padding: 0 0px;
+}
+
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
+	width: 30px;
+}
+
+.tox.tox-platform-touch .tox-split-button__chevron {
+	width: 20px;
+}
+
+.tox .tox-toolbar-overlord {
+	background-color: #fff;
+}
+
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+	background-color: #fff;
+	background-image: repeating-linear-gradient(#cccccc 0px 1px, transparent 1px 39px);
+	background-position: center top 39px;
+	background-repeat: no-repeat;
+	background-size: calc(100% - 4px * 2) calc(100% - 39px);
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	padding: 0 0px;
+	transform: perspective(1px);
+}
+
+.tox .tox-toolbar-overlord > .tox-toolbar,
+.tox .tox-toolbar-overlord > .tox-toolbar__primary,
+.tox .tox-toolbar-overlord > .tox-toolbar__overflow {
+	background-position: center top 0px;
+	background-size: calc(100% - 4px * 2) calc(100% - 0px);
+}
+
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+	height: 0;
+	opacity: 0;
+	padding-bottom: 0;
+	padding-top: 0;
+	visibility: hidden;
+}
+
+.tox .tox-toolbar__overflow--growing {
+	transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+
+.tox .tox-toolbar__overflow--shrinking {
+	transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord {
+	border-top: 1px solid #cccccc;
+	margin-top: 0;
+	padding-bottom: 0px;
+	padding-top: 0px;
+}
+
+.tox .tox-toolbar--scrolling {
+	flex-wrap: nowrap;
+	overflow-x: auto;
+}
+
+.tox .tox-pop .tox-toolbar {
+	border-width: 0;
+}
+
+.tox .tox-toolbar--no-divider {
+	background-image: none;
+}
+
+.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
+.tox .tox-toolbar-overlord .tox-toolbar__primary {
+	background-position: center top 39px;
+}
+
+.tox .tox-editor-header > .tox-toolbar--scrolling,
+.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
+	background-image: none;
+}
+
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+	background-color: #fff;
+	background-position: center top 43px;
+	background-size: calc(100% - 8px * 2) calc(100% - 51px);
+	border: none;
+	border-radius: 3px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	padding: 4px 0;
+}
+
+.tox-pop .tox-pop__dialog {
+	/* stylelint-disable-next-line no-descending-specificity */
+}
+
+.tox-pop .tox-pop__dialog .tox-toolbar {
+	background-position: center top 43px;
+	background-size: calc(100% - 4px * 2) calc(100% - 51px);
+	padding: 4px 0;
+}
+
+.tox .tox-toolbar__group {
+	align-items: center;
+	display: flex;
+	flex-wrap: wrap;
+	margin: 0 0;
+	padding: 0 4px 0 4px;
+}
+
+.tox .tox-toolbar__group--pull-right {
+	margin-left: auto;
+}
+
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+	flex-shrink: 0;
+	flex-wrap: nowrap;
+}
+
+.tox:not([dir='rtl']) .tox-toolbar__group:not(:last-of-type) {
+	border-right: 1px solid #cccccc;
+}
+
+.tox[dir='rtl'] .tox-toolbar__group:not(:last-of-type) {
+	border-left: 1px solid #cccccc;
+}
+
+.tox .tox-tooltip {
+	display: inline-block;
+	padding: 8px;
+	position: relative;
+}
+
+.tox .tox-tooltip__body {
+	background-color: #222f3e;
+	border-radius: 3px;
+	box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
+	color: rgba(255, 255, 255, 0.75);
+	font-size: 14px;
+	font-style: normal;
+	font-weight: normal;
+	padding: 4px 8px;
+	text-transform: none;
+}
+
+.tox .tox-tooltip__arrow {
+	position: absolute;
+}
+
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+	border-left: 8px solid transparent;
+	border-right: 8px solid transparent;
+	border-top: 8px solid #222f3e;
+	bottom: 0;
+	left: 50%;
+	position: absolute;
+	transform: translateX(-50%);
+}
+
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+	border-bottom: 8px solid #222f3e;
+	border-left: 8px solid transparent;
+	border-right: 8px solid transparent;
+	left: 50%;
+	position: absolute;
+	top: 0;
+	transform: translateX(-50%);
+}
+
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+	border-bottom: 8px solid transparent;
+	border-left: 8px solid #222f3e;
+	border-top: 8px solid transparent;
+	position: absolute;
+	right: 0;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+	border-bottom: 8px solid transparent;
+	border-right: 8px solid #222f3e;
+	border-top: 8px solid transparent;
+	left: 0;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.tox .tox-well {
+	border: 1px solid #cccccc;
+	border-radius: 3px;
+	padding: 8px;
+	width: 100%;
+}
+
+.tox .tox-well > *:first-child {
+	margin-top: 0;
+}
+
+.tox .tox-well > *:last-child {
+	margin-bottom: 0;
+}
+
+.tox .tox-well > *:only-child {
+	margin: 0;
+}
+
+.tox .tox-custom-editor {
+	border: 1px solid #cccccc;
+	border-radius: 3px;
+	display: flex;
+	flex: 1;
+	position: relative;
+}
+
+/* stylelint-disable */
+.tox {
+	/* stylelint-enable */
+}
+
+.tox .tox-dialog-loading::before {
+	background-color: rgba(0, 0, 0, 0.5);
+	content: '';
+	height: 100%;
+	position: absolute;
+	width: 100%;
+	z-index: 1000;
+}
+
+.tox .tox-tab {
+	cursor: pointer;
+}
+
+.tox .tox-dialog__content-js {
+	display: flex;
+	flex: 1;
+}
+
+.tox .tox-dialog__body-content .tox-collection {
+	display: flex;
+	flex: 1;
+}
+
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+	background-color: none;
+	padding: 0;
+}
+
+.tox.tox-tinymce--toolbar-bottom .tox-editor-header,
+.tox.tox-tinymce-inline .tox-editor-header {
+	margin-bottom: -1px;
+}
+
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+	border-top: none;
+	box-shadow: none;
+}
+
+.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
+	background-color: transparent;
+	box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+	padding: 0;
+}
+
+.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+	box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+	margin: -4px 0;
+}
+
+.tox .tox-menu.tox-collection.tox-collection--list {
+	padding: 0;
+}
+
+.tox .tox-pop {
+	box-shadow: none;
+}
+
+.tox .tox-tbtn,
+.tox .tox-tbtn--select,
+.tox .tox-split-button {
+	margin: 2px 0 3px 0;
+}
+
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+	background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0px #fff !important;
+}
+
+.tox .tox-menubar + .tox-toolbar-overlord {
+	border-top: none;
+}
+
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
+	border-top: 1px solid #cccccc;
+	margin-top: -1px;
+}
+
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+	border: 1px solid #cccccc;
+	padding: 0;
+}
+
+.tox:not(.tox-tinymce-inline)
+.tox-editor-header:not(:first-child)
+.tox-toolbar-overlord:first-child
+.tox-toolbar__primary,
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child {
+	border-top: 1px solid #cccccc;
+}
+
+.tox .tox-toolbar__group {
+	padding: 0 4px 0 4px;
+}
+
+.tox .tox-collection__item {
+	border-radius: 0;
+	cursor: pointer;
+}
+
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled='true']) {
+	color: rgba(34, 47, 62, 0.7);
+	text-decoration: underline;
+}
+
+.tox .tox-statusbar__branding svg {
+	vertical-align: -0.25em;
+}
+
+.tox:not([dir='rtl']) .tox-statusbar__branding {
+	margin-left: 1ch;
+}
+
+.tox .tox-statusbar__resize-handle {
+	padding-bottom: 0;
+	padding-right: 0;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/skin.min.css b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/skin.min.css
new file mode 100644
index 00000000..62db7f27
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/skin.min.css
@@ -0,0 +1,3125 @@
+.tox {
+	box-shadow: none;
+	box-sizing: content-box;
+	color: #222f3e;
+	cursor: auto;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: normal;
+	-webkit-tap-highlight-color: transparent;
+	text-decoration: none;
+	text-shadow: none;
+	text-transform: none;
+	vertical-align: initial;
+	white-space: normal;
+}
+.tox :not(svg):not(rect) {
+	box-sizing: inherit;
+	color: inherit;
+	cursor: inherit;
+	direction: inherit;
+	font-family: inherit;
+	font-size: inherit;
+	font-style: inherit;
+	font-weight: inherit;
+	line-height: inherit;
+	-webkit-tap-highlight-color: inherit;
+	text-align: inherit;
+	text-decoration: inherit;
+	text-shadow: inherit;
+	text-transform: inherit;
+	vertical-align: inherit;
+	white-space: inherit;
+}
+.tox :not(svg):not(rect) {
+	background: 0 0;
+	border: 0;
+	box-shadow: none;
+	float: none;
+	height: auto;
+	margin: 0;
+	max-width: none;
+	outline: 0;
+	padding: 0;
+	position: static;
+	width: auto;
+}
+.tox:not([dir='rtl']) {
+	direction: ltr;
+	text-align: left;
+}
+.tox[dir='rtl'] {
+	direction: rtl;
+	text-align: right;
+}
+.tox-tinymce {
+	border: 1px solid #ccc;
+	border-radius: 0;
+	box-shadow: none;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	overflow: hidden;
+	position: relative;
+	visibility: inherit !important;
+}
+.tox.tox-tinymce-inline {
+	border: none;
+	box-shadow: none;
+	overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-container {
+	overflow: initial;
+}
+.tox.tox-tinymce-inline .tox-editor-header {
+	background-color: #fff;
+	border: 1px solid #ccc;
+	border-radius: 0;
+	box-shadow: none;
+	overflow: hidden;
+}
+.tox-tinymce-aux {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	z-index: 1300;
+}
+.tox-tinymce :focus,
+.tox-tinymce-aux :focus {
+	outline: 0;
+}
+button::-moz-focus-inner {
+	border: 0;
+}
+.tox[dir='rtl'] .tox-icon--flip svg {
+	transform: rotateY(180deg);
+}
+.tox .accessibility-issue__header {
+	align-items: center;
+	display: flex;
+	margin-bottom: 4px;
+}
+.tox .accessibility-issue__description {
+	align-items: stretch;
+	border: 1px solid #ccc;
+	border-radius: 3px;
+	display: flex;
+	justify-content: space-between;
+}
+.tox .accessibility-issue__description > div {
+	padding-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div {
+	align-items: center;
+	display: flex;
+	margin-bottom: 4px;
+}
+.tox .accessibility-issue__description > :last-child:not(:only-child) {
+	border-color: #ccc;
+	border-style: solid;
+}
+.tox .accessibility-issue__repair {
+	margin-top: 16px;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+	background-color: rgba(32, 122, 183, 0.1);
+	border-color: rgba(32, 122, 183, 0.4);
+	color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > :last-child {
+	border-color: rgba(32, 122, 183, 0.4);
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+	color: #207ab7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
+	fill: #207ab7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
+	color: #207ab7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+	background-color: rgba(255, 165, 0, 0.1);
+	border-color: rgba(255, 165, 0, 0.5);
+	color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > :last-child {
+	border-color: rgba(255, 165, 0, 0.5);
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+	color: #cc8500;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
+	fill: #cc8500;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
+	color: #cc8500;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+	background-color: rgba(204, 0, 0, 0.1);
+	border-color: rgba(204, 0, 0, 0.4);
+	color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > :last-child {
+	border-color: rgba(204, 0, 0, 0.4);
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+	color: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
+	fill: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
+	color: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+	background-color: rgba(120, 171, 70, 0.1);
+	border-color: rgba(120, 171, 70, 0.4);
+	color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > :last-child {
+	border-color: rgba(120, 171, 70, 0.4);
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+	color: #78ab46;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
+	fill: #78ab46;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
+	color: #78ab46;
+}
+.tox .tox-dialog__body-content .accessibility-issue__header h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+	margin-top: 0;
+}
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+	margin-left: 4px;
+}
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__header > :nth-last-child(2) {
+	margin-left: auto;
+}
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__description {
+	padding: 4px 4px 4px 8px;
+}
+.tox:not([dir='rtl']) .tox-dialog__body-content .accessibility-issue__description > :last-child {
+	border-left-width: 1px;
+	padding-left: 4px;
+}
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+	margin-right: 4px;
+}
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__header > :nth-last-child(2) {
+	margin-right: auto;
+}
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description {
+	padding: 4px 8px 4px 4px;
+}
+.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description > :last-child {
+	border-right-width: 1px;
+	padding-right: 4px;
+}
+.tox .tox-anchorbar {
+	display: flex;
+	flex: 0 0 auto;
+}
+.tox .tox-bar {
+	display: flex;
+	flex: 0 0 auto;
+}
+.tox .tox-button {
+	background-color: #207ab7;
+	background-image: none;
+	background-position: 0 0;
+	background-repeat: repeat;
+	border-color: #207ab7;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #fff;
+	cursor: pointer;
+	display: inline-block;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 700;
+	letter-spacing: normal;
+	line-height: 24px;
+	margin: 0;
+	outline: 0;
+	padding: 4px 16px;
+	text-align: center;
+	text-decoration: none;
+	text-transform: none;
+	white-space: nowrap;
+}
+.tox .tox-button[disabled] {
+	background-color: #207ab7;
+	background-image: none;
+	border-color: #207ab7;
+	box-shadow: none;
+	color: rgba(255, 255, 255, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-button:focus:not(:disabled) {
+	background-color: #1c6ca1;
+	background-image: none;
+	border-color: #1c6ca1;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button:hover:not(:disabled) {
+	background-color: #1c6ca1;
+	background-image: none;
+	border-color: #1c6ca1;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button:active:not(:disabled) {
+	background-color: #185d8c;
+	background-image: none;
+	border-color: #185d8c;
+	box-shadow: none;
+	color: #fff;
+}
+.tox .tox-button--secondary {
+	background-color: #f0f0f0;
+	background-image: none;
+	background-position: 0 0;
+	background-repeat: repeat;
+	border-color: #f0f0f0;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	color: #222f3e;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 700;
+	letter-spacing: normal;
+	outline: 0;
+	padding: 4px 16px;
+	text-decoration: none;
+	text-transform: none;
+}
+.tox .tox-button--secondary[disabled] {
+	background-color: #f0f0f0;
+	background-image: none;
+	border-color: #f0f0f0;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--secondary:focus:not(:disabled) {
+	background-color: #e3e3e3;
+	background-image: none;
+	border-color: #e3e3e3;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-button--secondary:hover:not(:disabled) {
+	background-color: #e3e3e3;
+	background-image: none;
+	border-color: #e3e3e3;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-button--secondary:active:not(:disabled) {
+	background-color: #d6d6d6;
+	background-image: none;
+	border-color: #d6d6d6;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+	padding: 4px;
+}
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+	display: block;
+	fill: currentColor;
+}
+.tox .tox-button-link {
+	background: 0;
+	border: none;
+	box-sizing: border-box;
+	cursor: pointer;
+	display: inline-block;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 16px;
+	font-weight: 400;
+	line-height: 1.3;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+.tox .tox-button-link--sm {
+	font-size: 14px;
+}
+.tox .tox-button--naked {
+	background-color: transparent;
+	border-color: transparent;
+	box-shadow: unset;
+	color: #222f3e;
+}
+.tox .tox-button--naked[disabled] {
+	background-color: #f0f0f0;
+	border-color: #f0f0f0;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--naked:hover:not(:disabled) {
+	background-color: #e3e3e3;
+	border-color: #e3e3e3;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-button--naked:focus:not(:disabled) {
+	background-color: #e3e3e3;
+	border-color: #e3e3e3;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-button--naked:active:not(:disabled) {
+	background-color: #d6d6d6;
+	border-color: #d6d6d6;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-button--naked .tox-icon svg {
+	fill: currentColor;
+}
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+	color: #222f3e;
+}
+.tox .tox-checkbox {
+	align-items: center;
+	border-radius: 3px;
+	cursor: pointer;
+	display: flex;
+	height: 36px;
+	min-width: 36px;
+}
+.tox .tox-checkbox__input {
+	height: 1px;
+	overflow: hidden;
+	position: absolute;
+	top: auto;
+	width: 1px;
+}
+.tox .tox-checkbox__icons {
+	align-items: center;
+	border-radius: 3px;
+	box-shadow: 0 0 0 2px transparent;
+	box-sizing: content-box;
+	display: flex;
+	height: 24px;
+	justify-content: center;
+	padding: calc(4px - 1px);
+	width: 24px;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: block;
+	fill: rgba(34, 47, 62, 0.3);
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	display: none;
+	fill: #207ab7;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	display: none;
+	fill: #207ab7;
+}
+.tox .tox-checkbox--disabled {
+	color: rgba(34, 47, 62, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: none;
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+	display: block;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+	display: none;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+	display: block;
+}
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+	border-radius: 3px;
+	box-shadow: inset 0 0 0 1px #207ab7;
+	padding: calc(4px - 1px);
+}
+.tox:not([dir='rtl']) .tox-checkbox__label {
+	margin-left: 4px;
+}
+.tox:not([dir='rtl']) .tox-checkbox__input {
+	left: -10000px;
+}
+.tox:not([dir='rtl']) .tox-bar .tox-checkbox {
+	margin-left: 4px;
+}
+.tox[dir='rtl'] .tox-checkbox__label {
+	margin-right: 4px;
+}
+.tox[dir='rtl'] .tox-checkbox__input {
+	right: -10000px;
+}
+.tox[dir='rtl'] .tox-bar .tox-checkbox {
+	margin-right: 4px;
+}
+.tox .tox-collection--toolbar .tox-collection__group {
+	display: flex;
+	padding: 0;
+}
+.tox .tox-collection--grid .tox-collection__group {
+	display: flex;
+	flex-wrap: wrap;
+	max-height: 208px;
+	overflow-x: hidden;
+	overflow-y: auto;
+	padding: 0;
+}
+.tox .tox-collection--list .tox-collection__group {
+	border-bottom-width: 0;
+	border-color: #ccc;
+	border-left-width: 0;
+	border-right-width: 0;
+	border-style: solid;
+	border-top-width: 1px;
+	padding: 4px 0;
+}
+.tox .tox-collection--list .tox-collection__group:first-child {
+	border-top-width: 0;
+}
+.tox .tox-collection__group-heading {
+	background-color: #e6e6e6;
+	color: rgba(34, 47, 62, 0.7);
+	cursor: default;
+	font-size: 12px;
+	font-style: normal;
+	font-weight: 400;
+	margin-bottom: 4px;
+	margin-top: -4px;
+	padding: 4px 8px;
+	text-transform: none;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.tox .tox-collection__item {
+	align-items: center;
+	border-radius: 3px;
+	color: #222f3e;
+	display: flex;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+.tox .tox-collection--list .tox-collection__item {
+	padding: 4px 8px;
+}
+.tox .tox-collection--toolbar .tox-collection__item {
+	border-radius: 3px;
+	padding: 4px;
+}
+.tox .tox-collection--grid .tox-collection__item {
+	border-radius: 3px;
+	padding: 4px;
+}
+.tox .tox-collection--list .tox-collection__item--enabled {
+	background-color: #fff;
+	color: #222f3e;
+}
+.tox .tox-collection--list .tox-collection__item--active {
+	background-color: #dee0e2;
+}
+.tox .tox-collection--toolbar .tox-collection__item--enabled {
+	background-color: #c8cbcf;
+	color: #222f3e;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active {
+	background-color: #dee0e2;
+}
+.tox .tox-collection--grid .tox-collection__item--enabled {
+	background-color: #c8cbcf;
+	color: #222f3e;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	background-color: #dee0e2;
+	color: #222f3e;
+}
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	color: #222f3e;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+	color: #222f3e;
+}
+.tox .tox-collection__item-checkmark,
+.tox .tox-collection__item-icon {
+	align-items: center;
+	display: flex;
+	height: 24px;
+	justify-content: center;
+	width: 24px;
+}
+.tox .tox-collection__item-checkmark svg,
+.tox .tox-collection__item-icon svg {
+	fill: currentColor;
+}
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+	height: 48px;
+	width: 48px;
+}
+.tox .tox-collection__item-label {
+	color: currentColor;
+	display: inline-block;
+	flex: 1;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 24px;
+	text-transform: none;
+	word-break: break-all;
+}
+.tox .tox-collection__item-accessory {
+	color: rgba(34, 47, 62, 0.7);
+	display: inline-block;
+	font-size: 14px;
+	height: 24px;
+	line-height: 24px;
+	text-transform: none;
+}
+.tox .tox-collection__item-caret {
+	align-items: center;
+	display: flex;
+	min-height: 24px;
+}
+.tox .tox-collection__item-caret::after {
+	content: '';
+	font-size: 0;
+	min-height: inherit;
+}
+.tox .tox-collection__item-caret svg {
+	fill: #222f3e;
+}
+.tox .tox-collection__item--state-disabled {
+	background-color: transparent;
+	color: rgba(34, 47, 62, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+.tox
+	.tox-collection--list
+	.tox-collection__item:not(.tox-collection__item--enabled)
+	.tox-collection__item-checkmark
+	svg {
+	display: none;
+}
+.tox
+	.tox-collection--list
+	.tox-collection__item:not(.tox-collection__item--enabled)
+	.tox-collection__item-accessory
+	+ .tox-collection__item-checkmark {
+	display: none;
+}
+.tox .tox-collection--horizontal {
+	background-color: #fff;
+	border: 1px solid #ccc;
+	border-radius: 3px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: nowrap;
+	margin-bottom: 0;
+	overflow-x: auto;
+	padding: 0;
+}
+.tox .tox-collection--horizontal .tox-collection__group {
+	align-items: center;
+	display: flex;
+	flex-wrap: nowrap;
+	margin: 0;
+	padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item {
+	height: 34px;
+	margin: 3px 0 2px 0;
+	padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item-label {
+	white-space: nowrap;
+}
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+	margin-left: 4px;
+}
+.tox .tox-collection__item-container {
+	display: flex;
+}
+.tox .tox-collection__item-container--row {
+	align-items: center;
+	flex: 1 1 auto;
+	flex-direction: row;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+	margin-right: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+	justify-content: flex-end;
+	margin-left: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+	align-items: flex-start;
+	margin-bottom: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+	align-items: center;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+	align-items: flex-end;
+	margin-top: auto;
+}
+.tox .tox-collection__item-container--column {
+	align-self: center;
+	flex: 1 1 auto;
+	flex-direction: column;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+	align-items: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+	align-items: flex-end;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+	align-self: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+	align-self: center;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+	align-self: flex-end;
+}
+.tox:not([dir='rtl']) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+	border-right: 1px solid #ccc;
+}
+.tox:not([dir='rtl']) .tox-collection--list .tox-collection__item > :not(:first-child) {
+	margin-left: 8px;
+}
+.tox:not([dir='rtl']) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+	margin-left: 4px;
+}
+.tox:not([dir='rtl']) .tox-collection__item-accessory {
+	margin-left: 16px;
+	text-align: right;
+}
+.tox:not([dir='rtl']) .tox-collection .tox-collection__item-caret {
+	margin-left: 16px;
+}
+.tox[dir='rtl'] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+	border-left: 1px solid #ccc;
+}
+.tox[dir='rtl'] .tox-collection--list .tox-collection__item > :not(:first-child) {
+	margin-right: 8px;
+}
+.tox[dir='rtl'] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+	margin-right: 4px;
+}
+.tox[dir='rtl'] .tox-collection__item-accessory {
+	margin-right: 16px;
+	text-align: left;
+}
+.tox[dir='rtl'] .tox-collection .tox-collection__item-caret {
+	margin-right: 16px;
+	transform: rotateY(180deg);
+}
+.tox[dir='rtl'] .tox-collection--horizontal .tox-collection__item-caret {
+	margin-right: 4px;
+}
+.tox .tox-color-picker-container {
+	display: flex;
+	flex-direction: row;
+	height: 225px;
+	margin: 0;
+}
+.tox .tox-sv-palette {
+	box-sizing: border-box;
+	display: flex;
+	height: 100%;
+}
+.tox .tox-sv-palette-spectrum {
+	height: 100%;
+}
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+	width: 225px;
+}
+.tox .tox-sv-palette-thumb {
+	background: 0 0;
+	border: 1px solid #000;
+	border-radius: 50%;
+	box-sizing: content-box;
+	height: 12px;
+	position: absolute;
+	width: 12px;
+}
+.tox .tox-sv-palette-inner-thumb {
+	border: 1px solid #fff;
+	border-radius: 50%;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+}
+.tox .tox-hue-slider {
+	box-sizing: border-box;
+	height: 100%;
+	width: 25px;
+}
+.tox .tox-hue-slider-spectrum {
+	background: linear-gradient(
+		to bottom,
+		red,
+		#ff0080,
+		#f0f,
+		#8000ff,
+		#00f,
+		#0080ff,
+		#0ff,
+		#00ff80,
+		#0f0,
+		#80ff00,
+		#ff0,
+		#ff8000,
+		red
+	);
+	height: 100%;
+	width: 100%;
+}
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+	width: 20px;
+}
+.tox .tox-hue-slider-thumb {
+	background: #fff;
+	border: 1px solid #000;
+	box-sizing: content-box;
+	height: 4px;
+	width: 100%;
+}
+.tox .tox-rgb-form {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+.tox .tox-rgb-form div {
+	align-items: center;
+	display: flex;
+	justify-content: space-between;
+	margin-bottom: 5px;
+	width: inherit;
+}
+.tox .tox-rgb-form input {
+	width: 6em;
+}
+.tox .tox-rgb-form input.tox-invalid {
+	border: 1px solid red !important;
+}
+.tox .tox-rgb-form .tox-rgba-preview {
+	border: 1px solid #000;
+	flex-grow: 2;
+	margin-bottom: 0;
+}
+.tox:not([dir='rtl']) .tox-sv-palette {
+	margin-right: 15px;
+}
+.tox:not([dir='rtl']) .tox-hue-slider {
+	margin-right: 15px;
+}
+.tox:not([dir='rtl']) .tox-hue-slider-thumb {
+	margin-left: -1px;
+}
+.tox:not([dir='rtl']) .tox-rgb-form label {
+	margin-right: 0.5em;
+}
+.tox[dir='rtl'] .tox-sv-palette {
+	margin-left: 15px;
+}
+.tox[dir='rtl'] .tox-hue-slider {
+	margin-left: 15px;
+}
+.tox[dir='rtl'] .tox-hue-slider-thumb {
+	margin-right: -1px;
+}
+.tox[dir='rtl'] .tox-rgb-form label {
+	margin-left: 0.5em;
+}
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches {
+	margin: 2px 0 3px 4px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+	border: 0;
+	margin: -4px 0;
+}
+.tox .tox-swatches__row {
+	display: flex;
+}
+.tox .tox-swatch {
+	height: 30px;
+	transition: transform 0.15s, box-shadow 0.15s;
+	width: 30px;
+}
+.tox .tox-swatch:focus,
+.tox .tox-swatch:hover {
+	box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+	transform: scale(0.8);
+}
+.tox .tox-swatch--remove {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+}
+.tox .tox-swatch--remove svg path {
+	stroke: #e74c3c;
+}
+.tox .tox-swatches__picker-btn {
+	align-items: center;
+	background-color: transparent;
+	border: 0;
+	cursor: pointer;
+	display: flex;
+	height: 30px;
+	justify-content: center;
+	outline: 0;
+	padding: 0;
+	width: 30px;
+}
+.tox .tox-swatches__picker-btn svg {
+	fill: #222f3e;
+	height: 24px;
+	width: 24px;
+}
+.tox .tox-swatches__picker-btn:hover {
+	background: #dee0e2;
+}
+.tox:not([dir='rtl']) .tox-swatches__picker-btn {
+	margin-left: auto;
+}
+.tox[dir='rtl'] .tox-swatches__picker-btn {
+	margin-right: auto;
+}
+.tox .tox-comment-thread {
+	background: #fff;
+	position: relative;
+}
+.tox .tox-comment-thread > :not(:first-child) {
+	margin-top: 8px;
+}
+.tox .tox-comment {
+	background: #fff;
+	border: 1px solid #ccc;
+	border-radius: 3px;
+	box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+	padding: 8px 8px 16px 8px;
+	position: relative;
+}
+.tox .tox-comment__header {
+	align-items: center;
+	color: #222f3e;
+	display: flex;
+	justify-content: space-between;
+}
+.tox .tox-comment__date {
+	color: rgba(34, 47, 62, 0.7);
+	font-size: 12px;
+}
+.tox .tox-comment__body {
+	color: #222f3e;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 1.3;
+	margin-top: 8px;
+	position: relative;
+	text-transform: initial;
+}
+.tox .tox-comment__body textarea {
+	resize: none;
+	white-space: normal;
+	width: 100%;
+}
+.tox .tox-comment__expander {
+	padding-top: 8px;
+}
+.tox .tox-comment__expander p {
+	color: rgba(34, 47, 62, 0.7);
+	font-size: 14px;
+	font-style: normal;
+}
+.tox .tox-comment__body p {
+	margin: 0;
+}
+.tox .tox-comment__buttonspacing {
+	padding-top: 16px;
+	text-align: center;
+}
+.tox .tox-comment-thread__overlay::after {
+	background: #fff;
+	bottom: 0;
+	content: '';
+	display: flex;
+	left: 0;
+	opacity: 0.9;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 5;
+}
+.tox .tox-comment__reply {
+	display: flex;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	margin-top: 8px;
+}
+.tox .tox-comment__reply > :first-child {
+	margin-bottom: 8px;
+	width: 100%;
+}
+.tox .tox-comment__edit {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	margin-top: 16px;
+}
+.tox .tox-comment__gradient::after {
+	background: linear-gradient(rgba(255, 255, 255, 0), #fff);
+	bottom: 0;
+	content: '';
+	display: block;
+	height: 5em;
+	margin-top: -40px;
+	position: absolute;
+	width: 100%;
+}
+.tox .tox-comment__overlay {
+	background: #fff;
+	bottom: 0;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	left: 0;
+	opacity: 0.9;
+	position: absolute;
+	right: 0;
+	text-align: center;
+	top: 0;
+	z-index: 5;
+}
+.tox .tox-comment__loading-text {
+	align-items: center;
+	color: #222f3e;
+	display: flex;
+	flex-direction: column;
+	position: relative;
+}
+.tox .tox-comment__loading-text > div {
+	padding-bottom: 16px;
+}
+.tox .tox-comment__overlaytext {
+	bottom: 0;
+	flex-direction: column;
+	font-size: 14px;
+	left: 0;
+	padding: 1em;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 10;
+}
+.tox .tox-comment__overlaytext p {
+	background-color: #fff;
+	box-shadow: 0 0 8px 8px #fff;
+	color: #222f3e;
+	text-align: center;
+}
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+	font-size: 0.8em;
+}
+.tox .tox-comment__busy-spinner {
+	align-items: center;
+	background-color: #fff;
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 20;
+}
+.tox .tox-comment__scroll {
+	display: flex;
+	flex-direction: column;
+	flex-shrink: 1;
+	overflow: auto;
+}
+.tox .tox-conversations {
+	margin: 8px;
+}
+.tox:not([dir='rtl']) .tox-comment__edit {
+	margin-left: 8px;
+}
+.tox:not([dir='rtl']) .tox-comment__buttonspacing > :last-child,
+.tox:not([dir='rtl']) .tox-comment__edit > :last-child,
+.tox:not([dir='rtl']) .tox-comment__reply > :last-child {
+	margin-left: 8px;
+}
+.tox[dir='rtl'] .tox-comment__edit {
+	margin-right: 8px;
+}
+.tox[dir='rtl'] .tox-comment__buttonspacing > :last-child,
+.tox[dir='rtl'] .tox-comment__edit > :last-child,
+.tox[dir='rtl'] .tox-comment__reply > :last-child {
+	margin-right: 8px;
+}
+.tox .tox-user {
+	align-items: center;
+	display: flex;
+}
+.tox .tox-user__avatar svg {
+	fill: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-user__name {
+	color: rgba(34, 47, 62, 0.7);
+	font-size: 12px;
+	font-style: normal;
+	font-weight: 700;
+	text-transform: uppercase;
+}
+.tox:not([dir='rtl']) .tox-user__avatar svg {
+	margin-right: 8px;
+}
+.tox:not([dir='rtl']) .tox-user__avatar + .tox-user__name {
+	margin-left: 8px;
+}
+.tox[dir='rtl'] .tox-user__avatar svg {
+	margin-left: 8px;
+}
+.tox[dir='rtl'] .tox-user__avatar + .tox-user__name {
+	margin-right: 8px;
+}
+.tox .tox-dialog-wrap {
+	align-items: center;
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: fixed;
+	right: 0;
+	top: 0;
+	z-index: 1100;
+}
+.tox .tox-dialog-wrap__backdrop {
+	background-color: rgba(255, 255, 255, 0.75);
+	bottom: 0;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 1;
+}
+.tox .tox-dialog-wrap__backdrop--opaque {
+	background-color: #fff;
+}
+.tox .tox-dialog {
+	background-color: #fff;
+	border-color: #ccc;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+	display: flex;
+	flex-direction: column;
+	max-height: 100%;
+	max-width: 480px;
+	overflow: hidden;
+	position: relative;
+	width: 95vw;
+	z-index: 2;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog {
+		align-self: flex-start;
+		margin: 8px auto;
+		width: calc(100vw - 16px);
+	}
+}
+.tox .tox-dialog-inline {
+	z-index: 1100;
+}
+.tox .tox-dialog__header {
+	align-items: center;
+	background-color: #fff;
+	border-bottom: none;
+	color: #222f3e;
+	display: flex;
+	font-size: 16px;
+	justify-content: space-between;
+	padding: 8px 16px 0 16px;
+	position: relative;
+}
+.tox .tox-dialog__header .tox-button {
+	z-index: 1;
+}
+.tox .tox-dialog__draghandle {
+	cursor: grab;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+.tox .tox-dialog__draghandle:active {
+	cursor: grabbing;
+}
+.tox .tox-dialog__dismiss {
+	margin-left: auto;
+}
+.tox .tox-dialog__title {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 20px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 1.3;
+	margin: 0;
+	text-transform: none;
+}
+.tox .tox-dialog__body {
+	color: #222f3e;
+	display: flex;
+	flex: 1;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 1.3;
+	min-width: 0;
+	text-align: left;
+	text-transform: none;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog__body {
+		flex-direction: column;
+	}
+}
+.tox .tox-dialog__body-nav {
+	align-items: flex-start;
+	display: flex;
+	flex-direction: column;
+	padding: 16px 16px;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+		flex-direction: row;
+		-webkit-overflow-scrolling: touch;
+		overflow-x: auto;
+		padding-bottom: 0;
+	}
+}
+.tox .tox-dialog__body-nav-item {
+	border-bottom: 2px solid transparent;
+	color: rgba(34, 47, 62, 0.7);
+	display: inline-block;
+	font-size: 14px;
+	line-height: 1.3;
+	margin-bottom: 8px;
+	text-decoration: none;
+	white-space: nowrap;
+}
+.tox .tox-dialog__body-nav-item:focus {
+	background-color: rgba(32, 122, 183, 0.1);
+}
+.tox .tox-dialog__body-nav-item--active {
+	border-bottom: 2px solid #207ab7;
+	color: #207ab7;
+}
+.tox .tox-dialog__body-content {
+	box-sizing: border-box;
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	max-height: 650px;
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
+	padding: 16px 16px;
+}
+.tox .tox-dialog__body-content > * {
+	margin-bottom: 0;
+	margin-top: 16px;
+}
+.tox .tox-dialog__body-content > :first-child {
+	margin-top: 0;
+}
+.tox .tox-dialog__body-content > :last-child {
+	margin-bottom: 0;
+}
+.tox .tox-dialog__body-content > :only-child {
+	margin-bottom: 0;
+	margin-top: 0;
+}
+.tox .tox-dialog__body-content a {
+	color: #207ab7;
+	cursor: pointer;
+	text-decoration: none;
+}
+.tox .tox-dialog__body-content a:focus,
+.tox .tox-dialog__body-content a:hover {
+	color: #185d8c;
+	text-decoration: none;
+}
+.tox .tox-dialog__body-content a:active {
+	color: #185d8c;
+	text-decoration: none;
+}
+.tox .tox-dialog__body-content svg {
+	fill: #222f3e;
+}
+.tox .tox-dialog__body-content ul {
+	display: block;
+	list-style-type: disc;
+	margin-bottom: 16px;
+	margin-inline-end: 0;
+	margin-inline-start: 0;
+	padding-inline-start: 2.5rem;
+}
+.tox .tox-dialog__body-content .tox-form__group h1 {
+	color: #222f3e;
+	font-size: 20px;
+	font-style: normal;
+	font-weight: 700;
+	letter-spacing: normal;
+	margin-bottom: 16px;
+	margin-top: 2rem;
+	text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group h2 {
+	color: #222f3e;
+	font-size: 16px;
+	font-style: normal;
+	font-weight: 700;
+	letter-spacing: normal;
+	margin-bottom: 16px;
+	margin-top: 2rem;
+	text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group p {
+	margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+	margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+	margin-bottom: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+	margin-bottom: 0;
+	margin-top: 0;
+}
+.tox .tox-dialog--width-lg {
+	height: 650px;
+	max-width: 1200px;
+}
+.tox .tox-dialog--width-md {
+	max-width: 800px;
+}
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+	overflow: auto;
+}
+.tox .tox-dialog__body-content--centered {
+	text-align: center;
+}
+.tox .tox-dialog__footer {
+	align-items: center;
+	background-color: #fff;
+	border-top: 1px solid #ccc;
+	display: flex;
+	justify-content: space-between;
+	padding: 8px 16px;
+}
+.tox .tox-dialog__footer-end,
+.tox .tox-dialog__footer-start {
+	display: flex;
+}
+.tox .tox-dialog__busy-spinner {
+	align-items: center;
+	background-color: rgba(255, 255, 255, 0.75);
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 3;
+}
+.tox .tox-dialog__table {
+	border-collapse: collapse;
+	width: 100%;
+}
+.tox .tox-dialog__table thead th {
+	font-weight: 700;
+	padding-bottom: 8px;
+}
+.tox .tox-dialog__table tbody tr {
+	border-bottom: 1px solid #ccc;
+}
+.tox .tox-dialog__table tbody tr:last-child {
+	border-bottom: none;
+}
+.tox .tox-dialog__table td {
+	padding-bottom: 8px;
+	padding-top: 8px;
+}
+.tox .tox-dialog__popups {
+	position: absolute;
+	width: 100%;
+	z-index: 1100;
+}
+.tox .tox-dialog__body-iframe {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+.tox .tox-dialog__body-iframe .tox-navobj {
+	display: flex;
+	flex: 1;
+}
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+	flex: 1;
+	height: 100%;
+}
+.tox .tox-dialog-dock-fadeout {
+	opacity: 0;
+	visibility: hidden;
+}
+.tox .tox-dialog-dock-fadein {
+	opacity: 1;
+	visibility: visible;
+}
+.tox .tox-dialog-dock-transition {
+	transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+	transition-delay: 0s;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav {
+		margin-right: 0;
+	}
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav-item:not(:first-child) {
+		margin-left: 8px;
+	}
+}
+.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-end > *,
+.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-start > * {
+	margin-left: 8px;
+}
+.tox[dir='rtl'] .tox-dialog__body {
+	text-align: right;
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav {
+		margin-left: 0;
+	}
+}
+@media only screen and (max-width: 767px) {
+	body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav-item:not(:first-child) {
+		margin-right: 8px;
+	}
+}
+.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-end > *,
+.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-start > * {
+	margin-right: 8px;
+}
+body.tox-dialog__disable-scroll {
+	overflow: hidden;
+}
+.tox .tox-dropzone-container {
+	display: flex;
+	flex: 1;
+}
+.tox .tox-dropzone {
+	align-items: center;
+	background: #fff;
+	border: 2px dashed #ccc;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+	justify-content: center;
+	min-height: 100px;
+	padding: 10px;
+}
+.tox .tox-dropzone p {
+	color: rgba(34, 47, 62, 0.7);
+	margin: 0 0 16px 0;
+}
+.tox .tox-edit-area {
+	display: flex;
+	flex: 1;
+	overflow: hidden;
+	position: relative;
+}
+.tox .tox-edit-area__iframe {
+	background-color: #fff;
+	border: 0;
+	box-sizing: border-box;
+	flex: 1;
+	height: 100%;
+	position: absolute;
+	width: 100%;
+}
+.tox.tox-inline-edit-area {
+	border: 1px dotted #ccc;
+}
+.tox .tox-editor-container {
+	display: flex;
+	flex: 1 1 auto;
+	flex-direction: column;
+	overflow: hidden;
+}
+.tox .tox-editor-header {
+	z-index: 1;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+	background-color: #fff;
+	border-bottom: none;
+	box-shadow: none;
+	padding: 4px 0;
+	transition: box-shadow 0.5s;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+	border-top: 1px solid #c1c1c1;
+	box-shadow: none;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
+	background-color: #fff;
+	box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+	padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+	box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+.tox-editor-dock-fadeout {
+	opacity: 0;
+	visibility: hidden;
+}
+.tox-editor-dock-fadein {
+	opacity: 1;
+	visibility: visible;
+}
+.tox-editor-dock-transition {
+	transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+	transition-delay: 0s;
+}
+.tox .tox-control-wrap {
+	flex: 1;
+	position: relative;
+}
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+	display: none;
+}
+.tox .tox-control-wrap svg {
+	display: block;
+}
+.tox .tox-control-wrap__status-icon-wrap {
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.tox .tox-control-wrap__status-icon-invalid svg {
+	fill: #c00;
+}
+.tox .tox-control-wrap__status-icon-unknown svg {
+	fill: orange;
+}
+.tox .tox-control-wrap__status-icon-valid svg {
+	fill: green;
+}
+.tox:not([dir='rtl']) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir='rtl']) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir='rtl']) .tox-control-wrap--status-valid .tox-textfield {
+	padding-right: 32px;
+}
+.tox:not([dir='rtl']) .tox-control-wrap__status-icon-wrap {
+	right: 4px;
+}
+.tox[dir='rtl'] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir='rtl'] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir='rtl'] .tox-control-wrap--status-valid .tox-textfield {
+	padding-left: 32px;
+}
+.tox[dir='rtl'] .tox-control-wrap__status-icon-wrap {
+	left: 4px;
+}
+.tox .tox-autocompleter {
+	max-width: 25em;
+}
+.tox .tox-autocompleter .tox-menu {
+	border-color: #ccc;
+	box-shadow: none;
+	max-width: 25em;
+}
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+	font-weight: 700;
+}
+.tox .tox-color-input {
+	display: flex;
+	position: relative;
+	z-index: 1;
+}
+.tox .tox-color-input .tox-textfield {
+	z-index: -1;
+}
+.tox .tox-color-input span {
+	border-color: rgba(34, 47, 62, 0.2);
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	height: 24px;
+	position: absolute;
+	top: 6px;
+	width: 24px;
+}
+.tox .tox-color-input span:focus:not([aria-disabled='true']),
+.tox .tox-color-input span:hover:not([aria-disabled='true']) {
+	border-color: #207ab7;
+	cursor: pointer;
+}
+.tox .tox-color-input span::before {
+	background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%),
+		linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%),
+		linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%),
+		linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
+	background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+	background-size: 12px 12px;
+	border: 1px solid #fff;
+	border-radius: 3px;
+	box-sizing: border-box;
+	content: '';
+	height: 24px;
+	left: -1px;
+	position: absolute;
+	top: -1px;
+	width: 24px;
+	z-index: -1;
+}
+.tox .tox-color-input span[aria-disabled='true'] {
+	cursor: not-allowed;
+}
+.tox:not([dir='rtl']) .tox-color-input .tox-textfield {
+	padding-left: 36px;
+}
+.tox:not([dir='rtl']) .tox-color-input span {
+	left: 6px;
+}
+.tox[dir='rtl'] .tox-color-input .tox-textfield {
+	padding-right: 36px;
+}
+.tox[dir='rtl'] .tox-color-input span {
+	right: 6px;
+}
+.tox .tox-label,
+.tox .tox-toolbar-label {
+	color: rgba(34, 47, 62, 0.7);
+	display: block;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 1.3;
+	padding: 0 8px 0 0;
+	text-transform: none;
+	white-space: nowrap;
+}
+.tox .tox-toolbar-label {
+	padding: 0 8px;
+}
+.tox[dir='rtl'] .tox-label {
+	padding: 0 0 0 8px;
+}
+.tox .tox-form {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+.tox .tox-form__group {
+	box-sizing: border-box;
+	margin-bottom: 4px;
+}
+.tox .tox-form-group--maximize {
+	flex: 1;
+}
+.tox .tox-form__group--error {
+	color: #c00;
+}
+.tox .tox-form__group--collection {
+	display: flex;
+}
+.tox .tox-form__grid {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+.tox .tox-form__grid--2col > .tox-form__group {
+	width: calc(50% - (8px / 2));
+}
+.tox .tox-form__grid--3col > .tox-form__group {
+	width: calc(100% / 3 - (8px / 2));
+}
+.tox .tox-form__grid--4col > .tox-form__group {
+	width: calc(25% - (8px / 2));
+}
+.tox .tox-form__controls-h-stack {
+	align-items: center;
+	display: flex;
+}
+.tox .tox-form__group--inline {
+	align-items: center;
+	display: flex;
+}
+.tox .tox-form__group--stretched {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+.tox .tox-form__group--stretched .tox-textarea {
+	flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj {
+	display: flex;
+	flex: 1;
+}
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+	flex: 1;
+	height: 100%;
+}
+.tox:not([dir='rtl']) .tox-form__controls-h-stack > :not(:first-child) {
+	margin-left: 4px;
+}
+.tox[dir='rtl'] .tox-form__controls-h-stack > :not(:first-child) {
+	margin-right: 4px;
+}
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+	display: none;
+}
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea,
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	background-color: #fff;
+	border-color: #ccc;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #222f3e;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 16px;
+	line-height: 24px;
+	margin: 0;
+	min-height: 34px;
+	outline: 0;
+	padding: 5px 4.75px;
+	resize: none;
+	width: 100%;
+}
+.tox .tox-textarea[disabled],
+.tox .tox-textfield[disabled] {
+	background-color: #f2f2f2;
+	color: rgba(34, 47, 62, 0.85);
+	cursor: not-allowed;
+}
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea:focus,
+.tox .tox-textfield:focus {
+	background-color: #fff;
+	border-color: #207ab7;
+	box-shadow: none;
+	outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+.tox .tox-toolbar-textfield {
+	border-width: 0;
+	margin-bottom: 3px;
+	margin-top: 2px;
+	max-width: 250px;
+}
+.tox .tox-naked-btn {
+	background-color: transparent;
+	border: 0;
+	border-color: transparent;
+	box-shadow: unset;
+	color: #207ab7;
+	cursor: pointer;
+	display: block;
+	margin: 0;
+	padding: 0;
+}
+.tox .tox-naked-btn svg {
+	display: block;
+	fill: #222f3e;
+}
+.tox:not([dir='rtl']) .tox-toolbar-textfield + * {
+	margin-left: 4px;
+}
+.tox[dir='rtl'] .tox-toolbar-textfield + * {
+	margin-right: 4px;
+}
+.tox .tox-listboxfield {
+	cursor: pointer;
+	position: relative;
+}
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+	background-color: #f2f2f2;
+	color: rgba(34, 47, 62, 0.85);
+	cursor: not-allowed;
+}
+.tox .tox-listbox__select-label {
+	cursor: default;
+	flex: 1;
+	margin: 0 4px;
+}
+.tox .tox-listbox__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+}
+.tox .tox-listbox__select-chevron svg {
+	fill: #222f3e;
+}
+.tox .tox-listboxfield .tox-listbox--select {
+	align-items: center;
+	display: flex;
+}
+.tox:not([dir='rtl']) .tox-listboxfield svg {
+	right: 8px;
+}
+.tox[dir='rtl'] .tox-listboxfield svg {
+	left: 8px;
+}
+.tox .tox-selectfield {
+	cursor: pointer;
+	position: relative;
+}
+.tox .tox-selectfield select {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+	background-color: #fff;
+	border-color: #ccc;
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	color: #222f3e;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
+		sans-serif;
+	font-size: 16px;
+	line-height: 24px;
+	margin: 0;
+	min-height: 34px;
+	outline: 0;
+	padding: 5px 4.75px;
+	resize: none;
+	width: 100%;
+}
+.tox .tox-selectfield select[disabled] {
+	background-color: #f2f2f2;
+	color: rgba(34, 47, 62, 0.85);
+	cursor: not-allowed;
+}
+.tox .tox-selectfield select::-ms-expand {
+	display: none;
+}
+.tox .tox-selectfield select:focus {
+	background-color: #fff;
+	border-color: #207ab7;
+	box-shadow: none;
+	outline: 2px solid rgba(32, 122, 183, 0.25);
+}
+.tox .tox-selectfield svg {
+	pointer-events: none;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.tox:not([dir='rtl']) .tox-selectfield select[size='0'],
+.tox:not([dir='rtl']) .tox-selectfield select[size='1'] {
+	padding-right: 24px;
+}
+.tox:not([dir='rtl']) .tox-selectfield svg {
+	right: 8px;
+}
+.tox[dir='rtl'] .tox-selectfield select[size='0'],
+.tox[dir='rtl'] .tox-selectfield select[size='1'] {
+	padding-left: 24px;
+}
+.tox[dir='rtl'] .tox-selectfield svg {
+	left: 8px;
+}
+.tox .tox-textarea {
+	-webkit-appearance: textarea;
+	-moz-appearance: textarea;
+	appearance: textarea;
+	white-space: pre-wrap;
+}
+.tox-fullscreen {
+	border: 0;
+	height: 100%;
+	margin: 0;
+	overflow: hidden;
+	overscroll-behavior: none;
+	padding: 0;
+	touch-action: pinch-zoom;
+	width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+	display: none;
+}
+.tox-shadowhost.tox-fullscreen,
+.tox.tox-tinymce.tox-fullscreen {
+	left: 0;
+	position: fixed;
+	top: 0;
+	z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+	background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+	z-index: 1201;
+}
+.tox .tox-help__more-link {
+	list-style: none;
+	margin-top: 1em;
+}
+.tox .tox-imagepreview {
+	background-color: #666;
+	height: 380px;
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+}
+.tox .tox-imagepreview.tox-imagepreview__loaded {
+	overflow: auto;
+}
+.tox .tox-imagepreview__container {
+	display: flex;
+	left: 100vw;
+	position: absolute;
+	top: 100vw;
+}
+.tox .tox-imagepreview__image {
+	background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+.tox .tox-image-tools .tox-spacer {
+	flex: 1;
+}
+.tox .tox-image-tools .tox-bar {
+	align-items: center;
+	display: flex;
+	height: 60px;
+	justify-content: center;
+}
+.tox .tox-image-tools .tox-imagepreview,
+.tox .tox-image-tools .tox-imagepreview + .tox-bar {
+	margin-top: 8px;
+}
+.tox .tox-image-tools .tox-croprect-block {
+	background: #000;
+	opacity: 0.5;
+	position: absolute;
+	zoom: 1;
+}
+.tox .tox-image-tools .tox-croprect-handle {
+	border: 2px solid #fff;
+	height: 20px;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 20px;
+}
+.tox .tox-image-tools .tox-croprect-handle-move {
+	border: 0;
+	cursor: move;
+	position: absolute;
+}
+.tox .tox-image-tools .tox-croprect-handle-nw {
+	border-width: 2px 0 0 2px;
+	cursor: nw-resize;
+	left: 100px;
+	margin: -2px 0 0 -2px;
+	top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-ne {
+	border-width: 2px 2px 0 0;
+	cursor: ne-resize;
+	left: 200px;
+	margin: -2px 0 0 -20px;
+	top: 100px;
+}
+.tox .tox-image-tools .tox-croprect-handle-sw {
+	border-width: 0 0 2px 2px;
+	cursor: sw-resize;
+	left: 100px;
+	margin: -20px 2px 0 -2px;
+	top: 200px;
+}
+.tox .tox-image-tools .tox-croprect-handle-se {
+	border-width: 0 2px 2px 0;
+	cursor: se-resize;
+	left: 200px;
+	margin: -20px 0 0 -20px;
+	top: 200px;
+}
+.tox .tox-insert-table-picker {
+	display: flex;
+	flex-wrap: wrap;
+	width: 170px;
+}
+.tox .tox-insert-table-picker > div {
+	border-color: #ccc;
+	border-style: solid;
+	border-width: 0 1px 1px 0;
+	box-sizing: border-box;
+	height: 17px;
+	width: 17px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+	margin: 0 -4px;
+}
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+	background-color: rgba(32, 122, 183, 0.5);
+	border-color: rgba(32, 122, 183, 0.5);
+}
+.tox .tox-insert-table-picker__label {
+	color: rgba(34, 47, 62, 0.7);
+	display: block;
+	font-size: 14px;
+	padding: 4px;
+	text-align: center;
+	width: 100%;
+}
+.tox:not([dir='rtl']) .tox-insert-table-picker > div:nth-child(10n) {
+	border-right: 0;
+}
+.tox[dir='rtl'] .tox-insert-table-picker > div:nth-child(10n + 1) {
+	border-right: 0;
+}
+.tox .tox-menu {
+	background-color: #fff;
+	border: 1px solid #ccc;
+	border-radius: 3px;
+	box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+	display: inline-block;
+	overflow: hidden;
+	vertical-align: top;
+	z-index: 1150;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+	padding: 0 0;
+}
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+	padding: 4px;
+}
+.tox .tox-menu.tox-collection.tox-collection--grid {
+	padding: 4px;
+}
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code,
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p {
+	margin: 0;
+}
+.tox .tox-menubar {
+	background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E")
+		left 0 top 0 #fff;
+	background-color: #fff;
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	padding: 0 4px 0 4px;
+}
+.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
+	border-top: 1px solid #ccc;
+}
+.tox .tox-mbtn {
+	align-items: center;
+	background: 0 0;
+	border: 0;
+	border-radius: 3px;
+	box-shadow: none;
+	color: #222f3e;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	height: 34px;
+	justify-content: center;
+	margin: 2px 0 3px 0;
+	outline: 0;
+	overflow: hidden;
+	padding: 0 4px;
+	text-transform: none;
+	width: auto;
+}
+.tox .tox-mbtn[disabled] {
+	background-color: transparent;
+	border: 0;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-mbtn:focus:not(:disabled) {
+	background: #dee0e2;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-mbtn--active {
+	background: #c8cbcf;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+	background: #dee0e2;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-mbtn__select-label {
+	cursor: default;
+	font-weight: 400;
+	margin: 0 4px;
+}
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+	cursor: not-allowed;
+}
+.tox .tox-mbtn__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+	display: none;
+}
+.tox .tox-notification {
+	border-radius: 3px;
+	border-style: solid;
+	border-width: 1px;
+	box-shadow: none;
+	box-sizing: border-box;
+	display: grid;
+	font-size: 14px;
+	font-weight: 400;
+	grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+	margin-top: 4px;
+	opacity: 0;
+	padding: 4px;
+	transition: transform 0.1s ease-in, opacity 150ms ease-in;
+}
+.tox .tox-notification p {
+	font-size: 14px;
+	font-weight: 400;
+}
+.tox .tox-notification a {
+	cursor: pointer;
+	text-decoration: underline;
+}
+.tox .tox-notification--in {
+	opacity: 1;
+}
+.tox .tox-notification--success {
+	background-color: #e4eeda;
+	border-color: #d7e6c8;
+	color: #222f3e;
+}
+.tox .tox-notification--success p {
+	color: #222f3e;
+}
+.tox .tox-notification--success a {
+	color: #517342;
+}
+.tox .tox-notification--success svg {
+	fill: #222f3e;
+}
+.tox .tox-notification--error {
+	background-color: #f5cccc;
+	border-color: #f0b3b3;
+	color: #222f3e;
+}
+.tox .tox-notification--error p {
+	color: #222f3e;
+}
+.tox .tox-notification--error a {
+	color: #77181f;
+}
+.tox .tox-notification--error svg {
+	fill: #222f3e;
+}
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+	background-color: #fff5cc;
+	border-color: #fff0b3;
+	color: #222f3e;
+}
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+	color: #222f3e;
+}
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+	color: #7a6e25;
+}
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+	fill: #222f3e;
+}
+.tox .tox-notification--info {
+	background-color: #d6e7fb;
+	border-color: #c1dbf9;
+	color: #222f3e;
+}
+.tox .tox-notification--info p {
+	color: #222f3e;
+}
+.tox .tox-notification--info a {
+	color: #2a64a6;
+}
+.tox .tox-notification--info svg {
+	fill: #222f3e;
+}
+.tox .tox-notification__body {
+	align-self: center;
+	color: #222f3e;
+	font-size: 14px;
+	grid-column-end: 3;
+	grid-column-start: 2;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	text-align: center;
+	white-space: normal;
+	word-break: break-all;
+	word-break: break-word;
+}
+.tox .tox-notification__body > * {
+	margin: 0;
+}
+.tox .tox-notification__body > * + * {
+	margin-top: 1rem;
+}
+.tox .tox-notification__icon {
+	align-self: center;
+	grid-column-end: 2;
+	grid-column-start: 1;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	justify-self: end;
+}
+.tox .tox-notification__icon svg {
+	display: block;
+}
+.tox .tox-notification__dismiss {
+	align-self: start;
+	grid-column-end: 4;
+	grid-column-start: 3;
+	grid-row-end: 2;
+	grid-row-start: 1;
+	justify-self: end;
+}
+.tox .tox-notification .tox-progress-bar {
+	grid-column-end: 4;
+	grid-column-start: 1;
+	grid-row-end: 3;
+	grid-row-start: 2;
+	justify-self: center;
+}
+.tox .tox-pop {
+	display: inline-block;
+	position: relative;
+}
+.tox .tox-pop--resizing {
+	transition: width 0.1s ease;
+}
+.tox .tox-pop--resizing .tox-toolbar,
+.tox .tox-pop--resizing .tox-toolbar__group {
+	flex-wrap: nowrap;
+}
+.tox .tox-pop--transition {
+	transition: 0.15s ease;
+	transition-property: left, right, top, bottom;
+}
+.tox .tox-pop--transition::after,
+.tox .tox-pop--transition::before {
+	transition: all 0.15s, visibility 0s, opacity 75ms ease 75ms;
+}
+.tox .tox-pop__dialog {
+	background-color: #fff;
+	border: 1px solid #ccc;
+	border-radius: 3px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	min-width: 0;
+	overflow: hidden;
+}
+.tox .tox-pop__dialog > :not(.tox-toolbar) {
+	margin: 4px 4px 4px 8px;
+}
+.tox .tox-pop__dialog .tox-toolbar {
+	background-color: transparent;
+	margin-bottom: -1px;
+}
+.tox .tox-pop::after,
+.tox .tox-pop::before {
+	border-style: solid;
+	content: '';
+	display: block;
+	height: 0;
+	opacity: 1;
+	position: absolute;
+	width: 0;
+}
+.tox .tox-pop.tox-pop--inset::after,
+.tox .tox-pop.tox-pop--inset::before {
+	opacity: 0;
+	transition: all 0s 0.15s, visibility 0s, opacity 75ms ease;
+}
+.tox .tox-pop.tox-pop--bottom::after,
+.tox .tox-pop.tox-pop--bottom::before {
+	left: 50%;
+	top: 100%;
+}
+.tox .tox-pop.tox-pop--bottom::after {
+	border-color: #fff transparent transparent transparent;
+	border-width: 8px;
+	margin-left: -8px;
+	margin-top: -1px;
+}
+.tox .tox-pop.tox-pop--bottom::before {
+	border-color: #ccc transparent transparent transparent;
+	border-width: 9px;
+	margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--top::after,
+.tox .tox-pop.tox-pop--top::before {
+	left: 50%;
+	top: 0;
+	transform: translateY(-100%);
+}
+.tox .tox-pop.tox-pop--top::after {
+	border-color: transparent transparent #fff transparent;
+	border-width: 8px;
+	margin-left: -8px;
+	margin-top: 1px;
+}
+.tox .tox-pop.tox-pop--top::before {
+	border-color: transparent transparent #ccc transparent;
+	border-width: 9px;
+	margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--left::after,
+.tox .tox-pop.tox-pop--left::before {
+	left: 0;
+	top: calc(50% - 1px);
+	transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--left::after {
+	border-color: transparent #fff transparent transparent;
+	border-width: 8px;
+	margin-left: -15px;
+}
+.tox .tox-pop.tox-pop--left::before {
+	border-color: transparent #ccc transparent transparent;
+	border-width: 10px;
+	margin-left: -19px;
+}
+.tox .tox-pop.tox-pop--right::after,
+.tox .tox-pop.tox-pop--right::before {
+	left: 100%;
+	top: calc(50% + 1px);
+	transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--right::after {
+	border-color: transparent transparent transparent #fff;
+	border-width: 8px;
+	margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--right::before {
+	border-color: transparent transparent transparent #ccc;
+	border-width: 10px;
+	margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--align-left::after,
+.tox .tox-pop.tox-pop--align-left::before {
+	left: 20px;
+}
+.tox .tox-pop.tox-pop--align-right::after,
+.tox .tox-pop.tox-pop--align-right::before {
+	left: calc(100% - 20px);
+}
+.tox .tox-sidebar-wrap {
+	display: flex;
+	flex-direction: row;
+	flex-grow: 1;
+	min-height: 0;
+}
+.tox .tox-sidebar {
+	background-color: #fff;
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-end;
+}
+.tox .tox-sidebar__slider {
+	display: flex;
+	overflow: hidden;
+}
+.tox .tox-sidebar__pane-container {
+	display: flex;
+}
+.tox .tox-sidebar__pane {
+	display: flex;
+}
+.tox .tox-sidebar--sliding-closed {
+	opacity: 0;
+}
+.tox .tox-sidebar--sliding-open {
+	opacity: 1;
+}
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+	transition: width 0.5s ease, opacity 0.5s ease;
+}
+.tox .tox-selector {
+	background-color: #4099ff;
+	border-color: #4099ff;
+	border-style: solid;
+	border-width: 1px;
+	box-sizing: border-box;
+	display: inline-block;
+	height: 10px;
+	position: absolute;
+	width: 10px;
+}
+.tox.tox-platform-touch .tox-selector {
+	height: 12px;
+	width: 12px;
+}
+.tox .tox-slider {
+	align-items: center;
+	display: flex;
+	flex: 1;
+	height: 24px;
+	justify-content: center;
+	position: relative;
+}
+.tox .tox-slider__rail {
+	background-color: transparent;
+	border: 1px solid #ccc;
+	border-radius: 3px;
+	height: 10px;
+	min-width: 120px;
+	width: 100%;
+}
+.tox .tox-slider__handle {
+	background-color: #207ab7;
+	border: 2px solid #185d8c;
+	border-radius: 3px;
+	box-shadow: none;
+	height: 24px;
+	left: 50%;
+	position: absolute;
+	top: 50%;
+	transform: translateX(-50%) translateY(-50%);
+	width: 14px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
+	margin-inline-start: 8px;
+}
+.tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
+	margin-inline-start: 32px;
+}
+.tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
+	margin-inline-start: 32px;
+}
+.tox .tox-source-code {
+	overflow: auto;
+}
+.tox .tox-spinner {
+	display: flex;
+}
+.tox .tox-spinner > div {
+	animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+	background-color: rgba(34, 47, 62, 0.7);
+	border-radius: 100%;
+	height: 8px;
+	width: 8px;
+}
+.tox .tox-spinner > div:nth-child(1) {
+	animation-delay: -0.32s;
+}
+.tox .tox-spinner > div:nth-child(2) {
+	animation-delay: -0.16s;
+}
+@keyframes tam-bouncing-dots {
+	0%,
+	100%,
+	80% {
+		transform: scale(0);
+	}
+	40% {
+		transform: scale(1);
+	}
+}
+.tox:not([dir='rtl']) .tox-spinner > div:not(:first-child) {
+	margin-left: 4px;
+}
+.tox[dir='rtl'] .tox-spinner > div:not(:first-child) {
+	margin-right: 4px;
+}
+.tox .tox-statusbar {
+	align-items: center;
+	background-color: #fff;
+	border-top: 1px solid #ccc;
+	color: rgba(34, 47, 62, 0.7);
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 12px;
+	font-weight: 400;
+	height: 18px;
+	overflow: hidden;
+	padding: 0 8px;
+	position: relative;
+	text-transform: uppercase;
+}
+.tox .tox-statusbar__text-container {
+	display: flex;
+	flex: 1 1 auto;
+	justify-content: flex-end;
+	overflow: hidden;
+}
+.tox .tox-statusbar__path {
+	display: flex;
+	flex: 1 1 auto;
+	margin-right: auto;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.tox .tox-statusbar__path > * {
+	display: inline;
+	white-space: nowrap;
+}
+.tox .tox-statusbar__wordcount {
+	flex: 0 0 auto;
+	margin-left: 1ch;
+}
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+	color: rgba(34, 47, 62, 0.7);
+	text-decoration: none;
+}
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled='true']) {
+	color: #222f3e;
+	cursor: pointer;
+}
+.tox .tox-statusbar__branding svg {
+	fill: rgba(34, 47, 62, 0.8);
+	height: 1.14em;
+	vertical-align: -0.28em;
+	width: 3.6em;
+}
+.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled='true']) svg,
+.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled='true']) svg {
+	fill: #222f3e;
+}
+.tox .tox-statusbar__resize-handle {
+	align-items: flex-end;
+	align-self: stretch;
+	cursor: nwse-resize;
+	display: flex;
+	flex: 0 0 auto;
+	justify-content: flex-end;
+	margin-left: auto;
+	margin-right: -8px;
+	padding-bottom: 3px;
+	padding-left: 1ch;
+	padding-right: 3px;
+}
+.tox .tox-statusbar__resize-handle svg {
+	display: block;
+	fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-statusbar__resize-handle:focus svg {
+	background-color: #dee0e2;
+	border-radius: 1px 1px -4px 1px;
+	box-shadow: 0 0 0 2px #dee0e2;
+}
+.tox:not([dir='rtl']) .tox-statusbar__path > * {
+	margin-right: 4px;
+}
+.tox:not([dir='rtl']) .tox-statusbar__branding {
+	margin-left: 2ch;
+}
+.tox[dir='rtl'] .tox-statusbar {
+	flex-direction: row-reverse;
+}
+.tox[dir='rtl'] .tox-statusbar__path > * {
+	margin-left: 4px;
+}
+.tox .tox-throbber {
+	z-index: 1299;
+}
+.tox .tox-throbber__busy-spinner {
+	align-items: center;
+	background-color: rgba(255, 255, 255, 0.6);
+	bottom: 0;
+	display: flex;
+	justify-content: center;
+	left: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+.tox .tox-tbtn {
+	align-items: center;
+	background: 0 0;
+	border: 0;
+	border-radius: 3px;
+	box-shadow: none;
+	color: #222f3e;
+	display: flex;
+	flex: 0 0 auto;
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	height: 34px;
+	justify-content: center;
+	margin: 3px 0 2px 0;
+	outline: 0;
+	overflow: hidden;
+	padding: 0;
+	text-transform: none;
+	width: 34px;
+}
+.tox .tox-tbtn svg {
+	display: block;
+	fill: #222f3e;
+}
+.tox .tox-tbtn.tox-tbtn-more {
+	padding-left: 5px;
+	padding-right: 5px;
+	width: inherit;
+}
+.tox .tox-tbtn:focus {
+	background: #dee0e2;
+	border: 0;
+	box-shadow: none;
+}
+.tox .tox-tbtn:hover {
+	background: #dee0e2;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-tbtn:hover svg {
+	fill: #222f3e;
+}
+.tox .tox-tbtn:active {
+	background: #c8cbcf;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-tbtn:active svg {
+	fill: #222f3e;
+}
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+	background: 0 0;
+	border: 0;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+	cursor: not-allowed;
+}
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover {
+	background: #c8cbcf;
+	border: 0;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-tbtn--enabled:hover > *,
+.tox .tox-tbtn--enabled > * {
+	transform: none;
+}
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg {
+	fill: #222f3e;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+	color: #222f3e;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+	fill: #222f3e;
+}
+.tox .tox-tbtn:active > * {
+	transform: none;
+}
+.tox .tox-tbtn--md {
+	height: 51px;
+	width: 51px;
+}
+.tox .tox-tbtn--lg {
+	flex-direction: column;
+	height: 68px;
+	width: 68px;
+}
+.tox .tox-tbtn--return {
+	align-self: stretch;
+	height: unset;
+	width: 16px;
+}
+.tox .tox-tbtn--labeled {
+	padding: 0 4px;
+	width: unset;
+}
+.tox .tox-tbtn__vlabel {
+	display: block;
+	font-size: 10px;
+	font-weight: 400;
+	letter-spacing: -0.025em;
+	margin-bottom: 4px;
+	white-space: nowrap;
+}
+.tox .tox-tbtn--select {
+	margin: 3px 0 2px 0;
+	padding: 0 4px;
+	width: auto;
+}
+.tox .tox-tbtn__select-label {
+	cursor: default;
+	font-weight: 400;
+	margin: 0 4px;
+}
+.tox .tox-tbtn__select-chevron {
+	align-items: center;
+	display: flex;
+	justify-content: center;
+	width: 16px;
+}
+.tox .tox-tbtn__select-chevron svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--bespoke {
+	background: 0 0;
+}
+.tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
+	margin-inline-start: 0;
+}
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: 7em;
+}
+.tox .tox-split-button {
+	border: 0;
+	border-radius: 3px;
+	box-sizing: border-box;
+	display: flex;
+	margin: 3px 0 2px 0;
+	overflow: hidden;
+}
+.tox .tox-split-button:hover {
+	box-shadow: 0 0 0 1px #dee0e2 inset;
+}
+.tox .tox-split-button:focus {
+	background: #dee0e2;
+	box-shadow: none;
+	color: #222f3e;
+}
+.tox .tox-split-button > * {
+	border-radius: 0;
+}
+.tox .tox-split-button__chevron {
+	width: 16px;
+}
+.tox .tox-split-button__chevron svg {
+	fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-split-button .tox-tbtn {
+	margin: 0;
+}
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled:hover {
+	background: 0 0;
+	box-shadow: none;
+	color: rgba(34, 47, 62, 0.5);
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
+	padding: 0 0;
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
+	width: 30px;
+}
+.tox.tox-platform-touch .tox-split-button__chevron {
+	width: 20px;
+}
+.tox .tox-toolbar-overlord {
+	background-color: #fff;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__overflow,
+.tox .tox-toolbar__primary {
+	background-color: #fff;
+	background-image: repeating-linear-gradient(#ccc 0 1px, transparent 1px 39px);
+	background-position: center top 39px;
+	background-repeat: no-repeat;
+	background-size: calc(100% - 4px * 2) calc(100% - 39px);
+	display: flex;
+	flex: 0 0 auto;
+	flex-shrink: 0;
+	flex-wrap: wrap;
+	padding: 0 0;
+	transform: perspective(1px);
+}
+.tox .tox-toolbar-overlord > .tox-toolbar,
+.tox .tox-toolbar-overlord > .tox-toolbar__overflow,
+.tox .tox-toolbar-overlord > .tox-toolbar__primary {
+	background-position: center top 0;
+	background-size: calc(100% - 4px * 2) calc(100% - 0px);
+}
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+	height: 0;
+	opacity: 0;
+	padding-bottom: 0;
+	padding-top: 0;
+	visibility: hidden;
+}
+.tox .tox-toolbar__overflow--growing {
+	transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+.tox .tox-toolbar__overflow--shrinking {
+	transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord {
+	border-top: 1px solid #ccc;
+	margin-top: 0;
+	padding-bottom: 0;
+	padding-top: 0;
+}
+.tox .tox-toolbar--scrolling {
+	flex-wrap: nowrap;
+	overflow-x: auto;
+}
+.tox .tox-pop .tox-toolbar {
+	border-width: 0;
+}
+.tox .tox-toolbar--no-divider {
+	background-image: none;
+}
+.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
+.tox .tox-toolbar-overlord .tox-toolbar__primary {
+	background-position: center top 39px;
+}
+.tox .tox-editor-header > .tox-toolbar--scrolling,
+.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
+	background-image: none;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+	background-color: #fff;
+	background-position: center top 43px;
+	background-size: calc(100% - 8px * 2) calc(100% - 51px);
+	border: none;
+	border-radius: 3px;
+	box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
+	padding: 4px 0;
+}
+.tox-pop .tox-pop__dialog .tox-toolbar {
+	background-position: center top 43px;
+	background-size: calc(100% - 4px * 2) calc(100% - 51px);
+	padding: 4px 0;
+}
+.tox .tox-toolbar__group {
+	align-items: center;
+	display: flex;
+	flex-wrap: wrap;
+	margin: 0 0;
+	padding: 0 4px 0 4px;
+}
+.tox .tox-toolbar__group--pull-right {
+	margin-left: auto;
+}
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+	flex-shrink: 0;
+	flex-wrap: nowrap;
+}
+.tox:not([dir='rtl']) .tox-toolbar__group:not(:last-of-type) {
+	border-right: 1px solid #ccc;
+}
+.tox[dir='rtl'] .tox-toolbar__group:not(:last-of-type) {
+	border-left: 1px solid #ccc;
+}
+.tox .tox-tooltip {
+	display: inline-block;
+	padding: 8px;
+	position: relative;
+}
+.tox .tox-tooltip__body {
+	background-color: #222f3e;
+	border-radius: 3px;
+	box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
+	color: rgba(255, 255, 255, 0.75);
+	font-size: 14px;
+	font-style: normal;
+	font-weight: 400;
+	padding: 4px 8px;
+	text-transform: none;
+}
+.tox .tox-tooltip__arrow {
+	position: absolute;
+}
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+	border-left: 8px solid transparent;
+	border-right: 8px solid transparent;
+	border-top: 8px solid #222f3e;
+	bottom: 0;
+	left: 50%;
+	position: absolute;
+	transform: translateX(-50%);
+}
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+	border-bottom: 8px solid #222f3e;
+	border-left: 8px solid transparent;
+	border-right: 8px solid transparent;
+	left: 50%;
+	position: absolute;
+	top: 0;
+	transform: translateX(-50%);
+}
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+	border-bottom: 8px solid transparent;
+	border-left: 8px solid #222f3e;
+	border-top: 8px solid transparent;
+	position: absolute;
+	right: 0;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+	border-bottom: 8px solid transparent;
+	border-right: 8px solid #222f3e;
+	border-top: 8px solid transparent;
+	left: 0;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.tox .tox-well {
+	border: 1px solid #ccc;
+	border-radius: 3px;
+	padding: 8px;
+	width: 100%;
+}
+.tox .tox-well > :first-child {
+	margin-top: 0;
+}
+.tox .tox-well > :last-child {
+	margin-bottom: 0;
+}
+.tox .tox-well > :only-child {
+	margin: 0;
+}
+.tox .tox-custom-editor {
+	border: 1px solid #ccc;
+	border-radius: 3px;
+	display: flex;
+	flex: 1;
+	position: relative;
+}
+.tox .tox-dialog-loading::before {
+	background-color: rgba(0, 0, 0, 0.5);
+	content: '';
+	height: 100%;
+	position: absolute;
+	width: 100%;
+	z-index: 1000;
+}
+.tox .tox-tab {
+	cursor: pointer;
+}
+.tox .tox-dialog__content-js {
+	display: flex;
+	flex: 1;
+}
+.tox .tox-dialog__body-content .tox-collection {
+	display: flex;
+	flex: 1;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+	background-color: none;
+	padding: 0;
+}
+.tox.tox-tinymce--toolbar-bottom .tox-editor-header,
+.tox.tox-tinymce-inline .tox-editor-header {
+	margin-bottom: -1px;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+	border-top: none;
+	box-shadow: none;
+}
+.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
+	background-color: transparent;
+	box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+	padding: 0;
+}
+.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+	box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+	margin: -4px 0;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+	padding: 0;
+}
+.tox .tox-pop {
+	box-shadow: none;
+}
+.tox .tox-split-button,
+.tox .tox-tbtn,
+.tox .tox-tbtn--select {
+	margin: 2px 0 3px 0;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__overflow,
+.tox .tox-toolbar__primary {
+	background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E")
+		left 0 top 0 #fff !important;
+}
+.tox .tox-menubar + .tox-toolbar-overlord {
+	border-top: none;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
+	border-top: 1px solid #ccc;
+	margin-top: -1px;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+	border: 1px solid #ccc;
+	padding: 0;
+}
+.tox:not(.tox-tinymce-inline)
+	.tox-editor-header:not(:first-child)
+	.tox-toolbar-overlord:first-child
+	.tox-toolbar__primary,
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child {
+	border-top: 1px solid #ccc;
+}
+.tox .tox-toolbar__group {
+	padding: 0 4px 0 4px;
+}
+.tox .tox-collection__item {
+	border-radius: 0;
+	cursor: pointer;
+}
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled='true']),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled='true']) {
+	color: rgba(34, 47, 62, 0.7);
+	text-decoration: underline;
+}
+.tox .tox-statusbar__branding svg {
+	vertical-align: -0.25em;
+}
+.tox:not([dir='rtl']) .tox-statusbar__branding {
+	margin-left: 1ch;
+}
+.tox .tox-statusbar__resize-handle {
+	padding-bottom: 0;
+	padding-right: 0;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/skin.shadowdom.css b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/skin.shadowdom.css
new file mode 100644
index 00000000..d9ea82a3
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/skin.shadowdom.css
@@ -0,0 +1,35 @@
+body.tox-dialog__disable-scroll {
+	overflow: hidden;
+}
+
+.tox-fullscreen {
+	border: 0;
+	height: 100%;
+	margin: 0;
+	overflow: hidden;
+	overscroll-behavior: none;
+	padding: 0;
+	touch-action: pinch-zoom;
+	width: 100%;
+}
+
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+	display: none;
+}
+
+.tox.tox-tinymce.tox-fullscreen,
+.tox-shadowhost.tox-fullscreen {
+	left: 0;
+	position: fixed;
+	top: 0;
+	z-index: 1200;
+}
+
+.tox.tox-tinymce.tox-fullscreen {
+	background-color: transparent;
+}
+
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+	z-index: 1201;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/skin.shadowdom.min.css b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/skin.shadowdom.min.css
new file mode 100644
index 00000000..c1141c55
--- /dev/null
+++ b/src/frontend/admin/public/tinymce/skins/ui/tinymce-5/skin.shadowdom.min.css
@@ -0,0 +1,30 @@
+body.tox-dialog__disable-scroll {
+	overflow: hidden;
+}
+.tox-fullscreen {
+	border: 0;
+	height: 100%;
+	margin: 0;
+	overflow: hidden;
+	overscroll-behavior: none;
+	padding: 0;
+	touch-action: pinch-zoom;
+	width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+	display: none;
+}
+.tox-shadowhost.tox-fullscreen,
+.tox.tox-tinymce.tox-fullscreen {
+	left: 0;
+	position: fixed;
+	top: 0;
+	z-index: 1200;
+}
+.tox.tox-tinymce.tox-fullscreen {
+	background-color: transparent;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+	z-index: 1201;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/App.vue b/src/frontend/admin/src/App.vue
new file mode 100644
index 00000000..805ab9b2
--- /dev/null
+++ b/src/frontend/admin/src/App.vue
@@ -0,0 +1,46 @@
+<template>
+    <el-config-provider :button="config.button" :locale="locale" :size="config.size" :zIndex="config.zIndex">
+        <router-view></router-view>
+    </el-config-provider>
+</template>
+
+<script>
+import colorTool from '@/utils/color'
+
+export default {
+    name: 'App',
+    data() {
+        return {
+            config: {
+                size: 'default',
+                zIndex: 2000,
+                button: {
+                    autoInsertSpace: false,
+                },
+            },
+        }
+    },
+    computed: {
+        locale() {
+            return this.$i18n.messages[this.$i18n.locale].el
+        },
+    },
+    async created() {
+        //设置主题颜色
+        const app_color = this.$CONFIG.COLOR || this.$TOOL.data.get('APP_COLOR')
+        if (app_color) {
+            document.documentElement.style.setProperty('--el-color-primary', app_color)
+            for (let i = 1; i <= 9; i++) {
+                document.documentElement.style.setProperty(`--el-color-primary-light-${i}`, colorTool.lighten(app_color, i / 10))
+            }
+            for (let i = 1; i <= 9; i++) {
+                document.documentElement.style.setProperty(`--el-color-primary-dark-${i}`, colorTool.darken(app_color, i / 10))
+            }
+        }
+    },
+}
+</script>
+
+<style lang="scss">
+@import '@/style/style.scss';
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/index.js b/src/frontend/admin/src/api/index.js
new file mode 100644
index 00000000..1397ad01
--- /dev/null
+++ b/src/frontend/admin/src/api/index.js
@@ -0,0 +1,11 @@
+/**
+ * @description 自动import导入所有 api 模块
+ */
+
+const files = import.meta.globEager('./*/*.js')
+const modules = {}
+Object.keys(files).forEach((key) => {
+    modules[key.replace(/^\.\/(.*?)\/(.*)\.js$/g, '$1_$2')] = files[key].default
+})
+
+export default modules
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/sys/api.js b/src/frontend/admin/src/api/sys/api.js
new file mode 100644
index 00000000..0ba9a3a2
--- /dev/null
+++ b/src/frontend/admin/src/api/sys/api.js
@@ -0,0 +1,33 @@
+/**
+ *  接口服务
+ *  @module @/api/sys/api
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 查询接口
+ */
+query :{
+    url: `${config.API_URL}/api/sys/api/query`,
+        name: `查询接口`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 同步接口
+ */
+sync :{
+    url: `${config.API_URL}/api/sys/api/sync`,
+        name: `同步接口`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/sys/cache.js b/src/frontend/admin/src/api/sys/cache.js
new file mode 100644
index 00000000..c0af0208
--- /dev/null
+++ b/src/frontend/admin/src/api/sys/cache.js
@@ -0,0 +1,33 @@
+/**
+ *  缓存服务
+ *  @module @/api/sys/cache
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 缓存统计
+ */
+cacheStatistics :{
+    url: `${config.API_URL}/api/sys/cache/cache.statistics`,
+        name: `缓存统计`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 获取所有缓存项
+ */
+getAllEntries :{
+    url: `${config.API_URL}/api/sys/cache/get.all.entries`,
+        name: `获取所有缓存项`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/sys/captcha.js b/src/frontend/admin/src/api/sys/captcha.js
new file mode 100644
index 00000000..7136d98b
--- /dev/null
+++ b/src/frontend/admin/src/api/sys/captcha.js
@@ -0,0 +1,33 @@
+/**
+ *  人机验证服务
+ *  @module @/api/sys/captcha
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 获取人机校验图
+ */
+getCaptchaImage :{
+    url: `${config.API_URL}/api/sys/captcha/get.captcha.image`,
+        name: `获取人机校验图`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 完成人机校验
+ */
+verifyCaptcha :{
+    url: `${config.API_URL}/api/sys/captcha/verify.captcha`,
+        name: `完成人机校验`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/sys/config.js b/src/frontend/admin/src/api/sys/config.js
new file mode 100644
index 00000000..cb4d0981
--- /dev/null
+++ b/src/frontend/admin/src/api/sys/config.js
@@ -0,0 +1,88 @@
+/**
+ *  配置服务
+ *  @module @/api/sys/config
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除配置
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/sys/config/bulk.delete`,
+        name: `批量删除配置`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建配置
+ */
+create :{
+    url: `${config.API_URL}/api/sys/config/create`,
+        name: `创建配置`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除配置
+ */
+delete :{
+    url: `${config.API_URL}/api/sys/config/delete`,
+        name: `删除配置`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 获取最新有效配置
+ */
+getLatestConfig :{
+    url: `${config.API_URL}/api/sys/config/get.latest.config`,
+        name: `获取最新有效配置`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询配置
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/sys/config/paged.query`,
+        name: `分页查询配置`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询配置
+ */
+query :{
+    url: `${config.API_URL}/api/sys/config/query`,
+        name: `查询配置`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新配置
+ */
+update :{
+    url: `${config.API_URL}/api/sys/config/update`,
+        name: `更新配置`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/sys/constant.js b/src/frontend/admin/src/api/sys/constant.js
new file mode 100644
index 00000000..42c8aae4
--- /dev/null
+++ b/src/frontend/admin/src/api/sys/constant.js
@@ -0,0 +1,55 @@
+/**
+ *  常量服务
+ *  @module @/api/sys/constant
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 获得常量字符串
+ */
+getChars :{
+    url: `${config.API_URL}/api/sys/constant/get.chars`,
+        name: `获得常量字符串`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 获得公共枚举值
+ */
+getEnums :{
+    url: `${config.API_URL}/api/sys/constant/get.enums`,
+        name: `获得公共枚举值`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 获得本地化字符串
+ */
+getLocalizedStrings :{
+    url: `${config.API_URL}/api/sys/constant/get.localized.strings`,
+        name: `获得本地化字符串`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 获得数字常量表
+ */
+getNumbers :{
+    url: `${config.API_URL}/api/sys/constant/get.numbers`,
+        name: `获得数字常量表`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/sys/dept.js b/src/frontend/admin/src/api/sys/dept.js
new file mode 100644
index 00000000..963b6e06
--- /dev/null
+++ b/src/frontend/admin/src/api/sys/dept.js
@@ -0,0 +1,66 @@
+/**
+ *  部门服务
+ *  @module @/api/sys/dept
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除部门
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/sys/dept/bulk.delete`,
+        name: `批量删除部门`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建部门
+ */
+create :{
+    url: `${config.API_URL}/api/sys/dept/create`,
+        name: `创建部门`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除部门
+ */
+delete :{
+    url: `${config.API_URL}/api/sys/dept/delete`,
+        name: `删除部门`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询部门
+ */
+query :{
+    url: `${config.API_URL}/api/sys/dept/query`,
+        name: `查询部门`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新部门
+ */
+update :{
+    url: `${config.API_URL}/api/sys/dept/update`,
+        name: `更新部门`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/sys/dev.js b/src/frontend/admin/src/api/sys/dev.js
new file mode 100644
index 00000000..fddc09c5
--- /dev/null
+++ b/src/frontend/admin/src/api/sys/dev.js
@@ -0,0 +1,44 @@
+/**
+ *  开发服务
+ *  @module @/api/sys/dev
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 生成后端代码
+ */
+generateCsCode :{
+    url: `${config.API_URL}/api/sys/dev/generate.cs.code`,
+        name: `生成后端代码`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 生成图标代码
+ */
+generateIconCode :{
+    url: `${config.API_URL}/api/sys/dev/generate.icon.code`,
+        name: `生成图标代码`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 生成接口代码
+ */
+generateJsCode :{
+    url: `${config.API_URL}/api/sys/dev/generate.js.code`,
+        name: `生成接口代码`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/sys/dic.js b/src/frontend/admin/src/api/sys/dic.js
new file mode 100644
index 00000000..9ccefda6
--- /dev/null
+++ b/src/frontend/admin/src/api/sys/dic.js
@@ -0,0 +1,143 @@
+/**
+ *  字典服务
+ *  @module @/api/sys/dic
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除字典目录
+ */
+bulkDeleteCatalog :{
+    url: `${config.API_URL}/api/sys/dic/bulk.delete.catalog`,
+        name: `批量删除字典目录`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 批量删除字典内容
+ */
+bulkDeleteContent :{
+    url: `${config.API_URL}/api/sys/dic/bulk.delete.content`,
+        name: `批量删除字典内容`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建字典目录
+ */
+createCatalog :{
+    url: `${config.API_URL}/api/sys/dic/create.catalog`,
+        name: `创建字典目录`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建字典内容
+ */
+createContent :{
+    url: `${config.API_URL}/api/sys/dic/create.content`,
+        name: `创建字典内容`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除字典目录
+ */
+deleteCatalog :{
+    url: `${config.API_URL}/api/sys/dic/delete.catalog`,
+        name: `删除字典目录`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除字典内容
+ */
+deleteContent :{
+    url: `${config.API_URL}/api/sys/dic/delete.content`,
+        name: `删除字典内容`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询字典目录
+ */
+pagedQueryCatalog :{
+    url: `${config.API_URL}/api/sys/dic/paged.query.catalog`,
+        name: `分页查询字典目录`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询字典内容
+ */
+pagedQueryContent :{
+    url: `${config.API_URL}/api/sys/dic/paged.query.content`,
+        name: `分页查询字典内容`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询字典目录
+ */
+queryCatalog :{
+    url: `${config.API_URL}/api/sys/dic/query.catalog`,
+        name: `查询字典目录`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询字典内容
+ */
+queryContent :{
+    url: `${config.API_URL}/api/sys/dic/query.content`,
+        name: `查询字典内容`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新字典目录
+ */
+updateCatalog :{
+    url: `${config.API_URL}/api/sys/dic/update.catalog`,
+        name: `更新字典目录`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新字典内容
+ */
+updateContent :{
+    url: `${config.API_URL}/api/sys/dic/update.content`,
+        name: `更新字典内容`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/sys/file.js b/src/frontend/admin/src/api/sys/file.js
new file mode 100644
index 00000000..5b50ba66
--- /dev/null
+++ b/src/frontend/admin/src/api/sys/file.js
@@ -0,0 +1,22 @@
+/**
+ *  文件服务
+ *  @module @/api/sys/file
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 文件上传
+ */
+upload :{
+    url: `${config.API_URL}/api/sys/file/upload`,
+        name: `文件上传`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/sys/log.js b/src/frontend/admin/src/api/sys/log.js
new file mode 100644
index 00000000..054de945
--- /dev/null
+++ b/src/frontend/admin/src/api/sys/log.js
@@ -0,0 +1,33 @@
+/**
+ *  请求日志服务
+ *  @module @/api/sys/log
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 分页查询请求日志
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/sys/log/paged.query`,
+        name: `分页查询请求日志`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询请求日志
+ */
+query :{
+    url: `${config.API_URL}/api/sys/log/query`,
+        name: `查询请求日志`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/sys/menu.js b/src/frontend/admin/src/api/sys/menu.js
new file mode 100644
index 00000000..ea55a58f
--- /dev/null
+++ b/src/frontend/admin/src/api/sys/menu.js
@@ -0,0 +1,77 @@
+/**
+ *  菜单服务
+ *  @module @/api/sys/menu
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除菜单
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/sys/menu/bulk.delete`,
+        name: `批量删除菜单`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建菜单
+ */
+create :{
+    url: `${config.API_URL}/api/sys/menu/create`,
+        name: `创建菜单`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除菜单
+ */
+delete :{
+    url: `${config.API_URL}/api/sys/menu/delete`,
+        name: `删除菜单`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询菜单
+ */
+query :{
+    url: `${config.API_URL}/api/sys/menu/query`,
+        name: `查询菜单`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新菜单
+ */
+update :{
+    url: `${config.API_URL}/api/sys/menu/update`,
+        name: `更新菜单`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 当前用户菜单
+ */
+userMenus :{
+    url: `${config.API_URL}/api/sys/menu/user.menus`,
+        name: `当前用户菜单`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/sys/position.js b/src/frontend/admin/src/api/sys/position.js
new file mode 100644
index 00000000..43e5093b
--- /dev/null
+++ b/src/frontend/admin/src/api/sys/position.js
@@ -0,0 +1,77 @@
+/**
+ *  岗位服务
+ *  @module @/api/sys/position
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除岗位
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/sys/position/bulk.delete`,
+        name: `批量删除岗位`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建岗位
+ */
+create :{
+    url: `${config.API_URL}/api/sys/position/create`,
+        name: `创建岗位`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除岗位
+ */
+delete :{
+    url: `${config.API_URL}/api/sys/position/delete`,
+        name: `删除岗位`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询岗位
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/sys/position/paged.query`,
+        name: `分页查询岗位`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询岗位
+ */
+query :{
+    url: `${config.API_URL}/api/sys/position/query`,
+        name: `查询岗位`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新岗位
+ */
+update :{
+    url: `${config.API_URL}/api/sys/position/update`,
+        name: `更新岗位`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/sys/role.js b/src/frontend/admin/src/api/sys/role.js
new file mode 100644
index 00000000..1772d99f
--- /dev/null
+++ b/src/frontend/admin/src/api/sys/role.js
@@ -0,0 +1,77 @@
+/**
+ *  角色服务
+ *  @module @/api/sys/role
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除角色
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/sys/role/bulk.delete`,
+        name: `批量删除角色`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建角色
+ */
+create :{
+    url: `${config.API_URL}/api/sys/role/create`,
+        name: `创建角色`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除角色
+ */
+delete :{
+    url: `${config.API_URL}/api/sys/role/delete`,
+        name: `删除角色`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询角色
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/sys/role/paged.query`,
+        name: `分页查询角色`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询角色
+ */
+query :{
+    url: `${config.API_URL}/api/sys/role/query`,
+        name: `查询角色`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新角色
+ */
+update :{
+    url: `${config.API_URL}/api/sys/role/update`,
+        name: `更新角色`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/sys/tools.js b/src/frontend/admin/src/api/sys/tools.js
new file mode 100644
index 00000000..f42c06fa
--- /dev/null
+++ b/src/frontend/admin/src/api/sys/tools.js
@@ -0,0 +1,33 @@
+/**
+ *  工具服务
+ *  @module @/api/sys/tools
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 服务器时间
+ */
+getServerUtcTime :{
+    url: `${config.API_URL}/api/sys/tools/get.server.utc.time`,
+        name: `服务器时间`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 版本信息
+ */
+version :{
+    url: `${config.API_URL}/api/sys/tools/version`,
+        name: `版本信息`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/sys/user.js b/src/frontend/admin/src/api/sys/user.js
new file mode 100644
index 00000000..5a4d30c6
--- /dev/null
+++ b/src/frontend/admin/src/api/sys/user.js
@@ -0,0 +1,198 @@
+/**
+ *  用户服务
+ *  @module @/api/sys/user
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 检查手机号是否可用
+ */
+checkMobileAvailable :{
+    url: `${config.API_URL}/api/sys/user/check.mobile.available`,
+        name: `检查手机号是否可用`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 检查用户名是否可用
+ */
+checkUserNameAvailable :{
+    url: `${config.API_URL}/api/sys/user/check.user.name.available`,
+        name: `检查用户名是否可用`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建用户
+ */
+create :{
+    url: `${config.API_URL}/api/sys/user/create`,
+        name: `创建用户`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除用户
+ */
+delete :{
+    url: `${config.API_URL}/api/sys/user/delete`,
+        name: `删除用户`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 密码登录
+ */
+loginByPwd :{
+    url: `${config.API_URL}/api/sys/user/login.by.pwd`,
+        name: `密码登录`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 短信登录
+ */
+loginBySms :{
+    url: `${config.API_URL}/api/sys/user/login.by.sms`,
+        name: `短信登录`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询用户
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/sys/user/paged.query`,
+        name: `分页查询用户`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询用户
+ */
+query :{
+    url: `${config.API_URL}/api/sys/user/query`,
+        name: `查询用户`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询用户档案
+ */
+queryProfile :{
+    url: `${config.API_URL}/api/sys/user/query.profile`,
+        name: `查询用户档案`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 注册用户
+ */
+register :{
+    url: `${config.API_URL}/api/sys/user/register`,
+        name: `注册用户`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 重设密码
+ */
+resetPassword :{
+    url: `${config.API_URL}/api/sys/user/reset.password`,
+        name: `重设密码`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新用户头像
+ */
+setAvatar :{
+    url: `${config.API_URL}/api/sys/user/set.avatar`,
+        name: `更新用户头像`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 设置邮箱
+ */
+setEmail :{
+    url: `${config.API_URL}/api/sys/user/set.email`,
+        name: `设置邮箱`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 设置手机号
+ */
+setMobile :{
+    url: `${config.API_URL}/api/sys/user/set.mobile`,
+        name: `设置手机号`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 设置密码
+ */
+setPassword :{
+    url: `${config.API_URL}/api/sys/user/set.password`,
+        name: `设置密码`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新用户
+ */
+update :{
+    url: `${config.API_URL}/api/sys/user/update`,
+        name: `更新用户`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 当前用户信息
+ */
+userInfo :{
+    url: `${config.API_URL}/api/sys/user/user.info`,
+        name: `当前用户信息`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/sys/verifycode.js b/src/frontend/admin/src/api/sys/verifycode.js
new file mode 100644
index 00000000..f0ea1264
--- /dev/null
+++ b/src/frontend/admin/src/api/sys/verifycode.js
@@ -0,0 +1,33 @@
+/**
+ *  验证码服务
+ *  @module @/api/sys/verify.code
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 发送验证码
+ */
+sendVerifyCode :{
+    url: `${config.API_URL}/api/sys/verify.code/send.verify.code`,
+        name: `发送验证码`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 完成验证
+ */
+verify :{
+    url: `${config.API_URL}/api/sys/verify.code/verify`,
+        name: `完成验证`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/tpl/example.js b/src/frontend/admin/src/api/tpl/example.js
new file mode 100644
index 00000000..4b672530
--- /dev/null
+++ b/src/frontend/admin/src/api/tpl/example.js
@@ -0,0 +1,77 @@
+/**
+ *  示例服务
+ *  @module @/api/tpl/example
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除示例
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/tpl/example/bulk.delete`,
+        name: `批量删除示例`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建示例
+ */
+create :{
+    url: `${config.API_URL}/api/tpl/example/create`,
+        name: `创建示例`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除示例
+ */
+delete :{
+    url: `${config.API_URL}/api/tpl/example/delete`,
+        name: `删除示例`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询示例
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/tpl/example/paged.query`,
+        name: `分页查询示例`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询示例
+ */
+query :{
+    url: `${config.API_URL}/api/tpl/example/query`,
+        name: `查询示例`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新示例
+ */
+update :{
+    url: `${config.API_URL}/api/tpl/example/update`,
+        name: `更新示例`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/tpl/inner.js b/src/frontend/admin/src/api/tpl/inner.js
new file mode 100644
index 00000000..d4dfd800
--- /dev/null
+++ b/src/frontend/admin/src/api/tpl/inner.js
@@ -0,0 +1,10 @@
+//~/**
+//~ * $actionDesc$
+//~ */
+//~$actionName$ :{
+//~    url: `${config.API_URL}/$actionPath$`,
+//~        name: `$actionDesc$`,
+//~        $actionMethod$:async function(data={}, config={}) {
+//~        return await http.$actionMethod$(this.url,data, config)
+//~    }
+//~},
\ No newline at end of file
diff --git a/src/frontend/admin/src/api/tpl/outer.js b/src/frontend/admin/src/api/tpl/outer.js
new file mode 100644
index 00000000..15b6479b
--- /dev/null
+++ b/src/frontend/admin/src/api/tpl/outer.js
@@ -0,0 +1,13 @@
+/**
+ *  $controllerDesc$
+ *  @module @/$controllerPath$
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    //~$inner$
+
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Api.vue b/src/frontend/admin/src/assets/icons/Api.vue
new file mode 100644
index 00000000..bf12ac5a
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Api.vue
@@ -0,0 +1,8 @@
+<template>
+    <svg t="1673776217916" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+         p-id="5046" width="200" height="200">
+        <path
+            d="M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1 0.8-5.7 2.3l-76.1 76.1c-33.7-22.9-72.9-34.3-112.1-34.3-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7c-3.1 3.1-3.1 8.2 0 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-0.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zM578.9 546.7c-3.1-3.1-8.2-3.1-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6c-3.1-3.1-8.2-3.1-11.3 0L363 475.3l-43-43c-1.6-1.6-3.6-2.3-5.7-2.3-2 0-4.1 0.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-0.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1c-24.9 24.9-58.1 38.7-93.4 38.7-35.3 0-68.4-13.7-93.4-38.7-24.9-24.9-38.7-58.1-38.7-93.4 0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z"
+            p-id="5047"></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/App.vue b/src/frontend/admin/src/assets/icons/App.vue
new file mode 100644
index 00000000..969371f1
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/App.vue
@@ -0,0 +1,29 @@
+<template>
+    <svg
+        class="icon"
+        height="300"
+        p-id="3974"
+        t="1678948726424"
+        version="1.1"
+        viewBox="0 0 1024 1024"
+        width="300"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M387.264 479.68l-192 0c-52.928 0-96-43.072-96-96l0-192c0-52.928 43.072-96 96-96l192 0c52.928 0 96 43.072 96 96l0 192C483.264 436.64 440.192 479.68 387.264 479.68zM195.264 159.68c-17.632 0-32 14.368-32 32l0 192c0 17.632 14.368 32 32 32l192 0c17.632 0 32-14.368 32-32l0-192c0-17.632-14.368-32-32-32L195.264 159.68z"
+            p-id="3975"
+        ></path>
+        <path
+            d="M387.264 927.68l-192 0c-52.928 0-96-43.072-96-96l0-192c0-52.928 43.072-96 96-96l192 0c52.928 0 96 43.072 96 96l0 192C483.264 884.64 440.192 927.68 387.264 927.68zM195.264 607.68c-17.632 0-32 14.336-32 32l0 192c0 17.664 14.368 32 32 32l192 0c17.632 0 32-14.336 32-32l0-192c0-17.664-14.368-32-32-32L195.264 607.68z"
+            p-id="3976"
+        ></path>
+        <path
+            d="M832.128 479.68l-192 0c-52.928 0-96-43.072-96-96l0-192c0-52.928 43.072-96 96-96l192 0c52.928 0 96 43.072 96 96l0 192C928.128 436.64 885.056 479.68 832.128 479.68zM640.128 159.68c-17.664 0-32 14.368-32 32l0 192c0 17.632 14.336 32 32 32l192 0c17.664 0 32-14.368 32-32l0-192c0-17.632-14.336-32-32-32L640.128 159.68z"
+            p-id="3977"
+        ></path>
+        <path
+            d="M832.128 927.68l-192 0c-52.928 0-96-43.072-96-96l0-192c0-52.928 43.072-96 96-96l192 0c52.928 0 96 43.072 96 96l0 192C928.128 884.64 885.056 927.68 832.128 927.68zM640.128 607.68c-17.664 0-32 14.336-32 32l0 192c0 17.664 14.336 32 32 32l192 0c17.664 0 32-14.336 32-32l0-192c0-17.664-14.336-32-32-32L640.128 607.68z"
+            p-id="3978"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/App2.vue b/src/frontend/admin/src/assets/icons/App2.vue
new file mode 100644
index 00000000..84c82568
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/App2.vue
@@ -0,0 +1,17 @@
+<template>
+    <svg
+        class="icon"
+        height="200"
+        p-id="22415"
+        t="1679305497028"
+        version="1.1"
+        viewBox="0 0 1024 1024"
+        width="200"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M1008.302197 306.556735 789.691542 525.16739C769.561962 545.29697 736.950904 545.29697 716.821324 525.16739L498.2391 306.556735C478.10952 286.455586 478.10952 253.816097 498.2391 233.714948L716.821324 15.104293C736.950904-5.025287 769.561962-5.025287 789.691542 15.104293L1008.302197 233.714948C1028.431777 253.816097 1028.431777 286.455586 1008.302197 306.556735ZM753.668691 54.823253 537.958061 270.533884 753.668691 486.244515 969.379322 270.533884 753.668691 54.823253ZM369.841946 1023.971568 57.094228 1023.971568C25.677298 1023.971568 0.231007 998.525277 0.231007 967.108347L0.231007 654.360629C0.231007 622.972131 25.677298 597.497407 57.094228 597.497407L369.841946 597.497407C401.230445 597.497407 426.705168 622.972131 426.705168 654.360629L426.705168 967.108347C426.705168 998.525277 401.230445 1023.971568 369.841946 1023.971568ZM369.841946 654.360629 57.094228 654.360629 57.094228 967.108347 369.841946 967.108347 369.841946 654.360629ZM369.841946 512.202575 57.094228 512.202575C25.677298 512.202575 0.231007 486.756284 0.231007 455.339354L0.231007 142.591636C0.231007 111.203137 25.677298 85.728414 57.094228 85.728414L369.841946 85.728414C401.230445 85.728414 426.705168 111.203137 426.705168 142.591636L426.705168 455.339354C426.705168 486.756284 401.230445 512.202575 369.841946 512.202575ZM369.841946 142.591636 57.094228 142.591636 57.094228 455.339354 369.841946 455.339354 369.841946 142.591636ZM568.863221 597.497407 881.61094 597.497407C912.999438 597.497407 938.474161 622.972131 938.474161 654.360629L938.474161 967.108347C938.474161 998.525277 912.999438 1023.971568 881.61094 1023.971568L568.863221 1023.971568C537.446292 1023.971568 512 998.525277 512 967.108347L512 654.360629C512 622.972131 537.446292 597.497407 568.863221 597.497407ZM568.863221 967.108347 881.61094 967.108347 881.61094 654.360629 568.863221 654.360629 568.863221 967.108347Z"
+            p-id="22416"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/BugFill.vue b/src/frontend/admin/src/assets/icons/BugFill.vue
new file mode 100644
index 00000000..82131e69
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/BugFill.vue
@@ -0,0 +1,7 @@
+<template>
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M258.389333 354.133333a299.093333 299.093333 0 0 1 8.490667-12.8h490.24c2.944 4.181333 5.76 8.490667 8.490667 12.8l86.186666-49.749333 42.666667 73.898667-94.421333 54.528c6.912 25.173333 10.624 51.754667 10.624 79.189333v42.666667h128v85.333333h-128a296.96 296.96 0 0 1-22.869334 114.773333l106.666667 61.610667-42.666667 73.898667-107.776-62.208A298.325333 298.325333 0 0 1 554.666667 935.637333V597.333333h-85.333334v338.346667a298.325333 298.325333 0 0 1-189.354666-107.605333l-107.776 62.208-42.666667-73.898667 106.666667-61.568A297.770667 297.770667 0 0 1 213.333333 640H85.333333v-85.333333h128v-42.666667c0-27.434667 3.712-53.973333 10.624-79.189333L129.536 378.282667l42.666667-73.898667L258.389333 354.133333zM341.333333 256a170.666667 170.666667 0 1 1 341.333334 0H341.333333z"
+            p-id="26147"></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/BugLine.vue b/src/frontend/admin/src/assets/icons/BugLine.vue
new file mode 100644
index 00000000..06a8f25c
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/BugLine.vue
@@ -0,0 +1,7 @@
+<template>
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M554.666667 849.066667a213.418667 213.418667 0 0 0 170.666666-209.066667v-128a212.48 212.48 0 0 0-17.706666-85.333333h-391.253334A212.48 212.48 0 0 0 298.666667 512v128a213.418667 213.418667 0 0 0 170.666666 209.066667V597.333333h85.333334v251.733334z m-318.464-94.293334A297.770667 297.770667 0 0 1 213.333333 640H85.333333v-85.333333h128v-42.666667c0-27.434667 3.712-53.973333 10.624-79.189333L129.536 378.282667l42.666667-73.898667L258.389333 354.133333a299.093333 299.093333 0 0 1 8.490667-12.8h490.24c2.944 4.181333 5.76 8.490667 8.490667 12.8l86.186666-49.749333 42.666667 73.898667-94.421333 54.528c6.912 25.173333 10.624 51.754667 10.624 79.189333v42.666667h128v85.333333h-128a296.96 296.96 0 0 1-22.869334 114.773333l106.666667 61.610667-42.666667 73.898667-107.776-62.208A298.069333 298.069333 0 0 1 512 938.666667a298.069333 298.069333 0 0 1-232.021333-110.592l-107.776 62.208-42.666667-73.898667 106.666667-61.568zM341.333333 256a170.666667 170.666667 0 1 1 341.333334 0H341.333333z"
+            p-id="25873"></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Business.vue b/src/frontend/admin/src/assets/icons/Business.vue
new file mode 100644
index 00000000..462eaf0c
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Business.vue
@@ -0,0 +1,17 @@
+<template>
+    <svg
+        class="icon"
+        height="300"
+        p-id="2961"
+        t="1678948573416"
+        version="1.1"
+        viewBox="0 0 1024 1024"
+        width="300"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M398.222 398.222h341.334v56.89H398.222v-56.89z m0-170.666h341.334v56.888H398.222v-56.888zM341.333 56.889h455.111v56.889h-455.11v-56.89zM568.89 682.667V568.889h56.889v170.667H398.222V568.889h56.89v113.778h113.777zM341.333 568.889h56.89v56.889H113.777v-56.89h56.889V170.668h56.889v398.222h56.888V227.556h-56.888v-56.89h56.888V56.89h56.89v512z m455.111 0v-512h56.89v512h56.888v56.889H625.778v-56.89h170.666z m56.89 341.333V625.778h56.888V967.11H113.778V625.778h56.889v284.444h682.666z"
+            p-id="2962"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Code.vue b/src/frontend/admin/src/assets/icons/Code.vue
new file mode 100644
index 00000000..766183de
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Code.vue
@@ -0,0 +1,7 @@
+<template>
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M981.333333 512l-301.696 301.696-60.330666-60.330667L860.672 512l-241.365333-241.365333 60.330666-60.330667L981.333333 512zM163.328 512l241.365333 241.365333-60.330666 60.330667L42.666667 512l301.696-301.696 60.330666 60.330667L163.328 512z"
+            p-id="4503"></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Code2.vue b/src/frontend/admin/src/assets/icons/Code2.vue
new file mode 100644
index 00000000..9e49fcc7
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Code2.vue
@@ -0,0 +1,17 @@
+<template>
+    <svg
+        class="icon"
+        height="200"
+        p-id="4521"
+        t="1673792818111"
+        version="1.1"
+        viewBox="0 0 1024 1024"
+        width="200"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M928 928h-832v-832h832v832z m-85.504-538.048H181.504v449.728h660.8l0.192-449.728z m0-88.32V184.32H181.504v117.312h660.992z m-499.392 456.32l-60.48-62.464L387.072 587.52 282.624 479.68l60.48-62.464 164.928 170.368-164.928 170.368z m412.736-84.992v90.048H576.192v-90.048h179.648z"
+            p-id="4522"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Csharp.vue b/src/frontend/admin/src/assets/icons/Csharp.vue
new file mode 100644
index 00000000..f68bbb99
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Csharp.vue
@@ -0,0 +1,17 @@
+<template>
+    <svg
+        class="icon"
+        height="200"
+        p-id="2860"
+        t="1673792968698"
+        version="1.1"
+        viewBox="0 0 1024 1024"
+        width="200"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M490.666667 681.386667l17.493333 104.106666c-11.093333 5.973333-29.013333 11.52-52.906667 16.64-24.32 5.546667-52.906667 8.533333-85.76 8.533334-94.293333-1.706667-165.12-29.866667-212.48-83.626667C109.226667 672.853333 85.333333 604.16 85.333333 520.96c2.133333-98.56 30.72-174.08 85.333334-226.986667C226.986667 240.64 296.96 213.333333 381.44 213.333333c32 0 59.733333 2.986667 82.773333 8.106667s40.106667 10.666667 51.2 17.066667l-24.746666 106.24-45.226667-14.506667c-17.066667-4.266667-36.693333-6.4-59.306667-6.4-49.493333-0.426667-90.453333 15.36-122.453333 46.933333-32.426667 31.146667-49.066667 78.933333-50.346667 142.506667 0 58.026667 15.786667 103.253333 46.08 136.533333 30.293333 32.853333 72.96 49.92 127.573334 50.346667l56.746666-5.12c18.346667-3.413333 33.706667-8.106667 46.933334-13.653333M592.64 810.666667l26.026667-170.666667H554.666667l14.506666-85.333333h64l13.653334-85.333334h-64L597.333333 384h64l26.026667-170.666667h85.333333l-26.026666 170.666667h42.666666l26.026667-170.666667h85.333333l-26.026666 170.666667H938.666667l-14.506667 85.333333h-64l-13.653333 85.333334h64L896 640h-64l-26.026667 170.666667h-85.333333l26.026667-170.666667h-42.666667l-26.026667 170.666667h-85.333333m125.866667-256h42.666666l13.653334-85.333334h-42.666667l-13.653333 85.333334z"
+            p-id="2861"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Dashboard.vue b/src/frontend/admin/src/assets/icons/Dashboard.vue
new file mode 100644
index 00000000..fa38220b
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Dashboard.vue
@@ -0,0 +1,8 @@
+<template>
+    <svg t="1673708856079" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+         p-id="5514" width="200" height="200">
+        <path
+            d="M1024 692.705882v30.117647h-371.531294v-60.235294h310.332235a449.957647 449.957647 0 0 0-110.953412-267.083294l-48.549647 48.549647-42.586353-42.586353 48.308706-48.308706A449.596235 449.596235 0 0 0 542.117647 242.386824V421.647059H481.882353V242.386824a449.295059 449.295059 0 0 0-266.842353 110.772705l47.947294 47.947295-42.586353 42.586352-48.188235-48.188235A449.536 449.536 0 0 0 61.259294 662.588235h311.476706v60.235294H0v-30.117647C0 410.383059 229.677176 180.705882 512 180.705882S1024 410.383059 1024 692.705882z m-391.529412 0c0 66.439529-54.031059 120.470588-120.470588 120.470589s-120.470588-54.031059-120.470588-120.470589c0-38.791529 18.733176-72.884706 47.22447-94.991058l-125.409882-218.654118 52.224-29.936941L494.531765 573.982118c5.722353-0.843294 11.444706-1.746824 17.468235-1.746824 66.439529 0 120.470588 54.031059 120.470588 120.470588z m-60.235294 0c0-33.189647-27.045647-60.235294-60.235294-60.235294s-60.235294 27.045647-60.235294 60.235294 27.045647 60.235294 60.235294 60.235294 60.235294-27.045647 60.235294-60.235294z"
+            p-id="5515"></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Demo.vue b/src/frontend/admin/src/assets/icons/Demo.vue
new file mode 100644
index 00000000..43036476
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Demo.vue
@@ -0,0 +1,21 @@
+<template>
+    <svg
+        class="icon"
+        height="200"
+        p-id="4068"
+        t="1673939554013"
+        version="1.1"
+        viewBox="0 0 1024 1024"
+        width="200"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M56.888889 113.777778h910.222222v56.888889H56.888889zM284.444444 398.222222h113.777778v227.555556H284.444444zM625.777778 398.222222h113.777778v227.555556h-113.777778zM455.111111 227.555556h113.777778v398.222222H455.111111zM398.222222 724.593778l-201.102222 201.159111-40.220444-40.220445 201.102222-201.159111zM826.88 925.752889L625.777778 724.593778l40.220444-40.220445 201.159111 201.159111z"
+            p-id="4069"
+        ></path>
+        <path
+            d="M113.777778 113.777778h796.444444v625.777778H113.777778V113.777778z m56.888889 56.888889v512h682.666666V170.666667H170.666667z"
+            p-id="4070"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Dept.vue b/src/frontend/admin/src/assets/icons/Dept.vue
new file mode 100644
index 00000000..41f810aa
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Dept.vue
@@ -0,0 +1,17 @@
+<template>
+    <svg
+        class="icon"
+        height="200"
+        p-id="18686"
+        t="1679305304390"
+        version="1.1"
+        viewBox="0 0 1024 1024"
+        width="200"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M192 384H64V64h320v320H256v256h128v128h384V512h-128V192h320v320h-128v320H384v128H64v-320h128V384z m128 320H128v192h192v-192z m576-448h-192v192h192V256zM320 128H128v192h192V128z"
+            p-id="18687"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Device.vue b/src/frontend/admin/src/assets/icons/Device.vue
new file mode 100644
index 00000000..fa32daf0
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Device.vue
@@ -0,0 +1,3 @@
+<template>
+    <svg t="1678846153777" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9845" width="300" height="300"><path d="M864 64H160a96 96 0 0 0-96 96v576a96 96 0 0 0 96 96h320v64H256a32 32 0 0 0 0 64h512a32 32 0 0 0 0-64h-224v-64h320a96 96 0 0 0 96-96V160a96 96 0 0 0-96-96zM160 128h704a32 32 0 0 1 32 32v448H128V160a32 32 0 0 1 32-32z m736 608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32v-64h768v64z" p-id="9846"></path></svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Dic.vue b/src/frontend/admin/src/assets/icons/Dic.vue
new file mode 100644
index 00000000..ebaabec9
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Dic.vue
@@ -0,0 +1,8 @@
+<template>
+    <svg t="1673795059241" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+         p-id="3597" width="200" height="200">
+        <path
+            d="M791.599488 905.676128c-32.010041 0-58.051137-26.050306-58.051137-58.07058 0-31.93841 26.041096-57.922201 58.051137-57.922201 13.972223 0 25.340131-11.367909 25.340131-25.343201 0-0.677429-0.034792-1.266853-0.073678-1.785669L816.865941 92.369757c0-13.95278-11.366885-25.304316-25.340131-25.304316L316.866253 67.065442c-60.037375 0-108.880803 48.835242-108.880803 108.862383l0 671.489434c0 60.048631 48.843428 108.901269 108.880803 108.901269l474.733235 0c13.972223 0 25.340131-11.351536 25.340131-25.303292C816.939619 917.043013 805.572734 905.676128 791.599488 905.676128zM342.207407 117.708865l424.032506 0 0 620.847034L342.207407 738.555899 342.207407 117.708865zM258.647293 175.927825c0-22.852474 13.050224-42.974767 32.91669-52.488445l0 618.0882c-11.740392 2.792603-22.832008 7.482415-32.91669 13.890358L258.647293 175.927825zM699.717847 905.676128 316.866253 905.676128c-32.102139 0-58.21896-26.134217-58.21896-58.258868 0-32.122605 26.116821-58.256822 58.21896-58.256822l383.158586 0c-11.126408 17.3389-17.102516 37.506219-17.102516 58.444087C682.922323 868.388896 688.790984 888.426255 699.717847 905.676128z"
+            p-id="3598"></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Docker.vue b/src/frontend/admin/src/assets/icons/Docker.vue
new file mode 100644
index 00000000..7a7628fd
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Docker.vue
@@ -0,0 +1,17 @@
+<template>
+    <svg
+        class="icon"
+        height="200"
+        p-id="2921"
+        t="1679385291761"
+        version="1.1"
+        viewBox="0 0 1280 1024"
+        width="200"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M699.88718 472.6h-132.2v-118.8h132.2v118.8z m0-408.6h-132.2v121.4h132.2V64z m156.4 289.6H724.08718v118.8h132.2v-118.8z m-312.6-144.2h-132.2v120.2h132.2v-120.2z m156.2 0h-132.2v120.2h132.2v-120.2z m553.6 200c-28.8-19.4-95.2-26.4-146.2-16.8-6.6-48-33.4-89.8-82.2-127.4l-28-18.6-18.6 28c-36.8 55.6-46.8 147.2-7.4 207.6-17.4 9.4-51.6 22.2-96.8 21.4H4.88718c-17.4 101.6 11.6 233.6 88 324.2 74.2 87.8 185.4 132.4 330.8 132.4 314.8 0 547.8-145 656.8-408.4 42.8 0.8 135.2 0.2 182.6-90.4 3-5 13.2-26.4 17-34.2l-26.6-17.8z m-1022.2-55.8h-132v118.8h132.2v-118.8z m156.2 0h-132.2v118.8h132.2v-118.8z m156.2 0h-132.2v118.8h132.2v-118.8z m-156.2-144.2h-132.2v120.2h132.2v-120.2z"
+            p-id="2922"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Download.vue b/src/frontend/admin/src/assets/icons/Download.vue
new file mode 100644
index 00000000..4ebd9cba
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Download.vue
@@ -0,0 +1,7 @@
+<template>
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M554.666667 426.666667h213.333333l-256 256-256-256h213.333333V128h85.333334v298.666667z m-384 384h682.666666v-298.666667h85.333334v341.333333a42.666667 42.666667 0 0 1-42.666667 42.666667H128a42.666667 42.666667 0 0 1-42.666667-42.666667v-341.333333h85.333334v298.666667z"
+            p-id="26056"></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Drone.vue b/src/frontend/admin/src/assets/icons/Drone.vue
new file mode 100644
index 00000000..4b16be7b
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Drone.vue
@@ -0,0 +1,21 @@
+<template>
+    <svg
+        class="icon"
+        height="200"
+        p-id="2201"
+        t="1679381749604"
+        version="1.1"
+        viewBox="0 0 1024 1024"
+        width="200"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M512.796758 117.041398C163.146608 117.041398 47.821167 422.016353 47.821167 533.526107h283.459421S371.445342 388.22078 512.796758 388.22078s181.530719 145.305327 181.530719 145.305327h281.815294c0-111.524303-113.695862-416.488346-463.338738-416.488346m359.453086 489.055529h-177.922367s-31.100221 145.30169-181.530719 145.301689c-150.426861 0-181.51617-145.308964-181.51617-145.308964H156.453694c0 37.283891 137.230182 300.846446 358.081766 300.846446 220.844309 0 357.721658-216.806737 357.721659-300.846446"
+            p-id="2202"
+        ></path>
+        <path
+            d="M511.996518 573.021569m-119.192053 0a119.192053 119.192053 0 1 0 238.384107 0 119.192053 119.192053 0 1 0-238.384107 0Z"
+            p-id="2203"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Elastic.vue b/src/frontend/admin/src/assets/icons/Elastic.vue
new file mode 100644
index 00000000..2a604114
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Elastic.vue
@@ -0,0 +1,17 @@
+<template>
+    <svg
+        class="icon"
+        height="300"
+        p-id="4364"
+        t="1678696785534"
+        version="1.1"
+        viewBox="0 0 1024 1024"
+        width="300"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M128 507.733333c0 42.666667 4.266667 89.6 19.2 128h290.133333c10.666667-42.666667 14.933333-78.933333 14.933334-123.733333 0-40.533333-4.266667-83.2-14.933334-123.733333H142.933333C134.4 426.666667 128 462.933333 128 507.733333z m582.4-119.466666H490.666667c10.666667 36.266667 14.933333 78.933333 14.933333 123.733333s-4.266667 78.933333-14.933333 123.733333h219.733333c68.266667 0 121.6-53.333333 121.6-123.733333s-53.333333-123.733333-121.6-123.733333zM172.8 330.666667h249.6c-29.866667-64-64-123.733333-102.4-170.666667-64 42.666667-119.466667 100.266667-147.2 170.666667z m580.266667 0c64 0 117.333333-25.6 155.733333-68.266667C832 153.6 701.866667 85.333333 554.666667 85.333333c-72.533333 0-132.266667 17.066667-192 49.066667 49.066667 53.333333 83.2 121.6 108.8 192l281.6 4.266667z m-586.666667 362.666666h249.6c-25.6 64-57.6 121.6-102.4 164.266667-57.6-36.266667-113.066667-93.866667-147.2-164.266667z m588.8 0c64 0 117.333333 25.6 155.733333 68.266667C832 868.266667 695.466667 938.666667 554.666667 938.666667c-72.533333 0-132.266667-21.333333-192-46.933334 49.066667-53.333333 83.2-123.733333 108.8-192l283.733333-6.4z"
+            p-id="4365"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/FileExcel.vue b/src/frontend/admin/src/assets/icons/FileExcel.vue
new file mode 100644
index 00000000..bc94f8ec
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/FileExcel.vue
@@ -0,0 +1,7 @@
+<template>
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M121.984 122.752l536.32-76.586667a21.333333 21.333333 0 0 1 24.362667 21.12v889.429334a21.333333 21.333333 0 0 1-24.32 21.12L121.941333 901.248a42.666667 42.666667 0 0 1-36.650666-42.24V164.992a42.666667 42.666667 0 0 1 36.650666-42.24zM725.333333 128h170.666667a42.666667 42.666667 0 0 1 42.666667 42.666667v682.666666a42.666667 42.666667 0 0 1-42.666667 42.666667h-170.666667V128z m-290.133333 384L554.666667 341.333333h-102.4L384 438.869333 315.733333 341.333333H213.333333l119.466667 170.666667L213.333333 682.666667h102.4L384 585.130667 452.266667 682.666667H554.666667l-119.466667-170.666667z"
+            p-id="3794"></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/FilePpt.vue b/src/frontend/admin/src/assets/icons/FilePpt.vue
new file mode 100644
index 00000000..dc86cb42
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/FilePpt.vue
@@ -0,0 +1,7 @@
+<template>
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M725.333333 128h170.666667a42.666667 42.666667 0 0 1 42.666667 42.666667v682.666666a42.666667 42.666667 0 0 1-42.666667 42.666667h-170.666667V128zM121.984 122.752l536.32-76.586667a21.333333 21.333333 0 0 1 24.362667 21.12v889.429334a21.333333 21.333333 0 0 1-24.32 21.12L121.941333 901.248a42.666667 42.666667 0 0 1-36.650666-42.24V164.992a42.666667 42.666667 0 0 1 36.650666-42.24zM213.333333 341.333333v341.333334h85.333334v-85.333334h256V341.333333H213.333333z m85.333334 85.333334h170.666666v85.333333H298.666667v-85.333333z"
+            p-id="3925"></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/FileWord.vue b/src/frontend/admin/src/assets/icons/FileWord.vue
new file mode 100644
index 00000000..938125d3
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/FileWord.vue
@@ -0,0 +1,7 @@
+<template>
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M725.333333 128h170.666667a42.666667 42.666667 0 0 1 42.666667 42.666667v682.666666a42.666667 42.666667 0 0 1-42.666667 42.666667h-170.666667V128zM121.984 122.752l536.32-76.586667a21.333333 21.333333 0 0 1 24.362667 21.12v889.429334a21.333333 21.333333 0 0 1-24.32 21.12L121.941333 901.248a42.666667 42.666667 0 0 1-36.650666-42.24V164.992a42.666667 42.666667 0 0 1 36.650666-42.24zM469.333333 341.333333v212.864L384 469.333333l-84.906667 85.333334L298.666667 341.333333H213.333333v341.333334h85.333334l85.333333-85.333334 85.333333 85.333334h85.333334V341.333333h-85.333334z"
+            p-id="3663"></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Gitea.vue b/src/frontend/admin/src/assets/icons/Gitea.vue
new file mode 100644
index 00000000..988fb8a4
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Gitea.vue
@@ -0,0 +1,17 @@
+<template>
+    <svg
+        class="icon"
+        height="200"
+        p-id="2091"
+        t="1679381867905"
+        version="1.1"
+        viewBox="0 0 1024 1024"
+        width="200"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M178.602667 231.296C99.882667 231.125333-5.546667 281.173333 0.256 406.656c9.088 196.010667 209.92 214.186667 290.176 215.765333 8.789333 36.778667 103.253333 163.584 173.184 170.24h306.346667c183.722667-12.202667 321.28-555.605333 219.306666-557.653333-168.661333 7.936-268.629333 11.946667-354.346666 12.629333v169.6l-26.709334-11.818666-0.170666-157.696c-98.389333-0.042667-185.002667-4.608-349.397334-12.714667-20.565333-0.128-49.237333-3.626667-80.042666-3.712z m11.136 69.333333h9.386666c11.178667 100.48 29.354667 159.232 66.133334 249.002667-93.866667-11.093333-173.738667-38.357333-188.416-140.16-7.594667-52.693333 18.005333-107.690667 112.896-108.885333z m365.098666 98.773334c6.4 0.085333 12.928 1.28 19.072 4.096l31.957334 13.781333-22.912 41.770667a28.672 25.472 0 0 0-10.282667 1.621333 28.672 25.472 0 0 0-17.28 32.597333 28.672 25.472 0 0 0 4.778667 7.424l-39.509334 71.936a28.672 25.472 0 0 0-9.472 1.621334 28.672 25.472 0 0 0-17.28 32.597333 28.672 25.472 0 0 0 36.693334 15.36 28.672 25.472 0 0 0 17.237333-32.64 28.672 25.472 0 0 0-6.741333-9.386667l38.485333-70.058666a28.672 25.472 0 0 0 12.501333-1.28 28.672 25.472 0 0 0 9.088-4.778667c14.848 6.229333 27.008 11.306667 35.754667 15.616 13.141333 6.485333 17.792 10.794667 19.2 15.573333 1.408 4.693333-0.128 13.738667-7.552 29.610667-5.546667 11.818667-14.72 28.586667-25.557333 48.341333a28.672 25.472 0 0 0-10.709334 1.621334 28.672 25.472 0 0 0-17.28 32.597333 28.672 25.472 0 0 0 36.693334 15.36 28.672 25.472 0 0 0 17.237333-32.597333 28.672 25.472 0 0 0-5.845333-8.618667c10.709333-19.541333 19.925333-36.352 25.856-48.981333 8.021333-17.152 12.202667-29.909333 8.533333-42.24-3.669333-12.330667-14.933333-20.352-29.866667-27.733334-9.813333-4.821333-22.058667-9.941333-36.693333-16.085333a28.672 25.472 0 0 0-1.621333-10.197333 28.672 25.472 0 0 0-6.186667-8.917334l22.528-41.088 124.757333 53.888c22.528 9.770667 31.829333 33.706667 20.906667 53.76l-85.76 157.013334c-10.965333 20.010667-37.888 28.288-60.416 18.56l-176.512-76.288c-22.528-9.728-31.872-33.706667-20.906667-53.76l85.76-156.970667c7.509333-13.781333 22.613333-21.973333 38.613334-22.613333h2.730666z"
+            p-id="2092"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Grafana.vue b/src/frontend/admin/src/assets/icons/Grafana.vue
new file mode 100644
index 00000000..48a0a3c8
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Grafana.vue
@@ -0,0 +1,3 @@
+<template>
+    <svg t="1678696635726" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3962" width="300" height="300"><path d="M981.290667 453.376c-1.834667-17.28-4.522667-37.248-9.984-59.050667s-14.549333-45.44-26.368-70.869333c-12.714667-24.533333-28.16-50.901333-49.066667-75.434667-8.192-9.984-17.28-19.072-26.368-29.056 14.549333-57.258667-17.28-107.221333-17.28-107.221333-55.424-3.626667-89.941333 17.28-102.656 26.368-1.834667-0.896-4.522667-1.834667-6.357333-2.730667-9.088-3.626667-19.072-7.253333-29.056-10.922666-9.984-2.730667-20.010667-6.357333-29.994667-8.192-9.984-2.730667-20.906667-4.522667-31.786667-6.357334-1.834667 0-3.626667-0.896-5.461333-0.896C623.274667 32.682667 554.24 0 554.24 0c-79.061333 50.901333-94.506667 119.04-94.506667 119.04s0 1.834667-0.896 3.626667c-4.522667 0.896-8.192 2.730667-12.714666 3.626666-5.461333 1.834667-11.818667 3.626667-17.28 6.357334s-11.818667 4.522667-17.28 7.253333c-11.818667 5.461333-22.698667 10.922667-34.517334 17.28a363.52 363.52 0 0 0-31.786666 20.010667c-1.834667-0.896-2.730667-1.834667-2.730667-1.834667-106.325333-40.874667-200.789333 8.192-200.789333 8.192-8.192 113.578667 42.709333 184.448 52.693333 197.162667-2.730667 7.253333-4.522667 13.610667-7.253333 20.906666a454.741333 454.741333 0 0 0-17.28 79.061334c-0.896 3.626667-0.896 8.192-1.834667 11.818666-98.133333 48.170667-127.189333 148.096-127.189333 148.096 81.792 94.506667 178.090667 99.968 178.090666 99.968a410.026667 410.026667 0 0 0 41.813334 61.781334c6.357333 8.192 13.610667 15.445333 20.906666 23.637333-29.994667 85.418667 4.522667 157.184 4.522667 157.184 91.776 3.626667 151.722667-39.978667 164.437333-49.962667l27.264 8.192c28.16 7.253333 57.258667 11.818667 85.418667 12.714667h37.248c42.709333 61.781333 119.04 69.973333 119.04 69.973333 53.589333-57.258667 57.258667-112.682667 57.258667-125.397333v-5.461333c10.922667-8.192 21.802667-16.341333 32.725333-25.429334 21.802667-19.072 39.978667-41.813333 56.32-65.408 1.834667-1.834667 2.730667-4.522667 4.522667-6.357333 60.885333 3.626667 103.594667-38.144 103.594666-38.144-9.984-63.616-46.336-94.506667-53.589333-99.968l-0.896-0.896-0.896-0.896-0.896-0.896c0-3.626667 0.896-7.253333 0.896-11.818667 0.896-7.253333 0.896-13.610667 0.896-20.906666v-26.368c0-1.834667 0-3.626667-0.896-5.461334l-1.834667-10.922666c-0.896-7.253333-2.730667-13.610667-3.626666-20.906667a269.952 269.952 0 0 0-30.890667-76.330667 283.050667 283.050667 0 0 0-51.797333-61.781333 251.306667 251.306667 0 0 0-65.408-41.813333 229.034667 229.034667 0 0 0-71.765334-20.010667c-11.818667-1.834667-24.533333-1.834667-36.352-1.834667h-18.176c-6.357333 0.896-12.714667 1.834667-18.176 2.730667-24.533333 4.522667-47.232 13.610667-67.242666 25.429333s-37.248 27.264-51.797334 44.501334a182.784 182.784 0 0 0-32.725333 55.424c-7.253333 19.072-11.818667 39.978667-12.714667 59.050666v21.802667c0 2.730667 0 4.522667 0.896 7.253333a155.392 155.392 0 0 0 29.994667 77.226667c10.922667 14.549333 22.698667 25.429333 36.352 34.517333 13.610667 9.088 27.264 15.445333 41.813333 20.010667s28.16 6.357333 40.874667 5.461333h19.029333c1.834667 0 3.626667-0.896 4.522667-0.896 1.834667 0 2.730667-0.896 4.522667-0.896 2.730667-0.896 6.357333-1.834667 9.088-2.730666 5.461333-1.834667 10.922667-4.522667 16.341333-6.357334 5.461333-2.730667 9.984-5.461333 13.610667-8.192 0.896-0.896 2.730667-1.834667 3.626666-2.730666a10.24 10.24 0 0 0 1.834667-14.549334 12.714667 12.714667 0 0 0-13.610667-2.730666c-0.896 0.896-1.834667 0.896-3.626666 1.834666a61.013333 61.013333 0 0 1-11.818667 4.522667c-4.522667 0.896-9.088 2.730667-13.610667 3.626667-2.730667 0-4.522667 0.896-7.253333 0.896h-15.402667s-0.896 0 0 0h-3.669333c-0.938667 0-2.730667 0-3.626667-0.896-9.984-1.834667-20.906667-4.522667-30.890666-9.088s-20.010667-10.922667-28.16-19.072c-9.088-8.192-16.341333-17.28-22.698667-28.16s-9.984-22.698667-11.818667-34.517334c-0.896-6.357333-1.834667-12.714667-0.896-19.072v-5.461333c0 0.896 0 0 0 0v-4.565333c0-3.626667 0.896-6.357333 1.834667-9.984a132.864 132.864 0 0 1 39.082667-73.6c5.461333-5.461333 10.922667-9.984 17.28-13.610667 6.357333-4.522667 12.714667-8.192 19.072-10.922667s13.610667-5.461333 20.906666-7.253333c7.253333-1.834667 14.549333-3.626667 21.802667-3.626667 3.626667 0 7.253333-0.896 10.922667-0.896h7.253333c0.896 0 0 0 0 0h3.626667a172.629333 172.629333 0 0 1 69.077333 20.906667c29.056 16.341333 53.589333 40.874667 68.138667 70.869333 7.253333 14.549333 12.714667 30.890667 15.445333 48.170667 0.896 4.522667 0.896 8.192 1.834667 12.714667v23.637333c0 4.522667-0.896 9.088-0.896 13.610667-0.896 4.522667-0.896 9.088-1.834667 13.610666l-2.730667 13.610667c-0.896 4.522667-5.461333 17.28-8.192 26.368s-15.445333 33.621333-26.368 48.170667a220.330667 220.330667 0 0 1-85.418666 69.973333c-17.28 7.253333-34.517333 13.610667-52.693334 16.341333a137.429333 137.429333 0 0 1-27.264 2.730667h-13.610666c0.896 0 0 0 0 0h-0.896c-4.522667 0-9.984 0-14.549334-0.896-20.010667-1.834667-39.082667-5.461333-58.154666-10.922667s-37.248-12.714667-54.528-21.802666a296.789333 296.789333 0 0 1-89.941334-74.496c-11.818667-15.445333-22.698667-31.786667-31.786666-49.066667s-15.445333-35.456-20.906667-53.589333a234.197333 234.197333 0 0 1-9.088-56.32v-28.16c0-9.088 0.896-19.072 2.730667-29.056 0.896-9.984 2.730667-19.072 4.522666-29.056s4.522667-19.072 7.253334-29.056 11.818667-37.248 20.010666-54.528c16.341333-34.517333 37.248-65.408 61.781334-89.941334 6.357333-6.357333 12.714667-11.818667 20.010666-17.28 2.730667-2.730667 9.088-8.192 16.341334-12.714666s14.549333-9.088 22.698666-12.714667c3.626667-1.834667 7.253333-3.626667 11.818667-5.461333 1.834667-0.896 3.626667-1.834667 6.357333-2.730667 1.834667-0.896 3.626667-1.834667 6.357334-2.730667 8.192-3.626667 16.341333-6.357333 24.533333-9.088 1.834667-0.896 4.522667-0.896 6.357333-1.834666s4.522667-0.896 6.357334-1.834667 8.192-1.834667 12.714666-3.626667c1.834667-0.896 4.522667-0.896 6.357334-1.834666 1.834667 0 4.522667-0.896 6.357333-0.896s4.522667-0.896 6.357333-0.896l7.253334-1.834667c1.834667 0 4.522667-0.896 6.357333-0.896 2.730667 0 4.522667-0.896 7.253333-0.896 1.834667 0 5.461333-0.896 7.253334-0.896s2.730667 0 4.522666-0.896h6.357334c2.730667 0 4.522667 0 7.253333-0.896h3.626667s0.896 0 0 0h33.621333c16.341333 0.896 32.725333 2.730667 48.170667 5.461333a308.650667 308.650667 0 0 1 87.210666 29.056 327.509333 327.509333 0 0 1 70.869334 46.336c0.896 0.896 2.730667 1.834667 3.626666 3.626667 0.896 0.896 2.730667 1.834667 3.626667 3.626667 2.730667 1.834667 4.522667 4.522667 7.253333 6.357333s4.522667 4.522667 7.253334 6.357333c1.834667 2.730667 4.522667 4.522667 6.357333 7.253334a336.213333 336.213333 0 0 1 59.989333 84.48c0.896 0.896 0.896 1.834667 1.834667 3.626666 0.896 0.896 0.896 1.834667 1.834667 3.626667s1.834667 4.522667 3.626666 6.357333c0.896 1.834667 1.834667 4.522667 2.730667 6.357334s1.834667 4.522667 2.730667 6.357333c3.626667 8.192 6.357333 16.341333 9.088 24.533333 4.522667 12.714667 7.253333 23.637333 9.984 32.725334a8.704 8.704 0 0 0 8.192 6.357333c4.522667 0 7.253333-3.626667 7.253333-8.192-0.896-10.922667-0.896-22.698667-1.834667-36.352z" p-id="3963"></path></svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Js.vue b/src/frontend/admin/src/assets/icons/Js.vue
new file mode 100644
index 00000000..37044e49
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Js.vue
@@ -0,0 +1,8 @@
+<template>
+    <svg t="1673419565825" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+         p-id="3264" width="200" height="200">
+        <path
+            d="M416 176.002h-160v424.996c0 105.16-36.064 134.522-98.824 134.522-29.41 0-55.896-5.042-76.5-12.126L64 847.808C93.4 857.932 138.518 864 173.814 864 317.91 864 416 796.258 416 602.04V176.002zM764.926 160C610.04 160 512 247.996 512 364.308c0 100.166 75.502 162.88 185.282 203.33 79.4 28.316 110.784 53.616 110.784 95.078 0 45.512-36.278 74.85-104.896 74.85-63.726 0-121.578-21.28-160.788-42.51v-0.042L512 821.454c37.278 21.276 106.882 42.51 182.334 42.51C875.708 863.96 960 766.86 960 652.568c0-97.1-53.916-159.8-170.556-204.326-86.278-34.382-122.54-53.59-122.54-97.084 0-34.4 31.376-65.738 96.086-65.738 63.692 0 107.488 21.414 133.01 34.582l38.25-128C894.25 174.44 840.376 160 764.926 160z"
+            p-id="3265"></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Kafka.vue b/src/frontend/admin/src/assets/icons/Kafka.vue
new file mode 100644
index 00000000..d114aa9b
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Kafka.vue
@@ -0,0 +1,17 @@
+<template>
+    <svg
+        class="icon"
+        height="300"
+        p-id="4856"
+        t="1678697208071"
+        version="1.1"
+        viewBox="0 0 1024 1024"
+        width="300"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M806.668137 609.658214c-57.578831 0-106.690187 34.998897-127.576626 84.674752L440.30871 577.481808c7.338479-20.32194 11.854465-42.337376 11.854465-65.481808 0-4.515987 0-9.031974-0.564498-13.54796l244.427784-119.673649c25.402426 33.305402 65.481808 54.75634 110.077178 54.75634 76.207277 0 138.302095-62.094818 138.302095-138.302095s-62.094818-138.302095-138.302095-138.302095-138.302095 62.094818-138.302095 138.302095c0 18.063947 3.38699 34.998897 9.596472 50.804851L444.824697 460.63065C424.502756 387.810364 360.714443 333.054024 283.37817 325.715546L283.37817 206.041896C327.973539 197.009923 361.278942 158.059537 361.278942 111.206174c0-53.062845-43.466373-96.529217-96.529217-96.529217s-96.529217 43.466373-96.529217 96.529217c0 46.853363 33.305402 85.803749 77.900772 94.835722l0 119.673649c-94.835722 9.596472-168.785006 89.190739-168.785006 186.284454 0 97.093716 73.949283 177.252481 168.785006 186.284454L246.121279 818.522602c-44.595369 8.467475-77.900772 47.982359-77.900772 94.835722 0 53.062845 43.466373 96.529217 96.529217 96.529217S361.278942 966.421169 361.278942 913.358324c0-46.853363-33.305402-85.803749-77.900772-94.835722l0-120.238148c59.272326-5.644983 110.641676-39.514884 140.560088-88.061742l245.556781 120.238148c-0.564498 5.644983-1.128997 11.289967-1.128997 16.93495 0 76.207277 62.094818 138.302095 138.302095 138.302095s138.302095-62.094818 138.302095-138.302095C944.970232 671.753032 882.875413 609.658214 806.668137 609.658214z"
+            p-id="4857"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Kibana.vue b/src/frontend/admin/src/assets/icons/Kibana.vue
new file mode 100644
index 00000000..d5c06819
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Kibana.vue
@@ -0,0 +1,3 @@
+<template>
+    <svg t="1678697051985" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4536" width="300" height="300"><path d="M897.706667 1023.573333H178.346667l421.546666-506.026666c180.48 117.76 297.813333 300.373333 297.813334 506.026666z m0-1021.866666H131.413333v919.466666z" p-id="4537"></path></svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Link.vue b/src/frontend/admin/src/assets/icons/Link.vue
new file mode 100644
index 00000000..9a7e5eca
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Link.vue
@@ -0,0 +1,3 @@
+<template>
+    <svg t="1674975960215" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1155" width="200" height="200"><path d="M875.32 149.699c-27.217-27.18-63.372-42.142-101.831-42.142h-0.105c-31.462 0.027-61.359 10.016-86.457 28.887l-1.16 0.87-161.647 161.88-0.14 0.14c-27.672 28.254-42.905 64.094-42.89 100.94 0.027 20.042 4.086 39.436 12.063 57.64a0.262 0.262 0 0 0 0.012 0.025l0.009 0.022a141.288 141.288 0 0 0 2.372 5.152l36.82-17.882a98.08 98.08 0 0 1-1.686-3.664l-18.8 8.19 18.78-8.237c-5.712-13.022-8.617-26.917-8.636-41.283-0.01-26.017 11.047-51.654 31.136-72.196l159.48-159.706c17.729-12.97 38.715-19.827 60.78-19.846h0.075c27.53 0 53.419 10.714 72.904 30.173 19.503 19.477 30.253 45.38 30.272 72.944 0.02 22.075-6.81 43.067-19.761 60.8L708.683 460.838l-0.867 1.155c-19.7 26.249-49.78 41.321-82.528 41.35h-0.073c-14.315 0-28.162-2.872-41.161-8.536l-16.352 37.524c18.187 7.926 37.535 11.944 57.515 11.944h0.102c22.722-0.02 45.358-5.47 65.464-15.76 18.984-9.718 35.85-23.79 48.865-40.757l148.308-148.516 0.867-1.153c18.855-25.117 28.806-55.035 28.778-86.513-0.026-38.494-15.042-74.674-42.28-101.877zM254.521 915.475c-38.46 0.001-74.616-14.961-101.833-42.141-27.241-27.204-42.256-63.383-42.28-101.876-0.027-36.83 15.202-72.67 42.883-100.917l0.135-0.137 161.659-161.888 1.157-0.871c25.088-18.871 54.982-28.86 86.45-28.888h0.102c20 0 39.357 4.029 57.544 11.975L443.95 528.24c-12.987-5.674-26.832-8.55-41.153-8.55h-0.073c-22.067 0.019-43.048 6.876-60.766 19.842L182.463 699.254c-20.09 20.53-31.142 46.16-31.124 72.177 0.018 27.56 10.768 53.462 30.272 72.939 19.486 19.459 45.376 30.172 72.906 30.172h0.075c32.762-0.03 62.842-15.1 82.525-41.345l0.87-1.159L486.22 683.609c12.947-17.75 19.778-38.745 19.769-60.814-0.02-14.372-2.919-28.247-8.612-41.216l37.481-16.453c7.976 18.17 12.034 37.56 12.063 57.633 0.012 31.482-9.937 61.39-28.773 86.518l-0.871 1.16-148.323 148.518c-13.008 16.967-29.873 31.041-48.862 40.76-20.105 10.29-42.745 15.74-65.468 15.76h-0.104zM610.72 385.692l28.963 28.922-222.397 222.712-28.963-28.922L610.72 385.692z" p-id="1156"></path></svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Memory.vue b/src/frontend/admin/src/assets/icons/Memory.vue
new file mode 100644
index 00000000..005e4cbb
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Memory.vue
@@ -0,0 +1,8 @@
+<template>
+    <svg t="1673696269299" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+         p-id="4002" width="200" height="200">
+        <path
+            d="M725.333333 725.333333 298.666667 725.333333 298.666667 298.666667 725.333333 298.666667M896 469.333333 896 384 810.666667 384 810.666667 298.666667C810.666667 251.306667 772.266667 213.333333 725.333333 213.333333L640 213.333333 640 128 554.666667 128 554.666667 213.333333 469.333333 213.333333 469.333333 128 384 128 384 213.333333 298.666667 213.333333C251.306667 213.333333 213.333333 251.306667 213.333333 298.666667L213.333333 384 128 384 128 469.333333 213.333333 469.333333 213.333333 554.666667 128 554.666667 128 640 213.333333 640 213.333333 725.333333C213.333333 772.266667 251.733333 810.666667 298.666667 810.666667L384 810.666667 384 896 469.333333 896 469.333333 810.666667 554.666667 810.666667 554.666667 896 640 896 640 810.666667 725.333333 810.666667C772.266667 810.666667 810.666667 772.266667 810.666667 725.333333L810.666667 640 896 640 896 554.666667 810.666667 554.666667 810.666667 469.333333M554.666667 554.666667 469.333333 554.666667 469.333333 469.333333 554.666667 469.333333M640 384 384 384 384 640 640 640 640 384Z"
+            p-id="4003"></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Meter.vue b/src/frontend/admin/src/assets/icons/Meter.vue
new file mode 100644
index 00000000..89eb0a24
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Meter.vue
@@ -0,0 +1,3 @@
+<template>
+    <svg t="1678696332297" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3790" width="300" height="300"><path d="M204.8 499.2m-38.4 0a38.4 38.4 0 1 0 76.8 0 38.4 38.4 0 1 0-76.8 0Z" p-id="3791"></path><path d="M294.4 275.2m-38.4 0a38.4 38.4 0 1 0 76.8 0 38.4 38.4 0 1 0-76.8 0Z" p-id="3792"></path><path d="M512 185.6m-38.4 0a38.4 38.4 0 1 0 76.8 0 38.4 38.4 0 1 0-76.8 0Z" p-id="3793"></path><path d="M729.6 275.2m-38.4 0a38.4 38.4 0 1 0 76.8 0 38.4 38.4 0 1 0-76.8 0Z" p-id="3794"></path><path d="M819.2 499.2m-38.4 0a38.4 38.4 0 1 0 76.8 0 38.4 38.4 0 1 0-76.8 0Z" p-id="3795"></path><path d="M665.6 409.6L544 556.8c-12.8 19.2-38.4 19.2-57.6 6.4-12.8-12.8-19.2-38.4-6.4-51.2l121.6-153.6c12.8-19.2 38.4-19.2 51.2-6.4 25.6 12.8 25.6 38.4 12.8 57.6z" p-id="3796"></path><path d="M512 76.8c236.8 0 435.2 198.4 435.2 435.2s-198.4 435.2-435.2 435.2S76.8 748.8 76.8 512 275.2 76.8 512 76.8M512 0C230.4 0 0 230.4 0 512s230.4 512 512 512 512-230.4 512-512-230.4-512-512-512z" p-id="3797"></path></svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Organization.vue b/src/frontend/admin/src/assets/icons/Organization.vue
new file mode 100644
index 00000000..6010b5c2
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Organization.vue
@@ -0,0 +1,7 @@
+<template>
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M640 128a42.666667 42.666667 0 0 1 42.666667 42.666667v170.666666a42.666667 42.666667 0 0 1-42.666667 42.666667h-85.333333v85.333333h170.666666a42.666667 42.666667 0 0 1 42.666667 42.666667v128h85.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v170.666666a42.666667 42.666667 0 0 1-42.666667 42.666667h-256a42.666667 42.666667 0 0 1-42.666666-42.666667v-170.666666a42.666667 42.666667 0 0 1 42.666666-42.666667h85.333334v-85.333333H341.333333v85.333333h85.333334a42.666667 42.666667 0 0 1 42.666666 42.666667v170.666666a42.666667 42.666667 0 0 1-42.666666 42.666667H170.666667a42.666667 42.666667 0 0 1-42.666667-42.666667v-170.666666a42.666667 42.666667 0 0 1 42.666667-42.666667h85.333333v-128a42.666667 42.666667 0 0 1 42.666667-42.666667h170.666666V384H384a42.666667 42.666667 0 0 1-42.666667-42.666667V170.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h256zM384 725.333333H213.333333v85.333334h170.666667v-85.333334z m426.666667 0h-170.666667v85.333334h170.666667v-85.333334zM597.333333 213.333333h-170.666666v85.333334h170.666666V213.333333z"
+            p-id="51975"></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Position.vue b/src/frontend/admin/src/assets/icons/Position.vue
new file mode 100644
index 00000000..3ee928a3
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Position.vue
@@ -0,0 +1,17 @@
+<template>
+    <svg
+        class="icon"
+        height="200"
+        p-id="21427"
+        t="1679305402659"
+        version="1.1"
+        viewBox="0 0 1024 1024"
+        width="200"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M426.666667 170.666667l85.333333 85.333333h341.333333a85.333333 85.333333 0 0 1 85.333334 85.333333v426.666667a85.333333 85.333333 0 0 1-85.333334 85.333333H170.666667a85.333333 85.333333 0 0 1-85.333334-85.333333V256a85.333333 85.333333 0 0 1 85.333334-85.333333h256z m426.666666 170.666666H170.666667v426.666667h682.666666V341.333333z m-392.533333 247.466667a102.826667 102.826667 0 0 1 102.4 102.4v34.133333H256v-34.133333a102.826667 102.826667 0 0 1 102.4-102.4h102.4z m273.066667-68.266667v68.266667H597.333333v-68.266667h136.533334zM409.6 384a85.333333 85.333333 0 1 1 0 170.666667 85.333333 85.333333 0 0 1 0-170.666667z m392.533333 34.133333v68.266667H597.333333V418.133333h204.8z"
+            p-id="21428"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Product.vue b/src/frontend/admin/src/assets/icons/Product.vue
new file mode 100644
index 00000000..bc776705
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Product.vue
@@ -0,0 +1,3 @@
+<template>
+    <svg t="1685072068708" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3259" width="128" height="128"><path d="M541.696 86.308571l316.952381 140.775619A73.142857 73.142857 0 0 1 902.095238 293.936762v436.126476a73.142857 73.142857 0 0 1-43.446857 66.852572l-316.952381 140.751238a73.142857 73.142857 0 0 1-59.392 0l-316.952381-140.751238A73.142857 73.142857 0 0 1 121.904762 730.063238V293.936762a73.142857 73.142857 0 0 1 43.446857-66.852572l316.952381-140.751238a73.142857 73.142857 0 0 1 59.392 0zM195.047619 362.788571v367.274667l286.476191 127.21981V485.546667L195.047619 362.788571z m633.904762 2.633143l-274.285714 117.516191V851.870476L828.952381 730.063238V365.421714zM512 153.185524L207.335619 288.475429l307.760762 131.900952 304.591238-130.56L512 153.185524z" p-id="3260"></path></svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/ProductCategory.vue b/src/frontend/admin/src/assets/icons/ProductCategory.vue
new file mode 100644
index 00000000..bbc45dbb
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/ProductCategory.vue
@@ -0,0 +1,17 @@
+<template>
+    <svg
+        class="icon"
+        height="128"
+        p-id="1711"
+        t="1684920135063"
+        version="1.1"
+        viewBox="0 0 1024 1024"
+        width="128"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M279.2448 562.28864c59.12064 0 118.24128 0.34304 177.3568-0.27648 12.61568-0.13824 24.87808 11.50464 24.82176 24.80128-0.47104 116.30592-0.3072 232.60672-0.19968 348.91264 0.00512 8.10496-1.8688 15.08352-8.60672 19.90656-2.88256 2.06336-6.31296 3.84-9.74336 4.5312-4.59776 0.9216-9.4464 0.87552-14.18752 0.88064-115.2512 0.0512-230.49728 0.04096-345.74336 0.08192-8.22784 0.00512-16.04096-1.0752-20.74624-8.8064-2.11456-3.47136-3.84-7.42912-4.608-11.38688-0.78848-4.0704-0.21504-8.41728-0.21504-12.63616-0.01536-113.83808 0.1792-227.68128-0.3072-341.51936-0.05632-13.63456 12.38016-24.90368 24.81152-24.77056C161.00352 562.64192 220.12416 562.29376 279.2448 562.28864L279.2448 562.28864 279.2448 562.28864zM278.66624 919.424c50.84672 0 101.69856-0.00512 152.5504 0 6.656 0 8.25344-1.77152 8.25344-9.14944-0.01536-97.30048-0.04096-194.60096-0.05632-291.90656 0-3.15904 0.1792-6.34368-0.06144-9.49248-0.3072-4.14208-2.53952-6.39488-6.91712-6.1952-3.69152 0.17408-7.37792 0.34304-11.07456 0.34304-94.66368 0.02048-189.32224 0.01536-283.98592 0.00512-3.16416 0-6.33344-0.0768-9.49248-0.2304-7.81312-0.37376-10.18368 1.92512-10.18368 9.66144 0.01536 99.06176 0.02048 198.12352 0.00512 297.18528 0 7.81312 1.81248 9.76896 9.46688 9.76896C177.67424 919.40864 228.1728 919.41376 278.66624 919.424L278.66624 919.424 278.66624 919.424zM277.62688 472.16128c-58.95168 0-117.90848-0.31232-176.85504 0.23552-12.78976 0.12288-23.63392-9.43104-23.58784-23.4496 0.34816-116.84864 0.18944-233.69216 0.20992-350.5408 0.00512-12.28288 4.77184-19.84 14.14144-22.5024 2.15552-0.60928 4.5056-0.73216 6.76864-0.73728 120.71936-0.03584 241.4336 0.09728 362.14784-0.22016 11.73504-0.03584 20.54144 10.9056 20.62336 20.224 0.03584 4.57728 0.03584 9.15456 0.03584 13.72672 0.00512 111.744 0.01536 223.488-0.01536 335.232 0 6.80448 0.128 13.44512-4.55168 19.53792-3.57888 4.64896-7.90528 6.77376-13.14304 7.85408-2.56 0.52224-5.248 0.60928-7.87456 0.60928C396.23168 472.16128 336.92672 472.15616 277.62688 472.16128L277.62688 472.16128 277.62688 472.16128zM279.30112 114.23232c0 0.04608 0 0.09728 0 0.14336-48.39424 0-96.78848 0-145.18272 0-3.16928 0-6.33856-0.1792-9.4976-0.0768-3.90656 0.11776-6.2208 2.20672-6.61504 6.13888C117.7856 122.53184 117.76 124.65152 117.76 126.76096c0 65.99168 0.01536 131.97824 0.01536 197.97504 0 31.85152-0.0512 63.69792-0.0512 95.55456 0 8.23296 2.47296 10.77248 10.03008 10.77248 101.18144 0 202.368 0.00512 303.55456 0.10752 4.85376 0.00512 7.2192-2.07872 7.81824-6.59456 0.25088-1.91488 0.30208-3.86048 0.30208-5.7856 0.01024-96.6144 0-193.21856-0.02048-289.83296 0-2.81088-0.18432-5.62688-0.31232-8.43264-0.20992-4.61312-2.688-6.34368-7.22944-6.33856C381.00992 114.25792 330.15296 114.23232 279.30112 114.23232L279.30112 114.23232zM761.01632 75.15648c57.3696 0 114.73408-0.0256 172.09856 0.04608 5.21216 0.00512 10.62912-0.13312 15.5648 1.2032 6.89152 1.85856 11.49952 6.5792 12.032 14.31552 0.52736 7.68512 1.68448 15.36 1.6896 23.04 0.128 110.16192 0.33792 220.31872-0.11776 330.48064-0.06656 15.0784-2.81088 22.05184-15.1552 26.77248-1.91488 0.73216-4.07552 1.18784-6.12352 1.18784-120.0128 0.03584-240.0256 0.01536-360.0384-0.00512-14.18752 0-21.80096-7.44448-21.80608-21.3248-0.01024-118.25664-0.1024-236.50816 0.08192-354.7648 0.0256-14.84288 7.296-21.05344 22.29248-21.18656 2.816-0.02048 5.62688 0.22016 8.43264 0.22016C646.98368 75.1616 704 75.15648 761.01632 75.15648L761.01632 75.15648zM759.86944 114.31424c0 0.02048 0 0.04096 0 0.06656-47.33952 0-94.6688 0-142.01344 0-3.69664 0-7.38816 0.1024-11.0848 0.0256-5.13536-0.1024-7.98208 2.14016-8.04864 7.46496-0.02048 1.57696-0.2304 3.16416-0.2304 4.74624-0.01536 97.664-0.0256 195.33312-0.01536 293.00224 0 8.93952 1.65376 10.63424 10.65984 11.2896 0.87552 0.06144 1.75616 0.1024 2.6368 0.1024 99.4304 0.01024 198.8608 0.0256 298.28096 0.01024 8.7808 0 11.32544-2.65216 11.32032-11.39712-0.00512-15.31392-0.04608-30.62272-0.04608-45.93152 0-82.36032 0.01536-164.71552 0.0256-247.07584 0-10.4704-1.70496-12.32384-11.01312-12.31872C860.18048 114.31424 810.02496 114.30912 759.86944 114.31424L759.86944 114.31424 759.86944 114.31424zM537.59488 754.94912c1.25952-21.23776 4.34688-41.82528 11.12064-61.73184 4.11648-12.09344 8.16128-24.38656 13.98272-35.6864 5.65248-10.9824 12.84096-21.376 20.61824-31.0016 8.90368-11.01312 18.5088-21.69856 29.11744-31.0528 9.2416-8.16128 19.95776-14.82752 30.64832-21.08928 10.38848-6.08256 21.35552-11.33056 32.47616-15.96416 8.2176-3.4304 16.95232-6.12864 25.70752-7.66976 17.59232-3.08736 35.2-7.41376 53.25824-5.38624 15.32928 1.72544 30.96064 2.78528 45.76256 6.72256 15.60576 4.16256 30.99648 10.20416 45.34784 17.60256 14.86848 7.6544 28.50304 17.64352 41.21088 28.90752 12.4416 11.0336 23.1424 23.44448 32.62976 36.87936 6.12864 8.66816 11.07456 18.23744 16.02048 27.67872 3.8912 7.41888 7.95648 14.98112 10.1888 22.96832 3.76832 13.47584 7.04512 27.21792 8.87296 41.06752 1.6896 12.8256 2.00192 25.96352 1.47968 38.912-0.54272 13.24032-1.536 26.56768-6.24128 39.32672-3.31776 9.0112-5.47328 18.45248-8.64256 27.52-1.9456 5.57568-4.37248 11.08992-7.36768 16.15872-6.14912 10.368-12.70784 20.50048-19.3536 30.55616-2.19648 3.30752-1.87392 5.6832 0.82432 8.31488 16.01024 15.5648 32.02048 31.1552 47.9488 46.81216 9.71264 9.54368 19.84 18.7648 28.7488 29.00992 6.1696 7.09632 3.57888 19.63008-3.74784 25.70752-6.4 5.30432-20.02944 4.98176-26.08128-0.81408-21.20704-20.32128-42.32704-40.72448-63.54432-61.03552-3.79392-3.62496-7.7568-7.1168-11.90912-10.31168-3.6864-2.8416-7.43936-1.45408-10.61888 1.18272-22.36928 18.57024-48 30.31552-75.91424 38.07744-22.76352 6.3232-45.85984 6.528-69.0176 5.81632-16.70656-0.52224-33.2544-3.99872-48.98304-9.45664-15.95392-5.53984-31.72864-12.13952-45.52704-22.272-12.12928-8.90368-24.45312-17.66912-35.67104-27.64288-7.52128-6.68672-13.6192-15.11424-19.67616-23.26528-6.35904-8.55552-12.26752-17.49504-17.6896-26.6752-3.3536-5.6576-5.67808-11.96544-8.02304-18.15552-2.9184-7.68-5.59616-15.46752-7.98208-23.33184-1.92-6.3488-3.66592-12.80512-4.74112-19.33824C540.8 779.88352 539.31008 767.40096 537.59488 754.94912L537.59488 754.94912 537.59488 754.94912zM915.0976 754.56512c0.91136-94.34624-76.18048-167.48544-164.18816-168.93952-93.78816-1.55136-176.32256 76.53888-171.5968 177.40288 3.87584 82.56 73.80992 164.49024 177.41312 159.96416C839.03488 919.40352 914.69312 851.88096 915.0976 754.56512L915.0976 754.56512z"
+            p-id="1712"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Resource.vue b/src/frontend/admin/src/assets/icons/Resource.vue
new file mode 100644
index 00000000..51abc643
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Resource.vue
@@ -0,0 +1,3 @@
+<template>
+    <svg t="1678864333679" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4952" width="300" height="300"><path d="M342 472h342c0.4 0 0.9 0 1.3-0.1 4.4-0.7 7.3-4.8 6.6-9.2l-40.2-248c-0.6-3.9-4-6.7-7.9-6.7H382.2c-3.9 0-7.3 2.8-7.9 6.7l-40.2 248c-0.1 0.4-0.1 0.9-0.1 1.3 0 4.4 3.6 8 8 8z m91.2-196h159.5l20.7 128h-201l20.8-128zM435.7 558.7c-0.6-3.9-4-6.7-7.9-6.7H166.2c-3.9 0-7.3 2.8-7.9 6.7l-40.2 248c-0.1 0.4-0.1 0.9-0.1 1.3 0 4.4 3.6 8 8 8h342c0.4 0 0.9 0 1.3-0.1 4.4-0.7 7.3-4.8 6.6-9.2l-40.2-248zM196.5 748l20.7-128h159.5l20.7 128H196.5zM905.9 806.7l-40.2-248c-0.6-3.9-4-6.7-7.9-6.7H596.2c-3.9 0-7.3 2.8-7.9 6.7l-40.2 248c-0.1 0.4-0.1 0.9-0.1 1.3 0 4.4 3.6 8 8 8h342c0.4 0 0.9 0 1.3-0.1 4.3-0.7 7.3-4.8 6.6-9.2zM626.5 748l20.7-128h159.5l20.7 128H626.5z" p-id="4953"></path></svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Robot.vue b/src/frontend/admin/src/assets/icons/Robot.vue
new file mode 100644
index 00000000..581c85ba
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Robot.vue
@@ -0,0 +1,3 @@
+<template>
+    <svg t="1678846651425" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11473" width="300" height="300"><path d="M981.333333 618.666667h-106.666666v-21.333334a298.666667 298.666667 0 0 0-118.186667-244.053333l103.893333-162.986667a64 64 0 1 0-36.053333-23.04l-103.04 162.133334A416.213333 416.213333 0 0 0 512 277.333333a416.213333 416.213333 0 0 0-209.28 52.053334l-103.04-162.133334a64 64 0 1 0-36.053333 23.04l103.893333 162.986667A298.666667 298.666667 0 0 0 149.333333 597.333333v21.333334H42.666667v256h106.666666v85.333333h725.333334v-85.333333h106.666666zM85.333333 832v-170.666667h64v170.666667z m746.666667 85.333333H192V597.333333c0-192 160.64-277.333333 320-277.333333s320 85.333333 320 277.333333v320z m106.666667-85.333333h-64v-170.666667h64z" p-id="11474"></path><path d="M405.333333 661.333333m-42.666666 0a42.666667 42.666667 0 1 0 85.333333 0 42.666667 42.666667 0 1 0-85.333333 0Z" p-id="11475"></path><path d="M618.666667 661.333333m-42.666667 0a42.666667 42.666667 0 1 0 85.333333 0 42.666667 42.666667 0 1 0-85.333333 0Z" p-id="11476"></path><path d="M661.333333 533.333333H362.666667a128 128 0 0 0 0 256h298.666666a128 128 0 0 0 0-256z m0 213.333334H362.666667a85.333333 85.333333 0 0 1 0-170.666667h298.666666a85.333333 85.333333 0 0 1 0 170.666667z" p-id="11477"></path></svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Role.vue b/src/frontend/admin/src/assets/icons/Role.vue
new file mode 100644
index 00000000..214bcadd
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Role.vue
@@ -0,0 +1,17 @@
+<template>
+    <svg
+        class="icon"
+        height="200"
+        p-id="17682"
+        t="1679305285460"
+        version="1.1"
+        viewBox="0 0 1024 1024"
+        width="200"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M830.4 513.6c-72-72-180-84.8-264.8-38.4L335.2 244.8 448 132l-45.6-45.6-144.8 80.8L154.4 64 64 154.4l411.2 411.2c-45.6 84.8-32.8 192.8 38.4 264.8 87.2 87.2 229.6 87.2 316.8 0 88-87.2 88-228.8 0-316.8zM740 740c-37.6 37.6-98.4 37.6-136 0s-37.6-98.4 0-136 98.4-37.6 136 0 37.6 98.4 0 136z"
+            p-id="17683"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Send.vue b/src/frontend/admin/src/assets/icons/Send.vue
new file mode 100644
index 00000000..2b084c0b
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Send.vue
@@ -0,0 +1,17 @@
+<template>
+    <svg
+        class="icon"
+        height="200"
+        p-id="3510"
+        t="1674978961104"
+        version="1.1"
+        viewBox="0 0 1024 1024"
+        width="200"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M914.6368 136.4992L97.1264 565.9648c-9.728 5.12-9.2672 19.1488 0.7168 23.6544l254.4128 114.176c10.9568 4.9152 23.8592-0.5632 27.8016-12.1856 3.4304-10.1376-2.0992-21.1456-11.8272-25.5488l-189.3376-84.992c-4.9152-2.2016-5.12-9.0624-0.3584-11.5712L808.96 238.2336c1.2288-0.6144 2.4064 0.8704 1.4848 1.8944l-406.9376 464.8448c-0.1536 0.2048-7.3728 8.2944-8.192 13.6704l-22.3232 146.2272c-1.4848 9.6768 3.6864 19.456 12.8 22.8864 12.5952 4.7104 25.6512-3.5328 27.5456-16.0256l19.3536-126.7712c1.024-6.8096 7.68-11.3152 14.3872-9.7792L751.36 819.2c6.656 1.4336 13.3632-2.4576 15.36-8.96L933.2224 152.064c3.5328-11.264-8.2432-21.0432-18.5856-15.5648z m-175.872 625.664a13.17888 13.17888 0 0 1-15.36 8.96L482.304 701.3376c-7.9872-1.8432-11.1104-11.5712-5.6832-17.7152l382.2592-436.6336c0.8192-0.9728 2.4064-0.1536 2.0992 1.0752l-122.2144 514.0992z"
+            p-id="3511"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/SmsCode.vue b/src/frontend/admin/src/assets/icons/SmsCode.vue
new file mode 100644
index 00000000..4f0aa13e
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/SmsCode.vue
@@ -0,0 +1,3 @@
+<template>
+    <svg t="1674979157150" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4426" width="200" height="200"><path d="M225.5104 252.72832v-110.5408a30.30016 30.30016 0 0 1 30.21312-30.21312h561.98656a30.30528 30.30528 0 0 1 30.21824 30.21312v110.55104h56.3712V115.65568c0-33.23392-27.20256-60.43136-60.44672-60.43136H229.5808c-33.24416 0-60.43136 27.19744-60.43136 60.43136v137.07776h56.36096v-0.00512z m622.41792 484.21376v120.38144a30.3104 30.3104 0 0 1-30.21824 30.208H255.72352a30.30528 30.30528 0 0 1-30.21312-30.208v-120.38144H169.14944v146.91328c0 33.23392 27.19744 60.43648 60.43136 60.43648h614.272c33.23904 0 60.44672-27.19744 60.44672-60.43648v-146.91328h-56.3712zM300.47232 647.34208H243.1744V431.3344c-20.9408 19.55328-45.60896 34.02752-74.02496 43.43808V422.7584c14.9504-4.88448 31.19104-14.1824 48.73728-27.83744 17.54112-13.66528 29.568-29.60384 36.09088-47.81568h46.4896v300.2368z m319.86688-53.24288v53.25312H419.456c2.19136-20.14208 8.71424-39.20896 19.58912-57.20576 10.86464-18.0736 32.34304-41.92768 64.4352-71.7312 25.84576-24.05888 41.6512-40.38144 47.52896-48.9472 7.87456-11.81696 11.82208-23.51616 11.82208-35.08224 0-12.75904-3.44064-22.59456-10.30144-29.46048-6.8864-6.85056-16.31744-10.2912-28.43648-10.2912-11.95008 0-21.48864 3.59936-28.55936 10.78784-7.07072 7.21408-11.15648 19.17952-12.2368 35.90656L426.1888 435.6352c3.40992-31.53408 14.08-54.18496 32.01024-67.90144 17.9456-13.7472 40.38144-20.60288 67.31264-20.60288 29.50144 0 52.66944 7.936 69.5552 23.8592 16.85504 15.90272 25.28256 35.6864 25.28256 59.3408a103.40352 103.40352 0 0 1-7.25504 38.43072c-4.84352 12.17024-12.4672 24.92928-22.94784 38.25664-6.92736 8.83712-19.43552 21.53984-37.51424 38.16448-18.05824 16.55296-29.51168 27.61728-34.34496 33.01888a98.74432 98.74432 0 0 0-11.72992 15.91808h113.78176v-0.02048z m85.33504-26.09664l55.46496-6.72768c1.77664 14.14144 6.528 24.95488 14.24896 32.4096 7.77728 7.46496 17.152 11.20768 28.16 11.20768 11.83232 0 21.7856-4.50048 29.85984-13.42976 8.10496-8.99072 12.15488-21.0944 12.15488-36.31104 0-14.42304-3.88608-25.83552-11.6224-34.25792-7.75168-8.45824-17.2032-12.68224-28.34432-12.68224-7.35232 0-16.10752 1.41824-26.32192 4.28544l6.3232-46.69952c15.50336 0.40448 27.30496-2.96448 35.47648-10.09664 8.14592-7.13728 12.2368-16.60416 12.2368-28.45184 0-10.04544-2.99008-18.08896-8.93952-24.064-6.02112-5.98016-13.9776-8.96512-23.8848-8.96512-9.78432 0-18.16576 3.38432-25.09824 10.19392-6.90688 6.77888-11.11552 16.7168-12.63104 29.76256l-52.8128-8.96c3.67104-18.06336 9.22624-32.54272 16.62464-43.3664 7.424-10.78272 17.73568-19.28704 31.0016-25.46688 13.2608-6.18496 28.10368-9.27744 44.55424-9.27744 28.14464 0 50.688 8.97536 67.712 26.9312 13.9776 14.6688 20.99712 31.26272 20.99712 49.7408 0 26.24512-14.34624 47.1808-43.02848 62.81216 17.12128 3.67616 30.83264 11.91424 41.09824 24.69888 10.2656 12.77952 15.40096 28.20608 15.40096 46.27456 0 26.26048-9.59488 48.62464-28.75392 67.0976-19.16928 18.49856-43.02336 27.74528-71.58272 27.74528-27.0592 0-49.46944-7.79776-67.3024-23.33184-17.80736-15.57504-28.14464-35.94752-30.99136-61.07136z" p-id="4427"></path></svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Sync.vue b/src/frontend/admin/src/assets/icons/Sync.vue
new file mode 100644
index 00000000..c672d426
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Sync.vue
@@ -0,0 +1,17 @@
+<template>
+    <svg
+        class="icon"
+        height="200"
+        p-id="1767"
+        t="1679304707100"
+        version="1.1"
+        viewBox="0 0 1024 1024"
+        width="200"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M512 768a256 256 0 0 1-256-256c0-42.666667 10.666667-84.053333 29.866667-119.466667L223.573333 330.24A338.346667 338.346667 0 0 0 170.666667 512a341.333333 341.333333 0 0 0 341.333333 341.333333v128l170.666667-170.666666-170.666667-170.666667m0-469.333333V42.666667L341.333333 213.333333l170.666667 170.666667V256a256 256 0 0 1 256 256c0 42.666667-10.666667 84.053333-29.866667 119.466667l62.293334 62.293333A338.346667 338.346667 0 0 0 853.333333 512a341.333333 341.333333 0 0 0-341.333333-341.333333z"
+            p-id="1768"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Task.vue b/src/frontend/admin/src/assets/icons/Task.vue
new file mode 100644
index 00000000..48598cce
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Task.vue
@@ -0,0 +1,11 @@
+<template>
+    <svg class="icon" height="200" p-id="2826" t="1679624385345" version="1.1"
+         viewBox="0 0 1024 1024" width="200" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M831.825474 63.940169H191.939717C121.2479 63.940169 63.940169 121.2479 63.940169 191.939717v639.885757C63.940169 902.517291 121.2479 959.825022 191.939717 959.825022h639.885757c70.691817 0 127.999548-57.307731 127.999548-127.999548V191.939717C959.825022 121.2479 902.517291 63.940169 831.825474 63.940169zM895.884854 831.998871A63.835408 63.835408 0 0 1 831.912173 895.884854H192.087827c-17.112123 0-33.270563-6.574639-45.372232-18.67631S127.880338 849.110994 127.880338 831.998871V192.001129A64.236389 64.236389 0 0 1 192.087827 127.880338h639.824346A64.037705 64.037705 0 0 1 895.884854 192.001129v639.997742z"
+            p-id="2827"></path>
+        <path
+            d="M791.998335 351.851551h-255.999097a31.970084 31.970084 0 0 0 0 63.940169h255.999097a31.970084 31.970084 0 0 0 0-63.940169zM791.998335 607.973471h-255.999097a31.970084 31.970084 0 0 0 0 63.940169h255.999097a31.970084 31.970084 0 0 0 0-63.940169zM344.001722 527.997686c-61.855792 0-111.985607 50.144265-111.985607 111.985606s50.144265 111.985607 111.985607 111.985607 111.985607-50.144265 111.985606-111.985607-50.129815-111.985607-111.985606-111.985606z m33.982213 145.982269a48.045438 48.045438 0 1 1 14.088511-33.982213 47.745605 47.745605 0 0 1-14.088511 33.985826zM417.395643 297.394035L311.999125 402.78694 270.6078 361.392003a31.970084 31.970084 0 1 0-45.213286 45.213285l63.997968 64.001581a31.970084 31.970084 0 0 0 45.213286 0l127.999548-127.999549a31.970084 31.970084 0 0 0-45.209673-45.213285z"
+            p-id="2828"></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Tpl.vue b/src/frontend/admin/src/assets/icons/Tpl.vue
new file mode 100644
index 00000000..8ef06b19
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Tpl.vue
@@ -0,0 +1,3 @@
+<template>
+    <svg t="1673939505819" class="icon" viewBox="0 0 1093 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2726" width="200" height="200"><path d="M172.872 363.733h740.079l-49.439 49.438V169.19l49.439 49.439H172.872l49.439-49.439v243.982l-49.439-49.438z m0 49.438V169.19h740.079v243.982H172.872zM894.774 517.507h24.72v-49.439H474.547v49.439h24.72zM894.774 625.371h24.72v-49.438H474.547v49.438h24.72zM894.774 733.236h24.72v-49.439H474.547v49.439h24.72zM894.774 841.1h24.72v-49.438H474.547v49.439h24.72zM172.872 802.9h246.693l-49.438 49.44V461.967l49.438 49.438H172.872l49.439-49.438v390.371l-49.439-49.438z m0 49.439V461.967h246.693v390.372H172.872z" p-id="2727"></path></svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Unlink.vue b/src/frontend/admin/src/assets/icons/Unlink.vue
new file mode 100644
index 00000000..85880af9
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Unlink.vue
@@ -0,0 +1,21 @@
+<template>
+    <svg
+        class="icon"
+        height="200"
+        p-id="1294"
+        t="1674976548089"
+        version="1.1"
+        viewBox="0 0 1024 1024"
+        width="200"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M578.997 466.928c-24.518 0-49.976-4.848-67.042-17.143l23.926-33.21c17.951 12.931 66.508 11.065 84.517 2.648L871.432 301.73c14.013-6.56 29.211-27.767 38.718-54.03 9.507-26.266 11.406-52.3 4.839-66.325L904.79 159.64c-6.574-14.035-27.778-29.233-54.028-38.732-26.248-9.499-52.263-11.392-66.283-4.824L533.41 233.586c-18.155 8.5-50.707 45.238-52.006 67.85l-40.865-2.348c2.386-41.524 47.033-89.237 75.516-102.573l251.066-117.5c24.053-11.27 60.53-10.001 97.57 3.404 37.042 13.404 65.887 35.777 77.16 59.846L952.05 164c11.279 24.084 10 60.577-3.413 97.633-13.413 37.058-35.789 65.907-59.853 77.17L637.74 456.3c-13.636 6.374-35.778 10.628-58.743 10.63zM196.415 953.414c-17.984 0-34.053-3.355-46.444-10.031l-21.174-11.399c-23.412-12.652-44.115-42.736-55.408-80.489-11.295-37.756-10.508-74.248 2.106-97.615l131.72-243.926c14.803-27.38 64.2-69.116 104.93-69.65l0.538 40.927c-22.115 0.292-60.004 30.697-69.457 48.182L111.513 773.327c-16.055 29.746 6.933 106.536 36.715 122.633l21.15 11.385c29.767 16.034 106.513-6.942 122.57-36.694L423.65 626.766c9.53-17.646 13.806-66.562 1.38-85.516l34.231-22.442c22.812 34.796 15.352 99.728 0.407 127.407l-131.7 243.881c-12.616 23.375-42.674 44.073-80.402 55.367-17.735 5.31-35.197 7.951-51.151 7.951z"
+            p-id="1295"
+        ></path>
+        <path
+            d="M495.81 349.468l28.292 29.582-166.386 159.134-28.293-29.581zM151.867 343.78l144.662 20.467-144.662 20.466z m53.974-159.046l106.433 100.112-130.026-66.663z m194.974-40.768l-38.779 140.88-1.817-146.11z"
+            p-id="1296"
+        ></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Upload.vue b/src/frontend/admin/src/assets/icons/Upload.vue
new file mode 100644
index 00000000..12a73ed8
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Upload.vue
@@ -0,0 +1,7 @@
+<template>
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M170.666667 810.666667h682.666666v-298.666667h85.333334v341.333333a42.666667 42.666667 0 0 1-42.666667 42.666667H128a42.666667 42.666667 0 0 1-42.666667-42.666667v-341.333333h85.333334v298.666667z m384-426.666667v298.666667h-85.333334V384H256l256-256 256 256h-213.333333z"
+            p-id="25917"></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Vue.vue b/src/frontend/admin/src/assets/icons/Vue.vue
new file mode 100644
index 00000000..134feed2
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Vue.vue
@@ -0,0 +1,7 @@
+<template>
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M42.666667 128h170.666666l298.666667 512 298.666667-512h170.666666L512 938.666667 42.666667 128z m369.792 0L512 298.666667l99.541333-170.666667h172.16L512 597.333333 240.298667 128h172.16z"
+            p-id="4634"></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/Wechat.vue b/src/frontend/admin/src/assets/icons/Wechat.vue
new file mode 100644
index 00000000..8393938b
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/Wechat.vue
@@ -0,0 +1,7 @@
+<template>
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M792.490667 585.002667a38.826667 38.826667 0 0 0 38.314666-38.314667c0-21.248-17.024-38.314667-38.314666-38.314667s-38.314667 17.066667-38.314667 38.314667c0 21.333333 17.066667 38.314667 38.314667 38.314667z m-188.8 0a38.826667 38.826667 0 0 0 38.314666-38.314667c0-21.248-17.066667-38.314667-38.314666-38.314667-21.333333 0-38.314667 17.066667-38.314667 38.314667 0 21.333333 17.024 38.314667 38.314667 38.314667z m280.192 215.04a14.805333 14.805333 0 0 0-7.338667 15.786666c0 2.048 0 4.138667 1.066667 6.272 4.181333 17.792 12.544 46.122667 12.544 47.189334 0 3.114667 1.066667 5.205333 1.066666 7.338666a9.386667 9.386667 0 0 1-9.429333 9.386667c-2.133333 0-3.157333-1.024-5.248-2.048l-61.824-35.669333a34.090667 34.090667 0 0 0-14.677333-4.181334c-3.114667 0-6.272 0-8.362667 1.024-29.354667 8.405333-59.733333 12.586667-92.202667 12.586667-156.16 0-281.898667-104.832-281.898666-234.88 0-130.005333 125.738667-234.88 281.898666-234.88 156.117333 0 281.856 104.874667 281.856 234.88 0 70.272-37.717333 134.229333-97.450666 177.237333zM711.381333 345.557333a388.48 388.48 0 0 0-11.946666-0.213333c-178.090667 0-324.522667 122.026667-324.522667 277.546667 0 23.637333 3.413333 46.506667 9.728 68.266666h-3.797333a425.088 425.088 0 0 1-110.250667-15.701333c-3.157333-1.066667-6.314667-1.066667-9.472-1.066667a35.498667 35.498667 0 0 0-17.834667 5.248l-74.581333 42.88c-2.133333 1.066667-4.224 2.133333-6.314667 2.133334a11.648 11.648 0 0 1-11.52-11.52c0-3.157333 1.024-5.248 2.090667-8.405334 1.024-1.024 10.496-35.584 15.744-56.490666 0-2.133333 1.024-5.248 1.024-7.338667a23.722667 23.722667 0 0 0-9.429333-18.858667C87.808 570.709333 42.666667 494.336 42.666667 409.514667 42.666667 253.653333 194.986667 128 381.866667 128c160.64 0 295.68 92.544 329.514666 217.514667z m-219.904 17.834667c24.448 0 43.776-20.352 43.776-43.776 0-24.448-19.328-43.776-43.776-43.776s-43.776 19.328-43.776 43.776 19.328 43.776 43.776 43.776z m-224.426666 0c24.448 0 43.818667-20.352 43.818666-43.776 0-24.448-19.370667-43.776-43.818666-43.776-24.405333 0-43.776 19.328-43.776 43.776s19.370667 43.776 43.776 43.776z"
+            p-id="4372"></path>
+    </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/index.js b/src/frontend/admin/src/assets/icons/index.js
new file mode 100644
index 00000000..c1d46af6
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/index.js
@@ -0,0 +1,45 @@
+export {default as Vue} from './Vue.vue'
+export {default as Code} from './Code.vue'
+export {default as Wechat} from './Wechat.vue'
+export {default as BugFill} from './BugFill.vue'
+export {default as BugLine} from './BugLine.vue'
+export {default as FileWord} from './FileWord.vue'
+export {default as FileExcel} from './FileExcel.vue'
+export {default as FilePpt} from './FilePpt.vue'
+export {default as Organization} from './Organization.vue'
+export {default as Upload} from './Upload.vue'
+export {default as Download} from './Download.vue'
+export {default as Role} from './Role.vue'
+export {default as Dept} from './Dept.vue'
+export {default as Js} from './Js.vue'
+export {default as Memory} from './Memory.vue'
+export {default as Dashboard} from './Dashboard.vue'
+export {default as Api} from './Api.vue'
+export {default as Code2} from './Code2.vue'
+export {default as Csharp} from './Csharp.vue'
+export {default as Dic} from './Dic.vue'
+export {default as Position} from './Position.vue'
+export {default as Tpl} from './Tpl.vue'
+export {default as Demo} from './Demo.vue'
+export {default as Link} from './Link.vue'
+export {default as Unlink} from './Unlink.vue'
+export {default as Send} from './Send.vue'
+export {default as SmsCode} from './SmsCode.vue'
+export {default as Meter} from './Meter.vue'
+export {default as Grafana} from './Grafana.vue'
+export {default as Elastic} from './Elastic.vue'
+export {default as Kibana} from './Kibana.vue'
+export {default as Kafka} from './Kafka.vue'
+export {default as Resource} from './Resource.vue'
+export {default as Robot} from './Robot.vue'
+export {default as Device} from './Device.vue'
+export {default as Business} from './Business.vue'
+export {default as App} from './App.vue'
+export {default as App2} from './App2.vue'
+export {default as Sync} from './Sync.vue'
+export {default as Drone} from './Drone.vue'
+export {default as Gitea} from './Gitea.vue'
+export {default as Docker} from './Docker.vue'
+export {default as Task} from './Task.vue'
+export {default as ProductCategory} from './ProductCategory.vue'
+export {default as Product} from './Product.vue'
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/tpl/Svg.vue b/src/frontend/admin/src/assets/icons/tpl/Svg.vue
new file mode 100644
index 00000000..ccf33639
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/tpl/Svg.vue
@@ -0,0 +1,3 @@
+<template>
+    $svgCode$
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/icons/tpl/export.js b/src/frontend/admin/src/assets/icons/tpl/export.js
new file mode 100644
index 00000000..85fb64cd
--- /dev/null
+++ b/src/frontend/admin/src/assets/icons/tpl/export.js
@@ -0,0 +1 @@
+//~export {default as $iconName$} from './$iconName$.vue'
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/img/404.png b/src/frontend/admin/src/assets/img/404.png
new file mode 100644
index 00000000..47197ec7
Binary files /dev/null and b/src/frontend/admin/src/assets/img/404.png differ
diff --git a/src/frontend/admin/src/assets/img/auth_banner.jpg b/src/frontend/admin/src/assets/img/auth_banner.jpg
new file mode 100644
index 00000000..449b0ad5
Binary files /dev/null and b/src/frontend/admin/src/assets/img/auth_banner.jpg differ
diff --git a/src/frontend/admin/src/assets/img/avatar.jpg b/src/frontend/admin/src/assets/img/avatar.jpg
new file mode 100644
index 00000000..b8a3cf3c
Binary files /dev/null and b/src/frontend/admin/src/assets/img/avatar.jpg differ
diff --git a/src/frontend/admin/src/assets/img/avatar2.gif b/src/frontend/admin/src/assets/img/avatar2.gif
new file mode 100644
index 00000000..6fade970
Binary files /dev/null and b/src/frontend/admin/src/assets/img/avatar2.gif differ
diff --git a/src/frontend/admin/src/assets/img/avatar3.gif b/src/frontend/admin/src/assets/img/avatar3.gif
new file mode 100644
index 00000000..495fe433
Binary files /dev/null and b/src/frontend/admin/src/assets/img/avatar3.gif differ
diff --git a/src/frontend/admin/src/assets/img/loginbg.svg b/src/frontend/admin/src/assets/img/loginbg.svg
new file mode 100644
index 00000000..39f62148
--- /dev/null
+++ b/src/frontend/admin/src/assets/img/loginbg.svg
@@ -0,0 +1,113 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
+<svg enable-background="new 0 0 126 126" id="Layer_1" version="1.1" viewBox="0 0 126 126" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
+><g><path d="M105.732,60.8495c-1.4921,0.2172-15.6579-4.4239-17.1594-10.7702   c-1.5016-6.355-12.8343-12.9697-17.66-11.336c-4.8257,1.6337-11.1529-0.1134-11.1529-0.1134l-3.9852-1.9265l-0.9066-0.4344h-0.0095   L4.4873,65.3524c-4.642,2.6802-4.6517,9.377-0.0175,12.0707l50.2207,29.1911c4.3216,2.5119,9.6569,2.5196,13.9857,0.0202   l52.0806-30.0712c1.6526-0.9536,3.0314-2.3701,3.7491-4.1362C128.4911,62.6814,107.1013,60.6604,105.732,60.8495z" fill="#F3F6FD"/><path
+	d="M100.67,80.8445v1.2505c0,0.1431-0.0987,0.2963-0.3072,0.4174l-3.3797,1.9636l-0.7132,0.4174l-9.294,5.3985   c-0.395,0.2304-1.0424,0.2304-1.4484,0l-10.1169-5.8373c-0.1975-0.1211-0.3073-0.2743-0.3073-0.4281l0.011-1.2398   c0,0.1532,0.0988,0.307,0.2963,0.4168l10.1169,5.8486c0.406,0.2304,1.0534,0.2304,1.4484,0l9.3049-5.4098l0.7023-0.4061   l3.3906-1.9749C100.5713,81.1515,100.67,80.9977,100.67,80.8445z"
+	fill="#E1E9F4" /><polygon fill="#E1E9F4" points="85.6794,72.3863 92.0128,83.2787 94.4967,81.9901 92.7766,64.0137 85.567,67.9247  " /><path
+	d="M91.1662,67.5281l-0.0056,1.8438c0,0.2748-0.1793,0.5435-0.5437,0.7567l-20.593,11.9669   c-0.7287,0.4204-1.9113,0.4204-2.64,0L32.3412,61.8666c-0.37-0.2129-0.5493-0.4932-0.5493-0.7734l0.0056-1.838   c0,0.2745,0.1849,0.5548,0.5549,0.7677l35.0372,20.2288c0.7342,0.4258,1.9169,0.4258,2.64,0l20.5986-11.9669   C90.9869,68.0774,91.1662,67.8029,91.1662,67.5281z"
+	fill="#E1E9F4" /><path
+	d="M39.7085,97.3905c0.0214-0.0088,0.0422-0.0264,0.0417-0.0352c0.8999-0.7026,1.2069-2.4688,1.4067-3.3125   c0.0692-0.2988,3.7335-2.7769,3.7335-2.7769c0.0099-0.0176,0.0192-0.0439,0.0071-0.0615c0.5302,0.0562,1.3577-0.1017,1.4139-0.2021   c1.1079,0.6588,1.382,1.0317,1.5334,0.835c1.0784-1.5083,1.4463-1.6887,1.2134-1.8364c-3.1795-1.9828-3.3134-2.2802-3.4655-2.083   c-1.0844,1.5039-1.4572,1.6887-1.2243,1.8364l0.6517,0.4219c-0.3084,0.1582-0.6036,0.3521-0.7227,0.5537   c-0.0341-0.0176-0.0566-0.0264-0.09-0.0352l-3.0062,1.415c0.134-0.4922,0.2723-0.9141,0.3749-1.2041   c0,0,1.321-2.3989,1.0378-5.0088c-0.0312-0.3252,0.0133-0.668,0.1132-1.0015c0.2437-0.8438,0.9568-3.4888,1.3312-4.5259   c0.6611-0.1318,1.2981-0.2988,1.4078-0.2988c0.2524,0,0.5152-0.0083,0.7538-0.0527c0.5097-0.0962,1.3635-0.3076,1.6806-0.6763   c0,0,0.3364-0.4131-1.0171-0.4746c-1.3633-0.0439-1.8539,0.1846-3.0619-0.5361l-1.4556,0.4136c0,0-0.2114,0.4829-0.1033,0.9839   c0.0016,0.0264,0.0038,0.0615,0.0291,0.1143c0.0016,0.0264,0.0137,0.0439,0.0154,0.0703l0.0005,0.0088   c-3.0387,5.3425-2.1934,6.2035-4.6452,8.2246c-0.94-2.5981-1.2099-0.3663-1.1845-9.3315c0.2155-0.0262,0.4782-0.0299,0.728-0.1147   c0.3868-0.1318,1.0403-0.3867,1.3449-0.7817c0,0,0.3238-0.4395-0.6303-0.4307c-0.975,0.0259-1.3755,0.29-2.087-0.3867   l-1.1319,0.5005c0,0-0.2542,0.5015-0.2664,1.0107c-0.0093,0.0264-0.0076,0.0532-0.0043,0.1055c0,0,0,0,0.0005,0.0088   c-1.6273,4.9385-0.3361,4.5351-0.5772,6.4146c-0.0704,0.6328,0.118,2.7769-0.2996,3.4712   c-0.6075,0.9927-0.2862,2.2759,0.033,2.9961c-0.1005,0.1499-0.1339,0.3169-0.0994,0.519c0.0288,0.1775-0.4219,1.8012-0.4504,1.9014   l6.232,3.6221c0.1215-0.0537,0.2418-0.106,0.3452-0.1724C39.6466,97.4525,39.6887,97.4257,39.7085,97.3905z"
+	fill="#E1E9F4" /><path
+	d="M1.0521,70.5599l26.1662,15.2075l9.26-5.3462L7.5291,63.5964l0.5565-0.3214l28.9489,16.8253l9.3454-5.396   L17.4303,57.8794l0.3959-0.2286l28.9494,16.8248l9.4255-5.4415L27.2517,52.2088l0.3907-0.2256L56.592,68.8085l9.3403-5.393   L36.9826,46.5902l0.5561-0.321l28.9497,16.8253l9.2651-5.3492L46.8037,40.9196l0.5568-0.3214l67.8776,39.1516l-0.5568,0.3214   L76.1917,57.9999l-9.2651,5.3492l38.4901,22.0714l-0.556,0.321L66.3703,63.67L37.4725,80.3544l38.4911,22.0722l-0.556,0.321   L36.9163,80.6754l-9.26,5.3466l38.1274,21.8636c-0.2482,0.0758-0.4973,0.146-0.7484,0.2077L1.0137,71.167   C1.0202,70.9639,1.0284,70.7612,1.0521,70.5599z"
+	fill="#FDFEFF" /><g><path d="M91.5267,37.9111L56.4839,17.6768c-0.3699-0.2132-0.7062-0.2299-0.9416-0.0898l-0.8343,0.4776    c0.241-0.1347,0.5717-0.1177,0.9417,0.0952l0.6894,0.3925l-0.695,1.121l-0.0673,23.827l35.0484,20.2343    c0,0,1.1714,1.4741,0.936,1.6084l0.8287-0.4828c0.2354-0.1347,0.3867-0.4319,0.3867-0.8465l0.0673-23.8215    C92.8438,39.3572,92.2554,38.3314,91.5267,37.9111z" fill="#6262AA"/>
+	<g><g enable-background="new    "><g><path d="M90.693,38.3914c0.73,0.4215,1.3221,1.4471,1.3198,2.286l-0.0675,23.8174       c-0.0024,0.8431-0.5984,1.1785-1.3284,0.7571l-35.042-20.2315c-0.7336-0.4235-1.3222-1.4429-1.3198-2.286l0.0675-23.8174       c0.0024-0.8389,0.5948-1.1806,1.3284-0.7571L90.693,38.3914z" fill="#2A2A5E"/></g></g></g>
+	<g><polygon fill="#3887E5" points="90.6923,39.9109 90.6247,63.7366 55.5756,43.5009 55.6431,19.6753    "/></g></g><g><g><g enable-background="new    "><g><path d="M91.1662,66.0198l-0.0056,1.846c0,0.2748-0.1793,0.5438-0.5437,0.7567l-20.593,11.9669       c-0.7287,0.4204-1.9113,0.4204-2.64,0L32.3412,60.3608c-0.37-0.2132-0.5493-0.4935-0.5493-0.7737l0.0056-1.8403       c0-0.2748,0.1849-0.555,0.5437-0.7625l20.5986-11.9668c0.7231-0.4259,1.9057-0.4204,2.6343,0l35.0428,20.2343       C90.9812,65.4648,91.1662,65.7395,91.1662,66.0198z" fill="#83A1CC"/></g></g></g>
+	<g><g><g enable-background="new    "><g><path d="M91.1662,66.0198l-0.0056,1.8438c0,0.2748-0.1793,0.5435-0.5437,0.7567l-20.593,11.9668        c-0.7287,0.4204-1.9113,0.4204-2.64,0L32.3412,60.3583c-0.37-0.2129-0.5493-0.4932-0.5493-0.7734l0.0056-1.838        c0,0.2745,0.1849,0.5548,0.5549,0.7677l35.0372,20.2288c0.7342,0.4258,1.9169,0.4258,2.64,0l20.5986-11.9669        C90.9869,66.5691,91.1662,66.2946,91.1662,66.0198z" fill="#9EB5DF"/></g><g><path d="M90.6159,65.2493c0.7301,0.4215,0.7375,1.1054,0.0123,1.5269L70.0318,78.7455        c-0.7253,0.4215-1.9096,0.4215-2.6396,0L32.3501,58.514c-0.7301-0.4215-0.7339-1.1075-0.0086-1.529l20.5964-11.9693        c0.7253-0.4215,1.9059-0.4194,2.636,0.0021L90.6159,65.2493z" fill="#DEE7F8"/></g></g></g>
+		<path
+			d="M64.5983,66.8772l-11.1346-6.4286c-0.2328-0.1341-0.6091-0.1363-0.8402-0.0022l-5.4231,3.1515     c-0.2313,0.1344-0.2263,0.3525,0.0064,0.4869l11.1346,6.4286c0.2326,0.1344,0.6053,0.1344,0.8366,0l5.423-3.1515     C64.8322,67.2276,64.8309,67.0116,64.5983,66.8772z"
+			fill="#B6CBEA" /></g></g><g><polygon fill="#3A3A77" points="61.1986,50.6546 60.4318,51.1002 58.9775,50.2605 59.7443,49.8149   "/></g><g><polygon fill="#3A3A77" points="59.4055,49.6194 58.6388,50.065 57.1857,49.226 57.9525,48.7804   "/></g><g><polygon fill="#3A3A77" points="58.2959,50.2642 56.9267,51.0599 55.4736,50.221 56.8428,49.4253   "/></g><g><polygon fill="#3A3A77" points="66.4593,56.9697 65.0914,57.7646 63.6384,56.9257 65.0062,56.1308   "/></g><g><polygon fill="#3A3A77" points="57.1984,55.6046 55.8293,56.4003 54.3762,55.5613 55.7453,54.7657   "/></g><g><polygon fill="#3A3A77" points="51.8938,54.5329 50.5247,55.3285 48.5985,54.2164 49.9676,53.4208   "/></g><g><polygon fill="#3A3A77" points="53.6869,55.5681 52.3178,56.3637 50.8647,55.5248 52.2338,54.7292   "/></g><g><polygon fill="#3A3A77" points="55.4799,56.6033 54.1108,57.3989 52.6578,56.56 54.0269,55.7644   "/></g><g><polygon fill="#3A3A77" points="57.273,57.6385 55.9039,58.4342 54.4508,57.5952 55.8199,56.7996   "/></g><g
+	enable-background="new    "><g><polygon fill="#3A3A77" points="60.0889,51.2995 58.7198,52.0951 57.2654,51.2555 58.6346,50.4598    "/></g>
+	<g><polygon fill="#3A3A77" points="57.4952,51.7943 56.1274,52.5893 53.7552,51.2197 55.123,50.4247    "/></g>
+	<g><polygon fill="#3A3A77" points="61.882,52.3347 60.5128,53.1304 59.0585,52.2907 60.4276,51.495    "/></g>
+	<g><polygon fill="#3A3A77" points="59.2883,52.8296 57.9205,53.6245 56.4661,52.7848 57.8339,51.9899    "/></g>
+	<g><polygon fill="#3A3A77" points="56.2137,53.0453 54.8446,53.8409 52.0354,52.219 53.4045,51.4234    "/></g>
+	<g><polygon fill="#3A3A77" points="63.6738,53.3692 62.3046,54.1648 60.8515,53.3259 62.2207,52.5302    "/></g>
+	<g><polygon fill="#3A3A77" points="66.5765,53.7595 65.8097,54.2051 64.3567,53.3662 65.1234,52.9206    "/></g>
+	<g><polygon fill="#3A3A77" points="61.0801,53.8641 59.7122,54.659 58.2592,53.82 59.627,53.0251    "/></g>
+	<g><polygon fill="#3A3A77" points="58.0068,54.0805 56.6377,54.8762 55.1833,54.0365 56.5524,53.2408    "/></g>
+	<g><polygon fill="#3A3A77" points="65.4668,54.4044 64.0977,55.2001 62.6446,54.3611 64.0138,53.5655    "/></g>
+	<g><polygon fill="#3A3A77" points="68.3696,54.7948 67.6028,55.2403 66.1497,54.4014 66.9165,53.9558    "/></g>
+	<g><polygon fill="#3A3A77" points="55.4053,54.5694 54.0362,55.365 50.317,53.2177 51.6861,52.4221    "/></g>
+	<g><polygon fill="#3A3A77" points="62.8731,54.8993 61.5053,55.6942 60.0522,54.8553 61.4201,54.0604    "/></g>
+	<g><polygon fill="#3A3A77" points="59.7985,55.115 58.4295,55.9106 56.9764,55.0717 58.3455,54.2761    "/></g>
+	<g><polygon fill="#3A3A77" points="67.2599,55.4396 65.8907,56.2353 64.4377,55.3964 65.8068,54.6007    "/></g>
+	<g><polygon fill="#3A3A77" points="64.6662,55.9345 63.2984,56.7294 61.8453,55.8905 63.2131,55.0956    "/></g>
+	<g><polygon fill="#3A3A77" points="61.5916,56.1502 60.2225,56.9459 58.7694,56.1069 60.1385,55.3113    "/></g>
+	<g><polygon fill="#3A3A77" points="58.9915,56.6399 57.6224,57.4355 56.1693,56.5966 57.5384,55.8009    "/></g>
+	<g><polygon fill="#3A3A77" points="60.7845,57.6751 59.4154,58.4707 57.9611,57.631 59.3302,56.8354    "/></g></g><g><polygon fill="#3A3A77" points="79.1267,61.0054 78.3599,61.451 76.9068,60.612 77.6736,60.1664   "/></g><g><polygon fill="#3A3A77" points="77.3336,59.9701 76.5668,60.4157 75.1138,59.5768 75.8805,59.1312   "/></g><g><polygon fill="#3A3A77" points="75.5405,58.9349 74.7738,59.3805 73.3207,58.5416 74.0875,58.096   "/></g><g><polygon fill="#3A3A77" points="79.8101,62.6855 78.4409,63.4811 76.9865,62.6414 78.3557,61.8458   "/></g><g><polygon fill="#3A3A77" points="79.0827,66.2487 77.7136,67.0443 74.9044,65.4225 76.2735,64.6268   "/></g><g><polygon fill="#3A3A77" points="79.0094,64.2156 77.6416,65.0105 76.1872,64.1708 77.555,63.3759   "/></g><g><polygon fill="#3A3A77" points="75.4233,62.1451 74.0554,62.94 72.6024,62.1011 73.9702,61.3062   "/></g><g><polygon fill="#3A3A77" points="74.1418,63.3961 72.7727,64.1917 71.3196,63.3528 72.6887,62.5571   "/></g><g><polygon fill="#3A3A77" points="73.8876,67.231 73.3097,67.5668 71.7907,66.6898 72.3686,66.354   "/></g><g><polygon fill="#3A3A77" points="74.8688,68.714 74.2909,69.0499 72.7719,68.1729 73.3498,67.837   "/></g><g><polygon fill="#3A3A77" points="77.3642,67.2474 75.9951,68.043 72.3043,65.9121 73.6734,65.1165   "/></g><g><polygon fill="#3A3A77" points="73.3334,64.9202 71.9643,65.7158 70.5112,64.8769 71.8803,64.0813   "/></g><g><polygon fill="#3A3A77" points="75.9348,64.4313 74.5657,65.2269 73.1114,64.3872 74.4805,63.5916   "/></g><g><polygon fill="#3A3A77" points="77.2163,63.1803 75.8485,63.9752 74.3954,63.1363 75.7633,62.3414   "/></g><g><polygon fill="#3A3A77" points="78.017,61.6502 76.6478,62.4459 75.1948,61.607 76.5639,60.8113   "/></g><g><polygon fill="#3A3A77" points="70.1626,55.83 69.3959,56.2756 67.9428,55.4366 68.7096,54.991   "/></g><g><polygon fill="#3A3A77" points="67.9555,61.8152 66.5864,62.6109 65.1333,61.7719 66.5024,60.9763   "/></g><g><polygon fill="#3A3A77" points="63.3847,57.1855 62.0156,57.9811 60.5625,57.1422 61.9316,56.3465   "/></g><g
+	enable-background="new    "><g><polygon fill="#3A3A77" points="71.9557,56.8652 71.1889,57.3108 69.7346,56.4711 70.5013,56.0255    "/></g>
+	<g><polygon fill="#3A3A77" points="70.846,57.5101 69.4769,58.3057 68.0225,57.4661 69.3917,56.6704    "/></g>
+	<g><polygon fill="#3A3A77" points="73.7475,57.8997 72.9807,58.3453 71.5276,57.5064 72.2944,57.0608    "/></g>
+	<g><polygon fill="#3A3A77" points="68.2523,58.005 66.8845,58.7999 65.4301,57.9602 66.798,57.1653    "/></g>
+	<g><polygon fill="#3A3A77" points="65.1777,58.2207 63.8086,59.0163 62.3556,58.1774 63.7247,57.3817    "/></g>
+	<g><polygon fill="#3A3A77" points="72.6378,58.5446 71.2686,59.3402 69.8156,58.5013 71.1847,57.7056    "/></g>
+	<g><polygon fill="#3A3A77" points="62.5763,58.7096 61.2072,59.5052 59.7541,58.6663 61.1232,57.8706    "/></g>
+	<g><polygon fill="#3A3A77" points="70.0441,59.0394 68.6763,59.8343 67.2232,58.9954 68.591,58.2005    "/></g>
+	<g><polygon fill="#3A3A77" points="66.9708,59.2559 65.6017,60.0515 64.1473,59.2119 65.5164,58.4162    "/></g>
+	<g><polygon fill="#3A3A77" points="74.4309,59.5798 73.0617,60.3754 71.6086,59.5365 72.9778,58.7408    "/></g>
+	<g><polygon fill="#3A3A77" points="60.8578,59.7082 59.4887,60.5039 58.0357,59.6649 59.4048,58.8693    "/></g>
+	<g><polygon fill="#3A3A77" points="64.3694,59.7448 63.0003,60.5404 61.5472,59.7015 62.9163,58.9059    "/></g>
+	<g><polygon fill="#3A3A77" points="71.8372,60.0747 70.4693,60.8696 69.0162,60.0306 70.3841,59.2357    "/></g>
+	<g><polygon fill="#3A3A77" points="68.7626,60.2904 67.3935,61.086 65.9404,60.2471 67.3095,59.4515    "/></g>
+	<g><polygon fill="#3A3A77" points="76.2239,60.615 74.8548,61.4107 73.4017,60.5717 74.7709,59.7761    "/></g>
+	<g><polygon fill="#3A3A77" points="62.6509,60.7435 61.2818,61.5391 59.8287,60.7002 61.1978,59.9045    "/></g>
+	<g><polygon fill="#3A3A77" points="73.6302,61.1099 72.2624,61.9048 70.8093,61.0659 72.1771,60.271    "/></g>
+	<g><polygon fill="#3A3A77" points="70.5556,61.3256 69.1865,62.1212 67.7335,61.2823 69.1026,60.4867    "/></g>
+	<g><polygon fill="#3A3A77" points="64.444,61.7787 63.0749,62.5743 61.6218,61.7354 62.9909,60.9398    "/></g>
+	<g><polygon fill="#3A3A77" points="72.3487,62.3608 70.9796,63.1565 69.5265,62.3175 70.8956,61.5219    "/></g>
+	<g><polygon fill="#3A3A77" points="66.237,62.8139 64.8679,63.6095 63.4149,62.7706 64.784,61.975    "/></g>
+	<g><polygon fill="#3A3A77" points="69.7486,62.8505 68.3795,63.6461 66.9251,62.8064 68.2942,62.0108    "/></g>
+	<g><polygon fill="#3A3A77" points="68.0301,63.8491 66.661,64.6448 65.2066,63.8051 66.5757,63.0095    "/></g></g><g><polygon fill="#3A3A77" points="69.053,56.4748 67.6838,57.2705 66.2307,56.4316 67.5999,55.6359   "/></g><g><polygon fill="#3A3A77" points="80.9197,62.0406 80.153,62.4862 78.6986,61.6465 79.4654,61.2009   "/></g><g><polygon fill="#3A3A77" points="83.6306,63.6057 82.8639,64.0513 80.4917,62.6817 81.2584,62.2361   "/></g><g><polygon fill="#3A3A77" points="80.8012,65.25 79.4333,66.0449 77.9803,65.206 79.3481,64.4111   "/></g><g><polygon fill="#3A3A77" points="82.521,64.2506 81.1518,65.0463 78.7796,63.6767 80.1488,62.881   "/></g><g><polygon fill="#3A3A77" points="64.7834,52.7243 64.0167,53.1699 62.5636,52.331 63.3304,51.8854   "/></g><g><polygon fill="#3A3A77" points="62.9917,51.6898 62.2249,52.1354 60.7705,51.2957 61.5373,50.8501   "/></g><g><polygon fill="#3A3A77" points="71.3253,66.6682 70.7474,67.0041 69.2284,66.1271 69.8064,65.7912   "/></g><g><polygon fill="#3A3A77" points="70.2795,65.1478 68.9104,65.9435 66.9997,64.8403 68.3688,64.0447   "/></g><g><polygon fill="#3A3A77" points="71.5416,63.8857 70.1725,64.6813 68.7182,63.8417 70.0873,63.046   "/></g><g><polygon fill="#3A3A77" points="66.1624,60.78 64.7933,61.5757 63.3403,60.7367 64.7094,59.9411   "/></g><g><polygon fill="#3A3A77" points="73.0964,67.6908 72.5185,68.0266 70.9995,67.1496 71.5774,66.8138   "/></g><g><polygon fill="#3A3A77" points="59.0661,58.6738 57.697,59.4694 56.2426,58.6297 57.6117,57.8341   "/></g><g><polygon fill="#B6CBEA" points="86.7347,66.9207 80.0027,70.8329 77.3318,69.2909 84.0638,65.3787   "/></g><g><polygon fill="#B6CBEA" points="54.8973,48.5394 48.1653,52.4516 45.4945,50.9096 52.2264,46.9974   "/></g><g><path d="M77.2642,38.2175l-0.0331,11.1703c-0.0019,0.6706-0.4784,0.9422-1.0639,0.6042L58.7402,39.9305    c-0.5856-0.3381-1.0589-1.1581-1.057-1.8287l0.0331-11.1703L77.2642,38.2175z" fill="#FFFFFF"/></g><g><path d="M72.0251,37.5137c0.488,0.2818,0.9754,0.8827,1.1587,1.6387l2.1098,8.7007l-16.0679-9.2768l1.6834-4.0598    c0.2-0.4836,0.6738-0.5181,1.1481-0.2442c0.4299,0.2482,0.8601,0.7497,1.087,1.3995c0.2299,0.6584,0.6585,1.1553,1.0863,1.4023    c0.511,0.295,1.021,0.2332,1.1872-0.3441l0.1696-0.5898c0.1672-0.5834,0.6753-0.6386,1.1833-0.3452    c0.4711,0.272,0.9424,0.8438,1.1416,1.5717l0.2131,0.7791c0.1986,0.7296,0.6686,1.2995,1.139,1.5711    c0.5174,0.2987,1.0352,0.2362,1.1921-0.3726l0.3767-1.458C70.991,37.2747,71.5084,37.2153,72.0251,37.5137z" fill="#6262AA"/></g><g
+	enable-background="new    "><g><path d="M77.7838,36.4597L77.7485,49.088c0,0.3324-0.1209,0.5645-0.3124,0.6752l-0.4463,0.2597     c0.1512-0.126,0.2419-0.3428,0.2419-0.6351l0.0353-12.6283c0-0.67-0.4737-1.4916-1.0582-1.8292L58.7831,24.8668     c-0.2923-0.1713-0.5644-0.1863-0.7559-0.0704l0.5219-0.3049c0.1915-0.111,0.4586-0.0957,0.7508,0.0755l17.4257,10.0583     C77.3151,34.9629,77.7838,35.7842,77.7838,36.4597z" fill="#B6CBEA"/></g>
+	<g><path d="M76.2099,34.9284c0.5855,0.3381,1.0589,1.158,1.057,1.8309l-0.0027,1.4582l-19.548-11.286l0.0027-1.4582     c0.0019-0.6729,0.4784-0.9445,1.0639-0.6064L76.2099,34.9284z" fill="#4C4A8B"/></g>
+	<g><g><path d="M73.1069,34.0797c0.2338,0.135,0.423,0.4627,0.4222,0.7313c-0.0008,0.2686-0.1912,0.3771-0.425,0.2422      c-0.2338-0.135-0.423-0.4627-0.4222-0.7313C72.6827,34.0532,72.8731,33.9447,73.1069,34.0797z" fill="#DEE7F8"/></g>
+		<g><path d="M74.6427,34.9664c0.2349,0.1356,0.423,0.4627,0.4222,0.7313s-0.19,0.3778-0.425,0.2422      c-0.2338-0.135-0.4218-0.462-0.4211-0.7306S74.4089,34.8314,74.6427,34.9664z" fill="#DEE7F8"/></g>
+		<g><path d="M76.1796,35.8537c0.2338,0.135,0.423,0.4627,0.4222,0.7313c-0.0008,0.2686-0.1912,0.3771-0.425,0.2422      c-0.2338-0.135-0.423-0.4627-0.4222-0.7313C75.7554,35.8273,75.9459,35.7188,76.1796,35.8537z" fill="#DEE7F8"/></g></g></g><path
+	d="M63.9135,44.5392c0.2289,0.1322,0.4145,0.4514,0.4137,0.7144l-0.0046,1.6404   c-0.0007,0.2608-0.1875,0.3673-0.4164,0.2352l-1.4257-0.8231c-0.2289-0.1322-0.4126-0.4525-0.4118-0.7134l0.0047-1.6404   c0.0007-0.263,0.1856-0.3684,0.4145-0.2362L63.9135,44.5392z"
+	fill="#B6CBEA" /><path
+	d="M67.4033,46.554c0.2289,0.1322,0.4144,0.4514,0.4137,0.7144l-0.0046,1.6404   c-0.0007,0.2608-0.1875,0.3673-0.4164,0.2352l-1.4257-0.8231c-0.2289-0.1322-0.4126-0.4525-0.4118-0.7134l0.0046-1.6404   c0.0007-0.263,0.1856-0.3684,0.4145-0.2362L67.4033,46.554z"
+	fill="#B6CBEA" /><path
+	d="M70.8949,48.5699c0.227,0.1311,0.4126,0.4503,0.4118,0.7133l-0.0047,1.6404   c-0.0007,0.2608-0.1875,0.3673-0.4145,0.2363L69.46,50.3357c-0.2289-0.1322-0.4126-0.4525-0.4118-0.7133l0.0046-1.6404   c0.0007-0.263,0.1856-0.3684,0.4145-0.2362L70.8949,48.5699z"
+	fill="#B6CBEA" /><path
+	d="M74.3847,50.5847c0.2271,0.1311,0.4126,0.4503,0.4118,0.7133l-0.0047,1.6404   c-0.0007,0.2608-0.1875,0.3673-0.4145,0.2363l-1.4276-0.8242c-0.2289-0.1322-0.4126-0.4525-0.4118-0.7133l0.0047-1.6404   c0.0007-0.263,0.1856-0.3684,0.4145-0.2362L74.3847,50.5847z"
+	fill="#B6CBEA" /><path
+	d="M77.8744,52.5995c0.227,0.1311,0.4126,0.4503,0.4118,0.7133l-0.0046,1.6404   c-0.0007,0.2608-0.1875,0.3673-0.4145,0.2363l-1.4276-0.8242c-0.2289-0.1322-0.4126-0.4525-0.4118-0.7133l0.0046-1.6404   c0.0007-0.263,0.1856-0.3684,0.4145-0.2362L77.8744,52.5995z"
+	fill="#B6CBEA" /><path
+	d="M81.3642,54.6144c0.227,0.1311,0.4126,0.4503,0.4118,0.7133l-0.0047,1.6404   c-0.0007,0.2608-0.1875,0.3673-0.4145,0.2363l-1.4276-0.8242c-0.2289-0.1322-0.4126-0.4525-0.4118-0.7133l0.0047-1.6404   c0.0007-0.263,0.1856-0.3684,0.4145-0.2363L81.3642,54.6144z"
+	fill="#B6CBEA" /><g><g><path d="M97.7249,52.3039l-0.0286,9.6544c-0.0016,0.5796-0.4135,0.8144-0.9195,0.5222l-15.062-8.6961     c-0.5061-0.2922-0.9152-1.0009-0.9136-1.5805l0.0286-9.6544L97.7249,52.3039z" fill="#A6C2FF"/></g>
+	<g enable-background="new    "><g><path d="M98.174,50.7846l-0.0305,10.9146c0,0.2873-0.1045,0.4879-0.27,0.5835l-0.3857,0.2244      c0.1307-0.1089,0.209-0.2962,0.209-0.5489l0.0305-10.9146c0-0.5791-0.4094-1.2892-0.9146-1.5809L81.7518,40.765      c-0.2526-0.148-0.4878-0.161-0.6533-0.0608l0.4511-0.2635c0.1655-0.0959,0.3964-0.0827,0.6489,0.0653l15.0608,8.6933      C97.7689,49.491,98.174,50.2008,98.174,50.7846z" fill="#1E72C6"/></g>
+		<g><path d="M96.8137,49.4612c0.5061,0.2922,0.9152,1.0009,0.9136,1.5825l-0.0024,1.2603l-16.8951-9.7544      l0.0024-1.2603c0.0016-0.5816,0.4135-0.8163,0.9196-0.5241L96.8137,49.4612z" fill="#4C4A8B"/></g>
+		<g><g><path d="M94.1318,48.7276c0.2021,0.1167,0.3656,0.3999,0.3649,0.632c-0.0007,0.2322-0.1652,0.326-0.3673,0.2093       s-0.3656-0.3999-0.3649-0.632C93.7651,48.7047,93.9297,48.6109,94.1318,48.7276z" fill="#DEE7F8"/></g>
+			<g><path d="M95.4592,49.4939c0.2031,0.1172,0.3656,0.3999,0.3649,0.632       c-0.0007,0.2322-0.1642,0.3265-0.3673,0.2093c-0.2021-0.1167-0.3646-0.3993-0.3639-0.6315       C95.0935,49.4717,95.2571,49.3773,95.4592,49.4939z" fill="#DEE7F8"/></g>
+			<g><path d="M96.7875,50.2609c0.2021,0.1167,0.3656,0.3999,0.3649,0.632c-0.0007,0.2322-0.1652,0.326-0.3673,0.2093       c-0.2021-0.1167-0.3656-0.3999-0.3649-0.632C96.4209,50.238,96.5855,50.1442,96.7875,50.2609z" fill="#DEE7F8"/></g></g></g></g><g><polygon fill="#3A3A77" points="85.9573,46.544 85.9327,55.2206 83.0676,53.5664 83.0922,44.8899   "/></g><g><polygon fill="#B6CBEA" points="95.4401,59.0255 95.4373,60.0134 87.8745,55.647 87.8773,54.6591   "/></g><g><polygon fill="#B6CBEA" points="95.4493,55.7811 95.4437,57.7569 87.8809,53.3905 87.8865,51.4147   "/></g><g><polygon fill="#B6CBEA" points="95.4585,52.5369 95.4529,54.5126 87.8901,50.1462 87.8957,48.1705   "/></g><g><path d="M52.6198,31.5222l-0.0303,11.9345c-0.0017,0.6156-0.4391,0.8648-0.9765,0.5545L35.617,34.776    c-0.5375-0.3103-0.972-1.063-0.9702-1.6785l0.0303-11.9345L52.6198,31.5222z" fill="#DEE7F8"/></g><g
+	enable-background="new    "><g><path d="M53.0968,29.9087l-0.0324,13.2728c0,0.3051-0.111,0.5181-0.2868,0.6197l-0.4097,0.2383     c0.1388-0.1156,0.222-0.3146,0.222-0.5829l0.0324-13.2728c0-0.615-0.4348-1.3691-0.9713-1.679l-15.9946-9.237     c-0.2683-0.1572-0.518-0.171-0.6938-0.0646l0.479-0.2799c0.1758-0.1019,0.4209-0.0879,0.6892,0.0693l15.9946,9.2323     C52.6666,28.5348,53.0968,29.2887,53.0968,29.9087z" fill="#B6CBEA"/></g>
+	<g><path d="M51.6521,28.5032c0.5375,0.3103,0.972,1.0629,0.9702,1.6806l-0.0025,1.3384L34.6771,21.163l0.0025-1.3384     c0.0018-0.6176,0.4391-0.8669,0.9766-0.5566L51.6521,28.5032z" fill="#83A1CC"/></g>
+	<g><g><path d="M48.8039,27.7241c0.2146,0.1239,0.3882,0.4247,0.3875,0.6712      c-0.0007,0.2466-0.1755,0.3462-0.3901,0.2223s-0.3882-0.4247-0.3875-0.6712C48.4145,27.6999,48.5893,27.6002,48.8039,27.7241z" fill="#DEE7F8"/></g>
+		<g><path d="M50.2136,28.538c0.2157,0.1245,0.3882,0.4247,0.3875,0.6712c-0.0007,0.2466-0.1744,0.3468-0.3901,0.2223      c-0.2146-0.1239-0.3872-0.4241-0.3865-0.6706C49.8253,28.5143,49.999,28.4141,50.2136,28.538z" fill="#DEE7F8"/></g>
+		<g><path d="M51.6243,29.3525c0.2146,0.1239,0.3882,0.4247,0.3875,0.6712      c-0.0007,0.2466-0.1755,0.3462-0.3901,0.2223c-0.2146-0.1239-0.3882-0.4247-0.3875-0.6712S51.4098,29.2286,51.6243,29.3525z" fill="#DEE7F8"/></g></g></g><g><polygon fill="#83A1CC" points="49.7856,40.907 49.7839,41.2492 36.7172,33.7051 36.7189,33.3629   "/></g><g><polygon fill="#1E72C6" points="39.0216,29.0082 39.0168,30.715 39.0064,34.369 38.103,33.8474 38.1182,28.4867   "/></g><g><polygon fill="#6B9EF9" points="39.9216,31.2374 39.9113,34.8914 39.0064,34.369 39.0168,30.715   "/></g><g><polygon fill="#6B9EF9" points="41.8519,30.9877 41.8377,36.0036 40.9329,35.4812 40.9471,30.4653   "/></g><g><polygon fill="#1E72C6" points="42.7601,29.8042 42.7411,36.5252 41.8377,36.0036 41.8568,29.2826   "/></g><g><polygon fill="#6B9EF9" points="45.5943,30.4217 45.5724,38.1599 44.6691,37.6383 44.691,29.9002   "/></g><g><polygon fill="#1E72C6" points="44.6958,28.1933 44.691,29.9002 44.6691,37.6383 43.7642,37.1159 43.791,27.6709   "/></g><g><polygon fill="#6B9EF9" points="47.5092,35.6181 47.4989,39.2721 46.5955,38.7506 46.6059,35.0966   "/></g><g><polygon fill="#1E72C6" points="48.4189,34.4338 48.4037,39.7945 47.4989,39.2721 47.5141,33.9114   "/></g><g
+	enable-background="new    "><g><path d="M96.9891,82.2603L86.978,88.0788c-0.3964,0.2304-1.0464,0.2323-1.4487,0L75.4111,82.237     c-0.399-0.2304-0.4011-0.6088-0.0047-0.8391l10.0107-5.8176L96.9891,82.2603z" fill="#6262AA"/></g></g><g
+	enable-background="new    "><g><path d="M100.67,79.879v1.2398c0,0.1532-0.0987,0.307-0.3072,0.4168l-13.3869,7.7796     c-0.395,0.2416-1.0424,0.2416-1.4484,0l-10.1169-5.8373c-0.1975-0.1098-0.3073-0.2636-0.3073-0.4281l0.011-1.2291     c0,0.1431,0.0988,0.2963,0.2963,0.4174l10.1169,5.8373c0.406,0.2304,1.0534,0.2304,1.4484,0l13.3978-7.7796     C100.5713,80.1747,100.67,80.0322,100.67,79.879z" fill="#2A2A5E"/></g>
+	<g><path d="M100.368,79.4555c0.4023,0.2322,0.4044,0.6068,0.0049,0.839l-3.3842,1.9667L85.417,75.5803l3.3842-1.9667     c0.3996-0.2322,1.0495-0.2303,1.4485,0.0001L100.368,79.4555z" fill="#4C4A8B"/></g></g><g
+	enable-background="new    "><g><polygon fill="#B6CBEA" points="91.0621,79.7388 90.308,80.1771 88.8222,79.3192 89.5763,78.881    "/></g>
+	<g><polygon fill="#B6CBEA" points="93.1935,80.9693 92.4393,81.4076 90.9535,80.5498 91.7077,80.1115    "/></g>
+	<g><polygon fill="#7BB1FF" points="99.5902,79.9391 96.928,81.4862 86.8097,75.6444 89.4719,74.0973    "/></g>
+	<g><polygon fill="#B6CBEA" points="95.3249,82.1999 94.5707,82.6382 93.0849,81.7803 93.8391,81.342    "/></g></g><g><polygon fill="#DEE7F8" points="81.3043,80.4711 79.8282,81.329 78.3424,80.4711 79.8185,79.6133   "/></g><g><polygon fill="#A6C2FF" points="87.5803,79.293 86.1042,80.1509 84.6184,79.2931 86.0946,78.4352   "/></g><g><polygon fill="#DEE7F8" points="81.3632,82.906 79.8871,83.7639 78.4013,82.9061 79.8775,82.0482   "/></g><g><polygon fill="#6B9EF9" points="89.8298,85.3933 86.2812,87.4555 84.7954,86.5977 88.344,84.5355   "/></g><g><polygon fill="#6B9EF9" points="85.626,85.3671 84.1498,86.2249 82.664,85.3671 84.1402,84.5093   "/></g><g><polygon fill="#DEE7F8" points="83.4946,84.1366 82.0185,84.9944 80.5327,84.1366 82.0088,83.2787   "/></g><g><polygon fill="#DEE7F8" points="87.6984,84.1627 86.2222,85.0206 84.7365,84.1628 86.2126,83.3049   "/></g><g><polygon fill="#DEE7F8" points="85.567,82.9322 84.0909,83.79 82.6051,82.9322 84.0812,82.0744   "/></g><g><polygon fill="#DEE7F8" points="83.4357,81.7017 81.9595,82.5595 80.4737,81.7017 81.9499,80.8438   "/></g><g><polygon fill="#DEE7F8" points="85.5079,80.4974 84.0318,81.3552 82.546,80.4974 84.0221,79.6396   "/></g><g><polygon fill="#DEE7F8" points="83.3766,79.2669 81.9004,80.1247 80.4146,79.2669 81.8908,78.409   "/></g><g><polygon fill="#A6C2FF" points="85.449,78.0625 83.9728,78.9203 82.487,78.0625 83.9632,77.2047   "/></g><g><polygon fill="#DEE7F8" points="79.2319,81.6755 77.7557,82.5333 76.27,81.6755 77.7461,80.8177   "/></g><g><polygon fill="#DEE7F8" points="87.6393,81.7279 86.1631,82.5858 84.6773,81.728 86.1535,80.8701   "/></g><g><polygon fill="#DEE7F8" points="89.7706,82.9585 88.2945,83.8163 86.8087,82.9585 88.2849,82.1007   "/></g><g><polygon fill="#6B9EF9" points="93.9744,82.9847 92.4983,83.8425 91.0125,82.9847 92.4886,82.1268   "/></g><g><polygon fill="#DEE7F8" points="91.843,81.7541 90.3669,82.612 88.8811,81.7542 90.3573,80.8963   "/></g><g><polygon fill="#DEE7F8" points="89.7117,80.5236 88.2355,81.3814 86.7498,80.5236 88.2259,79.6658   "/></g><g><polygon fill="#B6CBEA" points="86.7994,77.2777 86.0453,77.716 84.5595,76.8582 85.3136,76.4199   "/></g><g><polygon fill="#B6CBEA" points="88.9308,78.5082 88.1766,78.9465 86.6908,78.0887 87.445,77.6504   "/></g><g><polygon fill="#6B9EF9" points="91.902,84.189 90.4259,85.0469 88.94,84.189 90.4162,83.3312   "/></g><path
+	d="M50.2985,59.1353c-0.0313-0.1073-0.1201-0.1289-0.1981-0.048l-3.7409,3.8847   c-0.0779,0.0812-0.1159,0.2342-0.0846,0.3416l0.8881,3.0483c0.0313,0.1073,0.12,0.1284,0.1979,0.0475l3.7409-3.8847   c0.0779-0.0809,0.1161-0.2337,0.0848-0.341L50.2985,59.1353z"
+	fill="#FFFFFF" /><path
+	d="M34.6705,76.9374l1.1581-0.6241c0.6797,0.844,1.0954,0.5163,2.0635,0.4826   c0.954-0.0104,0.6063,0.536,0.6063,0.536c-0.3278,0.492-0.9973,0.8151-1.3893,0.9738c-0.1855,0.0728-0.3708,0.1008-0.555,0.1178   c-0.1562,0.0144-0.5564,0.0924-0.7152,0.1347c0.0014,0.0276-0.0131,0.2682-0.0128,0.307c0.0027,0.0554-1.3056,0.5861-1.4706,0.1841   c-0.0357-0.0858-0.0391-0.4747-0.0251-0.7096c-0.0022-0.0612,0.0025-0.1116,0.0057-0.1453   C34.3906,77.5663,34.6705,76.9374,34.6705,76.9374z"
+	fill="#3A3D4C" /><path
+	d="M36.4086,58.5555c-0.2895,0.4278-1.7136,2.645-1.1879,5.1749c0.267,1.2859,0.4063,2.2491,0.3377,3.414   c-0.0566,0.9591-0.2466,1.9166-0.4962,2.8703c-0.7682,2.935-0.3783,7.1242-0.3783,7.1242c0.821,0.1695,1.4672,0.3322,1.9066-0.2778   c0.0394-0.8511,0.7986-4.633,1.1699-6.4426c0.1292-0.6296,0.3101-1.2507,0.567-1.8567c2.0416-4.8155,2.1856-8.6441,2.1856-8.6441   L36.4086,58.5555z"
+	fill="#505366" /><path
+	d="M42.2617,78.5631l1.483-0.5172c1.1642,0.9067,1.6714,0.6174,3.0295,0.6731   c1.3439,0.0777,0.9859,0.592,0.9859,0.592c-0.3432,0.4618-1.2097,0.7231-1.7244,0.8456c-0.2441,0.0557-0.4988,0.0666-0.7547,0.0666   c-0.2169,0-0.7629,0.041-0.9767,0.0687c0.0087,0.0277,0.0466,0.267,0.0565,0.3059c0.0172,0.0557-1.7005,0.4656-2.0309,0.0483   c-0.0712-0.0891-0.1705-0.4784-0.2078-0.712c-0.0179-0.0614-0.0235-0.1114-0.0273-0.1448   C42.0194,79.1662,42.2617,78.5631,42.2617,78.5631z"
+	fill="#3A3D4C" /><path
+	d="M43.7358,70.1004c0.8725-4.8163,0.0873-9.249,0.0873-9.249l-5.26-1.5572   c-0.1856,0.4278-1.2704,2.8968-0.0029,5.2704c0.6643,1.244,1.4343,2.5578,1.6834,3.7868c0.2117,1.0447,0.5857,2.2651,0.5782,3.3068   c-0.0209,2.929,1.3526,7.0191,1.3526,7.0191c0.8621,0.1698,1.5398,0.0875,1.8311-0.5226c-0.1672-0.8508-0.318-4.3882-0.386-6.1979   C43.5959,71.3273,43.6261,70.7062,43.7358,70.1004z"
+	fill="#5B5D70" /><g><g><g><g><path d="M37.4837,46.8243c0.7054-0.8145,0.6566-1.8925,0.6566-1.8925l0.7795-2.0874       c0,0,3.5764-1.8894,4.2008-1.5363c0.6627,0.3748-0.2189,3.4751-0.2189,3.4751c-0.0664,0.7163-0.3787,0.9627-0.3787,0.9627       l-1.5452,0.7043l-0.4313,1.1772C40.5466,47.6274,36.7783,47.6388,37.4837,46.8243z" fill="#ECB4BF"/><path
+	d="M43.8407,40.6649c-2.2559-1.3152-3.6406-0.9174-4.0929-0.8502       c-0.9497,0.1405-2.1898,0.6748-1.9465,2.3975c0.2432,1.7224-0.1506,3.619,1.3774,3.372       c1.5281-0.2469,1.6063-0.5797,1.6063-0.5797s-0.2342-1.5575,0.3259-1.4116c0.5599,0.1462,0.6997,0.3783,0.6521,1.003       c-0.0048,0.0615-0.0071,0.1289-0.0098,0.196l0.6062-0.5123c0.0914-0.6997,0.1603-0.726,0.1603-0.726       s0.5288-1.776,1.3537-2.2894C44.0441,41.158,44.0396,40.7808,43.8407,40.6649z"
+	fill="#4C4A8B" /></g><path
+	d="M40.2267,58.1521c-0.0056,0.4492-0.5546,0.7985-0.9206,0.9594l-3.7266-4.5364      c-0.2107-0.2605-0.3438-0.5711-0.3771-0.9039c-0.2218-2.0019-0.0832-5.4957,0-6.2498c0,0,0.3106-2.0187,2.2237-1.7966      c1.4419,0.1663,0.4714,5.1296,0.2773,7.0427C37.648,53.222,40.2267,58.1521,40.2267,58.1521z"
+	fill="#3887E5" /><path
+	d="M43.7908,52.821c0.1054-0.9959,0.1033-2.0038-0.0841-2.9878c-0.0866-0.4546-0.2069-0.8719-0.3735-1.1232      c-0.1077-0.1627-0.2457-0.3003-0.4016-0.4175l-2.0611-1.5516c-1.0851,0.287-2.6984-0.0631-2.8132-1.0739      c0,0-3.5425-0.7406-2.71,3.91c0.6775,3.818,0.666,6.0457,0.6775,7.7565c0,0.844,0.1556,0.4424-0.0173,1.2632      c-0.896,4.2556,7.8155,2.2547,7.8155,2.2547C43.6997,59.1826,43.5573,55.0273,43.7908,52.821z"
+	fill="#6B9EF9" /></g></g></g><path
+	d="M48.5892,61.501c-0.411-0.291-0.3792-0.4268-0.3186-0.5136l0.2106-0.2185l0.1016-0.1055   c-0.0083-0.0313-0.2339-0.1906-0.2808-0.2108c-0.8266-0.3685-1.0344-0.1284-1.1964-0.1474c-0.1619-0.0187-0.384-0.235-0.4025-0.247   l-0.6464,0.5357l0.1346,0.0794c0.1636,0.0971,0.2682,0.2601,0.2986,0.4445c0.1092,0.6628,0.7894,1.3002,1.1849,1.5396   c0.1133,0.0642,0.1825,0.0817,0.2246,0.0768c0.284,0.115,1.3858-0.4941,1.257-0.5986C49.1496,62.115,49.2055,61.954,48.5892,61.501   z"
+	fill="#ECB4BF" /><path
+	d="M41.0517,50.143c0,0-0.0954-1.971,1.7493-1.7365c1.4329,0.1824,1.2847,4.7346,1.3054,6.6451   c0.0062,0.5555,3.1067,5.1345,3.1067,5.1345c0.0455,0.4468-0.4595,0.8552-0.8038,1.0521l-4.188-4.0651   c-0.2364-0.234-0.4009-0.5252-0.4745-0.8496C41.3036,54.3691,41.0532,50.8971,41.0517,50.143z"
+	fill="#3887E5" /></g></svg>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/img/logo-r.png b/src/frontend/admin/src/assets/img/logo-r.png
new file mode 100644
index 00000000..9f8fba91
Binary files /dev/null and b/src/frontend/admin/src/assets/img/logo-r.png differ
diff --git a/src/frontend/admin/src/assets/img/logo.png b/src/frontend/admin/src/assets/img/logo.png
new file mode 100644
index 00000000..7a2fb283
Binary files /dev/null and b/src/frontend/admin/src/assets/img/logo.png differ
diff --git a/src/frontend/admin/src/assets/img/no-widgets.svg b/src/frontend/admin/src/assets/img/no-widgets.svg
new file mode 100644
index 00000000..52b529e1
--- /dev/null
+++ b/src/frontend/admin/src/assets/img/no-widgets.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+	 viewBox="0 0 750 750" style="enable-background:new 0 0 750 750;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.35;fill:#B3B3B3;}
+	.st1{opacity:0.1;fill:#B3B3B3;}
+	.st2{opacity:0.3;fill:#B3B3B3;}
+	.st3{opacity:0.1;}
+	.st4{fill:#B3B3B3;}
+</style>
+	<g>
+	<path class="st0" d="M465.1,261.4H264c-1.3,0-2.4,1.1-2.4,2.4v255.6c0,1.3,1.1,2.4,2.4,2.4h201.1c1.3,0,2.4-1.1,2.4-2.4V263.8
+		C467.5,262.4,466.4,261.4,465.1,261.4z M417.9,443c0,1.3-1.1,2.4-2.4,2.4h-102c-1.3,0-2.4-1.1-2.4-2.4v-11.3c0-1.3,1.1-2.4,2.4-2.4
+		h102c1.3,0,2.4,1.1,2.4,2.4V443z M417.9,397.2c0,1.3-1.1,2.4-2.4,2.4h-102c-1.3,0-2.4-1.1-2.4-2.4v-11.3c0-1.3,1.1-2.4,2.4-2.4h102
+		c1.3,0,2.4,1.1,2.4,2.4V397.2z M417.9,351.5c0,1.3-1.1,2.4-2.4,2.4h-102c-1.3,0-2.4-1.1-2.4-2.4v-11.3c0-1.3,1.1-2.4,2.4-2.4h102
+		c1.3,0,2.4,1.1,2.4,2.4V351.5z" />
+		<g>
+		<path class="st1" d="M462.1,236.8L462.1,236.8C384.8,236.2,321,295.1,314,370.7c-18.5-19.1-44.4-31.1-73.1-31.3h0
+			c-56.8-0.4-103.2,45.3-103.6,102.1l-0.8,101.4l175.6,1.3l30.1,0.2l265.1,2l1.2-160.9C609.2,304,543.6,237.4,462.1,236.8z" />
+			<path class="st2" d="M216.9,227.4c-3.4,0-6.5,1.1-9,2.9c0.2-1,0.3-2,0.3-3c0.1-8.3-6.6-15.1-15-15.2s-15.1,6.6-15.2,15
+			c0,0.3,0,0.6,0,0.9c-1.6-0.6-3.4-1-5.2-1c-8.3-0.1-15.1,6.6-15.2,15c-0.1,8.2,6.4,14.9,14.5,15.2l0,0l44.6,0.3
+			c8.3,0.1,15.1-6.6,15.2-15S225.2,227.5,216.9,227.4z" />
+			<path class="st2" d="M596.4,194.2c-3.4,0-6.5,1.1-9,2.9c0.2-1,0.3-2,0.3-3c0.1-8.3-6.6-15.1-15-15.2s-15.1,6.6-15.2,15
+			c0,0.3,0,0.6,0,0.9c-1.6-0.6-3.4-1-5.2-1c-8.3-0.1-15.1,6.6-15.2,15c-0.1,8.2,6.4,14.9,14.5,15.2l0,0l44.6,0.3
+			c8.3,0.1,15.1-6.6,15.2-15S604.7,194.3,596.4,194.2z" />
+			<g>
+			<g class="st3">
+				<path class="st4" d="M496.9,497.5c-2.1,0-3.7,1.6-3.7,3.7c0,1.5,0.8,2.7,2,3.3l-0.5,65.1l3.5,0l0.5-65.3
+					c1.1-0.6,1.8-1.8,1.8-3.1C500.6,499.1,499,497.6,496.9,497.5z" />
+				<path class="st4" d="M572.3,501.7c0-1.9-1.6-3.6-3.7-3.7c-2.1,0-3.7,1.6-3.7,3.7c0,1.4,0.8,2.6,1.9,3.2l-0.5,65.2l3.5,0
+					l0.5-65.2C571.5,504.3,572.2,503.1,572.3,501.7z" />
+			</g>
+				<rect x="522.7" y="472.2" transform="matrix(7.448311e-03 -1 1 7.448311e-03 8.6828 1045.4733)" class="st1" width="16.5"
+					  height="92.3" />
+				<polygon class="st1" points="495.4,509.8 495.2,510.1 485.5,526.3 484.8,526.3 484.9,509.8 			" />
+				<polygon class="st1" points="518.7,510 508.8,526.5 496.3,526.4 500.2,519.8 506,509.9 			" />
+				<polygon class="st1" points="542,510.2 532.1,526.6 519.6,526.5 529.3,510.1 			" />
+				<polygon class="st1" points="565.3,510.4 555.5,526.8 542.9,526.7 552.7,510.3 			" />
+				<polygon class="st1" points="577.2,510.4 577.1,527 566.2,526.9 576,510.4 			" />
+				<rect x="522.5" y="497.7" transform="matrix(7.448311e-03 -1 1 7.448311e-03 -17.0149 1070.603)" class="st1" width="16.5"
+					  height="92.3" />
+				<polygon class="st1" points="495.2,535.3 495,535.6 485.3,551.8 484.6,551.8 484.7,535.3 			" />
+				<polygon class="st1" points="518.5,535.5 508.6,552 496.1,551.9 500,545.3 505.8,535.4 			" />
+				<polygon class="st1" points="541.8,535.7 531.9,552.1 519.4,552 529.1,535.6 			" />
+				<polygon class="st1" points="565.1,535.9 555.4,552.3 542.7,552.2 552.5,535.8 			" />
+				<polygon class="st1" points="577,536 576.9,552.5 566,552.4 575.8,536 			" />
+				<path class="st1" d="M577.1,527c0,0,0-0.1,0-0.3l0-0.9c0-0.7,0-1.8,0-3.2c0-2.8,0.1-6.9,0.1-12.2l0.1,0.1l-92.3-0.5l0,0l0.1-0.1
+				c0,5.6-0.1,11.2-0.1,16.5l-0.1-0.1l65.8,0.6l19.5,0.1l5.3,0l0,0l-5.3,0l-19.5-0.1l-65.8-0.3l-0.3,0l0.1-16.8l0.1,0l92.3,0.8
+				l0.1,0l0,0.1c0,5.3-0.1,9.4-0.1,12.2c0,1.5,0,2.5,0,3.2l0,0.7C577.1,526.8,577.1,527,577.1,527z" />
+				<path class="st1" d="M576.9,552.5c0,0,0-0.1,0-0.3l0-0.9c0-0.7,0-1.8,0-3.2c0-2.8,0.1-6.9,0.1-12.2l0.1,0.1l-92.3-0.5l0,0
+				l0.1-0.1c0,5.6-0.1,11.2-0.1,16.5l-0.1-0.1l65.8,0.6l19.5,0.1l5.3,0l0,0l-5.3,0l-19.5-0.1l-65.8-0.3l-0.3,0l0.1-16.7l0.1,0
+				l92.3,0.8l0.1,0l0,0.1c0,5.3-0.1,9.4-0.1,12.2c0,1.5,0,2.5,0,3.2l0,0.7C576.9,552.3,576.9,552.5,576.9,552.5z" />
+		</g>
+	</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/frontend/admin/src/assets/img/tasks-example.png b/src/frontend/admin/src/assets/img/tasks-example.png
new file mode 100644
index 00000000..0f135913
Binary files /dev/null and b/src/frontend/admin/src/assets/img/tasks-example.png differ
diff --git a/src/frontend/admin/src/assets/img/ver.svg b/src/frontend/admin/src/assets/img/ver.svg
new file mode 100644
index 00000000..7122258a
--- /dev/null
+++ b/src/frontend/admin/src/assets/img/ver.svg
@@ -0,0 +1,238 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+	 viewBox="0 0 456 262.1" style="enable-background:new 0 0 456 262.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.4;fill:url(#SVGID_1_);enable-background:new    ;}
+	.st1{opacity:0.7;}
+	.st2{opacity:0.4;fill:url(#SVGID_2_);enable-background:new    ;}
+	.st3{opacity:0.4;fill:url(#SVGID_3_);enable-background:new    ;}
+	.st4{opacity:0.4;fill:url(#SVGID_4_);enable-background:new    ;}
+	.st5{opacity:0.4;fill:url(#SVGID_5_);enable-background:new    ;}
+	.st6{opacity:0.6;}
+	.st7{fill:#0073CD;}
+	.st8{fill:#40A8F5;}
+	.st9{fill:#53B9F5;}
+	.st10{fill:#85D3FF;}
+	.st11{fill:#8CD7FF;}
+	.st12{fill:#EBFCFF;}
+	.st13{fill:none;stroke:url(#SVGID_6_);stroke-width:2;stroke-miterlimit:10;}
+	.st14{fill:none;stroke:url(#SVGID_7_);stroke-width:2;stroke-miterlimit:10;}
+	.st15{fill:none;stroke:url(#SVGID_8_);stroke-width:2;stroke-miterlimit:10;}
+	.st16{fill:none;stroke:url(#SVGID_9_);stroke-width:2;stroke-miterlimit:10;}
+	.st17{fill:none;stroke:url(#SVGID_10_);stroke-width:2;stroke-miterlimit:10;}
+	.st18{fill:none;stroke:url(#SVGID_11_);stroke-width:2;stroke-miterlimit:10;}
+</style>
+	<title>升级中</title>
+	<g id="图层_2_1_">
+	<g id="图层_1-2">
+
+			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="232.745" y1="39.57" x2="232.745" y2="1.88"
+							gradientTransform="matrix(1 0 0 -1 0 264)">
+			<stop offset="0" style="stop-color:#81CFFF" />
+				<stop offset="1" style="stop-color:#5ECFFF;stop-opacity:0" />
+		</linearGradient>
+		<path class="st0" d="M412.3,262.1c-23-23-61-37.7-179.5-37.7S76.2,239.1,53.2,262.1H412.3z" />
+		<g class="st1">
+
+				<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="349.365" y1="237.3224" x2="349.365" y2="59.9676"
+								gradientTransform="matrix(1 0 0 -1 0 264)">
+				<stop offset="0" style="stop-color:#81CFFF" />
+					<stop offset="1" style="stop-color:#5ECFFF;stop-opacity:0" />
+			</linearGradient>
+			<path class="st2" d="M380.7,26.7h-62.6c-1.5-0.1-2.8,1.1-2.8,2.6v172.2c0.1,1.5,1.3,2.7,2.8,2.6h62.6c1.5,0.1,2.7-1.1,2.8-2.6
+				V29.3C383.4,27.8,382.2,26.6,380.7,26.7z M328.3,147c0,0.5-0.4,0.9-0.9,0.9c0,0,0,0,0,0h-3.6c-0.5,0-0.9-0.4-0.9-0.8c0,0,0,0,0,0
+				v-19.7c0-0.5,0.4-0.9,0.9-0.9c0,0,0,0,0,0h3.6c0.5,0,0.9,0.4,0.9,0.9c0,0,0,0,0,0V147z M328.3,116.8c0,0.5-0.4,0.9-0.9,0.9
+				c0,0,0,0,0,0h-3.6c-0.5,0-0.9-0.4-0.9-0.9c0,0,0,0,0,0V97c0-0.5,0.4-0.9,0.9-0.9c0,0,0,0,0,0h3.6c0.5,0,0.9,0.4,0.9,0.9
+				c0,0,0,0,0,0V116.8z M328.3,86.5c0,0.5-0.4,0.9-0.9,0.9c0,0,0,0,0,0h-3.6c-0.5,0-0.9-0.4-0.9-0.9c0,0,0,0,0,0V66.8
+				c0-0.5,0.4-0.9,0.9-0.9c0,0,0,0,0,0h3.6c0.5,0,0.9,0.4,0.9,0.9c0,0,0,0,0,0V86.5z M328.3,56.3c0,0.5-0.4,0.9-0.9,0.9c0,0,0,0,0,0
+				h-3.6c-0.5,0-0.9-0.4-0.9-0.9c0,0,0,0,0,0V36.6c0-0.5,0.4-0.9,0.9-0.9c0,0,0,0,0,0h3.6c0.5,0,0.9,0.4,0.9,0.9c0,0,0,0,0,0V56.3z
+				 M340,147c0,0.5-0.4,0.9-0.9,0.9c0,0,0,0,0,0h-3.6c-0.5,0-0.9-0.4-0.9-0.9c0,0,0,0,0,0v-19.7c0-0.5,0.4-0.9,1-0.9h3.6
+				c0.5,0,0.9,0.4,0.9,0.9V147z M340,116.8c0,0.5-0.4,0.9-0.9,0.9h-3.6c-0.5,0-0.9-0.4-1-0.9V97c0-0.5,0.4-0.9,1-0.9h3.6
+				c0.5,0,0.9,0.4,0.9,0.9V116.8z M340,86.5c0,0.5-0.4,0.9-0.9,0.9h-3.6c-0.5,0-0.9-0.4-1-0.9V66.8c0-0.5,0.4-0.9,1-0.9h3.6
+				c0.5,0,0.9,0.4,0.9,0.9V86.5z M340,56.3c0,0.5-0.4,0.9-0.9,0.9h-3.6c-0.5,0-0.9-0.4-1-0.9V36.6c0-0.5,0.4-0.9,1-0.9h3.6
+				c0.5,0,0.9,0.4,0.9,0.9V56.3z M351.7,147c0,0.5-0.4,0.9-0.9,0.9c0,0,0,0,0,0h-3.6c-0.5,0-0.9-0.4-0.9-0.9c0,0,0,0,0,0v-19.7
+				c0-0.5,0.4-0.9,0.9-0.9h3.6c0.5,0,0.9,0.4,0.9,0.9V147z M351.7,116.8c0,0.5-0.4,0.9-0.9,0.9h-3.6c-0.5,0-0.9-0.4-0.9-0.9V97
+				c0-0.5,0.4-0.9,0.9-0.9h3.6c0.5,0,0.9,0.4,0.9,0.9V116.8z M351.7,86.5c0,0.5-0.4,0.9-0.9,0.9h-3.6c-0.5,0-0.9-0.4-0.9-0.9V66.8
+				c0-0.5,0.4-0.9,0.9-0.9h3.6c0.5,0,0.9,0.4,0.9,0.9V86.5z M351.7,56.3c0,0.5-0.4,0.9-0.9,0.9h-3.6c-0.5,0-0.9-0.4-0.9-0.9V36.6
+				c0-0.5,0.4-0.9,0.9-0.9h3.6c0.5,0,0.9,0.4,0.9,0.9V56.3z M363.4,147c0,0.5-0.4,0.9-0.9,0.9c0,0,0,0,0,0h-3.6
+				c-0.5,0-0.9-0.4-0.9-0.9c0,0,0,0,0,0v-19.7c0-0.5,0.4-0.9,0.9-0.9h3.6c0.5,0,0.9,0.4,0.9,0.9V147z M363.4,116.8
+				c0,0.5-0.4,0.9-0.9,0.9h-3.6c-0.5,0-0.9-0.4-0.9-0.9V97c0-0.5,0.4-0.9,0.9-0.9h3.6c0.5,0,0.9,0.4,0.9,0.9V116.8z M363.4,86.5
+				c0,0.5-0.4,0.9-0.9,0.9h-3.6c-0.5,0-0.9-0.4-0.9-0.9V66.8c0-0.5,0.4-0.9,0.9-0.9h3.6c0.5,0,0.9,0.4,0.9,0.9V86.5z M363.4,56.3
+				c0,0.5-0.4,0.9-0.9,0.9h-3.6c-0.5,0-0.9-0.4-0.9-0.9V36.6c0-0.5,0.4-0.9,0.9-0.9h3.6c0.5,0,0.9,0.4,0.9,0.9V56.3z M375.1,147
+				c0,0.5-0.4,0.9-0.9,0.9c0,0,0,0,0,0h-3.6c-0.5,0-0.9-0.4-0.9-0.9c0,0,0,0,0,0v-19.7c0-0.5,0.4-0.9,0.9-0.9h3.6
+				c0.5,0,0.9,0.4,1,0.9V147z M375.1,116.8c0,0.5-0.4,0.9-1,0.9h-3.6c-0.5,0-0.9-0.4-0.9-0.9V97c0-0.5,0.4-0.9,0.9-0.9h3.6
+				c0.5,0,0.9,0.4,1,0.9V116.8z M375.1,86.5c0,0.5-0.4,0.9-1,0.9h-3.6c-0.5,0-0.9-0.4-0.9-0.9V66.8c0-0.5,0.4-0.9,0.9-0.9h3.6
+				c0.5,0,0.9,0.4,1,0.9V86.5z M375.1,56.3c0,0.5-0.4,0.9-1,0.9h-3.6c-0.5,0-0.9-0.4-0.9-0.9V36.6c0-0.5,0.4-0.9,0.9-0.9h3.6
+				c0.5,0,0.9,0.4,1,0.9V56.3z" />
+			<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="201.46" y1="208.3924" x2="201.46" y2="59.9976"
+							gradientTransform="matrix(1 0 0 -1 0 264)">
+				<stop offset="0" style="stop-color:#81CFFF" />
+				<stop offset="1" style="stop-color:#5ECFFF;stop-opacity:0" />
+			</linearGradient>
+			<path class="st3" d="M231.1,55.6h-59.3c-1.5-0.1-2.7,1.1-2.8,2.6v143.2c0.1,1.5,1.3,2.6,2.8,2.6h59.3c1.5,0.1,2.8-1.1,2.8-2.6
+				V58.2C233.9,56.7,232.6,55.5,231.1,55.6z M182.5,159.4c0,0.6-0.6,1.1-1.2,1.1h-5.4c-0.6,0-1.2-0.5-1.2-1.1v-5.2
+				c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h5.4c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0V159.4z M182.5,146.5c0,0.6-0.6,1.1-1.2,1.1
+				c0,0,0,0,0,0h-5.4c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0v-5.2c0-0.6,0.6-1.1,1.2-1.1h5.4c0.6,0,1.2,0.5,1.2,1.1V146.5z
+				 M182.5,133.6c0,0.6-0.6,1.1-1.2,1.1h-5.4c-0.6,0-1.2-0.5-1.2-1.1v-5.2c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h5.4
+				c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0V133.6z M182.5,120.7c0,0.6-0.6,1.1-1.2,1.1c0,0,0,0,0,0h-5.4c-0.6,0-1.2-0.5-1.2-1.1
+				c0,0,0,0,0,0v-5.2c0-0.6,0.6-1.1,1.2-1.1h5.4c0.6,0,1.2,0.5,1.2,1.1V120.7z M182.5,107.8c0,0.6-0.6,1.1-1.2,1.1h-5.4
+				c-0.6,0-1.2-0.5-1.2-1.1v-5.2c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h5.4c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0V107.8z M182.5,94.9
+				c0,0.6-0.6,1.1-1.2,1.1c0,0,0,0,0,0h-5.4c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0v-5.2c0-0.6,0.6-1.1,1.2-1.1h5.4
+				c0.6,0,1.2,0.5,1.2,1.1V94.9z M182.5,82.1c0,0.6-0.6,1.1-1.2,1.1h-5.4c-0.6,0-1.2-0.5-1.2-1.1v-5.2c0-0.6,0.6-1.1,1.2-1.1
+				c0,0,0,0,0,0h5.4c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0V82.1z M182.5,69.2c0,0.6-0.6,1.1-1.2,1.1c0,0,0,0,0,0h-5.4
+				c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0V64c0-0.6,0.6-1.1,1.2-1.1h5.4c0.6,0,1.2,0.5,1.2,1.1V69.2z M192.6,159.4
+				c0,0.6-0.6,1.1-1.2,1.1H186c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0v-5.2c0-0.6,0.6-1.1,1.2-1.1h5.4c0.6,0,1.2,0.5,1.2,1.1
+				c0,0,0,0,0,0L192.6,159.4z M192.6,146.5c0,0.6-0.6,1.1-1.2,1.1c0,0,0,0,0,0H186c-0.6,0-1.2-0.5-1.2-1.1v-5.2
+				c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h5.4c0.6,0,1.2,0.5,1.2,1.1L192.6,146.5z M192.6,133.6c0,0.6-0.6,1.1-1.2,1.1H186
+				c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0v-5.2c0-0.6,0.6-1.1,1.2-1.1h5.4c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0L192.6,133.6z
+				 M192.6,120.7c0,0.6-0.6,1.1-1.2,1.1c0,0,0,0,0,0H186c-0.6,0-1.2-0.5-1.2-1.1v-5.2c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h5.4
+				c0.6,0,1.2,0.5,1.2,1.1L192.6,120.7z M192.6,107.8c0,0.6-0.6,1.1-1.2,1.1H186c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0v-5.2
+				c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h5.4c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0L192.6,107.8z M192.6,94.9c0,0.6-0.6,1.1-1.2,1.1
+				c0,0,0,0,0,0H186c-0.6,0-1.2-0.5-1.2-1.1v-5.2c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h5.4c0.6,0,1.2,0.5,1.2,1.1L192.6,94.9z
+				 M192.6,82.1c0,0.6-0.6,1.1-1.2,1.1H186c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0v-5.2c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h5.4
+				c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0L192.6,82.1z M192.6,69.2c0,0.6-0.6,1.1-1.2,1.1c0,0,0,0,0,0H186c-0.6,0-1.2-0.5-1.2-1.1V64
+				c0-0.6,0.5-1.2,1.2-1.2c0,0,0,0,0,0h5.4c0.6,0,1.2,0.5,1.2,1.1L192.6,69.2z M202.6,159.4c0,0.6-0.6,1.1-1.2,1.1c0,0,0,0,0,0H196
+				c-0.6,0-1.2-0.5-1.2-1.1v-5.2c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h5.4c0.6,0,1.2,0.5,1.2,1.1L202.6,159.4z M202.6,146.5
+				c0,0.6-0.6,1.1-1.2,1.1H196c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0v-5.2c0-0.6,0.6-1.1,1.2-1.1h5.4c0.6,0,1.2,0.5,1.2,1.1
+				c0,0,0,0,0,0L202.6,146.5z M202.6,133.6c0,0.6-0.6,1.1-1.2,1.1c0,0,0,0,0,0H196c-0.6,0-1.2-0.5-1.2-1.1v-5.2
+				c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h5.4c0.6,0,1.2,0.5,1.2,1.1L202.6,133.6z M202.6,120.7c0,0.6-0.6,1.1-1.2,1.1H196
+				c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0v-5.2c0-0.6,0.6-1.1,1.2-1.1h5.4c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0L202.6,120.7z
+				 M202.6,107.8c0,0.6-0.6,1.1-1.2,1.1c0,0,0,0,0,0H196c-0.6,0-1.2-0.5-1.2-1.1v-5.2c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h5.4
+				c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0L202.6,107.8z M202.6,94.9c0,0.6-0.6,1.1-1.2,1.1H196c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0
+				v-5.2c0-0.6,0.6-1.1,1.2-1.1h5.4c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0L202.6,94.9z M202.6,82.1c0,0.6-0.6,1.1-1.2,1.1c0,0,0,0,0,0
+				H196c-0.6,0-1.2-0.5-1.2-1.1v-5.2c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h5.4c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0L202.6,82.1z
+				 M202.6,69.2c0,0.6-0.6,1.1-1.2,1.1H196c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0V64c0-0.6,0.6-1.1,1.2-1.1h5.4c0.6,0,1.2,0.4,1.2,1.1
+				c0,0,0,0,0,0V69.2z M227.8,159.4c0,0.6-0.6,1.1-1.2,1.1h-20.5c-0.6,0-1.2-0.5-1.2-1.1v-5.2c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0
+				h20.5c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0L227.8,159.4z M227.8,146.5c0,0.6-0.6,1.1-1.2,1.1c0,0,0,0,0,0h-20.5
+				c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0v-5.2c0-0.6,0.6-1.1,1.2-1.1h20.5c0.6,0,1.2,0.5,1.2,1.1L227.8,146.5z M227.8,133.6
+				c0,0.6-0.6,1.1-1.2,1.1h-20.5c-0.6,0-1.2-0.5-1.2-1.1v-5.2c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h20.5c0.6,0,1.2,0.5,1.2,1.1
+				c0,0,0,0,0,0L227.8,133.6z M227.8,120.7c0,0.6-0.6,1.1-1.2,1.1c0,0,0,0,0,0h-20.5c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0v-5.2
+				c0-0.6,0.6-1.1,1.2-1.1h20.5c0.6,0,1.2,0.5,1.2,1.1L227.8,120.7z M227.8,107.8c0,0.6-0.6,1.1-1.2,1.1h-20.5
+				c-0.6,0-1.2-0.5-1.2-1.1v-5.2c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h20.5c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0L227.8,107.8z
+				 M227.8,94.9c0,0.6-0.6,1.1-1.2,1.1c0,0,0,0,0,0h-20.5c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0v-5.2c0-0.6,0.6-1.1,1.2-1.1h20.5
+				c0.6,0,1.2,0.5,1.2,1.1L227.8,94.9z M227.8,82.1c0,0.6-0.6,1.1-1.2,1.1h-20.5c-0.6,0-1.2-0.5-1.2-1.1v-5.2c0-0.6,0.6-1.1,1.2-1.1
+				c0,0,0,0,0,0h20.5c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0L227.8,82.1z M227.8,69.2c0,0.6-0.6,1.1-1.2,1.1c0,0,0,0,0,0h-20.5
+				c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0V64c0-0.6,0.6-1.1,1.2-1.1h20.5c0.6,0,1.2,0.5,1.2,1.1L227.8,69.2z" />
+			<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="122.975" y1="237.3228" x2="122.975" y2="59.9971"
+							gradientTransform="matrix(1 0 0 -1 0 264)">
+				<stop offset="0" style="stop-color:#81CFFF" />
+				<stop offset="1" style="stop-color:#5ECFFF;stop-opacity:0" />
+			</linearGradient>
+			<path class="st4" d="M161.1,26.7H84.8c-1.5-0.1-2.8,1.1-2.8,2.6c0,0,0,0,0,0v172.2c0.1,1.5,1.3,2.6,2.8,2.6h76.3
+				c1.5,0.1,2.8-1.1,2.8-2.6V29.3C163.9,27.8,162.6,26.6,161.1,26.7z M154.3,161c0,0.6-0.6,1.1-1.2,1.1H92.8c-0.6,0-1.2-0.5-1.2-1.1
+				c0,0,0,0,0,0v-5.2c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h60.3c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0V161z M154.3,146.3
+				c0,0.6-0.6,1.1-1.2,1.1c0,0,0,0,0,0H92.8c-0.6,0-1.2-0.5-1.2-1.1v-5.2c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h60.3
+				c0.6,0,1.2,0.5,1.2,1.1V146.3z M154.3,131.6c0,0.6-0.6,1.1-1.2,1.1H92.8c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0v-5.2
+				c0-0.6,0.6-1.1,1.2-1.1h60.3c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0V131.6z M154.3,117c0,0.6-0.6,1.1-1.2,1.1H92.8
+				c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0v-5.2c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h60.3c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0V117z
+				 M154.3,102.3c0,0.6-0.6,1.1-1.2,1.1c0,0,0,0,0,0H92.8c-0.6,0-1.2-0.5-1.2-1.1V97c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h60.3
+				c0.6,0,1.2,0.5,1.2,1.1V102.3z M154.3,87.6c0,0.6-0.6,1.1-1.2,1.1H92.8c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0v-5.3
+				c0-0.6,0.6-1.1,1.2-1.1h60.3c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0V87.6z M154.3,72.9c0,0.6-0.6,1.1-1.2,1.1H92.8
+				c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0v-5.3c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h60.3c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0V72.9z
+				 M154.3,58.3c0,0.6-0.6,1.1-1.2,1.1c0,0,0,0,0,0H92.8c-0.6,0-1.2-0.5-1.2-1.1V53c0-0.6,0.6-1.1,1.2-1.1c0,0,0,0,0,0h60.3
+				c0.6,0,1.2,0.5,1.2,1.1V58.3z M154.3,43.6c0,0.6-0.6,1.1-1.2,1.1H92.8c-0.6,0-1.2-0.5-1.2-1.1c0,0,0,0,0,0v-5.3
+				c0-0.6,0.6-1.1,1.2-1.1h60.3c0.6,0,1.2,0.5,1.2,1.1c0,0,0,0,0,0V43.6z" />
+			<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="273.51" y1="264" x2="273.51" y2="54.46"
+							gradientTransform="matrix(1 0 0 -1 0 264)">
+				<stop offset="0" style="stop-color:#81CFFF" />
+				<stop offset="1" style="stop-color:#5ECFFF;stop-opacity:0" />
+			</linearGradient>
+			<path class="st5" d="M306.2,0h-65.4c-1.4,0-2.5,1.2-2.4,2.6v204.4c-0.1,1.4,1,2.5,2.4,2.6c0,0,0,0,0,0h65.4
+				c1.4-0.1,2.5-1.2,2.4-2.6V2.6C308.7,1.2,307.6,0.1,306.2,0z M300.4,119.6c0,0.6-0.4,1.1-1,1.1h-51.7c-0.6,0-1-0.5-1-1.1v-5.2
+				c0-0.6,0.4-1.1,1-1.1h51.7c0.6,0,1,0.5,1,1.1L300.4,119.6z M300.4,90.3c0,0.6-0.4,1.1-1,1.1h-51.7c-0.6,0-1-0.5-1-1.1V85
+				c0-0.6,0.4-1.1,1-1.1h51.7c0.6,0,1,0.5,1,1.1L300.4,90.3z M300.4,60.9c0,0.6-0.4,1.1-1,1.1h-51.7c-0.6,0-1-0.5-1-1.1v-5.2
+				c0-0.6,0.4-1.1,1-1.1h51.7c0.6,0,1,0.5,1,1.1L300.4,60.9z M300.4,31.5c0,0.6-0.4,1.1-1,1.1h-51.7c-0.6,0-1-0.5-1-1.1v-5.2
+				c0-0.6,0.4-1.1,1-1.1h51.7c0.6,0,1,0.5,1,1.1L300.4,31.5z M300.4,16.9c0,0.6-0.4,1.1-1,1.1h-51.7c-0.6,0-1-0.5-1-1.1v-5.2
+				c0-0.6,0.4-1.1,1-1.1h51.7c0.6,0,1,0.5,1,1.1L300.4,16.9z" />
+		</g>
+		<g class="st6">
+			<path class="st7" d="M244.2,130.7c3.3,1.9,5.7,13.6,1,20.7c-5.3,6.8-7,9-6.1,14c-4.3-7.3-0.6-7.4-5.8-14.2
+				c-4.6-6.2-2.5-17.4,0.7-20.5C237.4,131.3,240.8,131.3,244.2,130.7L244.2,130.7z" />
+			<path class="st8" d="M280.4,211.9c-0.1,0.6-0.1,1.2-0.1,1.7c0,0.7,0.1,1.3,0.2,2c-2.1-0.8-4.3-1.2-6.5-1.2
+				c-2.6,0-5.2,0.6-7.5,1.7c-0.8-4.2-4.8-7-9-6.2c-2.8,0.5-5,2.5-5.9,5.2c-3.4-2.1-7.7-2-11.1,0.1c-0.4-5.7-4.1-0.8-9.8-0.8
+				c-6,0-11.8-4.4-11.8,1.7c0,1.1,0.2,2.2,0.4,3.2c-1.1,0.1-2.1,0.5-3,1c-0.9-7-6.8-12.4-13.9-12.7c22.6-10.3,22.4-44.6,24.8-74.6
+				c0.1-1.7,1.2-4.1,1.8-4.4l0,0c1.5,1.1,3.2,1.8,5.1,2.1c-3.2,3.1-5.4,14.3-0.7,20.5c5.3,6.8,1.6,6.9,5.8,14.2
+				c-0.9-5,0.8-7.2,6.1-14c4.8-7.2,2.3-18.8-1-20.7c1.8-0.3,3.6-1,5.1-2.1l0,0c0.6,0.3,1.7,2.7,1.8,4.4
+				C253.6,164.6,250.4,198.5,280.4,211.9z" />
+			<path class="st9" d="M303.3,203.2c-5.4,0-9.8,4.4-9.8,9.8c0,0.3,0,0.6,0,0.9c-1.5-1.7-3.7-2.6-6-2.5c-0.7,0-1.4,0.1-2.1,0.3
+				c0.7-1.3,1.1-2.8,1.1-4.3c-0.1-4.6-3.9-8.3-8.5-8.2c-4,0.1-7.4,3-8.1,6.9c-0.1,0.4-0.1,0.9-0.1,1.3c0,0.5,0,1,0.1,1.6
+				c-3.5-1.4-7.4-1.3-10.8,0.4c-0.7-3.2-3.9-5.3-7.2-4.6c-2,0.4-3.6,1.9-4.3,3.8c-1.3-0.8-2.7-1.2-4.2-1.2c-1.5,0-3.1,0.4-4.4,1.3
+				c-0.2-4.6-4.1-8.2-8.7-8s-8.2,4.1-8,8.7l0,0c0,0.8,0.1,1.7,0.3,2.5c-0.8,0.1-1.6,0.4-2.3,0.8c-0.7-5.4-5.2-9.6-10.7-9.8h-0.4
+				c-3.4,0-6.7,1.6-8.8,4.3c-3-6.2-10.4-8.9-16.7-5.9c-2.9,1.4-5.2,3.9-6.3,7c4.1,3,6.6,7.8,6.6,12.9c0,2.3-0.5,4.6-1.5,6.6
+				c2-2.2,4.8-3.4,7.8-3.4c0.9,0,1.8,0.1,2.7,0.3c-2.9-5-1.2-11.5,3.8-14.4c1.2-0.7,2.6-1.2,3.9-1.3c0.5-0.1,0.9-0.1,1.4-0.1
+				c5.8,0,10.6,4.7,10.6,10.6l0,0c0,0.6-0.1,1.3-0.2,1.9c4.4-1.7,9.3-1.6,13.6,0.4c0.9-4.1,4.9-6.7,9-5.8c2.6,0.6,4.7,2.4,5.5,4.9
+				c1.6-0.9,3.5-1.4,5.3-1.4c1.9,0,3.8,0.5,5.4,1.5l0.1,0.1c0.3-4.5,3.6-8.4,8-9.4c0.8-0.2,1.7-0.3,2.5-0.3
+				c5.8,0,10.6,4.7,10.6,10.6c0,1-0.2,2-0.4,3c1.1,0.1,2.1,0.5,3,1c1-7,7-12.1,14-12.1c1.5,0,3,0.2,4.4,0.7c2.6,0.8,5,2.5,6.7,4.6
+				c2.4-4.8,7-8.2,12.4-8.8C311.4,205.9,307.6,203.2,303.3,203.2z" />
+			<path class="st10" d="M314.4,209.9c-0.6,0-1.2,0-1.8,0.1c-5.4,0.6-10.1,3.9-12.5,8.7c-1.7-2.2-4-3.8-6.7-4.6
+				c-1.4-0.5-2.9-0.7-4.4-0.7c-7,0-13,5.2-14,12.1c-0.9-0.5-1.9-0.9-3-1c0.3-1,0.4-2,0.4-3c0-5.8-4.7-10.5-10.5-10.5
+				c-0.8,0-1.7,0.1-2.5,0.3c-4.4,1.1-7.7,4.9-8,9.4l-0.1-0.1c-1.6-1-3.5-1.5-5.4-1.5c-1.9,0-3.7,0.5-5.3,1.4c-1.4-3.9-5.7-6-9.6-4.6
+				c-2.5,0.9-4.3,3-4.9,5.5c-4.3-2-9.2-2.1-13.6-0.4c0.1-0.6,0.2-1.3,0.2-1.9c0-5.8-4.7-10.6-10.6-10.6l0,0c-0.5,0-0.9,0-1.4,0.1
+				c-5.8,0.8-9.9,6.1-9.1,11.8c0.2,1.4,0.6,2.7,1.3,3.9c-0.9-0.2-1.8-0.3-2.7-0.3c-2.9,0-5.8,1.2-7.8,3.4c1-2.1,1.5-4.3,1.5-6.6
+				c0-5.1-2.4-9.9-6.6-12.9l0,0c-7.1-5.2-17-3.6-22.2,3.5c-5.2,7.1-3.6,17,3.5,22.2c6.8,5,16.4,3.7,21.7-2.8
+				c-2.1,5.5,0.7,11.6,6.1,13.6c5.5,2.1,11.6-0.7,13.6-6.1c0.5-1.2,0.7-2.5,0.7-3.7c0-1.9,0.4-0.1,0.4,2.7c0,9.7,7.8,17.6,17.5,17.6
+				c9.7,0,17.6-7.8,17.6-17.5c0-2.4-0.5-4.8-1.4-7l0.5-0.1c0.5,5.8,5.7,10.1,11.5,9.5c5-0.5,9-4.4,9.5-9.4c1.7,1,3.6,1.6,5.5,1.6
+				c0.6,0,1.2,0,1.7-0.1v0.1c0,4.2,3.4,7.6,7.6,7.5c2.6,0,5-1.4,6.4-3.6c4.7,6.3,13.5,7.5,19.8,2.9c1.5-1.1,2.8-2.5,3.7-4.2
+				c4.9,7.3,14.8,9.1,22.1,4.2s9.1-14.8,4.2-22.1C324.5,212.5,319.6,209.9,314.4,209.9L314.4,209.9z" />
+		</g>
+		<path class="st11" d="M239.1,70c6.4,0,11.6,5.2,11.6,11.6c0,6.4-5.2,11.6-11.6,11.6c-6.4,0-11.6-5.2-11.6-11.6c0,0,0,0,0,0
+			C227.5,75.2,232.7,70,239.1,70z" />
+		<path class="st8" d="M239.1,137.2c8.3,0,13.5-1.7,16.6-7.9c0,3.2-1.5,6.2-4.1,8.1c-1.9,1.3-4,2.2-6.2,2.6c-4.1,0.8-8.4,0.8-12.5,0
+			c-2.2-0.4-4.3-1.3-6.2-2.6c-2.6-1.9-4.2-4.9-4.2-8.1C225.6,135.5,230.7,137.2,239.1,137.2z" />
+		<path class="st8" d="M288.4,151.7c0,0.5-0.3,0.8-0.8,0.8c-0.3,0-0.5-0.1-0.7-0.3c-7.6-10.3-25.5-25-30.4-24.7
+			c2.4-6.1,3.4-15.9,3.6-31.2C271.5,100.3,288.3,122.4,288.4,151.7z" />
+		<path class="st8" d="M218.1,96.3c0.3,15.2,1.2,25,3.6,31.1l-0.2,0.1c-4.9-0.3-22.8,14.5-30.4,24.7c-0.3,0.4-0.8,0.5-1.1,0.2
+			c-0.2-0.2-0.4-0.4-0.3-0.7C189.7,122.3,206.6,100.2,218.1,96.3L218.1,96.3z" />
+		<path class="st8" d="M250.7,81.6c0-6.4-5.2-11.6-11.6-11.6c-6.4,0-11.6,5.2-11.6,11.6s5.2,11.6,11.6,11.6l0,0
+			C245.5,93.2,250.7,88,250.7,81.6z M252.9,81.6c0,7.6-6.2,13.8-13.8,13.8c-7.6,0-13.8-6.2-13.8-13.8c0-7.6,6.2-13.8,13.8-13.8
+			c0,0,0,0,0,0C246.7,67.8,252.9,74,252.9,81.6z" />
+		<path class="st8" d="M239.1,48.7c5.7,0,10.7-2,13.8-4.9c0.5,1.3,1,2.6,1.4,4c-3.3,3.3-8.9,5.4-15.3,5.4s-11.9-2.1-15.3-5.4
+			c0.5-1.3,1-2.7,1.4-4C228.4,46.8,233.4,48.7,239.1,48.7z" />
+		<path class="st9" d="M252.9,43.8c-3.1,3-8.1,4.9-13.8,4.9s-10.7-2-13.8-4.9c2-5.1,4.5-10,7.6-14.5c0.5-0.7,0.9-1.3,1.4-1.9
+			c2-2.7,5.8-3.2,8.5-1.2c0.4,0.3,0.8,0.7,1.2,1.2c0.5,0.6,0.9,1.2,1.4,1.9C248.4,33.8,250.9,38.7,252.9,43.8z" />
+		<path class="st10" d="M260.1,96.4c-0.3,15.3-1.2,25-3.6,31.2c-0.2,0.6-0.5,1.2-0.8,1.7c-3.1,6.2-8.3,7.9-16.6,7.9
+			s-13.5-1.7-16.6-7.9c-0.3-0.6-0.5-1.1-0.8-1.8c-2.4-6.2-3.4-15.9-3.6-31.1c-0.1-3.4-0.1-7.1-0.1-11.1c-0.1-12.7,1.8-25.4,5.8-37.5
+			c3.3,3.3,8.9,5.4,15.3,5.4s11.9-2.1,15.3-5.4c4,12.1,6,24.8,5.8,37.5C260.2,89.2,260.1,92.9,260.1,96.4z M252.9,81.6
+			c0-7.6-6.2-13.8-13.8-13.8c-7.6,0-13.8,6.2-13.8,13.8c0,7.6,6.2,13.8,13.8,13.8c0,0,0,0,0,0C246.7,95.4,252.9,89.2,252.9,81.6
+			L252.9,81.6z" />
+		<path class="st12" d="M139.2,246.1l18.4,0.4v0.7l-19.4-0.4v-0.7V246C138.4,246.1,138.6,246.1,139.2,246.1z" />
+		<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="112.2357" y1="190.775" x2="112.2357" y2="101.005"
+						gradientTransform="matrix(1 0 0 -1 0 264)">
+			<stop offset="0" style="stop-color:#81CFFF" />
+			<stop offset="1" style="stop-color:#5ECFFF;stop-opacity:0" />
+		</linearGradient>
+		<line class="st13" x1="112.2" y1="73.2" x2="112.2" y2="163" />
+		<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="348.955" y1="195.605" x2="348.955" y2="105.835"
+						gradientTransform="matrix(1 0 0 -1 0 264)">
+			<stop offset="0" style="stop-color:#81CFFF" />
+			<stop offset="1" style="stop-color:#5ECFFF;stop-opacity:0" />
+		</linearGradient>
+		<line class="st14" x1="349" y1="68.4" x2="349" y2="158.2" />
+		<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="40.9" y1="120.12" x2="40.9" y2="64.49"
+						gradientTransform="matrix(1 0 0 -1 0 264)">
+			<stop offset="0" style="stop-color:#81CFFF" />
+			<stop offset="1" style="stop-color:#5ECFFF;stop-opacity:0" />
+		</linearGradient>
+		<line class="st15" x1="40.9" y1="143.9" x2="40.9" y2="199.5" />
+		<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="64.97" y1="168.64" x2="64.97" y2="140.83"
+						gradientTransform="matrix(1 0 0 -1 0 264)">
+			<stop offset="0" style="stop-color:#81CFFF" />
+			<stop offset="1" style="stop-color:#5ECFFF;stop-opacity:0" />
+		</linearGradient>
+		<line class="st16" x1="65" y1="95.4" x2="65" y2="123.2" />
+		<linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="397.23" y1="159.8" x2="397.23" y2="131.98"
+						gradientTransform="matrix(1 0 0 -1 0 264)">
+			<stop offset="0" style="stop-color:#81CFFF" />
+			<stop offset="1" style="stop-color:#5ECFFF;stop-opacity:0" />
+		</linearGradient>
+		<line class="st17" x1="397.2" y1="104.2" x2="397.2" y2="132" />
+		<linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="424.75" y1="130.51" x2="424.75" y2="74.87"
+						gradientTransform="matrix(1 0 0 -1 0 264)">
+			<stop offset="0" style="stop-color:#81CFFF" />
+			<stop offset="1" style="stop-color:#5ECFFF;stop-opacity:0" />
+		</linearGradient>
+		<line class="st18" x1="424.8" y1="133.5" x2="424.8" y2="189.1" />
+	</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naArea/index.vue b/src/frontend/admin/src/components/naArea/index.vue
new file mode 100644
index 00000000..6387fbd7
--- /dev/null
+++ b/src/frontend/admin/src/components/naArea/index.vue
@@ -0,0 +1,75 @@
+<template>
+    <sc-table-select
+        ref="area"
+        v-model="area"
+        :apiObj="$API.sys_dic.pagedQueryContent"
+        :params="form"
+        :props="{ label: 'key', value: 'value' }"
+        :table-width="600"
+        clearable>
+        <template #header>
+            <el-form :model="form">
+                <el-form-item>
+                    <el-input v-model="form.keywords" clearable placeholder="请输入地区或代码" @input="onInput"></el-input>
+                </el-form-item>
+            </el-form>
+        </template>
+        <el-table-column label="地区" prop="key" width="400"></el-table-column>
+        <el-table-column label="代码" prop="value"></el-table-column>
+    </sc-table-select>
+</template>
+<style scoped></style>
+<script>
+export default {
+    props: {
+        modelValue: { type: Object },
+    },
+    data() {
+        return {
+            area: {},
+            form: {
+                dynamicFilter: {
+                    filters: [],
+                    logic: 'or',
+                },
+            },
+        }
+    },
+    watch: {
+        area(n) {
+            this.$emit('update:modelValue', n)
+        },
+
+        modelValue: {
+            immediate: true,
+            deep: true,
+            handler(n) {
+                this.area = n ?? {}
+            },
+        },
+    },
+    mounted() {},
+    created() {},
+    components: {},
+    computed: {},
+    methods: {
+        onInput() {
+            this.form.dynamicFilter.filters = []
+            if (this.form.keywords) {
+                this.form.dynamicFilter.filters.push({
+                    field: 'key',
+                    operator: 'contains',
+                    value: this.form.keywords,
+                })
+                this.form.dynamicFilter.filters.push({
+                    field: 'value',
+                    operator: 'contains',
+                    value: this.form.keywords,
+                })
+            }
+
+            this.$refs.area.reload()
+        },
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naButtonAdd/index.vue b/src/frontend/admin/src/components/naButtonAdd/index.vue
new file mode 100644
index 00000000..b943e8d3
--- /dev/null
+++ b/src/frontend/admin/src/components/naButtonAdd/index.vue
@@ -0,0 +1,25 @@
+<template>
+    <el-button icon="el-icon-plus" type="primary" @click="add"></el-button>
+</template>
+<style scoped></style>
+<script>
+export default {
+    emits: [],
+    props: { vue: { type: Object }, data: { type: Object } },
+    data() {
+        return {}
+    },
+    mounted() {},
+    created() {},
+    components: {},
+    computed: {},
+    methods: {
+        //添加
+        async add() {
+            this.vue.dialog.save = true
+            await this.vue.$nextTick()
+            this.vue.$refs.saveDialog.open('add', this.data)
+        },
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naButtonBatchDel/index.vue b/src/frontend/admin/src/components/naButtonBatchDel/index.vue
new file mode 100644
index 00000000..790dcb5e
--- /dev/null
+++ b/src/frontend/admin/src/components/naButtonBatchDel/index.vue
@@ -0,0 +1,38 @@
+<template>
+    <el-button :disabled="vue.selection.length === 0" :loading="loading" icon="el-icon-delete" plain type="danger" @click="batchDel"></el-button>
+</template>
+<style scoped></style>
+<script>
+export default {
+    emits: [],
+    props: { vue: { type: Object }, data: { type: Object }, api: { type: Object } },
+    data() {
+        return {
+            loading: false,
+        }
+    },
+    mounted() {},
+    created() {},
+    components: {},
+    computed: {},
+    methods: {
+        //批量删除
+        async batchDel() {
+            this.loading = true
+            try {
+                await this.$confirm(`确定删除选中的 ${this.vue.selection.length} 项吗？`, '提示', {
+                    type: 'warning',
+                })
+                const res = await this.api.post({
+                    items: this.vue.selection,
+                })
+                this.vue.$refs.table.refresh()
+                this.$message.success(`删除 ${res.data} 项`)
+            } catch {
+                //
+            }
+            this.loading = false
+        },
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naColAvatar/index.vue b/src/frontend/admin/src/components/naColAvatar/index.vue
new file mode 100644
index 00000000..4c9d91fc
--- /dev/null
+++ b/src/frontend/admin/src/components/naColAvatar/index.vue
@@ -0,0 +1,38 @@
+<template>
+    <el-table-column :label="label" :prop="prop" sortable="custom">
+        <template #default="scope">
+            <div class="avatar">
+                <el-avatar :src="getAvatar(scope)" size="small"></el-avatar>
+                <span>{{ scope.row[prop] }}</span>
+            </div>
+        </template>
+    </el-table-column>
+</template>
+<style scoped>
+.avatar {
+    display: flex;
+    gap: 0.5rem;
+}
+</style>
+<script>
+export default {
+    emits: [],
+    props: {
+        label: { type: String },
+        prop: { type: String },
+    },
+    data() {
+        return {}
+    },
+    mounted() {},
+    created() {},
+    components: {},
+    computed: {},
+    methods: {
+        //获取头像
+        getAvatar(scope) {
+            return scope.row.avatar ? scope.row.avatar : this.$CONFIG.DEFAULT_AVATAR
+        },
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naColIndicator/index.vue b/src/frontend/admin/src/components/naColIndicator/index.vue
new file mode 100644
index 00000000..7f8733f3
--- /dev/null
+++ b/src/frontend/admin/src/components/naColIndicator/index.vue
@@ -0,0 +1,39 @@
+<template>
+    <el-table-column :label="label" :min-width="minWidth" :prop="prop" align="center" sortable="custom">
+        <template #default="scope">
+            <template v-for="(item, i) in options" :key="i">
+                <div v-if="scope.row[prop] === item.value" class="indicator">
+                    <sc-status-indicator :pulse="item.pulse" :type="item.type" />
+                    <span> {{ item.text }}</span>
+                </div>
+            </template>
+        </template>
+    </el-table-column>
+</template>
+<style scoped>
+.indicator {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+}
+</style>
+<script>
+export default {
+    emits: [],
+    props: {
+        minWidth: { type: Number, default: 80 },
+        options: { type: Array },
+        prop: { type: String },
+        label: { type: String },
+    },
+    data() {
+        return {}
+    },
+    mounted() {},
+    created() {},
+    components: {},
+    computed: {},
+    methods: {},
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naColOperation/index.vue b/src/frontend/admin/src/components/naColOperation/index.vue
new file mode 100644
index 00000000..30960048
--- /dev/null
+++ b/src/frontend/admin/src/components/naColOperation/index.vue
@@ -0,0 +1,47 @@
+<template>
+    <el-table-column align="right" label="操作">
+        <template #default="scope">
+            <el-button-group>
+                <template v-for="(item, i) in buttons?.filter((x) => !x.condition || x.condition(scope))" :key="i">
+                    <el-popconfirm v-if="item.confirm" :title="`确定${item.title}吗？`" @confirm="item.click(scope.row, vue)">
+                        <template #reference>
+                            <el-button :icon="item.icon" :title="item.title" size="small"></el-button>
+                        </template>
+                    </el-popconfirm>
+                    <el-button v-else :icon="item.icon" :title="item.title" size="small" @click="item.click(scope.row, vue)"
+                        >{{ item.title }}
+                    </el-button>
+                </template>
+            </el-button-group>
+        </template>
+    </el-table-column>
+</template>
+<style scoped>
+.avatar {
+    display: flex;
+    gap: 0.5rem;
+}
+</style>
+<script>
+import naColOperation from '@/config/naColOperation'
+
+export default {
+    emits: [],
+    props: {
+        vue: { type: Object },
+        buttons: {
+            type: Array,
+            default: naColOperation.buttons,
+        },
+        prop: { type: String },
+    },
+    data() {
+        return {}
+    },
+    mounted() {},
+    created() {},
+    components: {},
+    computed: {},
+    methods: {},
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naColTags/index.vue b/src/frontend/admin/src/components/naColTags/index.vue
new file mode 100644
index 00000000..eaca1e53
--- /dev/null
+++ b/src/frontend/admin/src/components/naColTags/index.vue
@@ -0,0 +1,30 @@
+<template>
+    <el-table-column :label="label" :prop="`${prop}.${field}`">
+        <template #default="scope">
+            <template v-for="(item, i) in Array.isArray(scope.row[prop]) ? scope.row[prop] : [scope.row[prop]]" :key="i">
+                <el-tag v-if="item" @click="$emit('click', item)">
+                    {{ item ? item[field] : console.error(scope.row) }}
+                </el-tag>
+            </template>
+        </template>
+    </el-table-column>
+</template>
+<style scoped></style>
+<script>
+export default {
+    emits: ['click'],
+    props: {
+        prop: { type: String },
+        field: { type: String },
+        label: { type: String },
+    },
+    data() {
+        return {}
+    },
+    mounted() {},
+    created() {},
+    components: {},
+    computed: {},
+    methods: {},
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naDept/index.vue b/src/frontend/admin/src/components/naDept/index.vue
new file mode 100644
index 00000000..c6481a0c
--- /dev/null
+++ b/src/frontend/admin/src/components/naDept/index.vue
@@ -0,0 +1,44 @@
+<template>
+    <el-cascader
+        v-model="dept"
+        :options="options"
+        :placeholder="placeholder"
+        :props="{ label: 'name', value: 'id', checkStrictly: true, expandTrigger: 'hover', emitPath: false }"
+        clearable></el-cascader>
+</template>
+<style scoped></style>
+<script>
+export default {
+    props: {
+        modelValue: { type: Object },
+        placeholder: { type: String },
+    },
+    data() {
+        return {
+            loaded: false,
+            dept: null,
+            options: [],
+        }
+    },
+    watch: {
+        dept(n) {
+            this.$emit('update:modelValue', n)
+        },
+
+        modelValue: {
+            immediate: true,
+            deep: true,
+            handler(n) {
+                this.dept = n ?? null
+            },
+        },
+    },
+    mounted() {},
+    async created() {
+        this.options = (await this.$API.sys_dept.query.post()).data
+    },
+    components: {},
+    computed: {},
+    methods: {},
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naDicCatalog/index.vue b/src/frontend/admin/src/components/naDicCatalog/index.vue
new file mode 100644
index 00000000..9b63722a
--- /dev/null
+++ b/src/frontend/admin/src/components/naDicCatalog/index.vue
@@ -0,0 +1,50 @@
+<template>
+    <el-cascader
+        v-model="data"
+        :options="options"
+        :placeholder="placeholder"
+        :props="{
+            value: 'id',
+            label: 'name',
+            emitPath: false,
+            checkStrictly: true,
+            expandTrigger: 'hover',
+        }"
+        clearable></el-cascader>
+</template>
+<style scoped></style>
+<script>
+export default {
+    props: {
+        modelValue: { type: Object },
+        placeholder: { type: String },
+    },
+    data() {
+        return {
+            loaded: false,
+            data: null,
+            options: [],
+        }
+    },
+    watch: {
+        data(n) {
+            this.$emit('update:modelValue', n)
+        },
+
+        modelValue: {
+            immediate: true,
+            deep: true,
+            handler(n) {
+                this.data = n ?? null
+            },
+        },
+    },
+    mounted() {},
+    async created() {
+        this.options = (await this.$API.sys_dic.queryCatalog.post()).data
+    },
+    components: {},
+    computed: {},
+    methods: {},
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naFormEmail/index.vue b/src/frontend/admin/src/components/naFormEmail/index.vue
new file mode 100644
index 00000000..95a5f1d7
--- /dev/null
+++ b/src/frontend/admin/src/components/naFormEmail/index.vue
@@ -0,0 +1,117 @@
+<template>
+    <el-form-item :label="emailLabel" :prop="Array.isArray(emailField) ? emailField[0] : emailField">
+        <el-input
+            v-model="form[Array.isArray(emailField) ? emailField[1] : emailField]"
+            :placeholder="emailPlaceHolder"
+            clearable
+            maxlength="32"
+            oninput="value=value.replace(/[^A-Za-z0-9.@_]/g,'')"
+            prefix-icon="el-icon-link">
+        </el-input>
+    </el-form-item>
+    <el-form-item :label="codeLabel" :prop="Array.isArray(codeField) ? codeField[0] : codeField">
+        <div class="msg-yzm">
+            <el-input
+                v-model="form[Array.isArray(codeField) ? codeField[1] : codeField]"
+                clearable
+                maxlength="4"
+                oninput="value=value.replace(/\D/g,'')"
+                placeholder="邮箱验证码"
+                prefix-icon="el-icon-message"></el-input>
+            <el-button :disabled="sendDisabled" @click="getYzm"
+                >获取验证码<span v-if="sendDisabled"> ({{ waitSecs }})</span></el-button
+            >
+        </div>
+    </el-form-item>
+    <na-verify ref="verify" :imgSize="{ width: '310px', height: '155px' }" captchaType="blockPuzzle" mode="pop" @success="captchaSuccess"></na-verify>
+</template>
+
+<script>
+import naVerify from '@/components/naVerifition/index.vue'
+
+export default {
+    emits: [],
+    props: {
+        modelValue: { type: Object },
+        vue: { type: Object },
+        formName: { type: String },
+        emailPlaceHolder: { type: String, default: '邮箱地址' },
+        emailField: { type: Object },
+        codeField: { type: Object },
+        emailLabel: { type: String },
+        codeLabel: { type: String },
+    },
+    data() {
+        return {
+            sendDisabled: false,
+            waitSecs: 0,
+            loading: false,
+            form: {},
+        }
+    },
+    watch: {
+        form: {
+            deep: true,
+            handler(n) {
+                this.$emit('update:modelValue', n)
+            },
+        },
+
+        modelValue: {
+            immediate: true,
+            deep: true,
+            handler(n) {
+                this.form = n ?? {}
+            },
+        },
+    },
+
+    mounted() {},
+    created() {},
+    components: { naVerify },
+    computed: {},
+    methods: {
+        async captchaSuccess(obj) {
+            this.sendDisabled = true
+            try {
+                await this.$API.sys_verifycode.sendVerifyCode.post({
+                    destDevice: this.form[Array.isArray(this.emailField) ? this.emailField[1] : this.emailField],
+                    type: 'login',
+                    deviceType: 'email',
+                    verifyCaptchaReq: obj,
+                })
+                this.$message.success('发送成功')
+                this.waitSecs = 60
+                const t = setInterval(() => {
+                    this.waitSecs -= 1
+                    if (this.waitSecs < 1) {
+                        clearInterval(t)
+                        this.sendDisabled = false
+                        this.waitSecs = 0
+                    }
+                }, 1000)
+            } catch {
+                this.loading = false
+            }
+        },
+        async getYzm() {
+            if (
+                !(await this.vue.$refs[this.formName]
+                    .validateField(Array.isArray(this.emailField) ? this.emailField[0] : this.emailField)
+                    .catch(() => {}))
+            ) {
+                return false
+            }
+            this.$refs.verify.show()
+        },
+    },
+}
+</script>
+
+<style scoped>
+.msg-yzm {
+    display: flex;
+    width: 100%;
+    gap: 0.5rem;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naFormPhone/index.vue b/src/frontend/admin/src/components/naFormPhone/index.vue
new file mode 100644
index 00000000..e3f9716e
--- /dev/null
+++ b/src/frontend/admin/src/components/naFormPhone/index.vue
@@ -0,0 +1,118 @@
+<template>
+    <el-form-item :label="phoneLabel" :prop="Array.isArray(phoneField) ? phoneField[0] : phoneField">
+        <el-input
+            v-model="form[Array.isArray(phoneField) ? phoneField[1] : phoneField]"
+            :placeholder="phonePlaceHolder"
+            clearable
+            maxlength="11"
+            oninput="value=value.replace(/\D/g,'')"
+            prefix-icon="el-icon-iphone">
+            <template #prepend>+86</template>
+        </el-input>
+    </el-form-item>
+    <el-form-item :label="codeLabel" :prop="Array.isArray(codeField) ? codeField[0] : codeField">
+        <div class="msg-yzm">
+            <el-input
+                v-model="form[Array.isArray(codeField) ? codeField[1] : codeField]"
+                :placeholder="$t('login.smsPlaceholder')"
+                clearable
+                maxlength="4"
+                oninput="value=value.replace(/\D/g,'')"
+                prefix-icon="el-icon-message"></el-input>
+            <el-button :disabled="sendDisabled" @click="getYzm"
+                >获取验证码<span v-if="sendDisabled"> ({{ waitSecs }})</span></el-button
+            >
+        </div>
+    </el-form-item>
+    <na-verify ref="verify" :imgSize="{ width: '310px', height: '155px' }" captchaType="blockPuzzle" mode="pop" @success="captchaSuccess"></na-verify>
+</template>
+
+<script>
+import naVerify from '@/components/naVerifition/index.vue'
+
+export default {
+    emits: [],
+    props: {
+        modelValue: { type: Object },
+        vue: { type: Object },
+        formName: { type: String },
+        phonePlaceHolder: { type: String, default: '手机号码' },
+        phoneField: { type: Object },
+        codeField: { type: Object },
+        phoneLabel: { type: String },
+        codeLabel: { type: String },
+    },
+    data() {
+        return {
+            sendDisabled: false,
+            waitSecs: 0,
+            loading: false,
+            form: {},
+        }
+    },
+    watch: {
+        form: {
+            deep: true,
+            handler(n) {
+                this.$emit('update:modelValue', n)
+            },
+        },
+
+        modelValue: {
+            immediate: true,
+            deep: true,
+            handler(n) {
+                this.form = n ?? {}
+            },
+        },
+    },
+
+    mounted() {},
+    created() {},
+    components: { naVerify },
+    computed: {},
+    methods: {
+        async captchaSuccess(obj) {
+            this.sendDisabled = true
+            try {
+                await this.$API.sys_verifycode.sendVerifyCode.post({
+                    destDevice: this.form[Array.isArray(this.phoneField) ? this.phoneField[1] : this.phoneField],
+                    type: 'login',
+                    deviceType: 'mobile',
+                    verifyCaptchaReq: obj,
+                })
+                this.$message.success('发送成功')
+                this.waitSecs = 60
+                const t = setInterval(() => {
+                    this.waitSecs -= 1
+                    if (this.waitSecs < 1) {
+                        clearInterval(t)
+                        this.sendDisabled = false
+                        this.waitSecs = 0
+                    }
+                }, 1000)
+            } catch {
+                this.loading = false
+            }
+        },
+        async getYzm() {
+            if (
+                !(await this.vue.$refs[this.formName]
+                    .validateField(Array.isArray(this.phoneField) ? this.phoneField[0] : this.phoneField)
+                    .catch(() => {}))
+            ) {
+                return false
+            }
+            this.$refs.verify.show()
+        },
+    },
+}
+</script>
+
+<style scoped>
+.msg-yzm {
+    display: flex;
+    width: 100%;
+    gap: 0.5rem;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naInfo/index.vue b/src/frontend/admin/src/components/naInfo/index.vue
new file mode 100644
index 00000000..fba958f4
--- /dev/null
+++ b/src/frontend/admin/src/components/naInfo/index.vue
@@ -0,0 +1,36 @@
+<template>
+    <el-drawer v-model="visible" :size="size" :title="title" destroy-on-close @closed="$emit('closed')">
+        <el-main>
+            <el-descriptions :column="1" border size="small">
+                <el-descriptions-item v-for="(item, i) in data" :key="i" :label="i" label-class-name="w15">
+                    {{ item }}
+                </el-descriptions-item>
+            </el-descriptions>
+        </el-main>
+    </el-drawer>
+</template>
+
+<script>
+export default {
+    emits: ['success', 'closed'],
+    props: {
+        size: { type: String, default: '80%' },
+    },
+    data() {
+        return {
+            title: '',
+            visible: false,
+            data: {},
+        }
+    },
+    methods: {
+        open(data, title) {
+            this.title = title
+            this.data = data
+            this.visible = true
+            return this
+        },
+    },
+}
+</script>
+<style scoped></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naSearch/index.vue b/src/frontend/admin/src/components/naSearch/index.vue
new file mode 100644
index 00000000..a52a7480
--- /dev/null
+++ b/src/frontend/admin/src/components/naSearch/index.vue
@@ -0,0 +1,189 @@
+<template>
+    <form class="right-panel-search" @keyup.enter="search" @submit.prevent="search">
+        <el-date-picker
+            v-if="hasDate"
+            v-model="form.dy.createdTime"
+            :shortcuts="[
+                {
+                    text: '今天',
+                    value: () => {
+                        const start = new Date()
+                        return [start, start]
+                    },
+                },
+                {
+                    text: '昨天',
+                    value: () => {
+                        const start = new Date()
+                        start.setTime(new Date().getTime() - 3600 * 1000 * 24)
+                        return [start, start]
+                    },
+                },
+                {
+                    text: '最近三天',
+                    value: () => {
+                        const start = new Date()
+                        start.setTime(start.getTime() - 3600 * 1000 * 24 * 3)
+                        return [start, new Date()]
+                    },
+                },
+                {
+                    text: '最近一周',
+                    value: () => {
+                        const start = new Date()
+                        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
+                        return [start, new Date()]
+                    },
+                },
+                {
+                    text: '最近一月',
+                    value: () => {
+                        const start = new Date()
+                        start.setMonth(start.getMonth() - 1)
+                        return [start, new Date()]
+                    },
+                },
+                {
+                    text: '最近三月',
+                    value: () => {
+                        const start = new Date()
+                        start.setMonth(start.getMonth() - 3)
+                        return [start, new Date()]
+                    },
+                },
+                {
+                    text: '最近六月',
+                    value: () => {
+                        const start = new Date()
+                        start.setMonth(start.getMonth() - 6)
+                        return [start, new Date()]
+                    },
+                },
+                {
+                    text: '最近一年',
+                    value: () => {
+                        const start = new Date()
+                        start.setFullYear(start.getFullYear() - 1)
+                        return [start, new Date()]
+                    },
+                },
+            ]"
+            :teleported="false"
+            end-placeholder="结束日期"
+            range-separator="至"
+            start-placeholder="开始日期"
+            type="daterange"
+            value-format="YYYY-MM-DD"></el-date-picker>
+
+        <template v-for="(item, i) in controls" :key="i">
+            <el-input
+                v-if="item.type === 'input' && (!item.condition || item.condition())"
+                v-model="form[item.field[0]][item.field[1]]"
+                :placeholder="item.placeholder"
+                :style="item.style"
+                clearable />
+            <sc-select
+                v-else-if="item.type === 'remote-select' && (!item.condition || item.condition())"
+                v-model="form[item.field[0]][item.field[1]]"
+                :apiObj="item.api"
+                :config="item.config"
+                :placeholder="item.placeholder"
+                clearable
+                filterable />
+            <el-select
+                v-else-if="item.type === 'select' && (!item.condition || item.condition())"
+                v-model="form[item.field[0]][item.field[1]]"
+                :multiple="item.multiple === true"
+                :placeholder="item.placeholder"
+                clearable
+                collapse-tags
+                filterable>
+                <el-option v-for="(option, j) in item.options" :key="j" :label="option.label" :value="option.value" />
+            </el-select>
+            <el-cascader
+                v-else-if="casLoaded && item.type === 'cascader' && (!item.condition || item.condition())"
+                v-model="form[item.field[0]][item.field[1]]"
+                :options="item.options"
+                :placeholder="item.placeholder"
+                :props="item.props"
+                clearable
+                filterable />
+        </template>
+
+        <el-button-group>
+            <el-button icon="el-icon-search" type="primary" @click="search"></el-button>
+            <el-button icon="el-icon-refresh-left" @click="tool.refreshTab(vue)"></el-button>
+        </el-button-group>
+    </form>
+</template>
+<style scoped></style>
+<script>
+import tool from '@/utils/tool'
+
+export default {
+    emits: ['search'],
+    props: {
+        hasDate: { type: Boolean, default: true },
+        controls: { type: Array },
+        vue: { type: Object },
+    },
+    data() {
+        return {
+            casLoaded: false,
+            form: {
+                root: {},
+                filter: {},
+                dy: {},
+            },
+        }
+    },
+    mounted() {},
+    async created() {
+        this.controls
+            .filter((x) => x.type === 'cascader')
+            .forEach((x) => {
+                x.options = x.api.post()
+            })
+        for (const y of this.controls.filter((x) => x.type === 'cascader')) {
+            y.options = (await y.options).data
+        }
+        this.casLoaded = true
+    },
+    components: {},
+    computed: {
+        tool() {
+            return tool
+        },
+    },
+    methods: {
+        search() {
+            const parentQuery = this.clearParentQuery()
+            Object.assign(parentQuery, this.form.root || {})
+            Object.assign(parentQuery.filter, this.form.filter || {})
+            this.$emit('search', this.form)
+        },
+        clearParentQuery() {
+            const parentQuery = this.vue.query
+            Object.keys(parentQuery).forEach((x) => {
+                if (!['dynamicFilter', 'filter'].includes(x)) delete parentQuery[x]
+            })
+            parentQuery.filter = {}
+            parentQuery.dynamicFilter.filters = []
+            return parentQuery
+        },
+        reset() {
+            Object.keys(this.form.root).forEach((x) => {
+                delete this.form.root[x]
+            })
+            Object.keys(this.form.filter).forEach((x) => {
+                delete this.form.filter[x]
+            })
+            Object.keys(this.form.dy).forEach((x) => {
+                delete this.form.dy[x]
+            })
+
+            this.search()
+        },
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naVerifition/index.vue b/src/frontend/admin/src/components/naVerifition/index.vue
new file mode 100644
index 00000000..ab7bc9b8
--- /dev/null
+++ b/src/frontend/admin/src/components/naVerifition/index.vue
@@ -0,0 +1,452 @@
+<template>
+    <div v-show="showBox" :class="mode === 'pop' ? 'mask' : ''">
+        <div :class="mode === 'pop' ? 'verifybox' : ''" :style="{ 'max-width': parseInt(imgSize.width) + 30 + 'px' }">
+            <div v-if="mode === 'pop'" class="verifybox-top">
+                请完成安全验证
+                <span class="verifybox-close" @click="closeBox">
+                    <i class="iconfont icon-close"></i>
+                </span>
+            </div>
+            <div :style="{ padding: mode === 'pop' ? '15px' : '0' }" class="verifybox-bottom">
+                <!-- 验证码容器 -->
+                <component
+                    :is="componentType"
+                    v-if="componentType"
+                    ref="instance"
+                    :arith="arith"
+                    :barSize="barSize"
+                    :blockSize="blockSize"
+                    :captchaType="captchaType"
+                    :explain="explain"
+                    :figure="figure"
+                    :imgSize="imgSize"
+                    :mode="mode"
+                    :tpl="tpl"
+                    :type="verifyType"
+                    :vSpace="vSpace"></component>
+            </div>
+        </div>
+    </div>
+</template>
+<script type="text/babel">
+/* eslint-disable */
+/**
+ * Verify 验证码组件
+ * @description 分发验证码使用
+ * */
+import slide from './slide.vue'
+import { computed, ref, toRefs, watchEffect } from 'vue'
+
+export default {
+    data() {
+        return {
+            tpl: 'yyyyMMdd',
+        }
+    },
+    created() {
+        this.tpl = this.$GLOBAL.chars.TPL_DATE_YYYYMMDD
+    },
+    components: {
+        slide,
+    },
+    props: {
+        captchaType: {
+            type: String,
+            required: true,
+        },
+        figure: {
+            type: Number,
+        },
+        arith: {
+            type: Number,
+        },
+        mode: {
+            type: String,
+            default: 'pop',
+        },
+        vSpace: {
+            type: Number,
+        },
+        explain: {
+            type: String,
+        },
+        imgSize: {
+            type: Object,
+            default() {
+                return {
+                    width: '310px',
+                    height: '155px',
+                }
+            },
+        },
+        blockSize: {
+            type: Object,
+        },
+        barSize: {
+            type: Object,
+        },
+    },
+    setup(props) {
+        const { captchaType, figure, arith, mode, vSpace, explain, imgSize, blockSize, barSize } = toRefs(props)
+        const clickShow = ref(false)
+        const verifyType = ref(undefined)
+        const componentType = ref(undefined)
+
+        const instance = ref({})
+
+        const showBox = computed(() => {
+            if (mode.value === 'pop') {
+                return clickShow.value
+            } else {
+                return true
+            }
+        })
+        /**
+         * refresh
+         * @description 刷新
+         * */
+        const refresh = () => {
+            if (instance.value.refresh) {
+                instance.value.refresh()
+            }
+        }
+        const closeBox = () => {
+            clickShow.value = false
+            refresh()
+        }
+        const show = () => {
+            if (mode.value === 'pop') {
+                clickShow.value = true
+            }
+        }
+        watchEffect(() => {
+            switch (captchaType.value) {
+                case 'blockPuzzle':
+                    verifyType.value = '2'
+                    componentType.value = 'slide'
+                    break
+                case 'clickWord':
+                    verifyType.value = ''
+                    componentType.value = 'point'
+                    break
+            }
+        })
+
+        return {
+            clickShow,
+            verifyType,
+            componentType,
+            instance,
+            showBox,
+            closeBox,
+            show,
+        }
+    },
+}
+</script>
+<style>
+.verifybox {
+    position: relative;
+    box-sizing: border-box;
+    border-radius: 2px;
+    border: 1px solid #e4e7eb;
+    background-color: #fff;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.verifybox-top {
+    padding: 0 15px;
+    height: 50px;
+    line-height: 50px;
+    text-align: left;
+    font-size: 16px;
+    color: #45494c;
+    border-bottom: 1px solid #e4e7eb;
+    box-sizing: border-box;
+}
+
+.verifybox-bottom {
+    padding: 15px;
+    box-sizing: border-box;
+}
+
+.verifybox-close {
+    position: absolute;
+    top: 13px;
+    right: 9px;
+    width: 24px;
+    height: 24px;
+    text-align: center;
+    cursor: pointer;
+}
+
+.mask {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 1001;
+    width: 100%;
+    height: 100vh;
+    background: rgba(0, 0, 0, 0.3);
+    /* display: none; */
+    transition: all 0.5s;
+}
+
+.verify-tips {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    height: 30px;
+    padding-left: 10px;
+    line-height: 30px;
+    color: #fff;
+}
+
+.suc-bg {
+    background-color: rgba(92, 184, 92, 0.5);
+    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f5CB85C, endcolorstr=#7f5CB85C);
+}
+
+.err-bg {
+    background-color: rgba(217, 83, 79, 0.5);
+    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fD9534F, endcolorstr=#7fD9534F);
+}
+
+.tips-enter,
+.tips-leave-to {
+    bottom: -30px;
+}
+
+.tips-enter-active,
+.tips-leave-active {
+    transition: bottom 0.5s;
+}
+
+/* ---------------------------- */
+/*常规验证码*/
+.verify-code {
+    font-size: 20px;
+    text-align: center;
+    cursor: pointer;
+    margin-bottom: 5px;
+    border: 1px solid #ddd;
+}
+
+.cerify-code-panel {
+    height: 100%;
+    overflow: hidden;
+}
+
+.verify-code-area {
+    float: left;
+}
+
+.verify-input-area {
+    float: left;
+    width: 60%;
+    padding-right: 10px;
+}
+
+.verify-change-area {
+    line-height: 30px;
+    float: left;
+}
+
+.varify-input-code {
+    display: inline-block;
+    width: 100%;
+    height: 25px;
+}
+
+.verify-change-code {
+    color: #337ab7;
+    cursor: pointer;
+}
+
+.verify-btn {
+    width: 200px;
+    height: 30px;
+    background-color: #337ab7;
+    color: #ffffff;
+    border: none;
+    margin-top: 10px;
+}
+
+/*滑动验证码*/
+.verify-bar-area {
+    position: relative;
+    background: #ffffff;
+    text-align: center;
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    border: 1px solid #ddd;
+    -webkit-border-radius: 4px;
+}
+
+.verify-bar-area .verify-move-block {
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: #fff;
+    cursor: pointer;
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    box-shadow: 0 0 2px #888888;
+    -webkit-border-radius: 1px;
+}
+
+.verify-bar-area .verify-move-block:hover {
+    background-color: #337ab7;
+    color: #ffffff;
+}
+
+.verify-bar-area .verify-left-bar {
+    position: absolute;
+    top: -1px;
+    left: -1px;
+    background: #f0fff0;
+    cursor: pointer;
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    border: 1px solid #ddd;
+}
+
+.verify-img-panel {
+    margin: 0;
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    border-top: 1px solid #ddd;
+    border-bottom: 1px solid #ddd;
+    border-radius: 3px;
+    position: relative;
+}
+
+.verify-img-panel .verify-refresh {
+    width: 25px;
+    height: 25px;
+    text-align: center;
+    padding: 5px;
+    cursor: pointer;
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 2;
+}
+
+.verify-img-panel .icon-refresh {
+    font-size: 20px;
+    color: #fff;
+}
+
+.verify-img-panel .verify-gap {
+    background-color: #fff;
+    position: relative;
+    z-index: 2;
+    border: 1px solid #fff;
+}
+
+.verify-bar-area .verify-move-block .verify-sub-block {
+    position: absolute;
+    text-align: center;
+    z-index: 3;
+    /* border: 1px solid #fff; */
+}
+
+.verify-bar-area .verify-move-block .verify-icon {
+    font-size: 18px;
+}
+
+.verify-bar-area .verify-msg {
+    z-index: 3;
+}
+
+/*字体图标的css*/
+/*@font-face {font-family: "iconfont";*/
+/*src: url('../fonts/iconfont.eot?t=1508229193188'); !* IE9*!*/
+/*src: url('../fonts/iconfont.eot?t=1508229193188#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
+/*url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAaAAAsAAAAACUwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kiSY21hcAAAAYAAAAB3AAABuM+qBlRnbHlmAAAB+AAAAnQAAALYnrUwT2hlYWQAAARsAAAALwAAADYPNwajaGhlYQAABJwAAAAcAAAAJAfeA4dobXR4AAAEuAAAABMAAAAYF+kAAGxvY2EAAATMAAAADgAAAA4CvAGsbWF4cAAABNwAAAAfAAAAIAEVAF1uYW1lAAAE/AAAAUUAAAJtPlT+fXBvc3QAAAZEAAAAPAAAAE3oPPXPeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sM4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDxbwtzwv4EhhrmBoQEozAiSAwAw1A0UeJzFkcENgCAMRX8RjCGO4gTe9eQcnhzAfXC2rqG/hYsT8MmD9gdS0gJIAAaykAjIBYHppCvuD8juR6zMJ67A89Zdn/f1aNPikUn8RvYo8G20CjKim6Rf6b9m34+WWd/vBr+oW8V6q3vF5qKlYrPRp4L0Ad5nGL8AeJxFUc9rE0EYnTezu8lMsrvtbrqb3TRt0rS7bdOmdI0JbWmCtiItIv5oi14qevCk9SQVLFiQgqAF8Q9QLKIHLx48FkHo3ZNnFUXwD5C2B6dO6sFhmI83w7z3fe8RnZCjb2yX5YlLhskkmScXCIFRxYBFiyjH9Rqtoqes9/g5i8WVuJyqDNTYLPwBI+cljXrkGynDhoU+nCgnjbhGY5yst+gMEq8IBIXwsjPU67CnEPm4b0su0h309Fd67da4XBhr55KSm17POk7gOE/Shq6nKdVsC7d9j+tcGPKVboc9u/0jtB/ZIA7PXTVLBef6o/paccjnwOYm3ELJetPuDrvV3gg91wlSXWY6H5qVwRzWf2TybrYYfSdqoXOwh/Qa8RWIjBTiSI3h614/vKSNRhONOrsnQi6Xf4nQFQDTmJE1NKbhI6crHEJO/+S5QPxhYJRRyvBFBP+5T9EPpEAIVzzRQIrjmJ6jY1WTo+NXTMchuBsKuS8PRZATSMl9oTA4uNLkeIA0V1UeqOoGQh7IAxGo+7T83fn3T+voqCNPPAUazUYUI7LgKSV1Jk2oUeghYGhZ+cKOe2FjVu5ZKEY2VkE13AK1+jI4r1KLbPlZfrKiPhOXKPRj7q9sj9XJ7LFHNmrKJS3VCdhXGSdKrtmoQaWeMjQVt0KD6sGPOx0oH2fgtzoNROxtNq8F3tzYM/n+TjKSX5qf2jx941276TIr9FjXxKr8eX/6bK4yuopwo9py1sw8F9kdw4AmurRpLUM3tYx5ZnKpfHPi8dzz19vJ6MjyxYUrpqeb1uLs3eGV6vr21pSqpeWkqonAN9oUyIiXpv8XvlN5e3icY2BkYGAA4n0vN4fG89t8ZeBmYQCBa9wPPRH0/wcsDMwmQC4HAxNIFABAfAqaAHicY2BkYGBu+N/AEMPCAAJAkpEBFbABAEcMAm94nGNhYGBgfsnAwMKAigESnwEBAAAAAAAAdgCkANoBCAFsAAB4nGNgZGBgYGMIZGBlAAEmIOYCQgaG/2A+AwARSAFzAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgI2RiZGZkYWRlZGNkZ2BsYI1OSM1OZs1OSe/OJW1KDM9o4S9KDWtKLU4g4EBAJ79CeQ=') format('woff'),*/
+/*url('../fonts/iconfont.ttf?t=1508229193188') format('truetype'), !* chrome, firefox, opera, Safari, Android, iOS 4.2+*!*/
+/*url('../fonts/iconfont.svg?t=1508229193188#iconfont') format('svg'); !* iOS 4.1- *!*/
+/*}*/
+
+.iconfont {
+    font-family: 'iconfont', serif !important;
+    font-size: 16px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-check:before {
+    content: ' ';
+    display: block;
+    width: 16px;
+    height: 16px;
+    position: absolute;
+    margin: auto;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 9999;
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIEAYAAAD9yHLdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAIlFJREFUeNrt3X1cVNW6B/BnbcS3xJd7fLmSeo+op/Qmyp4BFcQEwpd8Nyc9iZppgUfE49u1tCwlNcMySCM1S81jCoaioiJvKoYgswfUo5wSJ69SZFKCKSAws+4f2/GetFFRYG3g9/2Hz2xj+O2J4Zm19trrIQIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKgjmOgAAADwOBhz83TzdPNs397qanW1ujJ2s8fNHjd7FBTkhuSG5IbculVdP1kSfeoAAPBwdFzHdXzgQN0S3RLdkpgY2SJbZMvNm9It6ZZ064cfGmQ2yGyQmZfX3KO5R3OPwkJdsi5Zl5yYKIfL4XL4mDHqs7AqGzhgBAIAoFFdI7pGdI1o1KjFlhZbWmxZv149OmXK4z3r4cPEiROfOFExKSbFVFDwqM+EEQgAgMY8y5/lz/LGjZu3bt66eev9+9Wjj1s4bAYNIkaMWHKyx3mP8x7nmzd/1GdyEP1CAQCASifrZJ3s6FjmWuZa5rprF3uLvcXeGjq0en5au3a8nJfz8k6d8lPyU/JTYmIq+wwYgQAAaIIk0WgaTaO/+IJm0SyaNWJEtf/IPMqjvJde0g/QD9APcHOrdGIhrxMAANzGmJwr58q569ZRLMVS7MSJNfajFVJIYYy/wF/gL7z0UmW/vUGNvk4AAHCHTqfT6XQrVtB4Gk/jg4KEBfmBfqAf+vSp7LdhBAIAUMPUwvH66+oj21eBSqmUStu3r+y3oYAAANQQtXDMmKE+WrlSdB4bvpwv58t/+62y34cCAgBQzeSt8lZ568SJFEiBFLh2reg8d2MD2UA28PTpyn4fCggAQDXRh+pD9aEjR1IABVDA5s20ntbTeklzf3eZF/NiXvv2Vfb7NHciAAC1nRwsB8vBvr5Wf6u/1X/nTubO3Jl7A+0tWvImb/LOyemc3zm/c/6ePZX9dmxlAgBQRfTd9N303Tw8rFusW6xbEhPZLDaLzXJyEp3rHjNoBs24dYt/wj/hn3h5mUwmk8mkKJV9GoxAAAAekz5AH6APeOYZ6znrOeu5Awc0WzgCKZACrVZ2hB1hR15++VELhw1GIAAAj0hdVdWli/ooNVX9WvnlsNUflHSk45wbuZEbg4LUwrFhw+M+LUYgAACV1CuoV1CvoCef5Kv4Kr4qIUE9qsHCcRsv4AW8YOHCqiocNtq7qAMAoFHqZoetW9MgGkSDDh+mhbSQFnbuLDrX/YWGmmJMMaaYsLCqfmZMYQEAPIBt23PLp5ZPLZ8mJ9MROkJHdDrRueyKpViKXbdO6aB0UDoEB1fXj8EUFgCAHX0v973c93KTJpbvLd9bvt+3T+uFg0/mk/nkL79UC0dISHX/PIxAAADuYuvLwQ/xQ/zQnj1sKBvKhj7/vOhc9vA4HsfjYmOd2jm1c2o3btxRdpQdZRUV1f1zMQIBALjNYDAYDAYHB9pEm2jTl19qvXBQGIVRWFKSWjgmTKipwmGDi+gAAERExJhZZ9aZdZGRNJ2m0/Tx40UnssuHfMgnPb2koKSgpGD0aIUpTGGlpTUdAwUEAOo9XbguXBf+/vu0lbbS1ldfFZ3HrgE0gAacPu0423G24+xhw5SOSkel440bouKggABAvaXjOq7j77xDetKTfv580Xns8iIv8srNlfKkPClv8OD0jukd0zv++qvoWLiIDgD1jrpnVXAwb86b8+Yffyw6jz18NV/NV+flWQZaBloGenufYqfYKXbxouhcNriIDgD1hi5Zl6xLnjyZL+AL+ILwcNF57OpLfanv1atsPpvP5vv7a61w2GAEAgB1nrpn1ejRPJNn8szoaM1ur05EREVF6ldfX0VRFEUxmUQnskejLyAAwOPT79fv1+9/7jn+E/+J/7Rjh7YLR3ExceLEhw9XTIpJMWm3cNho9IUEAHh08hB5iDykb1/+M/+Z/7x7N0VSJEU2aiQ61z30pCd9WZl1inWKdcoLL2R5ZnlmeR4/LjrWw8I1EACoM+S2clu5rasr+yv7K/vrgQO0jtbRumbNROe6G4/kkTzSYqFMyqTMgAC1cBw6JDpXZaGAAECt1zukd0jvkG7daBftol2HD1MERVBEq1aic93jdl8O9gv7hf0SGKhOVUVHi471qFBAAKDW0hfri/XFHTs6cAfuwBMS2Bw2h81p1050LruepWfp2fnzlaHKUGXopk2i4zwuFBAAqHVcw1zDXMPatrWSlayUkEBplEZp//VfonPZw86ys+zsm28qE5WJysQPPxSdp6qggABAraHuktuiRYOgBkENgg4dYt7Mm3k/9ZToXHZNpIk0MTzcWGosNZYuXy46TlXDfSAAoHnqfRxNm6qP4uPVr/37i85l11gaS2M3b1YWK4uVxa+8oh7kXHSsqoYRCABoVo+oHlE9oho2pME0mAbHxKhHNVw4IimSImNiXLJdsl2yp09XD9a9wmGDAgIAmmPry9G4f+P+jfv/4x8UT/EUP3iw6Fz3d/hwUXpRelH6Sy9FR0dHR0dbLKITVTfcSAgAGsPYhT4X+lzos2EDG8FGsBHjxolOZA9fxBfxRWlpFeYKc4V57NjckNyQ3JBbt0Tnqim4BgIAmiEvkhfJiz78kMWzeBY/Z47oPPbwpXwpX5qdbRlmGWYZ5uOjbnZYWCg6V03DFBYACKdbq1urW7tiheYLRypP5anffluRU5FTkTN4cH0tHDYYgQCAMOqeVX//O7vKrrKra9aIzmMPP86P8+NmM/fjftzP2zsrLSstK+3HH0XnEg0jEACocXJXuavcdepU1ol1Yp00fGNdP+pH/X78UUqSkqQkf38Ujt9DAQGAGqMP0YfoQ154gbbTdtq+cSMppJDCtDcTwokTLyiwvGh50fKiv79xuHG4cbjZLDqW1mjvfxwA1DluZjezm3nECMkgGSTD11+rRx0dRee6G8/gGTzj+nU+gA/gA/z81BGH0Sg6l1ZhBAIA1Ua9g9zHh/3MfmY/R0WpRzVYOE7yk/xkSYmUI+VIOSNHonA8HIxAAKDK6bvpu+m7eXhYt1i3WLckJrJZbBab5eQkOtcfKy9Xv44Zo7aQjYsTnai2cBAdAADqDn2APkAf8Mwz1gRrgjUhIYG9wF5gL7RsKTrXPQIpkAKtVlbMilnxpElKvBKvxO/eLTpWbYMRCAA8NnWqqksXddXSsWN0gk7QCWdn0bnuDao2dOJGbuTGoCCTyWQymTZsEB2rtsI1EAB4ZL2CegX1CnrySb6Kr+KrEhI0Wzhu4wW8gBcsXIjCUTWwFxYAVJral6N1axpEg2jQ4cO0kBbSws6dRee6v9BQU4wpxhQTFiY6SV2BKSwAeGge5z3Oe5xv3tzyreVby7dJSfQ2vU1v6/Wic9kVS7EUu26d0kHpoHQIDhYdp67BFBYAPFDfy30v973cpElFVkVWRdbevZovHJtpM23etk0tHCEhouPUVRiBAIBd6lSVoyMxYsRsq5SGDROdyx4ex+N4XGysUzundk7txo07yo6yo6yiQnSuugojEACwQ5L4dD6dT9+6VX2s3cJBYRRGYUlJauGYMAGFo2bUWAHps73P9j7b27Xr2bNnz549W7USfeIAYA9jslk2y+YNG9gmtoltmjBBdCJ7bA2dypVypVwZNUotHKWlonPVF1U+hfX7PW8CA9UtAnx9mQfzYB5Nmtz5Dz3IgzwKC+k1eo1ei4+naTSNpq1Zo5gUk2LKyBD9wgDUR/I5+Zx87oMP2CQ2iU2aO1d0HnvQ0EkbHruA9OK9eC/esmWD1AapDVK/+orm0ByaM2TIIz9hNEVT9IYNRfuL9hftDwmpby0iAUSQT8on5ZNLlrAZbAabsXSp6Dz28JV8JV/53XcVpypOVZzy9j694PSC0wt+/ll0rvrqkQuI15+8/uT1Jyen0smlk0snHz9Ox+gYHXN1rdp4KSnlE8onlE8YMUL9Rbl5U/QLBlCXqBfJQ0LUi+Th4aLz3N+lS+o2697e6kzFpUuiE9V3j3wNpHR26ezS2ZGR1VM4bHx8HHs59nLsdeBAj6geUT2imjUT9UIB1CVylBwlR738MulJT/qPPhKdxx6+hq/ha65ckWKlWCnW3x+FQ1sqPQJxN7gb3A29e1tbWVtZW5lMNdUQhifxJJ70zTdNujTp0qTL0KHf/PLNL9/88ttvYl42gNrJ7Te339x+GzuW5bAclhMVpU5ZOWhvU9UQCqGQa9es063TrdN9fLLKs8qzyk+dEh0Lfq/SIxBrf2t/a/+JE2u6kxjzY37Mz8ur9OXSl0tfTklRb2z6j/+o2ZcLoHZyi3aLdov285N2Sjulndu3a7ZwEBFRcTFP4Ak8YdQoFA5tq/wU1l/oL/QXLy9hiY/QETqi05U1L2te1vzgQdtFfGF5ADRMX6wv1hd7eqo9vWNjKZIiKbJRI9G57jGDZtCMW7fYUraULR01yrTNtM20LTVVdCy4v0qPINSLbrm56kW3Ll1EnwAtpaW01Ggse6PsjbI3Bg06c+bMmTNnrl0THQtApDtTza2tra2tU1LoJJ2kk9r7oMUzeSbPrKhg7syduRsMakOnPXtE54KHU+kRCF/Gl/FlGrr2cHtPHseVjisdVyYn39klFKAe6h3SO6R3SLduln9Y/mH5x8GDWi0ctr4cLJ7Fs/igIBSO2qnyU1i9qTf1zskRHfxu7G32Nnu7d2+1oCQmopBAfaL+vnfqJIVJYVJYUhLrx/qxfv/5n6Jz2cNSWApLCQlRhipDlaGbNonOA4+m8gWkM3WmzrGxooPbtYyW0bJevdQptuRk1zDXMNewtm1FxwKoDrYtgugNeoPeSExknsyTeXbsKDqXPewsO8vOvvmm8bzxvPH82rWi88DjqXQB6TK6y+guo3ftosW0mBafOyf6BO6vZ0/Hrxy/cvzq6FE3TzdPN0/tdkoDqAx1xNGiRfmI8hHlIw4epPfoPXqvWzfRueyaSBNpYni4sdRYaixdvlx0HKgaj7wMV5ZlWZZ1OsYYY+zYMfVo06aiT8genspTeeq331rmWuZa5vr5nfr01KenPv3hB9G5ACpD7T1ue5/Fx6tf+/cXncuusTSWxm7erCxWFiuLX3lFPci56FhQNR75TnS1p7Ci8Ml8Mp8cEKAeLS8XfUL2MG/mzbyfesphrMNYh7HJybZezqJzATyMrhFdI7pGNGrE5/F5fJ5tClm7hYNP49P4tB071MIxbdrtoygcdUyV3Qioy9Pl6fKef57n8Tye9/XXbCabyWY2biz6BO1aQAtowcWLFeMrxleMt+3mefGi6FgA/85gMBgMBgcH8wXzBfOFr75Sr+0ZDKJz3d/hw0VTiqYUTRk5Epuh1m1Vfie5foN+g37D0KFWV6ur1TUmRvOFxJM8yfN//9fhosNFh4s+Pif3ndx3ct/334uOBfD/fTk2bmQGZmAG2yd57bH15agwV5grzIMGYfPT+qHatiKRF8mL5EWDB1MohVLo7t339APRJNsmbb6+6rr0CxdEJ4L6SX3/fPihep/EnDmi89iDvhz1W7V1JDStMK0wrYiPV+8wHT1abSxVUiL6hO+vUyeextN4WkqKW5pbmlta166iE0H9oivVlepKly/XfOG4vSilIqcipyJn8GAUjvqp2lvaqtsvHz6sbss8ZAjNpJk088YN0Sduj20dPbvFbrFbKSm2O3tF54K6TU6UE+XE2bPJi7zIa9Ei0Xns4cf5cX7cbObP8ef4c76+aOhUv9XYbro2coAcIAd4e9Pf6G/0t7g4NovNYrOcnES/EPbwE/wEP/HTT9Z0a7o13c8ve0D2gOwBWr//BWoLW18OlsgSWeLnn9f0LtcPrR/1o34//siGsCFsiLe3cbhxuHG42Sw6FohV7SOQu9l22WTBLJgFP/88/5h/zD/W0N5ad7FtCSGRRBIlJ7uvdV/rvva//1t0LqjdbH056M/0Z/rzZ59ptnBw4sQLCqSnpaelpwcNQuGAf1fjBcRGndo6flzqLfWWeg8ZwjN4Bs+4fl30C2IPm8PmsDnt2llbWFtYW9g2bezZU3QuqF3U35tBg7Tel8P2frQ2tja2Nh46NDM4Mzgz+OxZ0blAW4QVEBtjU2NTY9O0NPIgD/Lw9eXhPJyH//qr6Fx2fUQf0Udt26pD+qQkua3cVm5bXS19oa6w9eVQf89jYrTal8O22IU5MAfmMGpUVlpWWlaa0Sg6F2iT5obM6lYNsqwWkoQENpvNZrM13HnQ1npzvXW9df2gQXjDwb+rLX05VLadJMaMUZexx8WJTgTaJnwEcjf1F9dkkhZJi6RFzz3H03k6T//lF9G57IqgCIpo1UrqJfWSeiUkuHd27+ze2d1ddCwQSx+qD9WHPvWUdaR1pHVkfLxmC0cgBVKg1cq6s+6s++TJKBxQGZobgdztzie4C9YL1gsJCepWDhru8+FBHuRRWEgZlEEZQ4ao13oyMkTHgpqh36/fr9/v4sIP8UP8UGoqnaATdEKDu0DfbujEjdzIjUFB6t52GzaIjgW1i+YLiI26aqV7d9aINWKNkpO13jBHVVTE2/A2vM2QIaZDpkOmQ+npohNB9bC1C2BJLIklpaay/qw/6+/iIjqXPczMzMy8cKHxmvGa8dr774vOA7WT5qaw7MlyynLKcsrJUQuHj496ND9fdK77a9GCXWVX2dVDh9wC3QLdAvv1E50Iqpat86U0X5ovzU9I0HrhUIWGonBAVag1BcRGnaP917/UR76+thucROe6vxYtJCYxiSUk6LiO6/jAgaITwePxOO9x3uN88+ZqB8yDB2k5LaflPXqIzmVXLMVS7Lp16vtnyRLRcaBuqDVTWPbYLlZyF+7CXZKS6EP6kD7UcJ8Pd3In95s3eQPegDcYOdK01rTWtDY5WXQseDh9L/e93PdykyZlT5Q9UfbEgQPMn/kzfw1/INhMm2nztm1KT6Wn0nPKFPWg1So6FtQNtb6A2Nj2rJLGSGOkMcnJbD6bz+Z36CA61/0VF1tft75ufX3kyCxDliHLkJQkOhH8MXWqytFRXcSxe7d6dNgw0bns4XE8jsfFxjq1c2rn1G7cuKPsKDvKKipE54K6pdZNYdmTHZEdkR1x/rxloGWgZaC3N1/FV/FVWu/r0bSp9J70nvTe3r26Ql2hrtDfX3Qi+COSxKfz6Xz61q3qY+0WDgqjMApLSlILx4QJKBxQnepMAbGxdRbk2TybZ/v42HYPFZ3r/po2pV20i3bt2yevkFfIK4YPF50IiIgY05l1Zp05MpJtYpvYpgkTRCeyy4d8yCc9vaSgpKCkYPRotXCUloqOBXVbnZnCskedeujUSX2UnKxOQXTpIjqXXXrSk76sjHVgHVgHg8H4lvEt41t794qOVd/I8+R58rxVq9gRdoQd+Z//EZ3n/s6ccdzjuMdxz8CB6R3TO6Z31PBWQFCn1LkRyN3UG/kuXWLH2XF23MdH7beQmys6l11GMpKxYUO1t3x0tO5fun/p/jVqlOhY9YW6lc5bb2m+cNz+PZZcJBfJZdAgFA4Qoc4XEBt108bLl6V8KV/K9/amxbSYFmu4r8ftQkJraA2tiYqSw+VwOXzMGNGx6ir5oHxQPvi3v6mPli0Tnccevpqv5qvz8irCK8Irwv39M6MzozOjf/pJdC6on+pNAbGxveEalDYobVDq68vf5e/ydzW8TfXtQsK2sq1s686dd/pIQJVQd1MOCGCX2WV2+eOPReexqy/1pb5Xr6qrC/39bdf6RMeC+q3eFRCbjJcyXsp46coVx2uO1xyv+fnxo/woP/rPf4rOdX+OjiyH5bCcqCh5q7xV3jpxouhEtdWdqcGf6Cf66YsvaD2tp/WSRt8PRUWUTumUPmTI72+kBRBLo2+YmmMrJBWRFZEVkX5+6tEzZ0TnsudOA6Kn6Wl6essW2ydo0blqC7dot2i3aD8/XsgLeeGOHcyduTP3Bg1E5/pjxcW8O+/Ou48YYdulWnQigH9X51dhVVbvY72P9T7Wpo3DbofdDrsTE+kYHaNj2m0YxSN5JI+0WNgNdoPdeOUVxVfxVXxt9yuAjboar08fCqZgCk5MpHW0jtY1ayY61z1ur8KzTrFOsU4ZNSrLM8szy/PQIdGxAP5IvR+B3C17QPaA7AFXr5YlliWWJQ4cSEtpKS3VboMo24iEN+PNeLPPP5ej5Cg56uWXRefSClvrYR7BI3jEgQNaLRy2DwKUSZmUGRCAwgG1AUYgD9CL9+K9eMuWDtcdrjtcj49nvsyX+Xp4iM5l1+0+D6SQQsrMmerUR2Sk6Fg1zS3NLc0trWtXpmd6pk9N1ez2/7b/X2NoDI159VVlqDJUGbppk+hYAA8DI5AHUFe7FBZamluaW5oPHkycOHENN4hSSCGFMfUP07p18gB5gDxg5kzRsWqKuktuhw7SJemSdCkhQbOFw+ZZepaenT8fhQNqI4xAKkmdEmnRgnzJl3wPHaIUSqGUvn1F57If+PYnXH/yJ//ZsxWDYlAMGl6u+ojuXLuKcYhxiDl6lFIplVK7dxedyx52lp1lZ99801hqLDWWLl8uOg/Ao3AQHaC2yc/Pz8/Pv3WrzZg2Y9qM2bFDWiOtkdZ4erIv2Zfsyz//WXS+ewNTPuUzRiVUQiVDhjhzZ+7Mr11Tz0PDI6mHZCvoUrwUL8UnJNAlukSXtLvoQRURoVxWLiuXFy0SnQTgcaCAPKIrCVcSriSUl7dp3aZ1m9a7djn80+GfDv+0dRzs3Fl0vnvYCome9KQfMqR9m/Zt2rcpKsrPzc/Nz619rXbVLUeaNqXn6Dl67sAB+p6+p+81PBIcS2Np7ObNyjZlm7JtxgzRcQCqAq6BPKbTC04vOL3g5k310fDh6lSRhhtE3b5GorbaXbNGDpAD5IDa80m4R1SPqB5RDRvy2Xw2n71rFyVREiV5e4vOZVckRVJkTIxLtku2S/b06epBzkXHAqgKGIFUEXVKqLzcucS5xLlk1y4+j8/j8/r0YSfYCXZCuz2yWQErYAV+fs6hzqHOoRZL/t78vfl7jx0TnetuBoPBYDA4ONzYd2PfjX3bt7MMlsEytL7J5OHDRa2LWhe1Hjfu+AfHPzj+QXm56EQAVQkX0avJndanTcqalDWJjWWD2WA2WPsNo9T7Ed5+2+Rh8jB5aGVTQcZks2yWzRs3MgMzMMO0aaIT2cMX8UV8UVpahbnCXGEeNOj3I1SAugUFpJp1jega0TWiUaMW+hb6FvroaJpFs2jWiBGicz0I/4J/wb9YtcrkanI1ub7+uqgc8jn5nHzugw/YJDaJTZo7V/TrYg9fypfypdnZlmGWYZZhPj625d+icwFUJ1wDqWa5IbkhuSG3bpXkleSV5I0bx2fymXym9htEsalsKpu6cKF8Wj4tn37vvZr++bJJNsmm0FDNF46VfCVf+d13FTkVORU5gwejcEB9ghFIDbNdBG6yqsmqJqt27lSPjh4tOtcDJVESJYWFKS2VlkrL6mu0pC7LDQlRO0eGh4s+7fu7dEm9sdTb29a4THQigJqEEUgNO/fiuRfPvVhWpv7hefFF2yod0bkeyI/8yG/BAvUP/OrVVf306rLcKVPUZcYffST6dO3qR/2o348/sqVsKVvq44PCAfUZVmEJoq7aslr7F/Yv7F/49dfXrl27du1a167qv/bsKTqfXYwYMU/P9lPbT20/tUWL/NT81PzUw4cf9enuNMjqQ32oz7ZtbCPbyDZqsC8HJ068oEDyl/wlfz8/Y4AxwBjw3XeiYwGIpL03aj0THR0dHR1tsbi4uLi4uEyeTJtpM23etk10rgdh8Syexc+ZI+fKuXLuJ5/cPvrQU6K6Ql2hrtDfX9op7ZR2bt9+p8+JxvAMnsEzrl+3NrY2tjYeOjQzODM4M1jDHSwBahCugWiM7X6HC/0v9L/Q/4sv1Fa2kyaJzvVA0RRN0Rs2KC6Ki+Jiu9Paar37P9MX64v1xZ6efC6fy+cePqxuX/7EE6Lj342f5Cf5yZISJjGJSc8/rzCFKezIEdG5ALQEBUSjbIXEbDabzWbbLq1TpojO9UCcOPHPPlOvDQQGqgetVneDu8Hd0Lu3tbW1tbV1SgqdpJN0smVL0XH/mO2GvzFj1O3w4+JEJwLQIs1NGYDq3Llz586d41y9VrJ3r3OKc4pzSqdOFEMxFOPmJjqfXYwYMVluP6/9vPbzOnZ0/sX5F+dfvvvOusS6xLokMZF9zj5nn7duLTrmPQIpkAKtVlbMilnxpElKvBKvxO/eLToWgJZhBFKrSJK6Cmr9evUPtW1vJQ273aKVjGQkY8OGouPc4/Z293wYH8aHBQaaRplGmUZt3Cg6FkBtgAJSKzEmvyO/I78TEcH2sX1sX3Cw6ES1FTMzMzMvXGi8ZrxmvPb++6LzANQmmMKqpfKP5B/JP3LokLOzs7Ozc6tW6tE+fUTnql1CQxWzYlbM774rOglAbYRlvLUa5+pF3r//nQ7SQTqo4RvwtGI8jafxn3yivm5LloiOA1CbYQqrjtGV6kp1pcuXkxd5kVft6fNR7W7fX6P0VHoqPW2r2e5dZgwADw8jkDpGaaw0VhovXsw38o18I6ZmeByP43Gxsc2eafZMs2emTlWPonAAVAUUkDrKJJtkk/zWW/QqvUqvaqWvRw0KozAKS0pyaufUzqndhAlH2VF2lFVUiI4FUJeggNRxSpASpAS9/ba6jHbpUtF5qh0nTjwjo6SgpKCkYPRotXCUloqOBVAXoYDUE+pWHO+8QyEUQiHiGkRVrzNnHGMdYx1jn39e3fX4xg3RiQDqMizjrWfy9+Tvyd/zzTdPlj5Z+mRpSQm1olbUSvutdu3yIi/yys2VHCVHydHX9+T0k9NPTr96VXQsgPoAq7DqOfmYfEw+Nn8+m8PmsDlhYaLzPCy+mq/mq/PyLAMtAy0Dvb3VToAXL4rOBVCfYAqrnjMNMA0wDVi9mubSXJo7b57oPA/Ul/pS36tX2Xw2n83390fhABAHIxD4HV2sLlYXGxREcRRHcZ98QgoppDx8n4/qVVSkfvX1VW8ENJlEJwKoz3ANBH4nf0f+jvwdRmN73p635/n5LIgFsaBhw8QWkuJi3p13592HDTPFm+JN8RkZol8nAMAIBB5AjpVj5dhXX2VX2BV25dNPaT2tp/U10HL29i6+TMd0TDd6tPE142vG1w4eFP16AMD/QwGBh6I7qDuoOzhtGl2my3R5w4bqKiQ8kkfySItFHfn89a9qY6roaNHnDwD3QgGBSpG7yl3lrlOn0nbaTts3bqyqXua2wiEtk5ZJy6ZONe437jfu//JL0ecLAPbhGghUSv6v+b/m/5qd3b5N+zbt22RksLFsLBvbvz+lURqlVb5FLU/lqTz122+l36TfpN8MBuMc4xzjnL17RZ8nADwYlvHCIzGtMK0wrYiPbza+2fhm47t3V48uWcJX8pV85Xff2fu+3//7kiXXP7v+2fXPevUy9jT2NPY8elT0eQHAw8MUFlQL1zDXMNewJ55o2L1h94bd27UryynLKcu5cuX0gtMLTi+4eVN0PgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAO/4PSBxbMqgmA24AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMTItMTVUMTU6NTc6MjcrMDg6MDCiEb4vAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTEyLTE1VDE1OjU3OjI3KzA4OjAw00wGkwAAAE10RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vaG9tZS9hZG1pbi9pY29uLWZvbnQvdG1wL2ljb25fY2sxYnphMHpqOWpqZGN4ci9jaGVjay5zdmfbTpDYAAAAAElFTkSuQmCC');
+    background-size: contain;
+}
+
+.icon-close:before {
+    content: ' ';
+    display: block;
+    width: 16px;
+    height: 16px;
+    position: absolute;
+    margin: auto;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 9999;
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIEAYAAAD9yHLdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAADwRJREFUeNrt3V1sU+cZwPHndTAjwZ0mbZPKR/hKm0GqtiJJGZ9CIvMCawJoUksvOpC2XjSi4kMECaa2SO0qFEEhgFCQSqWOVWqJEGJJuyYYWCG9QCIOhQvYlgGCIFmatrVSUhzixO8ujNM1gSZOfPye857/7wYlfPg5xj5/n/fExyIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABATizsWti1sCs/v6y0rLSsdMaMZ/Y8s+eZPZMnm54LQO6kn/fp/UB6v2B6LrdRpgcwZf7e+Xvn7505MxAIBAKBrVt1ja7RNdXVaqlaqpbOmTP0z+u9eq/ee/euFEqhFH7ySeCjwEeBj+rr299of6P9jb//3fT2AMhcWVlZWVnZ3Ln6uD6uj2/eLF3SJV1VVapW1ara6dOH/nn9hf5Cf3HzpupW3aq7qSl5LHkseay+/nLt5drLtbdvm96eXPNZQJQqn1Q+qXzS73+vN+gNesObb0q7tEv7xImZ/kv6kr6kL/X3q0PqkDpUXx/aFNoU2rRz53l1Xp1X/f2mtxTAcMv1cr1cT5jQfb37evf1ujrpkR7p2bxZ1agaVZOXl/E/WCM1UnP/vv5cf64/f+utjg87Puz4cPfu1G9qbXp7neaTgChVeqD0QOmBP/5RHVPH1LHf/CbrN1EplVLZ2iqt0iqtv/51NBqNRqP37pnecgDpI42CgtTz9OTJ1PO0sjLbt6PX6/V6/Z/+1LG5Y3PH5g0bHnzX2pBkXlyPKTtadrTs6Ouvq/fV++r9LVscu6EbckNuPPGEhCUs4UWLpsanxqfGT5yIxWKxWCyRMH0/AH40GI6whCXc3Cyn5bScDoeduj11RV1RV559dkrFlIopFX19sauxq7GrbW2m7wenBEwP4JT0OY7UV6+/nrMbjkhEIitWSIVUSEVLS0ljSWNJYyhk+v4A/GQwHHtkj+xpahp8XuaImqwmq8m7di2oXlC9oHr2bNP3h1OsDUhgfWB9YP2WLdIgDdLwgx/kfICzclbOLluW35Hfkd/x5z8PPqABOGbYEcd22S7bKypyPsiDc6v9df11/XWvvWb6fnGKtQHRj+nH9GOrV5ueY/CVz4MHNCEBsm9YOHJ8xPEo6og6oo64YD/k1PaZHiDbvruD/uYb0/MMUyEVUtHWFi+Pl8fLf/Wray9ee/Haiz09pscCvGjYUpWpI44RBE8FTwVPFRRcLLxYeLEwHjc9T7ZYdwSi2lSbavvxj03P8UgsbQHj5pqlqlFK9iZ7k70u3i+NkXUB6Tvcd7jv8H//a3qOEXGyHciY6ZPjYzXw0sBLAy95YL+UIeuWsNJK75feL71/545arBarxYWFpucZUVjCEj53LvWEqK7mfSTAt9x6jmNEi2WxLL59O3ooeih6aNYs0+Nkm3VHIIO6pEu6Pv3U9Bijxsl2YBjPhiOtUAql0EP7oQxZG5C8SXmT8ibt35++5IjpeUaNpS3As0tVabpBN+iGgQE5Lsfl+KFDpudxirUBuTT90vRL0//xj/S1qkzPkzFOtsOHvHZy/FFUsSpWxfv2pZai//Y30/M4xfpLmRR/VvxZ8Wd//Wvf7b7bfbd//vPBS454xU25KTdnz+YSKbCZ55eq0h5cE2/OB3M+mPPBb3977dq1a9eu2XstLGtPog+Vvp5/X1tfW19bU5N6V72r3v3FL0zPlTHeRwKLeOV9HCPaLbtl94UL8a/jX8e/fv55vzwvfROQNEICmEc47OC7gKQREiD3CIddfBuQNEICOI9w2Mn3AUkjJED2EQ67EZAhCAkwfoTDHwjIIxASIHOEw18IyAgICTAywuFPBGSUCAkwHOHwNwKSIUICEA6kEJAxIiTwI8KB/0dAxomQwA8IBx6GgGQJIYGNCAe+DwHJMkICGxAOjAYBcQghgRcRDmSCgDiMkMALCAfGgoDkCCGBGxEOjAcByTFCAjcgHMgGAmIIIYEJhAPZREAMIyTIBcIBJxAQlyAkcALhgJMIiMsQEmQD4UAuEBCXIiQYC8KBXCIgLkdIMBqEAyYQEI8gJHgYwgGTCIjHEBKIEA64AwHxKELiT4QDbkJAPI6Q+APhgBsREEsQEjsRDrgZAbEMIbED4YAXEBBLERJvIhzwEgJiOULiDYQDXkRAfIKQuBPhgJcREJ8hJO5AOGADAuJThMQMwgGbEBCfIyS5QThgIwICESEkTiEcsBkBwXcQkuwgHPADAoKHIiRjQzjgJwQE34uQjA7hgB8REIwKIXk4wgE/IyDICCFJIRwAAcEY+TUkhAP4FgHBuPglJIQDGI6AICtsDUl+XX5dfl0ySTiA4QgIsmrwlXpYwhJubpaIRCSyYoXpuTIWlrCEz50b/Nrr2xGRiESqq6PRaDQavXfP9FiwAwGBI6w5IvEqjjiQAwQEjiIkOUY4kEMEBDlBSBxGOGAAAUFOEZIsIxwwiIDACEIyToQDLkBAYBQhyRDhgIsQELgCIRkB4YALERC4CiEZgnDAxQgIXMn3ISEc8AACAlfzXUgIBzyEgMATrA8J4YAHERB4inUhIRzwsIDpAYBMJNYm1ibWKqUeV4+rx5X3XwCdkTNyxoLtgC/xwIUnWPN5HI/i8Ge2A04gIHA168MxFCGBhxAQuJLvwjEUIYEHEBC4iu/DMRQhgYsRELgC4RgBIYELERAYRTgyREjgIgQERhCOcSIkcAECgpwiHFlGSGAQAUFOEA6HERIYQEDgKMKRY4QEOURA4AjCYRghQQ7kmR4AdhkMR1jCEm5uliNyRI54MBxhCUv43DkpkiIpunVLbspNuTl7tumxRu2W3JJbM2cGC4IFwYKFC6fGp8anxk+ciMVisVgskTA9HuzAxRSRFcOOOCISkciKFabnylj66ril8dJ46Zo1wY3BjcGNVVV6m96mt505Y3q8jKX/HyqkQipaWkoaSxpLGkMh02PBDixhYVysWaoa4bLq1lxGnqUtZBEBwZj4JRxDERLgWwQEGfFrOIYiJAABwSgRjocjJPAzAoLvRThGh5DAjwgIHopwjA0hgZ8QEHwH4cgOQgI/ICAQEcLhFEICmxEQnyMcuUFIYCMC4lOEwwxCApsQEJ8hHO5ASGADAuIThMOdCAm8jIBYjnB4AyGBFxEQSxEObyIk8BICYhnCYQdCAi8gIJYgHHYiJHAzAuJxhMMfCAnciIB4FOHwJ0ICNyEgHkM4IEJI4A4ExCMIBx6GkMAkAuJyhAOjQUhgAgFxKcKBsSAkyCUC4jKEA9lASJALBMQlCAecQEjgJAJiGOFALhASOIGAGEI4YAIhQTYRkBwjHHADQoJsICA5QjjgRoQE4xEwPYDtbAtH4kriSuIKT1BbXCy8WHixMB6fuGzisonLVq/W2/Q2ve3MGdNzZeysnJWzy5blt+e357f/5S8ljSWNJY2hkOmxbMcRiENsDcfV7Ve3X93+zTemx4IzOCJBJghIlhEO2ICQYDQISJYQDtiIkOD7EJBxIhzwA0KChyEgY0Q44EeEBP+PgGSIcACEBCkEZJQIBzAcIfE3AjICwgGMjJD4EwF5BMIBZI6Q+AsBGYJwAONHSPyBgDxAOIDsIyR2831ACAfgPEJiJ98GhHAAuUdI7OK7gBAOwDxCYgffBIRwAO5DSLzN+oAs18v1cj1hQk95T3lP+aefpr77y1+anitje2SP7Dl7NhW+1auj0Wg0Gr13z/RYQDYMvsALS1jCzc0SkYhEVqwwPVfGKqVSKltbQ++E3gm9U1V1Xp1X51V/v+mxnGL9B0p1X+++3n29ri71FeEA3GjwcR2RiESqq1MhOXfO9FwZa5VWaa2s7DnYc7Dn4O7dpsdxmrUBKX+7/O3yt3/2M5krc2Xupk2m58lYeqkqmogmomvWEA74QfpxHtwY3BjcWFXl1U9I1Iv0Ir1o69b53fO753fPm2d6HqdYG5BkXjIvmbd1q3pOPaeemzDB9Dyjlj7i2Ck7ZeeqVZzjgB+lP2o3dU5kzRqvHZGoGlWjavLyAg2BhkDDa6+Znscp1gZEzVQz1cyqKtNzjBpLVcAwnl/aOi7H5biH9kMZsi4gCzoXdC7o/OEPZZ/sk33TppmeZ0QsVQEj8vbS1owZJY0ljSWNoZDpSbLNuoAMrBtYN7DuRz8yPceIWKoCMubVpa3Q/ND80HwP7JcyZF1ARIkS9e9/mx7jkTjiAMbNa0ckgUmBSYFJ//mP6Tmyzdr3gZTGS+Ol8Rs31FK1VC2dM8f0POkjjuCTwSeDT1ZXp19JmR4LsIFr30eyQ3bIjs7O6AvRF6IvFBebHifb7DsCeUA1qAbV0Nxseg7CATjPrSfb9VP6Kf2UC/ZDDrE2IMlkMplM7t8vNVIjNffv53yAIUtVhANwnluWtvRhfVgf7u1VL6uX1csHDpi+X5xibUAu116uvVx7+3bqqz/8IWc3nD7imBecF5y3ciUnx4HcM36yPSlJSb71VrQj2hHtuHPH9P3hlDzTAzgt1hRrijW1tU3ZMWXHlB1z5qgr6oq68uyzWb+h/bJf9re0BIuCRcGitWs54gDMi8VisVgskZganxqfGj9xInWtqvJyuSE35MYTT2T79vRJfVKfPHas4+mOpzuerq01vf1Osz4gabGWWEus5dSpaV9N+2raV4mE7JJdsmvJEmmXdmnP/J3q+pK+pC/190undErn3r1FkaJIUeR3vzv9yulXTr/S12d6ewF8Kx2S4gvFF4ovfPxxX29fb19vQYE+qo/qowsWqPfUe+q9QMYrMumlKlklq2TVm29+Nxxam95up1n7U1gjKSstKy0rnTFDr9Qr9cotW1SLalEtq1enfgy4qOjhf+vOHVkn62TdJ58M3B24O3C3vv7Lg18e/PJgZ6fp7QGQufQ18/QpfUqf2rw59d3nn0/9OmPGsL+wRJbIkn/+U7+qX9WvNjUFZgVmBWbV17cXtBe0F3R1md6eXPNtQB4l/fkEiTWJNYk1P/1p+n0lvF8D8I/BHwvWokX/5CehaCgaiv7rX6nLs/f2mp4PAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAtvsf2vlfs7i0WI4AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMTItMTVUMTU6NTc6MjcrMDg6MDCiEb4vAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTEyLTE1VDE1OjU3OjI3KzA4OjAw00wGkwAAAE10RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vaG9tZS9hZG1pbi9pY29uLWZvbnQvdG1wL2ljb25fY2sxYnphMHpqOWpqZGN4ci9jbG9zZS5zdmdHkn2WAAAAAElFTkSuQmCC');
+    background-size: contain;
+}
+
+.icon-right:before {
+    content: ' ';
+    display: block;
+    width: 16px;
+    height: 16px;
+    position: absolute;
+    margin: auto;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    background-size: cover;
+    z-index: 9999;
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIEAYAAAD9yHLdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAJ4pJREFUeNrt3XtcVXW6P/Dn2VwCBxUzNbnkkXRSGzXW2huQRLyMIqKRJF7Q1CkrDS+VGp3Gy9g5YzI6qVsNfTmlqGmipQiIiJqAcnOvhaKRHidshoatpKaBogL7OX+s6Mz8flO5CfzutXne/+zXWhR8QOXZ3+93Pd8vAHuAEKW10lpp7dix0mXpsnR5/34pX8qX8r/7TpZlWZaJGl//9f6+fY3/X+PnEf2dMMYY/yJqYcbbxtvG2/7+lEM5lLN7NyyCRbBowICmfj56m96mt/PzDZGGSEPkxImWNpY2ljYVFaK/T8ZY6+MiOoCzMn1t+tr09a9/TQfpIB0sLITlsByW9+r1Sz8v5mEe5vn7Q3toD+0nT/Y77Xfa73ROTuWNyhuVNyorRX/fjLHWg0cgzUybcmrThvIoj/JUFcMwDMOeeKLFvmA8xEN8TQ2sh/Ww/rnnFFVRFfXwYdE/B8aY8zOIDuBsqDf1pt6vvdbihaPRBtgAG7y8wAQmMKWlyflyvpw/aZLonwNjzPlxAWlWiOiN3ugdH//Av7QFLGBxd4dzcA7O7dgh75H3yHvmzBH9E2GMOS+ewmomplhTrCn2qads5bZyW3lJieg8jWgADaABf/yjul5dr65fvPj7uyQ6F2NM/3gE0kxsb9vetr3do4foHP8vLMACLPj977W1mS1bwimcwsnVVXQuxpj+cQFpLt/Ct/BtmzaiY/y0adNqltYsrVmakqIVEg8P0YkYY/rFj/E2E5+zPmd9znbpAggI+PzzovP8qItwES727n23w90OdzuEhfl86fOlz5f79lmtVqvVeveu6HiMMf3gEUgzqVfqlXqluFi7qqsTnefnYCImYmJ4OOVSLuWeONF/Zv+Z/Wf6+orOxRjTD15Eb2ZSlVQlVWVkYCRGYuSoUaLz3C86QSfoRHk5lVAJlURElISWhJaE/vWvonMxxhwXj0CaGT1Lz9KzS5eCDDLI+nnaCQfiQBwYEID1WI/1J05oi+6SJDoXY8xx8RpIM7tccbnickVlZdekrkldk4gwAzMwY8gQ0bnuF2ZhFmZ5eWkd7pMn+1T4VPhUKIq2RvLll6LzMcYcB09htShE6YJ0Qbqwdi3GYRzG6bCxbxbMgll372ojqilTlEAlUAncu1d0LMaYeDyF1aKI1CfUJ9Qn5s6FuTAX5r71lt6mtiAJkiDpoYeojuqo7uOP5VQ5VU6dOVN0LMaYeDwCecCkFClFSpk+HcbBOBi3eTOa0IQm/TX20RbaQlsSE9V+aj+131tvic7DGHvwuIAIIp+Xz8vno6OpJ/Wknrt2YRAGYZCnp+hcdpsAE2DC++8rbypvKm82TtHZbKJjMcZaHhcQwYxnjWeNZ8PDaTpNp+mpqdrd9u1F52qa/fu9LF4WL8ukSTmYgzl4547oRIyxlsNrIIJZ+lr6Wvrm5GBv7I29Bw6EN+ANeOMf/xCdq2mefbbGWGOsMR48GHQx6GLQxXbtRCdijLUcfozXQVSWVpZWllZV+df51/nX7dtH8RRP8aNGwQk4ASc6dhSdzz7du9NVukpXR4zoFNMpplPM/v1Xsq9kX8m+dUt0MsZY8+ERiIMpTitOK067dMm1zrXOtS4sTLurqqJz2e04HIfjsuw623W26+yCgsD8wPzAfMfbrZgx1nRcQBxUUVxRXFHclSu1CbUJtQnh4dpd/R1V+0OHuxGNaMzLazw3RXQuxtgvx4voOtEnpU9KnxR3d88yzzLPsu3bIQ3SIG38eNG57BYEQRB04wZVUzVVP/OMukPdoe7IyxMdizFmPx6B6ETZ+LLxZePv3Qv4PODzgM/j4mg37abdGzeKzmW3YiiGYm9vHIyDcXB2tlwil8gl48aJjsUYsx+PQHROTpaT5eSEBDCDGcwrVojOYy9KoiRKamgAK1jBOmuWGq1Gq9GbN4vOxRj7eVxAnISUKWVKma++ihVYgRXr1sEm2ASbDPoZYTZu8bIJNsGmd95RUEEF//AH0bEYYz9OP79g2E9SI9VINfL996mWaql23DjaQBtog44a+RRQQEEEIxjBuHSptgml2ax9UEeFkLFWhEcgTko7z2PIECqiIiravx+DMRiD9drYt3MnEBDQ9OmKqqiK6vgnPjLWGvA7OyelKIqiKJ99pj31NHQovAavwWtVVaJzNU1cHKyCVbAqM/Ppjk93fLpj27aiEzHGeATSahjTjenG9IAAOkyH6XBWFpyEk3BSf419tISW0JJTp2wdbB1sHaKiTg86Pej0oG++EZ2LsdaIC0grozXyPfpow7SGaQ3TMjNxKS7FpTps7CMgoPPntYuICG1q6+9/Fx2LsdaEC0gr1Z/6U3/y9nZNcE1wTThwAI7CUTjauHWK3litVEEVVDFypFqlVqlVpaWiEzHWGvAaSCt1Bs/gGbxx46bfTb+bfsOHUxqlUZpej6rt2hVX4kpcefy4sYOxg7HD00+LTsRYa8AjEAYAALGxsbGxsS4u5XK5XC4nJcEe2AN7XnpJdK6muX1bex0/XnuYICNDdCLGnBEXEPZvIMokk0xLlzb2ZYhOZK/GDne8htfw2iuvKJFKpBL5wQeiczHmTPg8EPZvWZdZl1mXHT/uY/Yx+5ivX4cn4Ul4MiLih4Y/B4cZmIEZBgPchJtwc8wY33Lfct/y2trKO5V3Ku+cPCk6H2POwOF/ETDHoDUmxsVpV1u3aq9ubqJzNY3ZrE1tvf66ds1nuDPWFFxAmF0C9wTuCdwzbBj6oi/67tuHc3AOztFfYx9Npak0dft2TMZkTH7xRe5wZ8x+XEBYk5i6m7qbuptMtlG2UbZRGRlQCIVQ2KmT6Fx2i4RIiExPh0zIhMwJE7SRSeMiPGPsp3ABYb+INrXVq5d2lZWlvT72mOhcdiMgoKIi7WL0aG1EcvWq6FiMOTLuA2G/iPaOvbEjPCQEBsEgGKTDRj4EBAwOhkWwCBbl5BhvG28bb/v7i47FmCPjEQhrVn379u3bt2+HDm55bnlueWlpOAyH4TAdNvaFQiiE/u1v2Bk7Y+eICMtiy2LL4gsXRMdizJHwY7ysWVVVVVVVVd2545Ptk+2T/fHH2t3GvbZ+/WvR+e5bBVRAhbc3zaJZNCsu7lG3R90edcvLu6xcVi4rX38tOh5jjoCnsFiLaFyMDggICAgIiI6mPbSH9uivkQ/n4Tyc9/DDBjSgAbOzA/MD8wPzR44UnYsxR8BTWOwBQpTmS/Ol+StW4HE8jsfffFN0IrsZwQjGe/dgGkyDadOnK6FKqBK6a5foWIyJwFNY7IGyFlgLrAVHjnTd3nV71+03buDj+Dg+PmKEXjrcoRIqodLFBaqgCqpiYnzAB3ygpsZqtVqt1oIC0fEYe5C4gDAhrNus26zbiop8yZd86dIlqIEaqBk9Wvuoi+P/vbSCFayNBW/EiK5ZXbO6Znl6WpOsSdako0dFx2PsQXD8d3ysVZCWS8ul5aNH4yf4CX6ye7d2t00b0bmaJjnZy+Jl8bLMmJGDOZiD9fWiEzHWEriAMIciS7IkS8HB2lV6utaf8cgjonPZi+IpnuIPHHAf7j7cffjEiYX+hf6F/rW1onMx1pz4KSzmULQO8KKihjUNaxrWhIdTPuVTfkWF6Fz2wg24ATc888y9gnsF9woyM7XC2L696FyMNScuIMwhnR50etDpQWVltI7W0bqwMMqjPMrTXyMfJmIiJoaHUy7lUu6JE/1n9p/Zf6avr+hcjDUHnsJiuhBSEVIRUvHww3Xn6s7VnUtP17YcGTBAdC57USIlUuKlS7YDtgO2AxERp82nzafNFy+KzsVYU/AIhOmCtoZw/bpWQIYPh9WwGlYfOiQ6l70wARMwoXt3wzjDOMO4vDxtM0pJEp2LsabgAsJ0pXRh6cLShbdu1V6uvVx7OTqaUimVUvXXyIev4+v4epcuEA/xEJ+To62RjBghOhdj9uApLOYEELVfwCtXak9tzZ8vOpHdvu9wJ5lkkp9/Xn1ZfVl9OSVFdCzGforjN2wxdh+0TvDDh31W+KzwWXHnDtRDPdQPG/avDX8OrLHDfQbMgBkxMT6jfUb7jK6qsn5s/dj6scUiOh5j/47j/8NirAm0tYVp0+gUnaJTf/kLmtCEJldX0bnsRVtoC21JTFT7qf3Ufm+9JToPY/+MCwhzavJ5+bx8PjqaelJP6rlrFwZhEAZ5eorOZbcJMAEmvP++8qbypvLmnDnaTZtNdCzWunEBYa2C8azxrPFseDhNp+k0PTVVu6vDxr4oiIKoffu8lnkt81oWF6dtlXLnjuhYrHXip7BYq2Dpa+lr6ZuTg72xN/YeOBDegDfgjX/8Q3Quu2VABmSMHVtjrDHWGA8eDLoYdDHoYrt2omOx1okX0VmrUllaWVpZWlXlX+df51+3b5+2Z9WoUXACTsCJjh1F57NP9+50la7S1REjOsV0iukUs3//lewr2Veyb90SnYy1DjwCYa1ScVpxWnHapUuuda51rnVhYdpdVRWdy27H4Tgcl2XX2a6zXWcXFGgnJvboIToWax24gLBWrSiuKK4o7sqV2oTahNqE8HDt7uHDonPZCwfiQBwYEIBGNKIxL88Ua4o1xTaeRc9Yy+BFdMb+SZ+UPil9UtzdPcs8yzzLtm+HNEiDtPHjReeyWxAEQdCNG1RN1VT9zDPqDnWHuiMvT3Qs5lx4BMLYPykbXza+bPy9ewGfB3we8HlcHO2m3bR740bRuexWDMVQ7O2Ng3EwDs7OlkvkErlk3DjRsZhz4REIY/dBTpaT5eSEBDCDGcwrVojOYy9KoiRKamjQOvNnzVKj1Wg1evNm0bmYvnEBYcwOUqaUKWW++ipWYAVWrFsHm2ATbDLoZyQvgwwykZb7nXcUVFDBP/xBdCymT/r5i8+YA1Aj1Ug18v33qZZqqXbcONpAG2iDjhr5FFBAQdQ2b1y6VLogXZAumM3aB3VUCJlD4BEIY7+AtufWkCFUREVUtH8/BmMwBuu1sW/nTiAgoOnTtaOF6+pEJ2KOjd9xMPYLKIqiKMpnn2lPPQ0dCq/Ba/BaVZXoXE0TFwerYBWsysx8uuPTHZ/u2Lat6ETMsfEIhLFmZEw3phvTAwLoMB2mw1lZcBJOwkn9NfbRElpCS06dsnWwdbB1iIrSzqj/5hvRuZhj4QLCWAvQGvkefbRhWsO0hmmZmbgUl+JSHTb2ERDQ+fPaRUSENrX197+LjsUcAxcQxlpQf+pP/cnb2zXBNcE14cABOApH4Wjj1il6Y7VSBVVQxciRapVapVaVlopOxMTiNRDGWtAZPINn8MaNm343/W76DR9OaZRGaXv3is7VNF274kpciSuPHzd2MHYwdnj6adGJmFg8AmHsAYqNjY2NjXVxKZfL5XI5KQn2wB7Y89JLonM1ze3b2uv48drDBBkZohOxB4sLCGPCIMokk0xLlzb2ZYhOZK/GDne8htfw2iuvKJFKpBL5wQeic7EHg88DYUwg6zLrMuuy48d9zD5mH/P16/AkPAlPRkT80PDn4DADMzDDYICbcBNujhnjW+5b7lteW1t5p/JO5Z2TJ0XnYy3L4f+CMtaaaI2JcXHa1dat2qubm+hcTWM2a1Nbr7+uXfMZ7s6GCwhjDihwT+CewD3DhqEv+qLvvn04B+fgHP019tFUmkpTt2/HZEzG5Bdf5A5358IFhDEHZupu6m7qbjLZRtlG2UZlZEAhFEJhp06ic9ktEiIhMj0dMiETMidM0EYmjYvwTK+4gDCmA9rUVq9e2lVWlvb62GOic9mNgICKigwHDAcMB6KiTvmd8jvld+2a6FisabgPhDEd0N6xN3aEh4TAIBgEg3TYyIeAgMHBtmJbsa04NzfoYtDFoIt+fqJjsabhEQhjOtS3b9++fft26OCW55bnlpeWhsNwGA7TYWNfKIRC6N/+hp2xM3aOiLAstiy2LL5wQXQsdn/4MV7GdKiqqqqqqurOHZ9sn2yf7I8/1u427rX161+LznffKqACKry9aRbNollxcY+6Per2qFte3mXlsnJZ+fpr0fHYT+MpLMZ0rHExOiAgICAgIDqa9tAe2qO/Rj6ch/Nw3sMPG9CABszODswPzA/MHzlSdC7203gKizGngyjNl+ZL81eswON4HI+/+aboRHYzghGM9+7hLbyFt6ZNs+yw7LDsaBxpMUfBU1iMOSFrgbXAWnDkSNftXbd33X7jBj6Oj+PjI0bopcMdKqESKl1coBt0g27PPecDPuADNTVWq9VqtRYUiI7HNFxAGHNi1m3WbdZtRUW+5Eu+dOkS1EAN1IwerX3UxfH//VvBCtbGgjdiRNesrlldszw9rUnWJGvS0aOi47V2jv9OhDHWbKTl0nJp+ejR+Al+gp/s3q3dbdNGdC67xUAMxGzd6vW219teb7/0Ug7mYA7W14uO1dpwAWGsFZIlWZKl4GDtKj1d68945BHRuexFGZRBGamp7nXude51kyYV+hf6F/rX1orO1VrwU1iMtULanlRFRQ1rGtY0rAkPp3zKp/yKCtG57IVRGIVR0dH3Cu4V3CvIzNQKY/v2onO1FlxAGGvFTg86Pej0oLIyWkfraF1YGOVRHuXpr5EPEzERE8PDKZdyKffEif4z+8/sP9PXV3QuZ8dTWIyxHzyV+1TuU7mdOhm+NXxr+DYjA9/Bd/Adk0l0LnvRCTpBJ8rLaRgNo2FhYSX5Jfkl+ZWVonM5Gx6BMMZ+oI1Ivvnmzt07d+/cHTpUu3v4sOhc9sKBOBAHBgQYFhsWGxbv3dsnpU9KnxR3d9G5nA2PQBhjP6rxF69HqEeoR+jWrRiN0Rg9aZLoXE3z6qta535SkugkzoILCGPsPhkM0gXpgnRhzRqMwziMmzNHdKL7thAWwsKvvlImKhOVid27i47jLLiAMMbsJifLyXJyQgKchJNw8t139dLhjs/is/hsr16862/z4DUQxpjdlGnKNGVaYiJFURRFvfIKJVESJTU0iM71s76Bb+Cb3/xGdAxnwQWEMdZkarQarUZv3ky9qTf1Hj8eXoFX4BWbTXSuH0PP0rP07K9+JTqHs+ACwhhrstjY2NjYWBcX3ISbcFNUFGyCTbDJ4Li/VxbCQljIW540F8f9g2aMOSztjPY2bb7c8OWGLzccOIC7cBfueuEF0bl+ViqkQuqNG6JjOAtX0QEYY/rReJQuHaWjdFRHR+nKIINMVLerblfdLotFdBxnwQWEMfazgi4GXQy66OfXcLbhbMPZrCwYBsNgWJ8+onPdL/oT/Yn+lJ9f6l3qXepdVSU6j7PgAsIY+1HaVFWvXg0TGyY2TMzK0u4+9pjoXPYypBhSDCl//KPoHM6G10AYY/8fU3dTd1N3kwlCIARCcnO1u/orHPQcPUfPbdpkednysuXlzEzReZwNj0AYYz+Q3pbelt6OiLBdt123Xf/kEyiEQijU32OvFE/xFH/gwHc139V8VzNvnug8zsrhO0cZYy1Pm6qKi9Outm7VXt3cROeyF31Kn9Kn27bhWByLY2fM0M49qasTnctZ8RQWY62Ysaexp7Hn7NlaA+D27dpd/RUOjdmsdlO7qd2mT+fC8WC4iA7AGHvwftjL6jSchtPvvaeXvaz+7xvQHssld3In94QE9Zh6TD22eLHoWK0Nj0AYawUaO8blcrlcLt+0CcxgBvOKFaJz2YtO0Sk6VV+P5/E8np8xQ/1U/VT9dOVK0blaK/2842CM2a2HuYe5h/mhh9pvbb+1/dbt2wEBAWNjRedqmtu3tU7y2FjFT/FT/A4eFJ2oteMRCGNOSDsIysurXVy7uHZxaWm6LRxzYS7M/fZbLMdyLB8xgguHY+ERCGNOJHhn8M7gnV261I2pG1M3JjMTB+NgHBwYKDqX3QbAABhQWQn5kA/5I0dqi+Jnz4qOxf4Vj0AYcwJBY4LGBI3p3r3erd6t3i0vT7eFIwzCIOyLL7TCMWAAFw7HxiMQxnTMOMU4xTjlN78hb/Im76wsKIACKPDxEZ3LXrSEltCSU6dwGS7DZaNGaYXj6lXRudhP4050xnRIJplkGjyYjGQk4/792t327UXnshfNp/k0/8gRzxc8X/B8ISbm5LWT105eq64WnYvdH57CYkxH5PPyefl8dDQVUREVNe7tpL/CAdEQDdEffYSrcBWuGjWKC4c+8RQWYzogpUgpUsr06TAOxsG4zZvRhCY0uep0BsFsVhRFUZTXX9euHfcIXPbTuIAw5sB+6BjXaeNfY8e4dtTtO+8oqKCCf/iD6Fiseej0HQxjzgxRKpPKpLJVq+B5eB6ef+MN0YnsRUmUREkNDWAFK1hnzVJRRRU3bxadizUvHoEw5gC0xj93d4+rHlc9riYn4wf4AX4wcaLoXHabBbNg1t27WIqlWDp5ssVsMVvMn3wiOhZrGVxAGBOo38p+K/ut/NWv3ILdgt2C9+6F1+F1eH3kSNG57BYEQRB04wZVUzVVP/OMukPdoe7IyxMdi7UsLiCMCRBSEVIRUvHww3Xn6s7VnUtPh0WwCBYNGCA6V9NYrbZSW6mtNDKypK6krqTuzBnRidiDwY/xMvYABa4KXBW4qlu3ex3vdbzXMT9fr4WDTtAJOlFerl2FhXHhaJ14EZ2xB+Cp3Kdyn8rt0weDMRiDDx3CUAzFUH9/0bnstgyWwTKLpX59/fr69VFRpUqpUqpUVYmOxcTgKSzGWpAsyZIsBQdrV+np2q64jzwiOpfdhsNwGH7smMuLLi+6vDh2bHHP4p7FPb/7TnQsJhZPYTHWAqTl0nJp+ejRWsE4dky3hSMKoiBq3z6vd73e9Xo3KooLB/tnPAJhrBlJnaXOUucpU9Af/dH/ww+1uzo8YzwVUiF1wwbt/I25c7Wb3DHO/hWfic5YM5COSEekI/PmYSAGYuDGjdoZ4/rbaoS20Bbakpio9lR7qj0bGxiJROdijkl3f8EZcxyIUqlUKpW++y7+Dn+Hv0tIEJ3IXo0d42hFK1pnz1b7qf3Ufhs3is7F9IGnsBizQ2xsbGxsrItL+ZflX5Z/uXGjtrYxY4boXHb7vmOcbGQj29Sp6svqy+rLKSmiYzF94QLC2H3oYe5h7mF+6KH2Ie1D2ofs3Kn9Ao6JEZ3LbvEQD/E1NRADMRATE6N4K96Kd3a26FhMn7iAMPYT+lN/6k/e3q5GV6OrMS1NuztwoOhc9qLVtJpWX7liWGRYZFgUGWnJteRacktKROdi+sZrIIz9G7Isy7LctSscgANwoPHgpv79ReeyFyVSIiVeumTba9tr2xsRoeaquWruxYuiczHnwCMQxv6JVjgefxwICCgrS1vjePxx0bnsRTmUQznnzjUsaFjQsGDkyDMbz2w8s/Ef/xCdizkXbiRkDAACQwNDA0ONRgiBEAgpKNBt4UigBErIycFBOAgHDRzIhYO1JB6BsFZNmi3NlmYPHQprYA2s2bdP26uqXTvRuexFGZRBGamp7nXude51kyYV+hf6F/rX1orOxZwbr4GwVklaK62V1o4dC8EQDME7d2qFw8NDdC67xUAMxGzd2rZL2y5tu7z0Ug7mYA7W14uOxVoHHoGwVkUaJA2SBsXH4xScglPMZu2sboPupnJ/6Bjvp/ZT+731lug8rHXiAsJaBTlZTpaTExLADGYwr1ghOo/93wDIIBNBOIRD+IIFymRlsjL5vfdEx2Ktm+7eeTF2Pxo7xqW/Sn+V/pqUpNvCYQQjGO/dw9t4G2/HxXHhYI6ERyDMqfzQMX69/fX217dtgzRIg7Tx40XnspsJTGC6dcs21TbVNnXcuJLQktCS0EOHRMdi7J/xCIQ5hT4pfVL6pHh5tYtrF9cuLi1Nr4WD1tJaWnv9uo1sZKPhw7lwMEfGIxCma8E7g3cG7+zSpf7P9X+u//PBg9pdSRKdy26hEAqhf/sbdsbO2DkiwrLYstiy+MIF0bEY+yn8GC/TpaAxQWOCxnTvXu9W71bvlpWl3e3ZU3Quu/0efg+/Lytz6evS16VvRIR24t/XX4uOxdj94ALCdMU4xTjFOOU3v2mIbIhsiDx0CFbACljh6ys6l90ICKioyBBkCDIERUUV+xX7FftduyY6FmP24CkspgvGs8azxrPh4TSdptP01FTtbvv2onPZbR2sg3VpaW7+bv5u/hMmcMc40zNeRGcOzfhfxv8y/tczz9j62PrY+jTuiqu/wkGf0qf06bZtMBtmw+znnuPCwZwBj0CYQ9J2xZ02jU7RKTr1l7+gCU1o0t8Z4xqzWVEURVFee0275jPGmXPgEQhzKD90jMsgg7xli+4Kx/cd49SNulG3N9/UCse8edoHuXAw58IjEOYAEOW18lp57Z/+BNtgG2xbsEB0IntpI6X6esNgw2DD4Fde0U78+/BD0bkYa0n6eWfHnIrW+Ofu7hHqEeoRunUrREM0RE+aJDpX09y+jZVYiZWxsVrhaOxHYcy58RQWe6D6rey3st/KX/3K447HHY87+/djNEajHgvHXJgLc7/9FsuxHMtHjFD8FD/FjwsHa11cRAdgrUNIRUhFSMXDD9Ntuk23MzNxFa7CVUOHis5ltwEwAAZUVsJe2At7f/tb5ZJySblksYiOxZgIvAbCWpR2VKyPj+Gu4a7hbuOeTn37is5ltzAIg7AvvoBcyIXckSMVVVEV9e9/Fx2LMZF4Cou1iMDqwOrA6t698TP8DD8rLNTu6q9w0BJaQktOndIKx6BBXDgY+z88AmHNytjT2NPYMyiI2lJbapuRAQgI+MgjonPZbSWshJVHj3rEesR6xI4de/LayWsnr1VXi47FmCPhEQhrFsZ0Y7ox/be/tSXbkm3JR47otnBEQzREf/QRLIAFsCAykgsHYz+ORyDsF5E6S52lzlOmoD/6o39j34Obm+hc9qKdtJN2rlunPqE+oT7R2DFus4nOxZgj4xEIaxJZkiVZmjsX/xv/G/87OVm7q6PC0XjGuAUsYFm2TCscc+dqH+TCwdj94BEIswOiTDLJtHSpdlb30qWiE9mLkiiJkhoawApWsM6apUar0Wr05s2iczGmR1xA2E+KjY2NjY11cSmXy+VyOSkJ9sAe2PPSS6Jz2W0WzIJZd+9iKZZi6eTJFrPFbDF/8onoWIzpGRcQ9m/1MPcw9zA/9FA7j3Ye7Tw++gg34Sbc9NxzonPZLQiCIOjGDaqmaqp+5hl1h7pD3ZGXJzoWY86A10DYv+hP/ak/eXu3/7r91+2/zs7Wa+GgAiqggsuXDVcNVw1XhwzhwsFY8+OtTBgAAJhiTbGm2EcfhTbQBtpkZ+OH+CF+GBwsOpe96ASdoBPl5aSSSurQocp8Zb4yv6xMdC7GnBEXkFZO698ICKAqqqKqY8dwG27DbX36iM5lt8EwGAYrSn1ZfVl92dChZyaemXhmYkWF6FiMOTPezr2VkiRJkiRZpm/pW/r24EE4CSfhZOfOonM1zWefucx0meky89lnlZ5KT6Xnd9+JTsRYa8BrIK2MdlTskCFQDMVQfOwYrIE1sEaHhSMKoiBq3z4vi5fFyzJqVHHP4p7FXDgYe6D4KaxWQlorrZXWjh0LwRAMwTt3YjzGY7yHh+hcdkuFVEjdsEE7f4Mb/xgTiUcgTk7KlDKlzFdfRU/0RM+9e/VaOGgLbaEtiYla4Zg9W7vLhYMxkXgNxEnJyXKynJyQAItgESxasUJ0Hns1doyjFa1onT1b7af2U/tt3Cg6F2Ps//BTWE6isWPc44DHAY8D77+PC3EhLnzrLdG57PZ9x7i21ciUKepkdbI6uXGvLcaYI+E1EJ3rk9InpU+Ku7tnmWeZZ9n27ZAGaZA2frzoXHaLh3iIr6mBGIiBmJgYxVvxVryzs0XHYoz9OC4gOqUVDi8vz0TPRM/Exj2dRowQnctetJpW0+orVwyLDIsMiyIjLbmWXEtuSYnoXIyxn8drIDoTvDN4Z/DOLl3qE+sT6xMPHtTuSpLoXPaiREqkxEuXbHtte217IyLUXDVXzb14UXQuxtj946ewdELbo+o//qPukbpH6h7JzdXu6rBw5FAO5Zw717C3YW/D3rCw0+bT5tNmLhyM6RFPYTk403rTetP6J5+0dbB1sHXIyoL34D14z9dXdC57UQIlUEJODq7AFbgiOlpRFVVRb94UnYsx1nRcQByUNFIaKY0MCdEWxdPTMQRDMKRjR9G57EUZlEEZqanude517nWTJhX6F/oX+tfWis7FGPvleA3EwQSWB5YHlo8ZA92gG3TbvRuDMAiDPD1F57JbDMRAzNatbbu07dK2y0sv5WAO5mB9vehYjLHmwyMQByEfk4/Jx6ZOpcE0mAZ/8AGa0IQmV90V+MaOca3xT4d9KIyx+8YFRDDpiHREOjJvHqZgCqasXg0KKKCgfv5cZJBBJoJwCIfwBQuUycpkZfJ774mOxRhrebp7h+scEOUb8g35RmIiDINhMGzhQtGJ7GYEIxjv3cNbeAtvTZtmmWyZbJn88ceiYzHGHhwuIA9IOIVTOLm6Vv+5+s/Vf960SSscL7wgOpfdTGAC061btqm2qbap48aVhJaEloQeOiQ6FmPsweM+kBamnb/Rpk31N9XfVH+Tmoq7cBfu0l/hoLW0ltZev24jG9lo+HAuHIwx/cy168zTHZ/u+HTHtm3v/O7O7+787vBh+Aw+g89CQkTnsttCWAgLv/rKMNAw0DAwIuKU3ym/U37/8z+iYzHGxOMC0iIQ5Xw5X85PTYU5MAfmjBkjOlHTnD1re8j2kO2hkSNL8kvyS/IrK0UnYow5Di4gzcw4xTjFOGXiRPqCvqAvdu0SncduBARUVGQ4YDhgOBAVpY04rl0THYsx5nh4DaSZUSfqRJ3+8z9F57DbOlgH69LS3FLdUt1ShwzhwsEY+zlcQJqJMd2YbkwPCIBcyIXcfv1E57lvH8FH8NGWLV4DvAZ4DYiJ4a1GGGP3ix/jbSbUg3pQj759Reewj9ms9FJ6Kb1ee+3774JEJ2KM6QePQJoJlVIplXboIDrHj/q+Y1w7Y/yNNxRFURRl3rzv03PhYIzZjQtIMyEjGcnoeGsGdIpO0an6ejyP5/H8jBmWSkulpXL1atG5GGP65yI6gLN4rPyx8sfK6+qomqqpuvGdvUDfd4wbrAarwRoTY1lvWW9Zv2eP6FiMMefBI5BmUpxWnFacdukSLIElsOTMGVE5qJAKqfDaNfqKvqKvfvtby8uWly0vZ2aK/vkwxpwPF5BmRlfoCl1ZvlzMV7dawRd8wXfoUPWQekg9VFgo+ufBGHNe3EjYIhCly9Jl6fK+fRiFURgVHd1iXyoMwiDsiy9wOS7H5RERljaWNpY2FRWifwKMMefHI5AWQeT5pOeTnk8+/zy8C+/Cu7m5zf4lvv+8hgWGBYYFYWFcOBhjDxovoreQitqK2orae/d8Pvf53Ofzjz4CBAR0c6NiKqZiWcbNuBk3u7nd7+fT/r/aWqzHeqxftQpWwkpY+cILloWWhZaFNTWiv1/GWOvDU1gPWGBoYGhgqI+Py1cuX7l8NWEC7aW9tHfIELpO1+m6v3/jf4cP48P4cEUFvUPv0DvHjtF39B19l5LCmxoyxhzF/wKeYeMy/zPC/wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0xMi0xNVQxNTo1NzoyNyswODowMKIRvi8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMTItMTVUMTU6NTc6MjcrMDg6MDDTTAaTAAAATXRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl9jazFiemEwemo5ampkY3hyL3JpZ2h0LnN2Z7O3J80AAAAASUVORK5CYII=');
+    background-size: contain;
+}
+
+.icon-refresh:before {
+    content: ' ';
+    display: block;
+    width: 16px;
+    height: 16px;
+    position: absolute;
+    margin: auto;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 9999;
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIEAYAAAD9yHLdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAMQpJREFUeNrt3XlcVHX3B/Bz7rCISi6IC+ijkpZpIswMyBLgluVuKm4pqWmEuG/hUpr5uFYoiuaSFrklZvroo+jPFRURZgYVxZ1K3HIXUBSGe35/XC9PWpYL8J2B8/6H1wwGn3sb5sz93u/3fAEYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOM/QUUHYCx59F0ddPVTVdXq5YXkxeTF1O3Ll7H63jdzY3eoDfojTp1UIta1FatCm/D2/C2kxPchttwu0oVyIRMyKxShVpSS2pZuTIkQzIklyuHv+Av+IudHURBFERJkvJbKlQo+IWhEAqhsgz2YA/2d+8WPP/oMXWkjtTx4UMMwAAMuH4d2kE7aHf9OoVQCIX8/jvuxJ2489o1WkJLaMmlS+AHfuB37hwmYAImnDtnNBlNRlNGhvJDiUSfX/ZygiiIgqhMmayJWROzJgYF4Xbcjtv9/akX9aJerq7QE3pCTwcHiIEYiMnMxNpYG2ufOYNTcApOOXDAcNZw1nA2KUn0cTwrLiBMKO+z3me9z9asKa+V18prtVr5tHxaPv3mmzgaR+Nod3cYCANhYMOGyr9+9VXla9myonMXFoqmaIp+8ADDMRzDz56FTtAJOh07RgmUQAkGA17Da3jNYMjrldcrr1dKyrGxx8YeG3vvnujc7I8QdbG6WF3skCFUjapRtYkTcSSOxJHVqr3Yz0tNVb6OH280Go1G43//K/oIn3rkogOwkgzR09bT1tPW3V3jrHHWOLdoIRtkg2zw84PTcBpO+/jgGByDY2rWFJ3U0tEiWkSL8vNxDa7BNSdOkAM5kMOuXTgYB+PgnTvz1uStyVuzbx8XmOKh0+q0Oq2tLW2hLbRl9WrsgB2wQ7duhf17aAWtoBWzZpncTe4m94gI0cf9JC4g7KU0oSbUhCpW1FTTVNNUa98eTGACU9u2uAf34J6WLWEuzIW5VauKzlni6UEP+txcZYju0CGoDtWh+pYt+QH5AfkB69cfxaN4FH/9VXTMkkJ3UXdRd3HBAuWKMTy8yH8hAQENH64MeUZFiT5+FRcQ9kwaN27cuHHjSpVsbW1tbW2DgxEREbt2Vb7bvLny1dZWdE721+gz+ow+S06W+kn9pH7r1+fdyruVd2vdOi4sz0f7rvZd7bs+Pvgv/Bf+KyEBjGAEIxb5+yjNp/k0PytLE6mJ1ES+9lpybHJscuzVq6LPBxcQ9hjlJqCNTbY+W5+tb98eFsEiWNS3LxyDY3CsXTvlsb296JzsJT2aHEBdqAt12bULMzADM5YsgQ/hQ/hw0yblk25enuiYlka7XLtcu3zTJozGaIzu2LG4fz85kzM5jxxpijPFmeLmzhV9PriAlHKefp5+nn4uLtgQG2LDQYOwDJbBMh99BIfgEBxycRGdjxUvOkSH6NDVq7gEl+CSFSvMx83Hzcejo49+c/Sbo99cuiQ6nyjKPY8qVchABjJcuYJe6IVeNjbFHqQNtIE2W7YYpxmnGad16CD6vEiiA7DipfwhNG6sS9Wl6lJ/+EF6KD2UHv76K6ZgCqZMmcKFo3RDX/RF3+rVYQWsgBXjx9uQDdlQero2XZuuTV+2zOui10Wvi6+9JjpncaMP6AP6ICBAWOFQc0RQBEXUqSP6fKj4CqSEKxizvY7X8fqkSaADHejati2usVtWwqhDX+2pPbXfsIFqU22qPW1aSl5KXkre0aOi4xUV3QPdA92Df/8b/MEf/CdMEJvmwgVlem/t2qLPC1+BlDAe8R7xHvENGypXGuvWFdzsAwCAdu24cLCXshgWw2JJUqetSv2l/lL/lBT19abfot+i3+LmJjpmYaMbdINu1K0rOgf4gi/4irsCehIXECvX5OMmHzf52NVVO087TzsvJkZzSnNKcyo1FRAQMDiYCwYrUurr69HrTa4iV5GrnDihu6O7o7sze7Y6e090zJeFC3ABLnjRhYGFiICALGe2IxcQK+OT4ZPhk+HgoNPpdDrdp5/agA3YwOnTGIMxGNO3r/oJUXROVjopK+rLlIGW0BJajh1rF2gXaBd4+rRut263bndIyKN/ZX0faHbADthRrpzoGCCDDDIXEPacPL/0/NLzy8DAXKdcp1ynlBTl2alT1Z5OovMx9pcSIRESnZ1hLIyFsd9/rxunG6cbt2+fOtQqOt4zQ0BAC3jj9gIvEHgT/0lcQCyUcqVRubJypfHdd9IZ6Yx0Zu9epWnf66+LzsfYC9kFu2BXQIDmjOaM5ozJpCMd6WjKFLU1iOh4Fo+vQNjfUWdN5Z7OPZ172mBQnv3gA76XwUoUdUGqHvSgnzwZpsJUmJqQoP9C/4X+C/6A9DTkTu7kzlcg7JHg4ODg4GCNRv0kpvwhHTiAn+An+IkFzPpgrDhMhskwWa+nS3SJLhmNWq1Wq9V+9JHoWJYGwzAMwzQa5ZH4e53CA5RW+vv6+/r7tWqlD0oflD5o9271k9jjLxDGShl1nxZERFy8WHtVe1V7deNGtWmn6HiWol5Uvah6UeKHsizmUqi00J3SndKd6tRJNskm2bR8OY7H8Ti+cmXRuUobSqIkSsrJUVYW37sHw2E4DH+Gwn0QDsLBihV5SLF4YDtsh+06dbLxt/G38U9OVu6VdOmi9OpS980oerSX9tJeRGyGzbCZ6LMCUPZh2YdlH6pDWQ8fisrBfwDFRNtH20fbZ8IELItlsey0afwG9ILCIAzCHj6kntSTep49C6thNaw+fRpDMARDTp/GbtgNu506BTNgBsy4cEFpQXHrltnb7G32vnXLYaLDRIeJt24l1kqslVgrJ+d5f/3jzSadneVj8jH5WNWqmmhNtCbaxYXqUT2q5+xMy2k5La9ZU9mBsHFj/Ba/xW8bNVKuNF9/HQxgAIOdnejTaXW8wAu87t3DbMzG7IEDDSsNKw0r164t6l+rzdJmabNMJqWAeHqKPg1mg9lgNlSqpHRTvnNHVA5+Aysij88qWbhQmQY4cKDoXJaODtABOpCeDtfgGlw7cADfw/fwvf37lfN34ICbm5ubm9vZs7GxsbGxsfn5ovM+L/V1kT83f27+3Pr1bZbYLLFZ4u5OJ+kknQwMpP20n/a3aMGz7Z4RAQF99ZVyRTJunPKkLBf2r9Fu0W7RbklJwck4GSd7eIg+bOW4nZ2V475xQ1QMHsIqZMoWra+8kt8zv2d+z9hY5dnWrUXnshjhEA7h2dlwAS7Aha1boTW0htYbN5pjzDHmmPj4ow5HHY46PL3rq9IDSPRBvLiCNumBEAiBaWnKs+rXtWuhLJSFsn/oknwOz+G5Fi0wHuMxvkUL6A29oXeHDkpBrVJF9PEIh4CAo0frknRJuqS6dW1r2NawrdGnz4teYVoLZYtjSVI2cBOXgwtIIVH/4M3VzdXN1bdsUXo7iL/UFev+faX99O7d0AJaQIvY2JwbOTdybmzYkDYlbUralOxsmAJTYIronJYnJSElISXh8mXl0cqV0AAaQIOVK9VZe+nn08+nn/f1LWhZQ0BAvXuX2sISBmEQ1qVLHuVRHu3Z4z7HfY77nI4dlS1+r1172R+P+ZiP+Tzk/CQuIC9JWejXoIHyyXrnTmgGzaCZq6voXMVN3fEOHdERHRcsKN+8fPPyzdet24f7cB8+eADTYBpME53S+j0+dHfggPpVmZUzblyF7yt8X+H7Nm0gEiIhMjQUVsJKWPnOO6XmnhsCAjZtalvHto5tnQMHlL/PNm2UK9fz50XHKyz2SfZJ9knip/GW/BdUEfFM8EzwTKhXT1otrZZW79tXavbReLT3tjLdctMmnIpTceqSJYb2hvaG9jt3io7HHlfwOh0qDZWGDh2q3IT+8MPS0gKHIimSIn//HbpBN+jWurXpmuma6dqxY8/7c3QjdSN1I48ehXiIh3h3d9HHJblJbpJbjRqit7blAvKcvDt4d/DuULeueb15vXn9vn3oh37oV6uW6FxFpWC6axZmYdaCBTZbbbbabP3qq8O9D/c+3Pv330XnY89H2RDKySn/Qv6F/AsffYRDcAgOGTWqpA99USIlUuLNm+iDPujTurVyRWJ65rsHllZAZHvZXrZ3dX18qLP48RDWM1IX/pkTzAnmhF27SmrhoGRKpmSzGebDfJi/Zk2+lC/lS599drTi0YpHK/76q+h87OUk10yumVzz5k3l0YwZDdc1XNdw3fz5DjkOOQ454eFUn+pT/YkTcSgOxaGOjqLzFhalcDg5KY9271b+ntu2NZQ1lDWUVffL+RvxEA/xljMEKLvL7rI7IiRAAvxz+iIjfAzN0qn7bdBb9Ba9tWdPiWsxogMd6IigA3SADuvWaS5rLmsuN2pkGm4abhoeEqLMM+fCUVKldU/rntY9O9v4gfED4wezZtEYGkNjGjSAYAiG4KVLCz5QlCgVKtBaWktrt29X7pE0b/6P/0kgBEIgkejkKvvR9qPtR4svaMIDWCp1Ixw7WztbO9uEBOUSv0ED0bkKjT/4g/+5c8rK6o8+Ui7p9+wRHYtZFrXtunRdui5dX7oUp+N0nO7nJzpXYVGHaKVvpW+lb7t2NXxk+Mjw0bZtT/47pdCo904aNxadW5l1V7u2Mi38wgVRMfgK5AnqSmPb8bbjbcevW1dSCof6SZKaUTNqNnu27VjbsbZj3d25cLC/cyTwSOCRwLQ0U1dTV1PXgAByJmdyHjlS+e79+6LzvSz0Rm/0dnAgIxnJuHGjsrPne++p31c6SAQEwAgYASMsYEfCR+Tecm+5N1+BWBztae1p7emoKOyNvbH30KGi8xQOkwnLYTksN3CgId4Qb4hXN6Ri7MUon8hffVV5tHSp8vUZhoIsXMGQ3VbYCluPH7eYledPUFqZ1K0reoiZC8gjavtotQuo6DwvTL2nYQADGL7+uryxvLG8MSJCWY9R0saymWVA1LvoXfQuI0bIF+WL8sXZs5UmlZazb0VJo3HRuGhc3NySNidtTtr8yy+icpT6ISx9qj5VnxoUpBSOBQtE53lRdJgO0+HMTPkr+Sv5q27dlLHRMWO4cLCiR2S4bLhsuBwZSV/T1/R1y5Z0iA7RIXHrE1jxKLUFRNlfoE4dpVvr+vXKs+L767+Y1FTNVc1VzVUvrxTHFMcUxw0bRCdipVPKmJQxKWPi45V7bTodTaAJNOEZpsmy55IXlBeUF1T4TSOfV6krIGovIRu9jd5G/8MPVruAahksg2U//qg88PFR5vefOSM6FmMA/+vl9SD/Qf6D/ObN6Uf6kX785hvRuUoKzWDNYM1g8QWk1I1Rnrc/b3/e/pNPlGaHb70lOs9z2wSbYFN0tLGmsaax5rBhypPiX0iM/RVlnUlurvIoLEz3ve573fe//gpREAVRM2eKzmet8lvlt8pvJX47g1JzBaIP1AfqAz09ldlIkyeLzvO8aAWtoBWzZimFY8gQ5VkuHMy6FCxYnEbTaFp4OIRCKITy6/h52bjauNq4ij9vJb6AKF1K7e3pHt2je99/by07wdEiWkSL8vPhM/gMPgsLM7mb3E3uERGiczFWGExtTG1MbRYuhMWwGBb37as8m5cnOpe1eOj90PuhNxeQIlehZ4WeFXqql8oWsIL0n6ifyE7BKTj1wQfGTsZOxk48dsxKJmUh6+rVFEIhFNKjR8EHJ/a3bNfYrrFdwwWkyHh+6fml55eBgbARNsJG9V6B5aOVtJJWDhtmCjGFmEJWrRKdh7HioPRe+/lnyIRMyBw9WnQeS2e7yXaT7SYuIIVOnWUl1ZfqS/WjopRLZPEbr/wT8iRP8pwyxRRvijfFR0eLzsOYCKZWplamVvPm0WbaTJvV6fXsSXmd8jrldRJ/pWbxb6zPKz09PT09/aOPYCpMhalNmojO848ezaoyLTMtMy37/HPRcRizBPI5+Zx8bvBg8AEf8Ll+XXQeS1PmtzK/lfmNr0AKjU+GT4ZPRuXKysYxX3whOs8/WgSLYNGGDY9Px2WMAahNHK9fV3b6DA8XncfSZEVkRWRFcAEpNHmYh3k4derjG8dYHppBM2jGmTOaSppKmkr9+yvPin8hMGaJlJY8sbE8pPW4SmMqjak0hoewXpq+j76Pvs+bb5ILuZBLaKjoPE8VDuEQnp0tl5HLyGXeey+pflL9pPqZmaJjMWYNzKvMq8yrwsOVfTBu3BCdR7RsXbYuWye+gFj9SnQ6SSfp5FdfWXr3TzKTmcwffqjuryA6D2N/5BXsFewVXL268qh6dfm8fF4+b2+PU3EqTnV0pMk0mSaXL6+8gf9Fz7gFsAAW2NjQEBpCQ/6wFe7H8DF8fOcOfoPf4DfPsKMfAgLev4+f4+f4+cOHT36belJP6rluHfwIP8KPgweLPm/F7lG3beMS4xLjEvHrZqy2nbtOq9PqtE2bKi+4xETReZ6G3qF36J3ISNN003TT9FGjROdhpZPSPLRiRRudjc5GFxKi/N107qxcGXt5QTREQ3T58qJzsn+gBz3oc3ONi42LjYvt7UXHsdohLNpKW2nr+PGiczzVRJgIE9PSMqtnVs+sbsE5WYmm3abdpt02eLDmoOag5uD580rhmDdP+W7z5lw4rExTaApN1d5i4lnskM/TFNzz+Iw+o886dhSd508erSSXt8vb5e0DB55bfG7xucV/vhRnrCjpZutm62ZHR8MkmASTSuFQT0mlAQ1oxA9dqazuCoReo9fotYgIMIIRjOL3BP6TztAZOkdFpSxOWZyy+NAh0XFY6aIM7Q4bVmrvEZRwVJfqUl3LuQKxmgKi36Lfot/i5kaTaBJN6tFDdJ4/GQtjYeyvv+bszdmbs/fTT0XHYaWLUjgqVFCGOHhBaollYUNYVlNA5GPyMfnYuHEWO9tqNsyG2aGhyv4H2dmi47DShcpTeSrfpw8kQRIkVawoOg8rIjLIIPMQ1jPzPut91vvsK6/gT/gT/qS2fbY0O3YoC5527BCdhJVO2AybYbOWLUXnYEWMgIC4gDwzcw9zD3OPnj2VR2XLis5T4LGNcHiWFRNMBzrQubmJjsGKFgZgAAbwENYzwxbYAluoLT8syFW4ClfXrFH2MzCZRMdhpRu1ptbU+g8L+FgJxlcg/8gj3iPeI75hQ9gDe2CPj4/oPAXCIAzCHj7UJGuSNcl8s5xZBpyEk3DS7duic7Ai1hyaQ3O+AvlHmhRNiibFAq88FsEiWLR8edLmpM1Jm3/5RXQcxgAAoA/0gT7nzomOwYrYHtgDe65eFR1DZXEFRJmOaGurbLBkQTfNH93zkDZJm6RNc+eKjsPYH+FwHI7DeRJHiXcQDsJBy+mlZ3EFRF4vr5fXv/sujsSROLJaNdF5CiyGxbB427bkmsk1k2ueOSM6DmN/ZH/C/oT9idhYZT+cmzdF52FFQ+or9ZX6xsaKzlGQR3SAPwXqJnWTullgi5JdsAt2qT2EGLMsB28evHnwZlYWtISW0HLyZNF5WFHYuDE5Njk2OfbIEdFJVBZWQBBhNIyG0W3aiE6iomk0jaadOGGsaKxorLhzp+g8jP0dU7wp3hQfHU0hFEIhP/wgOg97Sf7gD/7nzklukpvkFhYmOs6TLKaA6AP1gfpADw/4Gr6Gr11dRedRKbNboqOVR8+wnwFjFsA03DTcNLxfP+XRzJm0iBbRIvEbELFn1BJaQsv9+8255lxzbrNmypWH5dw8V1lMAVFaMLRtKzrG4/LylJWfljPmyNizk2VlndL48VKUFCVFeXjQJtpEm9asocN0mA7zjpjCPdogSpmeq+5r9P77xtnG2cbZzZod/eboN0e/uXRJdMynsZhuttqftD9pfzp4EKfjdJzu5yc6D0RCJETGxRkDjYHGQMsZUmOsMDRc13Bdw3V2duViy8WWi23Y0DzLPMs8q1YtTT9NP00/Z2c5W86Ws//ccw5H42gcXb48mMEM5r/YmTAKoiCqXDlaQStohZ3d8+bCnbgTd5Ypo3S1dnB40eOjZbSMlt27Bz2hJ/QshHUTs2E2zM7MxLfxbXz7+a/kcASOwBFEspPsJDtdvy6Nk8ZJ465exbbYFtsmJSmTc6xv8oPwAuKT4ZPhk1G5cu6V3Cu5V65dwzAMwzCNRnQumANzYM4HHxhbGFsYW8TEiI7DGGOWRnhXW/N483jz+Nat8SSexJPiCwdFUzRFP3hg42TjZOO0caPoPIwxZqmE3wMhLWlJazmtSjAcwzE8Li6pflL9pPo8RswYY08jvIDAG/AGvOHtLTqGSpm2+3//JzoHY4xZOmEFJIiCKIhsbJQuoh4eok+Eit6it+itPXtE52CMMUsn7B7I/e73u9/v/uabmI7pmP7isy0KzQgYASOuXUtxTHFMcTx1SnQcxhizdMKuQPL75PfJ7+PlJfoEqCiLsihr9+5Hj3jBIGOM/QNx90BOwAk4odOJPgEFJ2KptFRaunev6ByMMWYthBUQvIk38aZeL/oEqEgiiaTkZNE5GGPMWggrIDSLZtGs+vVFn4DH9zbnex+MMfasir2AqCvPsSk2xaavvCL6BMBxOA7H09OVnkH374uOwxhj1qLYC4j5ffP75vdr1xZ94AUOwkE4ePy46BiMMWZtir2AyF3lrnLXOnVEH7iKfMmXfE+cEJ2DMcasTfHfA2kEjaDRv/4l+sALTsCv0q/Sr6dPi87BGGPWptgLCLqjO7pb0BXISlpJKy1voxbGGLN0xX8F0gbaQBvLKSDSIGmQNOj6ddE5GGPM2hR/ASEgoBo1RB+4StnA6sYN0TkYY8zaFHsBoZk0k2ZWqiT6wFXZKdkp2SnXronOwRhj1qb4r0DKQBkoU6GC6ANX3L2b1j2te1r3QtjykjHGSpniLyB2YAd2llJAeOEgY4y9qOKfhbUcl+Nye3vRBw6+4Au+3HWXMcZeVLEVkODg4ODgYI0GjGAEI6LoA+cCwhhjL6fYCkhKQEpASoCNsA2sGGOMFa5iKyB21e2q21XnT/yMMVZSFFsBUWY75eWBDnSgs4BCcggOwSELGEpjjDErVcw30YnAG7zBW/y0WepDfahP5cqiczDGmLUq/mm8RjCCMSdH9IFjOIZjeJky/k7+Tv5Ojo6i8zDGmLUp/gISBEEQdOeO6ANXPajzoM6DOlWris7BGGPWpvgLyByYA3Nu3RJ94CpyJmdydnYWnYMxxqxN8ffC2k7bafvNm6IPvOAE+Ev+kj9fgTDG2PMq/pXoC3EhLrSc5oWyXtbL+po1RedgjDFrU/xDWJWhMlS+cEH0gauwMTbGxg0bis7BGGPWpvgLyApYASsyMkQfuIrKUlkq26iR6ByMMWZtir+AAACABV2BfIqf4qdcQBhj7HkVewGR58vz5fmnT4s+8AKJkAiJzs4e8R7xHvE8G4sxxp5VsReQepH1IutF/vILRVM0RT94IPoEFJyIddI6aV3jxqJzMMaYtdAU9y9MS0tLS0sjcnF0cXRx7N4dfoPf4Ldq1USfCGm7tF3afvbsZfNl82Xz/v2i8zDGmKUTdA8EAKpAFahiMok+ASoaQSNoRIsWonMwxpi1EFZA6Cf6iX46dEj0CSjI05k6U2c/P58MnwyfDAcH0XkYY8zSCdvgCQEBwXIKiNpcMdc31zfX19dXeXb3btG5GGPMUgm7AjGajCaj6cQJ5dHdu6JPRIEBMAAGNG8uOgZjjFk6cfdAAABAlpWvhw+LPhEFMiADMt55R3QMxhizdIILCAAYwAAGCxrKmopTcaqXl8cwj2Eew+rXF52HMcYslfgCchfuwt2DB0XHeJLGXeOuce/RQ3QOxhizVMILyN2YuzF3Y+Lj6TAdpsOZmaLzFFgIC2Hh+++LjsEYY5aq2BcSPunWtlvbbm3Lz3eRXCQXydMTzsAZOGMBvakQELBKlZpv1Xyr5lubNl1Ou5x2Oe3qVdGxGGPMUgi/AinQGlpD640bRcd4krxUXiov7d1bdA7GGLM0llNAhsAQGLJ1K+hBD/rcXNFxVHScjtPxDz90n+M+x31OuXKi8zDGmKUQPoSlunLlypUrVx4+dIl0iXSJ9PeH7bAdtterJzoXxmEcxjk4SD2lnlLPS5eurLqy6sqq5GTRuRhjRcfrotdFr4uvvVa9SvUq1av4+ro2c23m2qxBg2oPqz2s9tDRMcAnwCfA5/ff1d5+ovOKImwl+tPgcByOwzduJIkkkt59V3SeglzZmI3ZI0Yoj775RvmqrmNhjFmj4ODg4OBgjSb9fPr59PP9+9NMmkkzx46VO8md5E6vvaZ0zAAgICAAkEACCQDS09PT09Pv3tVO107XTl+7Vr4qX5WvfvXVkagjUUeizp4VfVzFBUUHeJIyVFS1qu0523O25zIylHUidnaic6kohEIopEsX03DTcNPwn38WnYcx9vx0Wp1Wp61ShSIogiLWr8dZOAtnBQW93E/Ny4NBMAgGzZgBS2AJLJk2Tem4kZcn+niLisUVEJUuRZeiS1m7FgbCQBhoOesxaBftol0HD5oqmiqaKr71lug8jLFnpwxNOTnJHeWOcscDB5TZlg0aFPovagNtoM2WLXer3q16t2q3bueGnRt2btjDh6KPv7BZzk30J3mAB3ioQ0WWA1tiS2zp76+7qLuou9i2reg8jLF/pg5VyWlympy2YUORFQ7VNtgG29q3f6XtK21faTt3rujjLyoWW0CMaEQj7tsHARAAASdPis7zJEqlVEqdPVt9YYrOwxh7uvT26e3T248ZA+NhPIwPDCyu34uzcTbODg319PP08/TT60Wfh8Jm8W98NSrWqFijoq0t3sf7eN+Cbqrvxt24u2rVW7du3bp169IlZRaZ0Sg6F2Psf7wWeC3wWtCokTIpZ80a5Z6qTfFNHroCV+AKIprRjGZJUt4nNm8WfV4Ki8VegajyLuVdyrv0/feUREmUlJMjOs+fzIW5MHfqVH8nfyd/J0dH0XEYYwBBFERBZGMj15HryHW++w4WwSJYZG8vNlXJu2dq8QUkNTU1NTX19m2IhEiIXLNGdJ4n4UgciSOrVXtw6cGlB5ciIkTnYYwBZK/OXp29etgwmAyTYbL4oSNKpmRKrl1bdI7CZvEFRCVfkC/IF2bOVP5HmM2i8/yJP/iD/9ix+kB9oD7Q01N0HMZKoybUhJpQnTqwH/bD/qlTRecpkAzJkIwWO+v1RVlNAVEX6OAMnIEzVq4Uneev2dqSjnSk++67husarmu4znLWrzBW8iHa7LfZb7N/0SLlDdtyWg/halyNqy9eFJ2jsFlNASmwATbAhmnTlAcWuEAnHuIh3t29TL0y9crU+/RT0XEYKw309fX19fXDw2EkjISRljPZpkAf6AN9jh0THaOwWV0BMRqNRqPx/HnqRb2o1w8/iM7zVB7gAR4REV51vep61fXyEh2HsZJI30ffR9/nzTflU/Ip+dTs2aLzPA2GYiiG7tghOkdhs7oCorLZZ7PPZp/lXomgF3qhl41N/on8E/knfvjB+6z3We+zr7wiOhdjJYHaHZvSKI3SYmPRG73R28FBdK4/CYMwCHv40DzPPM88b8MG0XEKm9UWkKTNSZuTNv/yC8RCLMSuWCE6z9NgAAZgwOuvmx3NjmbHmJhHz5a4m2mMFSebXja9bHotXVrkK8pfEt2je3Rv3bojgUcCjwRevy46T2Gz2gKiyvsp76e8nz79FIbBMBh2+7boPE+D7bAdtuvUSZukTdIm8b0Rxl6EvpK+kr7SuHHYCTthp169ROd5GlpEi2hRfj4NoAE0YMYM0XmKSon5JKzT6XQ6XViY8mjhQtF5nioUQiFUlukG3aAbnTqZJpgmmCZs2SI6FmOWTDtBO0E74Z13oDN0hs7//S+GYRiGWXALIQICWrZM6cY7aJDoOEWlxBQQhSRpN2k3aTclJuJUnIpTLf3m9d27+Aa+gW+89ZZhpWGlYeXx46ITMWZJ1FYksqPsKDvu3w9REAVRlSqJzvU0lEiJlHjzJjbFpti0QQOlgNy4ITpXUbH6IazHyTJ8Dp/D52Fh6iWk6ER/r0IFeofeoXd27dJ/of9C/8Xrr4tOxJglaPJxk4+bfOzqKq+QV8grtm619MJRYCtsha3jx5f0wqGy3EvAF3TlkRquNVxruDo74xk8g2e8vUXneqpESITEcuWoP/Wn/u3aVS1btWzVsuvX/2743fC7IStLdDzGipNPhk+GT0blyuAADuCwZ4+yolz81tb/hCbQBJqQkGB6z/Se6b2hQx89W+K3ui1xBUTlkumS6ZKZkAB+4Ad+ISFwES7CRcttdog7cSfurFRJ6i/1l/q/+67LWZezLmfXrVPK4f37ovMxVpSUHQIrVJCvydfka9u2QQzEQIzltwRSm7xiCIZgSLt2yt9ryZtt9TQlbAjrf5RLyLt35SA5SA4KCVFvXovO9Y/+Df+GfzdsqExP3L7dI94j3iPe2Vl0LMaKglo4oAW0gBZxcbAH9sAeHx/RuZ7ZQTgIBz/7TFngfOqU6DjFrcQWEFVKcEpwSvCuXeRDPuQzZ47oPM9Hq5UeSA+kBwcOeHfw7uDdoW5d0YkYKwwFhQMAALZvt7bCoW5t/er8V+e/Oj8yUnQeUUrYLKynU/cHyI7LjsuOi4+HSTAJJvn6is71rOgQHaJDV69KraRWUqu2bQ3xhnhDfEqK6FyMPQ9lun2NGsojdfq6Vis61zPzBm/wvnPHvNC80LzQ0/MoHsWj+OuvomOJUuKvQFT7cB/uQ7MZ8zEf8/v0ocN0mA5nZorO9azQF33Rt3p16kf9qF98vO6O7o7uzttvi87F2LPwzPLM8sx64w3lnuShQ8qzVlQ4HsEszMKssLDSXjhUJfYm+tNcXn159eXVt2/XqFejXo16GRl4GA/j4S5dROd6ZsmQDMl2dpAGaZDWo0eNcjXK1Sh3+/aV3678duW35GTR8Rj7Ix3pSEfNmuFaXItrd+yA9bAe1levLjrXi1m0yLjduN24fdYs0UksRakZwnoa5ZJaXbmurmS3VqtX53yS80nOJ6Ghad3Tuqd1z84WnYiVTrpVulW6VaNGKV2zZ81Sm4uKzvW81Om5D/If5D/Ib95c+bvKzRWdy1KUmiGspylvKG8obxg2DN6Bd+Cd7dtF53k5vXs72DjYONgcPlwwZMBYMVA2UCtfXpeiS9GlrF0LX8PX8PVXX1lr4QBf8AXfy5dxOk7H6d26ceH4a6W+gKj3RjT9Nf01/bt3p320j/ZZcUuRR9OApVgpVopNStJqtVqt9qOPlG9yF2BWuLTvat/Vvuvj44AO6IAmEwyEgTCwRw/RuV6Uuq4DEiABErp0UabnXrkiOpel4jeUJ6gtFGwCbAJsAg4fVj5JubqKzlU4DhzAztgZOw8caPjU8Knh09OnRSdi1qVgNmNMdkx2zOjRSouRL75QvmtrKzrfC3u0TkzuJfeSewUHpzimOKY4lrz9OwobF5CnUHcSlCvLleXKe/cqz5YtKzrXyyr4hPVoAZQ6jz02NjY2NtbSe4cxUTxDPUM9Q319sQN2wA4LF+JknIyTPTxE5yoseAWv4JVRowyXDZcNl0vvuo7nxQXkH+hO6U7pTnXqBO/D+/B+bKzyrBV/0noC7aW9tDclheIojuLGjlUXXorOxcTyuuh10euik1N+bn5ufu6sWTgTZ+LMAQPACEYwlqCh0P7QH/rPmGEcYhxiHDJhgug41qbkvBCKmH6Yfph+WNeudJAO0sE1a5RnS04hedyOHVgOy2G5iAhesFg6KLMRy5ZVNmYbOpRepVfp1XHjcDgOx+GVK4vOV9ioA3WgDgsWmKaYppimqM0P2fPiAvKclNlNXbpIzaRmUrO1a5VnS2AhUXuHLYbFsHjtWnm+PF+eP3lyil+KX4rfuXOi47GXUy+qXlS9KHv7ivMrzq84f9Ag+YR8Qj4xcaK6YFV0vqJCsRRLsd9+a3IzuZnc1I2eSn7X3KJS6mdhPa/Hb6699x6EQRiEPXwoOlehWwyLYbH06PXRu7d0XDouHT99Wrtau1q7+v/+zzPdM90zvUMH5fslaEijhFJ7T2l3andqdw4fXsGpglMFp/Pn6RV6hV6ZP7+kFw6IhViIXbJEKRzqrEQuHC+L//BfknLp37kz6EEP+h9/BAMYwGBnJzpXcaHP6XP6/MgRuA/34f68eZlXM69mXl2z5tywc8PODSuBhdVKKAWjaVNl5feAARAMwRDcp4/yXeufDPLMtsE22DZ3rrGqsaqx6qhRypNcOAoLF5BCohSSdu0gHMIhfO1aiIZoiC5fXnSuYjcMhsGw27fpOl2n6z//jANxIA5cu9ZtkNsgt0G7d/Nsr8Klv6+/r79fq5ZskA2yoUcPvIE38Eb//gXbApQ2j4ZeqQE1oAaffGIKNAWaAr/8UnSskooLSCHzCvYK9gr28MgfnD84f/DmzTgGx+CYmjVF5xKNIimSIn//Hd3QDd3WrwdXcAXX9etzYnNic2ITEnil79/TVtVW1VZ1d1dWRnfsCCfhJJzs3BmyIAuytNoSNzvqhdy/L++V98p7+/bldRzFo5S/4IqOp5+nn6efi4s0QZogTdi0CSbDZJis14vOZZnu36fRNJpGJyRIA6QB0oC9e+EW3IJbe/aUcyjnUM4hKUntGCA6aWFTF+Zl2mXaZdo1aiStllZLqwMDyZ/8yT8wEHfhLtwVGAhzYS7MrVpVdF5Lo25zoHld87rm9Y4dk39J/iX5F24qWly4gBQxdXokhVIohcbE4GJcjIu7dhWdy2p4gRd43btHs2gWzTpxQlnwdeKE0uTu5EnpXeld6d3jx/MG5Q3KG3TypNJm+7fflP+4+Me63ee4z3GfU66c3VG7o3ZH69bNn5o/NX9q3bo4GAfj4FdfhVbQClo1boxrcA2u8fBQJmE0agSLYBEssrcXfbqtS2oqEBBQ+/bKDqQXLohOVNpwASlWiLoFugW6Bf/+NxyDY3AsIoKHHgoXJVMyJZvNYAYzmG/cgFzIhdz/fcUojMKoa9cgBEIg5M6dZ/65QECg0WAwBmOwkxO0hJbQ0slJ+blVqkAe5EFelSqQCImQyFsQF5l20A7a/fyzpq+mr6Zvv35J9ZPqJ9W3nn19Shp+4xKkYEOoltASWn7/vfKsulMbYwwAgKIpmqIfPIBsyIbsiAhTK1MrU6t580TnYgouIIJ5xHvEe8Q7O2t2aHZodixfrkw7bN9edC7GRKJpNI2mnTiBE3EiTuzVSxmiSk0VnYs9jguIRUFU2q8PGoSIiKg2dStF8/ZZ6aQDHeiIIAIiIGLpUltbW1tb2xEjEmsl1kqslZMjOh77a1xALJQ6bRPSIR3SV63CIAzCoDffFJ2LsULlB37g99tvShv1jz9WWuXExYmOxZ4NtzKxUKZrpmuma8eOYSAGYqBWq8xCGjGCDtNhOsw3DZk1y8tTvkZF5QTkBOQEvPkmFw7rxFcgVkZdX4I9sAf2mDkTT+AJPNGnD8/mYpZvz578yPzI/MghQ44EHgk8EpiWJjoRezn8hmPl9Kn6VH1qUBD1o37Ub/585dnGjUXnYqXcoz3FoQt0gS7jxxtbGFsYW8TEiI7FChcPYVk5Q2NDY0PjffuUhQo6nTrUBT7gAz7Xr4vOx0oHdUU4jIJRMGr0aDgEh+BQ/fpcOEo2vgIpodQV0TaeNp42ngMHKiu4J0zglhisUIyAETDi2jWQQQb566+VvdHnzzcajUaj8f590fFY8eACUkp4n/U+6332lVfMn5g/MX8SGoou6IIuI0YonxRdXETnYxZuFIyCUZcugR3Ygd2sWeW7le9WvtvSpUqPsgcPRMdjYvAQVimhtnwwbTBtMG2YMycnMCcwJ7BuXWXr2g8/LNjXgzEAUDok7N+PNbAG1ggJuXvz7s27N1991RhsDDYGz5/PhYMB8BUIe4JnqGeoZ6ivLzbEhtgwLAyaQlNoGhyM4RiO4WXKiM7HChfNo3k079YtfA1fw9diYmQH2UF2WLJEaYd+8qTofMyycQFhf6sJNaEmVLGiTZxNnE1c166URVmU1bcv3sE7eCcg4PGtb5lly8tT2ubv26c0m/zuO8e+jn0d+/70E19RsBfBBYS9EHUnPPov/Zf+27mzsg6lc2eaTtNpemAgeqEXetnYiM5ZOt29C8tgGSyLi4McyIGcTZtyQ3NDc0Pj4lJTU1NTU2/fFp2QlQxcQFih8snwyfDJqFw51y3XLdft7bexMTbGxq1awTgYB+NatYI5MAfm1KkjOqfVerRlK1SBKlDl1Ck6Rsfo2O7dOAJH4Ij//CdnR86OnB379vEOj6w4cAFhxUq/Rb9Fv8XNTR4gD5AH+PmhCU1o8vGBTtAJOvn6Kv9KXQhpays6b7FT95RHQsLERGgADaBBYiJshI2w8fBhjMM4jEtMVLrT3r0rOi4r3biAMIui0+q0Oq2tLV2ki3TxjTfgS/gSvmzcGDMxEzMbNYIgCIKgWrXgB/gBfqhdW5k95uqKq3AVrnJ1tZid/fSgB31urrID4W+/QTWoBtXOnwc3cAO38+dhH+yDfenpShfa8+el8lJ5qfzJk8k1k2sm1zx7Vvkhxb+jImPPgwsIK1G8gr2CvYKrVzdfMl8yX6pZU1ouLZeWu7pCb+gNve3sKIIiKKJcOZgJM2GmnZ2UJWVJWXZ2NIkm0aRy5ZQFcYjkS77kW768ci8nK0uZrXT7Ni7ABbggKwuGwlAYmpmpdJHNytL8R/MfzX+ysiAO4iDuxo26H9T9oO4Hly/HxsbGxsbm54s+L4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYKzb/D4DEm9oGCaFQAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTEyLTE1VDE1OjU3OjI3KzA4OjAwohG+LwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0xMi0xNVQxNTo1NzoyNyswODowMNNMBpMAAABPdEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL2hvbWUvYWRtaW4vaWNvbi1mb250L3RtcC9pY29uX2NrMWJ6YTB6ajlqamRjeHIvcmVmcmVzaC5zdmejF0ikAAAAAElFTkSuQmCC');
+    background-size: contain;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/naVerifition/slide.vue b/src/frontend/admin/src/components/naVerifition/slide.vue
new file mode 100644
index 00000000..b64b3ea1
--- /dev/null
+++ b/src/frontend/admin/src/components/naVerifition/slide.vue
@@ -0,0 +1,422 @@
+<template>
+    <div style="position: relative">
+        <div v-if="type === '2'" :style="{ height: parseInt(setSize.imgHeight) + vSpace + 'px' }" class="verify-img-out">
+            <div :style="{ width: setSize.imgWidth, height: setSize.imgHeight }" class="verify-img-panel">
+                <img :src="backImgBase" alt="" style="width: 100%; height: 100%; display: block" />
+                <div v-show="showRefresh" class="verify-refresh" @click="refresh">
+                    <i class="iconfont icon-refresh"></i>
+                </div>
+                <transition name="tips">
+                    <span v-if="tipWords" :class="passFlag ? 'suc-bg' : 'err-bg'" class="verify-tips">{{ tipWords }}</span>
+                </transition>
+            </div>
+        </div>
+        <!-- 公共部分 -->
+        <div
+            :style="{
+                width: setSize.imgWidth,
+                height: barSize.height,
+                'line-height': barSize.height,
+            }"
+            class="verify-bar-area">
+            <span class="verify-msg" v-text="text"></span>
+            <div
+                :style="{
+                    width: leftBarWidth !== undefined ? leftBarWidth : barSize.height,
+                    height: barSize.height,
+                    'border-color': leftBarBorderColor,
+                    transaction: transitionWidth,
+                }"
+                class="verify-left-bar">
+                <span class="verify-msg" v-text="finishText"></span>
+                <div
+                    :style="{
+                        width: barSize.height,
+                        height: barSize.height,
+                        'background-color': moveBlockBackgroundColor,
+                        left: moveBlockLeft,
+                        transition: transitionLeft,
+                    }"
+                    class="verify-move-block"
+                    @mousedown="start"
+                    @touchstart="start">
+                    <i :class="['verify-icon iconfont', iconClass]" :style="{ color: iconColor }"></i>
+                    <div
+                        v-if="type === '2'"
+                        :style="{
+                            width: Math.floor((parseInt(setSize.imgWidth) * 47) / 310) + 'px',
+                            height: setSize.imgHeight,
+                            top: '-' + (parseInt(setSize.imgHeight) + vSpace) + 'px',
+                            'background-size': setSize.imgWidth + ' ' + setSize.imgHeight,
+                        }"
+                        class="verify-sub-block">
+                        <img :src="blockBackImgBase" alt="" style="width: 100%; height: 100%; display: block; -webkit-user-drag: none" />
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script type="text/babel">
+/* eslint-disable */
+/**
+ * VerifySlide
+ * @description 滑块
+ * */
+import { computed, getCurrentInstance, nextTick, onMounted, reactive, ref, toRefs, watch } from 'vue'
+import captcha from '@/api/sys/captcha'
+import tool from '@/utils/tool'
+//  "captchaType":"blockPuzzle",
+export default {
+    props: {
+        captchaType: {
+            type: String,
+        },
+        tpl: {
+            type: String,
+        },
+        type: {
+            type: String,
+            default: '1',
+        },
+        //弹出式pop，固定fixed
+        mode: {
+            type: String,
+            default: 'fixed',
+        },
+        vSpace: {
+            type: Number,
+            default: 5,
+        },
+        explain: {
+            type: String,
+            default: '向右滑动完成验证',
+        },
+        imgSize: {
+            type: Object,
+            default() {
+                return {
+                    width: '310px',
+                    height: '155px',
+                }
+            },
+        },
+        blockSize: {
+            type: Object,
+            default() {
+                return {
+                    width: '50px',
+                    height: '50px',
+                }
+            },
+        },
+        barSize: {
+            type: Object,
+            default() {
+                return {
+                    width: '310px',
+                    height: '40px',
+                }
+            },
+        },
+    },
+    setup(props, context) {
+        const { mode, captchaType, vSpace, imgSize, barSize, type, blockSize, explain } = toRefs(props)
+        const { proxy } = getCurrentInstance()
+        let secretKey = ref(tool.crypto.generateDerivedKey(proxy.tpl)), //后端返回的ase加密秘钥
+            passFlag = ref(''), //是否通过的标识
+            backImgBase = ref('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'), //验证码背景图片
+            blockBackImgBase = ref('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'), //验证滑块的背景图片
+            backToken = ref(''), //后端返回的唯一token值
+            startMoveTime = ref(''), //移动开始的时间
+            endMoveTime = ref(''), //移动结束的时间
+            tipsBackColor = ref(''), //提示词的背景颜色
+            tipWords = ref(''),
+            text = ref(''),
+            finishText = ref(''),
+            setSize = reactive({
+                imgHeight: 0,
+                imgWidth: 0,
+                barHeight: 0,
+                barWidth: 0,
+            }),
+            top = ref(0),
+            left = ref(0),
+            moveBlockLeft = ref(undefined),
+            leftBarWidth = ref(undefined),
+            // 移动中样式
+            moveBlockBackgroundColor = ref(undefined),
+            leftBarBorderColor = ref('#ddd'),
+            iconColor = ref(undefined),
+            iconClass = ref('icon-right'),
+            status = ref(false), //鼠标状态
+            isEnd = ref(false), //是够验证完成
+            showRefresh = ref(true),
+            transitionLeft = ref(''),
+            transitionWidth = ref(''),
+            startLeft = ref(0)
+        const barArea = computed(() => {
+            return proxy.$el.querySelector('.verify-bar-area')
+        })
+
+        function resetSize(vm) {
+            let img_width, img_height, bar_width, bar_height //图片的宽度、高度，移动条的宽度、高度
+
+            const parentWidth = vm.$el.parentNode.offsetWidth || window.offsetWidth
+            const parentHeight = vm.$el.parentNode.offsetHeight || window.offsetHeight
+            if (vm.imgSize.width.indexOf('%') !== -1) {
+                img_width = (parseInt(vm.imgSize.width) / 100) * parentWidth + 'px'
+            } else {
+                img_width = vm.imgSize.width
+            }
+
+            if (vm.imgSize.height.indexOf('%') !== -1) {
+                img_height = (parseInt(vm.imgSize.height) / 100) * parentHeight + 'px'
+            } else {
+                img_height = vm.imgSize.height
+            }
+
+            if (vm.barSize.width.indexOf('%') !== -1) {
+                bar_width = (parseInt(vm.barSize.width) / 100) * parentWidth + 'px'
+            } else {
+                bar_width = vm.barSize.width
+            }
+
+            if (vm.barSize.height.indexOf('%') !== -1) {
+                bar_height = (parseInt(vm.barSize.height) / 100) * parentHeight + 'px'
+            } else {
+                bar_height = vm.barSize.height
+            }
+
+            return {
+                imgWidth: img_width,
+                imgHeight: img_height,
+                barWidth: bar_width,
+                barHeight: bar_height,
+            }
+        }
+
+        function init() {
+            text.value = explain.value
+            getPicture()
+            nextTick(() => {
+                let { imgHeight, imgWidth, barHeight, barWidth } = resetSize(proxy)
+                setSize.imgHeight = imgHeight
+                setSize.imgWidth = imgWidth
+                setSize.barHeight = barHeight
+                setSize.barWidth = barWidth
+                proxy.$parent.$emit('ready', proxy)
+            })
+            window.removeEventListener('touchmove', function (e) {
+                move(e)
+            })
+            window.removeEventListener('mousemove', function (e) {
+                move(e)
+            })
+            //鼠标松开
+            window.removeEventListener('touchend', function () {
+                end()
+            })
+            window.removeEventListener('mouseup', function () {
+                end()
+            })
+            window.addEventListener('touchmove', function (e) {
+                move(e)
+            })
+            window.addEventListener('mousemove', function (e) {
+                move(e)
+            })
+            //鼠标松开
+            window.addEventListener('touchend', function () {
+                end()
+            })
+            window.addEventListener('mouseup', function () {
+                end()
+            })
+        }
+
+        watch(type, () => {
+            init()
+        })
+        onMounted(() => {
+            // 禁止拖拽
+            init()
+            proxy.$el.onselectstart = function () {
+                return false
+            }
+        })
+
+        //鼠标按下
+        function start(e) {
+            let x
+            e = e || window.event
+            if (!e.touches) {
+                //兼容PC端
+                x = e.clientX
+            } else {
+                //兼容移动端
+                x = e.touches[0].pageX
+            }
+            startLeft.value = Math.floor(x - barArea.value.getBoundingClientRect().left)
+            startMoveTime.value = new Date() //开始滑动的时间
+            if (isEnd.value === false) {
+                text.value = ''
+                moveBlockBackgroundColor.value = '#337ab7'
+                leftBarBorderColor.value = '#337AB7'
+                iconColor.value = '#fff'
+                e.stopPropagation()
+                status.value = true
+            }
+        }
+
+        //鼠标移动
+        function move(e) {
+            let x
+            e = e || window.event
+            if (status.value && isEnd.value === false) {
+                if (!e.touches) {
+                    //兼容PC端
+                    x = e.clientX
+                } else {
+                    //兼容移动端
+                    x = e.touches[0].pageX
+                }
+                const bar_area_left = barArea.value.getBoundingClientRect().left
+                let move_block_left = x - bar_area_left //小方块相对于父元素的left值
+                if (move_block_left >= barArea.value.offsetWidth - parseInt(parseInt(blockSize.value.width) / 2) - 2) {
+                    move_block_left = barArea.value.offsetWidth - parseInt(parseInt(blockSize.value.width) / 2) - 2
+                }
+                if (move_block_left <= 0) {
+                    move_block_left = parseInt(parseInt(blockSize.value.width) / 2)
+                }
+                //拖动后小方块的left值
+                moveBlockLeft.value = move_block_left - startLeft.value + 'px'
+                leftBarWidth.value = move_block_left - startLeft.value + 'px'
+            }
+        }
+
+        //鼠标松开
+        function end() {
+            endMoveTime.value = new Date()
+            //判断是否重合
+            if (status.value && isEnd.value === false) {
+                let moveLeftDistance = parseInt((moveBlockLeft.value || '').replace('px', ''))
+                moveLeftDistance = (moveLeftDistance * 310) / parseInt(setSize.imgWidth)
+                let data = {
+                    verifyData: secretKey.value ? tool.crypto.AES.encrypt(moveLeftDistance.toString(), secretKey.value) : moveLeftDistance,
+                    id: backToken.value,
+                }
+                captcha.verifyCaptcha.post(data).then((res) => {
+                    if (res.data) {
+                        moveBlockBackgroundColor.value = '#5cb85c'
+                        leftBarBorderColor.value = '#5cb85c'
+                        iconColor.value = '#fff'
+                        iconClass.value = 'icon-check'
+                        showRefresh.value = false
+                        isEnd.value = true
+                        if (mode.value === 'pop') {
+                            setTimeout(() => {
+                                proxy.$parent.clickShow = false
+                                refresh()
+                            }, 1500)
+                        }
+                        passFlag.value = true
+                        tipWords.value = `${((endMoveTime.value - startMoveTime.value) / 1000).toFixed(2)}秒 验证成功`
+                        setTimeout(() => {
+                            tipWords.value = ''
+                            proxy.$parent.closeBox()
+                            proxy.$parent.$emit('success', data)
+                        }, 1000)
+                    } else {
+                        moveBlockBackgroundColor.value = '#d9534f'
+                        leftBarBorderColor.value = '#d9534f'
+                        iconColor.value = '#fff'
+                        iconClass.value = 'icon-close'
+                        passFlag.value = false
+                        setTimeout(function () {
+                            refresh()
+                        }, 1000)
+                        proxy.$parent.$emit('error', proxy)
+                        tipWords.value = '验证失败'
+                        setTimeout(() => {
+                            tipWords.value = ''
+                        }, 1000)
+                    }
+                })
+                status.value = false
+            }
+        }
+
+        const refresh = () => {
+            showRefresh.value = true
+            finishText.value = ''
+            transitionLeft.value = 'left .3s'
+            moveBlockLeft.value = 0
+            leftBarWidth.value = undefined
+            transitionWidth.value = 'width .3s'
+            leftBarBorderColor.value = '#ddd'
+            moveBlockBackgroundColor.value = '#fff'
+            iconColor.value = '#000'
+            iconClass.value = 'icon-right'
+            isEnd.value = false
+            getPicture()
+            setTimeout(() => {
+                transitionWidth.value = ''
+                transitionLeft.value = ''
+                text.value = explain.value
+            }, 300)
+        }
+
+        // 请求背景图片和验证图片
+        async function getPicture() {
+            let data = {
+                captchaType: captchaType.value,
+            }
+            let res
+            try {
+                res = await captcha.getCaptchaImage.post(data)
+            } catch {
+                tipWords.value = '发生错误'
+            }
+            backImgBase.value = res.data.backgroundImage
+            blockBackImgBase.value = res.data.sliderImage
+            backToken.value = res.data.id
+            secretKey.value = tool.crypto.AES.encrypt(res.data.id, tool.crypto.generateDerivedKey(proxy.tpl))
+            if (secretKey.value.length > 32) secretKey.value = secretKey.value.substring(0, 32)
+            proxy.$parent.$emit('apiReady', res.data)
+        }
+
+        return {
+            secretKey, //后端返回的ase加密秘钥
+            passFlag, //是否通过的标识
+            backImgBase, //验证码背景图片
+            blockBackImgBase, //验证滑块的背景图片
+            backToken, //后端返回的唯一token值
+            startMoveTime, //移动开始的时间
+            endMoveTime, //移动结束的时间
+            tipsBackColor, //提示词的背景颜色
+            tipWords,
+            text,
+            finishText,
+            setSize,
+            top,
+            left,
+            moveBlockLeft,
+            leftBarWidth,
+            // 移动中样式
+            moveBlockBackgroundColor,
+            leftBarBorderColor,
+            iconColor,
+            iconClass,
+            status, //鼠标状态
+            isEnd, //是够验证完成
+            showRefresh,
+            transitionLeft,
+            transitionWidth,
+            barArea,
+            refresh,
+            start,
+        }
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scCodeEditor/index.vue b/src/frontend/admin/src/components/scCodeEditor/index.vue
new file mode 100644
index 00000000..40efce2f
--- /dev/null
+++ b/src/frontend/admin/src/components/scCodeEditor/index.vue
@@ -0,0 +1,122 @@
+<!--
+ * @Descripttion: 代码编辑器
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2022年5月20日21:46:29
+ * @LastEditors:
+ * @LastEditTime:
+-->
+
+<template>
+    <div :style="{ height: _height }" class="sc-code-editor">
+        <textarea ref="textarea" v-model="contentValue"></textarea>
+    </div>
+</template>
+
+<script>
+import { markRaw } from 'vue'
+
+//框架
+import CodeMirror from 'codemirror'
+import 'codemirror/lib/codemirror.css'
+
+//主题
+import 'codemirror/theme/idea.css'
+import 'codemirror/theme/darcula.css'
+
+//功能
+import 'codemirror/addon/selection/active-line'
+
+//语言
+import 'codemirror/mode/javascript/javascript'
+import 'codemirror/mode/sql/sql'
+
+export default {
+    props: {
+        modelValue: {
+            type: String,
+            default: '',
+        },
+        mode: {
+            type: String,
+            default: 'javascript',
+        },
+        height: {
+            type: [String, Number],
+            default: 300,
+        },
+        options: {
+            type: Object,
+            default: () => {},
+        },
+        theme: {
+            type: String,
+            default: 'idea',
+        },
+        readOnly: {
+            type: Boolean,
+            default: false,
+        },
+    },
+    data() {
+        return {
+            contentValue: this.modelValue,
+            coder: null,
+            opt: {
+                theme: this.theme, //主题
+                styleActiveLine: true, //高亮当前行
+                lineNumbers: true, //行号
+                lineWrapping: false, //自动换行
+                tabSize: 4, //Tab缩进
+                indentUnit: 4, //缩进单位
+                indentWithTabs: true, //自动缩进
+                mode: this.mode, //语言
+                readOnly: this.readOnly, //只读
+                ...this.options,
+            },
+        }
+    },
+    computed: {
+        _height() {
+            return Number(this.height) ? Number(this.height) + 'px' : this.height
+        },
+    },
+    watch: {
+        modelValue(val) {
+            this.contentValue = val
+            if (val !== this.coder.getValue()) {
+                this.coder.setValue(val)
+            }
+        },
+    },
+    mounted() {
+        this.init()
+        //获取挂载的所有modes
+        //console.log(CodeMirror.modes)
+    },
+    methods: {
+        init() {
+            this.coder = markRaw(CodeMirror.fromTextArea(this.$refs.textarea, this.opt))
+            this.coder.on('change', (coder) => {
+                this.contentValue = coder.getValue()
+                this.$emit('update:modelValue', this.contentValue)
+            })
+        },
+        formatStrInJson(strValue) {
+            return JSON.stringify(JSON.parse(strValue), null, 4)
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-code-editor {
+    font-size: 14px;
+    border: 1px solid #ddd;
+    line-height: 150%;
+}
+
+.sc-code-editor:deep(.CodeMirror) {
+    height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scContextmenu/index.vue b/src/frontend/admin/src/components/scContextmenu/index.vue
new file mode 100644
index 00000000..65558c99
--- /dev/null
+++ b/src/frontend/admin/src/components/scContextmenu/index.vue
@@ -0,0 +1,157 @@
+<!--
+ * @Descripttion: scContextmenu组件
+ * @version: 1.1
+ * @Author: sakuya
+ * @Date: 2021年7月23日09:25:57
+ * @LastEditors: sakuya
+ * @LastEditTime: 2022年5月30日20:17:42
+ * @other: 代码完全开源，欢迎参考，也欢迎PR
+-->
+
+<template>
+    <transition name="el-zoom-in-top">
+        <div v-if="visible" ref="contextmenu" :style="{ left: left + 'px', top: top + 'px' }" class="sc-contextmenu" @contextmenu.prevent="fun">
+            <ul class="sc-contextmenu__menu">
+                <slot></slot>
+            </ul>
+        </div>
+    </transition>
+</template>
+
+<script>
+export default {
+    provide() {
+        return {
+            menuClick: this.menuClick,
+        }
+    },
+    data() {
+        return {
+            visible: false,
+            top: 0,
+            left: 0,
+        }
+    },
+    watch: {
+        visible(value) {
+            if (value) {
+                document.body.addEventListener('click', this.cm, true)
+            } else {
+                document.body.removeEventListener('click', this.cm, true)
+            }
+        },
+    },
+    mounted() {},
+    methods: {
+        cm(e) {
+            let sp = this.$refs.contextmenu
+            if (sp && !sp.contains(e.target)) {
+                this.closeMenu()
+            }
+        },
+        menuClick(command) {
+            this.closeMenu()
+            this.$emit('command', command)
+        },
+        openMenu(e) {
+            e.preventDefault()
+            this.visible = true
+            this.left = e.clientX + 1
+            this.top = e.clientY + 1
+
+            this.$nextTick(() => {
+                var ex = e.clientX + 1
+                var ey = e.clientY + 1
+                var innerWidth = window.innerWidth
+                var innerHeight = window.innerHeight
+                var menuHeight = this.$refs.contextmenu.offsetHeight
+                var menuWidth = this.$refs.contextmenu.offsetWidth
+                //位置修正公示
+                //left = (当前点击X + 菜单宽度 > 可视区域宽度 ? 可视区域宽度 - 菜单宽度 : 当前点击X)
+                //top = (当前点击Y + 菜单高度 > 可视区域高度 ? 当前点击Y - 菜单高度 : 当前点击Y)
+                this.left = ex + menuWidth > innerWidth ? innerWidth - menuWidth : ex
+                this.top = ey + menuHeight > innerHeight ? ey - menuHeight : ey
+            })
+            this.$emit('visibleChange', true)
+        },
+        closeMenu() {
+            this.visible = false
+            this.$emit('visibleChange', false)
+        },
+        fun() {
+            return false
+        },
+    },
+}
+</script>
+
+<style>
+.sc-contextmenu {
+    position: fixed;
+    z-index: 3000;
+    font-size: 12px;
+}
+
+.sc-contextmenu__menu {
+    display: inline-block;
+    min-width: 120px;
+    border: 1px solid #e4e7ed;
+    background: #fff;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+    z-index: 3000;
+    list-style-type: none;
+    padding: 10px 0;
+}
+
+.sc-contextmenu__menu > hr {
+    margin: 5px 0;
+    border: none;
+    height: 1px;
+    font-size: 0px;
+    background-color: #ebeef5;
+}
+
+.sc-contextmenu__menu > li {
+    margin: 0;
+    cursor: pointer;
+    line-height: 30px;
+    padding: 0 17px 0 10px;
+    color: #606266;
+    display: flex;
+    justify-content: space-between;
+    white-space: nowrap;
+    text-decoration: none;
+    position: relative;
+}
+
+.sc-contextmenu__menu > li:hover {
+    background-color: #ecf5ff;
+    color: #66b1ff;
+}
+
+.sc-contextmenu__menu > li.disabled {
+    cursor: not-allowed;
+    color: #bbb;
+    background: transparent;
+}
+
+.sc-contextmenu__icon {
+    display: inline-block;
+    width: 14px;
+    font-size: 14px;
+    margin-right: 10px;
+}
+
+.sc-contextmenu__suffix {
+    margin-left: 40px;
+    color: #999;
+}
+
+.sc-contextmenu__menu li ul {
+    position: absolute;
+    top: 0px;
+    left: 100%;
+    display: none;
+    margin: -11px 0;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scContextmenu/item.vue b/src/frontend/admin/src/components/scContextmenu/item.vue
new file mode 100644
index 00000000..6d527b1a
--- /dev/null
+++ b/src/frontend/admin/src/components/scContextmenu/item.vue
@@ -0,0 +1,85 @@
+<!--
+ * @Descripttion: scContextmenuItem组件
+ * @version: 1.3
+ * @Author: sakuya
+ * @Date: 2021年7月23日16:29:36
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-18 12:59:06
+-->
+
+<template>
+    <hr v-if="divided" />
+    <li :class="disabled ? 'disabled' : ''" @mouseenter="openSubmenu($event)" @mouseleave="closeSubmenu($event)" @click.stop="liClick">
+        <span class="title">
+            <el-icon class="sc-contextmenu__icon"><component :is="icon" v-if="icon" /></el-icon>
+            {{ title }}
+        </span>
+        <span class="sc-contextmenu__suffix">
+            <el-icon v-if="$slots.default"><el-icon-arrow-right /></el-icon>
+            <template v-else>{{ suffix }}</template>
+        </span>
+        <ul v-if="$slots.default" class="sc-contextmenu__menu">
+            <slot></slot>
+        </ul>
+    </li>
+</template>
+
+<script>
+export default {
+    props: {
+        command: { type: String, default: '' },
+        title: { type: String, default: '' },
+        suffix: { type: String, default: '' },
+        icon: { type: String, default: '' },
+        divided: { type: Boolean, default: false },
+        disabled: { type: Boolean, default: false },
+    },
+    inject: ['menuClick'],
+    methods: {
+        liClick() {
+            if (this.$slots.default) {
+                return false
+            }
+            if (this.disabled) {
+                return false
+            }
+            this.menuClick(this.command)
+        },
+        openSubmenu(e) {
+            var menu = e.target.querySelector('ul')
+            if (!menu) {
+                return false
+            }
+            if (this.disabled) {
+                return false
+            }
+            menu.style.display = 'inline-block'
+            var rect = menu.getBoundingClientRect()
+            var menuX = rect.left
+            var menuY = rect.top
+            var innerWidth = window.innerWidth
+            var innerHeight = window.innerHeight
+            var menuHeight = menu.offsetHeight
+            var menuWidth = menu.offsetWidth
+            if (menuX + menuWidth > innerWidth) {
+                menu.style.left = 'auto'
+                menu.style.right = '100%'
+            }
+            if (menuY + menuHeight > innerHeight) {
+                menu.style.top = 'auto'
+                menu.style.bottom = '0'
+            }
+        },
+        closeSubmenu(e) {
+            var menu = e.target.querySelector('ul')
+            if (!menu) {
+                return false
+            }
+            menu.removeAttribute('style')
+            menu.style.display = 'none'
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scCron/index.vue b/src/frontend/admin/src/components/scCron/index.vue
new file mode 100644
index 00000000..1db9135c
--- /dev/null
+++ b/src/frontend/admin/src/components/scCron/index.vue
@@ -0,0 +1,835 @@
+<!--
+ * @Descripttion: cron规则生成器
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年12月29日15:23:54
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-18 13:04:08
+-->
+
+<template>
+    <el-input v-model="defaultValue" v-bind="$attrs">
+        <template #append>
+            <el-dropdown size="medium" @command="handleShortcuts">
+                <el-button icon="el-icon-arrow-down"></el-button>
+                <template #dropdown>
+                    <el-dropdown-menu>
+                        <el-dropdown-item command="0 * * * * ?">每分钟</el-dropdown-item>
+                        <el-dropdown-item command="0 0 * * * ?">每小时</el-dropdown-item>
+                        <el-dropdown-item command="0 0 0 * * ?">每天零点</el-dropdown-item>
+                        <el-dropdown-item command="0 0 0 1 * ?">每月一号零点</el-dropdown-item>
+                        <el-dropdown-item command="0 0 0 L * ?">每月最后一天零点</el-dropdown-item>
+                        <el-dropdown-item command="0 0 0 ? * 1">每周星期日零点</el-dropdown-item>
+                        <el-dropdown-item v-for="(item, index) in shortcuts" :key="item.value" :command="item.value" :divided="index == 0"
+                            >{{ item.text }}
+                        </el-dropdown-item>
+                        <el-dropdown-item command="custom" divided icon="el-icon-plus">自定义</el-dropdown-item>
+                    </el-dropdown-menu>
+                </template>
+            </el-dropdown>
+        </template>
+    </el-input>
+
+    <el-dialog v-model="dialogVisible" :width="580" append-to-body destroy-on-close title="cron规则生成器">
+        <div class="sc-cron">
+            <el-tabs>
+                <el-tab-pane>
+                    <template #label>
+                        <div class="sc-cron-num">
+                            <h2>秒</h2>
+                            <h4>{{ value_second }}</h4>
+                        </div>
+                    </template>
+                    <el-form>
+                        <el-form-item label="类型">
+                            <el-radio-group v-model="value.second.type">
+                                <el-radio-button label="0">任意值</el-radio-button>
+                                <el-radio-button label="1">范围</el-radio-button>
+                                <el-radio-button label="2">间隔</el-radio-button>
+                                <el-radio-button label="3">指定</el-radio-button>
+                            </el-radio-group>
+                        </el-form-item>
+                        <el-form-item v-if="value.second.type === 1" label="范围">
+                            <el-input-number v-model="value.second.range.start" :max="59" :min="0" controls-position="right"></el-input-number>
+                            <span style="padding: 0 15px">-</span>
+                            <el-input-number v-model="value.second.range.end" :max="59" :min="0" controls-position="right"></el-input-number>
+                        </el-form-item>
+                        <el-form-item v-if="value.second.type === 2" label="间隔">
+                            <el-input-number v-model="value.second.loop.start" :max="59" :min="0" controls-position="right"></el-input-number>
+                            秒开始，每
+                            <el-input-number v-model="value.second.loop.end" :max="59" :min="0" controls-position="right"></el-input-number>
+                            秒执行一次
+                        </el-form-item>
+                        <el-form-item v-if="value.second.type === 3" label="指定">
+                            <el-select v-model="value.second.appoint" multiple style="width: 100%">
+                                <el-option v-for="(item, index) in data.second" :key="index" :label="item" :value="item"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-form>
+                </el-tab-pane>
+                <el-tab-pane>
+                    <template #label>
+                        <div class="sc-cron-num">
+                            <h2>分钟</h2>
+                            <h4>{{ value_minute }}</h4>
+                        </div>
+                    </template>
+                    <el-form>
+                        <el-form-item label="类型">
+                            <el-radio-group v-model="value.minute.type">
+                                <el-radio-button label="0">任意值</el-radio-button>
+                                <el-radio-button label="1">范围</el-radio-button>
+                                <el-radio-button label="2">间隔</el-radio-button>
+                                <el-radio-button label="3">指定</el-radio-button>
+                            </el-radio-group>
+                        </el-form-item>
+                        <el-form-item v-if="value.minute.type === 1" label="范围">
+                            <el-input-number v-model="value.minute.range.start" :max="59" :min="0" controls-position="right"></el-input-number>
+                            <span style="padding: 0 15px">-</span>
+                            <el-input-number v-model="value.minute.range.end" :max="59" :min="0" controls-position="right"></el-input-number>
+                        </el-form-item>
+                        <el-form-item v-if="value.minute.type === 2" label="间隔">
+                            <el-input-number v-model="value.minute.loop.start" :max="59" :min="0" controls-position="right"></el-input-number>
+                            分钟开始，每
+                            <el-input-number v-model="value.minute.loop.end" :max="59" :min="0" controls-position="right"></el-input-number>
+                            分钟执行一次
+                        </el-form-item>
+                        <el-form-item v-if="value.minute.type === 3" label="指定">
+                            <el-select v-model="value.minute.appoint" multiple style="width: 100%">
+                                <el-option v-for="(item, index) in data.minute" :key="index" :label="item" :value="item"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-form>
+                </el-tab-pane>
+                <el-tab-pane>
+                    <template #label>
+                        <div class="sc-cron-num">
+                            <h2>小时</h2>
+                            <h4>{{ value_hour }}</h4>
+                        </div>
+                    </template>
+                    <el-form>
+                        <el-form-item label="类型">
+                            <el-radio-group v-model="value.hour.type">
+                                <el-radio-button label="0">任意值</el-radio-button>
+                                <el-radio-button label="1">范围</el-radio-button>
+                                <el-radio-button label="2">间隔</el-radio-button>
+                                <el-radio-button label="3">指定</el-radio-button>
+                            </el-radio-group>
+                        </el-form-item>
+                        <el-form-item v-if="value.hour.type === 1" label="范围">
+                            <el-input-number v-model="value.hour.range.start" :max="23" :min="0" controls-position="right"></el-input-number>
+                            <span style="padding: 0 15px">-</span>
+                            <el-input-number v-model="value.hour.range.end" :max="23" :min="0" controls-position="right"></el-input-number>
+                        </el-form-item>
+                        <el-form-item v-if="value.hour.type === 2" label="间隔">
+                            <el-input-number v-model="value.hour.loop.start" :max="23" :min="0" controls-position="right"></el-input-number>
+                            小时开始，每
+                            <el-input-number v-model="value.hour.loop.end" :max="23" :min="0" controls-position="right"></el-input-number>
+                            小时执行一次
+                        </el-form-item>
+                        <el-form-item v-if="value.hour.type === 3" label="指定">
+                            <el-select v-model="value.hour.appoint" multiple style="width: 100%">
+                                <el-option v-for="(item, index) in data.hour" :key="index" :label="item" :value="item"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-form>
+                </el-tab-pane>
+                <el-tab-pane>
+                    <template #label>
+                        <div class="sc-cron-num">
+                            <h2>日</h2>
+                            <h4>{{ value_day }}</h4>
+                        </div>
+                    </template>
+                    <el-form>
+                        <el-form-item label="类型">
+                            <el-radio-group v-model="value.day.type">
+                                <el-radio-button label="0">任意值</el-radio-button>
+                                <el-radio-button label="1">范围</el-radio-button>
+                                <el-radio-button label="2">间隔</el-radio-button>
+                                <el-radio-button label="3">指定</el-radio-button>
+                                <el-radio-button label="4">本月最后一天</el-radio-button>
+                                <el-radio-button label="5">不指定</el-radio-button>
+                            </el-radio-group>
+                        </el-form-item>
+                        <el-form-item v-if="value.day.type === 1" label="范围">
+                            <el-input-number v-model="value.day.range.start" :max="31" :min="1" controls-position="right"></el-input-number>
+                            <span style="padding: 0 15px">-</span>
+                            <el-input-number v-model="value.day.range.end" :max="31" :min="1" controls-position="right"></el-input-number>
+                        </el-form-item>
+                        <el-form-item v-if="value.day.type === 2" label="间隔">
+                            <el-input-number v-model="value.day.loop.start" :max="31" :min="1" controls-position="right"></el-input-number>
+                            号开始，每
+                            <el-input-number v-model="value.day.loop.end" :max="31" :min="1" controls-position="right"></el-input-number>
+                            天执行一次
+                        </el-form-item>
+                        <el-form-item v-if="value.day.type === 3" label="指定">
+                            <el-select v-model="value.day.appoint" multiple style="width: 100%">
+                                <el-option v-for="(item, index) in data.day" :key="index" :label="item" :value="item"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-form>
+                </el-tab-pane>
+                <el-tab-pane>
+                    <template #label>
+                        <div class="sc-cron-num">
+                            <h2>月</h2>
+                            <h4>{{ value_month }}</h4>
+                        </div>
+                    </template>
+                    <el-form>
+                        <el-form-item label="类型">
+                            <el-radio-group v-model="value.month.type">
+                                <el-radio-button label="0">任意值</el-radio-button>
+                                <el-radio-button label="1">范围</el-radio-button>
+                                <el-radio-button label="2">间隔</el-radio-button>
+                                <el-radio-button label="3">指定</el-radio-button>
+                            </el-radio-group>
+                        </el-form-item>
+                        <el-form-item v-if="value.month.type === 1" label="范围">
+                            <el-input-number v-model="value.month.range.start" :max="12" :min="1" controls-position="right"></el-input-number>
+                            <span style="padding: 0 15px">-</span>
+                            <el-input-number v-model="value.month.range.end" :max="12" :min="1" controls-position="right"></el-input-number>
+                        </el-form-item>
+                        <el-form-item v-if="value.month.type === 2" label="间隔">
+                            <el-input-number v-model="value.month.loop.start" :max="12" :min="1" controls-position="right"></el-input-number>
+                            月开始，每
+                            <el-input-number v-model="value.month.loop.end" :max="12" :min="1" controls-position="right"></el-input-number>
+                            月执行一次
+                        </el-form-item>
+                        <el-form-item v-if="value.month.type === 3" label="指定">
+                            <el-select v-model="value.month.appoint" multiple style="width: 100%">
+                                <el-option v-for="(item, index) in data.month" :key="index" :label="item" :value="item"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-form>
+                </el-tab-pane>
+                <el-tab-pane>
+                    <template #label>
+                        <div class="sc-cron-num">
+                            <h2>周</h2>
+                            <h4>{{ value_week }}</h4>
+                        </div>
+                    </template>
+                    <el-form>
+                        <el-form>
+                            <el-form-item label="类型">
+                                <el-radio-group v-model="value.week.type">
+                                    <el-radio-button label="0">任意值</el-radio-button>
+                                    <el-radio-button label="1">范围</el-radio-button>
+                                    <el-radio-button label="2">间隔</el-radio-button>
+                                    <el-radio-button label="3">指定</el-radio-button>
+                                    <el-radio-button label="4">本月最后一周</el-radio-button>
+                                    <el-radio-button label="5">不指定</el-radio-button>
+                                </el-radio-group>
+                            </el-form-item>
+                            <el-form-item v-if="value.week.type === 1" label="范围">
+                                <el-select v-model="value.week.range.start">
+                                    <el-option v-for="(item, index) in data.week" :key="index" :label="item.label" :value="item.value"></el-option>
+                                </el-select>
+                                <span style="padding: 0 15px">-</span>
+                                <el-select v-model="value.week.range.end">
+                                    <el-option v-for="(item, index) in data.week" :key="index" :label="item.label" :value="item.value"></el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item v-if="value.week.type === 2" label="间隔">
+                                第
+                                <el-input-number v-model="value.week.loop.start" :max="4" :min="1" controls-position="right"></el-input-number>
+                                周的星期
+                                <el-select v-model="value.week.loop.end">
+                                    <el-option v-for="(item, index) in data.week" :key="index" :label="item.label" :value="item.value"></el-option>
+                                </el-select>
+                                执行一次
+                            </el-form-item>
+                            <el-form-item v-if="value.week.type === 3" label="指定">
+                                <el-select v-model="value.week.appoint" multiple style="width: 100%">
+                                    <el-option v-for="(item, index) in data.week" :key="index" :label="item.label" :value="item.value"></el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item v-if="value.week.type === 4" label="最后一周">
+                                <el-select v-model="value.week.last">
+                                    <el-option v-for="(item, index) in data.week" :key="index" :label="item.label" :value="item.value"></el-option>
+                                </el-select>
+                            </el-form-item>
+                        </el-form>
+                    </el-form>
+                </el-tab-pane>
+                <el-tab-pane>
+                    <template #label>
+                        <div class="sc-cron-num">
+                            <h2>年</h2>
+                            <h4>{{ value_year }}</h4>
+                        </div>
+                    </template>
+                    <el-form>
+                        <el-form-item label="类型">
+                            <el-radio-group v-model="value.year.type">
+                                <el-radio-button label="-1">忽略</el-radio-button>
+                                <el-radio-button label="0">任意值</el-radio-button>
+                                <el-radio-button label="1">范围</el-radio-button>
+                                <el-radio-button label="2">间隔</el-radio-button>
+                                <el-radio-button label="3">指定</el-radio-button>
+                            </el-radio-group>
+                        </el-form-item>
+                        <el-form-item v-if="value.year.type === 1" label="范围">
+                            <el-input-number v-model="value.year.range.start" controls-position="right"></el-input-number>
+                            <span style="padding: 0 15px">-</span>
+                            <el-input-number v-model="value.year.range.end" controls-position="right"></el-input-number>
+                        </el-form-item>
+                        <el-form-item v-if="value.year.type === 2" label="间隔">
+                            <el-input-number v-model="value.year.loop.start" controls-position="right"></el-input-number>
+                            年开始，每
+                            <el-input-number v-model="value.year.loop.end" :min="1" controls-position="right"></el-input-number>
+                            年执行一次
+                        </el-form-item>
+                        <el-form-item v-if="value.year.type === 3" label="指定">
+                            <el-select v-model="value.year.appoint" multiple style="width: 100%">
+                                <el-option v-for="(item, index) in data.year" :key="index" :label="item" :value="item"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-form>
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+
+        <template #footer>
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="submit()">确 认</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+export default {
+    props: {
+        modelValue: { type: String, default: '* * * * * ?' },
+        shortcuts: { type: Array, default: () => [] },
+    },
+    data() {
+        return {
+            type: '0',
+            defaultValue: '',
+            dialogVisible: false,
+
+            value: {
+                second: {
+                    type: '0',
+                    range: {
+                        start: 1,
+                        end: 2,
+                    },
+                    loop: {
+                        start: 0,
+                        end: 1,
+                    },
+                    appoint: [],
+                },
+                minute: {
+                    type: '0',
+                    range: {
+                        start: 1,
+                        end: 2,
+                    },
+                    loop: {
+                        start: 0,
+                        end: 1,
+                    },
+                    appoint: [],
+                },
+                hour: {
+                    type: '0',
+                    range: {
+                        start: 1,
+                        end: 2,
+                    },
+                    loop: {
+                        start: 0,
+                        end: 1,
+                    },
+                    appoint: [],
+                },
+                day: {
+                    type: '0',
+                    range: {
+                        start: 1,
+                        end: 2,
+                    },
+                    loop: {
+                        start: 1,
+                        end: 1,
+                    },
+                    appoint: [],
+                },
+                month: {
+                    type: '0',
+                    range: {
+                        start: 1,
+                        end: 2,
+                    },
+                    loop: {
+                        start: 1,
+                        end: 1,
+                    },
+                    appoint: [],
+                },
+                week: {
+                    type: '5',
+                    range: {
+                        start: '2',
+                        end: '3',
+                    },
+                    loop: {
+                        start: 0,
+                        end: '2',
+                    },
+                    last: '2',
+                    appoint: [],
+                },
+                year: {
+                    type: '-1',
+                    range: {
+                        start: this.getYear()[0],
+                        end: this.getYear()[1],
+                    },
+                    loop: {
+                        start: this.getYear()[0],
+                        end: 1,
+                    },
+                    appoint: [],
+                },
+            },
+            data: {
+                second: ['0', '5', '15', '20', '25', '30', '35', '40', '45', '50', '55', '59'],
+                minute: ['0', '5', '15', '20', '25', '30', '35', '40', '45', '50', '55', '59'],
+                hour: [
+                    '0',
+                    '1',
+                    '2',
+                    '3',
+                    '4',
+                    '5',
+                    '6',
+                    '7',
+                    '8',
+                    '9',
+                    '10',
+                    '11',
+                    '12',
+                    '13',
+                    '14',
+                    '15',
+                    '16',
+                    '17',
+                    '18',
+                    '19',
+                    '20',
+                    '21',
+                    '22',
+                    '23',
+                ],
+                day: [
+                    '1',
+                    '2',
+                    '3',
+                    '4',
+                    '5',
+                    '6',
+                    '7',
+                    '8',
+                    '9',
+                    '10',
+                    '11',
+                    '12',
+                    '13',
+                    '14',
+                    '15',
+                    '16',
+                    '17',
+                    '18',
+                    '19',
+                    '20',
+                    '21',
+                    '22',
+                    '23',
+                    '24',
+                    '25',
+                    '26',
+                    '27',
+                    '28',
+                    '29',
+                    '30',
+                    '31',
+                ],
+                month: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
+                week: [
+                    {
+                        value: '1',
+                        label: '周日',
+                    },
+                    {
+                        value: '2',
+                        label: '周一',
+                    },
+                    {
+                        value: '3',
+                        label: '周二',
+                    },
+                    {
+                        value: '4',
+                        label: '周三',
+                    },
+                    {
+                        value: '5',
+                        label: '周四',
+                    },
+                    {
+                        value: '6',
+                        label: '周五',
+                    },
+                    {
+                        value: '7',
+                        label: '周六',
+                    },
+                ],
+                year: this.getYear(),
+            },
+        }
+    },
+    watch: {
+        'value.week.type'(val) {
+            if (val !== '5') {
+                this.value.day.type = '5'
+            }
+        },
+        'value.day.type'(val) {
+            if (val !== '5') {
+                this.value.week.type = '5'
+            }
+        },
+        modelValue() {
+            this.defaultValue = this.modelValue
+        },
+    },
+    computed: {
+        value_second() {
+            let v = this.value.second
+            if (v.type === 0) {
+                return '*'
+            } else if (v.type === 1) {
+                return v.range.start + '-' + v.range.end
+            } else if (v.type === 2) {
+                return v.loop.start + '/' + v.loop.end
+            } else if (v.type === 3) {
+                return v.appoint.length > 0 ? v.appoint.join(',') : '*'
+            } else {
+                return '*'
+            }
+        },
+        value_minute() {
+            let v = this.value.minute
+            if (v.type === 0) {
+                return '*'
+            } else if (v.type === 1) {
+                return v.range.start + '-' + v.range.end
+            } else if (v.type === 2) {
+                return v.loop.start + '/' + v.loop.end
+            } else if (v.type === 3) {
+                return v.appoint.length > 0 ? v.appoint.join(',') : '*'
+            } else {
+                return '*'
+            }
+        },
+        value_hour() {
+            let v = this.value.hour
+            if (v.type === 0) {
+                return '*'
+            } else if (v.type === 1) {
+                return v.range.start + '-' + v.range.end
+            } else if (v.type === 2) {
+                return v.loop.start + '/' + v.loop.end
+            } else if (v.type === 3) {
+                return v.appoint.length > 0 ? v.appoint.join(',') : '*'
+            } else {
+                return '*'
+            }
+        },
+        value_day() {
+            let v = this.value.day
+            if (v.type === 0) {
+                return '*'
+            } else if (v.type === 1) {
+                return v.range.start + '-' + v.range.end
+            } else if (v.type === 2) {
+                return v.loop.start + '/' + v.loop.end
+            } else if (v.type === 3) {
+                return v.appoint.length > 0 ? v.appoint.join(',') : '*'
+            } else if (v.type === 4) {
+                return 'L'
+            } else if (v.type === 5) {
+                return '?'
+            } else {
+                return '*'
+            }
+        },
+        value_month() {
+            let v = this.value.month
+            if (v.type === 0) {
+                return '*'
+            } else if (v.type === 1) {
+                return v.range.start + '-' + v.range.end
+            } else if (v.type === 2) {
+                return v.loop.start + '/' + v.loop.end
+            } else if (v.type === 3) {
+                return v.appoint.length > 0 ? v.appoint.join(',') : '*'
+            } else {
+                return '*'
+            }
+        },
+        value_week() {
+            let v = this.value.week
+            if (v.type === 0) {
+                return '*'
+            } else if (v.type === 1) {
+                return v.range.start + '-' + v.range.end
+            } else if (v.type === 2) {
+                return v.loop.end + '#' + v.loop.start
+            } else if (v.type === 3) {
+                return v.appoint.length > 0 ? v.appoint.join(',') : '*'
+            } else if (v.type === 4) {
+                return v.last + 'L'
+            } else if (v.type === 5) {
+                return '?'
+            } else {
+                return '*'
+            }
+        },
+        value_year() {
+            let v = this.value.year
+            if (v.type === -1) {
+                return ''
+            } else if (v.type === 0) {
+                return '*'
+            } else if (v.type === 1) {
+                return v.range.start + '-' + v.range.end
+            } else if (v.type === 2) {
+                return v.loop.start + '/' + v.loop.end
+            } else if (v.type === 3) {
+                return v.appoint.length > 0 ? v.appoint.join(',') : ''
+            } else {
+                return ''
+            }
+        },
+    },
+    mounted() {
+        this.defaultValue = this.modelValue
+    },
+    methods: {
+        handleShortcuts(command) {
+            if (command === 'custom') {
+                this.open()
+            } else {
+                this.defaultValue = command
+                this.$emit('update:modelValue', this.defaultValue)
+            }
+        },
+        open() {
+            this.set()
+            this.dialogVisible = true
+        },
+        set() {
+            this.defaultValue = this.modelValue
+            let arr = (this.modelValue || '* * * * * ?').split(' ')
+            //简单检查
+            if (arr.length < 6) {
+                this.$message.warning('cron表达式错误，已转换为默认表达式')
+                arr = '* * * * * ?'.split(' ')
+            }
+
+            //秒
+            if (arr[0] === '*') {
+                this.value.second.type = '0'
+            } else if (arr[0].includes('-')) {
+                this.value.second.type = '1'
+                this.value.second.range.start = Number(arr[0].split('-')[0])
+                this.value.second.range.end = Number(arr[0].split('-')[1])
+            } else if (arr[0].includes('/')) {
+                this.value.second.type = '2'
+                this.value.second.loop.start = Number(arr[0].split('/')[0])
+                this.value.second.loop.end = Number(arr[0].split('/')[1])
+            } else {
+                this.value.second.type = '3'
+                this.value.second.appoint = arr[0].split(',')
+            }
+            //分
+            if (arr[1] === '*') {
+                this.value.minute.type = '0'
+            } else if (arr[1].includes('-')) {
+                this.value.minute.type = '1'
+                this.value.minute.range.start = Number(arr[1].split('-')[0])
+                this.value.minute.range.end = Number(arr[1].split('-')[1])
+            } else if (arr[1].includes('/')) {
+                this.value.minute.type = '2'
+                this.value.minute.loop.start = Number(arr[1].split('/')[0])
+                this.value.minute.loop.end = Number(arr[1].split('/')[1])
+            } else {
+                this.value.minute.type = '3'
+                this.value.minute.appoint = arr[1].split(',')
+            }
+            //小时
+            if (arr[2] === '*') {
+                this.value.hour.type = '0'
+            } else if (arr[2].includes('-')) {
+                this.value.hour.type = '1'
+                this.value.hour.range.start = Number(arr[2].split('-')[0])
+                this.value.hour.range.end = Number(arr[2].split('-')[1])
+            } else if (arr[2].includes('/')) {
+                this.value.hour.type = '2'
+                this.value.hour.loop.start = Number(arr[2].split('/')[0])
+                this.value.hour.loop.end = Number(arr[2].split('/')[1])
+            } else {
+                this.value.hour.type = '3'
+                this.value.hour.appoint = arr[2].split(',')
+            }
+            //日
+            if (arr[3] === '*') {
+                this.value.day.type = '0'
+            } else if (arr[3] === 'L') {
+                this.value.day.type = '4'
+            } else if (arr[3] === '?') {
+                this.value.day.type = '5'
+            } else if (arr[3].includes('-')) {
+                this.value.day.type = '1'
+                this.value.day.range.start = Number(arr[3].split('-')[0])
+                this.value.day.range.end = Number(arr[3].split('-')[1])
+            } else if (arr[3].includes('/')) {
+                this.value.day.type = '2'
+                this.value.day.loop.start = Number(arr[3].split('/')[0])
+                this.value.day.loop.end = Number(arr[3].split('/')[1])
+            } else {
+                this.value.day.type = '3'
+                this.value.day.appoint = arr[3].split(',')
+            }
+            //月
+            if (arr[4] === '*') {
+                this.value.month.type = '0'
+            } else if (arr[4].includes('-')) {
+                this.value.month.type = '1'
+                this.value.month.range.start = Number(arr[4].split('-')[0])
+                this.value.month.range.end = Number(arr[4].split('-')[1])
+            } else if (arr[4].includes('/')) {
+                this.value.month.type = '2'
+                this.value.month.loop.start = Number(arr[4].split('/')[0])
+                this.value.month.loop.end = Number(arr[4].split('/')[1])
+            } else {
+                this.value.month.type = '3'
+                this.value.month.appoint = arr[4].split(',')
+            }
+            //周
+            if (arr[5] === '*') {
+                this.value.week.type = '0'
+            } else if (arr[5] === '?') {
+                this.value.week.type = '5'
+            } else if (arr[5].includes('-')) {
+                this.value.week.type = '1'
+                this.value.week.range.start = arr[5].split('-')[0]
+                this.value.week.range.end = arr[5].split('-')[1]
+            } else if (arr[5].includes('#')) {
+                this.value.week.type = '2'
+                this.value.week.loop.start = Number(arr[5].split('#')[1])
+                this.value.week.loop.end = arr[5].split('#')[0]
+            } else if (arr[5].includes('L')) {
+                this.value.week.type = '4'
+                this.value.week.last = arr[5].split('L')[0]
+            } else {
+                this.value.week.type = '3'
+                this.value.week.appoint = arr[5].split(',')
+            }
+            //年
+            if (!arr[6]) {
+                this.value.year.type = '-1'
+            } else if (arr[6] === '*') {
+                this.value.year.type = '0'
+            } else if (arr[6].includes('-')) {
+                this.value.year.type = '1'
+                this.value.year.range.start = Number(arr[6].split('-')[0])
+                this.value.year.range.end = Number(arr[6].split('-')[1])
+            } else if (arr[6].includes('/')) {
+                this.value.year.type = '2'
+                this.value.year.loop.start = Number(arr[6].split('/')[1])
+                this.value.year.loop.end = Number(arr[6].split('/')[0])
+            } else {
+                this.value.year.type = '3'
+                this.value.year.appoint = arr[6].split(',')
+            }
+        },
+        getYear() {
+            let v = []
+            let y = new Date().getFullYear()
+            for (let i = 0; i < 11; i++) {
+                v.push(y + i)
+            }
+            return v
+        },
+        submit() {
+            let year = this.value_year ? ' ' + this.value_year : ''
+            this.defaultValue =
+                this.value_second +
+                ' ' +
+                this.value_minute +
+                ' ' +
+                this.value_hour +
+                ' ' +
+                this.value_day +
+                ' ' +
+                this.value_month +
+                ' ' +
+                this.value_week +
+                year
+            this.$emit('update:modelValue', this.defaultValue)
+            this.dialogVisible = false
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-cron:deep(.el-tabs__item) {
+    height: auto;
+    line-height: 1;
+    padding: 0 7px;
+    vertical-align: bottom;
+}
+
+.sc-cron-num {
+    text-align: center;
+    margin-bottom: 15px;
+    width: 100%;
+}
+
+.sc-cron-num h2 {
+    font-size: 12px;
+    margin-bottom: 15px;
+    font-weight: normal;
+}
+
+.sc-cron-num h4 {
+    display: block;
+    height: 32px;
+    line-height: 30px;
+    width: 100%;
+    font-size: 12px;
+    padding: 0 15px;
+    background: var(--el-color-primary-light-9);
+    border-radius: 4px;
+}
+
+.sc-cron:deep(.el-tabs__item.is-active) .sc-cron-num h4 {
+    background: var(--el-color-primary);
+    color: #fff;
+}
+
+[data-theme='dark'] .sc-cron-num h4 {
+    background: var(--el-color-white);
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scCropper/index.vue b/src/frontend/admin/src/components/scCropper/index.vue
new file mode 100644
index 00000000..b7727a89
--- /dev/null
+++ b/src/frontend/admin/src/components/scCropper/index.vue
@@ -0,0 +1,120 @@
+<!--
+ * @Descripttion: 图像裁剪组件
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年7月24日17:05:43
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-18 13:04:21
+ * @other: 代码完全开源，欢迎参考，也欢迎PR
+-->
+
+<template>
+    <div class="sc-cropper">
+        <div class="sc-cropper__img">
+            <img ref="img" :src="src" />
+        </div>
+        <div class="sc-cropper__preview">
+            <h4>图像预览</h4>
+            <div ref="preview" class="sc-cropper__preview__img"></div>
+        </div>
+    </div>
+</template>
+
+<script>
+import Cropper from 'cropperjs'
+import 'cropperjs/dist/cropper.css'
+
+export default {
+    props: {
+        src: { type: String, default: '' },
+        compress: { type: Number, default: 1 },
+        aspectRatio: { type: Number, default: NaN },
+    },
+    data() {
+        return {
+            crop: null,
+        }
+    },
+    watch: {
+        aspectRatio(val) {
+            this.crop.setAspectRatio(val)
+        },
+    },
+    mounted() {
+        this.init()
+    },
+    methods: {
+        init() {
+            this.crop = new Cropper(this.$refs.img, {
+                viewMode: 2,
+                dragMode: 'move',
+                responsive: false,
+                aspectRatio: this.aspectRatio,
+                preview: this.$refs.preview,
+            })
+        },
+        setAspectRatio(aspectRatio) {
+            this.crop.setAspectRatio(aspectRatio)
+        },
+        getCropData(cb, type = 'image/jpeg') {
+            cb(this.crop.getCroppedCanvas().toDataURL(type, this.compress))
+        },
+        getCropBlob(cb, type = 'image/jpeg') {
+            this.crop.getCroppedCanvas().toBlob(
+                (blob) => {
+                    cb(blob)
+                },
+                type,
+                this.compress,
+            )
+        },
+        getCropFile(cb, fileName = 'fileName.jpg', type = 'image/jpeg') {
+            this.crop.getCroppedCanvas().toBlob(
+                (blob) => {
+                    let file = new File([blob], fileName, { type: type })
+                    cb(file)
+                },
+                type,
+                this.compress,
+            )
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-cropper {
+    height: 300px;
+}
+
+.sc-cropper__img {
+    height: 100%;
+    width: 400px;
+    float: left;
+    background: #ebeef5;
+}
+
+.sc-cropper__img img {
+    display: none;
+}
+
+.sc-cropper__preview {
+    width: 120px;
+    margin-left: 20px;
+    float: left;
+}
+
+.sc-cropper__preview h4 {
+    font-weight: normal;
+    font-size: 12px;
+    color: #999;
+    margin-bottom: 20px;
+}
+
+.sc-cropper__preview__img {
+    overflow: hidden;
+    width: 120px;
+    height: 120px;
+    border: 1px solid #ebeef5;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scDialog/index.vue b/src/frontend/admin/src/components/scDialog/index.vue
new file mode 100644
index 00000000..3dccb6a5
--- /dev/null
+++ b/src/frontend/admin/src/components/scDialog/index.vue
@@ -0,0 +1,120 @@
+<!--
+ * @Descripttion: 弹窗扩展组件
+ * @version: 2.0
+ * @Author: sakuya
+ * @Date: 2021年8月27日08:51:52
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-18 13:04:33
+-->
+
+<template>
+    <div ref="scDialog" class="sc-dialog">
+        <el-dialog ref="dialog" v-model="dialogVisible" :fullscreen="isFullscreen" :show-close="false" v-bind="$attrs">
+            <template #header>
+                <slot name="header">
+                    <span class="el-dialog__title">{{ title }}</span>
+                </slot>
+                <div class="sc-dialog__headerbtn">
+                    <button v-if="showFullscreen" aria-label="fullscreen" type="button" @click="setFullscreen">
+                        <el-icon v-if="isFullscreen" class="el-dialog__close">
+                            <el-icon-bottom-left />
+                        </el-icon>
+                        <el-icon v-else class="el-dialog__close">
+                            <el-icon-full-screen />
+                        </el-icon>
+                    </button>
+                    <button v-if="showClose" aria-label="close" type="button" @click="closeDialog">
+                        <el-icon class="el-dialog__close">
+                            <el-icon-close />
+                        </el-icon>
+                    </button>
+                </div>
+            </template>
+            <div v-loading="loading">
+                <slot></slot>
+            </div>
+            <template #footer>
+                <slot name="footer"></slot>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        modelValue: { type: Boolean, default: false },
+        title: { type: String, default: '' },
+        showClose: { type: Boolean, default: true },
+        showFullscreen: { type: Boolean, default: true },
+        loading: { type: Boolean, default: false },
+    },
+    data() {
+        return {
+            dialogVisible: false,
+            isFullscreen: false,
+        }
+    },
+    watch: {
+        modelValue() {
+            this.dialogVisible = this.modelValue
+            if (this.dialogVisible) {
+                this.isFullscreen = false
+            }
+        },
+    },
+    mounted() {
+        this.dialogVisible = this.modelValue
+    },
+    methods: {
+        //关闭
+        closeDialog() {
+            this.dialogVisible = false
+        },
+        //最大化
+        setFullscreen() {
+            this.isFullscreen = !this.isFullscreen
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-dialog__headerbtn {
+    position: absolute;
+    top: var(--el-dialog-padding-primary);
+    right: var(--el-dialog-padding-primary);
+}
+
+.sc-dialog__headerbtn button {
+    padding: 0;
+    background: transparent;
+    border: none;
+    outline: none;
+    cursor: pointer;
+    font-size: var(--el-message-close-size, 16px);
+    margin-left: 15px;
+    color: var(--el-color-info);
+}
+
+.sc-dialog__headerbtn button:hover .el-dialog__close {
+    color: var(--el-color-primary);
+}
+
+.sc-dialog:deep(.el-dialog).is-fullscreen {
+    display: flex;
+    flex-direction: column;
+    top: 0px !important;
+    left: 0px !important;
+}
+
+.sc-dialog:deep(.el-dialog).is-fullscreen .el-dialog__body {
+    flex: 1;
+    overflow: auto;
+}
+
+.sc-dialog:deep(.el-dialog).is-fullscreen .el-dialog__footer {
+    padding-bottom: 10px;
+    border-top: 1px solid var(--el-border-color-base);
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scEcharts/echarts-theme-T.js b/src/frontend/admin/src/components/scEcharts/echarts-theme-T.js
new file mode 100644
index 00000000..a0ebbf98
--- /dev/null
+++ b/src/frontend/admin/src/components/scEcharts/echarts-theme-T.js
@@ -0,0 +1,62 @@
+const T = {
+    color: ['#409EFF', '#36CE9E', '#f56e6a', '#626c91', '#edb00d', '#909399'],
+    grid: {
+        left: '3%',
+        right: '3%',
+        bottom: '10',
+        top: '40',
+        containLabel: true,
+    },
+    legend: {
+        textStyle: {
+            color: '#999',
+        },
+        inactiveColor: 'rgba(128,128,128,0.4)',
+    },
+    categoryAxis: {
+        axisLine: {
+            show: true,
+            lineStyle: {
+                color: 'rgba(128,128,128,0.2)',
+                width: 1,
+            },
+        },
+        axisTick: {
+            show: false,
+            lineStyle: {
+                color: '#333',
+            },
+        },
+        axisLabel: {
+            color: '#999',
+        },
+        splitLine: {
+            show: false,
+            lineStyle: {
+                color: ['#eee'],
+            },
+        },
+        splitArea: {
+            show: false,
+            areaStyle: {
+                color: ['rgba(255,255,255,0.01)', 'rgba(0,0,0,0.01)'],
+            },
+        },
+    },
+    valueAxis: {
+        axisLine: {
+            show: false,
+            lineStyle: {
+                color: '#999',
+            },
+        },
+        splitLine: {
+            show: true,
+            lineStyle: {
+                color: 'rgba(128,128,128,0.2)',
+            },
+        },
+    },
+}
+
+export default T
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scEcharts/index.vue b/src/frontend/admin/src/components/scEcharts/index.vue
new file mode 100644
index 00000000..8909938f
--- /dev/null
+++ b/src/frontend/admin/src/components/scEcharts/index.vue
@@ -0,0 +1,68 @@
+<template>
+    <div ref="scEcharts" :style="{ height: height, width: width }"></div>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+import T from './echarts-theme-T.js'
+
+echarts.registerTheme('T', T)
+const unwarp = (obj) => obj && (obj.__v_raw || obj.valueOf() || obj)
+
+export default {
+    ...echarts,
+    name: 'scEcharts',
+    props: {
+        height: { type: String, default: '100%' },
+        width: { type: String, default: '100%' },
+        nodata: { type: Boolean, default: false },
+        option: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    data() {
+        return {
+            isActivat: false,
+            myChart: null,
+        }
+    },
+    watch: {
+        option: {
+            deep: true,
+            handler(v) {
+                unwarp(this.myChart).setOption(v)
+            },
+        },
+    },
+    computed: {
+        myOptions: function () {
+            return this.option || {}
+        },
+    },
+    activated() {
+        if (!this.isActivat) {
+            this.$nextTick(() => {
+                this.myChart.resize()
+            })
+        }
+    },
+    deactivated() {
+        this.isActivat = false
+    },
+    mounted() {
+        this.isActivat = true
+        this.$nextTick(() => {
+            this.draw()
+        })
+    },
+    methods: {
+        draw() {
+            var myChart = echarts.init(this.$refs.scEcharts, 'T')
+            myChart.setOption(this.myOptions)
+            this.myChart = myChart
+            window.addEventListener('resize', () => myChart.resize())
+        },
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scEditor/index.vue b/src/frontend/admin/src/components/scEditor/index.vue
new file mode 100644
index 00000000..88fd8de4
--- /dev/null
+++ b/src/frontend/admin/src/components/scEditor/index.vue
@@ -0,0 +1,150 @@
+<template>
+    <div class="sceditor">
+        <Editor v-model="contentValue" :disabled="disabled" :init="init" :placeholder="placeholder" @onClick="onClick" />
+    </div>
+</template>
+
+<script>
+import API from '@/api'
+import Editor from '@tinymce/tinymce-vue'
+import tinymce from 'tinymce/tinymce'
+import 'tinymce/themes/silver'
+import 'tinymce/icons/default'
+import 'tinymce/models/dom'
+
+// 引入编辑器插件
+import 'tinymce/plugins/code' //编辑源码
+import 'tinymce/plugins/image' //插入编辑图片
+import 'tinymce/plugins/media' //插入视频
+import 'tinymce/plugins/link' //超链接
+import 'tinymce/plugins/preview' //预览
+import 'tinymce/plugins/template' //模板
+import 'tinymce/plugins/table' //表格
+import 'tinymce/plugins/pagebreak' //分页
+import 'tinymce/plugins/lists' //列
+import 'tinymce/plugins/advlist' //列
+import 'tinymce/plugins/quickbars' //快速工具条
+
+export default {
+    components: {
+        Editor,
+    },
+    props: {
+        modelValue: {
+            type: String,
+            default: '',
+        },
+        placeholder: {
+            type: String,
+            default: '',
+        },
+        height: {
+            type: Number,
+            default: 300,
+        },
+        disabled: {
+            type: Boolean,
+            default: false,
+        },
+        plugins: {
+            type: [String, Array],
+            default: 'code image media link preview table quickbars template pagebreak lists advlist',
+        },
+        toolbar: {
+            type: [String, Array],
+            default:
+                'undo redo |  forecolor backcolor bold italic underline strikethrough link | blocks fontfamily fontsize | \
+					alignleft aligncenter alignright alignjustify | outdent indent | numlist bullist | pagebreak | \
+					image media table template preview | code selectall',
+        },
+        templates: {
+            type: Array,
+            default: () => [],
+        },
+        options: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    data() {
+        return {
+            init: {
+                language_url: 'tinymce/langs/zh_CN.js',
+                language: 'zh_CN',
+                skin_url: 'tinymce/skins/ui/oxide',
+                content_css: 'tinymce/skins/content/default/content.css',
+                menubar: false,
+                statusbar: true,
+                plugins: this.plugins,
+                toolbar: this.toolbar,
+                toolbar_mode: 'sliding',
+                font_size_formats: '12px 14px 16px 18px 22px 24px 36px 72px',
+                height: this.height,
+                placeholder: this.placeholder,
+                branding: false,
+                resize: true,
+                elementpath: true,
+                content_style: '',
+                templates: this.templates,
+                quickbars_selection_toolbar: 'forecolor backcolor bold italic underline strikethrough link',
+                quickbars_image_toolbar: 'alignleft aligncenter alignright',
+                quickbars_insert_toolbar: false,
+                image_caption: true,
+                image_advtab: true,
+                convert_urls: false,
+                images_upload_handler: function (blobInfo) {
+                    return new Promise((resolve, reject) => {
+                        const data = new FormData()
+                        data.append('file', blobInfo.blob(), blobInfo.filename())
+                        API.common.upload
+                            .post(data)
+                            .then((res) => {
+                                resolve(res.data.src)
+                            })
+                            .catch(() => {
+                                reject('Image upload failed')
+                            })
+                    })
+                },
+                setup: function (editor) {
+                    editor.on('init', function () {
+                        this.getBody().style.fontSize = '14px'
+                    })
+                    editor.on('OpenWindow', function (e) {
+                        //FIX 编辑器在el-drawer中，编辑器的弹框无法获得焦点
+                        var D = document.querySelector('.el-drawer.open')
+                        var E = e.target.editorContainer
+                        if (D && D.contains(E)) {
+                            var nowDA = document.activeElement
+                            setTimeout(() => {
+                                document.activeElement.blur()
+                                nowDA.focus()
+                            }, 0)
+                        }
+                    })
+                },
+                ...this.options,
+            },
+            contentValue: this.modelValue,
+        }
+    },
+    watch: {
+        modelValue(val) {
+            this.contentValue = val
+        },
+        contentValue(val) {
+            this.$emit('update:modelValue', val)
+        },
+    },
+    mounted() {
+        tinymce.init({})
+    },
+    methods: {
+        onClick(e) {
+            this.$emit('onClick', e, tinymce)
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scFileExport/column.vue b/src/frontend/admin/src/components/scFileExport/column.vue
new file mode 100644
index 00000000..1b47b9a6
--- /dev/null
+++ b/src/frontend/admin/src/components/scFileExport/column.vue
@@ -0,0 +1,58 @@
+<template>
+    <el-table ref="table" :data="columnData" border row-key="prop" style="width: 100%">
+        <el-table-column label="排序" prop="" width="60">
+            <el-tag class="move" disable-transitions style="cursor: move">
+                <el-icon style="cursor: move">
+                    <el-icon-d-caret />
+                </el-icon>
+            </el-tag>
+        </el-table-column>
+        <el-table-column label="列名" prop="label">
+            <template #default="scope">
+                <el-tag :effect="scope.row.hide ? 'light' : 'dark'" :type="scope.row.hide ? 'info' : ''" disable-transitions round
+                    >{{ scope.row.label }}
+                </el-tag>
+            </template>
+        </el-table-column>
+        <el-table-column label="显示" prop="hide" width="60">
+            <template #default="scope">
+                <el-switch v-model="scope.row.hide" :active-value="false" :inactive-value="true" size="small" />
+            </template>
+        </el-table-column>
+    </el-table>
+</template>
+
+<script>
+import Sortable from 'sortablejs'
+
+export default {
+    emits: ['success'],
+    props: {
+        column: { type: Array, default: () => [] },
+    },
+    data() {
+        return {
+            columnData: this.column,
+        }
+    },
+    mounted() {
+        this.rowDrop()
+    },
+    methods: {
+        rowDrop() {
+            const _this = this
+            const tbody = this.$refs.table.$el.querySelector('.el-table__body-wrapper tbody')
+            Sortable.create(tbody, {
+                handle: '.move',
+                animation: 200,
+                ghostClass: 'ghost',
+                onEnd({ newIndex, oldIndex }) {
+                    const tableData = _this.columnData
+                    const currRow = tableData.splice(oldIndex, 1)[0]
+                    tableData.splice(newIndex, 0, currRow)
+                },
+            })
+        },
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scFileExport/index.vue b/src/frontend/admin/src/components/scFileExport/index.vue
new file mode 100644
index 00000000..4818e2c9
--- /dev/null
+++ b/src/frontend/admin/src/components/scFileExport/index.vue
@@ -0,0 +1,219 @@
+<!--
+ * @Descripttion: 文件导出
+ * @version: 1.1
+ * @Author: sakuya
+ * @Date: 2022年5月24日16:20:12
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-19 11:59:39
+-->
+
+<template>
+    <slot :open="open">
+        <el-button plain type="primary" @click="open">导出</el-button>
+    </slot>
+    <el-drawer v-model="dialog" :size="400" append-to-body destroy-on-close direction="rtl" title="导出">
+        <el-main style="padding: 0 20px 20px 20px">
+            <div v-loading="downLoading" element-loading-text="正在处理中...">
+                <div
+                    v-if="downLoading && progress"
+                    style="position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 3000">
+                    <el-progress :percentage="downLoadProgress" :stroke-width="20" :text-inside="true" style="width: 100%; margin-bottom: 120px" />
+                </div>
+                <el-tabs>
+                    <el-tab-pane label="常规" lazy>
+                        <el-form label-position="left" label-width="100px" style="margin: 10px 0 20px 0">
+                            <el-form-item label="文件名">
+                                <el-input v-model="formData.fileName" placeholder="请输入文件名" />
+                            </el-form-item>
+                            <el-form-item label="文件类型">
+                                <el-select v-model="formData.fileType" placeholder="请选择文件类型">
+                                    <el-option v-for="item in fileTypes" :key="item" :label="'*.' + item" :value="item" />
+                                </el-select>
+                            </el-form-item>
+                            <slot :formData="formData" name="form"></slot>
+                        </el-form>
+                        <el-button
+                            v-if="async"
+                            :loading="asyncLoading"
+                            icon="el-icon-plus"
+                            size="large"
+                            style="width: 100%"
+                            type="primary"
+                            @click="download"
+                            >发起导出任务
+                        </el-button>
+                        <el-button v-else icon="el-icon-download" size="large" style="width: 100%" type="primary" @click="download">下 载</el-button>
+                    </el-tab-pane>
+                    <el-tab-pane v-if="columnData.length > 0" label="列设置" lazy>
+                        <columnSet :column="columnData"></columnSet>
+                    </el-tab-pane>
+                    <el-tab-pane v-if="data && showData" label="其他参数" lazy>
+                        <el-descriptions :column="1" border size="small">
+                            <el-descriptions-item v-for="(val, key) in data" :key="key" :label="key">{{ val }}</el-descriptions-item>
+                        </el-descriptions>
+                    </el-tab-pane>
+                </el-tabs>
+            </div>
+        </el-main>
+    </el-drawer>
+</template>
+
+<script>
+import columnSet from './column'
+
+export default {
+    components: {
+        columnSet,
+    },
+    props: {
+        apiObj: {
+            type: Object,
+            default: () => {},
+        },
+        fileName: { type: String, default: '' },
+        fileTypes: { type: Array, default: () => ['xlsx'] },
+        data: {
+            type: Object,
+            default: () => {},
+        },
+        showData: { type: Boolean, default: false },
+        async: { type: Boolean, default: false },
+        column: { type: Array, default: () => [] },
+        blob: { type: Boolean, default: false },
+        progress: { type: Boolean, default: true },
+    },
+    data() {
+        return {
+            dialog: false,
+            formData: {
+                fileName: this.fileName,
+                fileType: this.fileTypes[0],
+            },
+            columnData: [],
+            downLoading: false,
+            downLoadProgress: 0,
+            asyncLoading: false,
+        }
+    },
+    watch: {
+        'formData.fileType'(val) {
+            if (this.formData.fileName.includes('.')) {
+                this.formData.fileName = this.formData.fileName.substring(0, this.formData.fileName.lastIndexOf('.')) + '.' + val
+            } else {
+                this.formData.fileName = this.formData.fileName + '.' + val
+            }
+        },
+    },
+    mounted() {},
+    methods: {
+        open() {
+            this.dialog = true
+            this.formData = {
+                fileName: (this.fileName ? this.fileName : new Date().getTime() + '') + '.' + this.fileTypes[0],
+                fileType: this.fileTypes[0],
+            }
+            this.columnData = JSON.parse(JSON.stringify(this.column))
+        },
+        close() {
+            this.dialog = false
+        },
+        download() {
+            let columnArr = {
+                column: this.columnData
+                    .filter((n) => !n.hide)
+                    .map((n) => n.prop)
+                    .join(','),
+            }
+            let assignData = { ...this.data, ...this.formData, ...columnArr }
+            if (this.async) {
+                this.asyncDownload(this.apiObj, this.formData.fileName, assignData)
+            } else if (this.blob) {
+                this.downloadFile(this.apiObj, this.formData.fileName, assignData)
+            } else {
+                this.linkFile(this.apiObj.url, this.formData.fileName, assignData)
+            }
+        },
+        linkFile(url, fileName, data = {}) {
+            let a = document.createElement('a')
+            a.style = 'display: none'
+            a.target = '_blank'
+            //a.download = fileName
+            a.href = url + this.toQueryString(data)
+            document.body.appendChild(a)
+            a.click()
+            document.body.removeChild(a)
+        },
+        downloadFile(apiObj, fileName, data = {}) {
+            this.downLoading = true
+            var _this = this
+            apiObj
+                .get(data, {
+                    responseType: 'blob',
+                    onDownloadProgress(e) {
+                        if (e.lengthComputable) {
+                            _this.downLoadProgress = parseInt((e.loaded / e.total) * 100)
+                        }
+                    },
+                })
+                .then((res) => {
+                    this.downLoading = false
+                    this.downLoadProgress = 0
+                    let url = URL.createObjectURL(res)
+                    let a = document.createElement('a')
+                    a.style = 'display: none'
+                    a.target = '_blank'
+                    a.download = fileName
+                    a.href = url
+                    document.body.appendChild(a)
+                    a.click()
+                    document.body.removeChild(a)
+                    URL.revokeObjectURL(url)
+                })
+                .catch((err) => {
+                    this.downLoading = false
+                    this.downLoadProgress = 0
+                    this.$notify.error({
+                        title: '下载文件失败',
+                        message: err,
+                    })
+                })
+        },
+        asyncDownload(apiObj, fileName, data = {}) {
+            this.asyncLoading = true
+            apiObj
+                .get(data)
+                .then((res) => {
+                    this.asyncLoading = false
+                    if (res.code === 200) {
+                        this.dialog = false
+                        this.$msgbox({
+                            title: '成功发起任务',
+                            message: `<div><img style="height:200px" src="@/assets/img/tasks-example.png"/></div><p>已成功发起导出任务，您可以操作其他事务</p><p>稍后可在 <b>任务中心</b> 查看执行结果</p>`,
+                            type: 'success',
+                            confirmButtonText: '知道了',
+                            dangerouslyUseHTMLString: true,
+                            center: true,
+                        }).catch(() => {})
+                    } else {
+                        this.$alert(res.message || '未知错误', '发起任务失败', {
+                            type: 'error',
+                            center: true,
+                        }).catch(() => {})
+                    }
+                })
+                .catch(() => {
+                    this.asyncLoading = false
+                })
+        },
+        toQueryString(obj) {
+            let arr = []
+            for (var k in obj) {
+                arr.push(`${k}=${obj[k]}`)
+            }
+            return (arr.length > 0 ? '?' : '') + arr.join('&')
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scFileImport/index.vue b/src/frontend/admin/src/components/scFileImport/index.vue
new file mode 100644
index 00000000..bf5514e6
--- /dev/null
+++ b/src/frontend/admin/src/components/scFileImport/index.vue
@@ -0,0 +1,138 @@
+<!--
+ * @Descripttion: 文件导入
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2022年5月24日11:30:03
+ * @LastEditors:
+ * @LastEditTime:
+-->
+
+<template>
+    <slot :open="open">
+        <el-button plain type="primary" @click="open">导入</el-button>
+    </slot>
+    <el-dialog v-model="dialog" :close-on-click-modal="false" :width="550" append-to-body destroy-on-close title="导入">
+        <el-progress v-if="loading" :percentage="percentage" :stroke-width="20" :text-inside="true" style="margin-bottom: 15px" />
+        <div v-loading="loading">
+            <el-upload
+                ref="uploader"
+                :accept="accept"
+                :before-upload="before"
+                :data="data"
+                :http-request="request"
+                :limit="1"
+                :maxSize="maxSize"
+                :on-error="error"
+                :on-progress="progress"
+                :on-success="success"
+                :show-file-list="false"
+                drag>
+                <slot name="uploader">
+                    <el-icon class="el-icon--upload">
+                        <el-icon-upload-filled />
+                    </el-icon>
+                    <div class="el-upload__text">将文件拖到此处或 <em>点击选择文件上传</em></div>
+                </slot>
+                <template #tip>
+                    <div class="el-upload__tip">
+                        <template v-if="tip">{{ tip }}</template>
+                        <template v-else>请上传小于或等于 {{ maxSize }}M 的 {{ accept }} 格式文件</template>
+                        <p v-if="templateUrl" style="margin-top: 7px">
+                            <el-link :href="templateUrl" :underline="false" target="_blank" type="primary">下载导入模板</el-link>
+                        </p>
+                    </div>
+                </template>
+            </el-upload>
+            <el-form v-if="$slots.form" inline label-position="left" label-width="100px" style="margin-top: 18px">
+                <slot :formData="formData" name="form"></slot>
+            </el-form>
+        </div>
+    </el-dialog>
+</template>
+
+<script>
+export default {
+    emits: ['success'],
+    props: {
+        apiObj: {
+            type: Object,
+            default: () => {},
+        },
+        data: {
+            type: Object,
+            default: () => {},
+        },
+        accept: { type: String, default: '.xls, .xlsx' },
+        maxSize: { type: Number, default: 10 },
+        tip: { type: String, default: '' },
+        templateUrl: { type: String, default: '' },
+    },
+    data() {
+        return {
+            dialog: false,
+            loading: false,
+            percentage: 0,
+            formData: {},
+        }
+    },
+    mounted() {},
+    methods: {
+        open() {
+            this.dialog = true
+            this.formData = {}
+        },
+        close() {
+            this.dialog = false
+        },
+        before(file) {
+            const maxSize = file.size / 1024 / 1024 < this.maxSize
+            if (!maxSize) {
+                this.$message.warning(`上传文件大小不能超过 ${this.maxSize}MB!`)
+                return false
+            }
+            this.loading = true
+        },
+        progress(e) {
+            this.percentage = e.percent
+        },
+        success(res, file) {
+            this.$refs.uploader.handleRemove(file)
+            this.$refs.uploader.clearFiles()
+            this.loading = false
+            this.percentage = 0
+            this.$emit('success', res, this.close)
+        },
+        error(err) {
+            this.loading = false
+            this.percentage = 0
+            this.$notify.error({
+                title: '上传文件未成功',
+                message: err,
+            })
+        },
+        request(param) {
+            Object.assign(param.data, this.formData)
+            const data = new FormData()
+            data.append(param.filename, param.file)
+            for (const key in param.data) {
+                data.append(key, param.data[key])
+            }
+            this.apiObj
+                .post(data, {
+                    onUploadProgress: (e) => {
+                        const complete = parseInt(((e.loaded / e.total) * 100) | 0, 10)
+                        param.onProgress({ percent: complete })
+                    },
+                })
+                .then((res) => {
+                    param.onSuccess(res)
+                })
+                .catch((err) => {
+                    param.onError(err)
+                })
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scFileSelect/index.vue b/src/frontend/admin/src/components/scFileSelect/index.vue
new file mode 100644
index 00000000..df577433
--- /dev/null
+++ b/src/frontend/admin/src/components/scFileSelect/index.vue
@@ -0,0 +1,507 @@
+<!--
+ * @Descripttion: 资源文件选择器
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年10月11日16:01:40
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-19 11:44:42
+-->
+
+<template>
+    <div class="sc-file-select">
+        <div v-loading="menuLoading" class="sc-file-select__side">
+            <div class="sc-file-select__side-menu">
+                <el-tree
+                    ref="group"
+                    :current-node-key="menu.length > 0 ? menu[0][treeProps.key] : ''"
+                    :data="menu"
+                    :node-key="treeProps.key"
+                    :props="treeProps"
+                    class="menu"
+                    highlight-current
+                    @node-click="groupClick">
+                    <template #default="{ node }">
+                        <span class="el-tree-node__label">
+                            <el-icon class="icon"><el-icon-folder /></el-icon>{{ node.label }}
+                        </span>
+                    </template>
+                </el-tree>
+            </div>
+            <div v-if="multiple" class="sc-file-select__side-msg">
+                已选择 <b>{{ value.length }}</b> / <b>{{ max }}</b> 项
+            </div>
+        </div>
+        <div v-loading="listLoading" class="sc-file-select__files">
+            <div class="sc-file-select__top">
+                <div v-if="!hideUpload" class="upload">
+                    <el-upload
+                        :accept="accept"
+                        :before-upload="uploadBefore"
+                        :http-request="uploadRequest"
+                        :on-change="uploadChange"
+                        :on-error="uploadError"
+                        :on-progress="uploadProcess"
+                        :on-success="uploadSuccess"
+                        :show-file-list="false"
+                        action=""
+                        class="sc-file-select__upload"
+                        multiple>
+                        <el-button icon="el-icon-upload" type="primary">本地上传</el-button>
+                    </el-upload>
+                    <span class="tips"
+                        ><el-icon><el-icon-warning /></el-icon>大小不超过{{ maxSize }}MB</span
+                    >
+                </div>
+                <div class="keyword">
+                    <el-input
+                        v-model="keyword"
+                        clearable
+                        placeholder="文件名搜索"
+                        prefix-icon="el-icon-search"
+                        @clear="search"
+                        @keyup.enter="search"></el-input>
+                </div>
+            </div>
+            <div class="sc-file-select__list">
+                <el-scrollbar ref="scrollbar">
+                    <el-empty v-if="fileList.length === 0 && data.length === 0" :image-size="80" description="无数据"></el-empty>
+                    <div v-for="(file, index) in fileList" :key="index" class="sc-file-select__item">
+                        <div class="sc-file-select__item__file">
+                            <div class="sc-file-select__item__upload">
+                                <el-progress :percentage="file.progress" :width="70" type="circle"></el-progress>
+                            </div>
+                            <el-image :src="file.tempImg" fit="contain"></el-image>
+                        </div>
+                        <p>{{ file.name }}</p>
+                    </div>
+                    <div
+                        v-for="item in data"
+                        :key="item[fileProps.key]"
+                        :class="{ active: value.includes(item[fileProps.url]) }"
+                        class="sc-file-select__item"
+                        @click="select(item)">
+                        <div class="sc-file-select__item__file">
+                            <div v-if="multiple" class="sc-file-select__item__checkbox">
+                                <el-icon>
+                                    <el-icon-check />
+                                </el-icon>
+                            </div>
+                            <div v-else class="sc-file-select__item__select">
+                                <el-icon>
+                                    <el-icon-check />
+                                </el-icon>
+                            </div>
+                            <div class="sc-file-select__item__box"></div>
+                            <el-image v-if="_isImg(item[fileProps.url])" :src="item[fileProps.url]" fit="contain" lazy></el-image>
+                            <div v-else class="item-file item-file-doc">
+                                <i
+                                    v-if="files[_getExt(item[fileProps.url])]"
+                                    :class="files[_getExt(item[fileProps.url])].icon"
+                                    :style="{ color: files[_getExt(item[fileProps.url])].color }"></i>
+                                <i v-else class="sc-icon-file-list-fill" style="color: #999"></i>
+                            </div>
+                        </div>
+                        <p :title="item[fileProps.fileName]">{{ item[fileProps.fileName] }}</p>
+                    </div>
+                </el-scrollbar>
+            </div>
+            <div class="sc-file-select__pagination">
+                <el-pagination
+                    v-model:currentPage="currentPage"
+                    :page-size="pageSize"
+                    :total="total"
+                    background
+                    layout="prev, pager, next"
+                    small
+                    @current-change="reload"></el-pagination>
+            </div>
+            <div class="sc-file-select__do">
+                <slot name="do"></slot>
+                <el-button :disabled="value.length <= 0" type="primary" @click="submit">确 定</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import config from '@/config/fileSelect'
+
+export default {
+    props: {
+        modelValue: null,
+        hideUpload: { type: Boolean, default: false },
+        multiple: { type: Boolean, default: false },
+        max: { type: Number, default: config.max },
+        onlyImage: { type: Boolean, default: false },
+        maxSize: { type: Number, default: config.maxSize },
+    },
+    data() {
+        return {
+            keyword: null,
+            pageSize: 20,
+            total: 0,
+            currentPage: 1,
+            data: [],
+            menu: [],
+            menuId: '',
+            value: this.multiple ? [] : '',
+            fileList: [],
+            accept: this.onlyImage ? 'image/gif, image/jpeg, image/png' : '',
+            listLoading: false,
+            menuLoading: false,
+            treeProps: config.menuProps,
+            fileProps: config.fileProps,
+            files: config.files,
+        }
+    },
+    watch: {
+        multiple() {
+            this.value = this.multiple ? [] : ''
+            this.$emit('update:modelValue', JSON.parse(JSON.stringify(this.value)))
+        },
+    },
+    mounted() {
+        this.getMenu()
+        this.getData()
+    },
+    methods: {
+        //获取分类数据
+        async getMenu() {
+            this.menuLoading = true
+            var res = await config.menuApiObj.get()
+            this.menu = res.data
+            this.menuLoading = false
+        },
+        //获取列表数据
+        async getData() {
+            this.listLoading = true
+            var reqData = {
+                [config.request.menuKey]: this.menuId,
+                [config.request.page]: this.currentPage,
+                [config.request.pageSize]: this.pageSize,
+                [config.request.keyword]: this.keyword,
+            }
+            if (this.onlyImage) {
+                reqData.type = 'image'
+            }
+            var res = await config.listApiObj.get(reqData)
+            var parseData = config.listParseData(res)
+            this.data = parseData.rows
+            this.total = parseData.total
+            this.listLoading = false
+            this.$refs.scrollbar.setScrollTop(0)
+        },
+        //树点击事件
+        groupClick(data) {
+            this.menuId = data.id
+            this.currentPage = 1
+            this.keyword = null
+            this.getData()
+        },
+        //分页刷新表格
+        reload() {
+            this.getData()
+        },
+        search() {
+            this.currentPage = 1
+            this.getData()
+        },
+        select(item) {
+            const itemUrl = item[this.fileProps.url]
+            if (this.multiple) {
+                if (this.value.includes(itemUrl)) {
+                    this.value.splice(
+                        this.value.findIndex((f) => f === itemUrl),
+                        1,
+                    )
+                } else {
+                    this.value.push(itemUrl)
+                }
+            } else {
+                if (this.value.includes(itemUrl)) {
+                    this.value = ''
+                } else {
+                    this.value = itemUrl
+                }
+            }
+        },
+        submit() {
+            const value = JSON.parse(JSON.stringify(this.value))
+            this.$emit('update:modelValue', value)
+            this.$emit('submit', value)
+        },
+        //上传处理
+        uploadChange(file, fileList) {
+            file.tempImg = URL.createObjectURL(file.raw)
+            this.fileList = fileList
+        },
+        uploadBefore(file) {
+            const maxSize = file.size / 1024 / 1024 < this.maxSize
+            if (!maxSize) {
+                this.$message.warning(`上传文件大小不能超过 ${this.maxSize}MB!`)
+                return false
+            }
+        },
+        uploadRequest(param) {
+            var apiObj = config.apiObj
+            const data = new FormData()
+            data.append('file', param.file)
+            data.append([config.request.menuKey], this.menuId)
+            apiObj
+                .post(data, {
+                    onUploadProgress: (e) => {
+                        param.onProgress(e)
+                    },
+                })
+                .then((res) => {
+                    param.onSuccess(res)
+                })
+                .catch((err) => {
+                    param.onError(err)
+                })
+        },
+        uploadProcess(event, file) {
+            file.progress = Number(((event.loaded / event.total) * 100).toFixed(2))
+        },
+        uploadSuccess(res, file) {
+            this.fileList.splice(
+                this.fileList.findIndex((f) => f.uid === file.uid),
+                1,
+            )
+            var response = config.uploadParseData(res)
+            this.data.unshift({
+                [this.fileProps.key]: response.id,
+                [this.fileProps.fileName]: response.fileName,
+                [this.fileProps.url]: response.url,
+            })
+            if (!this.multiple) {
+                this.value = response.url
+            }
+        },
+        uploadError(err) {
+            this.$notify.error({
+                title: '上传文件错误',
+                message: err,
+            })
+        },
+        //内置函数
+        _isImg(fileUrl) {
+            const imgExt = ['.jpg', '.jpeg', '.png', '.gif', '.bmp']
+            const fileExt = fileUrl.substring(fileUrl.lastIndexOf('.'))
+            return imgExt.indexOf(fileExt) !== -1
+        },
+        _getExt(fileUrl) {
+            return fileUrl.substring(fileUrl.lastIndexOf('.') + 1)
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-file-select {
+    display: flex;
+}
+
+.sc-file-select__files {
+    flex: 1;
+}
+
+.sc-file-select__list {
+    height: 400px;
+}
+
+.sc-file-select__item {
+    display: inline-block;
+    margin: 0 15px 25px 0;
+    width: 110px;
+    cursor: pointer;
+}
+
+.sc-file-select__item__file {
+    width: 110px;
+    height: 110px;
+    position: relative;
+}
+
+.sc-file-select__item__file .el-image {
+    width: 110px;
+    height: 110px;
+}
+
+.sc-file-select__item__box {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    border: 2px solid var(--el-color-success);
+    z-index: 1;
+    display: none;
+}
+
+.sc-file-select__item__box::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: var(--el-color-success);
+    opacity: 0.2;
+    display: none;
+}
+
+.sc-file-select__item:hover .sc-file-select__item__box {
+    display: block;
+}
+
+.sc-file-select__item.active .sc-file-select__item__box {
+    display: block;
+}
+
+.sc-file-select__item.active .sc-file-select__item__box::before {
+    display: block;
+}
+
+.sc-file-select__item p {
+    margin-top: 10px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    -webkit-text-overflow: ellipsis;
+    text-align: center;
+}
+
+.sc-file-select__item__checkbox {
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    top: 7px;
+    right: 7px;
+    z-index: 2;
+    background: rgba(0, 0, 0, 0.2);
+    border: 1px solid #fff;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.sc-file-select__item__checkbox i {
+    font-size: 14px;
+    color: #fff;
+    font-weight: bold;
+    display: none;
+}
+
+.sc-file-select__item__select {
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    top: 0px;
+    right: 0px;
+    z-index: 2;
+    background: var(--el-color-success);
+    display: none;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.sc-file-select__item__select i {
+    font-size: 14px;
+    color: #fff;
+    font-weight: bold;
+}
+
+.sc-file-select__item.active .sc-file-select__item__checkbox {
+    background: var(--el-color-success);
+}
+
+.sc-file-select__item.active .sc-file-select__item__checkbox i {
+    display: block;
+}
+
+.sc-file-select__item.active .sc-file-select__item__select {
+    display: flex;
+}
+
+.sc-file-select__item__file .item-file {
+    width: 110px;
+    height: 110px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.sc-file-select__item__file .item-file i {
+    font-size: 40px;
+}
+
+.sc-file-select__item__file .item-file.item-file-doc {
+    color: #409eff;
+}
+
+.sc-file-select__item__upload {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+    background: rgba(255, 255, 255, 0.7);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.sc-file-select__side {
+    width: 200px;
+    margin-right: 15px;
+    border-right: 1px solid rgba(128, 128, 128, 0.2);
+    display: flex;
+    flex-flow: column;
+}
+
+.sc-file-select__side-menu {
+    flex: 1;
+}
+
+.sc-file-select__side-msg {
+    height: 32px;
+    line-height: 32px;
+}
+
+.sc-file-select__top {
+    margin-bottom: 15px;
+    display: flex;
+    justify-content: space-between;
+}
+
+.sc-file-select__upload {
+    display: inline-block;
+}
+
+.sc-file-select__top .tips {
+    font-size: 12px;
+    margin-left: 10px;
+    color: #999;
+}
+
+.sc-file-select__top .tips i {
+    font-size: 14px;
+    margin-right: 5px;
+    position: relative;
+    bottom: -0.125em;
+}
+
+.sc-file-select__pagination {
+    margin: 15px 0;
+}
+
+.sc-file-select__do {
+    text-align: right;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scFilterBar/index.vue b/src/frontend/admin/src/components/scFilterBar/index.vue
new file mode 100644
index 00000000..fccbb773
--- /dev/null
+++ b/src/frontend/admin/src/components/scFilterBar/index.vue
@@ -0,0 +1,481 @@
+<!--
+ * @Descripttion: 过滤器V2
+ * @version: 2.6
+ * @Author: sakuya
+ * @Date: 2021年7月30日14:48:41
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-19 11:45:18
+-->
+
+<template>
+    <div class="sc-filterBar">
+        <slot :filterLength="filterObjLength" :openFilter="openFilter">
+            <el-badge :hidden="filterObjLength <= 0" :value="filterObjLength" type="danger">
+                <el-button icon="el-icon-filter" @click="openFilter"></el-button>
+            </el-badge>
+        </slot>
+
+        <el-drawer v-model="drawer" :size="650" append-to-body title="过滤器">
+            <el-container v-loading="saveLoading">
+                <el-main style="padding: 0">
+                    <el-tabs class="root">
+                        <el-tab-pane lazy>
+                            <template #label>
+                                <div class="tabs-label">过滤项</div>
+                            </template>
+                            <el-scrollbar>
+                                <div class="sc-filter-main">
+                                    <h2>设置过滤条件</h2>
+                                    <div v-if="filter.length <= 0" class="nodata">没有默认过滤条件，请点击增加过滤项</div>
+                                    <table v-else>
+                                        <colgroup>
+                                            <col width="50" />
+                                            <col width="140" />
+                                            <col v-if="showOperator" width="120" />
+                                            <col />
+                                            <col width="40" />
+                                        </colgroup>
+                                        <tr v-for="(item, index) in filter" :key="index">
+                                            <td>
+                                                <el-tag :disable-transitions="true">{{ index + 1 }}</el-tag>
+                                            </td>
+                                            <td>
+                                                <py-select
+                                                    v-model="item.field"
+                                                    :filter="filter"
+                                                    :options="fields"
+                                                    filterable
+                                                    placeholder="过滤字段"
+                                                    @change="fieldChange(item)">
+                                                </py-select>
+                                            </td>
+                                            <td v-if="showOperator">
+                                                <el-select v-model="item.operator" placeholder="运算符">
+                                                    <el-option
+                                                        v-for="ope in item.field.operators || operator"
+                                                        :key="ope.value"
+                                                        :label="ope.label"
+                                                        :value="ope.value"></el-option>
+                                                </el-select>
+                                            </td>
+                                            <td>
+                                                <el-input
+                                                    v-if="!item.field.type"
+                                                    v-model="item.value"
+                                                    disabled
+                                                    placeholder="请选择过滤字段"></el-input>
+                                                <!-- 输入框 -->
+                                                <el-input
+                                                    v-if="item.field.type === 'text'"
+                                                    v-model="item.value"
+                                                    :placeholder="item.field.placeholder || '请输入'"></el-input>
+                                                <!-- 下拉框 -->
+                                                <el-select
+                                                    v-if="item.field.type === 'select'"
+                                                    v-model="item.value"
+                                                    :loading="item.selectLoading"
+                                                    :multiple="item.field.extend.multiple"
+                                                    :placeholder="item.field.placeholder || '请选择'"
+                                                    :remote="item.field.extend.remote"
+                                                    :remote-method="
+                                                        (query) => {
+                                                            remoteMethod(query, item)
+                                                        }
+                                                    "
+                                                    filterable
+                                                    @visible-change="visibleChange($event, item)">
+                                                    <el-option
+                                                        v-for="field in item.field.extend.data"
+                                                        :key="field.value"
+                                                        :label="field.label"
+                                                        :value="field.value"></el-option>
+                                                </el-select>
+                                                <!-- 日期 -->
+                                                <el-date-picker
+                                                    v-if="item.field.type === 'date'"
+                                                    v-model="item.value"
+                                                    :placeholder="item.field.placeholder || '请选择日期'"
+                                                    style="width: 100%"
+                                                    type="date"
+                                                    value-format="YYYY-MM-DD"></el-date-picker>
+                                                <!-- 日期范围 -->
+                                                <el-date-picker
+                                                    v-if="item.field.type === 'daterange'"
+                                                    v-model="item.value"
+                                                    end-placeholder="结束日期"
+                                                    start-placeholder="开始日期"
+                                                    style="width: 100%"
+                                                    type="daterange"
+                                                    value-format="YYYY-MM-DD"></el-date-picker>
+                                                <!-- 日期时间 -->
+                                                <el-date-picker
+                                                    v-if="item.field.type === 'datetime'"
+                                                    v-model="item.value"
+                                                    :placeholder="item.field.placeholder || '请选择日期'"
+                                                    style="width: 100%"
+                                                    type="datetime"
+                                                    value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
+                                                <!-- 日期时间范围 -->
+                                                <el-date-picker
+                                                    v-if="item.field.type === 'datetimerange'"
+                                                    v-model="item.value"
+                                                    end-placeholder="结束日期"
+                                                    start-placeholder="开始日期"
+                                                    style="width: 100%"
+                                                    type="datetimerange"
+                                                    value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
+                                                <!-- 自定义日期 -->
+                                                <el-date-picker
+                                                    v-if="item.field.type === 'customDate'"
+                                                    v-model="item.value"
+                                                    :placeholder="item.field.placeholder || '请选择'"
+                                                    :type="item.field.extend.dateType || 'date'"
+                                                    :value-format="item.field.extend.valueFormat"
+                                                    end-placeholder="结束日期"
+                                                    start-placeholder="开始日期"
+                                                    style="width: 100%"></el-date-picker>
+                                                <!-- 开关 -->
+                                                <el-switch
+                                                    v-if="item.field.type === 'switch'"
+                                                    v-model="item.value"
+                                                    active-value="1"
+                                                    inactive-value="0"></el-switch>
+                                                <!-- 标签 -->
+                                                <el-select
+                                                    v-if="item.field.type === 'tags'"
+                                                    v-model="item.value"
+                                                    :placeholder="item.field.placeholder || '请输入'"
+                                                    allow-create
+                                                    default-first-option
+                                                    filterable
+                                                    multiple
+                                                    no-data-text="输入关键词后按回车确认"></el-select>
+                                            </td>
+                                            <td>
+                                                <el-icon class="del" @click="delFilter(index)">
+                                                    <el-icon-delete />
+                                                </el-icon>
+                                            </td>
+                                        </tr>
+                                    </table>
+                                    <el-button icon="el-icon-plus" text type="primary" @click="addFilter">增加过滤项</el-button>
+                                </div>
+                            </el-scrollbar>
+                        </el-tab-pane>
+                        <el-tab-pane lazy>
+                            <template #label>
+                                <div class="tabs-label">常用</div>
+                            </template>
+                            <el-scrollbar>
+                                <my ref="my" :data="myFilter" :filterName="filterName" @selectMyfilter="selectMyfilter"></my>
+                            </el-scrollbar>
+                        </el-tab-pane>
+                    </el-tabs>
+                </el-main>
+                <el-footer>
+                    <el-button :disabled="filter.length <= 0" type="primary" @click="ok">立即过滤</el-button>
+                    <el-button :disabled="filter.length <= 0" plain type="primary" @click="saveMy">另存为常用</el-button>
+                    <el-button @click="clear">清空过滤</el-button>
+                </el-footer>
+            </el-container>
+        </el-drawer>
+    </div>
+</template>
+
+<script>
+import config from '@/config/filterBar'
+import pySelect from './pySelect'
+import my from './my'
+
+export default {
+    name: 'filterBar',
+    components: {
+        pySelect,
+        my,
+    },
+    props: {
+        filterName: { type: String, default: '' },
+        showOperator: { type: Boolean, default: true },
+        options: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    emits: ['filterChange'],
+    data() {
+        return {
+            drawer: false,
+            operator: config.operator,
+            fields: this.options,
+            filter: [],
+            myFilter: [],
+            filterObjLength: 0,
+            saveLoading: false,
+        }
+    },
+    computed: {
+        filterObj() {
+            const obj = {}
+            this.filter.forEach((item) => {
+                obj[item.field.value] = this.showOperator ? `${item.value}${config.separator}${item.operator}` : `${item.value}`
+            })
+            return obj
+        },
+    },
+    mounted() {
+        //默认显示的过滤项
+        this.fields.forEach((item) => {
+            if (item.selected) {
+                this.filter.push({
+                    field: item,
+                    operator: item.operator || 'include',
+                    value: '',
+                })
+            }
+        })
+    },
+    methods: {
+        //打开过滤器
+        openFilter() {
+            this.drawer = true
+        },
+        //增加过滤项
+        addFilter() {
+            //下一组新增过滤
+            var filterArr = this.fields.filter((field) => !this.filter.some((item) => field.value === item.field.value && !item.field.repeat))
+            if (this.fields.length <= 0 || filterArr.length <= 0) {
+                this.$message.warning('无过滤项')
+                return false
+            }
+            const filterNum = filterArr[0]
+            this.filter.push({
+                field: filterNum,
+                operator: filterNum.operator || 'include',
+                value: '',
+            })
+        },
+        //删除过滤项
+        delFilter(index) {
+            this.filter.splice(index, 1)
+        },
+        //过滤项字段变更事件
+        fieldChange(tr) {
+            let oldType = tr.field.type
+            tr.field.type = ''
+            this.$nextTick(() => {
+                tr.field.type = oldType
+            })
+            tr.operator = tr.field.operator || 'include'
+            tr.value = ''
+        },
+        //下拉框显示事件处理异步
+        async visibleChange(isopen, item) {
+            if (isopen && item.field.extend.request && !item.field.extend.remote) {
+                item.selectLoading = true
+                try {
+                    var data = await item.field.extend.request()
+                } catch (error) {
+                    console.log(error)
+                }
+                item.field.extend.data = data
+                item.selectLoading = false
+            }
+        },
+        //下拉框显示事件处理异步搜索
+        async remoteMethod(query, item) {
+            if (!item.field.extend.request) {
+                return false
+            }
+            if (query !== '') {
+                item.selectLoading = true
+                try {
+                    var data = await item.field.extend.request(query)
+                } catch (error) {
+                    console.log(error)
+                }
+                item.field.extend.data = data
+                item.selectLoading = false
+            } else {
+                item.field.extend.data = []
+            }
+        },
+        //选择常用过滤
+        selectMyfilter(item) {
+            //常用过滤回显当前过滤项
+            this.filter = []
+            this.fields.forEach((field) => {
+                var filterValue = item.filterObj[field.value]
+                if (filterValue) {
+                    var operator = filterValue.split('|')[1]
+                    var value = filterValue.split('|')[0]
+                    if (field.type === 'select' && field.extend.multiple) {
+                        value = value.split(',')
+                    } else if (field.type === 'daterange') {
+                        value = value.split(',')
+                    }
+                    this.filter.push({
+                        field: field,
+                        operator: operator,
+                        value: value,
+                    })
+                }
+            })
+            this.filterObjLength = Object.keys(item.filterObj).length
+            this.$emit('filterChange', item.filterObj)
+            this.drawer = false
+        },
+        //立即过滤
+        ok() {
+            this.filterObjLength = this.filter.length
+            this.$emit('filterChange', this.filterObj)
+            this.drawer = false
+        },
+        //保存常用
+        saveMy() {
+            this.$prompt('常用过滤名称', '另存为常用', {
+                inputPlaceholder: '请输入识别度较高的常用过滤名称',
+                inputPattern: /\S/,
+                inputErrorMessage: '名称不能为空',
+            })
+                .then(async ({ value }) => {
+                    this.saveLoading = true
+                    const saveObj = {
+                        title: value,
+                        filterObj: this.filterObj,
+                    }
+                    try {
+                        var save = await config.saveMy(this.filterName, saveObj)
+                    } catch (error) {
+                        this.saveLoading = false
+                        console.log(error)
+                        return false
+                    }
+                    if (!save) {
+                        return false
+                    }
+
+                    this.myFilter.push(saveObj)
+                    this.$message.success(`${this.filterName} 保存常用成功`)
+                    this.saveLoading = false
+                })
+                .catch(() => {
+                    //
+                })
+        },
+        //清空过滤
+        clear() {
+            this.filter = []
+            this.filterObjLength = 0
+            this.$emit('filterChange', this.filterObj)
+        },
+    },
+}
+</script>
+
+<style scoped>
+.tabs-label {
+    padding: 0 20px;
+}
+
+.nodata {
+    height: 46px;
+    line-height: 46px;
+    margin: 15px 0;
+    border: 1px dashed #e6e6e6;
+    color: #999;
+    text-align: center;
+    border-radius: 3px;
+}
+
+.sc-filter-main {
+    padding: 20px;
+    border-bottom: 1px solid #e6e6e6;
+    background: #fff;
+}
+
+.sc-filter-main h2 {
+    font-size: 12px;
+    color: #999;
+    font-weight: normal;
+}
+
+.sc-filter-main table {
+    width: 100%;
+    margin: 15px 0;
+}
+
+.sc-filter-main table td {
+    padding: 5px 10px 5px 0;
+}
+
+.sc-filter-main table td:deep(.el-input .el-input__inner) {
+    vertical-align: top;
+}
+
+.sc-filter-main table td .el-select {
+    display: block;
+}
+
+.sc-filter-main table td .el-date-editor.el-input {
+    display: block;
+    width: 100%;
+}
+
+.sc-filter-main table td .del {
+    background: #fff;
+    color: #999;
+    width: 32px;
+    height: 32px;
+    line-height: 32px;
+    text-align: center;
+    border-radius: 50%;
+    font-size: 12px;
+    cursor: pointer;
+}
+
+.sc-filter-main table td .del:hover {
+    background: #f56c6c;
+    color: #fff;
+}
+
+.root {
+    display: flex;
+    height: 100%;
+    flex-direction: column;
+}
+
+.root:deep(.el-tabs__header) {
+    margin: 0;
+}
+
+.root:deep(.el-tabs__content) {
+    flex: 1;
+    background: #f6f8f9;
+}
+
+.root:deep(.el-tabs__content) .el-tab-pane {
+    overflow: auto;
+    height: 100%;
+}
+
+.dark .root:deep(.el-tabs__content) {
+    background: var(--el-bg-color-overlay);
+}
+
+.dark .sc-filter-main {
+    background: var(--el-bg-color);
+    border-color: var(--el-border-color-light);
+}
+
+.dark .sc-filter-main table td .del {
+    background: none;
+}
+
+.dark .sc-filter-main table td .del:hover {
+    background: #f56c6c;
+}
+
+.dark .nodata {
+    border-color: var(--el-border-color-light);
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scFilterBar/my.vue b/src/frontend/admin/src/components/scFilterBar/my.vue
new file mode 100644
index 00000000..30008b6d
--- /dev/null
+++ b/src/frontend/admin/src/components/scFilterBar/my.vue
@@ -0,0 +1,176 @@
+<!--
+ * @Descripttion: 过滤器V2 常用组件
+ * @version: 2.0
+ * @Author: sakuya
+ * @Date: 2021年7月31日16:49:56
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-18 13:07:12
+-->
+
+<template>
+    <div class="sc-filter-my">
+        <div v-if="loading" class="sc-filter-my-loading">
+            <el-skeleton :rows="2" animated />
+        </div>
+        <template v-else>
+            <el-empty v-if="myFilter.length <= 0" :image-size="100">
+                <template #description>
+                    <h2>没有常用的过滤</h2>
+                    <p style="margin-top: 10px; max-width: 300px">常用过滤可以将多个过滤条件保存为一个集合，方便下次进行相同条件的过滤</p>
+                </template>
+            </el-empty>
+            <ul v-else class="sc-filter-my-list">
+                <h2>我的常用过滤</h2>
+                <li v-for="(item, index) in myFilter" :key="index" @click="selectMyfilter(item)">
+                    <label>{{ item.title }}</label>
+                    <el-popconfirm title="确认删除此常用过滤吗？" @confirm="closeMyfilter(item, index)">
+                        <template #reference>
+                            <el-icon class="del" @click.stop="() => {}">
+                                <el-icon-delete />
+                            </el-icon>
+                        </template>
+                    </el-popconfirm>
+                </li>
+            </ul>
+        </template>
+    </div>
+</template>
+
+<script>
+import config from '@/config/filterBar'
+
+export default {
+    props: {
+        filterName: { type: String, default: '' },
+        data: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    data() {
+        return {
+            loading: false,
+            myFilter: [],
+        }
+    },
+    watch: {
+        data: {
+            handler() {
+                this.myFilter = this.data
+            },
+            deep: true,
+        },
+    },
+    mounted() {
+        this.myFilter = this.data
+        this.getMyfilter()
+    },
+    methods: {
+        //选择常用过滤
+        selectMyfilter(item) {
+            this.$emit('selectMyfilter', item)
+        },
+        //删除常用过滤
+        async closeMyfilter(item, index) {
+            try {
+                var del = await config.delMy(this.filterName)
+            } catch (error) {
+                return false
+            }
+            if (!del) {
+                return false
+            }
+            this.myFilter.splice(index, 1)
+            this.$message.success('删除常用成功')
+        },
+        //远程获取我的常用
+        async getMyfilter() {
+            this.loading = true
+            try {
+                this.myFilter = await config.getMy(this.filterName)
+            } catch (error) {
+                return false
+            }
+            this.loading = false
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-filter-my-loading {
+    padding: 15px;
+}
+
+.sc-filter-my-list {
+    list-style-type: none;
+    background: #fff;
+    border-bottom: 1px solid #e6e6e6;
+}
+
+.sc-filter-my-list h2 {
+    font-size: 12px;
+    color: #999;
+    font-weight: normal;
+    padding: 20px;
+}
+
+.sc-filter-my-list li {
+    padding: 12px 20px;
+    cursor: pointer;
+    position: relative;
+    color: #3c4a54;
+    padding-right: 80px;
+}
+
+.sc-filter-my-list li:hover {
+    background: #ecf5ff;
+    color: #409eff;
+}
+
+.sc-filter-my-list li label {
+    cursor: pointer;
+    font-size: 14px;
+    line-height: 1.8;
+}
+
+.sc-filter-my-list li label span {
+    color: #999;
+    margin-right: 10px;
+}
+
+.sc-filter-my-list li .del {
+    position: absolute;
+    right: 20px;
+    top: 8px;
+    border-radius: 50%;
+    width: 32px;
+    height: 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #999;
+}
+
+.sc-filter-my-list li .del:hover {
+    background: #f56c6c;
+    color: #fff;
+}
+
+[data-theme='dark'] .sc-filter-my .el-empty h2 {
+    color: #fff;
+}
+
+[data-theme='dark'] .sc-filter-my-list {
+    background: none;
+    border-color: var(--el-border-color-base);
+}
+
+[data-theme='dark'] .sc-filter-my-list li {
+    color: #d0d0d0;
+}
+
+[data-theme='dark'] .sc-filter-my-list li:hover {
+    background: var(--el-color-white);
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scFilterBar/pySelect.vue b/src/frontend/admin/src/components/scFilterBar/pySelect.vue
new file mode 100644
index 00000000..5faf6b79
--- /dev/null
+++ b/src/frontend/admin/src/components/scFilterBar/pySelect.vue
@@ -0,0 +1,62 @@
+<!--
+ * @Descripttion: 二次封装el-select 支持拼音
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年7月31日22:26:56
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-18 13:07:19
+-->
+
+<template>
+    <el-select :filter-method="filterMethod" v-bind="$attrs" @visible-change="visibleChange">
+        <el-option
+            v-for="field in optionsList"
+            :key="field.value"
+            :disabled="isDisabled(field.value)"
+            :label="field.label"
+            :value="field"></el-option>
+    </el-select>
+</template>
+
+<script>
+import pinyin from 'pinyin-match'
+
+export default {
+    props: {
+        options: { type: Array, default: () => [] },
+        filter: { type: Array, default: () => [] },
+    },
+    data() {
+        return {
+            optionsList: [],
+            optionsList_: [],
+        }
+    },
+    mounted() {
+        this.optionsList = this.options
+        this.optionsList_ = [...this.options]
+    },
+    methods: {
+        filterMethod(keyword) {
+            if (keyword) {
+                this.optionsList = this.optionsList_
+                this.optionsList = this.optionsList.filter((item) => pinyin.match(item.label, keyword))
+            } else {
+                this.optionsList = this.optionsList_
+            }
+        },
+        visibleChange(isopen) {
+            if (isopen) {
+                this.optionsList = this.optionsList_
+            }
+        },
+        isDisabled(key) {
+            if (this.filter.find((item) => item.field.value === key && !item.field.repeat)) {
+                return true
+            } else {
+                return false
+            }
+        },
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scForm/index.vue b/src/frontend/admin/src/components/scForm/index.vue
new file mode 100644
index 00000000..6097c5b1
--- /dev/null
+++ b/src/frontend/admin/src/components/scForm/index.vue
@@ -0,0 +1,319 @@
+<!--
+ * @Descripttion: 动态表单渲染器
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年9月22日09:26:25
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-19 11:45:37
+-->
+
+<template>
+    <el-skeleton v-if="renderLoading || Object.keys(form).length == 0" animated />
+
+    <el-form
+        v-else
+        ref="form"
+        v-loading="loading"
+        :label-position="config.labelPosition"
+        :label-width="config.labelWidth"
+        :model="form"
+        element-loading-text="Loading...">
+        <el-row :gutter="15">
+            <template v-for="(item, index) in config.formItems" :key="index">
+                <el-col v-if="!hideHandle(item)" :span="item.span || 24">
+                    <sc-title v-if="item.component === 'title'" :title="item.label"></sc-title>
+                    <el-form-item v-else :prop="item.name" :rules="rulesHandle(item)">
+                        <template #label>
+                            {{ item.label }}
+                            <el-tooltip v-if="item.tips" :content="item.tips">
+                                <el-icon>
+                                    <el-icon-question-filled />
+                                </el-icon>
+                            </el-tooltip>
+                        </template>
+                        <!-- input -->
+                        <template v-if="item.component === 'input'">
+                            <el-input
+                                v-model="form[item.name]"
+                                :maxlength="item.options.maxlength"
+                                :placeholder="item.options.placeholder"
+                                clearable
+                                show-word-limit></el-input>
+                        </template>
+                        <!-- checkbox -->
+                        <template v-else-if="item.component === 'checkbox'">
+                            <template v-if="item.name">
+                                <el-checkbox
+                                    v-for="(_item, _index) in item.options.items"
+                                    :key="_index"
+                                    v-model="form[item.name][_item.name]"
+                                    :label="_item.label"></el-checkbox>
+                            </template>
+                            <template v-else>
+                                <el-checkbox
+                                    v-for="(_item, _index) in item.options.items"
+                                    :key="_index"
+                                    v-model="form[_item.name]"
+                                    :label="_item.label"></el-checkbox>
+                            </template>
+                        </template>
+                        <!-- checkboxGroup -->
+                        <template v-else-if="item.component === 'checkboxGroup'">
+                            <el-checkbox-group v-model="form[item.name]">
+                                <el-checkbox v-for="_item in item.options.items" :key="_item.value" :label="_item.value"
+                                    >{{ _item.label }}
+                                </el-checkbox>
+                            </el-checkbox-group>
+                        </template>
+                        <!-- upload -->
+                        <template v-else-if="item.component === 'upload'">
+                            <el-col v-for="(_item, _index) in item.options.items" :key="_index">
+                                <el-form-item :prop="_item.name">
+                                    <sc-upload v-model="form[_item.name]" :title="_item.label"></sc-upload>
+                                </el-form-item>
+                            </el-col>
+                        </template>
+                        <!-- switch -->
+                        <template v-else-if="item.component === 'switch'">
+                            <el-switch v-model="form[item.name]" />
+                        </template>
+                        <!-- select -->
+                        <template v-else-if="item.component == 'select'">
+                            <el-select
+                                v-model="form[item.name]"
+                                :multiple="item.options.multiple"
+                                :placeholder="item.options.placeholder"
+                                clearable
+                                filterable
+                                style="width: 100%">
+                                <el-option
+                                    v-for="option in item.options.items"
+                                    :key="option.value"
+                                    :label="option.label"
+                                    :value="option.value"></el-option>
+                            </el-select>
+                        </template>
+                        <!-- cascader -->
+                        <template v-else-if="item.component === 'cascader'">
+                            <el-cascader v-model="form[item.name]" :options="item.options.items" clearable></el-cascader>
+                        </template>
+                        <!-- date -->
+                        <template v-else-if="item.component === 'date'">
+                            <el-date-picker
+                                v-model="form[item.name]"
+                                :default-time="item.options.defaultTime"
+                                :placeholder="item.options.placeholder || '请选择'"
+                                :shortcuts="item.options.shortcuts"
+                                :type="item.options.type"
+                                :value-format="item.options.valueFormat"></el-date-picker>
+                        </template>
+                        <!-- number -->
+                        <template v-else-if="item.component === 'number'">
+                            <el-input-number v-model="form[item.name]" controls-position="right"></el-input-number>
+                        </template>
+                        <!-- radio -->
+                        <template v-else-if="item.component === 'radio'">
+                            <el-radio-group v-model="form[item.name]">
+                                <el-radio v-for="_item in item.options.items" :key="_item.value" :label="_item.value">{{ _item.label }} </el-radio>
+                            </el-radio-group>
+                        </template>
+                        <!-- color -->
+                        <template v-else-if="item.component === 'color'">
+                            <el-color-picker v-model="form[item.name]" />
+                        </template>
+                        <!-- rate -->
+                        <template v-else-if="item.component === 'rate'">
+                            <el-rate v-model="form[item.name]" style="margin-top: 6px"></el-rate>
+                        </template>
+                        <!-- slider -->
+                        <template v-else-if="item.component === 'slider'">
+                            <el-slider v-model="form[item.name]" :marks="item.options.marks"></el-slider>
+                        </template>
+                        <!-- tableselect -->
+                        <template v-else-if="item.component === 'tableselect'">
+                            <tableselect-render v-model="form[item.name]" :item="item"></tableselect-render>
+                        </template>
+                        <!-- editor -->
+                        <template v-else-if="item.component === 'editor'">
+                            <sc-editor v-model="form[item.name]" :height="400" placeholder="请输入"></sc-editor>
+                        </template>
+                        <!-- noComponent -->
+                        <template v-else>
+                            <el-tag type="danger">[{{ item.component }}] Component not found</el-tag>
+                        </template>
+                        <div v-if="item.message" class="el-form-item-msg">{{ item.message }}</div>
+                    </el-form-item>
+                </el-col>
+            </template>
+            <el-col :span="24">
+                <el-form-item>
+                    <slot>
+                        <el-button type="primary" @click="submit">提交</el-button>
+                    </slot>
+                </el-form-item>
+            </el-col>
+        </el-row>
+    </el-form>
+</template>
+
+<script>
+import http from '@/utils/request'
+
+import { defineAsyncComponent } from 'vue'
+
+const tableselectRender = defineAsyncComponent(() => import('./items/tableselect'))
+const scEditor = defineAsyncComponent(() => import('@/components/scEditor'))
+
+export default {
+    props: {
+        modelValue: {
+            type: Object,
+            default: () => {},
+        },
+        config: {
+            type: Object,
+            default: () => {},
+        },
+        loading: { type: Boolean, default: false },
+    },
+    components: {
+        tableselectRender,
+        scEditor,
+    },
+    data() {
+        return {
+            form: {},
+            renderLoading: false,
+        }
+    },
+    watch: {
+        modelValue() {
+            if (this.hasConfig) {
+                this.deepMerge(this.form, this.modelValue)
+            }
+        },
+        config() {
+            this.render()
+        },
+        form: {
+            handler(val) {
+                this.$emit('update:modelValue', val)
+            },
+            deep: true,
+        },
+    },
+    computed: {
+        hasConfig() {
+            return Object.keys(this.config).length > 0
+        },
+        hasValue() {
+            return Object.keys(this.modelValue).length > 0
+        },
+    },
+    created() {},
+    mounted() {
+        if (this.hasConfig) {
+            this.render()
+        }
+    },
+    methods: {
+        //构建form对象
+        render() {
+            this.config.formItems.forEach((item) => {
+                if (item.component === 'checkbox') {
+                    if (item.name) {
+                        const value = {}
+                        item.options.items.forEach((option) => {
+                            value[option.name] = option.value
+                        })
+                        this.form[item.name] = value
+                    } else {
+                        item.options.items.forEach((option) => {
+                            this.form[option.name] = option.value
+                        })
+                    }
+                } else if (item.component === 'upload') {
+                    if (item.name) {
+                        const value = {}
+                        item.options.items.forEach((option) => {
+                            value[option.name] = option.value
+                        })
+                        this.form[item.name] = value
+                    } else {
+                        item.options.items.forEach((option) => {
+                            this.form[option.name] = option.value
+                        })
+                    }
+                } else {
+                    this.form[item.name] = item.value
+                }
+            })
+            if (this.hasValue) {
+                this.form = this.deepMerge(this.form, this.modelValue)
+            }
+            this.getData()
+        },
+        //处理远程选项数据
+        getData() {
+            this.renderLoading = true
+            var remoteData = []
+            this.config.formItems.forEach((item) => {
+                if (item.options && item.options.remote) {
+                    var req = http.get(item.options.remote.api, item.options.remote.data).then((res) => {
+                        item.options.items = res.data
+                    })
+                    remoteData.push(req)
+                }
+            })
+            Promise.all(remoteData).then(() => {
+                this.renderLoading = false
+            })
+        },
+        //合并深结构对象
+        deepMerge(obj1, obj2) {
+            let key
+            for (key in obj2) {
+                obj1[key] =
+                    obj1[key] && obj1[key].toString() === '[object Object]' && obj2[key] && obj2[key].toString() === '[object Object]'
+                        ? this.deepMerge(obj1[key], obj2[key])
+                        : (obj1[key] = obj2[key])
+            }
+            return obj1
+            //return JSON.parse(JSON.stringify(obj1))
+        },
+        //处理动态隐藏
+        hideHandle(item) {
+            if (item.hideHandle) {
+                const exp = eval(item.hideHandle.replace(/\$/g, 'this.form'))
+                return exp
+            }
+            return false
+        },
+        //处理动态必填
+        rulesHandle(item) {
+            if (item.requiredHandle) {
+                const exp = eval(item.requiredHandle.replace(/\$/g, 'this.form'))
+                var requiredRule = item.rules.find((t) => 'required' in t)
+                requiredRule.required = exp
+            }
+            return item.rules
+        },
+        //数据验证
+        validate(valid, obj) {
+            return this.$refs.form.validate(valid, obj)
+        },
+        scrollToField(prop) {
+            return this.$refs.form.scrollToField(prop)
+        },
+        resetFields() {
+            return this.$refs.form.resetFields()
+        },
+        //提交
+        submit() {
+            this.$emit('submit', this.form)
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scForm/items/tableselect.vue b/src/frontend/admin/src/components/scForm/items/tableselect.vue
new file mode 100644
index 00000000..9533daf4
--- /dev/null
+++ b/src/frontend/admin/src/components/scForm/items/tableselect.vue
@@ -0,0 +1,48 @@
+<template>
+    <sc-table-select
+        v-model="value"
+        :apiObj="apiObj"
+        :multiple="item.options.multiple"
+        :props="item.options.props"
+        :table-width="600"
+        style="width: 100%">
+        <el-table-column
+            v-for="(_item, _index) in item.options.column"
+            :key="_index"
+            :label="_item.label"
+            :prop="_item.prop"
+            :width="_item.width"></el-table-column>
+    </sc-table-select>
+</template>
+
+<script>
+export default {
+    name: 'uploadRender',
+    props: {
+        modelValue: [String, Number, Boolean, Date, Object, Array],
+        item: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    data() {
+        return {
+            value: this.modelValue,
+            apiObj: this.getApiObj(),
+        }
+    },
+    watch: {
+        value(val) {
+            this.$emit('update:modelValue', val)
+        },
+    },
+    mounted() {},
+    methods: {
+        getApiObj() {
+            return eval(`this.` + this.item.options.apiObj)
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scFormTable/index.vue b/src/frontend/admin/src/components/scFormTable/index.vue
new file mode 100644
index 00000000..838a401e
--- /dev/null
+++ b/src/frontend/admin/src/components/scFormTable/index.vue
@@ -0,0 +1,156 @@
+<!--
+ * @Descripttion: 表单表格
+ * @version: 1.3
+ * @Author: sakuya
+ * @Date: 2023年2月9日12:32:26
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-18 13:08:27
+-->
+
+<template>
+    <div ref="scFormTable" class="sc-form-table">
+        <el-table ref="table" :data="data" border stripe>
+            <el-table-column fixed="left" type="index" width="50">
+                <template #header>
+                    <el-button v-if="!hideAdd" circle icon="el-icon-plus" size="small" type="primary" @click="rowAdd"></el-button>
+                </template>
+                <template #default="scope">
+                    <div :class="['sc-form-table-handle', { 'sc-form-table-handle-delete': !hideDelete }]">
+                        <span>{{ scope.$index + 1 }}</span>
+                        <el-button
+                            v-if="!hideDelete"
+                            circle
+                            icon="el-icon-delete"
+                            plain
+                            size="small"
+                            type="danger"
+                            @click="rowDel(scope.row, scope.$index)"></el-button>
+                    </div>
+                </template>
+            </el-table-column>
+            <el-table-column v-if="dragSort" label="" width="50">
+                <template #default>
+                    <div class="move" style="cursor: move">
+                        <el-icon-d-caret style="width: 1em; height: 1em" />
+                    </div>
+                </template>
+            </el-table-column>
+            <slot></slot>
+            <template #empty>
+                {{ placeholder }}
+            </template>
+        </el-table>
+    </div>
+</template>
+
+<script>
+import Sortable from 'sortablejs'
+
+export default {
+    props: {
+        modelValue: { type: Array, default: () => [] },
+        addTemplate: {
+            type: Object,
+            default: () => {},
+        },
+        placeholder: { type: String, default: '暂无数据' },
+        dragSort: { type: Boolean, default: false },
+        hideAdd: { type: Boolean, default: false },
+        hideDelete: { type: Boolean, default: false },
+    },
+    data() {
+        return {
+            data: [],
+        }
+    },
+    mounted() {
+        this.data = this.modelValue
+        if (this.dragSort) {
+            this.rowDrop()
+        }
+    },
+    watch: {
+        modelValue() {
+            this.data = this.modelValue
+        },
+        data: {
+            handler() {
+                this.$emit('update:modelValue', this.data)
+            },
+            deep: true,
+        },
+    },
+    methods: {
+        rowDrop() {
+            const _this = this
+            const tbody = this.$refs.table.$el.querySelector('.el-table__body-wrapper tbody')
+            Sortable.create(tbody, {
+                handle: '.move',
+                animation: 300,
+                ghostClass: 'ghost',
+                onEnd({ newIndex, oldIndex }) {
+                    _this.data.splice(newIndex, 0, _this.data.splice(oldIndex, 1)[0])
+                    const newArray = _this.data.slice(0)
+                    const tmpHeight = _this.$refs.scFormTable.offsetHeight
+                    _this.$refs.scFormTable.style.setProperty('height', tmpHeight + 'px')
+                    _this.data = []
+                    _this.$nextTick(() => {
+                        _this.data = newArray
+                        _this.$nextTick(() => {
+                            _this.$refs.scFormTable.style.removeProperty('height')
+                        })
+                    })
+                },
+            })
+        },
+        rowAdd() {
+            const temp = JSON.parse(JSON.stringify(this.addTemplate))
+            this.data.push(temp)
+        },
+        rowDel(row, index) {
+            this.data.splice(index, 1)
+        },
+        //插入行
+        pushRow(row) {
+            const temp = row || JSON.parse(JSON.stringify(this.addTemplate))
+            this.data.push(temp)
+        },
+        //根据index删除
+        deleteRow(index) {
+            this.data.splice(index, 1)
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-form-table {
+    width: 100%;
+}
+
+.sc-form-table .sc-form-table-handle {
+    text-align: center;
+}
+
+.sc-form-table .sc-form-table-handle span {
+    display: inline-block;
+}
+
+.sc-form-table .sc-form-table-handle button {
+    display: none;
+}
+
+.sc-form-table .hover-row .sc-form-table-handle-delete span {
+    display: none;
+}
+
+.sc-form-table .hover-row .sc-form-table-handle-delete button {
+    display: inline-block;
+}
+
+.sc-form-table .move {
+    text-align: center;
+    font-size: 14px;
+    margin-top: 3px;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scIconSelect/index.vue b/src/frontend/admin/src/components/scIconSelect/index.vue
new file mode 100644
index 00000000..7242f59f
--- /dev/null
+++ b/src/frontend/admin/src/components/scIconSelect/index.vue
@@ -0,0 +1,196 @@
+<!--
+ * @Descripttion: 图标选择器组件
+ * @version: 2.0
+ * @Author: sakuya
+ * @Date: 2021年7月27日10:02:46
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-18 13:08:59
+-->
+
+<template>
+    <div class="sc-icon-select">
+        <div :class="{ hasValue: value }" class="sc-icon-select__wrapper" @click="open">
+            <el-input v-model="value" :disabled="disabled" :prefix-icon="value || 'el-icon-plus'" readonly></el-input>
+        </div>
+        <el-dialog v-model="dialogVisible" :width="760" append-to-body destroy-on-close title="图标选择器">
+            <div class="sc-icon-select__dialog" style="margin: -20px 0 -10px 0">
+                <el-form :rules="{}">
+                    <el-form-item prop="searchText">
+                        <el-input
+                            v-model="searchText"
+                            class="sc-icon-select__search-input"
+                            clearable
+                            placeholder="搜索"
+                            prefix-icon="el-icon-search"
+                            size="large" />
+                    </el-form-item>
+                </el-form>
+                <el-tabs>
+                    <el-tab-pane v-for="item in data" :key="item.name" lazy>
+                        <template #label>
+                            {{ item.name }}
+                            <el-tag size="small" type="info">{{ item.icons.length }}</el-tag>
+                        </template>
+                        <div class="sc-icon-select__list">
+                            <el-scrollbar>
+                                <ul @click="selectIcon">
+                                    <el-empty v-if="item.icons.length === 0" :image-size="100" description="未查询到相关图标" />
+                                    <li v-for="icon in item.icons" :key="icon">
+                                        <span :data-icon="icon"></span>
+                                        <el-icon>
+                                            <component :is="icon" />
+                                        </el-icon>
+                                    </li>
+                                </ul>
+                            </el-scrollbar>
+                        </div>
+                    </el-tab-pane>
+                </el-tabs>
+            </div>
+            <template #footer>
+                <el-button text @click="clear">清除</el-button>
+                <el-button @click="dialogVisible = false">取消</el-button>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import config from '@/config/iconSelect'
+
+export default {
+    props: {
+        modelValue: { type: String, default: '' },
+        disabled: { type: Boolean, default: false },
+    },
+    data() {
+        return {
+            value: '',
+            dialogVisible: false,
+            data: [],
+            searchText: '',
+        }
+    },
+    watch: {
+        modelValue(val) {
+            this.value = val
+        },
+        value(val) {
+            this.$emit('update:modelValue', val)
+        },
+        searchText(val) {
+            this.search(val)
+        },
+    },
+    mounted() {
+        this.value = this.modelValue
+        this.data.push(...config.icons)
+    },
+    methods: {
+        open() {
+            if (this.disabled) {
+                return false
+            }
+            this.dialogVisible = true
+        },
+        selectIcon(e) {
+            if (e.target.tagName !== 'SPAN') {
+                return false
+            }
+            this.value = e.target.dataset.icon
+            this.dialogVisible = false
+        },
+        clear() {
+            this.value = ''
+            this.dialogVisible = false
+        },
+        search(text) {
+            if (text) {
+                const filterData = JSON.parse(JSON.stringify(config.icons))
+                filterData.forEach((t) => {
+                    t.icons = t.icons.filter((n) => n.includes(text))
+                })
+                this.data = filterData
+            } else {
+                this.data = JSON.parse(JSON.stringify(config.icons))
+            }
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-icon-select {
+    display: inline-flex;
+}
+
+.sc-icon-select__wrapper {
+    cursor: pointer;
+    display: inline-flex;
+}
+
+.sc-icon-select__wrapper:deep(.el-input__wrapper).is-focus {
+    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
+}
+
+.sc-icon-select__wrapper:deep(.el-input__inner) {
+    flex-grow: 0;
+    width: 0;
+}
+
+.sc-icon-select__wrapper:deep(.el-input__icon) {
+    margin: 0;
+    font-size: 16px;
+}
+
+.sc-icon-select__wrapper.hasValue:deep(.el-input__icon) {
+    color: var(--el-text-color-regular);
+}
+
+.sc-icon-select__list {
+    height: 270px;
+    overflow: auto;
+}
+
+.sc-icon-select__list li {
+    display: inline-block;
+    width: 80px;
+    height: 80px;
+    margin: 5px;
+    vertical-align: top;
+    transition: all 0.1s;
+    border-radius: 4px;
+    position: relative;
+}
+
+.sc-icon-select__list li span {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 1;
+    cursor: pointer;
+}
+
+.sc-icon-select__list li i {
+    display: inline-block;
+    width: 100%;
+    height: 100%;
+    font-size: 26px;
+    color: #6d7882;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 4px;
+}
+
+.sc-icon-select__list li:hover {
+    box-shadow: 0 0 1px 4px var(--el-color-primary);
+    background: var(--el-color-primary-light-9);
+}
+
+.sc-icon-select__list li:hover i {
+    color: var(--el-color-primary);
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scMini/scStatusIndicator.vue b/src/frontend/admin/src/components/scMini/scStatusIndicator.vue
new file mode 100644
index 00000000..dba54fb2
--- /dev/null
+++ b/src/frontend/admin/src/components/scMini/scStatusIndicator.vue
@@ -0,0 +1,82 @@
+<!--
+ * @Descripttion: 状态指示器
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年11月11日09:30:12
+ * @LastEditors:
+ * @LastEditTime:
+-->
+
+<template>
+    <span :class="[{ 'sc-status-processing': pulse }, 'sc-state-bg--' + type]" class="sc-state"></span>
+</template>
+
+<script>
+export default {
+    props: {
+        type: { type: String, default: 'primary' },
+        pulse: { type: Boolean, default: false },
+    },
+}
+</script>
+
+<style scoped>
+.sc-state {
+    display: inline-block;
+    background: #000;
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    vertical-align: middle;
+}
+
+.sc-status-processing {
+    position: relative;
+}
+
+.sc-status-processing:after {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background: inherit;
+    content: '';
+    animation: warn 1.2s ease-in-out infinite;
+}
+
+.sc-state-bg--primary {
+    background: var(--el-color-primary);
+}
+
+.sc-state-bg--success {
+    background: var(--el-color-success);
+}
+
+.sc-state-bg--warning {
+    background: var(--el-color-warning);
+}
+
+.sc-state-bg--danger {
+    background: var(--el-color-danger);
+}
+
+.sc-state-bg--info {
+    background: var(--el-color-info);
+}
+
+@keyframes warn {
+    0% {
+        transform: scale(0.5);
+        opacity: 1;
+    }
+    30% {
+        opacity: 0.7;
+    }
+    100% {
+        transform: scale(2.5);
+        opacity: 0;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scMini/scTrend.vue b/src/frontend/admin/src/components/scMini/scTrend.vue
new file mode 100644
index 00000000..56ed87a0
--- /dev/null
+++ b/src/frontend/admin/src/components/scMini/scTrend.vue
@@ -0,0 +1,90 @@
+<!--
+ * @Descripttion: 趋势标记
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年11月11日11:07:10
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-19 11:46:37
+-->
+
+<template>
+    <span :class="'sc-trend--' + type" class="sc-trend">
+        <el-icon v-if="iconType === 'P'" class="sc-trend-icon"><el-icon-top /></el-icon>
+        <el-icon v-if="iconType === 'N'" class="sc-trend-icon"><el-icon-bottom /></el-icon>
+        <el-icon v-if="iconType === 'Z'" class="sc-trend-icon"><el-icon-right /></el-icon>
+        <em class="sc-trend-prefix">{{ prefix }}</em>
+        <em class="sc-trend-value">{{ modelValue }}</em>
+        <em class="sc-trend-suffix">{{ suffix }}</em>
+    </span>
+</template>
+
+<script>
+export default {
+    props: {
+        modelValue: { type: Number, default: 0 },
+        prefix: { type: String, default: '' },
+        suffix: { type: String, default: '' },
+        reverse: { type: Boolean, default: false },
+    },
+    computed: {
+        absValue() {
+            return Math.abs(this.modelValue)
+        },
+        iconType(v) {
+            if (this.modelValue === 0) {
+                v = 'Z'
+            } else if (this.modelValue < 0) {
+                v = 'N'
+            } else if (this.modelValue > 0) {
+                v = 'P'
+            }
+            return v
+        },
+        type(v) {
+            if (this.modelValue === 0) {
+                v = 'Z'
+            } else if (this.modelValue < 0) {
+                v = this.reverse ? 'P' : 'N'
+            } else if (this.modelValue > 0) {
+                v = this.reverse ? 'N' : 'P'
+            }
+            return v
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-trend {
+    display: flex;
+    align-items: center;
+}
+
+.sc-trend-icon {
+    margin-right: 2px;
+}
+
+.sc-trend em {
+    font-style: normal;
+}
+
+.sc-trend-prefix {
+    margin-right: 2px;
+}
+
+.sc-trend-suffix {
+    margin-left: 2px;
+}
+
+.sc-trend--P {
+    color: #f56c6c;
+}
+
+.sc-trend--N {
+    color: #67c23a;
+}
+
+.sc-trend--Z {
+    color: #555;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scPageHeader/index.vue b/src/frontend/admin/src/components/scPageHeader/index.vue
new file mode 100644
index 00000000..f20dde8d
--- /dev/null
+++ b/src/frontend/admin/src/components/scPageHeader/index.vue
@@ -0,0 +1,94 @@
+<!--
+ * @Descripttion: 页面头部样式组件
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年7月20日08:49:07
+ * @LastEditors:
+ * @LastEditTime:
+-->
+
+<template>
+    <div class="sc-page-header">
+        <div v-if="icon" class="sc-page-header__icon">
+            <span>
+                <el-icon><component :is="icon" /></el-icon>
+            </span>
+        </div>
+        <div class="sc-page-header__title">
+            <h2>{{ title }}</h2>
+            <p v-if="description || $slots.default">
+                <slot>
+                    {{ description }}
+                </slot>
+            </p>
+        </div>
+        <div v-if="$slots.main" class="sc-page-header__main">
+            <slot name="main"></slot>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        title: { type: String, required: true, default: '' },
+        description: { type: String, default: '' },
+        icon: { type: String, default: '' },
+    },
+}
+</script>
+
+<style scoped>
+.sc-page-header {
+    background: #fff;
+    border-bottom: 1px solid #e6e6e6;
+    padding: 20px 25px;
+    display: flex;
+}
+
+.sc-page-header__icon {
+    width: 50px;
+}
+
+.sc-page-header__icon span {
+    display: inline-block;
+    width: 30px;
+    height: 30px;
+    background: #409eff;
+    border-radius: 40%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.sc-page-header__icon span i {
+    color: #fff;
+    font-size: 14px;
+}
+
+.sc-page-header__title {
+    flex: 1;
+}
+
+.sc-page-header__title h2 {
+    font-size: 17px;
+    color: #3c4a54;
+    font-weight: bold;
+    margin-top: 3px;
+}
+
+.sc-page-header__title p {
+    font-size: 13px;
+    color: #999;
+    margin-top: 15px;
+}
+
+[data-theme='dark'] .sc-page-header {
+    background: #2b2b2b;
+    border-color: var(--el-border-color-base);
+}
+
+[data-theme='dark'] .sc-page-header__title h2 {
+    color: #d0d0d0;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scPasswordStrength/index.vue b/src/frontend/admin/src/components/scPasswordStrength/index.vue
new file mode 100644
index 00000000..f5e98da7
--- /dev/null
+++ b/src/frontend/admin/src/components/scPasswordStrength/index.vue
@@ -0,0 +1,149 @@
+<!--
+ * @Descripttion: 密码强度检测
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2022年6月2日15:36:01
+ * @LastEditors:
+ * @LastEditTime:
+-->
+
+<template>
+    <div class="sc-password-strength">
+        <div :class="`sc-password-strength-level-${level}`" class="sc-password-strength-bar"></div>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        modelValue: { type: String, default: '' },
+    },
+    data() {
+        return {
+            level: 0,
+        }
+    },
+    watch: {
+        modelValue() {
+            this.strength(this.modelValue)
+        },
+    },
+    mounted() {
+        this.strength(this.modelValue)
+    },
+    methods: {
+        strength(v) {
+            var _level = 0
+            //长度
+            var has_length = v.length >= 6
+            //包含数字
+            var has_number = /\d/.test(v)
+            //包含小写英文
+            var has_lovercase = /[a-z]/.test(v)
+            //包含大写英文
+            var has_uppercase = /[A-Z]/.test(v)
+            //没有连续的字符3位
+            var no_continuity = !/(\w)\1{2}/.test(v)
+            //包含特殊字符
+            var has_special = /[`~!@#$%^&*()_+<>?:"{},./;'[\]]/.test(v)
+
+            if (v.length <= 0) {
+                _level = 0
+                this.level = _level
+                return false
+            }
+            if (!has_length) {
+                _level = 1
+                this.level = _level
+                return false
+            }
+            if (has_number) {
+                _level += 1
+            }
+            if (has_lovercase) {
+                _level += 1
+            }
+            if (has_uppercase) {
+                _level += 1
+            }
+            if (no_continuity) {
+                _level += 1
+            }
+            if (has_special) {
+                _level += 1
+            }
+            this.level = _level
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-password-strength {
+    height: 0.5rem;
+    width: 100%;
+    background: var(--el-color-info-light-5);
+    border-radius: 0.5rem;
+    position: relative;
+    margin: 0.5rem 0;
+}
+
+.sc-password-strength:before {
+    left: 20%;
+}
+
+.sc-password-strength:after {
+    right: 20%;
+}
+
+.sc-password-strength:before,
+.sc-password-strength:after {
+    position: absolute;
+    content: '';
+    display: block;
+    width: 20%;
+    height: inherit;
+    border: 5px solid var(--el-bg-color-overlay);
+    border-top: 0;
+    border-bottom: 0;
+    z-index: 1;
+    background-color: transparent;
+    box-sizing: border-box;
+}
+
+.sc-password-strength-bar {
+    position: absolute;
+    height: inherit;
+    width: 0%;
+    border-radius: inherit;
+    transition:
+        width 0.5s ease-in-out,
+        background 0.25s;
+    background: transparent;
+}
+
+.sc-password-strength-level-1 {
+    width: 20%;
+    background-color: var(--el-color-error);
+}
+
+.sc-password-strength-level-2 {
+    width: 40%;
+    background-color: var(--el-color-error);
+}
+
+.sc-password-strength-level-3 {
+    width: 60%;
+    background-color: var(--el-color-warning);
+}
+
+.sc-password-strength-level-4 {
+    width: 80%;
+    background-color: var(--el-color-success);
+}
+
+.sc-password-strength-level-5 {
+    width: 100%;
+    background-color: var(--el-color-success);
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scQrCode/index.vue b/src/frontend/admin/src/components/scQrCode/index.vue
new file mode 100644
index 00000000..bed48d40
--- /dev/null
+++ b/src/frontend/admin/src/components/scQrCode/index.vue
@@ -0,0 +1,87 @@
+<!--
+ * @Descripttion: 生成二维码组件
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年12月20日14:22:20
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-18 12:44:07
+-->
+
+<template>
+    <img ref="img" />
+</template>
+
+<script>
+import QRcode from './qrcode'
+
+export default {
+    props: {
+        text: { type: String, required: true, default: '' },
+        size: { type: Number, default: 100 },
+        logo: { type: String, default: '' },
+        logoSize: { type: Number, default: 30 },
+        logoPadding: { type: Number, default: 5 },
+        colorDark: { type: String, default: '#000000' },
+        colorLight: { type: String, default: '#ffffff' },
+        correctLevel: { type: Number, default: 2 },
+    },
+    data() {
+        return {
+            qrcode: null,
+        }
+    },
+    watch: {
+        text() {
+            this.draw()
+        },
+    },
+    mounted() {
+        this.draw()
+    },
+    methods: {
+        //创建原始二维码DOM
+        async create() {
+            return new Promise((resolve) => {
+                var element = document.createElement('div')
+                new QRcode(element, {
+                    text: this.text,
+                    width: this.size,
+                    height: this.size,
+                    colorDark: this.colorDark,
+                    colorLight: this.colorLight,
+                    correctLevel: this.correctLevel,
+                })
+                if (element.getElementsByTagName('canvas')[0]) {
+                    this.qrcode = element
+                    resolve()
+                }
+            })
+        },
+        //绘制LOGO
+        async drawLogo() {
+            return new Promise((resolve) => {
+                var logo = new Image()
+                logo.src = this.logo
+                const logoPos = (this.size - this.logoSize) / 2
+                const rectSize = this.logoSize + this.logoPadding
+                const rectPos = (this.size - rectSize) / 2
+                var ctx = this.qrcode.getElementsByTagName('canvas')[0].getContext('2d')
+                logo.onload = () => {
+                    ctx.fillRect(rectPos, rectPos, rectSize, rectSize)
+                    ctx.drawImage(logo, logoPos, logoPos, this.logoSize, this.logoSize)
+                    resolve()
+                }
+            })
+        },
+        async draw() {
+            await this.create()
+            if (this.logo) {
+                await this.drawLogo()
+            }
+            this.$refs.img.src = this.qrcode.getElementsByTagName('canvas')[0].toDataURL('image/png')
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scQrCode/qrcode.js b/src/frontend/admin/src/components/scQrCode/qrcode.js
new file mode 100644
index 00000000..bd7ae78a
--- /dev/null
+++ b/src/frontend/admin/src/components/scQrCode/qrcode.js
@@ -0,0 +1,1426 @@
+/**
+ * @fileoverview
+ * - Using the 'QRCode for Javascript library'
+ * - Fixed dataset of 'QRCode for Javascript library' for support full-spec.
+ * - this library has no dependencies.
+ * - source page: https://github.com/makevoid/qrcodejs
+ *
+ *
+ * @author davidshimjs
+ * @see <a href="http://www.d-project.com/" target="_blank">http://www.d-project.com/</a>
+ * @see <a href="http://jeromeetienne.github.com/jquery-qrcode/" target="_blank">http://jeromeetienne.github.com/jquery-qrcode/</a>
+ */
+var QRCode
+;(function () {
+    //---------------------------------------------------------------------
+    // QRCode for JavaScript
+    //
+    // Copyright (c) 2009 Kazuhiko Arase
+    //
+    // URL: http://www.d-project.com/
+    //
+    // Licensed under the MIT license:
+    //   http://www.opensource.org/licenses/mit-license.php
+    //
+    // The word "QR Code" is registered trademark of
+    // DENSO WAVE INCORPORATED
+    //   http://www.denso-wave.com/qrcode/faqpatent-e.html
+    //
+    //---------------------------------------------------------------------
+    function QR8bitByte(data) {
+        this.mode = QRMode.MODE_8BIT_BYTE
+        this.data = data
+        this.parsedData = []
+
+        // Added to support UTF-8 Characters
+        for (var i = 0, l = this.data.length; i < l; i++) {
+            var byteArray = []
+            var code = this.data.charCodeAt(i)
+
+            if (code > 0x10000) {
+                byteArray[0] = 0xf0 | ((code & 0x1c0000) >>> 18)
+                byteArray[1] = 0x80 | ((code & 0x3f000) >>> 12)
+                byteArray[2] = 0x80 | ((code & 0xfc0) >>> 6)
+                byteArray[3] = 0x80 | (code & 0x3f)
+            } else if (code > 0x800) {
+                byteArray[0] = 0xe0 | ((code & 0xf000) >>> 12)
+                byteArray[1] = 0x80 | ((code & 0xfc0) >>> 6)
+                byteArray[2] = 0x80 | (code & 0x3f)
+            } else if (code > 0x80) {
+                byteArray[0] = 0xc0 | ((code & 0x7c0) >>> 6)
+                byteArray[1] = 0x80 | (code & 0x3f)
+            } else {
+                byteArray[0] = code
+            }
+
+            this.parsedData.push(byteArray)
+        }
+
+        this.parsedData = Array.prototype.concat.apply([], this.parsedData)
+
+        if (this.parsedData.length != this.data.length) {
+            this.parsedData.unshift(191)
+            this.parsedData.unshift(187)
+            this.parsedData.unshift(239)
+        }
+    }
+
+    QR8bitByte.prototype = {
+        getLength: function (buffer) {
+            return this.parsedData.length
+        },
+        write: function (buffer) {
+            for (var i = 0, l = this.parsedData.length; i < l; i++) {
+                buffer.put(this.parsedData[i], 8)
+            }
+        },
+    }
+
+    function QRCodeModel(typeNumber, errorCorrectLevel) {
+        this.typeNumber = typeNumber
+        this.errorCorrectLevel = errorCorrectLevel
+        this.modules = null
+        this.moduleCount = 0
+        this.dataCache = null
+        this.dataList = []
+    }
+
+    QRCodeModel.prototype = {
+        addData: function (data) {
+            var newData = new QR8bitByte(data)
+            this.dataList.push(newData)
+            this.dataCache = null
+        },
+        isDark: function (row, col) {
+            if (row < 0 || this.moduleCount <= row || col < 0 || this.moduleCount <= col) {
+                throw new Error(row + ',' + col)
+            }
+            return this.modules[row][col]
+        },
+        getModuleCount: function () {
+            return this.moduleCount
+        },
+        make: function () {
+            this.makeImpl(false, this.getBestMaskPattern())
+        },
+        makeImpl: function (test, maskPattern) {
+            this.moduleCount = this.typeNumber * 4 + 17
+            this.modules = new Array(this.moduleCount)
+            for (var row = 0; row < this.moduleCount; row++) {
+                this.modules[row] = new Array(this.moduleCount)
+                for (var col = 0; col < this.moduleCount; col++) {
+                    this.modules[row][col] = null
+                }
+            }
+            this.setupPositionProbePattern(0, 0)
+            this.setupPositionProbePattern(this.moduleCount - 7, 0)
+            this.setupPositionProbePattern(0, this.moduleCount - 7)
+            this.setupPositionAdjustPattern()
+            this.setupTimingPattern()
+            this.setupTypeInfo(test, maskPattern)
+            if (this.typeNumber >= 7) {
+                this.setupTypeNumber(test)
+            }
+            if (this.dataCache == null) {
+                this.dataCache = QRCodeModel.createData(this.typeNumber, this.errorCorrectLevel, this.dataList)
+            }
+            this.mapData(this.dataCache, maskPattern)
+        },
+        setupPositionProbePattern: function (row, col) {
+            for (var r = -1; r <= 7; r++) {
+                if (row + r <= -1 || this.moduleCount <= row + r) continue
+                for (var c = -1; c <= 7; c++) {
+                    if (col + c <= -1 || this.moduleCount <= col + c) continue
+                    if (
+                        (0 <= r && r <= 6 && (c == 0 || c == 6)) ||
+                        (0 <= c && c <= 6 && (r == 0 || r == 6)) ||
+                        (2 <= r && r <= 4 && 2 <= c && c <= 4)
+                    ) {
+                        this.modules[row + r][col + c] = true
+                    } else {
+                        this.modules[row + r][col + c] = false
+                    }
+                }
+            }
+        },
+        getBestMaskPattern: function () {
+            var minLostPoint = 0
+            var pattern = 0
+            for (var i = 0; i < 8; i++) {
+                this.makeImpl(true, i)
+                var lostPoint = QRUtil.getLostPoint(this)
+                if (i == 0 || minLostPoint > lostPoint) {
+                    minLostPoint = lostPoint
+                    pattern = i
+                }
+            }
+            return pattern
+        },
+        createMovieClip: function (target_mc, instance_name, depth) {
+            var qr_mc = target_mc.createEmptyMovieClip(instance_name, depth)
+            var cs = 1
+            this.make()
+            for (var row = 0; row < this.modules.length; row++) {
+                var y = row * cs
+                for (var col = 0; col < this.modules[row].length; col++) {
+                    var x = col * cs
+                    var dark = this.modules[row][col]
+                    if (dark) {
+                        qr_mc.beginFill(0, 100)
+                        qr_mc.moveTo(x, y)
+                        qr_mc.lineTo(x + cs, y)
+                        qr_mc.lineTo(x + cs, y + cs)
+                        qr_mc.lineTo(x, y + cs)
+                        qr_mc.endFill()
+                    }
+                }
+            }
+            return qr_mc
+        },
+        setupTimingPattern: function () {
+            for (var r = 8; r < this.moduleCount - 8; r++) {
+                if (this.modules[r][6] != null) {
+                    continue
+                }
+                this.modules[r][6] = r % 2 == 0
+            }
+            for (var c = 8; c < this.moduleCount - 8; c++) {
+                if (this.modules[6][c] != null) {
+                    continue
+                }
+                this.modules[6][c] = c % 2 == 0
+            }
+        },
+        setupPositionAdjustPattern: function () {
+            var pos = QRUtil.getPatternPosition(this.typeNumber)
+            for (var i = 0; i < pos.length; i++) {
+                for (var j = 0; j < pos.length; j++) {
+                    var row = pos[i]
+                    var col = pos[j]
+                    if (this.modules[row][col] != null) {
+                        continue
+                    }
+                    for (var r = -2; r <= 2; r++) {
+                        for (var c = -2; c <= 2; c++) {
+                            if (r == -2 || r == 2 || c == -2 || c == 2 || (r == 0 && c == 0)) {
+                                this.modules[row + r][col + c] = true
+                            } else {
+                                this.modules[row + r][col + c] = false
+                            }
+                        }
+                    }
+                }
+            }
+        },
+        setupTypeNumber: function (test) {
+            var bits = QRUtil.getBCHTypeNumber(this.typeNumber)
+            for (var i = 0; i < 18; i++) {
+                var mod = !test && ((bits >> i) & 1) == 1
+                this.modules[Math.floor(i / 3)][(i % 3) + this.moduleCount - 8 - 3] = mod
+            }
+            for (var i = 0; i < 18; i++) {
+                var mod = !test && ((bits >> i) & 1) == 1
+                this.modules[(i % 3) + this.moduleCount - 8 - 3][Math.floor(i / 3)] = mod
+            }
+        },
+        setupTypeInfo: function (test, maskPattern) {
+            var data = (this.errorCorrectLevel << 3) | maskPattern
+            var bits = QRUtil.getBCHTypeInfo(data)
+            for (var i = 0; i < 15; i++) {
+                var mod = !test && ((bits >> i) & 1) == 1
+                if (i < 6) {
+                    this.modules[i][8] = mod
+                } else if (i < 8) {
+                    this.modules[i + 1][8] = mod
+                } else {
+                    this.modules[this.moduleCount - 15 + i][8] = mod
+                }
+            }
+            for (var i = 0; i < 15; i++) {
+                var mod = !test && ((bits >> i) & 1) == 1
+                if (i < 8) {
+                    this.modules[8][this.moduleCount - i - 1] = mod
+                } else if (i < 9) {
+                    this.modules[8][15 - i - 1 + 1] = mod
+                } else {
+                    this.modules[8][15 - i - 1] = mod
+                }
+            }
+            this.modules[this.moduleCount - 8][8] = !test
+        },
+        mapData: function (data, maskPattern) {
+            var inc = -1
+            var row = this.moduleCount - 1
+            var bitIndex = 7
+            var byteIndex = 0
+            for (var col = this.moduleCount - 1; col > 0; col -= 2) {
+                if (col == 6) col--
+                while (true) {
+                    for (var c = 0; c < 2; c++) {
+                        if (this.modules[row][col - c] == null) {
+                            var dark = false
+                            if (byteIndex < data.length) {
+                                dark = ((data[byteIndex] >>> bitIndex) & 1) == 1
+                            }
+                            var mask = QRUtil.getMask(maskPattern, row, col - c)
+                            if (mask) {
+                                dark = !dark
+                            }
+                            this.modules[row][col - c] = dark
+                            bitIndex--
+                            if (bitIndex == -1) {
+                                byteIndex++
+                                bitIndex = 7
+                            }
+                        }
+                    }
+                    row += inc
+                    if (row < 0 || this.moduleCount <= row) {
+                        row -= inc
+                        inc = -inc
+                        break
+                    }
+                }
+            }
+        },
+    }
+    QRCodeModel.PAD0 = 0xec
+    QRCodeModel.PAD1 = 0x11
+    QRCodeModel.createData = function (typeNumber, errorCorrectLevel, dataList) {
+        var rsBlocks = QRRSBlock.getRSBlocks(typeNumber, errorCorrectLevel)
+        var buffer = new QRBitBuffer()
+        for (var i = 0; i < dataList.length; i++) {
+            var data = dataList[i]
+            buffer.put(data.mode, 4)
+            buffer.put(data.getLength(), QRUtil.getLengthInBits(data.mode, typeNumber))
+            data.write(buffer)
+        }
+        var totalDataCount = 0
+        for (var i = 0; i < rsBlocks.length; i++) {
+            totalDataCount += rsBlocks[i].dataCount
+        }
+        if (buffer.getLengthInBits() > totalDataCount * 8) {
+            throw new Error('code length overflow. (' + buffer.getLengthInBits() + '>' + totalDataCount * 8 + ')')
+        }
+        if (buffer.getLengthInBits() + 4 <= totalDataCount * 8) {
+            buffer.put(0, 4)
+        }
+        while (buffer.getLengthInBits() % 8 != 0) {
+            buffer.putBit(false)
+        }
+        while (true) {
+            if (buffer.getLengthInBits() >= totalDataCount * 8) {
+                break
+            }
+            buffer.put(QRCodeModel.PAD0, 8)
+            if (buffer.getLengthInBits() >= totalDataCount * 8) {
+                break
+            }
+            buffer.put(QRCodeModel.PAD1, 8)
+        }
+        return QRCodeModel.createBytes(buffer, rsBlocks)
+    }
+    QRCodeModel.createBytes = function (buffer, rsBlocks) {
+        var offset = 0
+        var maxDcCount = 0
+        var maxEcCount = 0
+        var dcdata = new Array(rsBlocks.length)
+        var ecdata = new Array(rsBlocks.length)
+        for (var r = 0; r < rsBlocks.length; r++) {
+            var dcCount = rsBlocks[r].dataCount
+            var ecCount = rsBlocks[r].totalCount - dcCount
+            maxDcCount = Math.max(maxDcCount, dcCount)
+            maxEcCount = Math.max(maxEcCount, ecCount)
+            dcdata[r] = new Array(dcCount)
+            for (var i = 0; i < dcdata[r].length; i++) {
+                dcdata[r][i] = 0xff & buffer.buffer[i + offset]
+            }
+            offset += dcCount
+            var rsPoly = QRUtil.getErrorCorrectPolynomial(ecCount)
+            var rawPoly = new QRPolynomial(dcdata[r], rsPoly.getLength() - 1)
+            var modPoly = rawPoly.mod(rsPoly)
+            ecdata[r] = new Array(rsPoly.getLength() - 1)
+            for (var i = 0; i < ecdata[r].length; i++) {
+                var modIndex = i + modPoly.getLength() - ecdata[r].length
+                ecdata[r][i] = modIndex >= 0 ? modPoly.get(modIndex) : 0
+            }
+        }
+        var totalCodeCount = 0
+        for (var i = 0; i < rsBlocks.length; i++) {
+            totalCodeCount += rsBlocks[i].totalCount
+        }
+        var data = new Array(totalCodeCount)
+        var index = 0
+        for (var i = 0; i < maxDcCount; i++) {
+            for (var r = 0; r < rsBlocks.length; r++) {
+                if (i < dcdata[r].length) {
+                    data[index++] = dcdata[r][i]
+                }
+            }
+        }
+        for (var i = 0; i < maxEcCount; i++) {
+            for (var r = 0; r < rsBlocks.length; r++) {
+                if (i < ecdata[r].length) {
+                    data[index++] = ecdata[r][i]
+                }
+            }
+        }
+        return data
+    }
+    var QRMode = { MODE_NUMBER: 1 << 0, MODE_ALPHA_NUM: 1 << 1, MODE_8BIT_BYTE: 1 << 2, MODE_KANJI: 1 << 3 }
+    var QRErrorCorrectLevel = { L: 1, M: 0, Q: 3, H: 2 }
+    var QRMaskPattern = {
+        PATTERN000: 0,
+        PATTERN001: 1,
+        PATTERN010: 2,
+        PATTERN011: 3,
+        PATTERN100: 4,
+        PATTERN101: 5,
+        PATTERN110: 6,
+        PATTERN111: 7,
+    }
+    var QRUtil = {
+        PATTERN_POSITION_TABLE: [
+            [],
+            [6, 18],
+            [6, 22],
+            [6, 26],
+            [6, 30],
+            [6, 34],
+            [6, 22, 38],
+            [6, 24, 42],
+            [6, 26, 46],
+            [6, 28, 50],
+            [6, 30, 54],
+            [6, 32, 58],
+            [6, 34, 62],
+            [6, 26, 46, 66],
+            [6, 26, 48, 70],
+            [6, 26, 50, 74],
+            [6, 30, 54, 78],
+            [6, 30, 56, 82],
+            [6, 30, 58, 86],
+            [6, 34, 62, 90],
+            [6, 28, 50, 72, 94],
+            [6, 26, 50, 74, 98],
+            [6, 30, 54, 78, 102],
+            [6, 28, 54, 80, 106],
+            [6, 32, 58, 84, 110],
+            [6, 30, 58, 86, 114],
+            [6, 34, 62, 90, 118],
+            [6, 26, 50, 74, 98, 122],
+            [6, 30, 54, 78, 102, 126],
+            [6, 26, 52, 78, 104, 130],
+            [6, 30, 56, 82, 108, 134],
+            [6, 34, 60, 86, 112, 138],
+            [6, 30, 58, 86, 114, 142],
+            [6, 34, 62, 90, 118, 146],
+            [6, 30, 54, 78, 102, 126, 150],
+            [6, 24, 50, 76, 102, 128, 154],
+            [6, 28, 54, 80, 106, 132, 158],
+            [6, 32, 58, 84, 110, 136, 162],
+            [6, 26, 54, 82, 110, 138, 166],
+            [6, 30, 58, 86, 114, 142, 170],
+        ],
+        G15: (1 << 10) | (1 << 8) | (1 << 5) | (1 << 4) | (1 << 2) | (1 << 1) | (1 << 0),
+        G18: (1 << 12) | (1 << 11) | (1 << 10) | (1 << 9) | (1 << 8) | (1 << 5) | (1 << 2) | (1 << 0),
+        G15_MASK: (1 << 14) | (1 << 12) | (1 << 10) | (1 << 4) | (1 << 1),
+        getBCHTypeInfo: function (data) {
+            var d = data << 10
+            while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15) >= 0) {
+                d ^= QRUtil.G15 << (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15))
+            }
+            return ((data << 10) | d) ^ QRUtil.G15_MASK
+        },
+        getBCHTypeNumber: function (data) {
+            var d = data << 12
+            while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18) >= 0) {
+                d ^= QRUtil.G18 << (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18))
+            }
+            return (data << 12) | d
+        },
+        getBCHDigit: function (data) {
+            var digit = 0
+            while (data != 0) {
+                digit++
+                data >>>= 1
+            }
+            return digit
+        },
+        getPatternPosition: function (typeNumber) {
+            return QRUtil.PATTERN_POSITION_TABLE[typeNumber - 1]
+        },
+        getMask: function (maskPattern, i, j) {
+            switch (maskPattern) {
+                case QRMaskPattern.PATTERN000:
+                    return (i + j) % 2 == 0
+                case QRMaskPattern.PATTERN001:
+                    return i % 2 == 0
+                case QRMaskPattern.PATTERN010:
+                    return j % 3 == 0
+                case QRMaskPattern.PATTERN011:
+                    return (i + j) % 3 == 0
+                case QRMaskPattern.PATTERN100:
+                    return (Math.floor(i / 2) + Math.floor(j / 3)) % 2 == 0
+                case QRMaskPattern.PATTERN101:
+                    return ((i * j) % 2) + ((i * j) % 3) == 0
+                case QRMaskPattern.PATTERN110:
+                    return (((i * j) % 2) + ((i * j) % 3)) % 2 == 0
+                case QRMaskPattern.PATTERN111:
+                    return (((i * j) % 3) + ((i + j) % 2)) % 2 == 0
+                default:
+                    throw new Error('bad maskPattern:' + maskPattern)
+            }
+        },
+        getErrorCorrectPolynomial: function (errorCorrectLength) {
+            var a = new QRPolynomial([1], 0)
+            for (var i = 0; i < errorCorrectLength; i++) {
+                a = a.multiply(new QRPolynomial([1, QRMath.gexp(i)], 0))
+            }
+            return a
+        },
+        getLengthInBits: function (mode, type) {
+            if (1 <= type && type < 10) {
+                switch (mode) {
+                    case QRMode.MODE_NUMBER:
+                        return 10
+                    case QRMode.MODE_ALPHA_NUM:
+                        return 9
+                    case QRMode.MODE_8BIT_BYTE:
+                        return 8
+                    case QRMode.MODE_KANJI:
+                        return 8
+                    default:
+                        throw new Error('mode:' + mode)
+                }
+            } else if (type < 27) {
+                switch (mode) {
+                    case QRMode.MODE_NUMBER:
+                        return 12
+                    case QRMode.MODE_ALPHA_NUM:
+                        return 11
+                    case QRMode.MODE_8BIT_BYTE:
+                        return 16
+                    case QRMode.MODE_KANJI:
+                        return 10
+                    default:
+                        throw new Error('mode:' + mode)
+                }
+            } else if (type < 41) {
+                switch (mode) {
+                    case QRMode.MODE_NUMBER:
+                        return 14
+                    case QRMode.MODE_ALPHA_NUM:
+                        return 13
+                    case QRMode.MODE_8BIT_BYTE:
+                        return 16
+                    case QRMode.MODE_KANJI:
+                        return 12
+                    default:
+                        throw new Error('mode:' + mode)
+                }
+            } else {
+                throw new Error('type:' + type)
+            }
+        },
+        getLostPoint: function (qrCode) {
+            var moduleCount = qrCode.getModuleCount()
+            var lostPoint = 0
+            for (var row = 0; row < moduleCount; row++) {
+                for (var col = 0; col < moduleCount; col++) {
+                    var sameCount = 0
+                    var dark = qrCode.isDark(row, col)
+                    for (var r = -1; r <= 1; r++) {
+                        if (row + r < 0 || moduleCount <= row + r) {
+                            continue
+                        }
+                        for (var c = -1; c <= 1; c++) {
+                            if (col + c < 0 || moduleCount <= col + c) {
+                                continue
+                            }
+                            if (r == 0 && c == 0) {
+                                continue
+                            }
+                            if (dark == qrCode.isDark(row + r, col + c)) {
+                                sameCount++
+                            }
+                        }
+                    }
+                    if (sameCount > 5) {
+                        lostPoint += 3 + sameCount - 5
+                    }
+                }
+            }
+            for (var row = 0; row < moduleCount - 1; row++) {
+                for (var col = 0; col < moduleCount - 1; col++) {
+                    var count = 0
+                    if (qrCode.isDark(row, col)) count++
+                    if (qrCode.isDark(row + 1, col)) count++
+                    if (qrCode.isDark(row, col + 1)) count++
+                    if (qrCode.isDark(row + 1, col + 1)) count++
+                    if (count == 0 || count == 4) {
+                        lostPoint += 3
+                    }
+                }
+            }
+            for (var row = 0; row < moduleCount; row++) {
+                for (var col = 0; col < moduleCount - 6; col++) {
+                    if (
+                        qrCode.isDark(row, col) &&
+                        !qrCode.isDark(row, col + 1) &&
+                        qrCode.isDark(row, col + 2) &&
+                        qrCode.isDark(row, col + 3) &&
+                        qrCode.isDark(row, col + 4) &&
+                        !qrCode.isDark(row, col + 5) &&
+                        qrCode.isDark(row, col + 6)
+                    ) {
+                        lostPoint += 40
+                    }
+                }
+            }
+            for (var col = 0; col < moduleCount; col++) {
+                for (var row = 0; row < moduleCount - 6; row++) {
+                    if (
+                        qrCode.isDark(row, col) &&
+                        !qrCode.isDark(row + 1, col) &&
+                        qrCode.isDark(row + 2, col) &&
+                        qrCode.isDark(row + 3, col) &&
+                        qrCode.isDark(row + 4, col) &&
+                        !qrCode.isDark(row + 5, col) &&
+                        qrCode.isDark(row + 6, col)
+                    ) {
+                        lostPoint += 40
+                    }
+                }
+            }
+            var darkCount = 0
+            for (var col = 0; col < moduleCount; col++) {
+                for (var row = 0; row < moduleCount; row++) {
+                    if (qrCode.isDark(row, col)) {
+                        darkCount++
+                    }
+                }
+            }
+            var ratio = Math.abs((100 * darkCount) / moduleCount / moduleCount - 50) / 5
+            lostPoint += ratio * 10
+            return lostPoint
+        },
+    }
+    var QRMath = {
+        glog: function (n) {
+            if (n < 1) {
+                throw new Error('glog(' + n + ')')
+            }
+            return QRMath.LOG_TABLE[n]
+        },
+        gexp: function (n) {
+            while (n < 0) {
+                n += 255
+            }
+            while (n >= 256) {
+                n -= 255
+            }
+            return QRMath.EXP_TABLE[n]
+        },
+        EXP_TABLE: new Array(256),
+        LOG_TABLE: new Array(256),
+    }
+    for (var i = 0; i < 8; i++) {
+        QRMath.EXP_TABLE[i] = 1 << i
+    }
+    for (var i = 8; i < 256; i++) {
+        QRMath.EXP_TABLE[i] = QRMath.EXP_TABLE[i - 4] ^ QRMath.EXP_TABLE[i - 5] ^ QRMath.EXP_TABLE[i - 6] ^ QRMath.EXP_TABLE[i - 8]
+    }
+    for (var i = 0; i < 255; i++) {
+        QRMath.LOG_TABLE[QRMath.EXP_TABLE[i]] = i
+    }
+
+    function QRPolynomial(num, shift) {
+        if (num.length == undefined) {
+            throw new Error(num.length + '/' + shift)
+        }
+        var offset = 0
+        while (offset < num.length && num[offset] == 0) {
+            offset++
+        }
+        this.num = new Array(num.length - offset + shift)
+        for (var i = 0; i < num.length - offset; i++) {
+            this.num[i] = num[i + offset]
+        }
+    }
+
+    QRPolynomial.prototype = {
+        get: function (index) {
+            return this.num[index]
+        },
+        getLength: function () {
+            return this.num.length
+        },
+        multiply: function (e) {
+            var num = new Array(this.getLength() + e.getLength() - 1)
+            for (var i = 0; i < this.getLength(); i++) {
+                for (var j = 0; j < e.getLength(); j++) {
+                    num[i + j] ^= QRMath.gexp(QRMath.glog(this.get(i)) + QRMath.glog(e.get(j)))
+                }
+            }
+            return new QRPolynomial(num, 0)
+        },
+        mod: function (e) {
+            if (this.getLength() - e.getLength() < 0) {
+                return this
+            }
+            var ratio = QRMath.glog(this.get(0)) - QRMath.glog(e.get(0))
+            var num = new Array(this.getLength())
+            for (var i = 0; i < this.getLength(); i++) {
+                num[i] = this.get(i)
+            }
+            for (var i = 0; i < e.getLength(); i++) {
+                num[i] ^= QRMath.gexp(QRMath.glog(e.get(i)) + ratio)
+            }
+            return new QRPolynomial(num, 0).mod(e)
+        },
+    }
+
+    function QRRSBlock(totalCount, dataCount) {
+        this.totalCount = totalCount
+        this.dataCount = dataCount
+    }
+
+    QRRSBlock.RS_BLOCK_TABLE = [
+        [1, 26, 19],
+        [1, 26, 16],
+        [1, 26, 13],
+        [1, 26, 9],
+        [1, 44, 34],
+        [1, 44, 28],
+        [1, 44, 22],
+        [1, 44, 16],
+        [1, 70, 55],
+        [1, 70, 44],
+        [2, 35, 17],
+        [2, 35, 13],
+        [1, 100, 80],
+        [2, 50, 32],
+        [2, 50, 24],
+        [4, 25, 9],
+        [1, 134, 108],
+        [2, 67, 43],
+        [2, 33, 15, 2, 34, 16],
+        [2, 33, 11, 2, 34, 12],
+        [2, 86, 68],
+        [4, 43, 27],
+        [4, 43, 19],
+        [4, 43, 15],
+        [2, 98, 78],
+        [4, 49, 31],
+        [2, 32, 14, 4, 33, 15],
+        [4, 39, 13, 1, 40, 14],
+        [2, 121, 97],
+        [2, 60, 38, 2, 61, 39],
+        [4, 40, 18, 2, 41, 19],
+        [4, 40, 14, 2, 41, 15],
+        [2, 146, 116],
+        [3, 58, 36, 2, 59, 37],
+        [4, 36, 16, 4, 37, 17],
+        [4, 36, 12, 4, 37, 13],
+        [2, 86, 68, 2, 87, 69],
+        [4, 69, 43, 1, 70, 44],
+        [6, 43, 19, 2, 44, 20],
+        [6, 43, 15, 2, 44, 16],
+        [4, 101, 81],
+        [1, 80, 50, 4, 81, 51],
+        [4, 50, 22, 4, 51, 23],
+        [3, 36, 12, 8, 37, 13],
+        [2, 116, 92, 2, 117, 93],
+        [6, 58, 36, 2, 59, 37],
+        [4, 46, 20, 6, 47, 21],
+        [7, 42, 14, 4, 43, 15],
+        [4, 133, 107],
+        [8, 59, 37, 1, 60, 38],
+        [8, 44, 20, 4, 45, 21],
+        [12, 33, 11, 4, 34, 12],
+        [3, 145, 115, 1, 146, 116],
+        [4, 64, 40, 5, 65, 41],
+        [11, 36, 16, 5, 37, 17],
+        [11, 36, 12, 5, 37, 13],
+        [5, 109, 87, 1, 110, 88],
+        [5, 65, 41, 5, 66, 42],
+        [5, 54, 24, 7, 55, 25],
+        [11, 36, 12],
+        [5, 122, 98, 1, 123, 99],
+        [7, 73, 45, 3, 74, 46],
+        [15, 43, 19, 2, 44, 20],
+        [3, 45, 15, 13, 46, 16],
+        [1, 135, 107, 5, 136, 108],
+        [10, 74, 46, 1, 75, 47],
+        [1, 50, 22, 15, 51, 23],
+        [2, 42, 14, 17, 43, 15],
+        [5, 150, 120, 1, 151, 121],
+        [9, 69, 43, 4, 70, 44],
+        [17, 50, 22, 1, 51, 23],
+        [2, 42, 14, 19, 43, 15],
+        [3, 141, 113, 4, 142, 114],
+        [3, 70, 44, 11, 71, 45],
+        [17, 47, 21, 4, 48, 22],
+        [9, 39, 13, 16, 40, 14],
+        [3, 135, 107, 5, 136, 108],
+        [3, 67, 41, 13, 68, 42],
+        [15, 54, 24, 5, 55, 25],
+        [15, 43, 15, 10, 44, 16],
+        [4, 144, 116, 4, 145, 117],
+        [17, 68, 42],
+        [17, 50, 22, 6, 51, 23],
+        [19, 46, 16, 6, 47, 17],
+        [2, 139, 111, 7, 140, 112],
+        [17, 74, 46],
+        [7, 54, 24, 16, 55, 25],
+        [34, 37, 13],
+        [4, 151, 121, 5, 152, 122],
+        [4, 75, 47, 14, 76, 48],
+        [11, 54, 24, 14, 55, 25],
+        [16, 45, 15, 14, 46, 16],
+        [6, 147, 117, 4, 148, 118],
+        [6, 73, 45, 14, 74, 46],
+        [11, 54, 24, 16, 55, 25],
+        [30, 46, 16, 2, 47, 17],
+        [8, 132, 106, 4, 133, 107],
+        [8, 75, 47, 13, 76, 48],
+        [7, 54, 24, 22, 55, 25],
+        [22, 45, 15, 13, 46, 16],
+        [10, 142, 114, 2, 143, 115],
+        [19, 74, 46, 4, 75, 47],
+        [28, 50, 22, 6, 51, 23],
+        [33, 46, 16, 4, 47, 17],
+        [8, 152, 122, 4, 153, 123],
+        [22, 73, 45, 3, 74, 46],
+        [8, 53, 23, 26, 54, 24],
+        [12, 45, 15, 28, 46, 16],
+        [3, 147, 117, 10, 148, 118],
+        [3, 73, 45, 23, 74, 46],
+        [4, 54, 24, 31, 55, 25],
+        [11, 45, 15, 31, 46, 16],
+        [7, 146, 116, 7, 147, 117],
+        [21, 73, 45, 7, 74, 46],
+        [1, 53, 23, 37, 54, 24],
+        [19, 45, 15, 26, 46, 16],
+        [5, 145, 115, 10, 146, 116],
+        [19, 75, 47, 10, 76, 48],
+        [15, 54, 24, 25, 55, 25],
+        [23, 45, 15, 25, 46, 16],
+        [13, 145, 115, 3, 146, 116],
+        [2, 74, 46, 29, 75, 47],
+        [42, 54, 24, 1, 55, 25],
+        [23, 45, 15, 28, 46, 16],
+        [17, 145, 115],
+        [10, 74, 46, 23, 75, 47],
+        [10, 54, 24, 35, 55, 25],
+        [19, 45, 15, 35, 46, 16],
+        [17, 145, 115, 1, 146, 116],
+        [14, 74, 46, 21, 75, 47],
+        [29, 54, 24, 19, 55, 25],
+        [11, 45, 15, 46, 46, 16],
+        [13, 145, 115, 6, 146, 116],
+        [14, 74, 46, 23, 75, 47],
+        [44, 54, 24, 7, 55, 25],
+        [59, 46, 16, 1, 47, 17],
+        [12, 151, 121, 7, 152, 122],
+        [12, 75, 47, 26, 76, 48],
+        [39, 54, 24, 14, 55, 25],
+        [22, 45, 15, 41, 46, 16],
+        [6, 151, 121, 14, 152, 122],
+        [6, 75, 47, 34, 76, 48],
+        [46, 54, 24, 10, 55, 25],
+        [2, 45, 15, 64, 46, 16],
+        [17, 152, 122, 4, 153, 123],
+        [29, 74, 46, 14, 75, 47],
+        [49, 54, 24, 10, 55, 25],
+        [24, 45, 15, 46, 46, 16],
+        [4, 152, 122, 18, 153, 123],
+        [13, 74, 46, 32, 75, 47],
+        [48, 54, 24, 14, 55, 25],
+        [42, 45, 15, 32, 46, 16],
+        [20, 147, 117, 4, 148, 118],
+        [40, 75, 47, 7, 76, 48],
+        [43, 54, 24, 22, 55, 25],
+        [10, 45, 15, 67, 46, 16],
+        [19, 148, 118, 6, 149, 119],
+        [18, 75, 47, 31, 76, 48],
+        [34, 54, 24, 34, 55, 25],
+        [20, 45, 15, 61, 46, 16],
+    ]
+    QRRSBlock.getRSBlocks = function (typeNumber, errorCorrectLevel) {
+        var rsBlock = QRRSBlock.getRsBlockTable(typeNumber, errorCorrectLevel)
+        if (rsBlock == undefined) {
+            throw new Error('bad rs block @ typeNumber:' + typeNumber + '/errorCorrectLevel:' + errorCorrectLevel)
+        }
+        var length = rsBlock.length / 3
+        var list = []
+        for (var i = 0; i < length; i++) {
+            var count = rsBlock[i * 3 + 0]
+            var totalCount = rsBlock[i * 3 + 1]
+            var dataCount = rsBlock[i * 3 + 2]
+            for (var j = 0; j < count; j++) {
+                list.push(new QRRSBlock(totalCount, dataCount))
+            }
+        }
+        return list
+    }
+    QRRSBlock.getRsBlockTable = function (typeNumber, errorCorrectLevel) {
+        switch (errorCorrectLevel) {
+            case QRErrorCorrectLevel.L:
+                return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 0]
+            case QRErrorCorrectLevel.M:
+                return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 1]
+            case QRErrorCorrectLevel.Q:
+                return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 2]
+            case QRErrorCorrectLevel.H:
+                return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 3]
+            default:
+                return undefined
+        }
+    }
+
+    function QRBitBuffer() {
+        this.buffer = []
+        this.length = 0
+    }
+
+    QRBitBuffer.prototype = {
+        get: function (index) {
+            var bufIndex = Math.floor(index / 8)
+            return ((this.buffer[bufIndex] >>> (7 - (index % 8))) & 1) == 1
+        },
+        put: function (num, length) {
+            for (var i = 0; i < length; i++) {
+                this.putBit(((num >>> (length - i - 1)) & 1) == 1)
+            }
+        },
+        getLengthInBits: function () {
+            return this.length
+        },
+        putBit: function (bit) {
+            var bufIndex = Math.floor(this.length / 8)
+            if (this.buffer.length <= bufIndex) {
+                this.buffer.push(0)
+            }
+            if (bit) {
+                this.buffer[bufIndex] |= 0x80 >>> this.length % 8
+            }
+            this.length++
+        },
+    }
+    var QRCodeLimitLength = [
+        [17, 14, 11, 7],
+        [32, 26, 20, 14],
+        [53, 42, 32, 24],
+        [78, 62, 46, 34],
+        [106, 84, 60, 44],
+        [134, 106, 74, 58],
+        [154, 122, 86, 64],
+        [192, 152, 108, 84],
+        [230, 180, 130, 98],
+        [271, 213, 151, 119],
+        [321, 251, 177, 137],
+        [367, 287, 203, 155],
+        [425, 331, 241, 177],
+        [458, 362, 258, 194],
+        [520, 412, 292, 220],
+        [586, 450, 322, 250],
+        [644, 504, 364, 280],
+        [718, 560, 394, 310],
+        [792, 624, 442, 338],
+        [858, 666, 482, 382],
+        [929, 711, 509, 403],
+        [1003, 779, 565, 439],
+        [1091, 857, 611, 461],
+        [1171, 911, 661, 511],
+        [1273, 997, 715, 535],
+        [1367, 1059, 751, 593],
+        [1465, 1125, 805, 625],
+        [1528, 1190, 868, 658],
+        [1628, 1264, 908, 698],
+        [1732, 1370, 982, 742],
+        [1840, 1452, 1030, 790],
+        [1952, 1538, 1112, 842],
+        [2068, 1628, 1168, 898],
+        [2188, 1722, 1228, 958],
+        [2303, 1809, 1283, 983],
+        [2431, 1911, 1351, 1051],
+        [2563, 1989, 1423, 1093],
+        [2699, 2099, 1499, 1139],
+        [2809, 2213, 1579, 1219],
+        [2953, 2331, 1663, 1273],
+    ]
+
+    function _isSupportCanvas() {
+        return typeof CanvasRenderingContext2D != 'undefined'
+    }
+
+    // android 2.x doesn't support Data-URI spec
+    function _getAndroid() {
+        var android = false
+        var sAgent = navigator.userAgent
+
+        if (/android/i.test(sAgent)) {
+            // android
+            android = true
+            var aMat = sAgent.toString().match(/android ([0-9]\.[0-9])/i)
+
+            if (aMat && aMat[1]) {
+                android = parseFloat(aMat[1])
+            }
+        }
+
+        return android
+    }
+
+    var svgDrawer = (function () {
+        var Drawing = function (el, htOption) {
+            this._el = el
+            this._htOption = htOption
+        }
+
+        Drawing.prototype.draw = function (oQRCode) {
+            var _htOption = this._htOption
+            var _el = this._el
+            var nCount = oQRCode.getModuleCount()
+            var nWidth = Math.floor(_htOption.width / nCount)
+            var nHeight = Math.floor(_htOption.height / nCount)
+
+            this.clear()
+
+            function makeSVG(tag, attrs) {
+                var el = document.createElementNS('http://www.w3.org/2000/svg', tag)
+                for (var k in attrs) if (attrs.hasOwnProperty(k)) el.setAttribute(k, attrs[k])
+                return el
+            }
+
+            var svg = makeSVG('svg', {
+                viewBox: '0 0 ' + String(nCount) + ' ' + String(nCount),
+                width: '100%',
+                height: '100%',
+                fill: _htOption.colorLight,
+            })
+            svg.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns:xlink', 'http://www.w3.org/1999/xlink')
+            _el.appendChild(svg)
+
+            svg.appendChild(makeSVG('rect', { fill: _htOption.colorLight, width: '100%', height: '100%' }))
+            svg.appendChild(makeSVG('rect', { fill: _htOption.colorDark, width: '1', height: '1', id: 'template' }))
+
+            for (var row = 0; row < nCount; row++) {
+                for (var col = 0; col < nCount; col++) {
+                    if (oQRCode.isDark(row, col)) {
+                        var child = makeSVG('use', { x: String(col), y: String(row) })
+                        child.setAttributeNS('http://www.w3.org/1999/xlink', 'href', '#template')
+                        svg.appendChild(child)
+                    }
+                }
+            }
+        }
+        Drawing.prototype.clear = function () {
+            while (this._el.hasChildNodes()) this._el.removeChild(this._el.lastChild)
+        }
+        return Drawing
+    })()
+
+    var useSVG = document.documentElement.tagName.toLowerCase() === 'svg'
+
+    // Drawing in DOM by using Table tag
+    var Drawing = useSVG
+        ? svgDrawer
+        : !_isSupportCanvas()
+        ? (function () {
+              var Drawing = function (el, htOption) {
+                  this._el = el
+                  this._htOption = htOption
+              }
+
+              /**
+               * Draw the QRCode
+               *
+               * @param {QRCode} oQRCode
+               */
+              Drawing.prototype.draw = function (oQRCode) {
+                  var _htOption = this._htOption
+                  var _el = this._el
+                  var nCount = oQRCode.getModuleCount()
+                  var nWidth = Math.floor(_htOption.width / nCount)
+                  var nHeight = Math.floor(_htOption.height / nCount)
+                  var aHTML = ['<table style="border:0;border-collapse:collapse;">']
+
+                  for (var row = 0; row < nCount; row++) {
+                      aHTML.push('<tr>')
+
+                      for (var col = 0; col < nCount; col++) {
+                          aHTML.push(
+                              '<td style="border:0;border-collapse:collapse;padding:0;margin:0;width:' +
+                                  nWidth +
+                                  'px;height:' +
+                                  nHeight +
+                                  'px;background-color:' +
+                                  (oQRCode.isDark(row, col) ? _htOption.colorDark : _htOption.colorLight) +
+                                  ';"></td>',
+                          )
+                      }
+
+                      aHTML.push('</tr>')
+                  }
+
+                  aHTML.push('</table>')
+                  _el.innerHTML = aHTML.join('')
+
+                  // Fix the margin values as real size.
+                  var elTable = _el.childNodes[0]
+                  var nLeftMarginTable = (_htOption.width - elTable.offsetWidth) / 2
+                  var nTopMarginTable = (_htOption.height - elTable.offsetHeight) / 2
+
+                  if (nLeftMarginTable > 0 && nTopMarginTable > 0) {
+                      elTable.style.margin = nTopMarginTable + 'px ' + nLeftMarginTable + 'px'
+                  }
+              }
+
+              /**
+               * Clear the QRCode
+               */
+              Drawing.prototype.clear = function () {
+                  this._el.innerHTML = ''
+              }
+
+              return Drawing
+          })()
+        : (function () {
+              // Drawing in Canvas
+              function _onMakeImage() {
+                  this._elImage.src = this._elCanvas.toDataURL('image/png')
+                  this._elImage.style.display = 'block'
+                  this._elCanvas.style.display = 'none'
+              }
+
+              // Android 2.1 bug workaround
+              // http://code.google.com/p/android/issues/detail?id=5141
+              if (this && this._android && this._android <= 2.1) {
+                  var factor = 1 / window.devicePixelRatio
+                  var drawImage = CanvasRenderingContext2D.prototype.drawImage
+                  CanvasRenderingContext2D.prototype.drawImage = function (image, sx, sy, sw, sh, dx, dy, dw, dh) {
+                      if ('nodeName' in image && /img/i.test(image.nodeName)) {
+                          for (var i = arguments.length - 1; i >= 1; i--) {
+                              arguments[i] = arguments[i] * factor
+                          }
+                      } else if (typeof dw == 'undefined') {
+                          arguments[1] *= factor
+                          arguments[2] *= factor
+                          arguments[3] *= factor
+                          arguments[4] *= factor
+                      }
+
+                      drawImage.apply(this, arguments)
+                  }
+              }
+
+              /**
+               * Check whether the user's browser supports Data URI or not
+               *
+               * @private
+               * @param {Function} fSuccess Occurs if it supports Data URI
+               * @param {Function} fFail Occurs if it doesn't support Data URI
+               */
+              function _safeSetDataURI(fSuccess, fFail) {
+                  var self = this
+                  self._fFail = fFail
+                  self._fSuccess = fSuccess
+
+                  // Check it just once
+                  if (self._bSupportDataURI === null) {
+                      var el = document.createElement('img')
+                      var fOnError = function () {
+                          self._bSupportDataURI = false
+
+                          if (self._fFail) {
+                              self._fFail.call(self)
+                          }
+                      }
+                      var fOnSuccess = function () {
+                          self._bSupportDataURI = true
+
+                          if (self._fSuccess) {
+                              self._fSuccess.call(self)
+                          }
+                      }
+
+                      el.onabort = fOnError
+                      el.onerror = fOnError
+                      el.onload = fOnSuccess
+                      el.src =
+                          'data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==' // the Image contains 1px data.
+                      return
+                  } else if (self._bSupportDataURI === true && self._fSuccess) {
+                      self._fSuccess.call(self)
+                  } else if (self._bSupportDataURI === false && self._fFail) {
+                      self._fFail.call(self)
+                  }
+              }
+
+              /**
+               * Drawing QRCode by using canvas
+               *
+               * @constructor
+               * @param {HTMLElement} el
+               * @param {Object} htOption QRCode Options
+               */
+              var Drawing = function (el, htOption) {
+                  this._bIsPainted = false
+                  this._android = _getAndroid()
+
+                  this._htOption = htOption
+                  this._elCanvas = document.createElement('canvas')
+                  this._elCanvas.width = htOption.width
+                  this._elCanvas.height = htOption.height
+                  el.appendChild(this._elCanvas)
+                  this._el = el
+                  this._oContext = this._elCanvas.getContext('2d')
+                  this._bIsPainted = false
+                  this._elImage = document.createElement('img')
+                  this._elImage.alt = 'Scan me!'
+                  this._elImage.style.display = 'none'
+                  this._el.appendChild(this._elImage)
+                  this._bSupportDataURI = null
+              }
+
+              /**
+               * Draw the QRCode
+               *
+               * @param {QRCode} oQRCode
+               */
+              Drawing.prototype.draw = function (oQRCode) {
+                  var _elImage = this._elImage
+                  var _oContext = this._oContext
+                  var _htOption = this._htOption
+
+                  var nCount = oQRCode.getModuleCount()
+                  var nWidth = _htOption.width / nCount
+                  var nHeight = _htOption.height / nCount
+                  var nRoundedWidth = Math.round(nWidth)
+                  var nRoundedHeight = Math.round(nHeight)
+
+                  _elImage.style.display = 'none'
+                  this.clear()
+
+                  for (var row = 0; row < nCount; row++) {
+                      for (var col = 0; col < nCount; col++) {
+                          var bIsDark = oQRCode.isDark(row, col)
+                          var nLeft = col * nWidth
+                          var nTop = row * nHeight
+                          _oContext.strokeStyle = bIsDark ? _htOption.colorDark : _htOption.colorLight
+                          _oContext.lineWidth = 1
+                          _oContext.fillStyle = bIsDark ? _htOption.colorDark : _htOption.colorLight
+                          _oContext.fillRect(nLeft, nTop, nWidth, nHeight)
+
+                          // 안티 앨리어싱 방지 처리
+                          _oContext.strokeRect(Math.floor(nLeft) + 0.5, Math.floor(nTop) + 0.5, nRoundedWidth, nRoundedHeight)
+
+                          _oContext.strokeRect(Math.ceil(nLeft) - 0.5, Math.ceil(nTop) - 0.5, nRoundedWidth, nRoundedHeight)
+                      }
+                  }
+
+                  this._bIsPainted = true
+              }
+
+              /**
+               * Make the image from Canvas if the browser supports Data URI.
+               */
+              Drawing.prototype.makeImage = function () {
+                  if (this._bIsPainted) {
+                      _safeSetDataURI.call(this, _onMakeImage)
+                  }
+              }
+
+              /**
+               * Return whether the QRCode is painted or not
+               *
+               * @return {Boolean}
+               */
+              Drawing.prototype.isPainted = function () {
+                  return this._bIsPainted
+              }
+
+              /**
+               * Clear the QRCode
+               */
+              Drawing.prototype.clear = function () {
+                  this._oContext.clearRect(0, 0, this._elCanvas.width, this._elCanvas.height)
+                  this._bIsPainted = false
+              }
+
+              /**
+               * @private
+               * @param {Number} nNumber
+               */
+              Drawing.prototype.round = function (nNumber) {
+                  if (!nNumber) {
+                      return nNumber
+                  }
+
+                  return Math.floor(nNumber * 1000) / 1000
+              }
+
+              return Drawing
+          })()
+
+    /**
+     * Get the type by string length
+     *
+     * @private
+     * @param {String} sText
+     * @param {Number} nCorrectLevel
+     * @return {Number} type
+     */
+    function _getTypeNumber(sText, nCorrectLevel) {
+        var nType = 1
+        var length = _getUTF8Length(sText)
+
+        for (var i = 0, len = QRCodeLimitLength.length; i <= len; i++) {
+            var nLimit = 0
+
+            switch (nCorrectLevel) {
+                case QRErrorCorrectLevel.L:
+                    nLimit = QRCodeLimitLength[i][0]
+                    break
+                case QRErrorCorrectLevel.M:
+                    nLimit = QRCodeLimitLength[i][1]
+                    break
+                case QRErrorCorrectLevel.Q:
+                    nLimit = QRCodeLimitLength[i][2]
+                    break
+                case QRErrorCorrectLevel.H:
+                    nLimit = QRCodeLimitLength[i][3]
+                    break
+            }
+
+            if (length <= nLimit) {
+                break
+            } else {
+                nType++
+            }
+        }
+
+        if (nType > QRCodeLimitLength.length) {
+            throw new Error('Too long data')
+        }
+
+        return nType
+    }
+
+    function _getUTF8Length(sText) {
+        var replacedText = encodeURI(sText)
+            .toString()
+            .replace(/\%[0-9a-fA-F]{2}/g, 'a')
+        return replacedText.length + (replacedText.length != sText ? 3 : 0)
+    }
+
+    /**
+     * @class QRCode
+     * @constructor
+     * @example
+     * new QRCode(document.getElementById("test"), "http://jindo.dev.naver.com/collie");
+     *
+     * @example
+     * var oQRCode = new QRCode("test", {
+     *    text : "http://naver.com",
+     *    width : 128,
+     *    height : 128
+     * });
+     *
+     * oQRCode.clear(); // Clear the QRCode.
+     * oQRCode.makeCode("http://map.naver.com"); // Re-create the QRCode.
+     *
+     * @param {HTMLElement|String} el target element or 'id' attribute of element.
+     * @param {Object|String} vOption
+     * @param {String} vOption.text QRCode link data
+     * @param {Number} [vOption.width=256]
+     * @param {Number} [vOption.height=256]
+     * @param {String} [vOption.colorDark="#000000"]
+     * @param {String} [vOption.colorLight="#ffffff"]
+     * @param {QRCode.CorrectLevel} [vOption.correctLevel=QRCode.CorrectLevel.H] [L|M|Q|H]
+     */
+    QRCode = function (el, vOption) {
+        this._htOption = {
+            width: 256,
+            height: 256,
+            typeNumber: 4,
+            colorDark: '#000000',
+            colorLight: '#ffffff',
+            correctLevel: QRErrorCorrectLevel.H,
+        }
+
+        if (typeof vOption === 'string') {
+            vOption = {
+                text: vOption,
+            }
+        }
+
+        // Overwrites options
+        if (vOption) {
+            for (var i in vOption) {
+                this._htOption[i] = vOption[i]
+            }
+        }
+
+        if (typeof el == 'string') {
+            el = document.getElementById(el)
+        }
+
+        if (this._htOption.useSVG) {
+            Drawing = svgDrawer
+        }
+
+        this._android = _getAndroid()
+        this._el = el
+        this._oQRCode = null
+        this._oDrawing = new Drawing(this._el, this._htOption)
+
+        if (this._htOption.text) {
+            this.makeCode(this._htOption.text)
+        }
+    }
+
+    /**
+     * Make the QRCode
+     *
+     * @param {String} sText link data
+     */
+    QRCode.prototype.makeCode = function (sText) {
+        this._oQRCode = new QRCodeModel(_getTypeNumber(sText, this._htOption.correctLevel), this._htOption.correctLevel)
+        this._oQRCode.addData(sText)
+        this._oQRCode.make()
+        this._el.title = sText
+        this._oDrawing.draw(this._oQRCode)
+        this.makeImage()
+    }
+
+    /**
+     * Make the Image from Canvas element
+     * - It occurs automatically
+     * - Android below 3 doesn't support Data-URI spec.
+     *
+     * @private
+     */
+    QRCode.prototype.makeImage = function () {
+        if (typeof this._oDrawing.makeImage == 'function' && (!this._android || this._android >= 3)) {
+            this._oDrawing.makeImage()
+        }
+    }
+
+    /**
+     * Clear the QRCode
+     */
+    QRCode.prototype.clear = function () {
+        this._oDrawing.clear()
+    }
+
+    /**
+     * @name QRCode.CorrectLevel
+     */
+    QRCode.CorrectLevel = QRErrorCorrectLevel
+})()
+
+export default QRCode
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scSelect/index.vue b/src/frontend/admin/src/components/scSelect/index.vue
new file mode 100644
index 00000000..6de25f77
--- /dev/null
+++ b/src/frontend/admin/src/components/scSelect/index.vue
@@ -0,0 +1,116 @@
+<!--
+ * @Descripttion: 异步选择器
+ * @version: 1.1
+ * @Author: sakuya
+ * @Date: 2021年8月3日15:53:37
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-18 13:09:37
+-->
+
+<template>
+    <div class="sc-select">
+        <div v-if="initLoading" class="sc-select-loading">
+            <el-icon class="is-loading">
+                <el-icon-loading />
+            </el-icon>
+        </div>
+        <el-select :loading="loading" v-bind="$attrs" @visible-change="visibleChange">
+            <el-option v-for="item in options" :key="item[props.value]" :label="item[props.label]" :value="objValueType ? item : item[props.value]">
+                <slot :data="item" name="option"></slot>
+            </el-option>
+        </el-select>
+    </div>
+</template>
+
+<script>
+import selectConfig from '@/config/select'
+
+export default {
+    props: {
+        apiObj: {
+            type: Object,
+            default: () => {},
+        },
+        dic: { type: String, default: '' },
+        objValueType: { type: Boolean, default: false },
+        params: { type: Object, default: () => ({}) },
+        config: { type: Object },
+    },
+    data() {
+        return {
+            dicParams: this.params,
+            loading: false,
+            options: [],
+            props: Object.assign(selectConfig, this.config || {}).props,
+            initLoading: false,
+        }
+    },
+    created() {
+        //如果有默认值就去请求接口获取options
+        if (this.hasValue()) {
+            this.initLoading = true
+            this.getRemoteData()
+        }
+    },
+    methods: {
+        //选项显示隐藏事件
+        visibleChange(isOpen) {
+            if (isOpen && this.options.length === 0 && (this.dic || this.apiObj)) {
+                this.getRemoteData()
+            }
+        },
+        //获取数据
+        async getRemoteData() {
+            this.loading = true
+            this.dicParams[selectConfig.request.name] = this.dic
+            let res = {}
+            if (this.apiObj) {
+                res = await this.apiObj.post(this.params)
+            } else if (this.dic) {
+                res = await selectConfig.dicApiObj.get(this.params)
+            }
+            const response = selectConfig.parseData(res)
+            this.options = response.data
+            this.loading = false
+            this.initLoading = false
+        },
+        //判断是否有回显默认值
+        hasValue() {
+            if (Array.isArray(this.$attrs.modelValue) && this.$attrs.modelValue.length <= 0) {
+                return false
+            } else return !!this.$attrs.modelValue
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-select {
+    display: inline-block;
+    position: relative;
+}
+
+.sc-select-loading {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: #fff;
+    z-index: 100;
+    border-radius: 5px;
+    border: 1px solid #ebeef5;
+    display: flex;
+    align-items: center;
+    padding-left: 10px;
+}
+
+.sc-select-loading i {
+    font-size: 14px;
+}
+
+.dark .sc-select-loading {
+    background: var(--el-bg-color-overlay);
+    border-color: var(--el-border-color-light);
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scSelectFilter/index.vue b/src/frontend/admin/src/components/scSelectFilter/index.vue
new file mode 100644
index 00000000..ee022e79
--- /dev/null
+++ b/src/frontend/admin/src/components/scSelectFilter/index.vue
@@ -0,0 +1,195 @@
+<!--
+ * @Descripttion: 分类筛选器
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2022年5月26日15:59:52
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-18 13:09:49
+-->
+
+<template>
+    <div class="sc-select-filter">
+        <div v-if="data.length <= 0" class="sc-select-filter__no-data">暂无数据</div>
+        <div v-for="item in data" :key="item.key" class="sc-select-filter__item">
+            <div :style="{ width: labelWidth + 'px' }" class="sc-select-filter__item-title">
+                <label>{{ item.title }}：</label>
+            </div>
+            <div class="sc-select-filter__item-options">
+                <ul>
+                    <li
+                        v-for="option in item.options"
+                        :key="option.value"
+                        :class="{ active: selected[item.key] && selected[item.key].includes(option.value) }"
+                        @click="select(option, item)">
+                        <el-icon v-if="option.icon">
+                            <component :is="option.icon" />
+                        </el-icon>
+                        <span>{{ option.label }}</span>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        data: { type: Array, default: () => [] },
+        selectedValues: {
+            type: Object,
+            default: () => {
+                return {}
+            },
+        },
+        labelWidth: { type: Number, default: 80 },
+        outputValueTypeToArray: { type: Boolean, default: false },
+    },
+    data() {
+        return {
+            selected: {},
+        }
+    },
+    watch: {
+        data(val) {
+            val.forEach((item) => {
+                this.selected[item.key] =
+                    this.selectedValues[item.key] || (Array.isArray(item.options) && item.options.length) ? [item.options[0].value] : []
+            })
+        },
+    },
+    computed: {
+        selectedString() {
+            var outputData = JSON.parse(JSON.stringify(this.selected))
+            for (var key in outputData) {
+                outputData[key] = outputData[key].join(',')
+            }
+            return outputData
+        },
+    },
+    mounted() {
+        //默认赋值
+        this.data.forEach((item) => {
+            this.selected[item.key] =
+                this.selectedValues[item.key] || (Array.isArray(item.options) && item.options.length) ? [item.options[0].value] : []
+        })
+    },
+    methods: {
+        select(option, item) {
+            //判断单选多选
+            if (item.multiple) {
+                //如果多选选择的第一个
+                if (option.value === item.options[0].value) {
+                    //就赋值第一个的值
+                    this.selected[item.key] = [option.value]
+                } else {
+                    //如果选择的值已有
+                    if (this.selected[item.key].includes(option.value)) {
+                        //删除选择的值
+                        this.selected[item.key].splice(
+                            this.selected[item.key].findIndex((s) => s === option.value),
+                            1,
+                        )
+                        //当全删光时，把第一个选中
+                        if (this.selected[item.key].length === 0) {
+                            this.selected[item.key] = [item.options[0].value]
+                        }
+                    } else {
+                        //未有值的时候，追加选中值
+                        this.selected[item.key].push(option.value)
+                        //当含有第一个的值的时候，把第一个删除
+                        if (this.selected[item.key].includes(item.options[0].value)) {
+                            this.selected[item.key].splice(
+                                this.selected[item.key].findIndex((s) => s === item.options[0].value),
+                                1,
+                            )
+                        }
+                    }
+                }
+            } else {
+                //单选时，如果点击了已有值就赋值
+                if (!this.selected[item.key].includes(option.value)) {
+                    this.selected[item.key] = [option.value]
+                } else {
+                    return false
+                }
+            }
+            this.change()
+        },
+        change() {
+            if (this.outputValueTypeToArray) {
+                this.$emit('onChange', this.selected)
+            } else {
+                this.$emit('onChange', this.selectedString)
+            }
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-select-filter {
+    width: 100%;
+}
+
+.sc-select-filter__item {
+    display: flex;
+}
+
+.sc-select-filter__item-title {
+    width: 80px;
+}
+
+.sc-select-filter__item-title label {
+    font-size: 14px;
+    padding-top: 13px;
+    display: inline-block;
+    color: #999;
+}
+
+.sc-select-filter__item-options {
+    flex: 1;
+    border-bottom: 1px dashed var(--el-border-color-light);
+}
+
+.sc-select-filter__item-options ul {
+    display: flex;
+    flex-wrap: wrap;
+    padding-top: 10px;
+}
+
+.sc-select-filter__item-options li {
+    list-style: none;
+    cursor: pointer;
+    height: 28px;
+    padding: 0 15px;
+    border-radius: 32px;
+    margin: 0 10px 10px 0;
+    display: flex;
+    align-items: center;
+    background: var(--el-color-primary-light-9);
+}
+
+.sc-select-filter__item-options li .el-icon {
+    margin-right: 3px;
+    font-size: 16px;
+}
+
+.sc-select-filter__item-options li:hover {
+    color: var(--el-color-primary);
+}
+
+.sc-select-filter__item-options li.active {
+    background: var(--el-color-primary);
+    color: #fff;
+    font-weight: bold;
+}
+
+.sc-select-filter__item:last-of-type .sc-select-filter__item-options {
+    border: 0;
+}
+
+.sc-select-filter__no-data {
+    color: #999;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scStatistic/index.vue b/src/frontend/admin/src/components/scStatistic/index.vue
new file mode 100644
index 00000000..7a4f305a
--- /dev/null
+++ b/src/frontend/admin/src/components/scStatistic/index.vue
@@ -0,0 +1,99 @@
+<!--
+ * @Descripttion: 统计数值组件
+ * @version: 1.1
+ * @Author: sakuya
+ * @Date: 2021年6月23日13:11:32
+ * @LastEditors: sakuya
+ * @LastEditTime: 2022年5月14日19:55:09
+-->
+
+<template>
+    <div class="sc-statistic">
+        <div class="sc-statistic-title">
+            {{ title }}
+            <el-tooltip v-if="tips" effect="light">
+                <template #content>
+                    <div style="width: 200px; line-height: 2">
+                        {{ tips }}
+                    </div>
+                </template>
+                <el-icon class="sc-statistic-tips">
+                    <el-icon-question-filled />
+                </el-icon>
+            </el-tooltip>
+        </div>
+        <div class="sc-statistic-content">
+            <span v-if="prefix" class="sc-statistic-content-prefix">{{ prefix }}</span>
+            <span class="sc-statistic-content-value">{{ cmtValue }}</span>
+            <span v-if="suffix" class="sc-statistic-content-suffix">{{ suffix }}</span>
+        </div>
+        <div v-if="description || $slots.default" class="sc-statistic-description">
+            <slot>
+                {{ description }}
+            </slot>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        title: { type: String, required: true, default: '' },
+        value: { type: String, required: true, default: '' },
+        prefix: { type: String, default: '' },
+        suffix: { type: String, default: '' },
+        description: { type: String, default: '' },
+        tips: { type: String, default: '' },
+        groupSeparator: { type: Boolean, default: false },
+    },
+    data() {
+        return {}
+    },
+    computed: {
+        cmtValue() {
+            return this.groupSeparator ? this.$TOOL.groupSeparator(this.value) : this.value
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-statistic-title {
+    font-size: 12px;
+    color: #999;
+    margin-bottom: 10px;
+    display: flex;
+    align-items: center;
+}
+
+.sc-statistic-tips {
+    margin-left: 5px;
+}
+
+.sc-statistic-content {
+    font-size: 20px;
+    color: #333;
+}
+
+.sc-statistic-content-value {
+    font-weight: bold;
+}
+
+.sc-statistic-content-prefix {
+    margin-right: 5px;
+}
+
+.sc-statistic-content-suffix {
+    margin-left: 5px;
+    font-size: 12px;
+}
+
+.sc-statistic-description {
+    margin-top: 10px;
+    color: #999;
+}
+
+.dark .sc-statistic-content {
+    color: #d0d0d0;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scTable/column.js b/src/frontend/admin/src/components/scTable/column.js
new file mode 100644
index 00000000..a6e52d12
--- /dev/null
+++ b/src/frontend/admin/src/components/scTable/column.js
@@ -0,0 +1,23 @@
+import { h, resolveComponent } from 'vue'
+
+export default {
+    render() {
+        return h(
+            resolveComponent('el-table-column'),
+            {
+                index: this.index,
+                ...this.$attrs,
+            },
+            this.$slots,
+        )
+    },
+    methods: {
+        index(index) {
+            if (this.$attrs.type === 'index') {
+                let page = this.$parent.$parent.currentPage
+                let pageSize = this.$parent.$parent.pageSize
+                return (page - 1) * pageSize + index + 1
+            }
+        },
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scTable/columnSetting.vue b/src/frontend/admin/src/components/scTable/columnSetting.vue
new file mode 100644
index 00000000..79de9dce
--- /dev/null
+++ b/src/frontend/admin/src/components/scTable/columnSetting.vue
@@ -0,0 +1,200 @@
+<template>
+    <div v-if="usercolumn.length > 0" v-loading="isSave" class="setting-column">
+        <div class="setting-column__title">
+            <span class="move_b"></span>
+            <span class="show_b">显示</span>
+            <span class="name_b">名称</span>
+            <span class="width_b">宽度</span>
+            <span class="sortable_b">排序</span>
+            <span class="fixed_b">固定</span>
+        </div>
+        <div ref="list" class="setting-column__list">
+            <ul>
+                <li v-for="item in usercolumn" :key="item.prop">
+                    <span class="move_b">
+                        <el-tag class="move" style="cursor: move"><el-icon-d-caret style="width: 1em; height: 1em" /></el-tag>
+                    </span>
+                    <span class="show_b">
+                        <el-switch v-model="item.hide" :active-value="false" :inactive-value="true"></el-switch>
+                    </span>
+                    <span :title="item.prop" class="name_b">{{ item.label }}</span>
+                    <span class="width_b">
+                        <el-input v-model="item.width" placeholder="auto" size="small"></el-input>
+                    </span>
+                    <span class="sortable_b">
+                        <el-switch v-model="item.sortable"></el-switch>
+                    </span>
+                    <span class="fixed_b">
+                        <el-switch v-model="item.fixed"></el-switch>
+                    </span>
+                </li>
+            </ul>
+        </div>
+        <div class="setting-column__bottom">
+            <el-button :disabled="isSave" @click="backDefaul">重置</el-button>
+            <el-button type="primary" @click="save">保存</el-button>
+        </div>
+    </div>
+    <el-empty v-else :image-size="80" description="暂无可配置的列"></el-empty>
+</template>
+
+<script>
+import Sortable from 'sortablejs'
+
+export default {
+    components: {
+        // eslint-disable-next-line vue/no-unused-components
+        Sortable,
+    },
+    props: {
+        column: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    data() {
+        return {
+            isSave: false,
+            usercolumn: JSON.parse(JSON.stringify(this.column || [])),
+        }
+    },
+    watch: {
+        usercolumn: {
+            handler() {
+                this.$emit('userChange', this.usercolumn)
+            },
+            deep: true,
+        },
+    },
+    mounted() {
+        this.usercolumn.length > 0 && this.rowDrop()
+    },
+    methods: {
+        rowDrop() {
+            const _this = this
+            const tbody = this.$refs.list.querySelector('ul')
+            Sortable.create(tbody, {
+                handle: '.move',
+                animation: 300,
+                ghostClass: 'ghost',
+                onEnd({ newIndex, oldIndex }) {
+                    const tableData = _this.usercolumn
+                    const currRow = tableData.splice(oldIndex, 1)[0]
+                    tableData.splice(newIndex, 0, currRow)
+                },
+            })
+        },
+        backDefaul() {
+            this.$emit('back', this.usercolumn)
+        },
+        save() {
+            this.$emit('save', this.usercolumn)
+        },
+    },
+}
+</script>
+
+<style scoped>
+.setting-column__title {
+    border-bottom: 1px solid #ebeef5;
+    padding-bottom: 15px;
+}
+
+.setting-column__title span {
+    display: inline-block;
+    font-weight: bold;
+    color: #909399;
+    font-size: 12px;
+}
+
+.setting-column__title span.move_b {
+    width: 30px;
+    margin-right: 15px;
+}
+
+.setting-column__title span.show_b {
+    width: 60px;
+}
+
+.setting-column__title span.name_b {
+    width: 140px;
+}
+
+.setting-column__title span.width_b {
+    width: 60px;
+    margin-right: 15px;
+}
+
+.setting-column__title span.sortable_b {
+    width: 60px;
+}
+
+.setting-column__title span.fixed_b {
+    width: 60px;
+}
+
+.setting-column__list {
+    max-height: 314px;
+    overflow: auto;
+}
+
+.setting-column__list li {
+    list-style: none;
+    margin: 10px 0;
+    display: flex;
+    align-items: center;
+}
+
+.setting-column__list li > span {
+    display: inline-block;
+    font-size: 12px;
+}
+
+.setting-column__list li span.move_b {
+    width: 30px;
+    margin-right: 15px;
+}
+
+.setting-column__list li span.show_b {
+    width: 60px;
+}
+
+.setting-column__list li span.name_b {
+    width: 140px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    cursor: default;
+}
+
+.setting-column__list li span.width_b {
+    width: 60px;
+    margin-right: 15px;
+}
+
+.setting-column__list li span.sortable_b {
+    width: 60px;
+}
+
+.setting-column__list li span.fixed_b {
+    width: 60px;
+}
+
+.setting-column__list li.ghost {
+    opacity: 0.3;
+}
+
+.setting-column__bottom {
+    border-top: 1px solid #ebeef5;
+    padding-top: 15px;
+    text-align: right;
+}
+
+.dark .setting-column__title {
+    border-color: var(--el-border-color-light);
+}
+
+.dark .setting-column__bottom {
+    border-color: var(--el-border-color-light);
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scTable/index.vue b/src/frontend/admin/src/components/scTable/index.vue
new file mode 100644
index 00000000..f00ef42a
--- /dev/null
+++ b/src/frontend/admin/src/components/scTable/index.vue
@@ -0,0 +1,514 @@
+<!--
+ * @Description: 数据表格组件
+ * @version: 1.11
+ * @Author: sakuya
+ * @Date: 2021年11月29日21:51:15
+ * @LastEditors: sakuya
+ * @LastEditTime: 2023年3月2日10:43:35
+-->
+<template>
+    <div ref="scTableMain" v-loading="loading" :style="{ height: _height }" class="scTable">
+        <div :style="{ height: _table_height }" class="scTable-table">
+            <el-table
+                :key="toggleIndex"
+                ref="scTable"
+                :border="config.border"
+                :data="tableData"
+                :default-expand-all="config.defaultExpandAll"
+                :default-sort="defaultSort"
+                :height="height === 'auto' ? null : '100%'"
+                :row-key="rowKey"
+                :size="config.size"
+                :stripe="config.stripe"
+                :summary-method="remoteSummary ? remoteSummaryMethod : summaryMethod"
+                v-bind="$attrs"
+                @sort-change="sortChange"
+                @filter-change="filterChange"
+                @cell-click="cellClickMethod">
+                <slot></slot>
+                <template v-for="(item, index) in userColumn" :key="index">
+                    <el-table-column
+                        v-if="!item.hide"
+                        :column-key="item.prop"
+                        :filter-method="remoteFilter || !item.filters ? null : filterHandler"
+                        :filters="item.filters"
+                        :fixed="item.fixed"
+                        :label="item.label"
+                        :prop="item.prop"
+                        :show-overflow-tooltip="item.showOverflowTooltip"
+                        :sortable="item.sortable"
+                        :width="item.width">
+                        <template #default="scope">
+                            <slot :name="item.prop" v-bind="scope">
+                                {{ scope.row[item.prop] }}
+                            </slot>
+                        </template>
+                    </el-table-column>
+                </template>
+                <el-table-column min-width="1"></el-table-column>
+                <template #empty>
+                    <el-empty :description="emptyText" :image-size="100"></el-empty>
+                </template>
+            </el-table>
+        </div>
+        <div v-if="!hidePagination || !hideDo" class="scTable-page">
+            <div class="scTable-pagination">
+                <el-pagination
+                    v-if="!hidePagination"
+                    v-model:currentPage="currentPage"
+                    :layout="paginationLayout"
+                    :page-size="scPageSize"
+                    :page-sizes="pageSizes"
+                    :small="true"
+                    :total="total"
+                    background
+                    @current-change="paginationChange"
+                    @update:page-size="pageSizeChange"></el-pagination>
+            </div>
+            <div v-if="!hideDo" class="scTable-do">
+                <el-button v-if="!hideRefresh" circle icon="el-icon-refresh" style="margin-left: 15px" @click="refresh"></el-button>
+                <el-popover
+                    v-if="column"
+                    :hide-after="0"
+                    :width="500"
+                    placement="top"
+                    title="列设置"
+                    trigger="click"
+                    @show="customColumnShow = true"
+                    @after-leave="customColumnShow = false">
+                    <template #reference>
+                        <el-button circle icon="el-icon-set-up" style="margin-left: 15px"></el-button>
+                    </template>
+                    <columnSetting
+                        v-if="customColumnShow"
+                        ref="columnSetting"
+                        :column="userColumn"
+                        @back="columnSettingBack"
+                        @save="columnSettingSave"
+                        @userChange="columnSettingChange"></columnSetting>
+                </el-popover>
+                <el-popover v-if="!hideSetting" :hide-after="0" :width="400" placement="top" title="表格设置" trigger="click">
+                    <template #reference>
+                        <el-button circle icon="el-icon-setting" style="margin-left: 15px"></el-button>
+                    </template>
+                    <el-form label-position="left" label-width="80px">
+                        <el-form-item label="表格尺寸">
+                            <el-radio-group v-model="config.size" size="small" @change="configSizeChange">
+                                <el-radio-button label="large">大</el-radio-button>
+                                <el-radio-button label="default">正常</el-radio-button>
+                                <el-radio-button label="small">小</el-radio-button>
+                            </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="样式">
+                            <el-checkbox v-model="config.border" label="纵向边框"></el-checkbox>
+                            <el-checkbox v-model="config.stripe" label="斑马纹"></el-checkbox>
+                        </el-form-item>
+                    </el-form>
+                </el-popover>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import config from '@/config/table'
+import columnSetting from './columnSetting'
+
+export default {
+    name: 'scTable',
+    components: {
+        columnSetting,
+    },
+    props: {
+        tableName: { type: String, default: '' },
+        beforePost: {
+            type: Function,
+        },
+        apiObj: {
+            type: Object,
+            default: () => {},
+        },
+        params: { type: Object, default: () => ({}) },
+        data: {
+            type: Object,
+            default: () => {},
+        },
+        height: { type: [String, Number], default: '100%' },
+        size: { type: String, default: 'default' },
+        border: { type: Boolean, default: false },
+        stripe: { type: Boolean, default: false },
+        defaultExpandAll: { type: Boolean, default: false },
+        pageSize: { type: Number, default: config.pageSize },
+        pageSizes: { type: Array, default: config.pageSizes },
+        rowKey: { type: String, default: '' },
+        summaryMethod: { type: Function, default: null },
+        filterMethod: { type: Function, default: null },
+        cellClickMethod: { type: Function, default: null },
+        column: {
+            type: Object,
+            default: () => {},
+        },
+        defaultSort: {
+            type: Object,
+            default: () => {},
+        },
+        remoteSort: { type: Boolean, default: false },
+        remoteFilter: { type: Boolean, default: false },
+        remoteSummary: { type: Boolean, default: false },
+        hidePagination: { type: Boolean, default: false },
+        hideDo: { type: Boolean, default: false },
+        hideRefresh: { type: Boolean, default: false },
+        hideSetting: { type: Boolean, default: false },
+        paginationLayout: { type: String, default: config.paginationLayout },
+    },
+    watch: {
+        //监听从props里拿到值了
+        data() {
+            this.tableData = this.data
+            this.total = this.tableData.length
+        },
+        apiObj() {
+            this.tableParams = this.params
+            this.refresh()
+        },
+        column() {
+            this.userColumn = this.column
+        },
+    },
+    computed: {
+        _height() {
+            return Number(this.height) ? Number(this.height) + 'px' : this.height
+        },
+        _table_height() {
+            return this.hidePagination && this.hideDo ? '100%' : 'calc(100% - 50px)'
+        },
+    },
+    data() {
+        return {
+            scPageSize: this.pageSize,
+            isActivate: true,
+            emptyText: '暂无数据',
+            toggleIndex: 0,
+            tableData: [],
+            total: 0,
+            currentPage: 1,
+            prop: null,
+            order: null,
+            loading: false,
+            tableHeight: '100%',
+            tableParams: this.params,
+            userColumn: [],
+            customColumnShow: false,
+            summary: {},
+            config: {
+                size: this.size,
+                border: this.border,
+                stripe: this.stripe,
+                defaultExpandAll: this.defaultExpandAll,
+            },
+        }
+    },
+    mounted() {
+        //判断是否开启自定义列
+        if (this.column) {
+            this.getCustomColumn()
+        } else {
+            this.userColumn = this.column
+        }
+        //判断是否静态数据
+        if (this.apiObj) {
+            this.getData()
+        } else if (this.data) {
+            this.tableData = this.data
+            this.total = this.tableData.length
+        }
+    },
+    activated() {
+        if (!this.isActivate) {
+            this.$refs.scTable.doLayout()
+        }
+    },
+    deactivated() {
+        this.isActivate = false
+    },
+    methods: {
+        //获取列
+        async getCustomColumn() {
+            this.userColumn = await config.columnSettingGet(this.tableName, this.column)
+        },
+        //获取数据
+        async getData() {
+            this.loading = true
+            const reqData = {
+                [config.request.page]: this.currentPage,
+                [config.request.pageSize]: this.scPageSize,
+                [config.request.prop]: this.prop,
+                [config.request.order]: this.order,
+            }
+            if (this.hidePagination) {
+                delete reqData[config.request.page]
+                delete reqData[config.request.pageSize]
+            }
+            Object.assign(reqData, this.tableParams)
+            let res
+            let response
+            try {
+                if (!this.beforePost || this.beforePost(reqData)) res = await this.apiObj.post(reqData)
+            } catch (error) {
+                this._clearData()
+                this.loading = false
+                this.emptyText = error.statusText
+                return false
+            }
+            try {
+                response = config.parseData(res)
+            } catch (error) {
+                this._clearData()
+                this.loading = false
+                this.emptyText = '数据格式错误'
+                return false
+            }
+            if (response.code !== config.successCode) {
+                this._clearData()
+                this.loading = false
+                this.emptyText = response.msg
+            } else {
+                this.emptyText = '暂无数据'
+                if (this.hidePagination) {
+                    this.tableData = response.data || []
+                } else {
+                    this.tableData = response.rows || []
+                }
+                this.total = response.total || 0
+                this.summary = response.summary || {}
+                this.loading = false
+            }
+            this.$refs.scTable.setScrollTop(0)
+            this.$emit('dataChange', res, this.tableData)
+        },
+        //清空数据
+        _clearData() {
+            this.tableData = []
+        },
+        //分页点击
+        paginationChange() {
+            this.getData()
+        },
+        //条数变化
+        pageSizeChange(size) {
+            this.scPageSize = size
+            this.getData()
+        },
+        //刷新数据
+        refresh() {
+            this.$refs.scTable.clearSelection()
+            this.getData()
+        },
+        //更新数据 合并上一次params
+        upData(params = null, page = 1) {
+            this.currentPage = page
+            this.$refs.scTable.clearSelection()
+            Object.assign(this.tableParams, params || {})
+            this.getData()
+        },
+        //重载数据 替换params
+        reload(params, page = 1) {
+            this.currentPage = page
+            this.tableParams = params || {}
+            this.$refs.scTable.clearSelection()
+            this.$refs.scTable.clearSort()
+            this.$refs.scTable.clearFilter()
+            this.getData()
+        },
+        //自定义变化事件
+        columnSettingChange(userColumn) {
+            this.userColumn = userColumn
+            this.toggleIndex += 1
+        },
+        //自定义列保存
+        async columnSettingSave(userColumn) {
+            this.$refs.columnSetting.isSave = true
+            try {
+                await config.columnSettingSave(this.tableName, userColumn)
+            } catch (error) {
+                this.$message.error('保存失败')
+                this.$refs.columnSetting.isSave = false
+            }
+            this.$message.success('保存成功')
+            this.$refs.columnSetting.isSave = false
+        },
+        //自定义列重置
+        async columnSettingBack() {
+            this.$refs.columnSetting.isSave = true
+            try {
+                this.userColumn = await config.columnSettingReset(this.tableName, this.column)
+                this.$refs.columnSetting.usercolumn = JSON.parse(JSON.stringify(this.userColumn || []))
+            } catch (error) {
+                this.$message.error('重置失败')
+                this.$refs.columnSetting.isSave = false
+            }
+            this.$refs.columnSetting.isSave = false
+        },
+        //排序事件
+        sortChange(obj) {
+            if (!this.remoteSort) {
+                return false
+            }
+            if (obj.column && obj.prop) {
+                this.prop = obj.column.sortBy ? obj.column.sortBy : obj.prop
+                this.order = obj.order
+            } else {
+                this.prop = null
+                this.order = null
+            }
+            this.getData()
+        },
+        //本地过滤
+        filterHandler(value, row, column) {
+            const property = column.property
+            return row[property] === value
+        },
+        //过滤事件
+        filterChange(filters) {
+            if (!this.remoteFilter) {
+                return false
+            }
+            if (this.filterMethod) {
+                return this.filterMethod(filters)
+            }
+            Object.keys(filters).forEach((key) => {
+                filters[key] = filters[key].join(',')
+            })
+            this.upData(filters)
+        },
+        //远程合计行处理
+        remoteSummaryMethod(param) {
+            const { columns } = param
+            const sums = []
+            columns.forEach((column, index) => {
+                if (index === 0) {
+                    sums[index] = '合计'
+                    return
+                }
+                const values = this.summary[column.property]
+                if (values) {
+                    sums[index] = values
+                } else {
+                    sums[index] = ''
+                }
+            })
+            return sums
+        },
+        configSizeChange() {
+            this.$refs.scTable.doLayout()
+        },
+        //插入行 unshiftRow
+        unshiftRow(row) {
+            this.tableData.unshift(row)
+        },
+        //插入行 pushRow
+        pushRow(row) {
+            this.tableData.push(row)
+        },
+        //根据key覆盖数据
+        updateKey(row, rowKey = this.rowKey) {
+            this.tableData
+                .filter((item) => item[rowKey] === row[rowKey])
+                .forEach((item) => {
+                    Object.assign(item, row)
+                })
+        },
+        //根据index覆盖数据
+        updateIndex(row, index) {
+            Object.assign(this.tableData[index], row)
+        },
+        //根据index删除
+        removeIndex(index) {
+            this.tableData.splice(index, 1)
+        },
+        //根据index批量删除
+        removeIndexes(indexes = []) {
+            indexes.forEach((index) => {
+                this.tableData.splice(index, 1)
+            })
+        },
+        //根据key删除
+        removeKey(key, rowKey = this.rowKey) {
+            this.tableData.splice(
+                this.tableData.findIndex((item) => item[rowKey] === key),
+                1,
+            )
+        },
+        //根据keys批量删除
+        removeKeys(keys = [], rowKey = this.rowKey) {
+            keys.forEach((key) => {
+                this.tableData.splice(
+                    this.tableData.findIndex((item) => item[rowKey] === key),
+                    1,
+                )
+            })
+        },
+        //原生方法转发
+        clearSelection() {
+            this.$refs.scTable.clearSelection()
+        },
+        toggleRowSelection(row, selected) {
+            this.$refs.scTable.toggleRowSelection(row, selected)
+        },
+        toggleAllSelection() {
+            this.$refs.scTable.toggleAllSelection()
+        },
+        toggleRowExpansion(row, expanded) {
+            this.$refs.scTable.toggleRowExpansion(row, expanded)
+        },
+        setCurrentRow(row) {
+            this.$refs.scTable.setCurrentRow(row)
+        },
+        clearSort() {
+            this.$refs.scTable.clearSort()
+        },
+        clearFilter(columnKey) {
+            this.$refs.scTable.clearFilter(columnKey)
+        },
+        doLayout() {
+            this.$refs.scTable.doLayout()
+        },
+        sort(prop, order) {
+            this.$refs.scTable.sort(prop, order)
+        },
+    },
+}
+</script>
+<style scoped>
+.scTable {
+}
+
+.scTable-table {
+    height: calc(100% - 50px);
+}
+
+.scTable-page {
+    height: 50px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 15px;
+}
+
+.scTable-do {
+    white-space: nowrap;
+}
+
+.scTable:deep(.el-table__footer) .cell {
+    font-weight: bold;
+}
+
+.scTable:deep(.el-table__body-wrapper) .el-scrollbar__bar.is-horizontal {
+    height: 12px;
+    border-radius: 12px;
+}
+
+.scTable:deep(.el-table__body-wrapper) .el-scrollbar__bar.is-vertical {
+    width: 12px;
+    border-radius: 12px;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scTableSelect/index.vue b/src/frontend/admin/src/components/scTableSelect/index.vue
new file mode 100644
index 00000000..8b642687
--- /dev/null
+++ b/src/frontend/admin/src/components/scTableSelect/index.vue
@@ -0,0 +1,282 @@
+<!--
+ * @Descripttion: 表格选择器组件
+ * @version: 1.3
+ * @Author: sakuya
+ * @Date: 2021年6月10日10:04:07
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-18 13:12:15
+-->
+
+<template>
+    <el-select
+        ref="select"
+        v-model="defaultValue"
+        :clearable="clearable"
+        :collapse-tags="collapseTags"
+        :collapse-tags-tooltip="collapseTagsTooltip"
+        :disabled="disabled"
+        :filter-method="filterMethod"
+        :filterable="filterable"
+        :multiple="multiple"
+        :placeholder="placeholder"
+        :size="size"
+        @clear="clear"
+        @remove-tag="removeTag"
+        @visible-change="visibleChange">
+        <template #empty>
+            <div v-loading="loading" :style="{ width: tableWidth + 'px' }" class="sc-table-select__table">
+                <div class="sc-table-select__header">
+                    <slot :form="formData" :submit="formSubmit" name="header"></slot>
+                </div>
+                <el-table
+                    ref="table"
+                    :data="tableData"
+                    :height="245"
+                    :highlight-current-row="!multiple"
+                    @select="select"
+                    @row-click="click"
+                    @select-all="selectAll">
+                    <el-table-column v-if="multiple" type="selection" width="45"></el-table-column>
+                    <el-table-column v-else type="index" width="45">
+                        <template #default="scope"
+                            ><span>{{ scope.$index + (currentPage - 1) * pageSize + 1 }}</span></template
+                        >
+                    </el-table-column>
+                    <slot></slot>
+                </el-table>
+                <div class="sc-table-select__page">
+                    <el-pagination
+                        v-model:currentPage="currentPage"
+                        :page-size="pageSize"
+                        :total="total"
+                        background
+                        layout="prev, pager, next"
+                        small
+                        @current-change="reload"></el-pagination>
+                </div>
+            </div>
+        </template>
+    </el-select>
+</template>
+
+<script>
+import config from '@/config/tableSelect'
+
+export default {
+    props: {
+        modelValue: null,
+        apiObj: {
+            type: Object,
+            default: () => {},
+        },
+        params: {
+            type: Object,
+            default: () => {},
+        },
+        placeholder: { type: String, default: '请选择' },
+        size: { type: String, default: 'default' },
+        clearable: { type: Boolean, default: false },
+        multiple: { type: Boolean, default: false },
+        filterable: { type: Boolean, default: false },
+        collapseTags: { type: Boolean, default: false },
+        collapseTagsTooltip: { type: Boolean, default: false },
+        disabled: { type: Boolean, default: false },
+        tableWidth: { type: Number, default: 400 },
+        mode: { type: String, default: 'popover' },
+        props: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    data() {
+        return {
+            loading: false,
+            keyword: null,
+            defaultValue: [],
+            tableData: [],
+            pageSize: config.pageSize,
+            total: 0,
+            currentPage: 1,
+            defaultProps: {
+                label: config.props.label,
+                value: config.props.value,
+                page: config.request.page,
+                pageSize: config.request.pageSize,
+                keyword: config.request.keyword,
+            },
+            formData: {},
+        }
+    },
+    computed: {},
+    watch: {
+        modelValue: {
+            handler() {
+                this.defaultValue = this.modelValue
+                this.autoCurrentLabel()
+            },
+            deep: true,
+        },
+    },
+    mounted() {
+        this.defaultProps = Object.assign(this.defaultProps, this.props)
+        this.defaultValue = this.modelValue
+        this.autoCurrentLabel()
+    },
+    methods: {
+        //表格显示隐藏回调
+        visibleChange(visible) {
+            if (visible) {
+                this.currentPage = 1
+                this.keyword = null
+                this.formData = {}
+                this.getData()
+            } else {
+                this.autoCurrentLabel()
+            }
+        },
+        //获取表格数据
+        async getData() {
+            this.loading = true
+            const reqData = {
+                [this.defaultProps.page]: this.currentPage,
+                [this.defaultProps.pageSize]: this.pageSize,
+                [this.defaultProps.keyword]: this.keyword,
+            }
+            Object.assign(reqData, this.params, this.formData)
+            const res = await this.apiObj.post(reqData)
+            const parseData = config.parseData(res)
+            this.tableData = parseData.rows ?? []
+            this.total = parseData.total
+            this.loading = false
+            //表格默认赋值
+            this.$nextTick(() => {
+                if (this.multiple) {
+                    this.defaultValue.forEach((row) => {
+                        const setrow = this.tableData.filter((item) => item[this.defaultProps.value] === row[this.defaultProps.value])
+                        if (setrow.length > 0) {
+                            this.$refs.table.toggleRowSelection(setrow[0], true)
+                        }
+                    })
+                } else {
+                    const setrow = this.tableData.filter((item) => item[this.defaultProps.value] === this.defaultValue[this.defaultProps.value])
+                    this.$refs.table.setCurrentRow(setrow[0])
+                }
+                this.$refs.table.setScrollTop(0)
+            })
+        },
+        //插糟表单提交
+        formSubmit() {
+            this.currentPage = 1
+            this.keyword = null
+            this.getData()
+        },
+        //分页刷新表格
+        reload() {
+            this.getData()
+        },
+        //自动模拟options赋值
+        autoCurrentLabel() {
+            this.$nextTick(() => {
+                if (this.multiple) {
+                    this.$refs.select.selected.forEach((item) => {
+                        item.currentLabel = item.value[this.defaultProps.label]
+                    })
+                } else {
+                    this.$refs.select.selectedLabel = this.defaultValue[this.defaultProps.label]
+                }
+            })
+        },
+        //表格勾选事件
+        select(rows, row) {
+            const isSelect = rows.length && rows.indexOf(row) !== -1
+            if (isSelect) {
+                this.defaultValue.push(row)
+            } else {
+                this.defaultValue.splice(
+                    this.defaultValue.findIndex((item) => item[this.defaultProps.value] === row[this.defaultProps.value]),
+                    1,
+                )
+            }
+            this.autoCurrentLabel()
+            this.$emit('update:modelValue', this.defaultValue)
+            this.$emit('change', this.defaultValue)
+        },
+        //表格全选事件
+        selectAll(rows) {
+            const isAllSelect = rows.length > 0
+            if (isAllSelect) {
+                rows.forEach((row) => {
+                    const isHas = this.defaultValue.find((item) => item[this.defaultProps.value] === row[this.defaultProps.value])
+                    if (!isHas) {
+                        this.defaultValue.push(row)
+                    }
+                })
+            } else {
+                this.tableData.forEach((row) => {
+                    const isHas = this.defaultValue.find((item) => item[this.defaultProps.value] === row[this.defaultProps.value])
+                    if (isHas) {
+                        this.defaultValue.splice(
+                            this.defaultValue.findIndex((item) => item[this.defaultProps.value] === row[this.defaultProps.value]),
+                            1,
+                        )
+                    }
+                })
+            }
+            this.autoCurrentLabel()
+            this.$emit('update:modelValue', this.defaultValue)
+            this.$emit('change', this.defaultValue)
+        },
+        click(row) {
+            if (this.multiple) {
+                //处理多选点击行
+            } else {
+                this.defaultValue = row
+                this.$refs.select.blur()
+                this.autoCurrentLabel()
+                this.$emit('update:modelValue', this.defaultValue)
+                this.$emit('change', this.defaultValue)
+            }
+        },
+        //tags删除后回调
+        removeTag(tag) {
+            const row = this.findRowByKey(tag[this.defaultProps.value])
+            this.$refs.table.toggleRowSelection(row, false)
+            this.$emit('update:modelValue', this.defaultValue)
+        },
+        //清空后的回调
+        clear() {
+            this.$emit('update:modelValue', this.defaultValue)
+        },
+        // 关键值查询表格数据行
+        findRowByKey(value) {
+            return this.tableData.find((item) => item[this.defaultProps.value] === value)
+        },
+        filterMethod(keyword) {
+            if (!keyword) {
+                this.keyword = null
+                return false
+            }
+            this.keyword = keyword
+            this.getData()
+        },
+        // 触发select隐藏
+        blur() {
+            this.$refs.select.blur()
+        },
+        // 触发select显示
+        focus() {
+            this.$refs.select.focus()
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-table-select__table {
+    padding: 12px;
+}
+
+.sc-table-select__page {
+    padding-top: 12px;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scTitle/index.vue b/src/frontend/admin/src/components/scTitle/index.vue
new file mode 100644
index 00000000..0f4b9a2c
--- /dev/null
+++ b/src/frontend/admin/src/components/scTitle/index.vue
@@ -0,0 +1,28 @@
+<template>
+    <div class="sc-title">
+        {{ title }}
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        title: { type: String, required: true, default: '' },
+    },
+    data() {
+        return {}
+    },
+    computed: {},
+}
+</script>
+
+<style scoped>
+.sc-title {
+    border-bottom: 1px solid #eee;
+    margin-bottom: 20px;
+    font-size: 17px;
+    padding-bottom: 15px;
+    color: #3c4a54;
+    font-weight: bold;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scUpload/file.vue b/src/frontend/admin/src/components/scUpload/file.vue
new file mode 100644
index 00000000..dfefaf0c
--- /dev/null
+++ b/src/frontend/admin/src/components/scUpload/file.vue
@@ -0,0 +1,214 @@
+<template>
+    <div class="sc-upload-file">
+        <el-upload
+            v-model:file-list="defaultFileList"
+            :accept="accept"
+            :action="action"
+            :auto-upload="autoUpload"
+            :before-upload="before"
+            :data="data"
+            :disabled="disabled"
+            :drag="drag"
+            :http-request="request"
+            :limit="limit"
+            :multiple="multiple"
+            :name="name"
+            :on-error="error"
+            :on-exceed="handleExceed"
+            :on-preview="handlePreview"
+            :on-success="success"
+            :show-file-list="showFileList">
+            <slot>
+                <el-button :disabled="disabled" type="primary">Click to upload</el-button>
+            </slot>
+            <template #tip>
+                <div v-if="tip" class="el-upload__tip">{{ tip }}</div>
+            </template>
+        </el-upload>
+        <span style="display: none !important"><el-input v-model="value"></el-input></span>
+    </div>
+</template>
+
+<script>
+import config from '@/config/upload'
+
+export default {
+    props: {
+        modelValue: { type: [String, Array], default: '' },
+        tip: { type: String, default: '' },
+        action: { type: String, default: '' },
+        apiObj: {
+            type: Object,
+            default: () => {},
+        },
+        name: { type: String, default: config.filename },
+        data: {
+            type: Object,
+            default: () => {},
+        },
+        accept: { type: String, default: '' },
+        maxSize: { type: Number, default: config.maxSizeFile },
+        limit: { type: Number, default: 0 },
+        autoUpload: { type: Boolean, default: true },
+        showFileList: { type: Boolean, default: true },
+        drag: { type: Boolean, default: false },
+        multiple: { type: Boolean, default: true },
+        disabled: { type: Boolean, default: false },
+        onSuccess: {
+            type: Function,
+            default: () => {
+                return true
+            },
+        },
+    },
+    data() {
+        return {
+            value: '',
+            defaultFileList: [],
+        }
+    },
+    watch: {
+        modelValue(val) {
+            if (Array.isArray(val)) {
+                if (JSON.stringify(val) !== JSON.stringify(this.formatArr(this.defaultFileList))) {
+                    this.defaultFileList = val
+                    this.value = val
+                }
+            } else {
+                if (val !== this.toStr(this.defaultFileList)) {
+                    this.defaultFileList = this.toArr(val)
+                    this.value = val
+                }
+            }
+        },
+        defaultFileList: {
+            handler(val) {
+                this.$emit('update:modelValue', Array.isArray(this.modelValue) ? this.formatArr(val) : this.toStr(val))
+                this.value = this.toStr(val)
+            },
+            deep: true,
+        },
+    },
+    mounted() {
+        this.defaultFileList = Array.isArray(this.modelValue) ? this.modelValue : this.toArr(this.modelValue)
+        this.value = this.modelValue
+    },
+    methods: {
+        //默认值转换为数组
+        toArr(str) {
+            var _arr = []
+            var arr = str.split(',')
+            arr.forEach((item) => {
+                if (item) {
+                    var urlArr = item.split('/')
+                    var fileName = urlArr[urlArr.length - 1]
+                    _arr.push({
+                        name: fileName,
+                        url: item,
+                    })
+                }
+            })
+            return _arr
+        },
+        //数组转换为原始值
+        toStr(arr) {
+            return arr.map((v) => v.url).join(',')
+        },
+        //格式化数组值
+        formatArr(arr) {
+            var _arr = []
+            arr.forEach((item) => {
+                if (item) {
+                    _arr.push({
+                        name: item.name,
+                        url: item.url,
+                    })
+                }
+            })
+            return _arr
+        },
+        before(file) {
+            const maxSize = file.size / 1024 / 1024 < this.maxSize
+            if (!maxSize) {
+                this.$message.warning(`上传文件大小不能超过 ${this.maxSize}MB!`)
+                return false
+            }
+        },
+        success(res, file) {
+            var os = this.onSuccess(res, file)
+            if (os !== undefined && os === false) {
+                return false
+            }
+            var response = config.parseData(res)
+            file.name = response.fileName
+            file.url = response.src
+        },
+        error(err) {
+            this.$notify.error({
+                title: '上传文件未成功',
+                message: err,
+            })
+        },
+        beforeRemove(uploadFile) {
+            return this.$confirm(`是否移除 ${uploadFile.name} ?`, '提示', {
+                type: 'warning',
+            })
+                .then(() => {
+                    return true
+                })
+                .catch(() => {
+                    return false
+                })
+        },
+        handleExceed() {
+            this.$message.warning(`当前设置最多上传 ${this.limit} 个文件，请移除后上传!`)
+        },
+        handlePreview(uploadFile) {
+            window.open(uploadFile.url)
+        },
+        request(param) {
+            var apiObj = config.apiObjFile
+            if (this.apiObj) {
+                apiObj = this.apiObj
+            }
+            const data = new FormData()
+            data.append(param.filename, param.file)
+            for (const key in param.data) {
+                data.append(key, param.data[key])
+            }
+            apiObj
+                .post(data, {
+                    onUploadProgress: (e) => {
+                        const complete = parseInt(((e.loaded / e.total) * 100) | 0, 10)
+                        param.onProgress({ percent: complete })
+                    },
+                })
+                .then((res) => {
+                    var response = config.parseData(res)
+                    if (response.code === config.successCode) {
+                        param.onSuccess(res)
+                    } else {
+                        param.onError(response.msg || '未知错误')
+                    }
+                })
+                .catch((err) => {
+                    param.onError(err)
+                })
+        },
+    },
+}
+</script>
+
+<style scoped>
+.el-form-item.is-error .sc-upload-file:deep(.el-upload-dragger) {
+    border-color: var(--el-color-danger);
+}
+
+.sc-upload-file {
+    width: 100%;
+}
+
+.sc-upload-file:deep(.el-upload-list__item) {
+    transition: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scUpload/index.vue b/src/frontend/admin/src/components/scUpload/index.vue
new file mode 100644
index 00000000..7264fd76
--- /dev/null
+++ b/src/frontend/admin/src/components/scUpload/index.vue
@@ -0,0 +1,406 @@
+<template>
+    <div :class="{ 'sc-upload-round': round }" :style="style" class="sc-upload">
+        <div v-if="file && file.status !== 'success'" class="sc-upload__uploading">
+            <div class="sc-upload__progress">
+                <el-progress :percentage="file.percentage" :stroke-width="16" :text-inside="true" />
+            </div>
+            <el-image :src="file.tempFile" class="image" fit="cover"></el-image>
+        </div>
+        <div v-if="file && file.status === 'success'" class="sc-upload__img">
+            <el-image :preview-src-list="[file.url]" :src="file.url" :z-index="9999" append-to-body class="image" fit="cover" hide-on-click-modal>
+                <template #placeholder>
+                    <div class="sc-upload__img-slot">Loading...</div>
+                </template>
+            </el-image>
+            <div v-if="!disabled" class="sc-upload__img-actions">
+                <span class="del" @click="handleRemove()"
+                    ><el-icon><el-icon-delete /></el-icon
+                ></span>
+            </div>
+        </div>
+        <el-upload
+            v-if="!file"
+            ref="uploader"
+            :accept="accept"
+            :action="action"
+            :auto-upload="cropper ? false : autoUpload"
+            :before-upload="before"
+            :data="data"
+            :disabled="disabled"
+            :http-request="request"
+            :limit="1"
+            :name="name"
+            :on-change="change"
+            :on-error="error"
+            :on-exceed="handleExceed"
+            :on-success="success"
+            :show-file-list="showFileList"
+            class="uploader">
+            <slot>
+                <div class="el-upload--picture-card">
+                    <div class="file-empty">
+                        <el-icon>
+                            <component :is="icon" />
+                        </el-icon>
+                        <h4 v-if="title">{{ title }}</h4>
+                    </div>
+                </div>
+            </slot>
+        </el-upload>
+        <span style="display: none !important"><el-input v-model="value"></el-input></span>
+        <el-dialog v-model="cropperDialogVisible" :width="580" destroy-on-close draggable title="剪裁" @closed="cropperClosed">
+            <sc-cropper ref="cropper" :aspectRatio="aspectRatio" :compress="compress" :src="cropperFile.tempCropperFile"></sc-cropper>
+            <template #footer>
+                <el-button @click="cropperDialogVisible = false">取 消</el-button>
+                <el-button type="primary" @click="cropperSave">确 定</el-button>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { defineAsyncComponent } from 'vue'
+import { genFileId } from 'element-plus'
+import config from '@/config/upload'
+
+const scCropper = defineAsyncComponent(() => import('@/components/scCropper'))
+
+export default {
+    props: {
+        modelValue: { type: String, default: '' },
+        height: { type: Number, default: 148 },
+        width: { type: Number, default: 148 },
+        title: { type: String, default: '' },
+        icon: { type: String, default: 'el-icon-plus' },
+        action: { type: String, default: '' },
+        apiObj: {
+            type: Object,
+            default: () => {},
+        },
+        name: { type: String, default: config.filename },
+        data: {
+            type: Object,
+            default: () => {},
+        },
+        accept: { type: String, default: 'image/gif, image/jpeg, image/png' },
+        maxSize: { type: Number, default: config.maxSizeFile },
+        limit: { type: Number, default: 1 },
+        autoUpload: { type: Boolean, default: true },
+        showFileList: { type: Boolean, default: false },
+        disabled: { type: Boolean, default: false },
+        round: { type: Boolean, default: false },
+        onSuccess: {
+            type: Function,
+            default: () => {
+                return true
+            },
+        },
+
+        cropper: { type: Boolean, default: false },
+        compress: { type: Number, default: 1 },
+        aspectRatio: { type: Number, default: NaN },
+    },
+    components: {
+        scCropper,
+    },
+    data() {
+        return {
+            value: '',
+            file: null,
+            style: {
+                width: this.width + 'px',
+                height: this.height + 'px',
+            },
+            cropperDialogVisible: false,
+            cropperFile: null,
+        }
+    },
+    watch: {
+        modelValue(val) {
+            this.value = val
+            this.newFile(val)
+        },
+        value(val) {
+            this.$emit('update:modelValue', val)
+        },
+    },
+    mounted() {
+        this.value = this.modelValue
+        this.newFile(this.modelValue)
+    },
+    methods: {
+        newFile(url) {
+            if (url) {
+                this.file = {
+                    status: 'success',
+                    url: url,
+                }
+            } else {
+                this.file = null
+            }
+        },
+        cropperSave() {
+            this.$refs.cropper.getCropFile(
+                (file) => {
+                    file.uid = this.cropperFile.uid
+                    this.cropperFile.raw = file
+
+                    this.file = this.cropperFile
+                    this.file.tempFile = URL.createObjectURL(this.file.raw)
+                    this.$refs.uploader.submit()
+                },
+                this.cropperFile.name,
+                this.cropperFile.type,
+            )
+            this.cropperDialogVisible = false
+        },
+        cropperClosed() {
+            URL.revokeObjectURL(this.cropperFile.tempCropperFile)
+            delete this.cropperFile.tempCropperFile
+        },
+        handleRemove() {
+            this.clearFiles()
+        },
+        clearFiles() {
+            URL.revokeObjectURL(this.file.tempFile)
+            this.value = ''
+            this.file = null
+            this.$nextTick(() => {
+                this.$refs.uploader.clearFiles()
+            })
+        },
+        change(file, files) {
+            if (files.length > 1) {
+                files.splice(0, 1)
+            }
+            if (this.cropper && file.status === 'ready') {
+                const acceptIncludes = ['image/gif', 'image/jpeg', 'image/png'].includes(file.raw.type)
+                if (!acceptIncludes) {
+                    this.$notify.warning({
+                        title: '上传文件警告',
+                        message: '选择的文件非图像类文件',
+                    })
+                    return false
+                }
+                this.cropperFile = file
+                this.cropperFile.tempCropperFile = URL.createObjectURL(file.raw)
+                this.cropperDialogVisible = true
+                return false
+            }
+            this.file = file
+            if (file.status === 'ready') {
+                file.tempFile = URL.createObjectURL(file.raw)
+            }
+        },
+        before(file) {
+            const acceptIncludes = this.accept.replace(/\s/g, '').split(',').includes(file.type)
+            if (!acceptIncludes) {
+                this.$notify.warning({
+                    title: '上传文件警告',
+                    message: '选择的文件非图像类文件',
+                })
+                this.clearFiles()
+                return false
+            }
+            const maxSize = file.size / 1024 / 1024 < this.maxSize
+            if (!maxSize) {
+                this.$message.warning(`上传文件大小不能超过 ${this.maxSize}MB!`)
+                this.clearFiles()
+                return false
+            }
+        },
+        handleExceed(files) {
+            const file = files[0]
+            file.uid = genFileId()
+            this.$refs.uploader.handleStart(file)
+        },
+        success(res, file) {
+            //释放内存删除blob
+            URL.revokeObjectURL(file.tempFile)
+            delete file.tempFile
+            var os = this.onSuccess(res, file)
+            if (os !== undefined && os === false) {
+                this.$nextTick(() => {
+                    this.file = null
+                    this.value = ''
+                })
+                return false
+            }
+            var response = config.parseData(res)
+            file.url = response.src
+            this.value = file.url
+        },
+        error(err) {
+            this.$nextTick(() => {
+                this.clearFiles()
+            })
+            this.$notify.error({
+                title: '上传文件未成功',
+                message: err,
+            })
+        },
+        request(param) {
+            var apiObj = config.apiObj
+            if (this.apiObj) {
+                apiObj = this.apiObj
+            }
+            const data = new FormData()
+            data.append(param.filename, param.file)
+            for (const key in param.data) {
+                data.append(key, param.data[key])
+            }
+            apiObj
+                .post(data, {
+                    onUploadProgress: (e) => {
+                        const complete = parseInt(((e.loaded / e.total) * 100) | 0, 10)
+                        param.onProgress({ percent: complete })
+                    },
+                })
+                .then((res) => {
+                    var response = config.parseData(res)
+                    if (response.code === config.successCode) {
+                        param.onSuccess(res)
+                    } else {
+                        param.onError(response.msg || '未知错误')
+                    }
+                })
+                .catch((err) => {
+                    param.onError(err)
+                })
+        },
+    },
+}
+</script>
+
+<style scoped>
+.el-form-item.is-error .sc-upload .el-upload--picture-card {
+    border-color: var(--el-color-danger);
+}
+
+.sc-upload .el-upload--picture-card {
+    border-radius: 0;
+}
+
+.sc-upload .uploader,
+.sc-upload:deep(.el-upload) {
+    width: 100%;
+    height: 100%;
+}
+
+.sc-upload__img {
+    width: 100%;
+    height: 100%;
+    position: relative;
+}
+
+.sc-upload__img .image {
+    width: 100%;
+    height: 100%;
+}
+
+.sc-upload__img-actions {
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: none;
+}
+
+.sc-upload__img-actions span {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 25px;
+    height: 25px;
+    cursor: pointer;
+    color: #fff;
+}
+
+.sc-upload__img-actions span i {
+    font-size: 12px;
+}
+
+.sc-upload__img-actions .del {
+    background: #f56c6c;
+}
+
+.sc-upload__img:hover .sc-upload__img-actions {
+    display: block;
+}
+
+.sc-upload__img-slot {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    font-size: 12px;
+    background-color: var(--el-fill-color-lighter);
+}
+
+.sc-upload__uploading {
+    width: 100%;
+    height: 100%;
+    position: relative;
+}
+
+.sc-upload__progress {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: var(--el-overlay-color-lighter);
+    z-index: 1;
+    padding: 10px;
+}
+
+.sc-upload__progress .el-progress {
+    width: 100%;
+}
+
+.sc-upload__uploading .image {
+    width: 100%;
+    height: 100%;
+}
+
+.sc-upload .file-empty {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+}
+
+.sc-upload .file-empty i {
+    font-size: 28px;
+}
+
+.sc-upload .file-empty h4 {
+    font-size: 12px;
+    font-weight: normal;
+    color: #8c939d;
+    margin-top: 8px;
+}
+
+.sc-upload.sc-upload-round {
+    border-radius: 50%;
+    overflow: hidden;
+}
+
+.sc-upload.sc-upload-round .el-upload--picture-card {
+    border-radius: 50%;
+}
+
+.sc-upload.sc-upload-round .sc-upload__img-actions {
+    top: auto;
+    left: 0;
+    right: 0;
+    bottom: 0;
+}
+
+.sc-upload.sc-upload-round .sc-upload__img-actions span {
+    width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scUpload/multiple.vue b/src/frontend/admin/src/components/scUpload/multiple.vue
new file mode 100644
index 00000000..dab2f7a6
--- /dev/null
+++ b/src/frontend/admin/src/components/scUpload/multiple.vue
@@ -0,0 +1,340 @@
+<template>
+    <div class="sc-upload-multiple">
+        <el-upload
+            ref="uploader"
+            v-model:file-list="defaultFileList"
+            :accept="accept"
+            :action="action"
+            :auto-upload="autoUpload"
+            :before-upload="before"
+            :data="data"
+            :disabled="disabled"
+            :http-request="request"
+            :limit="limit"
+            :multiple="multiple"
+            :name="name"
+            :on-error="error"
+            :on-exceed="handleExceed"
+            :on-preview="handlePreview"
+            :on-success="success"
+            :show-file-list="showFileList"
+            list-type="picture-card">
+            <slot>
+                <el-icon>
+                    <el-icon-plus />
+                </el-icon>
+            </slot>
+            <template #tip>
+                <div v-if="tip" class="el-upload__tip">{{ tip }}</div>
+            </template>
+            <template #file="{ file }">
+                <div class="sc-upload-list-item">
+                    <el-image
+                        :initial-index="preview.findIndex((n) => n == file.url)"
+                        :preview-src-list="preview"
+                        :src="file.url"
+                        :z-index="9999"
+                        append-to-body
+                        class="el-upload-list__item-thumbnail"
+                        fit="cover"
+                        hide-on-click-modal>
+                        <template #placeholder>
+                            <div class="sc-upload-multiple-image-slot">Loading...</div>
+                        </template>
+                    </el-image>
+                    <div v-if="!disabled && file.status === 'success'" class="sc-upload__item-actions">
+                        <span class="del" @click="handleRemove(file)"
+                            ><el-icon><el-icon-delete /></el-icon
+                        ></span>
+                    </div>
+                    <div v-if="file.status === 'ready' || file.status === 'uploading'" class="sc-upload__item-progress">
+                        <el-progress :percentage="file.percentage" :stroke-width="16" :text-inside="true" />
+                    </div>
+                </div>
+            </template>
+        </el-upload>
+        <span style="display: none !important"><el-input v-model="value"></el-input></span>
+    </div>
+</template>
+
+<script>
+import config from '@/config/upload'
+import Sortable from 'sortablejs'
+
+export default {
+    props: {
+        modelValue: { type: [String, Array], default: '' },
+        tip: { type: String, default: '' },
+        action: { type: String, default: '' },
+        apiObj: {
+            type: Object,
+            default: () => {},
+        },
+        name: { type: String, default: config.filename },
+        data: {
+            type: Object,
+            default: () => {},
+        },
+        accept: { type: String, default: 'image/gif, image/jpeg, image/png' },
+        maxSize: { type: Number, default: config.maxSizeFile },
+        limit: { type: Number, default: 0 },
+        autoUpload: { type: Boolean, default: true },
+        showFileList: { type: Boolean, default: true },
+        multiple: { type: Boolean, default: true },
+        disabled: { type: Boolean, default: false },
+        draggable: { type: Boolean, default: false },
+        onSuccess: {
+            type: Function,
+            default: () => {
+                return true
+            },
+        },
+    },
+    data() {
+        return {
+            value: '',
+            defaultFileList: [],
+        }
+    },
+    watch: {
+        modelValue(val) {
+            if (Array.isArray(val)) {
+                if (JSON.stringify(val) !== JSON.stringify(this.formatArr(this.defaultFileList))) {
+                    this.defaultFileList = val
+                    this.value = val
+                }
+            } else {
+                if (val !== this.toStr(this.defaultFileList)) {
+                    this.defaultFileList = this.toArr(val)
+                    this.value = val
+                }
+            }
+        },
+        defaultFileList: {
+            handler(val) {
+                this.$emit('update:modelValue', Array.isArray(this.modelValue) ? this.formatArr(val) : this.toStr(val))
+                this.value = this.toStr(val)
+            },
+            deep: true,
+        },
+    },
+    computed: {
+        preview() {
+            return this.defaultFileList.map((v) => v.url)
+        },
+    },
+    mounted() {
+        this.defaultFileList = Array.isArray(this.modelValue) ? this.modelValue : this.toArr(this.modelValue)
+        this.value = this.modelValue
+        if (!this.disabled && this.draggable) {
+            this.rowDrop()
+        }
+    },
+    methods: {
+        //默认值转换为数组
+        toArr(str) {
+            var _arr = []
+            var arr = str.split(',')
+            arr.forEach((item) => {
+                if (item) {
+                    var urlArr = item.split('/')
+                    var fileName = urlArr[urlArr.length - 1]
+                    _arr.push({
+                        name: fileName,
+                        url: item,
+                    })
+                }
+            })
+            return _arr
+        },
+        //数组转换为原始值
+        toStr(arr) {
+            return arr.map((v) => v.url).join(',')
+        },
+        //格式化数组值
+        formatArr(arr) {
+            var _arr = []
+            arr.forEach((item) => {
+                if (item) {
+                    _arr.push({
+                        name: item.name,
+                        url: item.url,
+                    })
+                }
+            })
+            return _arr
+        },
+        //拖拽
+        rowDrop() {
+            const _this = this
+            const itemBox = this.$refs.uploader.$el.querySelector('.el-upload-list')
+            Sortable.create(itemBox, {
+                handle: '.el-upload-list__item',
+                animation: 200,
+                ghostClass: 'ghost',
+                onEnd({ newIndex, oldIndex }) {
+                    const tableData = _this.defaultFileList
+                    const currRow = tableData.splice(oldIndex, 1)[0]
+                    tableData.splice(newIndex, 0, currRow)
+                },
+            })
+        },
+        before(file) {
+            if (!['image/jpeg', 'image/png', 'image/gif'].includes(file.type)) {
+                this.$message.warning(`选择的文件类型 ${file.type} 非图像类文件`)
+                return false
+            }
+            const maxSize = file.size / 1024 / 1024 < this.maxSize
+            if (!maxSize) {
+                this.$message.warning(`上传文件大小不能超过 ${this.maxSize}MB!`)
+                return false
+            }
+        },
+        success(res, file) {
+            var os = this.onSuccess(res, file)
+            if (os !== undefined && os === false) {
+                return false
+            }
+            var response = config.parseData(res)
+            file.name = response.fileName
+            file.url = response.src
+        },
+        error(err) {
+            this.$notify.error({
+                title: '上传文件未成功',
+                message: err,
+            })
+        },
+        beforeRemove(uploadFile) {
+            return this.$confirm(`是否移除 ${uploadFile.name} ?`, '提示', {
+                type: 'warning',
+            })
+                .then(() => {
+                    return true
+                })
+                .catch(() => {
+                    return false
+                })
+        },
+        handleRemove(file) {
+            this.$refs.uploader.handleRemove(file)
+            //this.defaultFileList.splice(this.defaultFileList.findIndex(item => item.uid===file.uid), 1)
+        },
+        handleExceed() {
+            this.$message.warning(`当前设置最多上传 ${this.limit} 个文件，请移除后上传!`)
+        },
+        handlePreview(uploadFile) {
+            window.open(uploadFile.url)
+        },
+        request(param) {
+            var apiObj = config.apiObj
+            if (this.apiObj) {
+                apiObj = this.apiObj
+            }
+            const data = new FormData()
+            data.append(param.filename, param.file)
+            for (const key in param.data) {
+                data.append(key, param.data[key])
+            }
+            apiObj
+                .post(data, {
+                    onUploadProgress: (e) => {
+                        const complete = parseInt(((e.loaded / e.total) * 100) | 0, 10)
+                        param.onProgress({ percent: complete })
+                    },
+                })
+                .then((res) => {
+                    var response = config.parseData(res)
+                    if (response.code === config.successCode) {
+                        param.onSuccess(res)
+                    } else {
+                        param.onError(response.msg || '未知错误')
+                    }
+                })
+                .catch((err) => {
+                    param.onError(err)
+                })
+        },
+    },
+}
+</script>
+
+<style scoped>
+.el-form-item.is-error .sc-upload-multiple:deep(.el-upload--picture-card) {
+    border-color: var(--el-color-danger);
+}
+
+:deep(.el-upload-list__item) {
+    transition: none;
+    border-radius: 0;
+}
+
+.sc-upload-multiple:deep(.el-upload-list__item.el-list-leave-active) {
+    position: static !important;
+}
+
+.sc-upload-multiple:deep(.el-upload--picture-card) {
+    border-radius: 0;
+}
+
+.sc-upload-list-item {
+    width: 100%;
+    height: 100%;
+    position: relative;
+}
+
+.sc-upload-multiple .el-image {
+    display: block;
+}
+
+.sc-upload-multiple .el-image:deep(img) {
+    -webkit-user-drag: none;
+}
+
+.sc-upload-multiple-image-slot {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    font-size: 12px;
+}
+
+.sc-upload-multiple .el-upload-list__item:hover .sc-upload__item-actions {
+    display: block;
+}
+
+.sc-upload__item-actions {
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: none;
+}
+
+.sc-upload__item-actions span {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 25px;
+    height: 25px;
+    cursor: pointer;
+    color: #fff;
+}
+
+.sc-upload__item-actions span i {
+    font-size: 12px;
+}
+
+.sc-upload__item-actions .del {
+    background: #f56c6c;
+}
+
+.sc-upload__item-progress {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background-color: var(--el-overlay-color-lighter);
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scVideo/index.vue b/src/frontend/admin/src/components/scVideo/index.vue
new file mode 100644
index 00000000..ddea4d24
--- /dev/null
+++ b/src/frontend/admin/src/components/scVideo/index.vue
@@ -0,0 +1,111 @@
+<!--
+ * @Descripttion: xgplayer二次封装
+ * @version: 1.1
+ * @Author: sakuya
+ * @Date: 2021年11月29日12:10:06
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-18 13:14:13
+-->
+
+<template>
+    <div ref="scVideo" class="sc-video"></div>
+</template>
+
+<script>
+import Player from 'xgplayer'
+import HlsPlayer from 'xgplayer-hls'
+
+export default {
+    props: {
+        src: { type: String, required: true, default: '' },
+        autoplay: { type: Boolean, default: false },
+        controls: { type: Boolean, default: true },
+        loop: { type: Boolean, default: false },
+        isLive: { type: Boolean, default: false },
+        options: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    data() {
+        return {
+            player: null,
+        }
+    },
+    watch: {
+        src(val) {
+            if (this.player.hasStart) {
+                this.player.src = val
+            } else {
+                this.player.start(val)
+            }
+        },
+    },
+    mounted() {
+        if (this.isLive) {
+            this.initHls()
+        } else {
+            this.init()
+        }
+    },
+    methods: {
+        init() {
+            this.player = new Player({
+                el: this.$refs.scVideo,
+                url: this.src,
+                autoplay: this.autoplay,
+                loop: this.loop,
+                controls: this.controls,
+                fluid: true,
+                lang: 'zh-cn',
+                ...this.options,
+            })
+        },
+        initHls() {
+            this.player = new HlsPlayer({
+                el: this.$refs.scVideo,
+                url: this.src,
+                autoplay: this.autoplay,
+                loop: this.loop,
+                controls: this.controls,
+                fluid: true,
+                isLive: true,
+                ignores: ['time', 'progress'],
+                lang: 'zh-cn',
+                ...this.options,
+            })
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-video:deep(.danmu) > * {
+    color: #fff;
+    font-size: 20px;
+    font-weight: bold;
+    text-shadow:
+        1px 1px 0 #000,
+        -1px -1px 0 #000,
+        -1px 1px 0 #000,
+        1px -1px 0 #000;
+}
+
+.sc-video:deep(.xgplayer-controls) {
+    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.3));
+}
+
+.sc-video:deep(.xgplayer-progress-tip) {
+    border: 0;
+    color: #fff;
+    background: rgba(0, 0, 0, 0.5);
+    line-height: 25px;
+    padding: 0 10px;
+    border-radius: 25px;
+}
+
+.sc-video:deep(.xgplayer-enter-spinner) {
+    width: 50px;
+    height: 50px;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scWaterMark/index.vue b/src/frontend/admin/src/components/scWaterMark/index.vue
new file mode 100644
index 00000000..8ecb1002
--- /dev/null
+++ b/src/frontend/admin/src/components/scWaterMark/index.vue
@@ -0,0 +1,71 @@
+<!--
+ * @Descripttion: 局部水印组件
+ * @version: 1.1
+ * @Author: sakuya
+ * @Date: 2021年12月18日12:16:16
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-18 13:14:19
+-->
+
+<template>
+    <div ref="scWaterMark" class="sc-water-mark">
+        <slot></slot>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        text: { type: String, required: true, default: '' },
+        subtext: { type: String, default: '' },
+        color: { type: String, default: 'rgba(128,128,128,0.2)' },
+    },
+    data() {
+        return {}
+    },
+    mounted() {
+        this.create()
+    },
+    methods: {
+        create() {
+            this.clear()
+            //创建画板
+            var canvas = document.createElement('canvas')
+            canvas.width = 150
+            canvas.height = 150
+            canvas.style.display = 'none'
+            //绘制文字
+            var text = canvas.getContext('2d')
+            text.rotate((-45 * Math.PI) / 180)
+            text.translate(-75, 25)
+            text.fillStyle = this.color
+            text.font = 'bold 20px SimHei'
+            text.textAlign = 'center'
+            text.fillText(this.text, canvas.width / 2, canvas.height / 2)
+            text.font = '14px Microsoft YaHei'
+            text.fillText(this.subtext, canvas.width / 2, canvas.height / 2 + 20)
+            //创建水印容器
+            var watermark = document.createElement('div')
+            watermark.setAttribute('class', 'watermark')
+            const styleStr = `position:absolute;top:0;left:0;right:0;bottom:0;z-index:99;pointer-events:none;background-repeat:repeat;background-image:url('${canvas.toDataURL(
+                'image/png',
+            )}');`
+            watermark.setAttribute('style', styleStr)
+            this.$refs.scWaterMark.appendChild(watermark)
+        },
+        clear() {
+            var wmDom = this.$refs.scWaterMark.querySelector('.watermark')
+            wmDom && wmDom.remove()
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-water-mark {
+    position: relative;
+    display: inherit;
+    width: 100%;
+    height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scWorkflow/index.vue b/src/frontend/admin/src/components/scWorkflow/index.vue
new file mode 100644
index 00000000..70a9b70d
--- /dev/null
+++ b/src/frontend/admin/src/components/scWorkflow/index.vue
@@ -0,0 +1,572 @@
+<!--
+ * @Descripttion: 仿钉钉流程设计器
+ * @version: 1.3
+ * @Author: sakuya
+ * @Date: 2021年9月14日08:38:35
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-18 13:16:31
+-->
+
+<template>
+    <div class="sc-workflow-design">
+        <div class="box-scale">
+            <node-wrap v-if="nodeConfig" v-model="nodeConfig"></node-wrap>
+            <div class="end-node">
+                <div class="end-node-circle"></div>
+                <div class="end-node-text">流程结束</div>
+            </div>
+        </div>
+        <use-select v-if="selectVisible" ref="useselect" @closed="selectVisible = false"></use-select>
+    </div>
+</template>
+
+<script>
+import nodeWrap from './nodeWrap'
+import useSelect from './select'
+
+export default {
+    provide() {
+        return {
+            select: this.selectHandle,
+        }
+    },
+    props: {
+        modelValue: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    components: {
+        nodeWrap,
+        useSelect,
+    },
+    data() {
+        return {
+            nodeConfig: this.modelValue,
+            selectVisible: false,
+        }
+    },
+    watch: {
+        modelValue(val) {
+            this.nodeConfig = val
+        },
+        nodeConfig(val) {
+            this.$emit('update:modelValue', val)
+        },
+    },
+    mounted() {},
+    methods: {
+        selectHandle(type, data) {
+            this.selectVisible = true
+            this.$nextTick(() => {
+                this.$refs.useselect.open(type, data)
+            })
+        },
+    },
+}
+</script>
+
+<style lang="scss">
+.sc-workflow-design {
+    width: 100%;
+}
+
+.sc-workflow-design .box-scale {
+    display: inline-block;
+    position: relative;
+    width: 100%;
+    padding: 54.5px 0px;
+    align-items: flex-start;
+    justify-content: center;
+    flex-wrap: wrap;
+    min-width: min-content;
+}
+
+.sc-workflow-design {
+    .node-wrap {
+        display: inline-flex;
+        width: 100%;
+        flex-flow: column wrap;
+        justify-content: flex-start;
+        align-items: center;
+        padding: 0px 50px;
+        position: relative;
+        z-index: 1;
+    }
+
+    .node-wrap-box {
+        display: inline-flex;
+        flex-direction: column;
+        position: relative;
+        width: 220px;
+        min-height: 72px;
+        flex-shrink: 0;
+        background: rgb(255, 255, 255);
+        border-radius: 4px;
+        cursor: pointer;
+        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
+    }
+
+    .node-wrap-box::before {
+        content: '';
+        position: absolute;
+        top: -12px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0px;
+        border-style: solid;
+        border-width: 8px 6px 4px;
+        border-color: rgb(202, 202, 202) transparent transparent;
+        background: #f6f8f9;
+    }
+
+    .node-wrap-box.start-node:before {
+        content: none;
+    }
+
+    .node-wrap-box .title {
+        height: 24px;
+        line-height: 24px;
+        color: #fff;
+        padding-left: 16px;
+        padding-right: 30px;
+        border-radius: 4px 4px 0 0;
+        position: relative;
+        display: flex;
+        align-items: center;
+    }
+
+    .node-wrap-box .title .icon {
+        margin-right: 5px;
+    }
+
+    .node-wrap-box .title .close {
+        font-size: 15px;
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+        right: 10px;
+        display: none;
+    }
+
+    .node-wrap-box .content {
+        position: relative;
+        padding: 15px;
+    }
+
+    .node-wrap-box .content .placeholder {
+        color: #999;
+    }
+
+    .node-wrap-box:hover .close {
+        display: block;
+    }
+
+    .add-node-btn-box {
+        width: 240px;
+        display: inline-flex;
+        flex-shrink: 0;
+        position: relative;
+        z-index: 1;
+    }
+
+    .add-node-btn-box:before {
+        content: '';
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        right: 0px;
+        bottom: 0px;
+        z-index: -1;
+        margin: auto;
+        width: 2px;
+        height: 100%;
+        background-color: rgb(202, 202, 202);
+    }
+
+    .add-node-btn {
+        user-select: none;
+        width: 240px;
+        padding: 20px 0px 32px;
+        display: flex;
+        justify-content: center;
+        flex-shrink: 0;
+        flex-grow: 1;
+    }
+
+    .add-branch {
+        justify-content: center;
+        padding: 0px 10px;
+        position: absolute;
+        top: -16px;
+        left: 50%;
+        transform: translateX(-50%);
+        transform-origin: center center;
+        z-index: 1;
+        display: inline-flex;
+        align-items: center;
+    }
+
+    .branch-wrap {
+        display: inline-flex;
+        width: 100%;
+    }
+
+    .branch-box-wrap {
+        display: flex;
+        flex-flow: column wrap;
+        align-items: center;
+        min-height: 270px;
+        width: 100%;
+        flex-shrink: 0;
+    }
+
+    .col-box {
+        display: inline-flex;
+        flex-direction: column;
+        align-items: center;
+        position: relative;
+        background: #f6f8f9;
+    }
+
+    .branch-box {
+        display: flex;
+        overflow: visible;
+        min-height: 180px;
+        height: auto;
+        border-bottom: 2px solid #ccc;
+        border-top: 2px solid #ccc;
+        position: relative;
+        margin-top: 15px;
+    }
+
+    .branch-box .col-box::before {
+        content: '';
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        right: 0px;
+        bottom: 0px;
+        z-index: 0;
+        margin: auto;
+        width: 2px;
+        height: 100%;
+        background-color: rgb(202, 202, 202);
+    }
+
+    .condition-node {
+        display: inline-flex;
+        flex-direction: column;
+        min-height: 220px;
+    }
+
+    .condition-node-box {
+        padding-top: 30px;
+        padding-right: 50px;
+        padding-left: 50px;
+        justify-content: center;
+        align-items: center;
+        flex-grow: 1;
+        position: relative;
+        display: inline-flex;
+        flex-direction: column;
+    }
+
+    .condition-node-box::before {
+        content: '';
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        right: 0px;
+        bottom: 0px;
+        margin: auto;
+        width: 2px;
+        height: 100%;
+        background-color: rgb(202, 202, 202);
+    }
+
+    .auto-judge {
+        position: relative;
+        width: 220px;
+        min-height: 72px;
+        background: rgb(255, 255, 255);
+        border-radius: 4px;
+        padding: 15px 15px;
+        cursor: pointer;
+        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
+    }
+
+    .auto-judge::before {
+        content: '';
+        position: absolute;
+        top: -12px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0px;
+        border-style: solid;
+        border-width: 8px 6px 4px;
+        border-color: rgb(202, 202, 202) transparent transparent;
+        background: rgb(245, 245, 247);
+    }
+
+    .auto-judge .title {
+        line-height: 16px;
+    }
+
+    .auto-judge .title .node-title {
+        color: #15bc83;
+    }
+
+    .auto-judge .title .close {
+        font-size: 15px;
+        position: absolute;
+        top: 15px;
+        right: 15px;
+        color: #999;
+        display: none;
+    }
+
+    .auto-judge .title .priority-title {
+        position: absolute;
+        top: 15px;
+        right: 15px;
+        color: #999;
+    }
+
+    .auto-judge .content {
+        position: relative;
+        padding-top: 15px;
+    }
+
+    .auto-judge .content .placeholder {
+        color: #999;
+    }
+
+    .auto-judge:hover {
+        .close {
+            display: block;
+        }
+
+        .priority-title {
+            display: none;
+        }
+    }
+
+    .top-left-cover-line,
+    .top-right-cover-line {
+        position: absolute;
+        height: 3px;
+        width: 50%;
+        background-color: #f6f8f9;
+        top: -2px;
+    }
+
+    .bottom-left-cover-line,
+    .bottom-right-cover-line {
+        position: absolute;
+        height: 3px;
+        width: 50%;
+        background-color: #f6f8f9;
+        bottom: -2px;
+    }
+
+    .top-left-cover-line {
+        left: -1px;
+    }
+
+    .top-right-cover-line {
+        right: -1px;
+    }
+
+    .bottom-left-cover-line {
+        left: -1px;
+    }
+
+    .bottom-right-cover-line {
+        right: -1px;
+    }
+
+    .end-node {
+        border-radius: 50%;
+        font-size: 14px;
+        color: rgba(25, 31, 37, 0.4);
+        text-align: left;
+    }
+
+    .end-node-circle {
+        width: 10px;
+        height: 10px;
+        margin: auto;
+        border-radius: 50%;
+        background: #dbdcdc;
+    }
+
+    .end-node-text {
+        margin-top: 5px;
+        text-align: center;
+    }
+
+    .auto-judge:hover {
+        .sort-left {
+            display: flex;
+        }
+
+        .sort-right {
+            display: flex;
+        }
+    }
+
+    .auto-judge .sort-left {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        z-index: 1;
+        left: 0;
+        display: none;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+    }
+
+    .auto-judge .sort-right {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        z-index: 1;
+        right: 0;
+        display: none;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+    }
+
+    .auto-judge .sort-left:hover,
+    .auto-judge .sort-right:hover {
+        background: #eee;
+    }
+
+    .auto-judge:after {
+        pointer-events: none;
+        content: '';
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        z-index: 2;
+        border-radius: 4px;
+        transition: all 0.1s;
+    }
+
+    .auto-judge:hover:after {
+        border: 1px solid #3296fa;
+        box-shadow: 0 0 6px 0 rgba(50, 150, 250, 0.3);
+    }
+
+    .node-wrap-box:after {
+        pointer-events: none;
+        content: '';
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        z-index: 2;
+        border-radius: 4px;
+        transition: all 0.1s;
+    }
+
+    .node-wrap-box:hover:after {
+        border: 1px solid #3296fa;
+        box-shadow: 0 0 6px 0 rgba(50, 150, 250, 0.3);
+    }
+}
+
+.tags-list {
+    margin-top: 15px;
+    width: 100%;
+}
+
+.add-node-popover-body li {
+    display: inline-block;
+    width: 80px;
+    text-align: center;
+    padding: 10px 0;
+}
+
+.add-node-popover-body li i {
+    border: 1px solid var(--el-border-color-light);
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    text-align: center;
+    line-height: 38px;
+    font-size: 18px;
+    cursor: pointer;
+}
+
+.add-node-popover-body li i:hover {
+    border: 1px solid #3296fa;
+    background: #3296fa;
+    color: #fff !important;
+}
+
+.add-node-popover-body li p {
+    font-size: 12px;
+    margin-top: 5px;
+}
+
+.node-wrap-drawer__title {
+    padding-right: 40px;
+}
+
+.node-wrap-drawer__title label {
+    cursor: pointer;
+}
+
+.node-wrap-drawer__title label:hover {
+    border-bottom: 1px dashed #409eff;
+}
+
+.node-wrap-drawer__title .node-wrap-drawer__title-edit {
+    color: #409eff;
+    margin-left: 10px;
+    vertical-align: middle;
+}
+
+.dark .sc-workflow-design {
+    .node-wrap-box,
+    .auto-judge {
+        background: #2b2b2b;
+    }
+
+    .col-box {
+        background: var(--el-bg-color);
+    }
+
+    .top-left-cover-line,
+    .top-right-cover-line,
+    .bottom-left-cover-line,
+    .bottom-right-cover-line {
+        background-color: var(--el-bg-color);
+    }
+
+    .node-wrap-box::before,
+    .auto-judge::before {
+        background-color: var(--el-bg-color);
+    }
+
+    .branch-box .add-branch {
+        background: var(--el-bg-color);
+    }
+
+    .end-node .end-node-text {
+        color: #d0d0d0;
+    }
+
+    .auto-judge .sort-left:hover,
+    .auto-judge .sort-right:hover {
+        background: var(--el-bg-color);
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scWorkflow/nodeWrap.vue b/src/frontend/admin/src/components/scWorkflow/nodeWrap.vue
new file mode 100644
index 00000000..e5baa349
--- /dev/null
+++ b/src/frontend/admin/src/components/scWorkflow/nodeWrap.vue
@@ -0,0 +1,56 @@
+<template>
+    <promoter v-if="nodeConfig.type === 0" v-model="nodeConfig"></promoter>
+
+    <approver v-if="nodeConfig.type === 1" v-model="nodeConfig"></approver>
+
+    <send v-if="nodeConfig.type === 2" v-model="nodeConfig"></send>
+
+    <branch v-if="nodeConfig.type === 4" v-model="nodeConfig">
+        <template v-slot="slot">
+            <node-wrap v-if="slot.node" v-model="slot.node.childNode"></node-wrap>
+        </template>
+    </branch>
+
+    <node-wrap v-if="nodeConfig.childNode" v-model="nodeConfig.childNode"></node-wrap>
+</template>
+
+<script>
+import approver from './nodes/approver'
+import promoter from './nodes/promoter'
+import branch from './nodes/branch'
+import send from './nodes/send'
+
+export default {
+    props: {
+        modelValue: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    components: {
+        approver,
+        promoter,
+        branch,
+        send,
+    },
+    data() {
+        return {
+            nodeConfig: {},
+        }
+    },
+    watch: {
+        modelValue(val) {
+            this.nodeConfig = val
+        },
+        nodeConfig(val) {
+            this.$emit('update:modelValue', val)
+        },
+    },
+    mounted() {
+        this.nodeConfig = this.modelValue
+    },
+    methods: {},
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scWorkflow/nodes/addNode.vue b/src/frontend/admin/src/components/scWorkflow/nodes/addNode.vue
new file mode 100644
index 00000000..bedf3865
--- /dev/null
+++ b/src/frontend/admin/src/components/scWorkflow/nodes/addNode.vue
@@ -0,0 +1,104 @@
+<template>
+    <div class="add-node-btn-box">
+        <div class="add-node-btn">
+            <el-popover :hide-after="0" :show-after="0" :width="270" placement="right-start" trigger="click">
+                <template #reference>
+                    <el-button circle icon="el-icon-plus" type="primary"></el-button>
+                </template>
+                <div class="add-node-popover-body">
+                    <ul>
+                        <li>
+                            <el-icon style="color: #ff943e" @click="addType(1)">
+                                <el-icon-user-filled />
+                            </el-icon>
+                            <p>审批节点</p>
+                        </li>
+                        <li>
+                            <el-icon style="color: #3296fa" @click="addType(2)">
+                                <el-icon-promotion />
+                            </el-icon>
+                            <p>抄送节点</p>
+                        </li>
+                        <li>
+                            <el-icon style="color: #15bc83" @click="addType(4)">
+                                <el-icon-share />
+                            </el-icon>
+                            <p>条件分支</p>
+                        </li>
+                    </ul>
+                </div>
+            </el-popover>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        modelValue: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    data() {
+        return {}
+    },
+    mounted() {},
+    methods: {
+        addType(type) {
+            var node = {}
+            if (type === 1) {
+                node = {
+                    nodeName: '审核人',
+                    type: 1, //节点类型
+                    setType: 1, //审核人类型
+                    nodeUserList: [], //审核人成员
+                    nodeRoleList: [], //审核角色
+                    examineLevel: 1, //指定主管层级
+                    directorLevel: 1, //自定义连续主管审批层级
+                    selectMode: 1, //发起人自选类型
+                    termAuto: false, //审批期限超时自动审批
+                    term: 0, //审批期限
+                    termMode: 1, //审批期限超时后执行类型
+                    examineMode: 1, //多人审批时审批方式
+                    directorMode: 0, //连续主管审批方式
+                    childNode: this.modelValue,
+                }
+            } else if (type === 2) {
+                node = {
+                    nodeName: '抄送人',
+                    type: 2,
+                    userSelectFlag: true,
+                    nodeUserList: [],
+                    childNode: this.modelValue,
+                }
+            } else if (type === 4) {
+                node = {
+                    nodeName: '条件路由',
+                    type: 4,
+                    conditionNodes: [
+                        {
+                            nodeName: '条件1',
+                            type: 3,
+                            priorityLevel: 1,
+                            conditionMode: 1,
+                            conditionList: [],
+                        },
+                        {
+                            nodeName: '条件2',
+                            type: 3,
+                            priorityLevel: 2,
+                            conditionMode: 1,
+                            conditionList: [],
+                        },
+                    ],
+                    childNode: this.modelValue,
+                }
+            }
+            this.$emit('update:modelValue', node)
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scWorkflow/nodes/approver.vue b/src/frontend/admin/src/components/scWorkflow/nodes/approver.vue
new file mode 100644
index 00000000..707d7d4b
--- /dev/null
+++ b/src/frontend/admin/src/components/scWorkflow/nodes/approver.vue
@@ -0,0 +1,225 @@
+<template>
+    <div class="node-wrap">
+        <div class="node-wrap-box" @click="show">
+            <div class="title" style="background: #ff943e">
+                <el-icon class="icon">
+                    <el-icon-user-filled />
+                </el-icon>
+                <span>{{ nodeConfig.nodeName }}</span>
+                <el-icon class="close" @click.stop="delNode()">
+                    <el-icon-close />
+                </el-icon>
+            </div>
+            <div class="content">
+                <span v-if="toText(nodeConfig)">{{ toText(nodeConfig) }}</span>
+                <span v-else class="placeholder">请选择</span>
+            </div>
+        </div>
+        <add-node v-model="nodeConfig.childNode"></add-node>
+        <el-drawer v-model="drawer" :size="500" append-to-body destroy-on-close title="审批人设置">
+            <template #header>
+                <div class="node-wrap-drawer__title">
+                    <label v-if="!isEditTitle" @click="editTitle"
+                        >{{ form.nodeName }}
+                        <el-icon class="node-wrap-drawer__title-edit">
+                            <el-icon-edit />
+                        </el-icon>
+                    </label>
+                    <el-input
+                        v-if="isEditTitle"
+                        ref="nodeTitle"
+                        v-model="form.nodeName"
+                        clearable
+                        @blur="saveTitle"
+                        @keyup.enter="saveTitle"></el-input>
+                </div>
+            </template>
+            <el-container>
+                <el-main style="padding: 0 20px 20px 20px">
+                    <el-form label-position="top">
+                        <el-form-item label="审批人员类型">
+                            <el-select v-model="form.setType">
+                                <el-option :value="1" label="指定成员"></el-option>
+                                <el-option :value="2" label="主管"></el-option>
+                                <el-option :value="3" label="角色"></el-option>
+                                <el-option :value="4" label="发起人自选"></el-option>
+                                <el-option :value="5" label="发起人自己"></el-option>
+                                <el-option :value="7" label="连续多级主管"></el-option>
+                            </el-select>
+                        </el-form-item>
+
+                        <el-form-item v-if="form.setType === 1" label="选择成员">
+                            <el-button icon="el-icon-plus" round type="primary" @click="selectHandle(1, form.nodeUserList)">选择人员 </el-button>
+                            <div class="tags-list">
+                                <el-tag v-for="(user, index) in form.nodeUserList" :key="user.id" closable @close="delUser(index)"
+                                    >{{ user.name }}
+                                </el-tag>
+                            </div>
+                        </el-form-item>
+
+                        <el-form-item v-if="form.setType === 2" label="指定主管">
+                            发起人的第
+                            <el-input-number v-model="form.examineLevel" :min="1" />
+                            级主管
+                        </el-form-item>
+
+                        <el-form-item v-if="form.setType === 3" label="选择角色">
+                            <el-button icon="el-icon-plus" round type="primary" @click="selectHandle(2, form.nodeRoleList)">选择角色 </el-button>
+                            <div class="tags-list">
+                                <el-tag v-for="(role, index) in form.nodeRoleList" :key="role.id" closable type="info" @close="delRole(index)"
+                                    >{{ role.name }}
+                                </el-tag>
+                            </div>
+                        </el-form-item>
+
+                        <el-form-item v-if="form.setType === 4" label="发起人自选">
+                            <el-radio-group v-model="form.selectMode">
+                                <el-radio :label="1">自选一个人</el-radio>
+                                <el-radio :label="2">自选多个人</el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+
+                        <el-form-item v-if="form.setType === 7" label="连续主管审批终点">
+                            <el-radio-group v-model="form.directorMode">
+                                <el-radio :label="0">直到最上层主管</el-radio>
+                                <el-radio :label="1">自定义审批终点</el-radio>
+                            </el-radio-group>
+                            <p v-if="form.directorMode === 1">
+                                直到发起人的第
+                                <el-input-number v-model="form.directorLevel" :min="1" />
+                                级主管
+                            </p>
+                        </el-form-item>
+
+                        <el-divider></el-divider>
+                        <el-form-item label="">
+                            <el-checkbox v-model="form.termAuto" label="超时自动审批"></el-checkbox>
+                        </el-form-item>
+                        <template v-if="form.termAuto">
+                            <el-form-item label="审批期限（为 0 则不生效）">
+                                <el-input-number v-model="form.term" :min="0" />
+                                小时
+                            </el-form-item>
+                            <el-form-item label="审批期限超时后执行">
+                                <el-radio-group v-model="form.termMode">
+                                    <el-radio :label="0">自动通过</el-radio>
+                                    <el-radio :label="1">自动拒绝</el-radio>
+                                </el-radio-group>
+                            </el-form-item>
+                        </template>
+                        <el-divider></el-divider>
+                        <el-form-item label="多人审批时审批方式">
+                            <el-radio-group v-model="form.examineMode">
+                                <p style="width: 100%">
+                                    <el-radio :label="1">按顺序依次审批</el-radio>
+                                </p>
+                                <p style="width: 100%">
+                                    <el-radio :label="2">会签 (可同时审批，每个人必须审批通过)</el-radio>
+                                </p>
+                                <p style="width: 100%">
+                                    <el-radio :label="3">或签 (有一人审批通过即可)</el-radio>
+                                </p>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-form>
+                </el-main>
+                <el-footer>
+                    <el-button type="primary" @click="save">保存</el-button>
+                    <el-button @click="drawer = false">取消</el-button>
+                </el-footer>
+            </el-container>
+        </el-drawer>
+    </div>
+</template>
+
+<script>
+import addNode from './addNode'
+
+export default {
+    inject: ['select'],
+    props: {
+        modelValue: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    components: {
+        addNode,
+    },
+    data() {
+        return {
+            nodeConfig: {},
+            drawer: false,
+            isEditTitle: false,
+            form: {},
+        }
+    },
+    watch: {
+        modelValue() {
+            this.nodeConfig = this.modelValue
+        },
+    },
+    mounted() {
+        this.nodeConfig = this.modelValue
+    },
+    methods: {
+        show() {
+            this.form = {}
+            this.form = JSON.parse(JSON.stringify(this.nodeConfig))
+            this.drawer = true
+        },
+        editTitle() {
+            this.isEditTitle = true
+            this.$nextTick(() => {
+                this.$refs.nodeTitle.focus()
+            })
+        },
+        saveTitle() {
+            this.isEditTitle = false
+        },
+        save() {
+            this.$emit('update:modelValue', this.form)
+            this.drawer = false
+        },
+        delNode() {
+            this.$emit('update:modelValue', this.nodeConfig.childNode)
+        },
+        delUser(index) {
+            this.form.nodeUserList.splice(index, 1)
+        },
+        delRole(index) {
+            this.form.nodeRoleList.splice(index, 1)
+        },
+        selectHandle(type, data) {
+            this.select(type, data)
+        },
+        toText(nodeConfig) {
+            if (nodeConfig.setType === 1) {
+                if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length > 0) {
+                    const users = nodeConfig.nodeUserList.map((item) => item.name).join('、')
+                    return users
+                } else {
+                    return false
+                }
+            } else if (nodeConfig.setType === 2) {
+                return nodeConfig.examineLevel === 1 ? '直接主管' : `发起人的第${nodeConfig.examineLevel}级主管`
+            } else if (nodeConfig.setType === 3) {
+                if (nodeConfig.nodeRoleList && nodeConfig.nodeRoleList.length > 0) {
+                    const roles = nodeConfig.nodeRoleList.map((item) => item.name).join('、')
+                    return '角色-' + roles
+                } else {
+                    return false
+                }
+            } else if (nodeConfig.setType === 4) {
+                return '发起人自选'
+            } else if (nodeConfig.setType === 5) {
+                return '发起人自己'
+            } else if (nodeConfig.setType === 7) {
+                return '连续多级主管'
+            }
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scWorkflow/nodes/branch.vue b/src/frontend/admin/src/components/scWorkflow/nodes/branch.vue
new file mode 100644
index 00000000..8e9854a5
--- /dev/null
+++ b/src/frontend/admin/src/components/scWorkflow/nodes/branch.vue
@@ -0,0 +1,243 @@
+<template>
+    <div class="branch-wrap">
+        <div class="branch-box-wrap">
+            <div class="branch-box">
+                <el-button class="add-branch" plain round type="success" @click="addTerm">添加条件</el-button>
+                <div v-for="(item, index) in nodeConfig.conditionNodes" :key="index" class="col-box">
+                    <div class="condition-node">
+                        <div class="condition-node-box">
+                            <div class="auto-judge" @click="show(index)">
+                                <div v-if="index !== 0" class="sort-left" @click.stop="arrTransfer(index, -1)">
+                                    <el-icon>
+                                        <el-icon-arrow-left />
+                                    </el-icon>
+                                </div>
+                                <div class="title">
+                                    <span class="node-title">{{ item.nodeName }}</span>
+                                    <span class="priority-title">优先级{{ item.priorityLevel }}</span>
+                                    <el-icon class="close" @click.stop="delTerm(index)">
+                                        <el-icon-close />
+                                    </el-icon>
+                                </div>
+                                <div class="content">
+                                    <span v-if="toText(nodeConfig, index)">{{ toText(nodeConfig, index) }}</span>
+                                    <span v-else class="placeholder">请设置条件</span>
+                                </div>
+                                <div v-if="index != nodeConfig.conditionNodes.length - 1" class="sort-right" @click.stop="arrTransfer(index)">
+                                    <el-icon>
+                                        <el-icon-arrow-right />
+                                    </el-icon>
+                                </div>
+                            </div>
+                            <add-node v-model="item.childNode"></add-node>
+                        </div>
+                    </div>
+                    <slot v-if="item.childNode" :node="item"></slot>
+                    <div v-if="index === 0" class="top-left-cover-line"></div>
+                    <div v-if="index === 0" class="bottom-left-cover-line"></div>
+                    <div v-if="index === nodeConfig.conditionNodes.length - 1" class="top-right-cover-line"></div>
+                    <div v-if="index === nodeConfig.conditionNodes.length - 1" class="bottom-right-cover-line"></div>
+                </div>
+            </div>
+            <add-node v-model="nodeConfig.childNode"></add-node>
+        </div>
+        <el-drawer v-model="drawer" :size="600" append-to-body destroy-on-close title="条件设置">
+            <template #header>
+                <div class="node-wrap-drawer__title">
+                    <label v-if="!isEditTitle" @click="editTitle"
+                        >{{ form.nodeName }}
+                        <el-icon class="node-wrap-drawer__title-edit">
+                            <el-icon-edit />
+                        </el-icon>
+                    </label>
+                    <el-input
+                        v-if="isEditTitle"
+                        ref="nodeTitle"
+                        v-model="form.nodeName"
+                        clearable
+                        @blur="saveTitle"
+                        @keyup.enter="saveTitle"></el-input>
+                </div>
+            </template>
+            <el-container>
+                <el-main style="padding: 0 20px 20px 20px">
+                    <el-form label-position="top">
+                        <el-form-item label="条件关系">
+                            <el-radio-group v-model="form.conditionMode">
+                                <el-radio :label="1">且</el-radio>
+                                <el-radio :label="2">或</el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                        <el-divider></el-divider>
+                        <el-form-item>
+                            <el-table :data="form.conditionList">
+                                <el-table-column label="描述" prop="label">
+                                    <template #default="scope">
+                                        <el-input v-model="scope.row.label" placeholder="描述"></el-input>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="条件字段" prop="field" width="130">
+                                    <template #default="scope">
+                                        <el-input v-model="scope.row.field" placeholder="条件字段"></el-input>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="运算符" prop="operator" width="130">
+                                    <template #default="scope">
+                                        <el-select v-model="scope.row.operator" placeholder="Select">
+                                            <el-option label="等于" value="="></el-option>
+                                            <el-option label="不等于" value="!="></el-option>
+                                            <el-option label="大于" value=">"></el-option>
+                                            <el-option label="大于等于" value=">="></el-option>
+                                            <el-option label="小于" value="<"></el-option>
+                                            <el-option label="小于等于" value="<="></el-option>
+                                            <el-option label="包含" value="include"></el-option>
+                                            <el-option label="不包含" value="notinclude"></el-option>
+                                        </el-select>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="值" prop="value" width="100">
+                                    <template #default="scope">
+                                        <el-input v-model="scope.row.value" placeholder="值"></el-input>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="移除" prop="value" width="55">
+                                    <template #default="scope">
+                                        <el-link :underline="false" type="danger" @click="deleteConditionList(scope.$index)">移除</el-link>
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                        </el-form-item>
+                        <p>
+                            <el-button icon="el-icon-plus" round type="primary" @click="addConditionList">增加条件</el-button>
+                        </p>
+                    </el-form>
+                </el-main>
+                <el-footer>
+                    <el-button type="primary" @click="save">保存</el-button>
+                    <el-button @click="drawer = false">取消</el-button>
+                </el-footer>
+            </el-container>
+        </el-drawer>
+    </div>
+</template>
+
+<script>
+import addNode from './addNode'
+
+export default {
+    props: {
+        modelValue: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    components: {
+        addNode,
+    },
+    data() {
+        return {
+            nodeConfig: {},
+            drawer: false,
+            isEditTitle: false,
+            index: 0,
+            form: {},
+        }
+    },
+    watch: {
+        modelValue() {
+            this.nodeConfig = this.modelValue
+        },
+    },
+    mounted() {
+        this.nodeConfig = this.modelValue
+    },
+    methods: {
+        show(index) {
+            this.index = index
+            this.form = {}
+            this.form = JSON.parse(JSON.stringify(this.nodeConfig.conditionNodes[index]))
+            this.drawer = true
+        },
+        editTitle() {
+            this.isEditTitle = true
+            this.$nextTick(() => {
+                this.$refs.nodeTitle.focus()
+            })
+        },
+        saveTitle() {
+            this.isEditTitle = false
+        },
+        save() {
+            this.nodeConfig.conditionNodes[this.index] = this.form
+            this.$emit('update:modelValue', this.nodeConfig)
+            this.drawer = false
+        },
+        addTerm() {
+            let len = this.nodeConfig.conditionNodes.length + 1
+            this.nodeConfig.conditionNodes.push({
+                nodeName: '条件' + len,
+                type: 3,
+                priorityLevel: len,
+                conditionMode: 1,
+                conditionList: [],
+            })
+        },
+        delTerm(index) {
+            this.nodeConfig.conditionNodes.splice(index, 1)
+            if (this.nodeConfig.conditionNodes.length === 1) {
+                if (this.nodeConfig.childNode) {
+                    if (this.nodeConfig.conditionNodes[0].childNode) {
+                        this.reData(this.nodeConfig.conditionNodes[0].childNode, this.nodeConfig.childNode)
+                    } else {
+                        this.nodeConfig.conditionNodes[0].childNode = this.nodeConfig.childNode
+                    }
+                }
+                this.$emit('update:modelValue', this.nodeConfig.conditionNodes[0].childNode)
+            }
+        },
+        reData(data, addData) {
+            if (!data.childNode) {
+                data.childNode = addData
+            } else {
+                this.reData(data.childNode, addData)
+            }
+        },
+        arrTransfer(index, type = 1) {
+            this.nodeConfig.conditionNodes[index] = this.nodeConfig.conditionNodes.splice(index + type, 1, this.nodeConfig.conditionNodes[index])[0]
+            this.nodeConfig.conditionNodes.map((item, index) => {
+                item.priorityLevel = index + 1
+            })
+            this.$emit('update:modelValue', this.nodeConfig)
+        },
+        addConditionList() {
+            this.form.conditionList.push({
+                label: '',
+                field: '',
+                operator: '=',
+                value: '',
+            })
+        },
+        deleteConditionList(index) {
+            this.form.conditionList.splice(index, 1)
+        },
+        toText(nodeConfig, index) {
+            var { conditionList } = nodeConfig.conditionNodes[index]
+            if (conditionList && conditionList.length === 1) {
+                const text = conditionList.map((item) => `${item.label}${item.operator}${item.value}`).join(' 和 ')
+                return text
+            } else if (conditionList && conditionList.length > 1) {
+                const conditionModeText = nodeConfig.conditionNodes[index].conditionMode === 1 ? '且行' : '或行'
+                return conditionList.length + '个条件，' + conditionModeText
+            } else {
+                if (index === nodeConfig.conditionNodes.length - 1) {
+                    return '其他条件进入此流程'
+                } else {
+                    return false
+                }
+            }
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scWorkflow/nodes/promoter.vue b/src/frontend/admin/src/components/scWorkflow/nodes/promoter.vue
new file mode 100644
index 00000000..a6b5fdae
--- /dev/null
+++ b/src/frontend/admin/src/components/scWorkflow/nodes/promoter.vue
@@ -0,0 +1,123 @@
+<template>
+    <div class="node-wrap">
+        <div class="node-wrap-box start-node" @click="show">
+            <div class="title" style="background: #576a95">
+                <el-icon class="icon">
+                    <el-icon-user-filled />
+                </el-icon>
+                <span>{{ nodeConfig.nodeName }}</span>
+            </div>
+            <div class="content">
+                <span>{{ toText(nodeConfig) }}</span>
+            </div>
+        </div>
+        <add-node v-model="nodeConfig.childNode"></add-node>
+        <el-drawer v-model="drawer" :size="500" append-to-body destroy-on-close title="发起人">
+            <template #header>
+                <div class="node-wrap-drawer__title">
+                    <label v-if="!isEditTitle" @click="editTitle"
+                        >{{ form.nodeName }}
+                        <el-icon class="node-wrap-drawer__title-edit">
+                            <el-icon-edit />
+                        </el-icon>
+                    </label>
+                    <el-input
+                        v-if="isEditTitle"
+                        ref="nodeTitle"
+                        v-model="form.nodeName"
+                        clearable
+                        @blur="saveTitle"
+                        @keyup.enter="saveTitle"></el-input>
+                </div>
+            </template>
+            <el-container>
+                <el-main style="padding: 0 20px 20px 20px">
+                    <el-form label-position="top">
+                        <el-form-item label="谁可以发起此审批">
+                            <el-button icon="el-icon-plus" round type="primary" @click="selectHandle(2, form.nodeRoleList)">选择角色 </el-button>
+                            <div class="tags-list">
+                                <el-tag v-for="(role, index) in form.nodeRoleList" :key="role.id" closable type="info" @close="delRole(index)"
+                                    >{{ role.name }}
+                                </el-tag>
+                            </div>
+                        </el-form-item>
+                        <el-alert v-if="form.nodeRoleList.length === 0" :closable="false" title="不指定则默认所有人都可发起此审批" type="info" />
+                    </el-form>
+                </el-main>
+                <el-footer>
+                    <el-button type="primary" @click="save">保存</el-button>
+                    <el-button @click="drawer = false">取消</el-button>
+                </el-footer>
+            </el-container>
+        </el-drawer>
+    </div>
+</template>
+
+<script>
+import addNode from './addNode'
+
+export default {
+    inject: ['select'],
+    props: {
+        modelValue: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    components: {
+        addNode,
+    },
+    data() {
+        return {
+            nodeConfig: {},
+            drawer: false,
+            isEditTitle: false,
+            form: {},
+        }
+    },
+    watch: {
+        modelValue() {
+            this.nodeConfig = this.modelValue
+        },
+    },
+    mounted() {
+        this.nodeConfig = this.modelValue
+    },
+    methods: {
+        show() {
+            this.form = {}
+            this.form = JSON.parse(JSON.stringify(this.nodeConfig))
+            this.isEditTitle = false
+            this.drawer = true
+        },
+        editTitle() {
+            this.isEditTitle = true
+            this.$nextTick(() => {
+                this.$refs.nodeTitle.focus()
+            })
+        },
+        saveTitle() {
+            this.isEditTitle = false
+        },
+        selectHandle(type, data) {
+            this.select(type, data)
+        },
+        delRole(index) {
+            this.form.nodeRoleList.splice(index, 1)
+        },
+        save() {
+            this.$emit('update:modelValue', this.form)
+            this.drawer = false
+        },
+        toText(nodeConfig) {
+            if (nodeConfig.nodeRoleList && nodeConfig.nodeRoleList.length > 0) {
+                return nodeConfig.nodeRoleList.map((item) => item.name).join('、')
+            } else {
+                return '所有人'
+            }
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scWorkflow/nodes/send.vue b/src/frontend/admin/src/components/scWorkflow/nodes/send.vue
new file mode 100644
index 00000000..f9964408
--- /dev/null
+++ b/src/frontend/admin/src/components/scWorkflow/nodes/send.vue
@@ -0,0 +1,136 @@
+<template>
+    <div class="node-wrap">
+        <div class="node-wrap-box" @click="show">
+            <div class="title" style="background: #3296fa">
+                <el-icon class="icon">
+                    <el-icon-promotion />
+                </el-icon>
+                <span>{{ nodeConfig.nodeName }}</span>
+                <el-icon class="close" @click.stop="delNode()">
+                    <el-icon-close />
+                </el-icon>
+            </div>
+            <div class="content">
+                <span v-if="toText(nodeConfig)">{{ toText(nodeConfig) }}</span>
+                <span v-else class="placeholder">请选择人员</span>
+            </div>
+        </div>
+        <add-node v-model="nodeConfig.childNode"></add-node>
+        <el-drawer v-model="drawer" :size="500" append-to-body destroy-on-close title="抄送人设置">
+            <template #header>
+                <div class="node-wrap-drawer__title">
+                    <label v-if="!isEditTitle" @click="editTitle"
+                        >{{ form.nodeName }}
+                        <el-icon class="node-wrap-drawer__title-edit">
+                            <el-icon-edit />
+                        </el-icon>
+                    </label>
+                    <el-input
+                        v-if="isEditTitle"
+                        ref="nodeTitle"
+                        v-model="form.nodeName"
+                        clearable
+                        @blur="saveTitle"
+                        @keyup.enter="saveTitle"></el-input>
+                </div>
+            </template>
+            <el-container>
+                <el-main style="padding: 0 20px 20px 20px">
+                    <el-form label-position="top">
+                        <el-form-item label="选择要抄送的人员">
+                            <el-button icon="el-icon-plus" round type="primary" @click="selectHandle(1, form.nodeUserList)">选择人员 </el-button>
+                            <div class="tags-list">
+                                <el-tag v-for="(user, index) in form.nodeUserList" :key="user.id" closable @close="delUser(index)"
+                                    >{{ user.name }}
+                                </el-tag>
+                            </div>
+                        </el-form-item>
+                        <el-form-item label="">
+                            <el-checkbox v-model="form.userSelectFlag" label="允许发起人自选抄送人"></el-checkbox>
+                        </el-form-item>
+                    </el-form>
+                </el-main>
+                <el-footer>
+                    <el-button type="primary" @click="save">保存</el-button>
+                    <el-button @click="drawer = false">取消</el-button>
+                </el-footer>
+            </el-container>
+        </el-drawer>
+    </div>
+</template>
+
+<script>
+import addNode from './addNode'
+
+export default {
+    inject: ['select'],
+    props: {
+        modelValue: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    components: {
+        addNode,
+    },
+    data() {
+        return {
+            nodeConfig: {},
+            drawer: false,
+            isEditTitle: false,
+            form: {},
+        }
+    },
+    watch: {
+        modelValue() {
+            this.nodeConfig = this.modelValue
+        },
+    },
+    mounted() {
+        this.nodeConfig = this.modelValue
+    },
+    methods: {
+        show() {
+            this.form = {}
+            this.form = JSON.parse(JSON.stringify(this.nodeConfig))
+            this.drawer = true
+        },
+        editTitle() {
+            this.isEditTitle = true
+            this.$nextTick(() => {
+                this.$refs.nodeTitle.focus()
+            })
+        },
+        saveTitle() {
+            this.isEditTitle = false
+        },
+        save() {
+            this.$emit('update:modelValue', this.form)
+            this.drawer = false
+        },
+        delNode() {
+            this.$emit('update:modelValue', this.nodeConfig.childNode)
+        },
+        delUser(index) {
+            this.form.nodeUserList.splice(index, 1)
+        },
+        selectHandle(type, data) {
+            this.select(type, data)
+        },
+        toText(nodeConfig) {
+            if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length > 0) {
+                const users = nodeConfig.nodeUserList.map((item) => item.name).join('、')
+                return users
+            } else {
+                if (nodeConfig.userSelectFlag) {
+                    return '发起人自选'
+                } else {
+                    return false
+                }
+            }
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/components/scWorkflow/select.vue b/src/frontend/admin/src/components/scWorkflow/select.vue
new file mode 100644
index 00000000..fc3d482d
--- /dev/null
+++ b/src/frontend/admin/src/components/scWorkflow/select.vue
@@ -0,0 +1,414 @@
+<template>
+    <el-dialog
+        v-model="dialogVisible"
+        :title="titleMap[type - 1]"
+        :width="type == 1 ? 680 : 460"
+        append-to-body
+        destroy-on-close
+        @closed="$emit('closed')">
+        <template v-if="type === 1">
+            <div class="sc-user-select">
+                <div class="sc-user-select__left">
+                    <div class="sc-user-select__search">
+                        <el-input v-model="keyword" placeholder="搜索成员" prefix-icon="el-icon-search">
+                            <template #append>
+                                <el-button icon="el-icon-search" @click="search"></el-button>
+                            </template>
+                        </el-input>
+                    </div>
+                    <div class="sc-user-select__select">
+                        <div v-loading="showGrouploading" class="sc-user-select__tree">
+                            <el-scrollbar>
+                                <el-tree
+                                    ref="groupTree"
+                                    :current-node-key="groupId"
+                                    :data="group"
+                                    :expand-on-click-node="false"
+                                    :node-key="groupProps.key"
+                                    :props="groupProps"
+                                    class="menu"
+                                    highlight-current
+                                    @node-click="groupClick" />
+                            </el-scrollbar>
+                        </div>
+                        <div v-loading="showUserloading" class="sc-user-select__user">
+                            <div class="sc-user-select__user__list">
+                                <el-scrollbar ref="userScrollbar">
+                                    <el-tree
+                                        ref="userTree"
+                                        :data="user"
+                                        :default-checked-keys="selectedIds"
+                                        :node-key="userProps.key"
+                                        :props="userProps"
+                                        check-on-click-node
+                                        class="menu"
+                                        show-checkbox
+                                        @check-change="userClick"></el-tree>
+                                </el-scrollbar>
+                            </div>
+                            <footer>
+                                <el-pagination
+                                    v-model:currentPage="currentPage"
+                                    :page-size="pageSize"
+                                    :total="total"
+                                    background
+                                    layout="prev,next"
+                                    small
+                                    @current-change="paginationChange"></el-pagination>
+                            </footer>
+                        </div>
+                    </div>
+                </div>
+                <div class="sc-user-select__toicon">
+                    <el-icon>
+                        <el-icon-arrow-right />
+                    </el-icon>
+                </div>
+                <div class="sc-user-select__selected">
+                    <header>已选 ({{ selected.length }})</header>
+                    <ul>
+                        <el-scrollbar>
+                            <li v-for="(item, index) in selected" :key="item.id">
+                                <span class="name">
+                                    <el-avatar size="small">{{ item.name.substring(0, 1) }}</el-avatar>
+                                    <label>{{ item.name }}</label>
+                                </span>
+                                <span class="delete">
+                                    <el-button circle icon="el-icon-delete" size="small" type="danger" @click="deleteSelected(index)"></el-button>
+                                </span>
+                            </li>
+                        </el-scrollbar>
+                    </ul>
+                </div>
+            </div>
+        </template>
+
+        <template v-if="type === 2">
+            <div class="sc-user-select sc-user-select-role">
+                <div class="sc-user-select__left">
+                    <div class="sc-user-select__select">
+                        <div v-loading="showGrouploading" class="sc-user-select__tree">
+                            <el-scrollbar>
+                                <el-tree
+                                    ref="groupTree"
+                                    :data="role"
+                                    :default-checked-keys="selectedIds"
+                                    :expand-on-click-node="false"
+                                    :node-key="roleProps.key"
+                                    :props="roleProps"
+                                    check-on-click-node
+                                    check-strictly
+                                    class="menu"
+                                    show-checkbox
+                                    @check-change="roleClick" />
+                            </el-scrollbar>
+                        </div>
+                    </div>
+                </div>
+                <div class="sc-user-select__toicon">
+                    <el-icon>
+                        <el-icon-arrow-right />
+                    </el-icon>
+                </div>
+                <div class="sc-user-select__selected">
+                    <header>已选 ({{ selected.length }})</header>
+                    <ul>
+                        <el-scrollbar>
+                            <li v-for="(item, index) in selected" :key="item.id">
+                                <span class="name">
+                                    <label>{{ item.name }}</label>
+                                </span>
+                                <span class="delete">
+                                    <el-button circle icon="el-icon-delete" size="small" type="danger" @click="deleteSelected(index)"></el-button>
+                                </span>
+                            </li>
+                        </el-scrollbar>
+                    </ul>
+                </div>
+            </div>
+        </template>
+
+        <template #footer>
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="save">确 认</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+import config from '@/config/workflow'
+
+export default {
+    props: {
+        modelValue: { type: Boolean, default: false },
+    },
+    data() {
+        return {
+            groupProps: config.group.props,
+            userProps: config.user.props,
+            roleProps: config.role.props,
+
+            titleMap: ['人员选择', '角色选择'],
+            dialogVisible: false,
+            showGrouploading: false,
+            showUserloading: false,
+            keyword: '',
+            groupId: '',
+            pageSize: config.user.pageSize,
+            total: 0,
+            currentPage: 1,
+            group: [],
+            user: [],
+            role: [],
+            type: 1,
+            selected: [],
+            value: [],
+        }
+    },
+    computed: {
+        selectedIds() {
+            return this.selected.map((t) => t.id)
+        },
+    },
+    mounted() {},
+    methods: {
+        //打开赋值
+        open(type, data) {
+            this.type = type
+            this.value = data || []
+            this.selected = JSON.parse(JSON.stringify(data || []))
+            this.dialogVisible = true
+
+            if (this.type === 1) {
+                this.getGroup()
+                this.getUser()
+            } else if (this.type === 2) {
+                this.getRole()
+            }
+        },
+        //获取组织
+        async getGroup() {
+            this.showGrouploading = true
+            var res = await config.group.apiObj.get()
+            this.showGrouploading = false
+            var allNode = { [config.group.props.key]: '', [config.group.props.label]: '所有' }
+            res.data.unshift(allNode)
+            this.group = config.group.parseData(res).rows
+        },
+        //获取用户
+        async getUser() {
+            this.showUserloading = true
+            var params = {
+                [config.user.request.keyword]: this.keyword || null,
+                [config.user.request.groupId]: this.groupId || null,
+                [config.user.request.page]: this.currentPage,
+                [config.user.request.pageSize]: this.pageSize,
+            }
+            var res = await config.user.apiObj.get(params)
+            this.showUserloading = false
+            this.user = config.user.parseData(res).rows
+            this.total = config.user.parseData(res).total || 0
+            this.$refs.userScrollbar.setScrollTop(0)
+        },
+        //获取角色
+        async getRole() {
+            this.showGrouploading = true
+            var res = await config.role.apiObj.get()
+            this.showGrouploading = false
+            this.role = config.role.parseData(res).rows
+        },
+        //组织点击
+        groupClick(data) {
+            this.keyword = ''
+            this.currentPage = 1
+            this.groupId = data[config.group.props.key]
+            this.getUser()
+        },
+        //用户点击
+        userClick(data, checked) {
+            if (checked) {
+                this.selected.push({
+                    id: data[config.user.props.key],
+                    name: data[config.user.props.label],
+                })
+            } else {
+                this.selected = this.selected.filter((item) => item.id !== data[config.user.props.key])
+            }
+        },
+        //用户分页点击
+        paginationChange() {
+            this.getUser()
+        },
+        //用户搜索
+        search() {
+            this.groupId = ''
+            this.$refs.groupTree.setCurrentKey(this.groupId)
+            this.currentPage = 1
+            this.getUser()
+        },
+        //删除已选
+        deleteSelected(index) {
+            this.selected.splice(index, 1)
+            if (this.type === 1) {
+                this.$refs.userTree.setCheckedKeys(this.selectedIds)
+            } else if (this.type === 2) {
+                this.$refs.groupTree.setCheckedKeys(this.selectedIds)
+            }
+        },
+        //角色点击
+        roleClick(data, checked) {
+            if (checked) {
+                this.selected.push({
+                    id: data[config.role.props.key],
+                    name: data[config.role.props.label],
+                })
+            } else {
+                this.selected = this.selected.filter((item) => item.id !== data[config.role.props.key])
+            }
+        },
+        //提交保存
+        save() {
+            this.value.splice(0, this.value.length)
+            this.selected.map((item) => {
+                this.value.push(item)
+            })
+            this.dialogVisible = false
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-user-select {
+    display: flex;
+}
+
+.sc-user-select__left {
+    width: 400px;
+}
+
+.sc-user-select__right {
+    flex: 1;
+}
+
+.sc-user-select__search {
+    padding-bottom: 10px;
+}
+
+.sc-user-select__select {
+    display: flex;
+    border: 1px solid var(--el-border-color-light);
+    background: var(--el-color-white);
+}
+
+.sc-user-select__tree {
+    width: 200px;
+    height: 300px;
+    border-right: 1px solid var(--el-border-color-light);
+}
+
+.sc-user-select__user {
+    width: 200px;
+    height: 300px;
+    display: flex;
+    flex-direction: column;
+}
+
+.sc-user-select__user__list {
+    flex: 1;
+    overflow: auto;
+}
+
+.sc-user-select__user footer {
+    height: 36px;
+    padding-top: 5px;
+    border-top: 1px solid var(--el-border-color-light);
+}
+
+.sc-user-select__toicon {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 0 10px;
+}
+
+.sc-user-select__toicon i {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #ccc;
+    width: 20px;
+    height: 20px;
+    text-align: center;
+    line-height: 20px;
+    border-radius: 50%;
+    color: #fff;
+}
+
+.sc-user-select__selected {
+    height: 345px;
+    width: 200px;
+    border: 1px solid var(--el-border-color-light);
+    background: var(--el-color-white);
+}
+
+.sc-user-select__selected header {
+    height: 43px;
+    line-height: 43px;
+    border-bottom: 1px solid var(--el-border-color-light);
+    padding: 0 15px;
+    font-size: 12px;
+}
+
+.sc-user-select__selected ul {
+    height: 300px;
+    overflow: auto;
+}
+
+.sc-user-select__selected li {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 5px 5px 5px 15px;
+    height: 38px;
+}
+
+.sc-user-select__selected li .name {
+    display: flex;
+    align-items: center;
+}
+
+.sc-user-select__selected li .name .el-avatar {
+    background: #409eff;
+    margin-right: 10px;
+}
+
+.sc-user-select__selected li .delete {
+    display: none;
+}
+
+.sc-user-select__selected li:hover {
+    background: var(--el-color-primary-light-9);
+}
+
+.sc-user-select__selected li:hover .delete {
+    display: inline-block;
+}
+
+.sc-user-select-role .sc-user-select__left {
+    width: 200px;
+}
+
+.sc-user-select-role .sc-user-select__tree {
+    border: none;
+    height: 343px;
+}
+
+[data-theme='dark'] .sc-user-select__selected li:hover {
+    background: rgba(0, 0, 0, 0.2);
+}
+
+[data-theme='dark'] .sc-user-select__toicon i {
+    background: #383838;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/config/fileSelect.js b/src/frontend/admin/src/config/fileSelect.js
new file mode 100644
index 00000000..9c99c17b
--- /dev/null
+++ b/src/frontend/admin/src/config/fileSelect.js
@@ -0,0 +1,69 @@
+import API from '@/api'
+
+//文件选择器配置
+
+export default {
+    apiObj: API.common.upload,
+    menuApiObj: API.common.file.menu,
+    listApiObj: API.common.file.list,
+    successCode: 200,
+    maxSize: 30,
+    max: 99,
+    uploadParseData: function (res) {
+        return {
+            id: res.data.id,
+            fileName: res.data.fileName,
+            url: res.data.src,
+        }
+    },
+    listParseData: function (res) {
+        return {
+            rows: res.data.rows,
+            total: res.data.total,
+            msg: res.message,
+            code: res.code,
+        }
+    },
+    request: {
+        page: 'page',
+        pageSize: 'pageSize',
+        keyword: 'keyword',
+        menuKey: 'groupId',
+    },
+    menuProps: {
+        key: 'id',
+        label: 'label',
+        children: 'children',
+    },
+    fileProps: {
+        key: 'id',
+        fileName: 'fileName',
+        url: 'url',
+    },
+    files: {
+        doc: {
+            icon: 'sc-icon-file-word-2-fill',
+            color: '#409eff',
+        },
+        docx: {
+            icon: 'sc-icon-file-word-2-fill',
+            color: '#409eff',
+        },
+        xls: {
+            icon: 'sc-icon-file-excel-2-fill',
+            color: '#67C23A',
+        },
+        xlsx: {
+            icon: 'sc-icon-file-excel-2-fill',
+            color: '#67C23A',
+        },
+        ppt: {
+            icon: 'sc-icon-file-ppt-2-fill',
+            color: '#F56C6C',
+        },
+        pptx: {
+            icon: 'sc-icon-file-ppt-2-fill',
+            color: '#F56C6C',
+        },
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/config/filterBar.js b/src/frontend/admin/src/config/filterBar.js
new file mode 100644
index 00000000..1f6a31e9
--- /dev/null
+++ b/src/frontend/admin/src/config/filterBar.js
@@ -0,0 +1,74 @@
+export default {
+    //运算符
+    operator: [
+        {
+            label: '等于',
+            value: '=',
+        },
+        {
+            label: '不等于',
+            value: '!=',
+        },
+        {
+            label: '大于',
+            value: '>',
+        },
+        {
+            label: '大于等于',
+            value: '>=',
+        },
+        {
+            label: '小于',
+            value: '<',
+        },
+        {
+            label: '小于等于',
+            value: '<=',
+        },
+        {
+            label: '包含',
+            value: 'include',
+        },
+        {
+            label: '不包含',
+            value: 'notinclude',
+        },
+    ],
+    //过滤结果运算符的分隔符
+    separator: '|',
+    //获取我的常用
+    getMy: function (name) {
+        return new Promise((resolve) => {
+            console.log(`这里可以根据${name}参数请求接口`)
+            var list = []
+            setTimeout(() => {
+                resolve(list)
+            }, 500)
+        })
+    },
+    /**
+     * 常用保存处理 返回resolve后继续操作
+     * @name scFilterBar组件的props->filterName
+     * @obj 过滤项整理好的对象
+     */
+    saveMy: function (name, obj) {
+        return new Promise((resolve) => {
+            console.log(name, obj)
+            setTimeout(() => {
+                resolve(true)
+            }, 500)
+        })
+    },
+    /**
+     * 常用删除处理 返回resolve后继续操作
+     * @name scFilterBar组件的props->filterName
+     */
+    delMy: function (name) {
+        return new Promise((resolve) => {
+            console.log(name)
+            setTimeout(() => {
+                resolve(true)
+            }, 500)
+        })
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/config/iconSelect.js b/src/frontend/admin/src/config/iconSelect.js
new file mode 100644
index 00000000..e59209b3
--- /dev/null
+++ b/src/frontend/admin/src/config/iconSelect.js
@@ -0,0 +1,309 @@
+//图标选择器配置
+export default {
+    icons: [
+        {
+            name: '默认',
+            icons: [
+                'el-icon-add-location',
+                'el-icon-aim',
+                'el-icon-alarm-clock',
+                'el-icon-apple',
+                'el-icon-arrow-down',
+                'el-icon-arrow-down-bold',
+                'el-icon-arrow-left',
+                'el-icon-arrow-left-bold',
+                'el-icon-arrow-right',
+                'el-icon-arrow-right-bold',
+                'el-icon-arrow-up',
+                'el-icon-arrow-up-bold',
+                'el-icon-avatar',
+                'el-icon-back',
+                'el-icon-baseball',
+                'el-icon-basketball',
+                'el-icon-bell',
+                'el-icon-bell-filled',
+                'el-icon-bicycle',
+                'el-icon-bottom',
+                'el-icon-bottom-left',
+                'el-icon-bottom-right',
+                'el-icon-bowl',
+                'el-icon-box',
+                'el-icon-briefcase',
+                'el-icon-brush',
+                'el-icon-brush-filled',
+                'el-icon-burger',
+                'el-icon-calendar',
+                'el-icon-camera',
+                'el-icon-camera-filled',
+                'el-icon-caret-bottom',
+                'el-icon-caret-left',
+                'el-icon-caret-right',
+                'el-icon-caret-top',
+                'el-icon-cellphone',
+                'el-icon-chat-dot-round',
+                'el-icon-chat-dot-square',
+                'el-icon-chat-line-round',
+                'el-icon-chat-line-square',
+                'el-icon-chat-round',
+                'el-icon-chat-square',
+                'el-icon-check',
+                'el-icon-checked',
+                'el-icon-cherry',
+                'el-icon-chicken',
+                'el-icon-circle-check',
+                'el-icon-circle-check-filled',
+                'el-icon-circle-close',
+                'el-icon-circle-close-filled',
+                'el-icon-circle-plus',
+                'el-icon-circle-plus-filled',
+                'el-icon-clock',
+                'el-icon-close',
+                'el-icon-close-bold',
+                'el-icon-cloudy',
+                'el-icon-coffee',
+                'el-icon-coffee-cup',
+                'el-icon-coin',
+                'el-icon-cold-drink',
+                'el-icon-collection',
+                'el-icon-collection-tag',
+                'el-icon-comment',
+                'el-icon-compass',
+                'el-icon-connection',
+                'el-icon-coordinate',
+                'el-icon-copy-document',
+                'el-icon-cpu',
+                'el-icon-credit-card',
+                'el-icon-crop',
+                'el-icon-d-arrow-left',
+                'el-icon-d-arrow-right',
+                'el-icon-d-caret',
+                'el-icon-data-analysis',
+                'el-icon-data-board',
+                'el-icon-data-line',
+                'el-icon-delete',
+                'el-icon-delete-filled',
+                'el-icon-delete-location',
+                'el-icon-dessert',
+                'el-icon-discount',
+                'el-icon-dish',
+                'el-icon-dish-dot',
+                'el-icon-document',
+                'el-icon-document-add',
+                'el-icon-document-checked',
+                'el-icon-document-copy',
+                'el-icon-document-delete',
+                'el-icon-document-remove',
+                'el-icon-download',
+                'el-icon-drizzling',
+                'el-icon-edit',
+                'el-icon-edit-pen',
+                'el-icon-eleme',
+                'el-icon-eleme-filled',
+                'el-icon-element-plus',
+                'el-icon-expand',
+                'el-icon-failed',
+                'el-icon-female',
+                'el-icon-files',
+                'el-icon-film',
+                'el-icon-filter',
+                'el-icon-finished',
+                'el-icon-first-aid-kit',
+                'el-icon-flag',
+                'el-icon-fold',
+                'el-icon-folder',
+                'el-icon-folder-add',
+                'el-icon-folder-checked',
+                'el-icon-folder-delete',
+                'el-icon-folder-opened',
+                'el-icon-folder-remove',
+                'el-icon-food',
+                'el-icon-football',
+                'el-icon-fork-spoon',
+                'el-icon-fries',
+                'el-icon-full-screen',
+                'el-icon-goblet',
+                'el-icon-goblet-full',
+                'el-icon-goblet-square',
+                'el-icon-goblet-square-full',
+                'el-icon-goods',
+                'el-icon-goods-filled',
+                'el-icon-grape',
+                'el-icon-grid',
+                'el-icon-guide',
+                'el-icon-headset',
+                'el-icon-help',
+                'el-icon-help-filled',
+                'el-icon-hide',
+                'el-icon-histogram',
+                'el-icon-home-filled',
+                'el-icon-hot-water',
+                'el-icon-house',
+                'el-icon-ice-cream',
+                'el-icon-ice-cream-round',
+                'el-icon-ice-cream-square',
+                'el-icon-ice-drink',
+                'el-icon-ice-tea',
+                'el-icon-info-filled',
+                'el-icon-iphone',
+                'el-icon-key',
+                'el-icon-knife-fork',
+                'el-icon-lightning',
+                'el-icon-link',
+                'el-icon-list',
+                'el-icon-loading',
+                'el-icon-location',
+                'el-icon-location-filled',
+                'el-icon-location-information',
+                'el-icon-lock',
+                'el-icon-lollipop',
+                'el-icon-magic-stick',
+                'el-icon-magnet',
+                'el-icon-male',
+                'el-icon-management',
+                'el-icon-map-location',
+                'el-icon-medal',
+                'el-icon-menu',
+                'el-icon-message',
+                'el-icon-message-box',
+                'el-icon-mic',
+                'el-icon-microphone',
+                'el-icon-milk-tea',
+                'el-icon-minus',
+                'el-icon-money',
+                'el-icon-monitor',
+                'el-icon-moon',
+                'el-icon-moon-night',
+                'el-icon-more',
+                'el-icon-more-filled',
+                'el-icon-mostly-cloudy',
+                'el-icon-mouse',
+                'el-icon-mug',
+                'el-icon-mute',
+                'el-icon-mute-notification',
+                'el-icon-no-smoking',
+                'el-icon-notebook',
+                'el-icon-notification',
+                'el-icon-odometer',
+                'el-icon-office-building',
+                'el-icon-open',
+                'el-icon-operation',
+                'el-icon-opportunity',
+                'el-icon-orange',
+                'el-icon-paperclip',
+                'el-icon-partly-cloudy',
+                'el-icon-pear',
+                'el-icon-phone',
+                'el-icon-phone-filled',
+                'el-icon-picture',
+                'el-icon-picture-filled',
+                'el-icon-picture-rounded',
+                'el-icon-pie-chart',
+                'el-icon-place',
+                'el-icon-platform',
+                'el-icon-plus',
+                'el-icon-pointer',
+                'el-icon-position',
+                'el-icon-postcard',
+                'el-icon-pouring',
+                'el-icon-present',
+                'el-icon-price-tag',
+                'el-icon-printer',
+                'el-icon-promotion',
+                'el-icon-question-filled',
+                'el-icon-rank',
+                'el-icon-reading',
+                'el-icon-reading-lamp',
+                'el-icon-refresh',
+                'el-icon-refresh-left',
+                'el-icon-refresh-right',
+                'el-icon-refrigerator',
+                'el-icon-remove',
+                'el-icon-remove-filled',
+                'el-icon-right',
+                'el-icon-scale-to-original',
+                'el-icon-school',
+                'el-icon-scissor',
+                'el-icon-search',
+                'el-icon-select',
+                'el-icon-sell',
+                'el-icon-semi-select',
+                'el-icon-service',
+                'el-icon-set-up',
+                'el-icon-setting',
+                'el-icon-share',
+                'el-icon-ship',
+                'el-icon-shop',
+                'el-icon-shopping-bag',
+                'el-icon-shopping-cart',
+                'el-icon-shopping-cart-full',
+                'el-icon-smoking',
+                'el-icon-soccer',
+                'el-icon-sold-out',
+                'el-icon-sort',
+                'el-icon-sort-down',
+                'el-icon-sort-up',
+                'el-icon-stamp',
+                'el-icon-star',
+                'el-icon-star-filled',
+                'el-icon-stopwatch',
+                'el-icon-success-filled',
+                'el-icon-sugar',
+                'el-icon-suitcase',
+                'el-icon-sunny',
+                'el-icon-sunrise',
+                'el-icon-sunset',
+                'el-icon-switch',
+                'el-icon-switch-button',
+                'el-icon-takeaway-box',
+                'el-icon-ticket',
+                'el-icon-tickets',
+                'el-icon-timer',
+                'el-icon-toilet-paper',
+                'el-icon-tools',
+                'el-icon-top',
+                'el-icon-top-left',
+                'el-icon-top-right',
+                'el-icon-trend-charts',
+                'el-icon-trophy',
+                'el-icon-turn-off',
+                'el-icon-umbrella',
+                'el-icon-unlock',
+                'el-icon-upload',
+                'el-icon-upload-filled',
+                'el-icon-user',
+                'el-icon-user-filled',
+                'el-icon-van',
+                'el-icon-video-camera',
+                'el-icon-video-camera-filled',
+                'el-icon-video-pause',
+                'el-icon-video-play',
+                'el-icon-view',
+                'el-icon-wallet',
+                'el-icon-wallet-filled',
+                'el-icon-warning',
+                'el-icon-warning-filled',
+                'el-icon-watch',
+                'el-icon-watermelon',
+                'el-icon-wind-power',
+                'el-icon-zoom-in',
+                'el-icon-zoom-out',
+            ],
+        },
+        {
+            name: '扩展',
+            icons: [
+                'sc-icon-vue',
+                'sc-icon-code',
+                'sc-icon-wechat',
+                'sc-icon-bug-fill',
+                'sc-icon-bug-line',
+                'sc-icon-file-word',
+                'sc-icon-file-excel',
+                'sc-icon-file-ppt',
+                'sc-icon-organization',
+                'sc-icon-upload',
+                'sc-icon-download',
+            ],
+        },
+    ],
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/config/index.js b/src/frontend/admin/src/config/index.js
new file mode 100644
index 00000000..b1870e35
--- /dev/null
+++ b/src/frontend/admin/src/config/index.js
@@ -0,0 +1,81 @@
+import MY_CONFIG from './myConfig'
+
+const DEFAULT_CONFIG = {
+    //标题
+    APP_NAME: 'SCUI',
+
+    //首页地址
+    DASHBOARD_URL: '/home',
+
+    //版本号
+    APP_VER: '1.6.9',
+
+    //内核版本号
+    CORE_VER: '1.6.9',
+
+    //接口地址
+    API_URL: 'http://localhost:65010',
+
+    //请求超时
+    TIMEOUT: 10000,
+
+    //TokenName
+    TOKEN_NAME: 'Authorization',
+
+    //Token前缀，注意最后有个空格，如不需要需设置空字符串
+    TOKEN_PREFIX: 'Bearer ',
+
+    //追加其他头
+    HEADERS: {},
+
+    //请求是否开启缓存
+    REQUEST_CACHE: false,
+
+    //布局 默认：default | 通栏：header | 经典：menu | 功能坞：dock
+    //dock将关闭标签和面包屑栏
+    LAYOUT: 'menu',
+
+    //菜单是否折叠
+    MENU_IS_COLLAPSE: false,
+
+    //菜单是否启用手风琴效果
+    MENU_UNIQUE_OPENED: false,
+
+    //是否开启多标签
+    LAYOUT_TAGS: true,
+
+    //语言
+    LANG: 'zh-cn',
+
+    //主题颜色
+    COLOR: '',
+
+    //是否加密localStorage, 为空不加密，可填写AES(模式ECB,移位Pkcs7)加密
+    LS_ENCRYPTION: '',
+
+    //localStorageAES加密秘钥，位数建议填写8的倍数
+    LS_ENCRYPTION_key: '2XNN4K8LC0ELVWN4',
+
+    //控制台首页默认布局
+    DEFAULT_GRID: {
+        //默认分栏数量和宽度 例如 [24] [18,6] [8,8,8] [6,12,6]
+        layout: [12, 6, 6],
+        //小组件分布，com取值:views/home/components 文件名
+        copmsList: [['welcome'], ['about', 'ver'], ['time', 'progress']],
+    },
+
+    //默认头像
+    DEFAULT_AVATAR:
+        'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAflJREFUeNqs1u1P2kAYAHB6B+21UmZbatEAki2+MKIR42TGaHRLjBr/Yj/7wWRb3If5gjHbfIlBjIqCUCq0PmaJLqG9IwdP+qV3vV+v1/Z5Ttg/Ke39tm+q7VD/wlBx/j0J7xzWbccL9TVgosCivrv/Atgw8yI9JuZGVXNQjCkROL2tOpc39q8/D7bj0gcy6NSQvDoTR4LwdidVhOPDyMD29/Jd9YkyFlH6pAhanjb+d19DFvHSlOHX0x09kYpGcOAFMPf0kMxJJ02ZvlyWRjhpWcJ0moiIk240Gf9Rw2lz0o92i04/Nnhpl/Hhhtqux0mnLcZrzCQUTrrV9lh/M++CFM9rtOXyvL+lOif98+T++r4Z1Ht0Vju9anDSEKXbQBqSFH0sgz6+qMGDd7Y/1J96pav1FuTPzvZvxYrrej3REOWK09l4XWkyB7Jp30RBRNwH2jf/MZMimzZi/kk5l1HFMOKnFYK/zMaDqsxqPo6QwENDtd2YtwakwOI5rJO1OZOS0/3p8VR0s2CpMqMoJzSytWAldKmrig7cQk4fMUiX+w14rPVPVvGi9qNYcVpuIP1xVM2PvaOU2sACnYwmTbJ7cHdefssqSJFeXkUYCysz8flJjcN9nf7XvFnIahi/gMCiwphMROFzVstYSu/7sWxaXczpAAL7LMAA6FWV/DBrhrIAAAAASUVORK5CYII=',
+}
+
+//合并业务配置
+Object.assign(DEFAULT_CONFIG, MY_CONFIG)
+
+// 如果生产模式，就合并动态的APP_CONFIG
+// public/config.js
+if (process.env.NODE_ENV === 'production') {
+    Object.assign(DEFAULT_CONFIG, APP_CONFIG)
+}
+
+export default DEFAULT_CONFIG
\ No newline at end of file
diff --git a/src/frontend/admin/src/config/myConfig.js b/src/frontend/admin/src/config/myConfig.js
new file mode 100644
index 00000000..26304a0e
--- /dev/null
+++ b/src/frontend/admin/src/config/myConfig.js
@@ -0,0 +1,10 @@
+//业务配置
+//会合并至this.$CONFIG
+//生产模式 public/config.js 同名key会覆盖这里的配置从而实现打包后的热更新
+//为避免和SCUI框架配置混淆建议添加前缀 MY_
+//全局可使用 this.$CONFIG.MY_KEY 访问
+
+export default {
+    //是否显示第三方授权登录
+    MY_SHOW_LOGIN_OAUTH: true,
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/config/naColOperation.js b/src/frontend/admin/src/config/naColOperation.js
new file mode 100644
index 00000000..9ed8f9d2
--- /dev/null
+++ b/src/frontend/admin/src/config/naColOperation.js
@@ -0,0 +1,24 @@
+export default {
+    buttons: [
+        {
+            icon: 'el-icon-view',
+            click: async (row, vue) => {
+                vue.loading = true
+                vue.dialog.save = true
+                await vue.$nextTick()
+                vue.$refs.saveDialog.open('view', row)
+                vue.loading = false
+            },
+        },
+        {
+            icon: 'el-icon-edit',
+            click: async (row, vue) => {
+                vue.loading = true
+                vue.dialog.save = true
+                await vue.$nextTick()
+                vue.$refs.saveDialog.open('edit', row)
+                vue.loading = false
+            },
+        },
+    ],
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/config/naFormEmail.js b/src/frontend/admin/src/config/naFormEmail.js
new file mode 100644
index 00000000..ae65df19
--- /dev/null
+++ b/src/frontend/admin/src/config/naFormEmail.js
@@ -0,0 +1,35 @@
+export default {
+    email: (_this) => {
+        return {
+            required: true,
+            message: '您的邮箱地址',
+            pattern: _this.$GLOBAL.chars.RGX_EMAIL,
+        }
+    },
+    emailNoUsed: (_this, id) => {
+        return {
+            validator: async (rule, valueEquals, callback) => {
+                try {
+                    const res = await _this.$API.sys_user.checkEmailAvailable.post({
+                        email: valueEquals,
+                        id: id(),
+                    })
+                    if (res.data) {
+                        return callback()
+                    }
+                } catch {
+                    //
+                }
+                callback(new Error('邮箱已被使用'))
+            },
+            trigger: 'blur',
+        }
+    },
+
+    code: () => {
+        return {
+            required: true,
+            message: '请输入4位数字验证码',
+        }
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/config/naFormPassword.js b/src/frontend/admin/src/config/naFormPassword.js
new file mode 100644
index 00000000..ee4a9dfd
--- /dev/null
+++ b/src/frontend/admin/src/config/naFormPassword.js
@@ -0,0 +1,22 @@
+export default {
+    passwordText: (_this) => {
+        return {
+            required: true,
+            message: '8位以上数字字母组合',
+            pattern: _this.$GLOBAL.chars.RGX_PASSWORD,
+        }
+    },
+
+    passwordText2: (passwordText) => [
+        { required: true, message: '请再次输入密码' },
+        {
+            validator: (rule, value, callback) => {
+                if (value !== passwordText()) {
+                    callback(new Error('两次输入密码不一致'))
+                } else {
+                    callback()
+                }
+            },
+        },
+    ],
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/config/naFormPhone.js b/src/frontend/admin/src/config/naFormPhone.js
new file mode 100644
index 00000000..317f6409
--- /dev/null
+++ b/src/frontend/admin/src/config/naFormPhone.js
@@ -0,0 +1,35 @@
+export default {
+    mobile: (_this) => {
+        return {
+            required: true,
+            message: '您的手机号码',
+            pattern: _this.$GLOBAL.chars.RGX_MOBILE,
+        }
+    },
+    mobileNoUsed: (_this, id) => {
+        return {
+            validator: async (rule, valueEquals, callback) => {
+                try {
+                    const res = await _this.$API.sys_user.checkMobileAvailable.post({
+                        mobile: valueEquals,
+                        id: id(),
+                    })
+                    if (res.data) {
+                        return callback()
+                    }
+                } catch {
+                    //
+                }
+                callback(new Error('手机号已被使用'))
+            },
+            trigger: 'blur',
+        }
+    },
+
+    code: () => {
+        return {
+            required: true,
+            message: '请输入4位数字验证码',
+        }
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/config/route.js b/src/frontend/admin/src/config/route.js
new file mode 100644
index 00000000..a5d5a201
--- /dev/null
+++ b/src/frontend/admin/src/config/route.js
@@ -0,0 +1,31 @@
+// 静态路由配置
+// 书写格式与动态路由格式一致，全部经由框架统一转换
+// 比较动态路由在meta中多加入了role角色权限，为数组类型。一个菜单是否有权限显示，取决于它以及后代菜单是否有权限。
+// routes 显示在左侧菜单中的路由(显示顺序在动态路由之前)
+// 示例如下
+
+// const routes = [
+// 	{
+// 		name: "demo",
+// 		path: "/demo",
+// 		meta: {
+// 			icon: "el-icon-eleme-filled",
+// 			title: "演示",
+// 			role: ["SA"]
+// 		},
+// 		children: [{
+// 			name: "demopage",
+// 			path: "/demopage",
+// 			component: "test/autocode/index",
+// 			meta: {
+// 				icon: "el-icon-menu",
+// 				title: "演示页面",
+// 				role: ["SA"]
+// 			}
+// 		}]
+// 	}
+// ]
+
+const routes = []
+
+export default routes
\ No newline at end of file
diff --git a/src/frontend/admin/src/config/select.js b/src/frontend/admin/src/config/select.js
new file mode 100644
index 00000000..7e6f880b
--- /dev/null
+++ b/src/frontend/admin/src/config/select.js
@@ -0,0 +1,19 @@
+//字典选择器配置
+
+export default {
+    dicApiObj: null, //获取字典接口对象
+    parseData: function (res) {
+        return {
+            data: res.data, //分析行数据字段结构
+            msg: res.msg, //分析描述字段结构
+            code: res.code, //分析状态字段结构
+        }
+    },
+    request: {
+        name: 'name', //规定搜索字段
+    },
+    props: {
+        label: 'label', //映射label显示字段
+        value: 'value', //映射value值字段
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/config/table.js b/src/frontend/admin/src/config/table.js
new file mode 100644
index 00000000..9d241118
--- /dev/null
+++ b/src/frontend/admin/src/config/table.js
@@ -0,0 +1,95 @@
+//数据表格配置
+
+import tool from '@/utils/tool'
+
+export default {
+    successCode: 'succeed', //请求完成代码
+    pageSize: 20, //表格每一页条数
+    pageSizes: [10, 20, 30, 40, 50], //表格可设置的一页条数
+    paginationLayout: 'total, sizes, prev, pager, next, jumper', //表格分页布局，可设置"total, sizes, prev, pager, next, jumper"
+    parseData: function (res) {
+        //数据分析
+        return {
+            data: res.data, //分析无分页的数据字段结构
+            rows: res.data.rows, //分析行数据字段结构
+            total: res.data.total, //分析总数字段结构
+            summary: res.data.summary, //分析合计行字段结构
+            msg: res.msg, //分析描述字段结构
+            code: res.code, //分析状态字段结构
+        }
+    },
+    request: {
+        //请求规定字段
+        page: 'page', //规定当前分页字段
+        pageSize: 'pageSize', //规定一页条数字段
+        prop: 'prop', //规定排序字段名字段
+        order: 'order', //规定排序规格字段
+    },
+    /**
+     * 自定义列保存处理
+     * @tableName scTable组件的props->tableName
+     * @column 用户配置好的列
+     */
+    columnSettingSave: function (tableName, column) {
+        return new Promise((resolve) => {
+            setTimeout(() => {
+                //这里为了演示使用了session和setTimeout演示，开发时应用数据请求
+                tool.session.set(tableName, column)
+                resolve(true)
+            }, 1000)
+        })
+    },
+    /**
+     * 获取自定义列
+     * @tableName scTable组件的props->tableName
+     * @column 组件接受到的props->column
+     */
+    columnSettingGet: function (tableName, column) {
+        return new Promise((resolve) => {
+            //这里为了演示使用了session和setTimeout演示，开发时应用数据请求
+            const userColumn = tool.session.get(tableName)
+            if (userColumn) {
+                resolve(userColumn)
+            } else {
+                resolve(column)
+            }
+        })
+    },
+    /**
+     * 重置自定义列
+     * @tableName scTable组件的props->tableName
+     * @column 组件接受到的props->column
+     */
+    columnSettingReset: function (tableName, column) {
+        return new Promise((resolve) => {
+            //这里为了演示使用了session和setTimeout演示，开发时应用数据请求
+            setTimeout(() => {
+                tool.session.remove(tableName)
+                resolve(column)
+            }, 1000)
+        })
+    },
+    handleUpdate: function (table, data, mode) {
+        if (mode === 'add') {
+            table.upData()
+        } else if (mode === 'edit') {
+            function func(items) {
+                items.forEach((item) => {
+                    if (item.id === data.id) {
+                        Object.keys(item).forEach((x) => delete item[x])
+                        Object.assign(item, data)
+                    } else if (item.children) return func(item.children)
+                })
+            }
+
+            func(table.tableData)
+
+            // table.tableData
+            //     .filter((item) => item.id === data.id)
+            //     .forEach((item) => {
+            //         Object.keys(item).forEach((x) => delete item[x])
+            //         Object.assign(item, data)
+            //     })
+        }
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/config/tableSelect.js b/src/frontend/admin/src/config/tableSelect.js
new file mode 100644
index 00000000..149cd20c
--- /dev/null
+++ b/src/frontend/admin/src/config/tableSelect.js
@@ -0,0 +1,23 @@
+//表格选择器配置
+
+export default {
+    pageSize: 20, //表格每一页条数
+    parseData: function (res) {
+        return {
+            data: res.data,
+            rows: res.data.rows, //分析行数据字段结构
+            total: res.data.total, //分析总数字段结构
+            msg: res.message, //分析描述字段结构
+            code: res.code, //分析状态字段结构
+        }
+    },
+    request: {
+        page: 'page', //规定当前分页字段
+        pageSize: 'pageSize', //规定一页条数字段
+        keyword: 'keyword', //规定搜索字段
+    },
+    props: {
+        label: 'label', //映射label显示字段
+        value: 'value', //映射value值字段
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/config/upload.js b/src/frontend/admin/src/config/upload.js
new file mode 100644
index 00000000..60cb3857
--- /dev/null
+++ b/src/frontend/admin/src/config/upload.js
@@ -0,0 +1,20 @@
+import API from '@/api'
+
+//上传配置
+
+export default {
+    apiObj: API.sys_file.upload, //上传请求API对象
+    filename: 'file', //form请求时文件的key
+    successCode: 'succeed', //请求完成代码
+    maxSize: 10, //最大文件大小 默认10MB
+    parseData: function (res) {
+        return {
+            code: res.code, //分析状态字段结构
+            // fileName: null, //分析文件名称
+            src: res.data, //分析图片远程地址结构
+            msg: res.msg, //分析描述字段结构
+        }
+    },
+    apiObjFile: API.sys_file.upload, //附件上传请求API对象
+    maxSizeFile: 10, //最大文件大小 默认10MB
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/config/workflow.js b/src/frontend/admin/src/config/workflow.js
new file mode 100644
index 00000000..aad283c3
--- /dev/null
+++ b/src/frontend/admin/src/config/workflow.js
@@ -0,0 +1,69 @@
+import API from '@/api'
+
+//审批工作流人员/组织选择器配置
+
+export default {
+    //配置接口正常返回代码
+    successCode: 200,
+    //配置组织
+    group: {
+        //请求接口对象
+        apiObj: API.system.dept.list,
+        //接受数据字段映射
+        parseData: function (res) {
+            return {
+                rows: res.data,
+                msg: res.message,
+                code: res.code,
+            }
+        },
+        //显示数据字段映射
+        props: {
+            key: 'id',
+            label: 'label',
+            children: 'children',
+        },
+    },
+    //配置用户
+    user: {
+        apiObj: API.demo.page,
+        pageSize: 20,
+        parseData: function (res) {
+            return {
+                rows: res.data.rows,
+                total: res.data.total,
+                msg: res.message,
+                code: res.code,
+            }
+        },
+        props: {
+            key: 'id',
+            label: 'user',
+        },
+        request: {
+            page: 'page',
+            pageSize: 'pageSize',
+            groupId: 'groupId',
+            keyword: 'keyword',
+        },
+    },
+    //配置角色
+    role: {
+        //请求接口对象
+        apiObj: API.system.dept.list,
+        //接受数据字段映射
+        parseData: function (res) {
+            return {
+                rows: res.data,
+                msg: res.message,
+                code: res.code,
+            }
+        },
+        //显示数据字段映射
+        props: {
+            key: 'id',
+            label: 'label',
+            children: 'children',
+        },
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/directives/auth.js b/src/frontend/admin/src/directives/auth.js
new file mode 100644
index 00000000..7b415ac2
--- /dev/null
+++ b/src/frontend/admin/src/directives/auth.js
@@ -0,0 +1,18 @@
+import { permissionAll } from '@/utils/permission'
+import tool from '@/utils/tool'
+
+/**
+ * 用户权限指令
+ * @directive 单个权限验证（v-auth="'xxx'"）
+ * @directive 多个权限验证，满足一个则显示（v-auths="['xxx','xxx']"）
+ * @directive 多个权限验证，全部满足则显示（v-auths-all="['xxx','xxx']"）
+ */
+export default {
+    mounted(el, binding) {
+        if (permissionAll()) {
+            return
+        }
+        let permissions = tool.data.get('PERMISSIONS')
+        if (!permissions.some((v) => v === binding.value)) el.parentNode.removeChild(el)
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/directives/auths.js b/src/frontend/admin/src/directives/auths.js
new file mode 100644
index 00000000..6f70e5ca
--- /dev/null
+++ b/src/frontend/admin/src/directives/auths.js
@@ -0,0 +1,24 @@
+import { permissionAll } from '@/utils/permission'
+import tool from '@/utils/tool'
+
+/**
+ * 用户权限指令
+ * @directive 单个权限验证（v-auth="'xxx'"）
+ * @directive 多个权限验证，满足一个则显示（v-auths="['xxx','xxx']"）
+ * @directive 多个权限验证，全部满足则显示（v-auths-all="['xxx','xxx']"）
+ */
+export default {
+    mounted(el, binding) {
+        if (permissionAll()) {
+            return
+        }
+        let permissions = tool.data.get('PERMISSIONS')
+        let flag = false
+        permissions.map((val) => {
+            binding.value.map((v) => {
+                if (val === v) flag = true
+            })
+        })
+        if (!flag) el.parentNode.removeChild(el)
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/directives/authsAll.js b/src/frontend/admin/src/directives/authsAll.js
new file mode 100644
index 00000000..cd641cb4
--- /dev/null
+++ b/src/frontend/admin/src/directives/authsAll.js
@@ -0,0 +1,19 @@
+import { judementSameArr, permissionAll } from '@/utils/permission'
+import tool from '@/utils/tool'
+
+/**
+ * 用户权限指令
+ * @directive 单个权限验证（v-auth="'xxx'"）
+ * @directive 多个权限验证，满足一个则显示（v-auths="['xxx','xxx']"）
+ * @directive 多个权限验证，全部满足则显示（v-auths-all="['xxx','xxx']"）
+ */
+export default {
+    mounted(el, binding) {
+        if (permissionAll()) {
+            return
+        }
+        let permissions = tool.data.get('PERMISSIONS')
+        const flag = judementSameArr(binding.value, permissions)
+        if (!flag) el.parentNode.removeChild(el)
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/directives/copy.js b/src/frontend/admin/src/directives/copy.js
new file mode 100644
index 00000000..a43ba017
--- /dev/null
+++ b/src/frontend/admin/src/directives/copy.js
@@ -0,0 +1,29 @@
+import { ElMessage } from 'element-plus'
+
+export default {
+    mounted(el, binding) {
+        el.$value = binding.value
+        el.handler = () => {
+            const textarea = document.createElement('textarea')
+            textarea.readOnly = 'readonly'
+            textarea.style.position = 'absolute'
+            textarea.style.left = '-9999px'
+            textarea.value = el.$value
+            document.body.appendChild(textarea)
+            textarea.select()
+            textarea.setSelectionRange(0, textarea.value.length)
+            const result = document.execCommand('Copy')
+            if (result) {
+                ElMessage.success('复制成功')
+            }
+            document.body.removeChild(textarea)
+        }
+        el.addEventListener('click', el.handler)
+    },
+    updated(el, binding) {
+        el.$value = binding.value
+    },
+    unmounted(el) {
+        el.removeEventListener('click', el.handler)
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/directives/role.js b/src/frontend/admin/src/directives/role.js
new file mode 100644
index 00000000..80b3c8a3
--- /dev/null
+++ b/src/frontend/admin/src/directives/role.js
@@ -0,0 +1,22 @@
+import { rolePermission } from '@/utils/permission'
+
+export default {
+    mounted(el, binding) {
+        const { value } = binding
+        if (Array.isArray(value)) {
+            let ishas = false
+            value.forEach((item) => {
+                if (rolePermission(item)) {
+                    ishas = true
+                }
+            })
+            if (!ishas) {
+                el.parentNode.removeChild(el)
+            }
+        } else {
+            if (!rolePermission(value)) {
+                el.parentNode.removeChild(el)
+            }
+        }
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/directives/time.js b/src/frontend/admin/src/directives/time.js
new file mode 100644
index 00000000..a91d8f3d
--- /dev/null
+++ b/src/frontend/admin/src/directives/time.js
@@ -0,0 +1,79 @@
+import tool from '@/utils/tool'
+
+var Time = {
+    //获取当前时间戳
+    getUnix: function () {
+        var date = new Date()
+        return date.getTime()
+    },
+    //获取今天0点0分0秒的时间戳
+    getTodayUnix: function () {
+        var date = new Date()
+        date.setHours(0)
+        date.setMinutes(0)
+        date.setSeconds(0)
+        date.setMilliseconds(0)
+        return date.getTime()
+    },
+    //获取今年1月1日0点0秒的时间戳
+    getYearUnix: function () {
+        var date = new Date()
+        date.setMonth(0)
+        date.setDate(1)
+        date.setHours(0)
+        date.setMinutes(0)
+        date.setSeconds(0)
+        date.setMilliseconds(0)
+        return date.getTime()
+    },
+    //获取标准年月日
+    getLastDate: function (time) {
+        var date = new Date(time)
+        var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
+        var day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
+        return date.getFullYear() + '-' + month + '-' + day
+    },
+    //转换时间
+    getFormateTime: function (timestamp) {
+        timestamp = new Date(timestamp)
+        var now = this.getUnix()
+        var today = this.getTodayUnix()
+        //var year = this.getYearUnix();
+        var timer = (now - timestamp) / 1000
+        var tip = ''
+
+        if (timer <= 0) {
+            tip = '刚刚'
+        } else if (Math.floor(timer / 60) <= 0) {
+            tip = '刚刚'
+        } else if (timer < 3600) {
+            tip = Math.floor(timer / 60) + '分钟前'
+        } else if (timer >= 3600 && timestamp - today >= 0) {
+            tip = Math.floor(timer / 3600) + '小时前'
+        } else if (timer / 86400 <= 31) {
+            tip = Math.ceil(timer / 86400) + '天前'
+        } else {
+            tip = this.getLastDate(timestamp)
+        }
+        return tip
+    },
+}
+
+export default (el, binding) => {
+    let { value, modifiers } = binding
+    if (!value) {
+        return false
+    }
+    if (value.toString().length === 10) {
+        value = value * 1000
+    }
+    if (modifiers.tip) {
+        el.innerHTML = Time.getFormateTime(value)
+        el.__timeout__ = setInterval(() => {
+            el.innerHTML = Time.getFormateTime(value)
+        }, 60000)
+    } else {
+        const format = el.getAttribute('format') || undefined
+        el.innerHTML = tool.dateFormat(value, format)
+    }
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/layout/components/NavMenu.vue b/src/frontend/admin/src/layout/components/NavMenu.vue
new file mode 100644
index 00000000..3315b1ff
--- /dev/null
+++ b/src/frontend/admin/src/layout/components/NavMenu.vue
@@ -0,0 +1,42 @@
+<template>
+    <div v-if="navMenus.length <= 0" style="padding: 20px">
+        <el-alert :closable="false" center title="无子集菜单" type="info"></el-alert>
+    </div>
+    <template v-for="navMenu in navMenus" v-bind:key="navMenu">
+        <el-menu-item v-if="!hasChildren(navMenu)" :index="navMenu.path">
+            <a v-if="navMenu.meta && navMenu.meta.type == 'link'" :href="navMenu.path" target="_blank" @click.stop="() => {}"></a>
+            <el-icon v-if="navMenu.meta && navMenu.meta.icon">
+                <component :is="navMenu.meta.icon || 'el-icon-menu'" />
+            </el-icon>
+            <template #title>
+                <span>{{ navMenu.meta.title }}</span>
+                <span v-if="navMenu.meta.tag" class="menu-tag">{{ navMenu.meta.tag }}</span>
+            </template>
+        </el-menu-item>
+        <el-sub-menu v-else :index="navMenu.path">
+            <template #title>
+                <el-icon v-if="navMenu.meta && navMenu.meta.icon">
+                    <component :is="navMenu.meta.icon || 'el-icon-menu'" />
+                </el-icon>
+                <span>{{ navMenu.meta.title }}</span>
+                <span v-if="navMenu.meta.tag" class="menu-tag">{{ navMenu.meta.tag }}</span>
+            </template>
+            <NavMenu :navMenus="navMenu.children"></NavMenu>
+        </el-sub-menu>
+    </template>
+</template>
+
+<script>
+export default {
+    name: 'NavMenu',
+    props: ['navMenus'],
+    data() {
+        return {}
+    },
+    methods: {
+        hasChildren(item) {
+            return item.children && !item.children.every((item) => item.meta.hidden)
+        },
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/layout/components/iframeView.vue b/src/frontend/admin/src/layout/components/iframeView.vue
new file mode 100644
index 00000000..f986a45c
--- /dev/null
+++ b/src/frontend/admin/src/layout/components/iframeView.vue
@@ -0,0 +1,77 @@
+<!--
+ * @Descripttion: 处理iframe持久化，涉及store(VUEX)
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年6月30日13:20:41
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-19 11:52:34
+-->
+
+<template>
+    <div v-show="$route.meta.type === 'iframe'" class="iframe-pages">
+        <iframe
+            v-for="item in iframeList"
+            v-show="$route.meta.url === item.meta.url"
+            :key="item.meta.url"
+            :src="item.meta.url"
+            frameborder="0"></iframe>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {}
+    },
+    watch: {
+        $route(e) {
+            this.push(e)
+        },
+    },
+    created() {
+        this.push(this.$route)
+    },
+    computed: {
+        iframeList() {
+            return this.$store.state.iframe.iframeList
+        },
+        ismobile() {
+            return this.$store.state.global.ismobile
+        },
+        layoutTags() {
+            return this.$store.state.global.layoutTags
+        },
+    },
+    mounted() {},
+    methods: {
+        push(route) {
+            if (route.meta.type === 'iframe') {
+                if (this.ismobile || !this.layoutTags) {
+                    this.$store.commit('setIframeList', route)
+                } else {
+                    this.$store.commit('pushIframeList', route)
+                }
+            } else {
+                if (this.ismobile || !this.layoutTags) {
+                    this.$store.commit('clearIframeList')
+                }
+            }
+        },
+    },
+}
+</script>
+
+<style scoped>
+.iframe-pages {
+    width: 100%;
+    height: 100%;
+    background: #fff;
+}
+
+iframe {
+    border: 0;
+    width: 100%;
+    height: 100%;
+    display: block;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/layout/components/search.vue b/src/frontend/admin/src/layout/components/search.vue
new file mode 100644
index 00000000..2a069011
--- /dev/null
+++ b/src/frontend/admin/src/layout/components/search.vue
@@ -0,0 +1,192 @@
+<template>
+    <div class="sc-search">
+        <el-input
+            ref="input"
+            v-model="input"
+            :trigger-on-focus="false"
+            clearable
+            placeholder="搜索"
+            prefix-icon="el-icon-search"
+            size="large"
+            @input="inputChange" />
+        <div v-if="history.length > 0" class="sc-search-history">
+            <el-tag
+                v-for="(item, index) in history"
+                :key="item"
+                closable
+                effect="dark"
+                type="info"
+                @click="historyClick(item)"
+                @close="historyClose(index)"
+                >{{ item }}
+            </el-tag>
+        </div>
+        <div class="sc-search-result">
+            <div v-if="result.length <= 0" class="sc-search-no-result">暂无搜索结果</div>
+            <ul v-else>
+                <el-scrollbar max-height="366px">
+                    <li v-for="item in result" :key="item.path" @click="to(item)">
+                        <el-icon>
+                            <component :is="item.icon || 'el-icon-menu'" />
+                        </el-icon>
+                        <span class="title">{{ item.breadcrumb }}</span>
+                    </li>
+                </el-scrollbar>
+            </ul>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            input: '',
+            menu: [],
+            result: [],
+            history: [],
+        }
+    },
+    mounted() {
+        var searchHistory = this.$TOOL.data.get('SEARCH_HISTORY') || []
+        this.history = searchHistory
+        var menuTree = this.$TOOL.data.get('MENU')
+        this.filterMenu(menuTree)
+        this.$refs.input.focus()
+    },
+    methods: {
+        inputChange(value) {
+            if (value) {
+                this.result = this.menuFilter(value)
+            } else {
+                this.result = []
+            }
+        },
+        filterMenu(map) {
+            map.forEach((item) => {
+                if (item.meta.hidden || item.meta.type === 'button') {
+                    return false
+                }
+                if (item.meta.type === 'iframe') {
+                    item.path = `/i/${item.name}`
+                }
+                if (item.children && item.children.length > 0 && !item.component) {
+                    this.filterMenu(item.children)
+                } else {
+                    this.menu.push(item)
+                }
+            })
+        },
+        menuFilter(queryString) {
+            var res = []
+            //过滤菜单树
+            var filterMenu = this.menu.filter((item) => {
+                if (item.meta.title.toLowerCase().indexOf(queryString.toLowerCase()) >= 0) {
+                    return true
+                }
+                if (item.name.toLowerCase().indexOf(queryString.toLowerCase()) >= 0) {
+                    return true
+                }
+            })
+            //匹配系统路由
+            var router = this.$router.getRoutes()
+            var filterRouter = filterMenu.map((m) => {
+                if (m.meta.type === 'link') {
+                    return router.find((r) => r.path === '/' + m.path)
+                } else {
+                    return router.find((r) => r.path === m.path)
+                }
+            })
+            //重组对象
+            filterRouter.forEach((item) => {
+                res.push({
+                    name: item.name,
+                    type: item.meta.type,
+                    path: item.meta.type === 'link' ? item.path.slice(1) : item.path,
+                    icon: item.meta.icon,
+                    title: item.meta.title,
+                    breadcrumb: item.meta.breadcrumb.map((v) => v.meta.title).join(' - '),
+                })
+            })
+            return res
+        },
+        to(item) {
+            if (!this.history.includes(this.input)) {
+                this.history.push(this.input)
+                this.$TOOL.data.set('SEARCH_HISTORY', this.history)
+            }
+            if (item.type === 'link') {
+                setTimeout(() => {
+                    let a = document.createElement('a')
+                    a.style = 'display: none'
+                    a.target = '_blank'
+                    a.href = item.path
+                    document.body.appendChild(a)
+                    a.click()
+                    document.body.removeChild(a)
+                }, 10)
+            } else {
+                this.$router.push({ path: item.path })
+            }
+            this.$emit('success', true)
+        },
+        historyClick(text) {
+            this.input = text
+            this.inputChange(text)
+        },
+        historyClose(index) {
+            this.history.splice(index, 1)
+            if (this.history.length <= 0) {
+                this.$TOOL.data.remove('SEARCH_HISTORY')
+            } else {
+                this.$TOOL.data.set('SEARCH_HISTORY', this.history)
+            }
+        },
+    },
+}
+</script>
+
+<style scoped>
+.sc-search-no-result {
+    text-align: center;
+    margin: 40px 0;
+    color: #999;
+}
+
+.sc-search-history {
+    margin-top: 10px;
+}
+
+.sc-search-history .el-tag {
+    cursor: pointer;
+}
+
+.sc-search-result {
+    margin-top: 15px;
+}
+
+.sc-search-result li {
+    height: 56px;
+    padding: 0 15px;
+    background: var(--el-bg-color-overlay);
+    border: 1px solid var(--el-border-color-light);
+    list-style: none;
+    border-radius: 4px;
+    margin-bottom: 5px;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+}
+
+.sc-search-result li i {
+    font-size: 20px;
+    margin-right: 15px;
+}
+
+.sc-search-result li:hover {
+    background: var(--el-color-primary);
+    color: #fff;
+    border-color: var(--el-color-primary);
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/layout/components/setting.vue b/src/frontend/admin/src/layout/components/setting.vue
new file mode 100644
index 00000000..ce4aff03
--- /dev/null
+++ b/src/frontend/admin/src/layout/components/setting.vue
@@ -0,0 +1,96 @@
+<template>
+    <el-form ref="form" label-position="left" label-width="120px" style="padding: 0 20px">
+        <el-alert
+            :closable="false"
+            title="以下配置可实时预览，开发者可在 config/index.js 中配置默认值，非常不建议在生产环境下开放布局设置"
+            type="error"></el-alert>
+        <el-divider></el-divider>
+        <el-form-item :label="$t('user.nightmode')">
+            <el-switch v-model="dark"></el-switch>
+        </el-form-item>
+        <el-form-item :label="$t('user.language')">
+            <el-select v-model="lang">
+                <el-option label="简体中文" value="zh-cn"></el-option>
+                <el-option label="English" value="en"></el-option>
+            </el-select>
+        </el-form-item>
+        <el-divider></el-divider>
+        <el-form-item label="主题颜色">
+            <el-color-picker v-model="colorPrimary" :predefine="colorList">></el-color-picker>
+        </el-form-item>
+        <el-divider></el-divider>
+        <el-form-item label="框架布局">
+            <el-select v-model="layout">
+                <el-option label="默认" value="default"></el-option>
+                <el-option label="通栏" value="header"></el-option>
+                <el-option label="经典" value="menu"></el-option>
+                <el-option label="功能坞" value="dock"></el-option>
+            </el-select>
+        </el-form-item>
+        <el-form-item label="折叠菜单">
+            <el-switch v-model="menuIsCollapse"></el-switch>
+        </el-form-item>
+        <el-form-item label="标签栏">
+            <el-switch v-model="layoutTags"></el-switch>
+        </el-form-item>
+        <el-divider></el-divider>
+    </el-form>
+</template>
+
+<script>
+import colorTool from '@/utils/color'
+
+export default {
+    data() {
+        return {
+            layout: this.$store.state.global.layout,
+            menuIsCollapse: this.$store.state.global.menuIsCollapse,
+            layoutTags: this.$store.state.global.layoutTags,
+            lang: this.$TOOL.data.get('APP_LANG') || this.$CONFIG.LANG,
+            dark: this.$TOOL.data.get('APP_DARK') || false,
+            colorList: ['#409EFF', '#009688', '#536dfe', '#ff5c93', '#c62f2f', '#fd726d'],
+            colorPrimary: this.$TOOL.data.get('APP_COLOR') || this.$CONFIG.COLOR || '#409EFF',
+        }
+    },
+    watch: {
+        layout(val) {
+            this.$store.commit('SET_layout', val)
+        },
+        menuIsCollapse() {
+            this.$store.commit('TOGGLE_menuIsCollapse')
+        },
+        layoutTags() {
+            this.$store.commit('TOGGLE_layoutTags')
+        },
+        dark(val) {
+            if (val) {
+                document.documentElement.classList.add('dark')
+                this.$TOOL.data.set('APP_DARK', val)
+            } else {
+                document.documentElement.classList.remove('dark')
+                this.$TOOL.data.remove('APP_DARK')
+            }
+        },
+        lang(val) {
+            this.$i18n.locale = val
+            this.$TOOL.data.set('APP_LANG', val)
+        },
+        colorPrimary(val) {
+            if (!val) {
+                val = '#409EFF'
+                this.colorPrimary = '#409EFF'
+            }
+            document.documentElement.style.setProperty('--el-color-primary', val)
+            for (let i = 1; i <= 9; i++) {
+                document.documentElement.style.setProperty(`--el-color-primary-light-${i}`, colorTool.lighten(val, i / 10))
+            }
+            for (let i = 1; i <= 9; i++) {
+                document.documentElement.style.setProperty(`--el-color-primary-dark-${i}`, colorTool.darken(val, i / 10))
+            }
+            this.$TOOL.data.set('APP_COLOR', val)
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/layout/components/sideM.vue b/src/frontend/admin/src/layout/components/sideM.vue
new file mode 100644
index 00000000..9048980c
--- /dev/null
+++ b/src/frontend/admin/src/layout/components/sideM.vue
@@ -0,0 +1,182 @@
+<template>
+    <div v-drag class="mobile-nav-button" draggable="false" @click="showMobileNav($event)">
+        <el-icon>
+            <el-icon-menu />
+        </el-icon>
+    </div>
+
+    <el-drawer ref="mobileNavBox" v-model="nav" :size="240" :with-header="false" destroy-on-close direction="ltr" title="移动端菜单">
+        <el-container class="mobile-nav">
+            <el-header>
+                <div class="logo-bar">
+                    <img class="logo" src="@/assets/img/logo.png" /><span>{{ $CONFIG.APP_NAME }}</span>
+                </div>
+            </el-header>
+            <el-main>
+                <el-scrollbar>
+                    <el-menu
+                        :default-active="$route.meta.active || $route.fullPath"
+                        active-text-color="#409EFF"
+                        background-color="#212d3d"
+                        router
+                        text-color="#fff"
+                        @select="select">
+                        <NavMenu :navMenus="menu"></NavMenu>
+                    </el-menu>
+                </el-scrollbar>
+            </el-main>
+        </el-container>
+    </el-drawer>
+</template>
+
+<script>
+import NavMenu from './NavMenu.vue'
+
+export default {
+    components: {
+        NavMenu,
+    },
+    data() {
+        return {
+            nav: false,
+            menu: [],
+        }
+    },
+    computed: {},
+    created() {
+        var menu = this.$router.sc_getMenu()
+        this.menu = this.filterUrl(menu)
+    },
+
+    watch: {},
+    methods: {
+        showMobileNav(e) {
+            var isdrag = e.currentTarget.getAttribute('drag-flag')
+            if (isdrag === 'true') {
+                return false
+            } else {
+                this.nav = true
+            }
+        },
+        select() {
+            this.$refs.mobileNavBox.handleClose()
+        },
+        //转换外部链接的路由
+        filterUrl(map) {
+            var newMap = []
+            map &&
+                map.forEach((item) => {
+                    item.meta = item.meta ? item.meta : {}
+                    //处理隐藏
+                    if (item.meta.hidden || item.meta.type === 'button') {
+                        return false
+                    }
+                    //处理http
+                    if (item.meta.type === 'iframe') {
+                        item.path = `/i/${item.name}`
+                    }
+                    //递归循环
+                    if (item.children && item.children.length > 0) {
+                        item.children = this.filterUrl(item.children)
+                    }
+                    newMap.push(item)
+                })
+            return newMap
+        },
+    },
+    directives: {
+        drag(el) {
+            let oDiv = el //当前元素
+            let firstTime = '',
+                lastTime = ''
+            //禁止选择网页上的文字
+            // document.onselectstart = function() {
+            // 	return false;
+            // };
+            oDiv.onmousedown = function (e) {
+                //鼠标按下，计算当前元素距离可视区的距离
+                let disX = e.clientX - oDiv.offsetLeft
+                let disY = e.clientY - oDiv.offsetTop
+                document.onmousemove = function (e) {
+                    oDiv.setAttribute('drag-flag', true)
+                    firstTime = new Date().getTime()
+                    //通过事件委托，计算移动的距离
+                    let l = e.clientX - disX
+                    let t = e.clientY - disY
+
+                    //移动当前元素
+
+                    if (t > 0 && t < document.body.clientHeight - 50) {
+                        oDiv.style.top = t + 'px'
+                    }
+                    if (l > 0 && l < document.body.clientWidth - 50) {
+                        oDiv.style.left = l + 'px'
+                    }
+                }
+                document.onmouseup = function () {
+                    lastTime = new Date().getTime()
+                    if (lastTime - firstTime > 200) {
+                        oDiv.setAttribute('drag-flag', false)
+                    }
+                    document.onmousemove = null
+                    document.onmouseup = null
+                }
+                //return false不加的话可能导致黏连，就是拖到一个地方时div粘在鼠标上不下来，相当于onmouseup失效
+                return false
+            }
+        },
+    },
+}
+</script>
+
+<style scoped>
+.mobile-nav-button {
+    position: fixed;
+    bottom: 10px;
+    left: 10px;
+    z-index: 10;
+    width: 50px;
+    height: 50px;
+    background: #409eff;
+    box-shadow: 0 2px 12px 0 rgba(64, 158, 255, 1);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.mobile-nav-button i {
+    color: #fff;
+    font-size: 20px;
+}
+
+.mobile-nav {
+    background: #212d3d;
+}
+
+.mobile-nav .el-header {
+    background: transparent;
+    border: 0;
+}
+
+.mobile-nav .el-main {
+    padding: 0;
+}
+
+.mobile-nav .logo-bar {
+    display: flex;
+    align-items: center;
+    font-weight: bold;
+    font-size: 20px;
+    color: #fff;
+}
+
+.mobile-nav .logo-bar img {
+    width: 30px;
+    margin-right: 10px;
+}
+
+.mobile-nav .el-submenu__title:hover {
+    background: #fff !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/layout/components/tags.vue b/src/frontend/admin/src/layout/components/tags.vue
new file mode 100644
index 00000000..69cdf6cb
--- /dev/null
+++ b/src/frontend/admin/src/layout/components/tags.vue
@@ -0,0 +1,346 @@
+<template>
+    <div class="adminui-tags">
+        <ul ref="tags">
+            <li
+                v-for="tag in tagList"
+                v-bind:key="tag"
+                :class="[isActive(tag) ? 'active' : '', tag.meta.affix ? 'affix' : '']"
+                @contextmenu.prevent="openContextMenu($event, tag)">
+                <router-link :to="tag">
+                    <span>{{ tag.meta.title }}</span>
+                    <el-icon v-if="!tag.meta.affix" @click.prevent.stop="closeSelectedTag(tag)">
+                        <el-icon-close />
+                    </el-icon>
+                </router-link>
+            </li>
+        </ul>
+    </div>
+
+    <transition name="el-zoom-in-top">
+        <ul v-if="contextMenuVisible" id="contextmenu" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu">
+            <li @click="refreshTab()">
+                <el-icon>
+                    <el-icon-refresh />
+                </el-icon>
+                刷新
+            </li>
+            <hr />
+            <li :class="contextMenuItem.meta.affix ? 'disabled' : ''" @click="closeTabs()">
+                <el-icon>
+                    <el-icon-close />
+                </el-icon>
+                关闭标签
+            </li>
+            <li @click="closeOtherTabs()">
+                <el-icon>
+                    <el-icon-folder-delete />
+                </el-icon>
+                关闭其他标签
+            </li>
+            <hr />
+            <li @click="maximize()">
+                <el-icon>
+                    <el-icon-full-screen />
+                </el-icon>
+                最大化
+            </li>
+            <li @click="openWindow()">
+                <el-icon>
+                    <el-icon-copy-document />
+                </el-icon>
+                在新的窗口中打开
+            </li>
+        </ul>
+    </transition>
+</template>
+
+<script>
+import Sortable from 'sortablejs'
+
+export default {
+    name: 'tags',
+    data() {
+        return {
+            contextMenuVisible: false,
+            contextMenuItem: null,
+            left: 0,
+            top: 0,
+            tagList: this.$store.state.viewTags.viewTags,
+            tipDisplayed: false,
+        }
+    },
+    props: {},
+    watch: {
+        $route(e) {
+            this.addViewTags(e)
+            //判断标签容器是否出现滚动条
+            this.$nextTick(() => {
+                const tags = this.$refs.tags
+                if (tags && tags.scrollWidth > tags.clientWidth) {
+                    //确保当前标签在可视范围内
+                    let targetTag = tags.querySelector('.active')
+                    targetTag.scrollIntoView()
+                    //显示提示
+                    if (!this.tipDisplayed) {
+                        this.$msgbox({
+                            type: 'warning',
+                            center: true,
+                            title: '提示',
+                            message: '当前标签数量过多，可通过鼠标滚轴滚动标签栏。关闭标签数量可减少系统性能消耗。',
+                            confirmButtonText: '知道了',
+                        })
+                        this.tipDisplayed = true
+                    }
+                }
+            })
+        },
+        contextMenuVisible(value) {
+            const cm = (e) => {
+                const sp = document.getElementById('contextmenu')
+                if (sp && !sp.contains(e.target)) {
+                    this.closeMenu()
+                }
+            }
+            if (value) {
+                document.body.addEventListener('click', (e) => cm(e))
+            } else {
+                document.body.removeEventListener('click', (e) => cm(e))
+            }
+        },
+    },
+    created() {
+        const menu = this.$router.sc_getMenu()
+        const dashboardRoute = this.treeFind(menu, (node) => node.path === this.$CONFIG.DASHBOARD_URL)
+        if (dashboardRoute) {
+            dashboardRoute.fullPath = dashboardRoute.path
+            this.addViewTags(dashboardRoute)
+            this.addViewTags(this.$route)
+        }
+    },
+    mounted() {
+        this.tagDrop()
+        this.scrollInit()
+    },
+    methods: {
+        //查找树
+        treeFind(tree, func) {
+            for (const data of tree) {
+                if (func(data)) return data
+                if (data.children) {
+                    const res = this.treeFind(data.children, func)
+                    if (res) return res
+                }
+            }
+            return null
+        },
+        //标签拖拽排序
+        tagDrop() {
+            const target = this.$refs.tags
+            Sortable.create(target, {
+                draggable: 'li',
+                animation: 300,
+            })
+        },
+        //增加tag
+        addViewTags(route) {
+            if (route.name && !route.meta.fullpage) {
+                this.$store.commit('pushViewTags', route)
+                this.$store.commit('pushKeepLive', route.name)
+            }
+        },
+        //高亮tag
+        isActive(route) {
+            return route.fullPath === this.$route.fullPath
+        },
+        //关闭tag
+        closeSelectedTag(tag, autoPushLatestView = true) {
+            const nowTagIndex = this.tagList.findIndex((item) => item.fullPath === tag.fullPath)
+            this.$store.commit('removeViewTags', tag)
+            this.$store.commit('removeIframeList', tag)
+            this.$store.commit('removeKeepLive', tag.name)
+            if (autoPushLatestView && this.isActive(tag)) {
+                const leftView = this.tagList[nowTagIndex - 1]
+                if (leftView) {
+                    this.$router.push(leftView)
+                } else {
+                    this.$router.push('/')
+                }
+            }
+        },
+        //tag右键
+        openContextMenu(e, tag) {
+            this.contextMenuItem = tag
+            this.contextMenuVisible = true
+            this.left = e.clientX + 1
+            this.top = e.clientY + 1
+
+            //FIX 右键菜单边缘化位置处理
+            this.$nextTick(() => {
+                let sp = document.getElementById('contextmenu')
+                if (document.body.offsetWidth - e.clientX < sp.offsetWidth) {
+                    this.left = document.body.offsetWidth - sp.offsetWidth + 1
+                    this.top = e.clientY + 1
+                }
+            })
+        },
+        //关闭右键菜单
+        closeMenu() {
+            this.contextMenuItem = null
+            this.contextMenuVisible = false
+        },
+        //TAB 刷新
+        refreshTab() {
+            this.contextMenuVisible = false
+            const nowTag = this.contextMenuItem
+            //判断是否当前路由，否的话跳转
+            if (this.$route.fullPath !== nowTag.fullPath) {
+                this.$router.push({
+                    path: nowTag.fullPath,
+                    query: nowTag.query,
+                })
+            }
+
+            this.$store.commit('refreshIframe', nowTag)
+            setTimeout(() => {
+                this.$store.commit('removeKeepLive', nowTag.name)
+                this.$store.commit('setRouteShow', false)
+                this.$nextTick(() => {
+                    this.$store.commit('pushKeepLive', nowTag.name)
+                    this.$store.commit('setRouteShow', true)
+                })
+            }, 0)
+        },
+        //TAB 关闭
+        closeTabs() {
+            var nowTag = this.contextMenuItem
+            if (!nowTag.meta.affix) {
+                this.closeSelectedTag(nowTag)
+                this.contextMenuVisible = false
+            }
+        },
+        //TAB 关闭其他
+        closeOtherTabs() {
+            var nowTag = this.contextMenuItem
+            //判断是否当前路由，否的话跳转
+            if (this.$route.fullPath !== nowTag.fullPath) {
+                this.$router.push({
+                    path: nowTag.fullPath,
+                    query: nowTag.query,
+                })
+            }
+            var tags = [...this.tagList]
+            tags.forEach((tag) => {
+                if ((tag.meta && tag.meta.affix) || nowTag.fullPath === tag.fullPath) {
+                    return true
+                } else {
+                    this.closeSelectedTag(tag, false)
+                }
+            })
+            this.contextMenuVisible = false
+        },
+        //TAB 最大化
+        maximize() {
+            var nowTag = this.contextMenuItem
+            this.contextMenuVisible = false
+            //判断是否当前路由，否的话跳转
+            if (this.$route.fullPath !== nowTag.fullPath) {
+                this.$router.push({
+                    path: nowTag.fullPath,
+                    query: nowTag.query,
+                })
+            }
+            document.getElementById('app').classList.add('main-maximize')
+        },
+        //新窗口打开
+        openWindow() {
+            var nowTag = this.contextMenuItem
+            var url = nowTag.href || '/'
+            if (!nowTag.meta.affix) {
+                this.closeSelectedTag(nowTag)
+            }
+            window.open(url)
+            this.contextMenuVisible = false
+        },
+        //横向滚动
+        scrollInit() {
+            const scrollDiv = this.$refs.tags
+            scrollDiv.addEventListener('mousewheel', handler, false) || scrollDiv.addEventListener('DOMMouseScroll', handler, false)
+
+            function handler(event) {
+                const detail = event.wheelDelta || event.detail
+                //火狐上滚键值-3 下滚键值3，其他内核上滚键值120 下滚键值-120
+                const moveForwardStep = 1
+                const moveBackStep = -1
+                let step = 0
+                if (detail === 3 || (detail < 0 && detail !== -3)) {
+                    step = moveForwardStep * 50
+                } else {
+                    step = moveBackStep * 50
+                }
+                scrollDiv.scrollLeft += step
+            }
+        },
+    },
+}
+</script>
+
+<style>
+.contextmenu {
+    position: fixed;
+    width: 200px;
+    margin: 0;
+    border-radius: 0px;
+    background: var(--el-bg-color-overlay);
+    border: 1px solid var(--el-border-color-light);
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+    z-index: 3000;
+    list-style-type: none;
+    padding: 10px 0;
+}
+
+.contextmenu hr {
+    margin: 5px 0;
+    border: none;
+    height: 1px;
+    font-size: 0px;
+    background-color: var(--el-border-color-light);
+}
+
+.contextmenu li {
+    display: flex;
+    align-items: center;
+    margin: 0;
+    cursor: pointer;
+    line-height: 30px;
+    padding: 0 17px;
+    color: #606266;
+}
+
+.contextmenu li i {
+    font-size: 14px;
+    margin-right: 10px;
+}
+
+.contextmenu li:hover {
+    background-color: #ecf5ff;
+    color: #66b1ff;
+}
+
+.contextmenu li.disabled {
+    cursor: not-allowed;
+    color: #bbb;
+    background: transparent;
+}
+
+.tags-tip {
+    padding: 5px;
+}
+
+.tags-tip p {
+    margin-bottom: 10px;
+}
+
+.dark .contextmenu li {
+    color: var(--el-text-color-primary);
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/layout/components/tasks.vue b/src/frontend/admin/src/layout/components/tasks.vue
new file mode 100644
index 00000000..2419b8f4
--- /dev/null
+++ b/src/frontend/admin/src/layout/components/tasks.vue
@@ -0,0 +1,130 @@
+<template>
+    <el-container v-loading="loading">
+        <el-main>
+            <el-empty v-if="tasks.length === 0" :image-size="120">
+                <template #description>
+                    <h2>没有正在执行的任务</h2>
+                </template>
+                <p style="font-size: 14px; color: #999; line-height: 1.5; margin: 0 40px">
+                    在处理耗时过久的任务时为了不阻碍正在处理的工作，可在任务中心进行异步执行。
+                </p>
+            </el-empty>
+            <el-card v-for="task in tasks" :key="task.id" class="user-bar-tasks-item" shadow="hover">
+                <div class="user-bar-tasks-item-body">
+                    <div class="taskIcon">
+                        <el-icon v-if="task.type === 'export'" :size="20">
+                            <el-icon-paperclip />
+                        </el-icon>
+                        <el-icon v-if="task.type === 'report'" :size="20">
+                            <el-icon-dataAnalysis />
+                        </el-icon>
+                    </div>
+                    <div class="taskMain">
+                        <div class="title">
+                            <h2>{{ task.taskName }}</h2>
+                            <p><span v-time.tip="task.createDate"></span> 创建</p>
+                        </div>
+                        <div class="bottom">
+                            <div class="state">
+                                <el-tag v-if="task.state === '0'" type="info">执行中</el-tag>
+                                <el-tag v-if="task.state === '1'">完成</el-tag>
+                            </div>
+                            <div class="handler">
+                                <el-button
+                                    v-if="task.state === '1'"
+                                    circle
+                                    icon="el-icon-download"
+                                    type="primary"
+                                    @click="download(task)"></el-button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </el-card>
+        </el-main>
+        <el-footer style="padding: 10px; text-align: right">
+            <el-button circle icon="el-icon-refresh" @click="refresh"></el-button>
+        </el-footer>
+    </el-container>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            loading: false,
+            tasks: [],
+        }
+    },
+    mounted() {
+        this.getData()
+    },
+    methods: {
+        async getData() {
+            this.loading = true
+            var res = await this.$API.system.tasks.list.get()
+            this.tasks = res.data
+            this.loading = false
+        },
+        refresh() {
+            this.getData()
+        },
+        download(row) {
+            let a = document.createElement('a')
+            a.style = 'display: none'
+            a.target = '_blank'
+            a.href = row.result
+            document.body.appendChild(a)
+            a.click()
+            document.body.removeChild(a)
+        },
+    },
+}
+</script>
+
+<style scoped>
+.user-bar-tasks-item {
+    margin-bottom: 10px;
+}
+
+.user-bar-tasks-item:hover {
+    border-color: var(--el-color-primary);
+}
+
+.user-bar-tasks-item-body {
+    display: flex;
+}
+
+.user-bar-tasks-item-body .taskIcon {
+    width: 45px;
+    height: 45px;
+    background: var(--el-color-primary-light-9);
+    margin-right: 20px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: var(--el-color-primary);
+    border-radius: 20px;
+}
+
+.user-bar-tasks-item-body .taskMain {
+    flex: 1;
+}
+
+.user-bar-tasks-item-body .title h2 {
+    font-size: 15px;
+}
+
+.user-bar-tasks-item-body .title p {
+    font-size: 12px;
+    color: #999;
+    margin-top: 5px;
+}
+
+.user-bar-tasks-item-body .bottom {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-top: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/layout/components/topbar.vue b/src/frontend/admin/src/layout/components/topbar.vue
new file mode 100644
index 00000000..2895f013
--- /dev/null
+++ b/src/frontend/admin/src/layout/components/topbar.vue
@@ -0,0 +1,73 @@
+<template>
+    <div class="adminui-topbar">
+        <div class="left-panel">
+            <el-breadcrumb class="hidden-sm-and-down" separator-icon="el-icon-arrow-right">
+                <transition-group name="breadcrumb">
+                    <template v-for="item in breadList" :key="item.title">
+                        <el-breadcrumb-item v-if="item.path !== '/' && !item.meta.hiddenBreadcrumb" :key="item.meta.title">
+                            <el-icon v-if="item.meta.icon" class="icon">
+                                <component :is="item.meta.icon" />
+                            </el-icon>
+                            {{ item.meta.title }}
+                        </el-breadcrumb-item>
+                    </template>
+                </transition-group>
+            </el-breadcrumb>
+        </div>
+        <div class="center-panel"></div>
+        <div class="right-panel">
+            <slot></slot>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            breadList: [],
+        }
+    },
+    created() {
+        this.getBreadcrumb()
+    },
+    watch: {
+        $route() {
+            this.getBreadcrumb()
+        },
+    },
+    methods: {
+        getBreadcrumb() {
+            let matched = this.$route.meta.breadcrumb
+            this.breadList = matched
+        },
+    },
+}
+</script>
+
+<style scoped>
+.el-breadcrumb {
+    margin-left: 15px;
+}
+
+.el-breadcrumb .el-breadcrumb__inner .icon {
+    font-size: 14px;
+    margin-right: 5px;
+    float: left;
+}
+
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+    transition: all 0.3s;
+}
+
+.breadcrumb-enter-from,
+.breadcrumb-leave-active {
+    opacity: 0;
+    transform: translateX(20px);
+}
+
+.breadcrumb-leave-active {
+    position: absolute;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/layout/components/userbar.vue b/src/frontend/admin/src/layout/components/userbar.vue
new file mode 100644
index 00000000..59c06d9d
--- /dev/null
+++ b/src/frontend/admin/src/layout/components/userbar.vue
@@ -0,0 +1,296 @@
+<!--
+ * @Author: Xujianchen
+ * @Date: 2023-02-28 14:12:15
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-19 12:00:42
+ * @Description:
+-->
+<template>
+    <div class="user-bar">
+        <div class="panel-item hidden-sm-and-down" @click="search">
+            <el-icon>
+                <el-icon-search />
+            </el-icon>
+        </div>
+        <div class="screen panel-item hidden-sm-and-down" @click="screen">
+            <el-icon>
+                <el-icon-full-screen />
+            </el-icon>
+        </div>
+        <div class="tasks panel-item" @click="tasks">
+            <el-icon>
+                <el-icon-sort />
+            </el-icon>
+        </div>
+        <div class="msg panel-item" @click="showMsg">
+            <el-badge :hidden="msgList.length == 0" :value="msgList.length" class="badge" type="danger">
+                <el-icon>
+                    <el-icon-chat-dot-round />
+                </el-icon>
+            </el-badge>
+            <el-drawer v-model="msg" :size="400" append-to-body destroy-on-close title="新消息">
+                <el-container>
+                    <el-main class="nopadding">
+                        <el-scrollbar>
+                            <ul class="msg-list">
+                                <li v-for="item in msgList" v-bind:key="item.id">
+                                    <a :href="item.link" target="_blank">
+                                        <div class="msg-list__icon">
+                                            <el-badge is-dot type="danger">
+                                                <el-avatar :size="40" :src="item.avatar"></el-avatar>
+                                            </el-badge>
+                                        </div>
+                                        <div class="msg-list__main">
+                                            <h2>{{ item.title }}</h2>
+                                            <p>{{ item.describe }}</p>
+                                        </div>
+                                        <div class="msg-list__time">
+                                            <p>{{ item.time }}</p>
+                                        </div>
+                                    </a>
+                                </li>
+                                <el-empty v-if="msgList.length === 0" :image-size="100" description="暂无新消息"></el-empty>
+                            </ul>
+                        </el-scrollbar>
+                    </el-main>
+                    <el-footer>
+                        <el-button type="primary">消息中心</el-button>
+                        <el-button @click="markRead">全部设为已读</el-button>
+                    </el-footer>
+                </el-container>
+            </el-drawer>
+        </div>
+        <el-dropdown class="user panel-item" trigger="click" @command="handleUser">
+            <div class="user-avatar">
+                <el-avatar :size="30" :src="user.avatar ? user.avatar : $CONFIG.DEFAULT_AVATAR"></el-avatar>
+                <label>{{ user.userName }}</label>
+                <el-icon class="el-icon--right">
+                    <el-icon-arrow-down />
+                </el-icon>
+            </div>
+            <template #dropdown>
+                <el-dropdown-menu>
+                    <el-dropdown-item command="uc">帐号信息</el-dropdown-item>
+                    <el-dropdown-item command="clearCache">清除缓存</el-dropdown-item>
+                    <el-dropdown-item command="outLogin" divided>退出登录</el-dropdown-item>
+                </el-dropdown-menu>
+            </template>
+        </el-dropdown>
+    </div>
+
+    <el-dialog v-model="searchVisible" :width="700" center destroy-on-close title="搜索">
+        <search @success="searchVisible = false"></search>
+    </el-dialog>
+
+    <el-drawer v-model="tasksVisible" :size="450" destroy-on-close title="任务中心">
+        <tasks></tasks>
+    </el-drawer>
+</template>
+
+<script>
+import search from './search.vue'
+import tasks from './tasks.vue'
+
+export default {
+    components: {
+        search,
+        tasks,
+    },
+    data() {
+        return {
+            user: {},
+            userName: '',
+            userNameF: '',
+            searchVisible: false,
+            tasksVisible: false,
+            msg: false,
+            msgList: [
+                {
+                    id: 1,
+                    type: 'user',
+                    avatar: '@/assets/img/avatar.jpg',
+                    title: 'Skuya',
+                    describe: '如果喜欢就点个星星支持一下哦',
+                    link: 'https://gitee.com/lolicode/scui',
+                    time: '5分钟前',
+                },
+                {
+                    id: 2,
+                    type: 'user',
+                    avatar: '@/assets/img/avatar2.gif',
+                    title: 'Lolowan',
+                    describe: '点进去Gitee获取最新开源版本',
+                    link: 'https://gitee.com/lolicode/scui',
+                    time: '14分钟前',
+                },
+                {
+                    id: 3,
+                    type: 'system',
+                    avatar: '@/assets/img/logo.png',
+                    title: '感谢登录SCUI Admin',
+                    describe: 'Vue 3.0 + Vue-Router 4.0 + ElementPlus + Axios 后台管理系统。',
+                    link: 'https://gitee.com/lolicode/scui',
+                    time: '2020年7月24日',
+                },
+            ],
+        }
+    },
+    created() {
+        this.user = this.$GLOBAL.user
+    },
+    methods: {
+        //个人信息
+        handleUser(command) {
+            if (command === 'uc') {
+                this.$router.push({ path: '/profile' })
+            }
+            if (command === 'cmd') {
+                this.$router.push({ path: '/cmd' })
+            }
+            if (command === 'clearCache') {
+                this.$confirm('清除缓存会将系统初始化，包括登录状态、主题、语言设置等，是否继续？', '提示', {
+                    type: 'info',
+                })
+                    .then(() => {
+                        const loading = this.$loading()
+                        this.$TOOL.data.clear()
+                        this.$TOOL.cookie.clear()
+                        this.$router.replace({ path: '/anonymous/login' })
+                        setTimeout(() => {
+                            loading.close()
+                            location.reload()
+                        }, 1000)
+                    })
+                    .catch(() => {
+                        //取消
+                    })
+            }
+            if (command === 'outLogin') {
+                this.$confirm('确认是否退出当前用户？', '提示', {
+                    type: 'warning',
+                    confirmButtonText: '退出',
+                    confirmButtonClass: 'el-button--danger',
+                })
+                    .then(() => {
+                        this.$TOOL.cookie.clear()
+                        this.$router.replace({ path: '/anonymous/login' })
+                    })
+                    .catch(() => {
+                        //取消退出
+                    })
+            }
+        },
+        //全屏
+        screen() {
+            var element = document.documentElement
+            this.$TOOL.screen(element)
+        },
+        //显示短消息
+        showMsg() {
+            this.msg = true
+        },
+        //标记已读
+        markRead() {
+            this.msgList = []
+        },
+        //搜索
+        search() {
+            this.searchVisible = true
+        },
+        //任务
+        tasks() {
+            this.tasksVisible = true
+        },
+    },
+}
+</script>
+
+<style scoped>
+.user-bar {
+    display: flex;
+    align-items: center;
+    height: 100%;
+}
+
+.user-bar .panel-item {
+    padding: 0 10px;
+    cursor: pointer;
+    height: 100%;
+    display: flex;
+    align-items: center;
+}
+
+.user-bar .panel-item i {
+    font-size: 16px;
+}
+
+.user-bar .panel-item:hover {
+    background: rgba(0, 0, 0, 0.1);
+}
+
+.user-bar .user-avatar {
+    height: 49px;
+    display: flex;
+    align-items: center;
+}
+
+.user-bar .user-avatar label {
+    display: inline-block;
+    margin-left: 5px;
+    font-size: 12px;
+    cursor: pointer;
+}
+
+.msg-list li {
+    border-top: 1px solid #eee;
+}
+
+.msg-list li a {
+    display: flex;
+    padding: 20px;
+}
+
+.msg-list li a:hover {
+    background: #ecf5ff;
+}
+
+.msg-list__icon {
+    width: 40px;
+    margin-right: 15px;
+}
+
+.msg-list__main {
+    flex: 1;
+}
+
+.msg-list__main h2 {
+    font-size: 15px;
+    font-weight: normal;
+    color: #333;
+}
+
+.msg-list__main p {
+    font-size: 12px;
+    color: #999;
+    line-height: 1.8;
+    margin-top: 5px;
+}
+
+.msg-list__time {
+    width: 100px;
+    text-align: right;
+    color: #999;
+}
+
+.dark .msg-list__main h2 {
+    color: #d0d0d0;
+}
+
+.dark .msg-list li {
+    border-top: 1px solid #363636;
+}
+
+.dark .msg-list li a:hover {
+    background: #383838;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/layout/index.vue b/src/frontend/admin/src/layout/index.vue
new file mode 100644
index 00000000..04c41fac
--- /dev/null
+++ b/src/frontend/admin/src/layout/index.vue
@@ -0,0 +1,334 @@
+<template>
+    <!-- 通栏布局 -->
+    <template v-if="layout === 'header'">
+        <header class="adminui-header">
+            <div class="adminui-header-left">
+                <div class="logo-bar">
+                    <img class="logo" src="@/assets/img/logo.png" />
+                    <span>{{ $CONFIG.APP_NAME }}</span>
+                </div>
+                <ul v-if="!ismobile" class="nav">
+                    <li v-for="item in menu" :key="item" :class="pmenu.path == item.path ? 'active' : ''" @click="showMenu(item)">
+                        <el-icon>
+                            <component :is="item.meta.icon || 'el-icon-menu'" />
+                        </el-icon>
+                        <span>{{ item.meta.title }}</span>
+                    </li>
+                </ul>
+            </div>
+            <div class="adminui-header-right">
+                <userbar></userbar>
+            </div>
+        </header>
+        <section class="aminui-wrapper">
+            <div v-if="(!ismobile && nextMenu.length > 0) || !pmenu.component" :class="menuIsCollapse ? 'aminui-side isCollapse' : 'aminui-side'">
+                <div v-if="!menuIsCollapse" class="adminui-side-top">
+                    <h2>{{ pmenu.meta.title }}</h2>
+                </div>
+                <div class="adminui-side-scroll">
+                    <el-scrollbar>
+                        <el-menu :collapse="menuIsCollapse" :default-active="active" :unique-opened="$CONFIG.MENU_UNIQUE_OPENED" router>
+                            <NavMenu :navMenus="nextMenu"></NavMenu>
+                        </el-menu>
+                    </el-scrollbar>
+                </div>
+                <div class="adminui-side-bottom" @click="$store.commit('TOGGLE_menuIsCollapse')">
+                    <el-icon>
+                        <el-icon-expand v-if="menuIsCollapse" />
+                        <el-icon-fold v-else />
+                    </el-icon>
+                </div>
+            </div>
+            <Side-m v-if="ismobile"></Side-m>
+            <div class="aminui-body el-container">
+                <Topbar v-if="!ismobile"></Topbar>
+                <Tags v-if="!ismobile && layoutTags"></Tags>
+                <div id="adminui-main" class="adminui-main">
+                    <router-view v-slot="{ Component }">
+                        <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
+                            <component :is="Component" v-if="$store.state.keepAlive.routeShow" :key="$route.fullPath" />
+                        </keep-alive>
+                    </router-view>
+                    <iframe-view></iframe-view>
+                </div>
+            </div>
+        </section>
+    </template>
+
+    <!-- 经典布局 -->
+    <template v-else-if="layout === 'menu'">
+        <header class="adminui-header">
+            <div class="adminui-header-left">
+                <div class="logo-bar">
+                    <img class="logo" src="@/assets/img/logo.png" />
+                    <span>{{ $CONFIG.APP_NAME }}</span>
+                </div>
+            </div>
+            <div class="adminui-header-right">
+                <userbar></userbar>
+            </div>
+        </header>
+        <section class="aminui-wrapper">
+            <div v-if="!ismobile" :class="menuIsCollapse ? 'aminui-side isCollapse' : 'aminui-side'">
+                <div class="adminui-side-scroll">
+                    <el-scrollbar>
+                        <el-menu :collapse="menuIsCollapse" :default-active="active" :unique-opened="$CONFIG.MENU_UNIQUE_OPENED" router>
+                            <NavMenu :navMenus="menu"></NavMenu>
+                        </el-menu>
+                    </el-scrollbar>
+                </div>
+                <div class="adminui-side-bottom" @click="$store.commit('TOGGLE_menuIsCollapse')">
+                    <el-icon>
+                        <el-icon-expand v-if="menuIsCollapse" />
+                        <el-icon-fold v-else />
+                    </el-icon>
+                </div>
+            </div>
+            <Side-m v-if="ismobile"></Side-m>
+            <div class="aminui-body el-container">
+                <Topbar v-if="!ismobile"></Topbar>
+                <Tags v-if="!ismobile && layoutTags"></Tags>
+                <div id="adminui-main" class="adminui-main">
+                    <router-view v-slot="{ Component }">
+                        <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
+                            <component :is="Component" v-if="$store.state.keepAlive.routeShow" :key="$route.fullPath" />
+                        </keep-alive>
+                    </router-view>
+                    <iframe-view></iframe-view>
+                </div>
+            </div>
+        </section>
+    </template>
+
+    <!-- 功能坞布局 -->
+    <template v-else-if="layout === 'dock'">
+        <header class="adminui-header">
+            <div class="adminui-header-left">
+                <div class="logo-bar">
+                    <img class="logo" src="@/assets/img/logo.png" />
+                    <span>{{ $CONFIG.APP_NAME }}</span>
+                </div>
+            </div>
+            <div class="adminui-header-right">
+                <div v-if="!ismobile" class="adminui-header-menu">
+                    <el-menu
+                        :default-active="active"
+                        active-text-color="var(--el-color-primary)"
+                        background-color="#222b45"
+                        mode="horizontal"
+                        router
+                        text-color="#fff">
+                        <NavMenu :navMenus="menu"></NavMenu>
+                    </el-menu>
+                </div>
+                <Side-m v-if="ismobile"></Side-m>
+                <userbar></userbar>
+            </div>
+        </header>
+        <section class="aminui-wrapper">
+            <div class="aminui-body el-container">
+                <Tags v-if="!ismobile && layoutTags"></Tags>
+                <div id="adminui-main" class="adminui-main">
+                    <router-view v-slot="{ Component }">
+                        <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
+                            <component :is="Component" v-if="$store.state.keepAlive.routeShow" :key="$route.fullPath" />
+                        </keep-alive>
+                    </router-view>
+                    <iframe-view></iframe-view>
+                </div>
+            </div>
+        </section>
+    </template>
+
+    <!-- 默认布局 -->
+    <template v-else>
+        <section class="aminui-wrapper">
+            <div v-if="!ismobile" class="aminui-side-split">
+                <div class="aminui-side-split-top">
+                    <router-link :to="$CONFIG.DASHBOARD_URL">
+                        <img :title="$CONFIG.APP_NAME" class="logo" src="@/assets/img/logo-r.png" />
+                    </router-link>
+                </div>
+                <div class="adminui-side-split-scroll">
+                    <el-scrollbar>
+                        <ul>
+                            <li v-for="item in menu" :key="item" :class="pmenu.path == item.path ? 'active' : ''" @click="showMenu(item)">
+                                <el-icon>
+                                    <component :is="item.meta.icon || el - icon - menu" />
+                                </el-icon>
+                                <p>{{ item.meta.title }}</p>
+                            </li>
+                        </ul>
+                    </el-scrollbar>
+                </div>
+            </div>
+            <div v-if="(!ismobile && nextMenu.length > 0) || !pmenu.component" :class="menuIsCollapse ? 'aminui-side isCollapse' : 'aminui-side'">
+                <div v-if="!menuIsCollapse" class="adminui-side-top">
+                    <h2>{{ pmenu.meta.title }}</h2>
+                </div>
+                <div class="adminui-side-scroll">
+                    <el-scrollbar>
+                        <el-menu :collapse="menuIsCollapse" :default-active="active" :unique-opened="$CONFIG.MENU_UNIQUE_OPENED" router>
+                            <NavMenu :navMenus="nextMenu"></NavMenu>
+                        </el-menu>
+                    </el-scrollbar>
+                </div>
+                <div class="adminui-side-bottom" @click="$store.commit('TOGGLE_menuIsCollapse')">
+                    <el-icon>
+                        <el-icon-expand v-if="menuIsCollapse" />
+                        <el-icon-fold v-else />
+                    </el-icon>
+                </div>
+            </div>
+            <Side-m v-if="ismobile"></Side-m>
+            <div class="aminui-body el-container">
+                <Topbar>
+                    <userbar></userbar>
+                </Topbar>
+                <Tags v-if="!ismobile && layoutTags"></Tags>
+                <div id="adminui-main" class="adminui-main">
+                    <router-view v-slot="{ Component }">
+                        <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
+                            <component :is="Component" v-if="$store.state.keepAlive.routeShow" :key="$route.fullPath" />
+                        </keep-alive>
+                    </router-view>
+                    <iframe-view></iframe-view>
+                </div>
+            </div>
+        </section>
+    </template>
+
+    <div class="main-maximize-exit" @click="exitMaximize">
+        <el-icon>
+            <el-icon-close />
+        </el-icon>
+    </div>
+
+    <div class="layout-setting" @click="openSetting">
+        <el-icon>
+            <el-icon-brush-filled />
+        </el-icon>
+    </div>
+
+    <el-drawer v-model="settingDialog" :size="400" append-to-body destroy-on-close title="布局实时演示">
+        <setting></setting>
+    </el-drawer>
+
+    <auto-exit></auto-exit>
+</template>
+
+<script>
+import SideM from './components/sideM.vue'
+import Topbar from './components/topbar.vue'
+import Tags from './components/tags.vue'
+import NavMenu from './components/NavMenu.vue'
+import userbar from './components/userbar.vue'
+import setting from './components/setting.vue'
+import iframeView from './components/iframeView.vue'
+import autoExit from './other/autoExit.js'
+
+export default {
+    name: 'index',
+    components: {
+        SideM,
+        Topbar,
+        Tags,
+        NavMenu,
+        userbar,
+        setting,
+        iframeView,
+        autoExit,
+    },
+    data() {
+        return {
+            settingDialog: false,
+            menu: [],
+            nextMenu: [],
+            pmenu: {},
+            active: '',
+        }
+    },
+    computed: {
+        ismobile() {
+            return this.$store.state.global.ismobile
+        },
+        layout() {
+            return this.$store.state.global.layout
+        },
+        layoutTags() {
+            return this.$store.state.global.layoutTags
+        },
+        menuIsCollapse() {
+            return this.$store.state.global.menuIsCollapse
+        },
+    },
+    created() {
+        this.onLayoutResize()
+        window.addEventListener('resize', this.onLayoutResize)
+        var menu = this.$router.sc_getMenu()
+        this.menu = this.filterUrl(menu)
+        this.showThis()
+    },
+    watch: {
+        $route() {
+            this.showThis()
+        },
+        layout: {
+            handler(val) {
+                document.body.setAttribute('data-layout', val)
+            },
+            immediate: true,
+        },
+    },
+    methods: {
+        openSetting() {
+            this.settingDialog = true
+        },
+        onLayoutResize() {
+            this.$store.commit('SET_ismobile', document.body.clientWidth < 992)
+        },
+        //路由监听高亮
+        showThis() {
+            this.pmenu = this.$route.meta.breadcrumb ? this.$route.meta.breadcrumb[0] : {}
+            this.nextMenu = this.filterUrl(this.pmenu.children)
+            this.$nextTick(() => {
+                this.active = this.$route.meta.active || this.$route.fullPath
+            })
+        },
+        //点击显示
+        showMenu(route) {
+            this.pmenu = route
+            this.nextMenu = this.filterUrl(route.children)
+            if ((!route.children || route.children.length === 0) && route.component) {
+                this.$router.push({ path: route.path })
+            }
+        },
+        //转换外部链接的路由
+        filterUrl(map) {
+            var newMap = []
+            map &&
+                map.forEach((item) => {
+                    item.meta = item.meta ? item.meta : {}
+                    //处理隐藏
+                    if (item.meta.hidden || item.meta.type === 'button') {
+                        return false
+                    }
+                    //处理http
+                    if (item.meta.type === 'iframe') {
+                        item.path = `/i/${item.name}`
+                    }
+                    //递归循环
+                    if (item.children && item.children.length > 0) {
+                        item.children = this.filterUrl(item.children)
+                    }
+                    newMap.push(item)
+                })
+            return newMap
+        },
+        //退出最大化
+        exitMaximize() {
+            document.getElementById('app').classList.remove('main-maximize')
+        },
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/layout/other/404.vue b/src/frontend/admin/src/layout/other/404.vue
new file mode 100644
index 00000000..4ca4e464
--- /dev/null
+++ b/src/frontend/admin/src/layout/other/404.vue
@@ -0,0 +1,77 @@
+<template>
+    <div class="router-err">
+        <div class="router-err__icon">
+            <img src="@/assets/img/404.png" />
+        </div>
+        <div class="router-err__content">
+            <h2>无权限或找不到页面</h2>
+            <p>当前页面无权限访问或者打开了一个不存在的链接，请检查当前账户权限和链接的可访问性。</p>
+            <el-button plain round type="primary" @click="gohome">返回首页</el-button>
+            <el-button plain round type="primary" @click="gologin">重新登录</el-button>
+            <el-button round type="primary" @click="goback">返回上一页</el-button>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    methods: {
+        gohome() {
+            location.href = '#/'
+        },
+        goback() {
+            this.$router.go(-1)
+        },
+        gologin() {
+            this.$router.push('/anonymous/login')
+        },
+    },
+}
+</script>
+
+<style scoped>
+.router-err {
+    display: flex;
+    width: 900px;
+    margin: 50px auto;
+    align-items: center;
+}
+
+.router-err__icon {
+    width: 400px;
+}
+
+.router-err__icon img {
+    width: 100%;
+}
+
+.router-err__content {
+    flex: 1;
+    padding: 40px;
+}
+
+.router-err__content h2 {
+    font-size: 26px;
+}
+
+.router-err__content p {
+    font-size: 14px;
+    color: #999;
+    margin: 15px 0 30px 0;
+    line-height: 1.5;
+}
+
+@media (max-width: 992px) {
+    .router-err {
+        display: block;
+        width: 100%;
+        margin-top: 10px;
+        text-align: center;
+    }
+
+    .router-err__icon {
+        width: 280px;
+        margin: 0 auto;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/layout/other/autoExit.js b/src/frontend/admin/src/layout/other/autoExit.js
new file mode 100644
index 00000000..e31cef55
--- /dev/null
+++ b/src/frontend/admin/src/layout/other/autoExit.js
@@ -0,0 +1,49 @@
+export default {
+    render() {},
+    data() {
+        return {
+            logoutCount: this.$TOOL.data.get('AUTO_EXIT'),
+        }
+    },
+    mounted() {
+        if (this.logoutCount) {
+            this.setNewAutoExitTime()
+            document.onclick = () => {
+                this.setNewAutoExitTime()
+            }
+            document.onmousemove = () => {
+                this.setNewAutoExitTime()
+            }
+            document.onkeydown = () => {
+                this.setNewAutoExitTime()
+            }
+            document.onscroll = () => {
+                this.setNewAutoExitTime()
+            }
+            window.autoExitTimer = window.setInterval(this.autoExitfun, 1000)
+        }
+    },
+    unmounted() {
+        if (this.logoutCount) {
+            clearInterval(window.autoExitTimer)
+            window.autoExitTimer = null
+        }
+    },
+    methods: {
+        setNewAutoExitTime() {
+            window.autoExitTime = new Date().getTime()
+        },
+        autoExitfun() {
+            if (new Date().getTime() - window.autoExitTime > this.logoutCount * 60 * 1000) {
+                clearInterval(window.autoExitTimer)
+                window.autoExitTimer = null
+                this.$router.replace({ path: '/anonymous/login' })
+                this.$alert('用户长时间无操作，为保证账户安全，系统已自动登出。', '提示', {
+                    type: 'warning',
+                    center: true,
+                    roundButton: true,
+                })
+            }
+        },
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/layout/other/empty.vue b/src/frontend/admin/src/layout/other/empty.vue
new file mode 100644
index 00000000..e3bc8ac8
--- /dev/null
+++ b/src/frontend/admin/src/layout/other/empty.vue
@@ -0,0 +1,3 @@
+<template>
+    <router-view></router-view>
+</template>
\ No newline at end of file
diff --git a/src/frontend/admin/src/locales/index.js b/src/frontend/admin/src/locales/index.js
new file mode 100644
index 00000000..a8654de2
--- /dev/null
+++ b/src/frontend/admin/src/locales/index.js
@@ -0,0 +1,28 @@
+import sysConfig from '@/config'
+import tool from '@/utils/tool'
+import { createI18n } from 'vue-i18n'
+import el_zh_cn from 'element-plus/es/locale/lang/zh-cn'
+import el_en from 'element-plus/es/locale/lang/en'
+
+import zh_cn from './lang/zh-cn.js'
+import en from './lang/en.js'
+
+const messages = {
+    'zh-cn': {
+        el: el_zh_cn,
+        ...zh_cn,
+    },
+    en: {
+        el: el_en,
+        ...en,
+    },
+}
+
+const i18n = createI18n({
+    locale: tool.data.get('APP_LANG') || sysConfig.LANG,
+    fallbackLocale: 'zh-cn',
+    globalInjection: true,
+    messages,
+})
+
+export default i18n
\ No newline at end of file
diff --git a/src/frontend/admin/src/locales/lang/en.js b/src/frontend/admin/src/locales/lang/en.js
new file mode 100644
index 00000000..63b277be
--- /dev/null
+++ b/src/frontend/admin/src/locales/lang/en.js
@@ -0,0 +1,39 @@
+export default {
+    login: {
+        slogan: 'High performance / delicate / grace',
+        describe: 'Vue3 + element plus based front-end solutions in the background.',
+        signInTitle: 'Sign in',
+        accountLogin: 'Account sign in',
+        mobileLogin: 'Mobile sign in',
+        rememberMe: 'Remember me',
+        forgetPassword: 'Forget password',
+        signIn: 'Sign in',
+        signInOther: 'Sign in with',
+        userPlaceholder: 'user / phone / email',
+        userError: 'Please input a user name',
+        PWPlaceholder: 'Please input a password',
+        PWError: 'Please input a password',
+        admin: 'Administrator',
+        user: 'User',
+        mobilePlaceholder: 'Mobile',
+        mobileError: 'Please input mobile',
+        smsPlaceholder: 'SMS Code',
+        smsError: 'Please input sms code',
+        smsGet: 'Get SMS Code',
+        smsSent: 'SMS sent to mobile number',
+        noAccount: 'No account?',
+        createAccount: 'Create a new account',
+        wechatLoginTitle: 'QR code sign in',
+        wechatLoginMsg: 'Please use wechat to scan and log in | Auto scan after 3 seconds of simulation',
+        wechatLoginResult: 'Scanned | Please click authorize login in the device',
+    },
+    user: {
+        dynamic: 'Dynamic',
+        info: 'User Info',
+        settings: 'Settings',
+        nightmode: 'night mode',
+        nightmode_msg: 'Suitable for low light environment,The current night mode is beta',
+        language: 'language',
+        language_msg: 'Translation in progress,Temporarily translated the text of this view',
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/locales/lang/zh-cn.js b/src/frontend/admin/src/locales/lang/zh-cn.js
new file mode 100644
index 00000000..9023963f
--- /dev/null
+++ b/src/frontend/admin/src/locales/lang/zh-cn.js
@@ -0,0 +1,39 @@
+export default {
+    login: {
+        slogan: '高性能 / 精致 / 优雅',
+        describe: '基于Vue3 + Element-Plus 的中后台前端解决方案。',
+        signInTitle: '用户登录',
+        accountLogin: '账号登录',
+        mobileLogin: '手机号登录',
+        rememberMe: '24小时免登录',
+        forgetPassword: '忘记密码',
+        signIn: '登录',
+        signInOther: '其他登录方式',
+        userPlaceholder: '用户名 / 手机 / 邮箱',
+        userError: '请输入用户名',
+        PWPlaceholder: '请输入密码',
+        PWError: '请输入密码',
+        admin: '管理员',
+        user: '用户',
+        mobilePlaceholder: '手机号码',
+        mobileError: '请输入手机号码',
+        smsPlaceholder: '短信验证码',
+        smsError: '请输入短信验证码',
+        smsGet: '获取验证码',
+        smsSent: '已发送短信至手机号码',
+        noAccount: '还没有账号?',
+        createAccount: '创建新账号',
+        wechatLoginTitle: '二维码登录',
+        wechatLoginMsg: '请使用微信扫一扫登录 | 模拟3秒后自动扫描',
+        wechatLoginResult: '已扫描 | 请在设备中点击授权登录',
+    },
+    user: {
+        dynamic: '近期动态',
+        info: '个人信息',
+        settings: '设置',
+        nightmode: '黑夜模式',
+        nightmode_msg: '适合光线较弱的环境，当前黑暗模式为beta版本',
+        language: '语言',
+        language_msg: '翻译进行中，暂翻译了本视图的文本',
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/main.js b/src/frontend/admin/src/main.js
new file mode 100644
index 00000000..c5e91fbb
--- /dev/null
+++ b/src/frontend/admin/src/main.js
@@ -0,0 +1,22 @@
+import { createApp } from 'vue'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import 'element-plus/theme-chalk/display.css'
+import scui from './scui'
+import i18n from './locales'
+import router from './router'
+import store from './store'
+import App from './App.vue'
+import preload from '@/utils/preload'
+
+const app = createApp(App)
+app.use(ElementPlus)
+app.use(store)
+app.use(i18n)
+app.use(scui)
+
+preload.install(app).then(() => {
+    app.use(router)
+    //挂载app
+    app.mount('#app')
+})
\ No newline at end of file
diff --git a/src/frontend/admin/src/router/index.js b/src/frontend/admin/src/router/index.js
new file mode 100644
index 00000000..75bbb0f3
--- /dev/null
+++ b/src/frontend/admin/src/router/index.js
@@ -0,0 +1,192 @@
+import { createRouter, createWebHashHistory } from 'vue-router'
+import { ElNotification } from 'element-plus'
+import config from '@/config'
+import NProgress from 'nprogress'
+import 'nprogress/nprogress.css'
+import tool from '@/utils/tool'
+import systemRouter from './systemRouter'
+import userRoutes from '@/config/route'
+import { afterEach, beforeEach } from './scrollBehavior'
+
+// 匹配views里面所有的.vue文件
+const modules = import.meta.glob('./../views/**/*.vue')
+const otherModules = {
+    404: () => import('../layout/other/404.vue'),
+    empty: () => import('../layout/other/empty.vue'),
+}
+
+//系统路由
+const routes = systemRouter
+
+//系统特殊路由
+const routes_404 = {
+    path: '/:pathMatch(.*)*',
+    hidden: true,
+    component: otherModules['404'],
+}
+let routes_404_r = () => {}
+
+const router = createRouter({
+    history: createWebHashHistory(),
+    routes: routes,
+})
+
+//设置标题
+document.title = config.APP_NAME
+
+//判断是否已加载过动态/静态路由
+let isGetRouter = false
+
+router.beforeEach(async (to, from, next) => {
+    NProgress.start()
+    //动态标题
+    document.title = to.meta.title ? `${to.meta.title} - ${config.APP_NAME}` : `${config.APP_NAME}`
+
+    let token = tool.cookie.get('ACCESS-TOKEN') || tool.cookie.get('X-ACCESS-TOKEN')
+
+    if (to.path === '/anonymous/login') {
+        //删除路由(替换当前layout路由)
+        router.addRoute(routes[0])
+        //删除路由(404)
+        routes_404_r()
+        isGetRouter = false
+        next()
+        return false
+    }
+
+    if (routes.findIndex((r) => r.path === to.path) >= 0) {
+        next()
+        return false
+    }
+
+    //整页路由处理
+    if (to.meta.fullpage) {
+        to.matched = [to.matched[to.matched.length - 1]]
+    }
+    //加载动态/静态路由
+
+    if (!isGetRouter) {
+        let userMenu = treeFilter(userRoutes, (node) => {
+            return node.meta.role
+                ? node.meta.role.filter((item) => router.app.config.globalProperties.$GLOBAL.user.role.indexOf(item) > -1).length > 0
+                : true
+        })
+        let menu = [...userMenu, ...(router.app.config.globalProperties.$GLOBAL.menu || [])]
+        let menuRouter = filterAsyncRouter(menu)
+        menuRouter = flatAsyncRoutes(menuRouter)
+        menuRouter.forEach((item) => {
+            router.addRoute('layout', item)
+        })
+        routes_404_r = router.addRoute(routes_404)
+
+        if (to.matched.length === 0) {
+            await router.push(to.fullPath)
+        }
+        isGetRouter = true
+    }
+    beforeEach(to, from)
+    next()
+})
+
+router.afterEach((to, from) => {
+    afterEach(to, from)
+    NProgress.done()
+})
+
+router.onError((error) => {
+    NProgress.done()
+    ElNotification.error({
+        title: '路由错误',
+        message: error.message,
+    })
+})
+
+//入侵追加自定义方法、对象
+router.sc_getMenu = () => {
+    const apiMenu = router.app.config.globalProperties.$GLOBAL.menu || []
+    const userInfo = router.app.config.globalProperties.$GLOBAL.user
+    const userMenu = treeFilter(userRoutes, (node) => {
+        return node.meta.role ? node.meta.role.filter((item) => userInfo.role.indexOf(item) > -1).length > 0 : true
+    })
+    return [...userMenu, ...apiMenu]
+}
+
+//转换
+function filterAsyncRouter(routerMap) {
+    const accessedRouters = []
+    routerMap.forEach((item) => {
+        item.meta = item.meta ? item.meta : {}
+        //处理外部链接特殊路由
+        if (item.meta.type === 'iframe') {
+            item.meta.url = item.path
+            item.path = `/i/${item.name}`
+        }
+        //MAP转路由对象
+        const route = {
+            path: item.path,
+            name: item.name,
+            meta: item.meta,
+            redirect: item.redirect,
+            children: item.children ? filterAsyncRouter(item.children) : null,
+            component: loadComponent(item.component),
+        }
+        accessedRouters.push(route)
+    })
+    return accessedRouters
+}
+
+function loadComponent(component) {
+    if (component) {
+        for (const path in modules) {
+            const dir = path.split('views/')[1].split('.vue')[0]
+            if (dir === component || dir === component + '/index') {
+                return () => modules[path]()
+            }
+        }
+    }
+    return otherModules['empty']
+}
+
+//路由扁平化
+function flatAsyncRoutes(routes, breadcrumb = []) {
+    let res = []
+    routes.forEach((route) => {
+        const tmp = { ...route }
+        if (tmp.children) {
+            let childrenBreadcrumb = [...breadcrumb]
+            childrenBreadcrumb.push(route)
+            let tmpRoute = { ...route }
+            tmpRoute.meta.breadcrumb = childrenBreadcrumb
+            delete tmpRoute.children
+            res.push(tmpRoute)
+            let childrenRoutes = flatAsyncRoutes(tmp.children, childrenBreadcrumb)
+            childrenRoutes.map((item) => {
+                res.push(item)
+            })
+        } else {
+            let tmpBreadcrumb = [...breadcrumb]
+            tmpBreadcrumb.push(tmp)
+            tmp.meta.breadcrumb = tmpBreadcrumb
+            res.push(tmp)
+        }
+    })
+    return res
+}
+
+//过滤树
+function treeFilter(tree, func) {
+    return tree
+        .map((node) => ({ ...node }))
+        .filter((node) => {
+            node.children = node.children && treeFilter(node.children, func)
+            return func(node) || (node.children && node.children.length)
+        })
+}
+
+export default {
+    ...router,
+    install(app) {
+        router.install(app)
+        router.app = app
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/router/scrollBehavior.js b/src/frontend/admin/src/router/scrollBehavior.js
new file mode 100644
index 00000000..f3a522dc
--- /dev/null
+++ b/src/frontend/admin/src/router/scrollBehavior.js
@@ -0,0 +1,26 @@
+import store from '@/store'
+import { nextTick } from 'vue'
+
+export function beforeEach(to, from) {
+    var adminMain = document.querySelector('#adminui-main')
+    if (!adminMain) {
+        return false
+    }
+    store.commit('updateViewTags', {
+        fullPath: from.fullPath,
+        scrollTop: adminMain.scrollTop,
+    })
+}
+
+export function afterEach(to) {
+    var adminMain = document.querySelector('#adminui-main')
+    if (!adminMain) {
+        return false
+    }
+    nextTick(() => {
+        var beforeRoute = store.state.viewTags.viewTags.filter((v) => v.fullPath === to.fullPath)[0]
+        if (beforeRoute) {
+            adminMain.scrollTop = beforeRoute.scrollTop || 0
+        }
+    })
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/router/systemRouter.js b/src/frontend/admin/src/router/systemRouter.js
new file mode 100644
index 00000000..5784033d
--- /dev/null
+++ b/src/frontend/admin/src/router/systemRouter.js
@@ -0,0 +1,35 @@
+import config from '@/config'
+
+//系统路由
+const routes = [
+    {
+        name: 'layout',
+        path: '/',
+        component: () => import(/* webpackChunkName: "layout" */ '@/layout'),
+        redirect: config.DASHBOARD_URL || '/home',
+        children: [],
+    },
+    {
+        path: '/anonymous/login',
+        component: () => import(/* webpackChunkName: "login" */ '@/views/anonymous/login'),
+        meta: {
+            title: '登录',
+        },
+    },
+    {
+        path: '/anonymous/register',
+        component: () => import(/* webpackChunkName: "userRegister" */ '@/views/anonymous/register.vue'),
+        meta: {
+            title: '注册',
+        },
+    },
+    {
+        path: '/anonymous/reset-password',
+        component: () => import(/* webpackChunkName: "resetPassword" */ '@/views/anonymous/resetPassword'),
+        meta: {
+            title: '重置密码',
+        },
+    },
+]
+
+export default routes
\ No newline at end of file
diff --git a/src/frontend/admin/src/scui.js b/src/frontend/admin/src/scui.js
new file mode 100644
index 00000000..19edd692
--- /dev/null
+++ b/src/frontend/admin/src/scui.js
@@ -0,0 +1,116 @@
+import config from '@/config'
+import api from '@/api'
+import tool from '@/utils/tool'
+import http from '@/utils/request'
+import { permission, rolePermission } from '@/utils/permission'
+
+import scTable from '@/components/scTable'
+import scTableColumn from '@/components/scTable/column.js'
+import scFilterBar from '@/components/scFilterBar'
+import scUpload from '@/components/scUpload'
+import scUploadMultiple from '@/components/scUpload/multiple'
+import scUploadFile from '@/components/scUpload/file'
+import scFormTable from '@/components/scFormTable'
+import scTableSelect from '@/components/scTableSelect'
+import scPageHeader from '@/components/scPageHeader'
+import scSelect from '@/components/scSelect'
+import scDialog from '@/components/scDialog'
+import scForm from '@/components/scForm'
+import scTitle from '@/components/scTitle'
+import scWaterMark from '@/components/scWaterMark'
+import scQrCode from '@/components/scQrCode'
+import scStatusIndicator from '@/components/scMini/scStatusIndicator'
+import scTrend from '@/components/scMini/scTrend'
+import naSearch from '@/components/naSearch'
+import naColAvatar from '@/components/naColAvatar'
+import naColOperation from '@/components/naColOperation'
+import naButtonAdd from '@/components/naButtonAdd/index.vue'
+import naColIndicator from '@/components/naColIndicator/index.vue'
+
+import auth from '@/directives/auth'
+import role from '@/directives/role'
+import time from '@/directives/time'
+import copy from '@/directives/copy'
+import errorHandler from '@/utils/errorHandler'
+import * as elIcons from '@element-plus/icons-vue'
+import * as scIcons from '@/assets/icons'
+import naColTags from '@/components/naColTags/index.vue'
+import naArea from '@/components/naArea/index.vue'
+import naDept from '@/components/naDept/index.vue'
+import naDicCatalog from '@/components/naDicCatalog/index.vue'
+import naButtonBatchDel from '@/components/naButtonBatchDel/index.vue'
+import naFormEmail from '@/components/naFormEmail/index.vue'
+
+export default {
+    install(app) {
+        //挂载全局对象
+        app.config.globalProperties.$CONFIG = config
+        app.config.globalProperties.$TOOL = tool
+
+        // http
+        http.axios.app = () => app
+        app.config.globalProperties.$HTTP = http
+
+        app.config.globalProperties.$API = api
+        app.config.globalProperties.$AUTH = permission
+        app.config.globalProperties.$ROLE = rolePermission
+        app.config.globalProperties.$GLOBAL = {
+            enums: null,
+            menu: null,
+            user: null,
+            numbers: null,
+            chars: null,
+        }
+
+        //注册全局组件
+        app.component('scTable', scTable)
+        app.component('scTableColumn', scTableColumn)
+        app.component('scFilterBar', scFilterBar)
+        app.component('scUpload', scUpload)
+        app.component('scUploadMultiple', scUploadMultiple)
+        app.component('scUploadFile', scUploadFile)
+        app.component('scFormTable', scFormTable)
+        app.component('scTableSelect', scTableSelect)
+        app.component('scPageHeader', scPageHeader)
+        app.component('scSelect', scSelect)
+        app.component('scDialog', scDialog)
+        app.component('scForm', scForm)
+        app.component('scTitle', scTitle)
+        app.component('scWaterMark', scWaterMark)
+        app.component('scQrCode', scQrCode)
+        app.component('scStatusIndicator', scStatusIndicator)
+        app.component('scTrend', scTrend)
+        app.component('naSearch', naSearch)
+        app.component('naColAvatar', naColAvatar)
+        app.component('naColOperation', naColOperation)
+        app.component('naButtonAdd', naButtonAdd)
+        app.component('naColIndicator', naColIndicator)
+        app.component('naColTags', naColTags)
+        app.component('naArea', naArea)
+        app.component('naDept', naDept)
+        app.component('naDicCatalog', naDicCatalog)
+        app.component('naButtonBatchDel', naButtonBatchDel)
+        app.component('naFormEmail', naFormEmail)
+
+        //注册全局指令
+        app.directive('auth', auth)
+        app.directive('role', role)
+        app.directive('time', time)
+        app.directive('copy', copy)
+
+        //统一注册el-icon图标
+        for (let icon in elIcons) {
+            app.component(`ElIcon${icon}`, elIcons[icon])
+        }
+        //统一注册sc-icon图标
+        for (let icon in scIcons) {
+            app.component(`ScIcon${icon}`, scIcons[icon])
+        }
+
+        //关闭async-validator全局控制台警告
+        window.ASYNC_VALIDATOR_NO_WARNING = 1
+
+        //全局代码错误捕捉
+        app.config.errorHandler = errorHandler
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/store/index.js b/src/frontend/admin/src/store/index.js
new file mode 100644
index 00000000..ba78b185
--- /dev/null
+++ b/src/frontend/admin/src/store/index.js
@@ -0,0 +1,15 @@
+/**
+ * @description 自动import导入所有 vuex 模块
+ */
+
+import { createStore } from 'vuex'
+
+const files = import.meta.globEager('./modules/*.js')
+const modules = {}
+Object.keys(files).forEach((key) => {
+    modules[key.replace(/^\.\/modules\/(.*)\.js$/g, '$1')] = files[key].default
+})
+
+export default createStore({
+    modules,
+})
\ No newline at end of file
diff --git a/src/frontend/admin/src/store/modules/global.js b/src/frontend/admin/src/store/modules/global.js
new file mode 100644
index 00000000..51660580
--- /dev/null
+++ b/src/frontend/admin/src/store/modules/global.js
@@ -0,0 +1,33 @@
+import config from '@/config'
+
+export default {
+    state: {
+        //移动端布局
+        ismobile: false,
+        //布局
+        layout: config.LAYOUT,
+        //菜单是否折叠 toggle
+        menuIsCollapse: config.MENU_IS_COLLAPSE,
+        //多标签栏
+        layoutTags: config.LAYOUT_TAGS,
+        //主题
+        theme: config.THEME,
+    },
+    mutations: {
+        SET_ismobile(state, key) {
+            state.ismobile = key
+        },
+        SET_layout(state, key) {
+            state.layout = key
+        },
+        SET_theme(state, key) {
+            state.theme = key
+        },
+        TOGGLE_menuIsCollapse(state) {
+            state.menuIsCollapse = !state.menuIsCollapse
+        },
+        TOGGLE_layoutTags(state) {
+            state.layoutTags = !state.layoutTags
+        },
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/store/modules/iframe.js b/src/frontend/admin/src/store/modules/iframe.js
new file mode 100644
index 00000000..2bea1ec5
--- /dev/null
+++ b/src/frontend/admin/src/store/modules/iframe.js
@@ -0,0 +1,38 @@
+export default {
+    state: {
+        iframeList: [],
+    },
+    mutations: {
+        setIframeList(state, route) {
+            state.iframeList = []
+            state.iframeList.push(route)
+        },
+        pushIframeList(state, route) {
+            let target = state.iframeList.find((item) => item.path === route.path)
+            if (!target) {
+                state.iframeList.push(route)
+            }
+        },
+        removeIframeList(state, route) {
+            state.iframeList.forEach((item, index) => {
+                if (item.path === route.path) {
+                    state.iframeList.splice(index, 1)
+                }
+            })
+        },
+        refreshIframe(state, route) {
+            state.iframeList.forEach((item) => {
+                if (item.path === route.path) {
+                    var url = route.meta.url
+                    item.meta.url = ''
+                    setTimeout(function () {
+                        item.meta.url = url
+                    }, 200)
+                }
+            })
+        },
+        clearIframeList(state) {
+            state.iframeList = []
+        },
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/store/modules/keepAlive.js b/src/frontend/admin/src/store/modules/keepAlive.js
new file mode 100644
index 00000000..f1014890
--- /dev/null
+++ b/src/frontend/admin/src/store/modules/keepAlive.js
@@ -0,0 +1,34 @@
+export default {
+    state: {
+        keepLiveRoute: [],
+        routeKey: null,
+        routeShow: true,
+    },
+    mutations: {
+        pushKeepLive(state, component) {
+            if (!state.keepLiveRoute.includes(component)) {
+                state.keepLiveRoute.push(component)
+            }
+        },
+        removeKeepLive(state, component) {
+            var index = state.keepLiveRoute.indexOf(component)
+            if (index !== -1) {
+                state.keepLiveRoute.splice(index, 1)
+            }
+        },
+        clearKeepLive(state) {
+            state.keepLiveRoute = []
+        },
+        setRouteKey(state, key) {
+            state.routeKey = key
+        },
+        setRouteShow(state, key) {
+            state.routeShow = key
+        },
+    },
+    actions: {
+        setRouteKey({ commit }, key) {
+            commit('setRouteKey', key)
+        },
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/store/modules/viewTags.js b/src/frontend/admin/src/store/modules/viewTags.js
new file mode 100644
index 00000000..66acd967
--- /dev/null
+++ b/src/frontend/admin/src/store/modules/viewTags.js
@@ -0,0 +1,46 @@
+import router from '@/router'
+
+export default {
+    state: {
+        viewTags: [],
+    },
+    mutations: {
+        pushViewTags(state, route) {
+            let backPathIndex = state.viewTags.findIndex((item) => item.fullPath === router.options.history.state.back)
+            let target = state.viewTags.find((item) => item.fullPath === route.fullPath)
+            let isName = route.name
+            if (!target && isName) {
+                if (backPathIndex === -1) {
+                    state.viewTags.push(route)
+                } else {
+                    state.viewTags.splice(backPathIndex + 1, 0, route)
+                }
+            }
+        },
+        removeViewTags(state, route) {
+            state.viewTags.forEach((item, index) => {
+                if (item.fullPath === route.fullPath) {
+                    state.viewTags.splice(index, 1)
+                }
+            })
+        },
+        updateViewTags(state, route) {
+            state.viewTags.forEach((item) => {
+                if (item.fullPath === route.fullPath) {
+                    item = Object.assign(item, route)
+                }
+            })
+        },
+        updateViewTagsTitle(state, title = '') {
+            const nowFullPath = location.hash.substring(1)
+            state.viewTags.forEach((item) => {
+                if (item.fullPath === nowFullPath) {
+                    item.meta.title = title
+                }
+            })
+        },
+        clearViewTags(state) {
+            state.viewTags = []
+        },
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/style/app.scss b/src/frontend/admin/src/style/app.scss
new file mode 100644
index 00000000..c277992d
--- /dev/null
+++ b/src/frontend/admin/src/style/app.scss
@@ -0,0 +1,515 @@
+/* 全局 */
+#app,
+body,
+html {
+    width: 100%;
+    height: 100%;
+    background-color: #f6f8f9;
+    font-size: 13px;
+}
+
+a {
+    color: #333;
+    text-decoration: none;
+}
+
+a:hover,
+a:focus {
+    color: #000;
+    text-decoration: none;
+}
+
+a:link {
+    text-decoration: none;
+}
+
+a:-webkit-any-link {
+    text-decoration: none;
+}
+
+a,
+button,
+input,
+textarea {
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    box-sizing: border-box;
+    outline: none !important;
+    -webkit-appearance: none;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    outline: none;
+}
+
+/* 大布局样式 */
+.aminui {
+    display: flex;
+    flex-flow: column;
+}
+
+.aminui-wrapper {
+    display: flex;
+    flex: 1;
+    overflow: auto;
+}
+
+/* 全局滚动条样式 */
+.scrollable {
+    -webkit-overflow-scrolling: touch;
+}
+
+::-webkit-scrollbar {
+    width: 5px;
+    height: 5px;
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: rgba(50, 50, 50, 0.3);
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(50, 50, 50, 0.6);
+}
+
+::-webkit-scrollbar-track {
+    background-color: rgba(50, 50, 50, 0.1);
+}
+
+::-webkit-scrollbar-track:hover {
+    background-color: rgba(50, 50, 50, 0.2);
+}
+
+/*布局设置*/
+.layout-setting {
+    position: fixed;
+    width: 40px;
+    height: 40px;
+    border-radius: 3px 0 0 3px;
+    bottom: 100px;
+    right: 0px;
+    z-index: 100;
+    background: #409eff;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+}
+
+.layout-setting i {
+    font-size: 18px;
+    color: #fff;
+}
+
+/* 头部 */
+.adminui-header {
+    height: 58px;
+    background: #222b45;
+    color: #fff;
+    display: flex;
+    justify-content: space-between;
+}
+
+.adminui-header-left {
+    display: flex;
+    align-items: center;
+    padding-left: 20px;
+}
+
+.adminui-header-right {
+    display: flex;
+    align-items: center;
+}
+
+.adminui-header .logo-bar {
+    font-size: 20px;
+    font-weight: bold;
+    display: flex;
+    align-items: center;
+}
+
+.adminui-header .logo-bar .logo {
+    margin-right: 10px;
+    width: 35px;
+    height: 35px;
+}
+
+.adminui-header .nav {
+    display: flex;
+    height: 100%;
+    margin-left: 40px;
+}
+
+.adminui-header .nav li {
+    padding: 0 10px;
+    margin: 0 10px 0 0;
+    font-size: 14px;
+    color: rgba(255, 255, 255, 0.6);
+    list-style: none;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+}
+
+.adminui-header .nav li i {
+    margin-right: 5px;
+}
+
+.adminui-header .nav li:hover {
+    color: #fff;
+}
+
+.adminui-header .nav li.active {
+    background: rgba(255, 255, 255, 0.1);
+    color: #fff;
+}
+
+.adminui-header .user-bar .panel-item:hover {
+    background: rgba(255, 255, 255, 0.1) !important;
+}
+
+.adminui-header .user-bar .user label {
+    color: #fff;
+}
+
+/* 左侧菜单 */
+.aminui-side-split {
+    width: 65px;
+    flex-shrink: 0;
+    background: #222b45;
+    display: flex;
+    flex-flow: column;
+}
+
+.aminui-side-split-top {
+    height: 49px;
+}
+
+.aminui-side-split-top a {
+    display: inline-block;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.aminui-side-split-top .logo {
+    height: 30px;
+    vertical-align: bottom;
+}
+
+.adminui-side-split-scroll {
+    overflow: auto;
+    overflow-x: hidden;
+    height: 100%;
+    flex: 1;
+}
+
+.aminui-side-split li {
+    cursor: pointer;
+    width: 65px;
+    height: 65px;
+    color: #fff;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.aminui-side-split li i {
+    font-size: 18px;
+}
+
+.aminui-side-split li p {
+    margin-top: 5px;
+}
+
+.aminui-side-split li:hover {
+    background: rgba(255, 255, 255, 0.1);
+}
+
+.aminui-side-split li.active {
+    background: #409eff;
+}
+
+.adminui-side-split-scroll::-webkit-scrollbar-thumb {
+    background-color: rgba(255, 255, 255, 0.4);
+    border-radius: 5px;
+}
+
+.adminui-side-split-scroll::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(255, 255, 255, 0.5);
+}
+
+.adminui-side-split-scroll::-webkit-scrollbar-track {
+    background-color: rgba(255, 255, 255, 0);
+}
+
+.adminui-side-split-scroll::-webkit-scrollbar-track:hover {
+    background-color: rgba(255, 255, 255, 0);
+}
+
+.aminui-side {
+    display: flex;
+    flex-flow: column;
+    flex-shrink: 0;
+    width: 210px;
+    background: #fff;
+    box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
+    border-right: 1px solid #e6e6e6;
+    transition: width 0.3s;
+}
+
+.adminui-side-top {
+    border-bottom: 1px solid #ebeef5;
+    height: 50px;
+    line-height: 50px;
+}
+
+.adminui-side-top h2 {
+    padding: 0 20px;
+    font-size: 17px;
+    color: #3c4a54;
+}
+
+.adminui-side-scroll {
+    overflow: auto;
+    overflow-x: hidden;
+    flex: 1;
+}
+
+.adminui-side-bottom {
+    border-top: 1px solid #ebeef5;
+    height: 51px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.adminui-side-bottom i {
+    font-size: 16px;
+}
+
+.adminui-side-bottom:hover {
+    color: var(--el-color-primary);
+}
+
+.aminui-side.isCollapse {
+    width: 65px;
+}
+
+.el-menu .menu-tag {
+    position: absolute;
+    height: 18px;
+    line-height: 18px;
+    background: var(--el-color-danger);
+    font-size: 12px;
+    color: #fff;
+    right: 20px;
+    border-radius: 18px;
+    padding: 0 6px;
+}
+
+.el-menu .el-sub-menu__title .menu-tag {
+    right: 40px;
+}
+
+.el-menu--horizontal > li .menu-tag {
+    display: none;
+}
+
+/* 右侧内容 */
+.aminui-body {
+    flex: 1;
+    display: flex;
+    flex-flow: column;
+}
+
+.adminui-topbar {
+    height: 50px;
+    border-bottom: 1px solid #ebeef5;
+    background: #fff;
+    box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+    display: flex;
+    justify-content: space-between;
+}
+
+.adminui-topbar .left-panel {
+    display: flex;
+    align-items: center;
+}
+
+.adminui-topbar .right-panel {
+    display: flex;
+    align-items: center;
+}
+
+.right-panel-search {
+    display: flex;
+    align-items: center;
+    gap: .5rem;
+}
+
+
+.adminui-tags {
+    height: 35px;
+    background: #fff;
+    border-bottom: 1px solid #e6e6e6;
+}
+
+.adminui-tags ul {
+    display: flex;
+    overflow: hidden;
+}
+
+.adminui-tags li {
+    cursor: pointer;
+    display: inline-block;
+    height: 34px;
+    line-height: 34px;
+    position: relative;
+    flex-shrink: 0;
+}
+
+.adminui-tags li::after {
+    content: ' ';
+    width: 1px;
+    height: 100%;
+    position: absolute;
+    right: 0px;
+    background-image: linear-gradient(#fff, #e6e6e6);
+}
+
+.adminui-tags li a {
+    display: inline-block;
+    padding: 0 10px;
+    width: 100%;
+    height: 100%;
+    color: #999;
+    text-decoration: none;
+    display: flex;
+    align-items: center;
+}
+
+.adminui-tags li i {
+    margin-left: 10px;
+    border-radius: 3px;
+    width: 18px;
+    height: 18px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.adminui-tags li i:hover {
+    background: rgba(0, 0, 0, 0.2);
+    color: #fff;
+}
+
+.adminui-tags li:hover {
+    background: #ecf5ff;
+}
+
+.adminui-tags li.active {
+    background: #409eff;
+}
+
+.adminui-tags li.active a {
+    color: #fff;
+}
+
+.adminui-tags li.sortable-ghost {
+    opacity: 0;
+}
+
+.adminui-main {
+    overflow: auto;
+    background-color: #f6f8f9;
+    flex: 1;
+}
+
+/*页面最大化*/
+.aminui.main-maximize {
+    .main-maximize-exit {
+        display: block;
+    }
+
+    .aminui-side-split,
+    .aminui-side,
+    .adminui-header,
+    .adminui-topbar,
+    .adminui-tags {
+        display: none;
+    }
+}
+
+.main-maximize-exit {
+    display: none;
+    position: fixed;
+    z-index: 3000;
+    top: -20px;
+    left: 50%;
+    margin-left: -20px;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    cursor: pointer;
+    background: rgba(0, 0, 0, 0.2);
+    text-align: center;
+}
+
+.main-maximize-exit i {
+    font-size: 14px;
+    margin-top: 22px;
+    color: #fff;
+}
+
+.main-maximize-exit:hover {
+    background: rgba(0, 0, 0, 0.4);
+}
+
+/*定宽页面*/
+.sc-page {
+    width: 1230px;
+    margin: 0 auto;
+}
+
+
+.no-zIndex .el-table__cell {
+    z-index: unset;
+}
+
+.w15 {
+    width: 15rem;
+}
+
+.w100p {
+    width: 100%;
+}
+
+.text-center {
+    text-align: center;
+}
+
+.flex {
+    display: flex;
+}
+
+.gap05 {
+    gap: .5rem;
+}
+
+.items-center {
+    align-items: center;
+}
+
+.justify-content-center {
+    justify-content: center;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/style/dark.scss b/src/frontend/admin/src/style/dark.scss
new file mode 100644
index 00000000..56795385
--- /dev/null
+++ b/src/frontend/admin/src/style/dark.scss
@@ -0,0 +1,95 @@
+@import 'element-plus/theme-chalk/src/dark/css-vars.scss';
+
+html.dark {
+	//变量
+	--el-text-color-primary: #d0d0d0;
+	--el-color-primary-dark-2: var(--el-color-primary-light-2) !important;
+	--el-color-primary-light-9: var(--el-color-primary-dark-8) !important;
+	--el-color-primary-light-8: var(--el-color-primary-dark-7) !important;
+	--el-color-primary-light-7: var(--el-color-primary-dark-6) !important;
+	--el-color-primary-light-5: var(--el-color-primary-dark-4) !important;
+	--el-color-primary-light-3: var(--el-color-primary-dark-3) !important;
+
+	//背景
+	#app {
+		background: var(--el-bg-color);
+	}
+
+	//登录背景
+	.login_bg {
+		background: var(--el-bg-color);
+	}
+
+	//框架
+	.adminui-header {
+		background: var(--el-bg-color-overlay);
+		border-bottom: 1px solid var(--el-border-color-light);
+		height: 59px;
+	}
+
+	.aminui-side-split {
+		background: var(--el-bg-color);
+	}
+
+	.aminui-side-split li {
+		color: var(--el-text-color-primary);
+	}
+
+	.aminui-side {
+		background: var(--el-bg-color-overlay);
+		border-color: var(--el-border-color-light);
+	}
+
+	.adminui-side-top,
+	.adminui-side-bottom {
+		border-color: var(--el-border-color-light);
+	}
+
+	.adminui-side-top h2 {
+		color: var(--el-text-color-primary);
+	}
+
+	.adminui-topbar,
+	.adminui-tags {
+		background: var(--el-bg-color-overlay);
+		border-color: var(--el-border-color-light);
+	}
+
+	.adminui-main {
+		background: var(--el-bg-color);
+	}
+
+	.drawerBG {
+		background: var(--el-bg-color);
+	}
+
+	.adminui-header-menu .el-menu {
+		--el-menu-bg-color: var(--el-bg-color-overlay) !important;
+		--el-menu-hover-bg-color: #171819 !important;
+	}
+
+	//组件
+	.el-header,
+	.el-main.nopadding,
+	.el-footer {
+		background: var(--el-bg-color-overlay);
+		border-color: var(--el-border-color-light);
+	}
+
+	.el-main {
+		background: var(--el-bg-color);
+	}
+
+	.el-aside {
+		background: var(--el-bg-color-overlay);
+		border-color: var(--el-border-color-light);
+	}
+
+	.el-table .el-table__body-wrapper {
+		background: var(--el-bg-color);
+	}
+
+	.el-table th.is-sortable:hover {
+		background: #111;
+	}
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/style/fix.scss b/src/frontend/admin/src/style/fix.scss
new file mode 100644
index 00000000..a207af25
--- /dev/null
+++ b/src/frontend/admin/src/style/fix.scss
@@ -0,0 +1,293 @@
+/* 覆盖element-plus样式 */
+
+:root {
+  --el-color-primary: #409eff;
+  --el-color-primary-light-1: #53a7ff;
+  --el-color-primary-light-2: #66b1ff;
+  --el-color-primary-light-3: #79bbff;
+  --el-color-primary-light-4: #8cc4ff;
+  --el-color-primary-light-5: #9fceff;
+  --el-color-primary-light-6: #b2d8ff;
+  --el-color-primary-light-7: #c5e1ff;
+  --el-color-primary-light-8: #d8ebff;
+  --el-color-primary-light-9: #ebf5ff;
+  --el-color-primary-dark-1: #398ee5;
+  --el-color-primary-dark-2: #337ecc;
+  --el-color-primary-dark-3: #2c6eb2;
+  --el-color-primary-dark-4: #265e99;
+  --el-color-primary-dark-5: #204f7f;
+  --el-color-primary-dark-6: #193f66;
+  --el-color-primary-dark-7: #132f4c;
+  --el-color-primary-dark-8: #0c1f32;
+  --el-color-primary-dark-9: #060f19;
+  --el-font-size-base: 13px;
+}
+
+.right-panel-search .el-input {
+  --el-input-width: 15rem;
+}
+
+.el-date-editor {
+  --el-date-editor-daterange-width: 20rem;
+}
+
+.el-menu {
+  border: none !important;
+}
+
+.el-menu .el-menu-item a {
+  color: inherit;
+  text-decoration: none;
+  display: block;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.el-form-item-msg {
+  font-size: 12px;
+  color: #999;
+  flex-grow: 1;
+  line-height: 2rem
+}
+
+.el-container {
+  height: 100%;
+}
+
+.el-aside {
+  border-right: 1px solid var(--el-border-color-light);
+}
+
+.el-container + .el-aside {
+  border-right: 0;
+  border-left: 1px solid var(--el-border-color-light);
+}
+
+.el-header {
+  background: #fff;
+  border-bottom: 1px solid var(--el-border-color-light);
+  padding: 13px 15px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.el-header .left-panel {
+  display: flex;
+  align-items: center;
+}
+
+.el-header .right-panel {
+  display: flex;
+  align-items: center;
+}
+
+.el-header .right-panel > * + * {
+  margin-left: 10px;
+}
+
+.el-footer {
+  background: #fff;
+  border-top: 1px solid var(--el-border-color-light);
+  padding: 13px 15px;
+  height: 51px;
+}
+
+.el-main {
+  padding: 1rem;
+}
+
+.el-main.nopadding {
+  padding: 0;
+  background: #fff;
+}
+
+.el-drawer__body {
+  overflow: auto;
+  padding: 0;
+}
+
+.el-popconfirm__main {
+  margin: 14px 0;
+}
+
+.el-card__header {
+  border-bottom: 0;
+  font-size: 17px;
+  font-weight: bold;
+  padding: 15px 20px 0px 20px;
+}
+
+.el-dialog__title {
+  font-size: 17px;
+  font-weight: bold;
+}
+
+.el-drawer__header > :first-child {
+  font-size: 17px;
+  font-weight: bold;
+}
+
+.el-tree.menu .el-tree-node__content {
+  height: 36px;
+}
+
+.el-tree.menu .el-tree-node__content .el-tree-node__label .icon {
+  margin-right: 5px;
+}
+
+.el-progress__text {
+  font-size: 12px !important;
+}
+
+.el-progress__text i {
+  font-size: 14.4px !important;
+}
+
+.el-step.is-horizontal .el-step__line {
+  height: 1px;
+}
+
+.el-step__title {
+  font-size: 14px;
+}
+
+.drawerBG {
+  background: #f6f8f9;
+}
+
+.el-button + .el-dropdown {
+  margin-left: 10px;
+}
+
+.el-button-group + .el-dropdown {
+  margin-left: 10px;
+}
+
+.el-tag + .el-tag {
+  margin-left: 10px;
+}
+
+.el-button-group + .el-button-group {
+  margin-left: 10px;
+}
+
+.el-tabs__nav-wrap::after {
+  height: 1px;
+}
+
+.el-table th.is-sortable {
+  transition: 0.1s;
+}
+
+.el-table th.is-sortable:hover {
+  background: #eee;
+}
+
+.el-table .el-table__body-wrapper {
+  background: #f6f8f9;
+}
+
+.el-col .el-card {
+  margin-bottom: 15px;
+}
+
+.el-main {
+  flex-basis: 100%;
+}
+
+.el-main > .scTable .el-table--border::before {
+  display: none;
+}
+
+.el-main > .scTable .el-table--border::after {
+  display: none;
+}
+
+.el-main > .scTable .el-table--border .el-table__inner-wrapper::after {
+  display: none;
+}
+
+.el-main > .scTable .el-table__border-left-patch {
+  display: none;
+}
+
+.el-main > .scTable .el-table--border .el-table__inner-wrapper tr:first-child td:first-child {
+  border-left: 0;
+}
+
+.el-main > .scTable .el-table--border .el-table__inner-wrapper tr:first-child th:first-child {
+  border-left: 0;
+}
+
+.el-table.el-table--large {
+  font-size: 14px;
+}
+
+.el-table.el-table--small {
+  font-size: 12px;
+}
+
+.el-table {
+  font-size: 12px;
+}
+
+.el-radio-button__inner {
+  font-size: 12px;
+}
+
+.el-checkbox-button__inner {
+  font-size: 12px;
+}
+
+.el-sub-menu .el-icon {
+  font-size: 17px;
+}
+
+.el-sub-menu .el-sub-menu__icon-arrow {
+  font-size: 12px;
+}
+
+.aminui-side-split li.active {
+  background-color: var(--el-color-primary);
+}
+
+.adminui-tags li:hover {
+  background-color: var(--el-color-primary-light-9);
+}
+
+.adminui-tags li.active {
+  background-color: var(--el-color-primary) !important;
+}
+
+.contextmenu li:hover {
+  background-color: var(--el-color-primary-light-9) !important;
+  color: var(--el-color-primary-light-2) !important;
+}
+
+.data-box .item-background {
+  background-color: var(--el-color-primary) !important;
+}
+
+.layout-setting,
+.diy-grid-setting {
+  background-color: var(--el-color-primary) !important;
+}
+
+/* 覆盖tinymce样式 */
+.sceditor .tox-tinymce {
+  border: 1px solid #dcdfe6;
+  border-radius: 0;
+}
+
+body .tox-tinymce-aux {
+  z-index: 5700;
+}
+
+
+.el-descriptions__body .el-descriptions__table {
+  word-break: break-word;
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/style/media.scss b/src/frontend/admin/src/style/media.scss
new file mode 100644
index 00000000..a46770c2
--- /dev/null
+++ b/src/frontend/admin/src/style/media.scss
@@ -0,0 +1,141 @@
+@media (max-width: 992px) {
+  // 移动端样式覆盖
+  .el-form-item {
+    display: block;
+  }
+  .el-form-item__label {
+    display: block;
+    text-align: left;
+    padding: 0 0 10px;
+  }
+  .el-dialog {
+    width: 90% !important;
+  }
+  .el-dialog.is-fullscreen {
+    width: 100% !important;
+  }
+  .el-drawer.rtl {
+    width: 90% !important;
+  }
+  .el-form-item__content {
+    margin-left: 0px !important;
+  }
+
+  .adminui-main {
+    > .el-container {
+      display: block;
+      height: auto;
+    }
+
+    > .el-container > .el-aside {
+      width: 100% !important;
+      border: 0;
+    }
+  }
+  .scTable {
+    .el-table,
+    .el-table__body-wrapper {
+      display: block !important;
+      height: auto !important;
+    }
+
+    .el-scrollbar__wrap {
+      height: auto !important;
+    }
+
+    .scTable-page {
+      padding: 0 5px !important;
+    }
+
+    .el-pagination__total,
+    .el-pagination__jump,
+    .el-pagination__sizes {
+      display: none !important;
+    }
+  }
+
+  .headerPublic {
+    height: auto !important;
+    display: block;
+
+    .left-panel {
+      overflow: auto;
+    }
+
+    .left-panel::-webkit-scrollbar {
+      display: none;
+    }
+
+    .right-panel {
+      display: block;
+      border-top: 1px solid var(--el-border-color-light);
+      margin-top: 15px;
+    }
+
+    .right-panel .right-panel-search {
+      display: block;
+    }
+
+  }
+  .adminui-main > .el-container > *:first-child:not(.el-aside):not(.el-header) {
+    border: 0;
+    margin-top: 0;
+  }
+  .adminui-main > .el-container > *:first-child:not(.el-aside):not(.el-header) + .el-aside {
+    margin-top: 0;
+  }
+  .adminui-main > .el-container > .el-aside {
+    border-bottom: 1px solid var(--el-border-color-light) !important;
+  }
+  .adminui-main > .el-container > .el-container {
+    border-top: 1px solid var(--el-border-color-light);
+    border-bottom: 1px solid var(--el-border-color-light);
+    margin-top: 15px;
+  }
+  .adminui-main > .el-container > .el-container + .el-aside {
+    border-top: 1px solid var(--el-border-color-light);
+    margin-top: 15px;
+  }
+  .adminui-main > .el-container > .el-header {
+    @extend .headerPublic;
+  }
+  .adminui-main > .el-container > .el-main.nopadding {
+    border-top: 1px solid var(--el-border-color-light);
+    border-bottom: 1px solid var(--el-border-color-light);
+    margin-top: 15px;
+  }
+  .adminui-main > .el-container > .el-main + .el-aside {
+    border-left: 0 !important;
+    border-top: 1px solid var(--el-border-color-light);
+    margin-top: 15px;
+  }
+  .adminui-main > .el-container > .el-footer {
+    margin-top: 15px;
+    border-bottom: 1px solid var(--el-border-color-light);
+  }
+  .adminui-main > .el-container > .el-container > .el-header {
+    @extend .headerPublic;
+  }
+  .adminui-main > .el-container > .el-container > .el-header .left-panel {
+    display: block;
+  }
+  .adminui-main > .el-container > .el-container > .el-header .right-panel {
+    display: block;
+    margin-top: 15px;
+  }
+
+  .sc-page {
+    width: 100%;
+    margin: 0;
+  }
+
+  .common-main .el-form {
+    width: 100% !important;
+  }
+  .common-header-logo label {
+    display: none;
+  }
+  .common-header-title {
+    display: none;
+  }
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/style/pages.scss b/src/frontend/admin/src/style/pages.scss
new file mode 100644
index 00000000..a9c03dca
--- /dev/null
+++ b/src/frontend/admin/src/style/pages.scss
@@ -0,0 +1,183 @@
+/* profile */
+.page-user {
+  .el-aside {
+    width: 20rem;
+  }
+
+  .el-header {
+    display: block;
+    height: auto;
+  }
+
+  .user-info-top {
+    text-align: center;
+  }
+
+
+  .user-info-top p {
+    display: flex;
+    justify-content: center;
+    margin: 1rem 0;
+  }
+
+  .menu {
+    background: none;
+  }
+
+
+  .menu .el-menu-item-group {
+    border-top: 1px solid var(--el-border-color-light);
+  }
+
+  .menu .el-menu-item-group:first-child {
+    border: 0;
+  }
+}
+
+/*static-table*/
+.static-table {
+  border-collapse: collapse;
+  width: 100%;
+  font-size: 14px;
+  margin-bottom: 45px;
+  line-height: 1.5em;
+}
+
+.static-table th {
+  text-align: left;
+  white-space: nowrap;
+  color: #909399;
+  font-weight: 400;
+  border-bottom: 1px solid #dcdfe6;
+  padding: 15px;
+  max-width: 250px;
+}
+
+.static-table td {
+  border-bottom: 1px solid #dcdfe6;
+  padding: 15px;
+  max-width: 250px;
+  color: #606266;
+}
+
+/*header-tabs*/
+.header-tabs {
+  padding: 10px 0 0 0;
+  display: block;
+  border: 0 !important;
+  height: 50px;
+  background: none;
+}
+
+.header-tabs .el-tabs__header {
+  padding-left: 10px;
+  margin: 0;
+}
+
+.header-tabs .el-tabs__content {
+  display: none;
+}
+
+.header-tabs .el-tabs__nav {
+  border-radius: 0 !important;
+}
+
+.header-tabs .el-tabs__item {
+  font-size: 13px;
+}
+
+.header-tabs .el-tabs__item.is-active {
+  background-color: var(--el-bg-color-overlay);
+}
+
+/*common-page*/
+.common-page {
+}
+
+.common-header-left {
+  display: flex;
+  align-items: center;
+}
+
+.common-header-logo {
+  display: flex;
+  align-items: center;
+}
+
+.common-header-logo img {
+  height: 30px;
+  margin-right: 10px;
+  vertical-align: bottom;
+}
+
+.common-header-logo label {
+  font-size: 20px;
+}
+
+.common-header-title {
+  font-size: 16px;
+  border-left: 1px solid var(--el-border-color-light);
+  margin-left: 15px;
+  padding-left: 15px;
+}
+
+.common-header-right {
+  display: flex;
+  align-items: center;
+}
+
+.common-header-right a {
+  font-size: 14px;
+  color: var(--el-color-primary);
+  cursor: pointer;
+}
+
+.common-header-right a:hover {
+  color: var(--el-color-primary-light-3);
+}
+
+.common-container {
+  max-width: 1240px;
+  margin: 30px auto 30px auto;
+}
+
+.common-main {
+  padding: 20px;
+}
+
+.common-title {
+  font-size: 26px;
+  margin-bottom: 20px;
+  font-weight: normal;
+}
+
+.common-main .el-form {
+  width: 40rem;
+  margin: 3rem auto;
+}
+
+.common-main .el-steps .el-step__title {
+  font-size: 14px;
+}
+
+.common-main .el-steps .el-step__icon {
+  border: 1px solid;
+}
+
+.common-main .yzm {
+  display: flex;
+  width: 100%;
+}
+
+.common-main .yzm .el-button {
+  margin-left: 10px;
+}
+
+.common-main .link {
+  color: var(--el-color-primary);
+  cursor: pointer;
+}
+
+.common-main .link:hover {
+  color: var(--el-color-primary-light-3);
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/style/style.scss b/src/frontend/admin/src/style/style.scss
new file mode 100644
index 00000000..8ca490da
--- /dev/null
+++ b/src/frontend/admin/src/style/style.scss
@@ -0,0 +1,5 @@
+@import 'app.scss';
+@import 'fix.scss';
+@import 'pages.scss';
+@import 'media.scss';
+@import 'dark.scss';
\ No newline at end of file
diff --git a/src/frontend/admin/src/utils/color.js b/src/frontend/admin/src/utils/color.js
new file mode 100644
index 00000000..997f98cf
--- /dev/null
+++ b/src/frontend/admin/src/utils/color.js
@@ -0,0 +1,29 @@
+export default {
+    //hex颜色转rgb颜色
+    HexToRgb(str) {
+        str = str.replace('#', '')
+        var hxs = str.match(/../g)
+        for (var i = 0; i < 3; i++) hxs[i] = parseInt(hxs[i], 16)
+        return hxs
+    },
+    //rgb颜色转hex颜色
+    RgbToHex(a, b, c) {
+        var hexs = [a.toString(16), b.toString(16), c.toString(16)]
+        for (var i = 0; i < 3; i++) {
+            if (hexs[i].length === 1) hexs[i] = '0' + hexs[i]
+        }
+        return '#' + hexs.join('')
+    },
+    //加深
+    darken(color, level) {
+        var rgbc = this.HexToRgb(color)
+        for (var i = 0; i < 3; i++) rgbc[i] = Math.floor(rgbc[i] * (1 - level))
+        return this.RgbToHex(rgbc[0], rgbc[1], rgbc[2])
+    },
+    //变淡
+    lighten(color, level) {
+        var rgbc = this.HexToRgb(color)
+        for (var i = 0; i < 3; i++) rgbc[i] = Math.floor((255 - rgbc[i]) * level + rgbc[i])
+        return this.RgbToHex(rgbc[0], rgbc[1], rgbc[2])
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/utils/db.js b/src/frontend/admin/src/utils/db.js
new file mode 100644
index 00000000..34a29520
--- /dev/null
+++ b/src/frontend/admin/src/utils/db.js
@@ -0,0 +1,309 @@
+//初始数据库结构
+const dbData = [
+    {
+        dbName: 'masterDB', //数据库名称
+        version: 1, //数据库版本号,当结构发生变化时
+        tables: [
+            //表
+            {
+                name: 'SYS_favorites', //表名称
+                keyPath: 'uid', //主键
+                autoIncrement: false, //主键是否自增
+                index: [
+                    //索引
+                    {
+                        name: 'name_index', //索引名称
+                        key: 'name', //索引key
+                    },
+                ],
+            },
+            {
+                name: 'SYS_keyword',
+                keyPath: 'id',
+            },
+        ],
+    },
+    {
+        dbName: 'guestDB',
+        version: 1,
+        tables: [
+            {
+                name: 'MY_demo',
+                keyPath: 'id',
+            },
+        ],
+    },
+]
+
+// 使用示例
+// import DB from '@/utils/db'
+
+// 初始化创建数据库 一般在项目启动时就执行了
+// await DB.create()
+
+// 打开某个数据库，返回数据库实例
+// const database = await DB.open("dbName")
+
+// 在打开的数据库中添加数据到tablenName表
+// await database.add("tablenName", data)
+
+// 查询
+// await database.get("tablenName", key)
+
+// 查询 根据索引
+// await database.indexGet("tablenName", "indexName", indexVal)
+
+// 修改
+// await database.put("tablenName", data)
+
+// 删除
+// await database.delete("tablenName", key)
+
+// 获取所有
+// await database.getAll("tablenName")
+
+// 清空某个表数据
+// await database.clear("tablenName")
+
+// 获取某个表信息
+// database.getTable("tablenName")
+
+// 获取所有表
+// database.getTables()
+
+// 关闭数据库连接
+// database.close()
+
+export default {
+    //建立数据库，表，初始数据
+    create() {
+        var promiseArray = []
+        const addDB = (db) => {
+            return new Promise((resolve, reject) => {
+                const request = indexedDB.open(db.dbName, db.version)
+                ;(request.onupgradeneeded = (e) => {
+                    const thisDB = e.target.result
+                    db.tables.forEach((item) => {
+                        let table = null
+                        if (thisDB.objectStoreNames.contains(item.name)) {
+                            //已存在表，删除旧index
+                            table = e.target.transaction.objectStore(item.name)
+                            table.indexNames.length > 0 &&
+                                table.indexNames.forEach((indexName) => {
+                                    table.deleteIndex(indexName)
+                                })
+                        } else {
+                            //创建新的表
+                            table = thisDB.createObjectStore(item.name, {
+                                keyPath: item.keyPath,
+                                autoIncrement: item.autoIncrement,
+                            })
+                        }
+                        //建立index
+                        item.index &&
+                            item.index.forEach((ind) => {
+                                table.createIndex(ind.name, ind.key, { unique: false })
+                            })
+                    })
+                }),
+                    (request.onsuccess = (e) => {
+                        return resolve(e.target.result)
+                    })
+                request.onerror = (e) => {
+                    return reject(e)
+                }
+            })
+        }
+        dbData.forEach((db) => {
+            promiseArray.push(addDB(db))
+        })
+        return new Promise((resolve, reject) => {
+            Promise.all(promiseArray)
+                .then((e) => {
+                    resolve(e)
+                })
+                .catch((e) => {
+                    reject(e)
+                })
+        })
+    },
+    //所有数据库
+    databases() {
+        return indexedDB.databases()
+    },
+    //打开数据库
+    open(dbName) {
+        return new Promise((resolve, reject) => {
+            const request = indexedDB.open(dbName)
+            request.onsuccess = (e) => {
+                const database = new this.database(e.target.result)
+                resolve(database)
+            }
+            request.onerror = (e) => {
+                reject(e)
+            }
+        })
+    },
+    //删除数据库
+    deleteDB(dbName) {
+        return indexedDB.deleteDatabase(dbName)
+    },
+    //数据库类
+    database: function (IDBDatabase) {
+        this.IDBDatabase = IDBDatabase
+
+        /**
+         * 添加行数据
+         * @param {string} tableName 表名
+         * @param {object} data 数据
+         * @returns {promise}
+         */
+        this.add = (tableName, data) => {
+            return new Promise((resolve, reject) => {
+                const request = IDBDatabase.transaction([tableName], 'readwrite').objectStore(tableName).add(data)
+                request.onsuccess = (e) => {
+                    resolve(e)
+                }
+                request.onerror = (e) => {
+                    reject(e)
+                }
+            })
+        }
+
+        /**
+         * 修改行数据，未查询到就新增
+         * @param {string} tableName 表名
+         * @param {object} data 数据
+         * @returns {promise}
+         */
+        this.put = (tableName, data) => {
+            return new Promise((resolve, reject) => {
+                const request = IDBDatabase.transaction([tableName], 'readwrite').objectStore(tableName).put(data)
+                request.onsuccess = (e) => {
+                    resolve(e)
+                }
+                request.onerror = (e) => {
+                    reject(e)
+                }
+            })
+        }
+
+        /**
+         * 删除行
+         * @param {string} tableName 表名
+         * @param {string} key 主键
+         * @returns {promise}
+         */
+        this.delete = (tableName, key) => {
+            return new Promise((resolve, reject) => {
+                const request = IDBDatabase.transaction([tableName], 'readwrite').objectStore(tableName).delete(key)
+                request.onsuccess = (e) => {
+                    resolve(e)
+                }
+                request.onerror = (e) => {
+                    reject(e)
+                }
+            })
+        }
+
+        /**
+         * 根据主键获取行
+         * @param {string} tableName 表名
+         * @param {string} key 主键
+         * @returns {promise}
+         */
+        this.get = (tableName, key) => {
+            return new Promise((resolve, reject) => {
+                const request = IDBDatabase.transaction([tableName], 'readwrite').objectStore(tableName).get(key)
+                request.onsuccess = () => {
+                    resolve(request.result || null)
+                }
+                request.onerror = (e) => {
+                    reject(e)
+                }
+            })
+        }
+
+        /**
+         * 根据索引获取行
+         * @param {string} tableName 表名
+         * @param {string} indexName 索引库名称
+         * @param {string} indexVal 索引值
+         * @returns {promise}
+         */
+        this.indexGet = (tableName, indexName, indexVal) => {
+            return new Promise((resolve, reject) => {
+                const request = IDBDatabase.transaction([tableName], 'readwrite').objectStore(tableName).index(indexName).get(indexVal)
+                request.onsuccess = () => {
+                    resolve(request.result || null)
+                }
+                request.onerror = (e) => {
+                    reject(e)
+                }
+            })
+        }
+
+        /**
+         * 获取所有行
+         * @param {string} tableName 表名
+         * @returns {promise}
+         */
+        this.getAll = (tableName) => {
+            return new Promise((resolve, reject) => {
+                const request = IDBDatabase.transaction([tableName], 'readwrite').objectStore(tableName).getAll()
+                request.onsuccess = () => {
+                    resolve(request.result || null)
+                }
+                request.onerror = (e) => {
+                    reject(e)
+                }
+            })
+        }
+
+        /**
+         * 清空表
+         * @param {string} tableName 表名
+         * @returns {promise}
+         */
+        this.clear = (tableName) => {
+            return new Promise((resolve, reject) => {
+                const request = IDBDatabase.transaction([tableName], 'readwrite').objectStore(tableName).clear()
+                request.onsuccess = (e) => {
+                    resolve(e)
+                }
+                request.onerror = (err) => {
+                    reject(err)
+                }
+            })
+        }
+
+        /**
+         * 获取表信息
+         * @returns {IDBObjectStore}
+         */
+        this.getTable = (tableName) => {
+            const request = IDBDatabase.transaction([tableName], 'readwrite').objectStore(tableName)
+            return request
+        }
+
+        /**
+         * 获取所有的表
+         * @returns {[IDBObjectStore]}
+         */
+        this.getTables = () => {
+            const tables = []
+            for (let item of IDBDatabase.objectStoreNames) {
+                tables.push(IDBDatabase.transaction([item], 'readwrite').objectStore(item))
+            }
+            return tables
+        }
+
+        /**
+         * 关闭数据库连接
+         * @returns {}
+         */
+        this.close = () => {
+            return IDBDatabase.close()
+        }
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/utils/errorHandler.js b/src/frontend/admin/src/utils/errorHandler.js
new file mode 100644
index 00000000..c6f18bde
--- /dev/null
+++ b/src/frontend/admin/src/utils/errorHandler.js
@@ -0,0 +1,33 @@
+/**
+ * 全局代码错误捕捉
+ * 比如 null.length 就会被捕捉到
+ */
+
+export default (error, vm) => {
+    //过滤HTTP请求错误
+    if (error.status || error.status === 0) {
+        return false
+    }
+
+    var errorMap = {
+        InternalError: 'Javascript引擎内部错误',
+        ReferenceError: '未找到对象',
+        TypeError: '使用了错误的类型或对象',
+        RangeError: '使用内置对象时，参数超范围',
+        SyntaxError: '语法错误',
+        EvalError: '错误的使用了Eval',
+        URIError: 'URI错误',
+    }
+    var errorName = errorMap[error.name] || '未知错误'
+
+    console.warn(`[SCUI error]: ${error}`)
+    console.error(error)
+    //throw error;
+
+    vm.$nextTick(() => {
+        vm.$notify.error({
+            title: errorName,
+            message: error,
+        })
+    })
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/utils/load.js b/src/frontend/admin/src/utils/load.js
new file mode 100644
index 00000000..24d75f3c
--- /dev/null
+++ b/src/frontend/admin/src/utils/load.js
@@ -0,0 +1,60 @@
+/**
+ * loadJS 异步加载远程JS
+ * @constructor
+ * @param {string} src - 必填，需要加载的URL路径
+ * @param {string} keyName - 必填，唯一key和JS返回的全局的对象名
+ * @param {string} callbackName - 非必填，如果远程JS有callback，则可更有效的判断是否完成加载
+ */
+export function loadJS(src, keyName, callbackName) {
+    return new Promise((resolve, reject) => {
+        let has = document.head.querySelector('script[loadKey=' + keyName + ']')
+        if (has) {
+            return resolve(window[keyName])
+        }
+        let script = document.createElement('script')
+        script.type = 'text/javascript'
+        script.src = src
+        script.setAttribute('loadKey', keyName)
+        document.head.appendChild(script)
+        script.onload = () => {
+            if (callbackName) {
+                window[callbackName] = () => {
+                    return resolve(window[keyName])
+                }
+            } else {
+                setTimeout(() => {
+                    return resolve(window[keyName])
+                }, 50)
+            }
+        }
+        script.onerror = (err) => {
+            return reject(err)
+        }
+    })
+}
+
+/**
+ * loadCSS 异步加载远程css
+ * @constructor
+ * @param {string} src - 必填，需要加载的URL路径
+ * @param {string} keyName - 必填，唯一key
+ */
+export function loadCSS(src, keyName) {
+    return new Promise((resolve, reject) => {
+        let has = document.head.querySelector('link[loadKey=' + keyName + ']')
+        if (has) {
+            return resolve()
+        }
+        let link = document.createElement('link')
+        link.rel = 'stylesheet'
+        link.href = src
+        link.setAttribute('loadKey', keyName)
+        document.head.appendChild(link)
+        link.onload = () => {
+            return resolve()
+        }
+        link.onerror = (err) => {
+            return reject(err)
+        }
+    })
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/utils/permission.js b/src/frontend/admin/src/utils/permission.js
new file mode 100644
index 00000000..5ca773ca
--- /dev/null
+++ b/src/frontend/admin/src/utils/permission.js
@@ -0,0 +1,55 @@
+import tool from '@/utils/tool'
+
+/**
+ * 是否含有不限分类，有则表示全部允许通过
+ */
+export function permissionAll() {
+    const allPermissions = '*/*/*'
+    let permissions = tool.data.get('PERMISSIONS')
+    return permissions.includes(allPermissions)
+}
+
+/**
+ * 比对两组数据是否一致
+ * @param news
+ * @param old
+ * @returns {boolean}
+ */
+export function judementSameArr(news, old) {
+    // console.log(news)
+    // console.log(old)
+    let count = 0
+    const leng = news.length
+    for (let i in news) {
+        for (let j in old) {
+            if (news[i] === old[j]) {
+                count++
+                // console.log(news[i])
+            }
+        }
+    }
+    // console.log('相同的数量', count)
+    return count === leng
+}
+
+export function permission(data) {
+    let permissions = tool.data.get('PERMISSIONS')
+    if (!permissions) {
+        return false
+    }
+    let isHave = permissions.includes(data)
+    return isHave
+}
+
+export function rolePermission(data) {
+    let userInfo = tool.data.get('USER_INFO')
+    if (!userInfo) {
+        return false
+    }
+    let role = userInfo.role
+    if (!role) {
+        return false
+    }
+    let isHave = role.includes(data)
+    return isHave
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/utils/preload.js b/src/frontend/admin/src/utils/preload.js
new file mode 100644
index 00000000..4b0d1ca7
--- /dev/null
+++ b/src/frontend/admin/src/utils/preload.js
@@ -0,0 +1,50 @@
+import Api from '@/api'
+
+export default {
+    async install(app, global) {
+        const preloads = await Promise.all([
+            (async () => {
+                try {
+                    return await Api.sys_menu.userMenus.post()
+                } catch {
+                    //
+                }
+            })(),
+            (async () => {
+                try {
+                    return await Api.sys_user.userInfo.post()
+                } catch {
+                    //
+                }
+            })(),
+            (async () => {
+                try {
+                    return await Api.sys_constant.getEnums.post()
+                } catch {
+                    //
+                }
+            })(),
+            (async () => {
+                try {
+                    return await Api.sys_constant.getNumbers.post()
+                } catch {
+                    //
+                }
+            })(),
+            (async () => {
+                try {
+                    return await Api.sys_constant.getChars.post()
+                } catch {
+                    //
+                }
+            })(),
+        ])
+
+        if (!global) global = app.config.globalProperties.$GLOBAL
+        global.menu = preloads[0]?.data
+        global.user = preloads[1]?.data
+        global.enums = preloads[2]?.data
+        global.numbers = preloads[3]?.data
+        global.chars = preloads[4]?.data
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/utils/print.js b/src/frontend/admin/src/utils/print.js
new file mode 100644
index 00000000..67a7f8c6
--- /dev/null
+++ b/src/frontend/admin/src/utils/print.js
@@ -0,0 +1,143 @@
+// 打印类属性、方法定义
+/* eslint-disable */
+const Print = function (dom, options) {
+    if (!(this instanceof Print)) return new Print(dom, options)
+
+    this.options = this.extend(
+        {
+            noPrint: '.no-print',
+        },
+        options,
+    )
+
+    if (typeof dom === 'string') {
+        try {
+            this.dom = document.querySelector(dom)
+        } catch {
+            var createDom = document.createElement('div')
+            createDom.innerHTML = dom
+            this.dom = createDom
+        }
+    } else {
+        this.isDOM(dom)
+        this.dom = this.isDOM(dom) ? dom : dom.$el
+    }
+
+    this.init()
+}
+Print.prototype = {
+    init: function () {
+        var content = this.getStyle() + this.getHtml()
+        this.writeIframe(content)
+    },
+    extend: function (obj, obj2) {
+        for (var k in obj2) {
+            obj[k] = obj2[k]
+        }
+        return obj
+    },
+
+    getStyle: function () {
+        var str = '',
+            styles = document.querySelectorAll('style,link')
+        for (var i = 0; i < styles.length; i++) {
+            str += styles[i].outerHTML
+        }
+        str += '<style>' + (this.options.noPrint ? this.options.noPrint : '.no-print') + '{display:none;}</style>'
+        str += '<style>html,body{background-color:#fff;}</style>'
+        return str
+    },
+
+    getHtml: function () {
+        var inputs = document.querySelectorAll('input')
+        var textareas = document.querySelectorAll('textarea')
+        var selects = document.querySelectorAll('select')
+
+        for (var k = 0; k < inputs.length; k++) {
+            if (inputs[k].type == 'checkbox' || inputs[k].type == 'radio') {
+                if (inputs[k].checked == true) {
+                    inputs[k].setAttribute('checked', 'checked')
+                } else {
+                    inputs[k].removeAttribute('checked')
+                }
+            } else if (inputs[k].type == 'text') {
+                inputs[k].setAttribute('value', inputs[k].value)
+            } else {
+                inputs[k].setAttribute('value', inputs[k].value)
+            }
+        }
+
+        for (var k2 = 0; k2 < textareas.length; k2++) {
+            if (textareas[k2].type == 'textarea') {
+                textareas[k2].innerHTML = textareas[k2].value
+            }
+        }
+
+        for (var k3 = 0; k3 < selects.length; k3++) {
+            if (selects[k3].type == 'select-one') {
+                var child = selects[k3].children
+                for (var i in child) {
+                    if (child[i].tagName == 'OPTION') {
+                        if (child[i].selected == true) {
+                            child[i].setAttribute('selected', 'selected')
+                        } else {
+                            child[i].removeAttribute('selected')
+                        }
+                    }
+                }
+            }
+        }
+
+        return this.dom.outerHTML
+    },
+
+    writeIframe: function (content) {
+        var w,
+            doc,
+            iframe = document.createElement('iframe'),
+            f = document.body.appendChild(iframe)
+        iframe.id = 'myIframe'
+        //iframe.style = "position:absolute;width:0;height:0;top:-10px;left:-10px;";
+        iframe.setAttribute('style', 'position:absolute;width:0;height:0;top:-10px;left:-10px;')
+        w = f.contentWindow || f.contentDocument
+        doc = f.contentDocument || f.contentWindow.document
+        doc.open()
+        doc.write(content)
+        doc.close()
+        var _this = this
+        iframe.onload = function () {
+            _this.toPrint(w)
+            setTimeout(function () {
+                document.body.removeChild(iframe)
+            }, 100)
+        }
+    },
+
+    toPrint: function (frameWindow) {
+        try {
+            setTimeout(function () {
+                frameWindow.focus()
+                try {
+                    if (!frameWindow.document.execCommand('print', false, null)) {
+                        frameWindow.print()
+                    }
+                } catch (e) {
+                    frameWindow.print()
+                }
+                frameWindow.close()
+            }, 10)
+        } catch (err) {
+            console.log('err', err)
+        }
+    },
+    isDOM:
+        typeof HTMLElement === 'object'
+            ? function (obj) {
+                  return obj instanceof HTMLElement
+              }
+            : function (obj) {
+                  return obj && typeof obj === 'object' && obj.nodeType === 1 && typeof obj.nodeName === 'string'
+              },
+}
+
+export default Print
\ No newline at end of file
diff --git a/src/frontend/admin/src/utils/request.js b/src/frontend/admin/src/utils/request.js
new file mode 100644
index 00000000..7f48982a
--- /dev/null
+++ b/src/frontend/admin/src/utils/request.js
@@ -0,0 +1,279 @@
+import axios from 'axios'
+import { ElMessageBox, ElNotification } from 'element-plus'
+import sysConfig from '@/config'
+import tool from '@/utils/tool'
+import router from '@/router'
+import { h } from 'vue'
+
+axios.defaults.baseURL = ''
+
+axios.defaults.timeout = sysConfig.TIMEOUT
+
+// HTTP request 拦截器
+axios.interceptors.request.use(
+    (config) => {
+        let accessToken = tool.cookie.get('ACCESS-TOKEN')
+        let refreshToken = tool.cookie.get('X-ACCESS-TOKEN')
+        if (accessToken) {
+            config.headers['Authorization'] = accessToken
+        }
+        if (refreshToken) {
+            config.headers['X-Authorization'] = refreshToken
+        }
+        if (!sysConfig.REQUEST_CACHE && config.method === 'get') {
+            config.params = config.params || {}
+            config.params['_'] = new Date().getTime()
+        }
+        Object.assign(config.headers, sysConfig.HEADERS)
+
+        function removeEmpty(reqData, level) {
+            let deleted = false
+            Object.keys(reqData).forEach((x) => {
+                if (!reqData[x] && reqData[x] !== 0 && reqData[x] !== false) {
+                    delete reqData[x]
+                    deleted = true
+                } else if (typeof reqData[x] === 'object') {
+                    if (Object.keys(reqData[x]).length === 0) {
+                        delete reqData[x]
+                        deleted = true
+                    } else return removeEmpty(reqData[x], ++level)
+                }
+            })
+            return deleted
+        }
+
+        for (let i = 0; i !== 2; ++i)
+            while (removeEmpty(config.data ? config.data : {}, 0)) {
+                //
+            }
+
+        return config
+    },
+    (error) => {
+        return Promise.reject(error)
+    },
+)
+
+//FIX 多个API同时401时疯狂弹窗BUG
+let MessageBox_401_show = false
+
+// HTTP response 拦截器
+axios.interceptors.response.use(
+    (response) => {
+        function setCookie(name, value) {
+            tool.cookie.set(name, 'Bearer ' + value, {
+                expires: tool.data.get('AUTO_LOGIN') ? 24 * 60 * 60 : 0,
+            })
+        }
+
+        if (response.headers['access-token']) {
+            setCookie('ACCESS-TOKEN', response.headers['access-token'])
+        }
+        if (response.headers['x-access-token']) {
+            setCookie('X-ACCESS-TOKEN', response.headers['x-access-token'])
+        }
+        return response
+    },
+    (error) => {
+        if (error.response) {
+            if (error.response.status === 404) {
+                ElNotification.error({
+                    title: '请求错误',
+                    message: 'Status:404，正在请求不存在的服务器记录！',
+                })
+            } else if (error.response.status === 500) {
+                ElNotification.error({
+                    title: '请求错误',
+                    message: error.response.data.message || 'Status:500，服务器发生错误！',
+                })
+            } else if ([401, 403].includes(error.response.status)) {
+                if (!MessageBox_401_show && window.location.href.indexOf('anonymous') < 0) {
+                    MessageBox_401_show = true
+                    ElMessageBox.confirm('当前用户已被登出或无权限访问当前资源，请尝试重新登录后再操作。', '无权限访问', {
+                        type: 'error',
+                        closeOnClickModal: false,
+                        center: true,
+                        confirmButtonText: '重新登录',
+                        beforeClose: (action, instance, done) => {
+                            MessageBox_401_show = false
+                            done()
+                        },
+                    })
+                        .then(() => {
+                            router.replace({ path: '/anonymous/login' })
+                        })
+                        .catch(() => {})
+                }
+            } else if (error.response.status === 900) {
+                function showErr(msg) {
+                    const title = axios.defaults.app().config.globalProperties.$GLOBAL.enums.errorCodes[error.response.data.code][1]
+
+                    ElNotification.error({
+                        title: title,
+                        message: h('p', msg),
+                    })
+                }
+
+                //业务错误
+                if (typeof error.response.data.msg === 'object') {
+                    Object.keys(error.response.data.msg).forEach((x) => {
+                        showErr(error.response.data.msg[x])
+                    })
+                } else {
+                    showErr(error.response.data.msg)
+                }
+            } else {
+                ElNotification.error({
+                    title: '请求错误',
+                    message: error.message || `Status:${error.response.status}，未知错误！`,
+                })
+            }
+        } else {
+            ElNotification.error({
+                title: '请求错误',
+                message: '请求服务器无响应！',
+            })
+        }
+
+        return Promise.reject(error.response)
+    },
+)
+
+export default {
+    // axios对象
+    axios: axios.defaults,
+
+    /** get 请求
+     * @param  {string} url 接口地址
+     * @param  {object} params 请求参数
+     * @param  {object} config 参数
+     */
+    get: function (url, params = {}, config = {}) {
+        return new Promise((resolve, reject) => {
+            axios({
+                method: 'get',
+                url: url,
+                params: params,
+                ...config,
+            })
+                .then((response) => {
+                    resolve(response.data)
+                })
+                .catch((error) => {
+                    reject(error)
+                })
+        })
+    },
+
+    /** post 请求
+     * @param  {string} url 接口地址
+     * @param  {object} data 请求参数
+     * @param  {object} config 参数
+     */
+    post: function (url, data = {}, config = {}) {
+        return new Promise((resolve, reject) => {
+            axios({
+                method: 'post',
+                url: url,
+                data: data,
+                ...config,
+            })
+                .then((response) => {
+                    resolve(response.data)
+                })
+                .catch((error) => {
+                    reject(error)
+                })
+        })
+    },
+
+    /** put 请求
+     * @param  {string} url 接口地址
+     * @param  {object} data 请求参数
+     * @param  {object} config 参数
+     */
+    put: function (url, data = {}, config = {}) {
+        return new Promise((resolve, reject) => {
+            axios({
+                method: 'put',
+                url: url,
+                data: data,
+                ...config,
+            })
+                .then((response) => {
+                    resolve(response.data)
+                })
+                .catch((error) => {
+                    reject(error)
+                })
+        })
+    },
+
+    /** patch 请求
+     * @param  {string} url 接口地址
+     * @param  {object} data 请求参数
+     * @param  {object} config 参数
+     */
+    patch: function (url, data = {}, config = {}) {
+        return new Promise((resolve, reject) => {
+            axios({
+                method: 'patch',
+                url: url,
+                data: data,
+                ...config,
+            })
+                .then((response) => {
+                    resolve(response.data)
+                })
+                .catch((error) => {
+                    reject(error)
+                })
+        })
+    },
+
+    /** delete 请求
+     * @param  {string} url 接口地址
+     * @param  {object} data 请求参数
+     * @param  {object} config 参数
+     */
+    delete: function (url, data = {}, config = {}) {
+        return new Promise((resolve, reject) => {
+            axios({
+                method: 'delete',
+                url: url,
+                data: data,
+                ...config,
+            })
+                .then((response) => {
+                    resolve(response.data)
+                })
+                .catch((error) => {
+                    reject(error)
+                })
+        })
+    },
+
+    /** jsonp 请求
+     * @param  {string} url 接口地址
+     * @param  {string} name JSONP回调函数名称
+     */
+    jsonp: function (url, name = 'jsonp') {
+        return new Promise((resolve) => {
+            var script = document.createElement('script')
+            var _id = `jsonp${Math.ceil(Math.random() * 1000000)}`
+            script.id = _id
+            script.type = 'text/javascript'
+            script.src = url
+            window[name] = (response) => {
+                resolve(response)
+                document.getElementsByTagName('head')[0].removeChild(script)
+                try {
+                    delete window[name]
+                } catch (e) {
+                    window[name] = undefined
+                }
+            }
+            document.getElementsByTagName('head')[0].appendChild(script)
+        })
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/utils/template.js b/src/frontend/admin/src/utils/template.js
new file mode 100644
index 00000000..4c306aea
--- /dev/null
+++ b/src/frontend/admin/src/utils/template.js
@@ -0,0 +1,337 @@
+/*!
+ * template.js v0.7.1 (https://github.com/yanhaijing/template.js)
+ * API https://github.com/yanhaijing/template.js/blob/master/doc/api.md
+ * Copyright 2015 yanhaijing. All Rights Reserved
+ * Licensed under MIT (https://github.com/yanhaijing/template.js/blob/master/MIT-LICENSE.txt)
+ */
+/* eslint-disable */
+export default (function (root, factory) {
+    var template = factory(root)
+    if (typeof define === 'function' && define.amd) {
+        // AMD
+        define('template', function () {
+            return template
+        })
+    } else if (typeof exports === 'object') {
+        // Node.js
+        module.exports = template
+    } else {
+        // Browser globals
+        var _template = root.template
+
+        template.noConflict = function () {
+            if (root.template === template) {
+                root.template = _template
+            }
+
+            return template
+        }
+        root.template = template
+    }
+})(this, function (root) {
+    'use strict'
+    var o = {
+        sTag: '<%', //开始标签
+        eTag: '%>', //结束标签
+        compress: false, //是否压缩html
+        escape: true, //默认输出是否进行HTML转义
+        error: function (e) {}, //错误回调
+    }
+    var functionMap = {} //内部函数对象
+    //修饰器前缀
+    var modifierMap = {
+        '': function (param) {
+            return nothing(param)
+        },
+        h: function (param) {
+            return encodeHTML(param)
+        },
+        u: function (param) {
+            return encodeURI(param)
+        },
+    }
+
+    var toString = {}.toString
+    var slice = [].slice
+
+    function type(x) {
+        if (x === null) {
+            return 'null'
+        }
+
+        var t = typeof x
+
+        if (t !== 'object') {
+            return t
+        }
+
+        var c = toString.call(x).slice(8, -1).toLowerCase()
+        if (c !== 'object') {
+            return c
+        }
+
+        if (x.constructor == Object) {
+            return c
+        }
+
+        return 'unknown'
+    }
+
+    function isObject(obj) {
+        return type(obj) === 'object'
+    }
+
+    function isFunction(fn) {
+        return type(fn) === 'function'
+    }
+
+    function isString(str) {
+        return type(str) === 'string'
+    }
+
+    function extend() {
+        var target = arguments[0] || {}
+        var arrs = slice.call(arguments, 1)
+        var len = arrs.length
+
+        for (var i = 0; i < len; i++) {
+            var arr = arrs[i]
+            for (var name in arr) {
+                target[name] = arr[name]
+            }
+        }
+        return target
+    }
+
+    function clone() {
+        var args = slice.call(arguments)
+        return extend.apply(null, [{}].concat(args))
+    }
+
+    function nothing(param) {
+        return param
+    }
+
+    function encodeHTML(source) {
+        return String(source)
+            .replace(/&/g, '&amp;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/\\/g, '&#92;')
+            .replace(/"/g, '&quot;')
+            .replace(/'/g, '&#39;')
+    }
+
+    function compress(html) {
+        return html.replace(/\s+/g, ' ').replace(/<!--[\w\W]*?-->/g, '')
+    }
+
+    function consoleAdapter(cmd, msg) {
+        typeof console !== 'undefined' && console[cmd] && console[cmd](msg)
+    }
+
+    function handelError(e) {
+        var message = 'template.js error\n\n'
+
+        for (var key in e) {
+            message += '<' + key + '>\n' + e[key] + '\n\n'
+        }
+        message += '<message>\n' + e.message + '\n\n'
+        consoleAdapter('error', message)
+
+        o.error(e)
+
+        function error() {
+            return 'template.js error'
+        }
+
+        error.toString = function () {
+            return '__code__ = "template.js error"'
+        }
+        return error
+    }
+
+    function parse(tpl, opt) {
+        var code = ''
+        var sTag = opt.sTag
+        var eTag = opt.eTag
+        var escape = opt.escape
+
+        function parsehtml(line) {
+            // 单双引号转义，换行符替换为空格
+            line = line.replace(/('|")/g, '\\$1')
+            var lineList = line.split('\n')
+            var code = ''
+            for (var i = 0; i < lineList.length; i++) {
+                code += ';__code__ += ("' + lineList[i] + (i === lineList.length - 1 ? '")\n' : '\\n")\n')
+            }
+            return code
+        }
+
+        function parsejs(line) {
+            //var reg = /^(:?)(.*?)=(.*)$/;
+            var reg = /^(?:=|(:.*?)=)(.*)$/
+            var html
+            var arr
+            var modifier
+
+            // = := :*=
+            // :h=123 [':h=123', 'h', '123']
+            if ((arr = reg.exec(line))) {
+                html = arr[2] // 输出
+                if (Boolean(arr[1])) {
+                    // :开头
+                    modifier = arr[1].slice(1)
+                } else {
+                    // = 开头
+                    modifier = escape ? 'h' : ''
+                }
+
+                return ';__code__ += __modifierMap__["' + modifier + '"](typeof (' + html + ') !== "undefined" ? (' + html + ') : "")\n'
+            }
+
+            //原生js
+            return ';' + line + '\n'
+        }
+
+        var tokens = tpl.split(sTag)
+
+        for (var i = 0, len = tokens.length; i < len; i++) {
+            var token = tokens[i].split(eTag)
+
+            if (token.length === 1) {
+                code += parsehtml(token[0])
+            } else {
+                code += parsejs(token[0], true)
+                if (token[1]) {
+                    code += parsehtml(token[1])
+                }
+            }
+        }
+        return code
+    }
+
+    function compiler(tpl, opt) {
+        var mainCode = parse(tpl, opt)
+
+        var headerCode =
+            '\n' +
+            '    var html = (function (__data__, __modifierMap__) {\n' +
+            '        var __str__ = "", __code__ = "";\n' +
+            '        for(var key in __data__) {\n' +
+            '            __str__+=("var " + key + "=__data__[\'" + key + "\'];");\n' +
+            '        }\n' +
+            '        eval(__str__);\n\n'
+
+        var footerCode = '\n' + '        ;return __code__;\n' + '    }(__data__, __modifierMap__));\n' + '    return html;\n'
+
+        var code = headerCode + mainCode + footerCode
+        code = code.replace(/[\r]/g, ' ') // ie 7 8 会报错，不知道为什么
+        try {
+            var Render = new Function('__data__', '__modifierMap__', code)
+            Render.toString = function () {
+                return mainCode
+            }
+            return Render
+        } catch (e) {
+            e.temp = 'function anonymous(__data__, __modifierMap__) {' + code + '}'
+            throw e
+        }
+    }
+
+    function compile(tpl, opt) {
+        opt = clone(o, opt)
+
+        try {
+            var Render = compiler(tpl, opt)
+        } catch (e) {
+            e.name = 'CompileError'
+            e.tpl = tpl
+            e.render = e.temp
+            delete e.temp
+            return handelError(e)
+        }
+
+        function render(data) {
+            data = clone(functionMap, data)
+            try {
+                var html = Render(data, modifierMap)
+                html = opt.compress ? compress(html) : html
+                return html
+            } catch (e) {
+                e.name = 'RenderError'
+                e.tpl = tpl
+                e.render = Render.toString()
+                return handelError(e)()
+            }
+        }
+
+        render.toString = function () {
+            return Render.toString()
+        }
+        return render
+    }
+
+    function template(tpl, data) {
+        if (typeof tpl !== 'string') {
+            return ''
+        }
+
+        var fn = compile(tpl)
+        if (!isObject(data)) {
+            return fn
+        }
+
+        return fn(data)
+    }
+
+    template.config = function (option) {
+        if (isObject(option)) {
+            o = extend(o, option)
+        }
+        return clone(o)
+    }
+
+    template.registerFunction = function (name, fn) {
+        if (!isString(name)) {
+            return clone(functionMap)
+        }
+        if (!isFunction(fn)) {
+            return functionMap[name]
+        }
+
+        return (functionMap[name] = fn)
+    }
+    template.unregisterFunction = function (name) {
+        if (!isString(name)) {
+            return false
+        }
+        delete functionMap[name]
+        return true
+    }
+
+    template.registerModifier = function (name, fn) {
+        if (!isString(name)) {
+            return clone(modifierMap)
+        }
+        if (!isFunction(fn)) {
+            return modifierMap[name]
+        }
+
+        return (modifierMap[name] = fn)
+    }
+    template.unregisterModifier = function (name) {
+        if (!isString(name)) {
+            return false
+        }
+        delete modifierMap[name]
+        return true
+    }
+
+    template.__encodeHTML = encodeHTML
+    template.__compress = compress
+    template.__handelError = handelError
+    template.__compile = compile
+    template.version = '0.7.1'
+    return template
+})
\ No newline at end of file
diff --git a/src/frontend/admin/src/utils/tool.js b/src/frontend/admin/src/utils/tool.js
new file mode 100644
index 00000000..1d1d78f1
--- /dev/null
+++ b/src/frontend/admin/src/utils/tool.js
@@ -0,0 +1,288 @@
+/*
+ * @Descripttion: 工具集
+ * @version: 1.2
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-19 11:17:54
+ */
+
+import CryptoJS from 'crypto-js'
+import sysConfig from '@/config'
+
+const tool = {}
+
+/* localStorage */
+tool.data = {
+    set(key, data, datetime = 0) {
+        //加密
+        if (sysConfig.LS_ENCRYPTION === 'AES') {
+            data = tool.crypto.AES.encrypt(JSON.stringify(data), sysConfig.LS_ENCRYPTION_key)
+        }
+        let cacheValue = {
+            content: data,
+            datetime: parseInt(datetime) === 0 ? 0 : new Date().getTime() + parseInt(datetime) * 1000,
+        }
+        return localStorage.setItem(key, JSON.stringify(cacheValue))
+    },
+    get(key) {
+        try {
+            const value = JSON.parse(localStorage.getItem(key))
+            if (value) {
+                let nowTime = new Date().getTime()
+                if (nowTime > value.datetime && value.datetime !== 0) {
+                    localStorage.removeItem(key)
+                    return null
+                }
+                //解密
+                if (sysConfig.LS_ENCRYPTION === 'AES') {
+                    value.content = JSON.parse(tool.crypto.AES.decrypt(value.content, sysConfig.LS_ENCRYPTION_key))
+                }
+                return value.content
+            }
+            return null
+        } catch (err) {
+            return null
+        }
+    },
+    remove(key) {
+        return localStorage.removeItem(key)
+    },
+    clear() {
+        return localStorage.clear()
+    },
+}
+
+/*sessionStorage*/
+tool.session = {
+    set(table, settings) {
+        var _set = JSON.stringify(settings)
+        return sessionStorage.setItem(table, _set)
+    },
+    get(table) {
+        var data = sessionStorage.getItem(table)
+        try {
+            data = JSON.parse(data)
+        } catch (err) {
+            return null
+        }
+        return data
+    },
+    remove(table) {
+        return sessionStorage.removeItem(table)
+    },
+    clear() {
+        return sessionStorage.clear()
+    },
+}
+
+/*cookie*/
+tool.cookie = {
+    set(name, value, config = {}) {
+        var cfg = {
+            expires: null,
+            path: null,
+            domain: null,
+            secure: false,
+            httpOnly: false,
+            ...config,
+        }
+        var cookieStr = `${name}=${escape(value)}`
+        if (cfg.expires) {
+            var exp = new Date()
+            exp.setTime(exp.getTime() + parseInt(cfg.expires) * 1000)
+            cookieStr += `;expires=${exp.toGMTString()}`
+        }
+        if (cfg.path) {
+            cookieStr += `;path=${cfg.path}`
+        }
+        if (cfg.domain) {
+            cookieStr += `;domain=${cfg.domain}`
+        }
+        document.cookie = cookieStr
+    },
+    get(name) {
+        var arr = document.cookie.match(new RegExp('(^| )' + name + '=([^;]*)(;|$)'))
+        if (arr !== null) {
+            return unescape(arr[2])
+        } else {
+            return null
+        }
+    },
+    remove(name) {
+        var exp = new Date()
+        exp.setTime(exp.getTime() - 1)
+        document.cookie = `${name}=;expires=${exp.toGMTString()}`
+    },
+    clear() {
+        const cookies = document.cookie.split(';')
+        const pastDate = new Date(0).toUTCString()
+
+        cookies.forEach((cookie) => {
+            const [name, value] = cookie.split('=')
+            document.cookie = `${name.trim()}=${encodeURIComponent(value.trim())}; expires=${pastDate}; path=/`
+        })
+    },
+}
+
+/* Fullscreen */
+tool.screen = function (element) {
+    var isFull = !!(document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement || document.fullscreenElement)
+    if (isFull) {
+        if (document.exitFullscreen) {
+            document.exitFullscreen()
+        } else if (document.msExitFullscreen) {
+            document.msExitFullscreen()
+        } else if (document.mozCancelFullScreen) {
+            document.mozCancelFullScreen()
+        } else if (document.webkitExitFullscreen) {
+            document.webkitExitFullscreen()
+        }
+    } else {
+        if (element.requestFullscreen) {
+            element.requestFullscreen()
+        } else if (element.msRequestFullscreen) {
+            element.msRequestFullscreen()
+        } else if (element.mozRequestFullScreen) {
+            element.mozRequestFullScreen()
+        } else if (element.webkitRequestFullscreen) {
+            element.webkitRequestFullscreen()
+        }
+    }
+}
+
+/* 复制对象 */
+tool.objCopy = function (obj) {
+    return JSON.parse(JSON.stringify(obj))
+}
+
+/* 日期格式化 */
+tool.dateFormat = function (date, fmt = 'yyyy-MM-dd hh:mm:ss') {
+    date = new Date(date)
+    var o = {
+        'M+': date.getMonth() + 1, //月份
+        'd+': date.getDate(), //日
+        'h+': date.getHours(), //小时
+        'm+': date.getMinutes(), //分
+        's+': date.getSeconds(), //秒
+        'q+': Math.floor((date.getMonth() + 3) / 3), //季度
+        S: date.getMilliseconds(), //毫秒
+    }
+    if (/(y+)/.test(fmt)) {
+        fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
+    }
+    for (var k in o) {
+        if (new RegExp('(' + k + ')').test(fmt)) {
+            fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length))
+        }
+    }
+    return fmt
+}
+
+/* 千分符 */
+tool.groupSeparator = function (num) {
+    num = num + ''
+    if (!num.includes('.')) {
+        num += '.'
+    }
+    return num
+        .replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) {
+            return $1 + ','
+        })
+        .replace(/\.$/, '')
+}
+// 属性排序
+tool.sortProperties = function (obj) {
+    const sortedKeys = Object.keys(obj).sort()
+    const sortedObject = {}
+
+    for (const key of sortedKeys) {
+        sortedObject[key] = obj[key]
+    }
+
+    return sortedObject
+}
+
+//TAB 刷新
+tool.refreshTab = function (_this) {
+    _this.$parent.keepAliveList = []
+    _this.contextMenuVisible = false
+    const tag = _this.$store.state.viewTags.viewTags.find((x) => x.fullPath === _this.$route.fullPath)
+    //判断是否当前路由，否的话跳转
+    if (_this.$route.fullPath !== tag.fullPath) {
+        _this.$router.push({
+            path: tag.fullPath,
+            query: tag.query,
+        })
+    }
+    _this.$store.commit('refreshIframe', tag)
+    setTimeout(() => {
+        _this.$store.commit('removeKeepLive', tag.name)
+        _this.$store.commit('setRouteShow', false)
+        _this.$nextTick(() => {
+            _this.$store.commit('pushKeepLive', tag.name)
+            _this.$store.commit('setRouteShow', true)
+
+            setTimeout(() => {
+                _this.$parent.keepAliveList = null
+            }, 100)
+        })
+    }, 0)
+}
+
+/* 常用加解密 */
+tool.crypto = {
+    stringToInt32(inputString) {
+        let int32Value = 0
+        for (let i = 0; i < 4; i++) {
+            const charCode = inputString.charCodeAt(i)
+            int32Value <<= 8 // 左移8位
+            int32Value += charCode
+        }
+        return int32Value
+    },
+    generateDerivedKey(seed) {
+        const chars = '!"#$%&\'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\\]^_`abcdefghijklmnopqrstuvwxyz{|}~'
+        let key = ''
+        for (let i = 0; i < 32; i++) {
+            key += chars[Math.floor(Math.abs(Math.sin(this.stringToInt32(seed) * (i + 1))) * chars.length)]
+        }
+        return key
+    },
+
+    //MD5加密
+    MD5(data) {
+        return CryptoJS.MD5(data).toString()
+    },
+    //BASE64加解密
+    BASE64: {
+        encrypt(data) {
+            return CryptoJS.enc.Base64.stringify(CryptoJS.enc.Utf8.parse(data))
+        },
+        decrypt(cipher) {
+            return CryptoJS.enc.Base64.parse(cipher).toString(CryptoJS.enc.Utf8)
+        },
+    },
+    //AES加解密
+    AES: {
+        encrypt(data, secretKey, config = {}) {
+            if (secretKey.length % 8 !== 0) {
+                console.warn('[SCUI error]: 秘钥长度需为8的倍数，否则解密将会失败。')
+            }
+            const result = CryptoJS.AES.encrypt(data, CryptoJS.enc.Utf8.parse(secretKey), {
+                iv: CryptoJS.enc.Utf8.parse(config.iv || ''),
+                mode: CryptoJS.mode[config.mode || 'ECB'],
+                padding: CryptoJS.pad[config.padding || 'Pkcs7'],
+            })
+            return result.toString()
+        },
+        decrypt(cipher, secretKey, config = {}) {
+            const result = CryptoJS.AES.decrypt(cipher, CryptoJS.enc.Utf8.parse(secretKey), {
+                iv: CryptoJS.enc.Utf8.parse(config.iv || ''),
+                mode: CryptoJS.mode[config.mode || 'ECB'],
+                padding: CryptoJS.pad[config.padding || 'Pkcs7'],
+            })
+            return CryptoJS.enc.Utf8.stringify(result)
+        },
+    },
+}
+
+export default tool
\ No newline at end of file
diff --git a/src/frontend/admin/src/utils/useTabs.js b/src/frontend/admin/src/utils/useTabs.js
new file mode 100644
index 00000000..252dc7be
--- /dev/null
+++ b/src/frontend/admin/src/utils/useTabs.js
@@ -0,0 +1,61 @@
+import { nextTick } from 'vue'
+import NProgress from 'nprogress'
+import 'nprogress/nprogress.css'
+import router from '@/router'
+import store from '@/store'
+
+export default {
+    //刷新标签
+    refresh() {
+        NProgress.start()
+        const route = router.currentRoute.value
+        store.commit('removeKeepLive', route.name)
+        store.commit('setRouteShow', false)
+        nextTick(() => {
+            store.commit('pushKeepLive', route.name)
+            store.commit('setRouteShow', true)
+            NProgress.done()
+        })
+    },
+    //关闭标签
+    close(tag) {
+        const route = tag || router.currentRoute.value
+        store.commit('removeViewTags', route)
+        store.commit('removeIframeList', route)
+        store.commit('removeKeepLive', route.name)
+        const tagList = store.state.viewTags.viewTags
+        const latestView = tagList.slice(-1)[0]
+        if (latestView) {
+            router.push(latestView)
+        } else {
+            router.push('/')
+        }
+    },
+    //关闭标签后处理
+    closeNext(next) {
+        const route = router.currentRoute.value
+        store.commit('removeViewTags', route)
+        store.commit('removeIframeList', route)
+        store.commit('removeKeepLive', route.name)
+        if (next) {
+            const tagList = store.state.viewTags.viewTags
+            next(tagList)
+        }
+    },
+    //关闭其他
+    closeOther() {
+        const route = router.currentRoute.value
+        const tagList = [...store.state.viewTags.viewTags]
+        tagList.forEach((tag) => {
+            if ((tag.meta && tag.meta.affix) || route.fullPath === tag.fullPath) {
+                return true
+            } else {
+                this.close(tag)
+            }
+        })
+    },
+    //设置标题
+    setTitle(title) {
+        store.commit('updateViewTagsTitle', title)
+    },
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/utils/verificate.js b/src/frontend/admin/src/utils/verificate.js
new file mode 100644
index 00000000..454586aa
--- /dev/null
+++ b/src/frontend/admin/src/utils/verificate.js
@@ -0,0 +1,17 @@
+//验证手机号
+export function verifyPhone(rule, value, callback) {
+    let reg = /^[1][3, 4, 5, 6, 7, 8, 9][0-9]{9}$/
+    if (!reg.test(value)) {
+        return callback(new Error('请输入正确的手机号码'))
+    }
+    callback()
+}
+
+//车牌号码
+export function verifyCars(rule, value, callback) {
+    let reg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4,5}[A-HJ-NP-Z0-9挂学警港澳]$/
+    if (!reg.test(value)) {
+        return callback(new Error('请输入正确的车牌号码'))
+    }
+    callback()
+}
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/anonymous/components/commonPage.vue b/src/frontend/admin/src/views/anonymous/components/commonPage.vue
new file mode 100644
index 00000000..cd0cadee
--- /dev/null
+++ b/src/frontend/admin/src/views/anonymous/components/commonPage.vue
@@ -0,0 +1,34 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="common-header-left">
+                <div class="common-header-logo">
+                    <img :alt="$CONFIG.APP_NAME" src="@/assets/img/logo.png" />
+                    <label>{{ $CONFIG.APP_NAME }}</label>
+                </div>
+                <div class="common-header-title">{{ title }}</div>
+            </div>
+            <div class="common-header-right">
+                <router-link to="/anonymous/login">返回登录</router-link>
+            </div>
+        </el-header>
+        <el-main>
+            <div class="common-container">
+                <h2 class="common-title">{{ title }}</h2>
+                <div class="common-main el-card">
+                    <slot></slot>
+                </div>
+            </div>
+        </el-main>
+    </el-container>
+</template>
+
+<script>
+export default {
+    props: {
+        title: { type: String, default: '' },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/anonymous/components/passwordForm.vue b/src/frontend/admin/src/views/anonymous/components/passwordForm.vue
new file mode 100644
index 00000000..a795c306
--- /dev/null
+++ b/src/frontend/admin/src/views/anonymous/components/passwordForm.vue
@@ -0,0 +1,72 @@
+<template>
+    <el-form ref="loginForm" :model="form" :rules="rules" label-width="0" size="large" @keyup.enter="login">
+        <el-form-item prop="account">
+            <el-input v-model="form.account" :placeholder="$t('login.userPlaceholder')" clearable prefix-icon="el-icon-user"></el-input>
+        </el-form-item>
+        <el-form-item prop="password">
+            <el-input v-model="form.password" :placeholder="$t('login.PWPlaceholder')" clearable prefix-icon="el-icon-lock" show-password></el-input>
+        </el-form-item>
+        <el-form-item style="margin-bottom: 10px">
+            <el-col :span="12">
+                <el-checkbox v-model="autoLogin" :label="$t('login.rememberMe')"></el-checkbox>
+            </el-col>
+            <el-col :span="12" class="login-forgot">
+                <router-link to="/anonymous/reset-password">{{ $t('login.forgetPassword') }}？</router-link>
+            </el-col>
+        </el-form-item>
+        <el-form-item>
+            <el-button :loading="isLoading" round style="width: 100%" type="primary" @click="login">{{ $t('login.signIn') }}</el-button>
+        </el-form-item>
+        <div class="login-reg">
+            {{ $t('login.noAccount') }}
+            <router-link to="/anonymous/register">{{ $t('login.createAccount') }}</router-link>
+        </div>
+    </el-form>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            autoLogin: false,
+            form: {
+                account: 'admin',
+                password: 'admin',
+            },
+            rules: {
+                account: [{ required: true, message: this.$t('login.userError'), trigger: 'blur' }],
+                password: [{ required: true, message: this.$t('login.PWError'), trigger: 'blur' }],
+            },
+            isLoading: false,
+        }
+    },
+    watch: {
+        autoLogin(v) {
+            this.$TOOL.data.set('AUTO_LOGIN', v)
+        },
+    },
+    mounted() {
+        this.autoLogin = this.$TOOL.data.get('AUTO_LOGIN')
+    },
+    methods: {
+        async login() {
+            const validate = await this.$refs.loginForm.validate().catch(() => {})
+            if (!validate) {
+                return false
+            }
+
+            this.isLoading = true
+            //获取token
+            try {
+                await this.$API.sys_user.loginByPwd.post(this.form)
+            } catch {
+                this.isLoading = false
+                return false
+            }
+            window.location.href = '/'
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/anonymous/components/phoneForm.vue b/src/frontend/admin/src/views/anonymous/components/phoneForm.vue
new file mode 100644
index 00000000..3aadbb0d
--- /dev/null
+++ b/src/frontend/admin/src/views/anonymous/components/phoneForm.vue
@@ -0,0 +1,53 @@
+<template>
+    <el-form ref="loginForm" :model="form" :rules="rules" label-width="0" size="large" @keyup.enter="login">
+        <na-form-phone v-model="form" :vue="this" code-field="code" form-name="loginForm" phone-field="destDevice"></na-form-phone>
+        <el-form-item>
+            <el-button :loading="loading" class="w100p" round type="primary" @click="login">{{ $t('login.signIn') }}</el-button>
+        </el-form-item>
+        <div class="login-reg">
+            {{ $t('login.noAccount') }}
+            <router-link to="/anonymous/register">{{ $t('login.createAccount') }}</router-link>
+        </div>
+    </el-form>
+</template>
+<script>
+import naFormPhone from '@/components/naFormPhone/index.vue'
+import phoneConfig from '@/config/naFormPhone'
+
+export default {
+    components: {
+        naFormPhone,
+    },
+    data() {
+        return {
+            loading: false,
+            form: {
+                destDevice: '',
+                code: '',
+            },
+            rules: {
+                destDevice: phoneConfig.mobile(this),
+                code: phoneConfig.code(this),
+            },
+        }
+    },
+    mounted() {},
+    methods: {
+        async login() {
+            if (!(await this.$refs.loginForm.validate().catch(() => {}))) {
+                return false
+            }
+            this.loading = true
+            try {
+                await this.$API.sys_user.loginBySms.post(this.form)
+            } catch {
+                this.loading = false
+                return false
+            }
+
+            window.location.href = '/'
+        },
+    },
+}
+</script>
+<style scoped></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/anonymous/login.vue b/src/frontend/admin/src/views/anonymous/login.vue
new file mode 100644
index 00000000..031d066c
--- /dev/null
+++ b/src/frontend/admin/src/views/anonymous/login.vue
@@ -0,0 +1,361 @@
+<template>
+    <div class="login_bg">
+        <div class="login_main">
+            <div class="login_config">
+                <el-button :icon="config.dark ? 'el-icon-sunny' : 'el-icon-moon'" circle type="info" @click="configDark"></el-button>
+                <el-dropdown placement="bottom-end" trigger="click" @command="configLang">
+                    <el-button circle>
+                        <svg
+                            aria-hidden="true"
+                            height="1em"
+                            preserveAspectRatio="xMidYMid meet"
+                            role="img"
+                            viewBox="0 0 512 512"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
+                            xmlns:xlink="http://www.w3.org/1999/xlink">
+                            <path
+                                d="M478.33 433.6l-90-218a22 22 0 0 0-40.67 0l-90 218a22 22 0 1 0 40.67 16.79L316.66 406h102.67l18.33 44.39A22 22 0 0 0 458 464a22 22 0 0 0 20.32-30.4zM334.83 362L368 281.65L401.17 362z"
+                                fill="currentColor"></path>
+                            <path
+                                d="M267.84 342.92a22 22 0 0 0-4.89-30.7c-.2-.15-15-11.13-36.49-34.73c39.65-53.68 62.11-114.75 71.27-143.49H330a22 22 0 0 0 0-44H214V70a22 22 0 0 0-44 0v20H54a22 22 0 0 0 0 44h197.25c-9.52 26.95-27.05 69.5-53.79 108.36c-31.41-41.68-43.08-68.65-43.17-68.87a22 22 0 0 0-40.58 17c.58 1.38 14.55 34.23 52.86 83.93c.92 1.19 1.83 2.35 2.74 3.51c-39.24 44.35-77.74 71.86-93.85 80.74a22 22 0 1 0 21.07 38.63c2.16-1.18 48.6-26.89 101.63-85.59c22.52 24.08 38 35.44 38.93 36.1a22 22 0 0 0 30.75-4.9z"
+                                fill="currentColor"></path>
+                        </svg>
+                    </el-button>
+                    <template #dropdown>
+                        <el-dropdown-menu>
+                            <el-dropdown-item v-for="item in lang" :key="item.value" :class="{ selected: config.lang === item.value }" :command="item"
+                                >{{ item.name }}
+                            </el-dropdown-item>
+                        </el-dropdown-menu>
+                    </template>
+                </el-dropdown>
+            </div>
+            <div class="login-form">
+                <div class="login-header">
+                    <div class="logo">
+                        <img :alt="$CONFIG.APP_NAME" src="@/assets/img/logo.png" />
+                        <label>{{ $CONFIG.APP_NAME }}</label>
+                    </div>
+                </div>
+                <el-tabs>
+                    <el-tab-pane :label="$t('login.accountLogin')" lazy>
+                        <password-form></password-form>
+                    </el-tab-pane>
+                    <el-tab-pane :label="$t('login.mobileLogin')" lazy>
+                        <phone-form></phone-form>
+                    </el-tab-pane>
+                </el-tabs>
+                <template v-if="$CONFIG.MY_SHOW_LOGIN_OAUTH">
+                    <el-divider>{{ $t('login.signInOther') }}</el-divider>
+                    <div class="login-oauth">
+                        <el-button circle icon="sc-icon-wechat" type="success" @click="wechatLogin"></el-button>
+                    </div>
+                </template>
+            </div>
+        </div>
+    </div>
+    <el-dialog v-model="showWechatLogin" :title="$t('login.wechatLoginTitle')" :width="400" destroy-on-close>
+        <div class="qrCodeLogin">
+            <sc-qr-code :size="200" :text="WechatLoginCode" class="qrCode"></sc-qr-code>
+            <p class="msg">{{ $tc('login.wechatLoginMsg', 1) }}<br />{{ $tc('login.wechatLoginMsg', 2) }}</p>
+            <div v-if="isWechatLoginResult" class="qrCodeLogin-result">
+                <el-result :sub-title="$tc('login.wechatLoginResult', 2)" :title="$tc('login.wechatLoginResult', 1)" icon="success"></el-result>
+            </div>
+        </div>
+    </el-dialog>
+</template>
+
+<script>
+import passwordForm from './components/passwordForm'
+import phoneForm from './components/phoneForm'
+
+export default {
+    components: {
+        passwordForm,
+        phoneForm,
+    },
+    data() {
+        return {
+            config: {
+                lang: this.$TOOL.data.get('APP_LANG') || this.$CONFIG.LANG,
+                dark: this.$TOOL.data.get('APP_DARK') || false,
+            },
+            lang: [
+                {
+                    name: '简体中文',
+                    value: 'zh-cn',
+                },
+                {
+                    name: 'English',
+                    value: 'en',
+                },
+            ],
+            WechatLoginCode: '',
+            showWechatLogin: false,
+            isWechatLoginResult: false,
+        }
+    },
+    watch: {
+        'config.dark'(val) {
+            if (val) {
+                document.documentElement.classList.add('dark')
+                this.$TOOL.data.set('APP_DARK', val)
+            } else {
+                document.documentElement.classList.remove('dark')
+                this.$TOOL.data.remove('APP_DARK')
+            }
+        },
+        'config.lang'(val) {
+            this.$i18n.locale = val
+            this.$TOOL.data.set('APP_LANG', val)
+        },
+    },
+    created: function () {
+        this.$TOOL.cookie.remove('TOKEN')
+        this.$TOOL.data.remove('USER_INFO')
+        this.$TOOL.data.remove('MENU')
+        this.$TOOL.data.remove('PERMISSIONS')
+        this.$TOOL.data.remove('DASHBOARDGRID')
+        this.$TOOL.data.remove('grid')
+        this.$store.commit('clearViewTags')
+        this.$store.commit('clearKeepLive')
+        this.$store.commit('clearIframeList')
+    },
+    methods: {
+        configDark() {
+            this.config.dark = !this.config.dark
+        },
+        configLang(command) {
+            this.config.lang = command.value
+        },
+        wechatLogin() {
+            this.showWechatLogin = true
+            this.WechatLoginCode = 'SCUI-823677237287236-' + new Date().getTime()
+            this.isWechatLoginResult = false
+            setTimeout(() => {
+                this.isWechatLoginResult = true
+            }, 3000)
+        },
+    },
+}
+</script>
+
+<style scoped>
+.login_bg {
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    display: flex;
+}
+
+.login_adv {
+    width: 33.33333%;
+    background-color: #555;
+    background-size: cover;
+    background-position: center center;
+    background-repeat: no-repeat;
+    position: relative;
+}
+
+.login_adv__title {
+    color: #fff;
+    padding: 40px;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+    z-index: 2;
+}
+
+.login_adv__title h2 {
+    font-size: 40px;
+}
+
+.login_adv__title h4 {
+    font-size: 18px;
+    margin-top: 10px;
+    font-weight: normal;
+}
+
+.login_adv__title p {
+    font-size: 14px;
+    margin-top: 10px;
+    line-height: 1.8;
+    color: rgba(255, 255, 255, 0.6);
+}
+
+.login_adv__title div {
+    margin-top: 10px;
+    display: flex;
+    align-items: center;
+}
+
+.login_adv__title div span {
+    margin-right: 15px;
+}
+
+.login_adv__title div i {
+    font-size: 40px;
+}
+
+.login_adv__title div i.add {
+    font-size: 20px;
+    color: rgba(255, 255, 255, 0.6);
+}
+
+.login_adv__bottom {
+    position: absolute;
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
+    color: #fff;
+    padding: 40px;
+    background-image: linear-gradient(transparent, #000);
+    z-index: 3;
+}
+
+.login_adv__mask {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
+    background: rgba(0, 0, 0, 0.5);
+    z-index: 1;
+}
+
+.login_main {
+    flex: 1;
+    overflow: auto;
+    display: flex;
+}
+
+.login-form {
+    width: 400px;
+    margin: auto;
+    padding: 20px 0;
+}
+
+.login-header {
+    margin-bottom: 40px;
+}
+
+.login-header .logo {
+    display: flex;
+    align-items: center;
+}
+
+.login-header .logo img {
+    width: 40px;
+    height: 40px;
+    vertical-align: bottom;
+    margin-right: 10px;
+}
+
+.login-header .logo label {
+    font-size: 26px;
+    font-weight: bold;
+}
+
+.login-oauth {
+    display: flex;
+    justify-content: space-around;
+}
+
+.login-form .el-divider {
+    margin-top: 40px;
+}
+
+.login-form:deep(.el-tabs) .el-tabs__header {
+    margin-bottom: 25px;
+}
+
+.login-form:deep(.el-tabs) .el-tabs__header .el-tabs__item {
+    font-size: 14px;
+}
+
+.login-form:deep(.login-forgot) {
+    text-align: right;
+}
+
+.login-form:deep(.login-forgot) a {
+    color: var(--el-color-primary);
+}
+
+.login-form:deep(.login-forgot) a:hover {
+    color: var(--el-color-primary-light-3);
+}
+
+.login-form:deep(.login-reg) {
+    font-size: 14px;
+    color: var(--el-text-color-primary);
+}
+
+.login-form:deep(.login-reg) a {
+    color: var(--el-color-primary);
+}
+
+.login-form:deep(.login-reg) a:hover {
+    color: var(--el-color-primary-light-3);
+}
+
+.login_config {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+}
+
+.qrCodeLogin {
+    text-align: center;
+    position: relative;
+    padding: 20px 0;
+}
+
+.qrCodeLogin img.qrCode {
+    background: #fff;
+    padding: 20px;
+    border-radius: 10px;
+}
+
+.qrCodeLogin p.msg {
+    margin-top: 15px;
+}
+
+.qrCodeLogin .qrCodeLogin-result {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    text-align: center;
+    background: var(--el-mask-color);
+}
+
+@media (max-width: 1200px) {
+    .login-form {
+        width: 340px;
+    }
+}
+
+@media (max-width: 1000px) {
+    .login_main {
+        display: block;
+    }
+
+    .login_main .login_config {
+        position: static;
+        padding: 20px 20px 0 20px;
+        text-align: right;
+    }
+
+    .login-form {
+        width: 100%;
+        padding: 20px 40px;
+    }
+
+    .login_adv {
+        display: none;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/anonymous/register.vue b/src/frontend/admin/src/views/anonymous/register.vue
new file mode 100644
index 00000000..724193ce
--- /dev/null
+++ b/src/frontend/admin/src/views/anonymous/register.vue
@@ -0,0 +1,165 @@
+<template>
+    <common-page title="注册新账号">
+        <el-steps :active="stepActive" finish-status="success" simple>
+            <el-step title="填写账号" />
+            <el-step title="验证手机" />
+            <el-step title="注册成功" />
+        </el-steps>
+        <el-form v-if="stepActive === 0" ref="stepForm_0" :model="form" :rules="rules" label-width="120" size="large" @keyup.enter="next">
+            <el-form-item label="登录账号" prop="userName">
+                <el-input v-model="form.userName" clearable maxlength="16" placeholder="请输入登录账号"></el-input>
+            </el-form-item>
+            <el-form-item label="登录密码" prop="passwordText">
+                <el-input v-model="form.passwordText" clearable maxlength="16" placeholder="请输入登录密码" show-password type="password"></el-input>
+                <sc-password-strength v-model="form.passwordText"></sc-password-strength>
+                <div class="el-form-item-msg">请输入包含英文、数字的8位以上密码</div>
+            </el-form-item>
+            <el-form-item label="确认密码" prop="passwordText2">
+                <el-input
+                    v-model="form.passwordText2"
+                    clearable
+                    maxlength="16"
+                    placeholder="请再一次输入登录密码"
+                    show-password
+                    type="password"></el-input>
+            </el-form-item>
+            <el-form-item label="" prop="agree">
+                <el-checkbox v-model="form.agree" label="">已阅读并同意</el-checkbox>
+                <span class="link" @click="showAgree = true">《平台服务协议》</span>
+            </el-form-item>
+        </el-form>
+        <el-form v-if="stepActive === 1" ref="stepForm_1" :model="form" :rules="rules" size="large">
+            <na-form-phone
+                v-model="form.verifySmsCodeReq"
+                :code-field="['verifySmsCodeReq.code', 'code']"
+                :phone-field="['verifySmsCodeReq.destDevice', 'destDevice']"
+                :vue="this"
+                form-name="stepForm_1"></na-form-phone>
+        </el-form>
+        <div v-if="stepActive >= 2">
+            <el-result icon="success" sub-title="可以使用登录账号以及手机号登录系统" title="注册成功">
+                <template #extra>
+                    <el-button size="large" type="primary" @click="goLogin">前去登录</el-button>
+                </template>
+            </el-result>
+        </div>
+        <el-form size="large" style="text-align: center">
+            <el-button v-if="stepActive > 0 && stepActive < 2" size="large" @click="pre">上一步</el-button>
+            <el-button v-if="stepActive < 1" size="large" type="primary" @click="next">下一步</el-button>
+            <el-button v-if="stepActive === 1" :loading="loading" size="large" type="primary" @click="save">提 交</el-button>
+        </el-form>
+        <el-dialog v-model="showAgree" destroy-on-close title="平台服务协议">
+            平台服务协议
+            <template #footer>
+                <el-button @click="showAgree = false">取消</el-button>
+                <el-button
+                    type="primary"
+                    @click="
+                        () => {
+                            showAgree = false
+                            form.agree = true
+                        }
+                    "
+                    >我已阅读并同意
+                </el-button>
+            </template>
+        </el-dialog>
+    </common-page>
+</template>
+<script>
+import commonPage from './components/commonPage'
+import naFormPassword from '@/config/naFormPassword'
+import naFormPhone from '@/components/naFormPhone/index.vue'
+import phoneConfig from '@/config/naFormPhone'
+import scPasswordStrength from '@/components/scPasswordStrength'
+
+export default {
+    components: {
+        commonPage,
+        naFormPhone,
+        scPasswordStrength,
+    },
+    data() {
+        return {
+            loading: false,
+            stepActive: 0,
+            showAgree: false,
+            form: {
+                agree: false,
+                passwordText2: '',
+                passwordText: '',
+                userName: '',
+                verifySmsCodeReq: {},
+            },
+            rules: {
+                agree: [
+                    {
+                        validator: (rule, value, callback) => {
+                            if (!value) {
+                                callback(new Error('请阅读并同意协议'))
+                            } else {
+                                callback()
+                            }
+                        },
+                    },
+                ],
+                passwordText2: naFormPassword.passwordText2(() => this.form.passwordText),
+                passwordText: naFormPassword.passwordText(this),
+                userName: [
+                    { required: true, message: this.$t('login.userError') },
+                    {
+                        validator: async (rule, valueEquals, callback) => {
+                            try {
+                                const res = await this.$API.sys_user.checkUserNameAvailable.post({
+                                    userName: valueEquals,
+                                    id: this.form.id,
+                                })
+                                return res.data ? callback() : callback(new Error('用户名已被使用'))
+                            } catch (ex) {
+                                return callback(new Error(ex.data.msg.userName[0].children))
+                            }
+                        },
+                        trigger: 'blur',
+                    },
+                ],
+                verifySmsCodeReq: {
+                    destDevice: [phoneConfig.mobile(this), phoneConfig.mobileNoUsed(this, () => this.form.id)],
+                    code: phoneConfig.code(this),
+                },
+            },
+        }
+    },
+    async mounted() {},
+    methods: {
+        pre() {
+            this.stepActive -= 1
+        },
+        async next() {
+            if (!(await this.$refs[`stepForm_${this.stepActive}`].validate().catch(() => {}))) {
+                return false
+            }
+            this.stepActive += 1
+        },
+        async save() {
+            if (!(await this.$refs[`stepForm_${this.stepActive}`].validate().catch(() => {}))) {
+                return false
+            }
+
+            this.loading = true
+            try {
+                await this.$API.sys_user.register.post(this.form)
+                this.stepActive += 2
+            } catch {
+                //
+            }
+            this.loading = false
+        },
+        goLogin() {
+            this.$router.push({
+                path: '/anonymous/login',
+            })
+        },
+    },
+}
+</script>
+<style scoped></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/anonymous/resetPassword.vue b/src/frontend/admin/src/views/anonymous/resetPassword.vue
new file mode 100644
index 00000000..9f8d3fca
--- /dev/null
+++ b/src/frontend/admin/src/views/anonymous/resetPassword.vue
@@ -0,0 +1,92 @@
+<template>
+    <common-page title="重置密码">
+        <el-steps :active="stepActive" finish-status="success" simple>
+            <el-step title="填写新密码" />
+            <el-step title="完成重置" />
+        </el-steps>
+        <el-form v-if="stepActive === 0" ref="form" :label-width="120" :model="form" :rules="rules" size="large" @keyup.enter="save">
+            <na-form-phone
+                v-model="form.verifySmsCodeReq"
+                :code-field="['verifySmsCodeReq.code', 'code']"
+                :phone-field="['verifySmsCodeReq.destDevice', 'destDevice']"
+                :vue="this"
+                code-label="短信验证码"
+                form-name="form"
+                phone-label="手机号码"></na-form-phone>
+            <el-form-item label="新密码" prop="passwordText">
+                <el-input v-model="form.passwordText" placeholder="请输入新密码" show-password></el-input>
+                <sc-password-strength v-model="form.passwordText"></sc-password-strength>
+                <div class="el-form-item-msg">请输入包含英文、数字的8位以上密码</div>
+            </el-form-item>
+            <el-form-item label="确认新密码" prop="passwordText2">
+                <el-input v-model="form.passwordText2" placeholder="请再一次输入新密码" show-password></el-input>
+            </el-form-item>
+            <el-form-item>
+                <el-button :loading="loading" type="primary" @click="save">提交</el-button>
+            </el-form-item>
+        </el-form>
+        <el-result v-if="stepActive >= 1" icon="success" sub-title="请牢记自己的新密码,返回登录后使用新密码登录" title="密码重置成功">
+            <template #extra>
+                <el-button size="large" type="primary" @click="backLogin">返回登录</el-button>
+            </template>
+        </el-result>
+    </common-page>
+</template>
+
+<script>
+import commonPage from './components/commonPage'
+import naFormPassword from '@/config/naFormPassword'
+import naFormPhone from '@/components/naFormPhone/index.vue'
+import phoneConfig from '@/config/naFormPhone'
+import scPasswordStrength from '@/components/scPasswordStrength/index.vue'
+
+export default {
+    components: {
+        commonPage,
+        naFormPhone,
+        scPasswordStrength,
+    },
+    data() {
+        return {
+            loading: false,
+            stepActive: 0,
+            form: {
+                passwordText2: '',
+                passwordText: '',
+                verifySmsCodeReq: {},
+            },
+            rules: {
+                verifySmsCodeReq: {
+                    destDevice: phoneConfig.mobile(this),
+                    code: phoneConfig.code(this),
+                },
+                passwordText2: naFormPassword.passwordText2(() => this.form.passwordText),
+                passwordText: naFormPassword.passwordText(this),
+            },
+        }
+    },
+    mounted() {},
+    methods: {
+        async save() {
+            if (!(await this.$refs.form.validate().catch(() => {}))) {
+                return false
+            }
+            this.loading = true
+            try {
+                await this.$API.sys_user.resetPassword.post(this.form)
+                this.stepActive = 2
+            } catch {
+                //
+            }
+            this.loading = false
+        },
+        backLogin() {
+            this.$router.push({
+                path: '/anonymous/login',
+            })
+        },
+    },
+}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/dev/code/index.vue b/src/frontend/admin/src/views/dev/code/index.vue
new file mode 100644
index 00000000..1ef94871
--- /dev/null
+++ b/src/frontend/admin/src/views/dev/code/index.vue
@@ -0,0 +1,175 @@
+<template>
+    <router-view></router-view>
+    <el-main>
+        <el-row :gutter="15">
+            <el-col :lg="6" :md="8" :sm="12" :xl="6" :xs="24">
+                <el-card :body-style="{ padding: '0px' }" shadow="hover">
+                    <div class="code-item">
+                        <div :style="{background: 'blue'}" class="img">
+                            <el-icon
+                                :style="`background-image: -webkit-linear-gradient(top left, #fff, blue 100px)`">
+                                <component :is="`sc-icon-js`"/>
+                            </el-icon>
+                        </div>
+                        <div class="title">
+                            <h2>生成前端代码</h2>
+                            <p>
+                                <el-button @click="generateJsCode()">生成</el-button>
+                            </p>
+                        </div>
+                    </div>
+                </el-card>
+            </el-col>
+            <el-col :lg="6" :md="8" :sm="12" :xl="6" :xs="24">
+                <el-card :body-style="{ padding: '0px' }" shadow="hover">
+                    <div class="code-item">
+                        <div :style="{background: 'orange'}" class="img">
+                            <el-icon
+                                :style="`background-image: -webkit-linear-gradient(top left, #fff, blue 100px)`">
+                                <component :is="`sc-icon-csharp`"/>
+                            </el-icon>
+                        </div>
+                        <div class="title">
+                            <h2>生成后端代码</h2>
+                            <p>
+                                <el-input v-model="formCs.type" placeholder="模块类型"></el-input>
+                            </p>
+                            <p>
+                                <el-input v-model="formCs.moduleName" placeholder="模块名称"></el-input>
+                            </p>
+                            <p>
+                                <el-input v-model="formCs.moduleRemark" placeholder="模块说明"></el-input>
+                            </p>
+                            <p>
+                                <el-button @click="generateCsCode()">生成</el-button>
+                            </p>
+                        </div>
+                    </div>
+                </el-card>
+            </el-col>
+            <el-col :lg="6" :md="8" :sm="12" :xl="6" :xs="24">
+                <el-card :body-style="{ padding: '0px' }" shadow="hover">
+                    <div class="code-item">
+                        <div :style="{background: 'green'}" class="img">
+                            <el-icon
+                                :style="`background-image: -webkit-linear-gradient(top left, #fff, green 100px)`">
+                                <component :is="`el-icon-picture`"/>
+                            </el-icon>
+                        </div>
+                        <div class="title">
+                            <h2>生成图标代码</h2>
+                            <p>
+                                <el-input v-model="form.iconName" placeholder="图标名称"></el-input>
+                            </p>
+                            <p>
+                                <el-input v-model="form.svgCode" placeholder="粘贴SVG代码"></el-input>
+                            </p>
+                            <p>
+                                <el-row align="middle">
+                                    <el-col :span="12">
+                                        <el-button @click="generateIconCode()">生成</el-button>
+                                    </el-col>
+                                    <el-col :span="12">
+                                        <el-link href="https://www.iconfont.cn/" target="_blank">Iconfont</el-link>
+                                    </el-col>
+                                </el-row>
+                            </p>
+                        </div>
+                    </div>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            form: {
+                svgCode: '',
+                iconName: ''
+            },
+            formCs: {
+                moduleName: '',
+                ///     模块说明
+                moduleRemark: '',
+                ///     模块类型
+                type: 'Sys',
+            }
+        }
+    },
+    methods: {
+        async generateIconCode() {
+            try {
+                await this.$API.sys_dev.generateIconCode.post(this.form)
+                this.$message.success('生成完毕')
+            } catch {
+
+            }
+        },
+        async generateJsCode() {
+            try {
+                await this.$API.sys_dev.generateJsCode.post()
+                this.$message.success('生成完毕')
+            } catch {
+
+            }
+        },
+        async generateCsCode() {
+            try {
+                await this.$API.sys_dev.generateCsCode.post(this.formCs)
+                this.$message.success('生成完毕')
+            } catch {
+
+            }
+        }
+    }
+}
+</script>
+
+<style scoped>
+.el-card {
+    margin-bottom: 15px;
+}
+
+.code-item {
+    cursor: pointer;
+}
+
+.code-item .img {
+    width: 100%;
+    height: 150px;
+    background: #09f;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.code-item .img i {
+    font-size: 100px;
+    color: #fff;
+    background-image: -webkit-linear-gradient(top left, #fff, #09f 100px);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+.code-item .title {
+    padding: 15px;
+}
+
+.code-item .title h2 {
+    font-size: 16px;
+}
+
+.code-item .title h4 {
+    font-size: 12px;
+    color: #999;
+    font-weight: normal;
+    margin-top: 5px;
+}
+
+.code-item .title p {
+    margin-top: 15px;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/dev/code/list.vue b/src/frontend/admin/src/views/dev/code/list.vue
new file mode 100644
index 00000000..ce7a489b
--- /dev/null
+++ b/src/frontend/admin/src/views/dev/code/list.vue
@@ -0,0 +1,310 @@
+<template>
+    <el-container>
+        <el-main>
+            <el-card shadow="never">
+                <el-tabs tab-position="top">
+                    <el-tab-pane label="列配置">
+                        <sc-form-table
+                            v-model="column"
+                            :addTemplate="addTemplate"
+                            placeholder="请添加列数据"
+                        >
+                            <el-table-column
+                                label="显示名称"
+                                prop="label"
+                                width="180"
+                            >
+                                <template #default="scope">
+                                    <el-input
+                                        v-model="scope.row.label"
+                                        placeholder="请输入内容"
+                                    ></el-input>
+                                </template>
+                            </el-table-column>
+                            <el-table-column
+                                label="字段名"
+                                prop="prop"
+                                width="180"
+                            >
+                                <template #default="scope">
+                                    <el-input
+                                        v-model="scope.row.prop"
+                                        placeholder="请输入内容"
+                                    ></el-input>
+                                </template>
+                            </el-table-column>
+                            <el-table-column
+                                label="宽度"
+                                prop="width"
+                                width="180"
+                            >
+                                <template #default="scope">
+                                    <el-input
+                                        v-model="scope.row.width"
+                                        placeholder="请输入内容"
+                                    ></el-input>
+                                </template>
+                            </el-table-column>
+                            <el-table-column
+                                align="center"
+                                label="加入编辑"
+                                prop="isEdit"
+                                width="80"
+                            >
+                                <template #default="scope">
+                                    <el-checkbox
+                                        v-model="scope.row.isEdit"
+                                    ></el-checkbox>
+                                </template>
+                            </el-table-column>
+                            <el-table-column
+                                align="center"
+                                label="加入搜索"
+                                prop="isSearch"
+                                width="80"
+                            >
+                                <template #default="scope">
+                                    <el-checkbox
+                                        v-model="scope.row.isSearch"
+                                    ></el-checkbox>
+                                </template>
+                            </el-table-column>
+                        </sc-form-table>
+                    </el-tab-pane>
+                    <el-tab-pane label="基础配置">
+                        <el-row>
+                            <el-col :lg="8" :xl="12">
+                                <el-form :model="base" label-width="80px">
+                                    <el-form-item label="name">
+                                        <el-input
+                                            v-model="base.name"
+                                        ></el-input>
+                                        <div class="el-form-item-msg">
+                                            系统唯一且与路由别名一致，否则导致缓存失效。
+                                        </div>
+                                    </el-form-item>
+                                    <el-form-item label="rowKey">
+                                        <el-input
+                                            v-model="base.rowKey"
+                                        ></el-input>
+                                        <div class="el-form-item-msg">
+                                            表格唯一标识，编辑保存和删除将传递rowKey
+                                        </div>
+                                    </el-form-item>
+                                </el-form>
+                            </el-col>
+                        </el-row>
+                    </el-tab-pane>
+                    <el-tab-pane label="API路径配置">
+                        <el-alert
+                            style="margin: 0 0 20px 0"
+                            title="$API 映射文件: @/api/index.js 统一接口管理器, 所以需提前配置好API对象."
+                            type="warning"
+                        ></el-alert>
+                        <el-row>
+                            <el-col :lg="8" :xl="12">
+                                <el-form :model="api" label-width="80px">
+                                    <el-form-item label="获取列表">
+                                        <el-input v-model="api.list">
+                                            <template #prepend>$API.</template>
+                                        </el-input>
+                                    </el-form-item>
+                                    <el-form-item label="新增">
+                                        <el-input v-model="api.add">
+                                            <template #prepend>$API.</template>
+                                        </el-input>
+                                    </el-form-item>
+                                    <el-form-item label="保存">
+                                        <el-input v-model="api.save">
+                                            <template #prepend>$API.</template>
+                                        </el-input>
+                                    </el-form-item>
+                                    <el-form-item label="查询详细">
+                                        <el-input v-model="api.show">
+                                            <template #prepend>$API.</template>
+                                        </el-input>
+                                    </el-form-item>
+                                    <el-form-item label="删除">
+                                        <el-input v-model="api.del">
+                                            <template #prepend>$API.</template>
+                                        </el-input>
+                                    </el-form-item>
+                                </el-form>
+                            </el-col>
+                        </el-row>
+                    </el-tab-pane>
+                </el-tabs>
+            </el-card>
+            <pre style="margin-top: 50px; display: none">{{ code }}</pre>
+        </el-main>
+        <el-footer>
+            <el-dropdown style="margin-right: 15px">
+                <el-button
+                    :loading="downloadcodeLoading"
+                    icon="el-icon-download"
+                    type="primary"
+                    >下载VUE文件
+                </el-button>
+                <template #dropdown>
+                    <el-dropdown-menu>
+                        <el-dropdown-item @click="downloadListCode"
+                            >下载 index.vue
+                        </el-dropdown-item>
+                        <el-dropdown-item @click="downloadSaveCode"
+                            >下载 save.vue
+                        </el-dropdown-item>
+                    </el-dropdown-menu>
+                </template>
+            </el-dropdown>
+            <el-dropdown>
+                <el-button
+                    :loading="showcodeLoading"
+                    icon="el-icon-top-right"
+                    plain
+                    type="primary"
+                    >预览代码
+                </el-button>
+                <template #dropdown>
+                    <el-dropdown-menu>
+                        <el-dropdown-item @click="showListCode"
+                            >预览 index.vue
+                        </el-dropdown-item>
+                        <el-dropdown-item @click="showSaveCode"
+                            >预览 save.vue
+                        </el-dropdown-item>
+                    </el-dropdown-menu>
+                </template>
+            </el-dropdown>
+        </el-footer>
+    </el-container>
+
+    <el-dialog
+        v-model="codeVisible"
+        append-to-body
+        destroy-on-close
+        title="代码预览"
+        width="60%"
+    >
+        <el-alert
+            show-icon
+            style="margin-bottom: 20px"
+            title="需将VUE文件放置views文件夹,路由匹配组件的路径下,如文件名为index.vue可不需要写文件名"
+            type="success"
+        ></el-alert>
+        <pre class="code" contenteditable>{{ code }}</pre>
+        <template #footer>
+            <el-button type="primary" @click="codeVisible = false"
+                >确 定
+            </el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+import template from "@/utils/template.js";
+
+export default {
+    data() {
+        return {
+            codeVisible: false,
+            showcodeLoading: false,
+            downloadcodeLoading: false,
+            code: "",
+            base: {
+                name: "",
+                rowKey: "id",
+            },
+            api: {
+                list: "",
+                add: "",
+                save: "",
+                show: "",
+                del: "",
+            },
+            column: [],
+            addTemplate: {
+                label: "",
+                prop: "",
+                width: "100",
+                isSearch: false,
+                isEdit: false,
+            },
+        };
+    },
+    mounted() {},
+    methods: {
+        //列表预览
+        async showListCode() {
+            this.showcodeLoading = true;
+            await this.getListTpl();
+            this.showcodeLoading = false;
+            this.codeVisible = true;
+        },
+        //获取列表模板文件
+        async getListTpl() {
+            const data = {
+                createDate: new Date().toLocaleString(),
+                base: this.base,
+                column: this.column,
+                api: this.api,
+            };
+            const tpl = await this.$HTTP.get("code/list/index.vue");
+            this.code = template(tpl, data);
+        },
+        //详细预览
+        async showSaveCode() {
+            this.showcodeLoading = true;
+            await this.getSaveTpl();
+            this.showcodeLoading = false;
+            this.codeVisible = true;
+        },
+        //获取详细模板文件
+        async getSaveTpl() {
+            const data = {
+                createDate: new Date().toLocaleString(),
+                base: this.base,
+                column: this.column.filter((item) => item.isEdit === true),
+                api: this.api,
+            };
+            const tpl = await this.$HTTP.get("code/list/save.vue");
+            this.code = template(tpl, data);
+        },
+        async downloadListCode() {
+            this.downloadcodeLoading = true;
+            await this.getListTpl();
+            this.downloadcodeLoading = false;
+            this.createFile(this.code, "index.vue");
+        },
+        async downloadSaveCode() {
+            this.downloadcodeLoading = true;
+            await this.getSaveTpl();
+            this.downloadcodeLoading = false;
+            this.createFile(this.code, "save.vue");
+        },
+        //创建文件并下载
+        createFile(row, name) {
+            const element = document.createElement("a");
+            element.setAttribute(
+                "href",
+                "data:text/plain;charset=utf-8," + encodeURIComponent(row)
+            );
+            element.setAttribute("download", name);
+            element.style.display = "none";
+            element.click();
+        },
+    },
+};
+</script>
+
+<style scoped>
+.code {
+    height: 400px;
+    overflow: auto;
+    background: #333;
+    color: #999;
+    padding: 20px;
+    font-size: 14px;
+    font-family: "consolas", serif;
+    line-height: 1.5;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/home/index.vue b/src/frontend/admin/src/views/home/index.vue
new file mode 100644
index 00000000..6d06dae7
--- /dev/null
+++ b/src/frontend/admin/src/views/home/index.vue
@@ -0,0 +1,45 @@
+<template>
+    <div v-if="pageLoading">
+        <el-main>
+            <el-card shadow="never">
+                <el-skeleton :rows="1"></el-skeleton>
+            </el-card>
+            <el-card shadow="never" style="margin-top: 15px">
+                <el-skeleton></el-skeleton>
+            </el-card>
+        </el-main>
+    </div>
+    <widgets v-if="dashboard" @on-mounted="onMounted"></widgets>
+    <work v-else @on-mounted="onMounted"></work>
+</template>
+
+<script>
+import { defineAsyncComponent } from 'vue'
+
+const work = defineAsyncComponent(() => import('./work'))
+const widgets = defineAsyncComponent(() => import('./widgets'))
+
+export default {
+    components: {
+        work,
+        widgets,
+    },
+    data() {
+        return {
+            pageLoading: true,
+            dashboard: false,
+        }
+    },
+    created() {
+        this.dashboard = this.$GLOBAL.user.roles.findIndex((x) => x.displayDashboard) >= 0
+    },
+    mounted() {},
+    methods: {
+        onMounted() {
+            this.pageLoading = false
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/home/widgets/components/about.vue b/src/frontend/admin/src/views/home/widgets/components/about.vue
new file mode 100644
index 00000000..5ff4535c
--- /dev/null
+++ b/src/frontend/admin/src/views/home/widgets/components/about.vue
@@ -0,0 +1,29 @@
+<template>
+    <el-card class="item-background" header="关于项目" shadow="hover">
+        <p>高性能 / 精致 / 优雅。基于Vue3 + Element-Plus 的中后台前端解决方案，如果喜欢就点个星星支持一下。</p>
+        <p>
+            <a href="https://gitee.com/lolicode/scui" target="_blank">
+                <img alt="star" src="https://gitee.com/lolicode/scui/badge/star.svg?theme=dark" style="vertical-align: middle" />
+            </a>
+        </p>
+    </el-card>
+</template>
+
+<script>
+export default {
+    title: '关于项目',
+    icon: 'el-icon-setting',
+    description: '点个星星支持一下',
+    data() {
+        return {}
+    },
+}
+</script>
+
+<style scoped>
+.item-background p {
+    color: #999;
+    margin-top: 10px;
+    line-height: 1.8;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/home/widgets/components/echarts.vue b/src/frontend/admin/src/views/home/widgets/components/echarts.vue
new file mode 100644
index 00000000..fa72e929
--- /dev/null
+++ b/src/frontend/admin/src/views/home/widgets/components/echarts.vue
@@ -0,0 +1,97 @@
+<template>
+    <el-card v-loading="loading" header="实时收入" shadow="hover">
+        <scEcharts ref="c1" :option="option" height="300px"></scEcharts>
+    </el-card>
+</template>
+
+<script>
+import scEcharts from '@/components/scEcharts'
+
+export default {
+    title: '实时收入',
+    icon: 'el-icon-data-line',
+    description: 'Echarts组件演示',
+    components: {
+        scEcharts,
+    },
+    data() {
+        return {
+            loading: true,
+            option: {},
+        }
+    },
+    created() {
+        var _this = this
+        setTimeout(function () {
+            _this.loading = false
+        }, 500)
+
+        var option = {
+            tooltip: {
+                trigger: 'axis',
+            },
+            xAxis: {
+                boundaryGap: false,
+                type: 'category',
+                data: (function () {
+                    var now = new Date()
+                    var res = []
+                    var len = 30
+                    while (len--) {
+                        res.unshift(now.toLocaleTimeString().replace(/^\D*/, ''))
+                        now = new Date(now - 2000)
+                    }
+                    return res
+                })(),
+            },
+            yAxis: [
+                {
+                    type: 'value',
+                    name: '价格',
+                    splitLine: {
+                        show: false,
+                    },
+                },
+            ],
+            series: [
+                {
+                    name: '收入',
+                    type: 'line',
+                    symbol: 'none',
+                    lineStyle: {
+                        width: 1,
+                        color: '#409EFF',
+                    },
+                    areaStyle: {
+                        opacity: 0.1,
+                        color: '#79bbff',
+                    },
+                    data: (function () {
+                        var res = []
+                        var len = 30
+                        while (len--) {
+                            res.push(Math.round(Math.random() * 0))
+                        }
+                        return res
+                    })(),
+                },
+            ],
+        }
+        this.option = option
+    },
+    mounted() {
+        var _this = this
+        setInterval(function () {
+            var o = _this.option
+
+            o.series[0].data.shift()
+            o.series[0].data.push(Math.round(Math.random() * 100))
+
+            o.xAxis.data.shift()
+            o.xAxis.data.push(new Date().toLocaleTimeString().replace(/^\D*/, ''))
+
+            //_this.$refs.c1.myChart.setOption(o)
+        }, 2100)
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/home/widgets/components/index.js b/src/frontend/admin/src/views/home/widgets/components/index.js
new file mode 100644
index 00000000..64c6f246
--- /dev/null
+++ b/src/frontend/admin/src/views/home/widgets/components/index.js
@@ -0,0 +1,16 @@
+/*
+ * @Author: Xujianchen
+ * @Date: 2023-02-28 14:12:15
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-18 12:45:04
+ * @Description:
+ */
+import {markRaw} from 'vue'
+
+const resultComps = {}
+const files = import.meta.globEager('./*.vue')
+Object.keys(files).forEach((fileName) => {
+    let comp = files[fileName]
+    resultComps[fileName.replace(/^\.\/(.*)\.\w+$/, '$1')] = comp.default
+})
+export default markRaw(resultComps)
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/home/widgets/components/progress.vue b/src/frontend/admin/src/views/home/widgets/components/progress.vue
new file mode 100644
index 00000000..fb15efde
--- /dev/null
+++ b/src/frontend/admin/src/views/home/widgets/components/progress.vue
@@ -0,0 +1,38 @@
+<template>
+    <el-card header="进度环" shadow="hover">
+        <div class="progress">
+            <el-progress :percentage="85.5" :width="160" type="dashboard">
+                <template #default="{ percentage }">
+                    <div class="percentage-value">{{ percentage }}%</div>
+                    <div class="percentage-label">当前进度</div>
+                </template>
+            </el-progress>
+        </div>
+    </el-card>
+</template>
+
+<script>
+export default {
+    title: '进度环',
+    icon: 'el-icon-odometer',
+    description: '进度环原子组件演示',
+    data() {
+        return {}
+    },
+}
+</script>
+
+<style scoped>
+.progress {
+    text-align: center;
+}
+
+.progress .percentage-value {
+    font-size: 28px;
+}
+
+.progress .percentage-label {
+    font-size: 12px;
+    margin-top: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/home/widgets/components/time.vue b/src/frontend/admin/src/views/home/widgets/components/time.vue
new file mode 100644
index 00000000..63f193a0
--- /dev/null
+++ b/src/frontend/admin/src/views/home/widgets/components/time.vue
@@ -0,0 +1,51 @@
+<template>
+    <el-card class="item-background" header="时钟" shadow="hover">
+        <div class="time">
+            <h2>{{ time }}</h2>
+            <p>{{ day }}</p>
+        </div>
+    </el-card>
+</template>
+
+<script>
+export default {
+    title: '时钟',
+    icon: 'el-icon-clock',
+    description: '演示部件效果',
+    data() {
+        return {
+            time: '',
+            day: '',
+        }
+    },
+    mounted() {
+        this.showTime()
+        setInterval(() => {
+            this.showTime()
+        }, 1000)
+    },
+    methods: {
+        showTime() {
+            this.time = this.$TOOL.dateFormat(new Date(), 'hh:mm:ss')
+            this.day = this.$TOOL.dateFormat(new Date(), 'yyyy年MM月dd日')
+        },
+    },
+}
+</script>
+
+<style scoped>
+.item-background {
+    background: linear-gradient(to right, #8e54e9, #4776e6);
+    color: #fff;
+}
+
+.time h2 {
+    font-size: 40px;
+}
+
+.time p {
+    font-size: 14px;
+    margin-top: 13px;
+    opacity: 0.7;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/home/widgets/components/ver.vue b/src/frontend/admin/src/views/home/widgets/components/ver.vue
new file mode 100644
index 00000000..f1fe0c75
--- /dev/null
+++ b/src/frontend/admin/src/views/home/widgets/components/ver.vue
@@ -0,0 +1,41 @@
+<template>
+    <el-card header="版本信息" shadow="hover">
+        <div style="height: 210px; text-align: center">
+            <img src="@/assets/img/ver.svg" style="height: 140px" />
+            <h2 style="margin-top: 15px">SCUI {{ $CONFIG.CORE_VER }}</h2>
+            <p style="margin-top: 5px">最新版本 {{ ver }}</p>
+        </div>
+        <div style="margin-top: 20px">
+            <el-button plain round type="primary" @click="golog">更新日志</el-button>
+            <el-button plain round type="primary" @click="gogit">gitee</el-button>
+        </div>
+    </el-card>
+</template>
+
+<script>
+export default {
+    title: '版本信息',
+    icon: 'el-icon-monitor',
+    description: '当前项目版本信息',
+    data() {
+        return {
+            ver: 'loading...',
+        }
+    },
+    mounted() {
+        this.getVer()
+    },
+    methods: {
+        async getVer() {
+            const ver = await this.$API.sys_tools.version.post()
+            this.ver = ver.data
+        },
+        golog() {
+            window.open('https://gitee.com/lolicode/scui/releases')
+        },
+        gogit() {
+            window.open('https://gitee.com/lolicode/scui')
+        },
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/home/widgets/components/welcome.vue b/src/frontend/admin/src/views/home/widgets/components/welcome.vue
new file mode 100644
index 00000000..d94433b9
--- /dev/null
+++ b/src/frontend/admin/src/views/home/widgets/components/welcome.vue
@@ -0,0 +1,111 @@
+<template>
+    <el-card header="欢迎" shadow="hover">
+        <div class="welcome">
+            <div class="logo">
+                <img src="@/assets/img/logo.png" />
+                <h2>欢迎体验 SCUI</h2>
+            </div>
+            <div class="tips">
+                <div class="tips-item">
+                    <div class="tips-item-icon">
+                        <el-icon>
+                            <el-icon-menu />
+                        </el-icon>
+                    </div>
+                    <div class="tips-item-message">这里是项目控制台，你可以点击右上方的“自定义”按钮来添加移除或者移动部件。</div>
+                </div>
+                <div class="tips-item">
+                    <div class="tips-item-icon">
+                        <el-icon>
+                            <el-icon-promotion />
+                        </el-icon>
+                    </div>
+                    <div class="tips-item-message">在提高前端算力、减少带宽请求和代码执行力上多次优化，并且持续着。</div>
+                </div>
+                <div class="tips-item">
+                    <div class="tips-item-icon">
+                        <el-icon>
+                            <el-icon-milk-tea />
+                        </el-icon>
+                    </div>
+                    <div class="tips-item-message">项目目的：让前端工作更快乐</div>
+                </div>
+            </div>
+            <div class="actions">
+                <el-button icon="el-icon-check" size="large" type="primary" @click="godoc">文档</el-button>
+            </div>
+        </div>
+    </el-card>
+</template>
+
+<script>
+export default {
+    title: '欢迎',
+    icon: 'el-icon-present',
+    description: '项目特色以及文档链接',
+    data() {
+        return {}
+    },
+    methods: {
+        godoc() {
+            window.open('https://lolicode.gitee.io/scui-doc/')
+        },
+    },
+}
+</script>
+
+<style scoped>
+.welcome .logo {
+    text-align: center;
+}
+
+.welcome .logo img {
+    vertical-align: bottom;
+    width: 100px;
+    height: 100px;
+    margin-bottom: 20px;
+}
+
+.welcome .logo h2 {
+    font-size: 30px;
+    font-weight: normal;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.tips {
+    margin-top: 20px;
+    padding: 0 40px;
+}
+
+.tips-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 7.5px 0;
+}
+
+.tips-item-icon {
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    font-size: 18px;
+    margin-right: 20px;
+    color: var(--el-color-primary);
+    background: rgba(180, 180, 180, 0.1);
+}
+
+.tips-item-message {
+    flex: 1;
+    font-size: 14px;
+}
+
+.actions {
+    text-align: center;
+    margin: 40px 0 20px 0;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/home/widgets/index.vue b/src/frontend/admin/src/views/home/widgets/index.vue
new file mode 100644
index 00000000..21d344e5
--- /dev/null
+++ b/src/frontend/admin/src/views/home/widgets/index.vue
@@ -0,0 +1,486 @@
+<template>
+    <div ref="main" :class="['widgets-home', customizing ? 'customizing' : '']">
+        <div class="widgets-content">
+            <div class="widgets-top">
+                <div class="widgets-top-title">控制台</div>
+                <div class="widgets-top-actions">
+                    <el-button v-if="customizing" icon="el-icon-check" round type="primary" @click="save">完成</el-button>
+                    <el-button v-else icon="el-icon-edit" round type="primary" @click="custom">自定义</el-button>
+                </div>
+            </div>
+            <div ref="widgets" class="widgets">
+                <div class="widgets-wrapper">
+                    <div v-if="nowCompsList.length <= 0" class="no-widgets">
+                        <el-empty :image-size="280" description="没有部件啦" image="@/assets/img/no-widgets.svg"></el-empty>
+                    </div>
+                    <el-row :gutter="15">
+                        <el-col v-for="(item, index) in grid.layout" v-bind:key="index" :md="item" :xs="24">
+                            <draggable
+                                v-model="grid.copmsList[index]"
+                                animation="200"
+                                class="draggable-box"
+                                dragClass="aaaaa"
+                                fallbackOnBody
+                                force-fallback
+                                group="people"
+                                handle=".customize-overlay"
+                                item-key="com">
+                                <template #item="{ element }">
+                                    <div class="widgets-item">
+                                        <component :is="allComps[element]"></component>
+                                        <div v-if="customizing" class="customize-overlay">
+                                            <el-button
+                                                class="close"
+                                                icon="el-icon-close"
+                                                plain
+                                                size="small"
+                                                type="danger"
+                                                @click="remove(element)"></el-button>
+                                            <label>
+                                                <el-icon>
+                                                    <component :is="allComps[element].icon" />
+                                                </el-icon>
+                                                {{ allComps[element].title }}</label
+                                            >
+                                        </div>
+                                    </div>
+                                </template>
+                            </draggable>
+                        </el-col>
+                    </el-row>
+                </div>
+            </div>
+        </div>
+        <div v-if="customizing" class="widgets-aside">
+            <el-container>
+                <el-header>
+                    <div class="widgets-aside-title">
+                        <el-icon>
+                            <el-icon-circle-plus-filled />
+                        </el-icon>
+                        添加部件
+                    </div>
+                    <div class="widgets-aside-close" @click="close()">
+                        <el-icon>
+                            <el-icon-close />
+                        </el-icon>
+                    </div>
+                </el-header>
+                <el-header style="height: auto">
+                    <div class="selectLayout">
+                        <div :class="{ active: grid.layout.join(',') == '12,6,6' }" class="selectLayout-item item01" @click="setLayout([12, 6, 6])">
+                            <el-row :gutter="2">
+                                <el-col :span="12"><span></span></el-col>
+                                <el-col :span="6"><span></span></el-col>
+                                <el-col :span="6"><span></span></el-col>
+                            </el-row>
+                        </div>
+                        <div :class="{ active: grid.layout.join(',') == '24,16,8' }" class="selectLayout-item item02" @click="setLayout([24, 16, 8])">
+                            <el-row :gutter="2">
+                                <el-col :span="24"><span></span></el-col>
+                                <el-col :span="16"><span></span></el-col>
+                                <el-col :span="8"><span></span></el-col>
+                            </el-row>
+                        </div>
+                        <div :class="{ active: grid.layout.join(',') == '24' }" class="selectLayout-item item03" @click="setLayout([24])">
+                            <el-row :gutter="2">
+                                <el-col :span="24"><span></span></el-col>
+                                <el-col :span="24"><span></span></el-col>
+                                <el-col :span="24"><span></span></el-col>
+                            </el-row>
+                        </div>
+                    </div>
+                </el-header>
+                <el-main class="nopadding">
+                    <div class="widgets-list">
+                        <div v-if="myCompsList.length <= 0" class="widgets-list-nodata">
+                            <el-empty :image-size="60" description="没有部件啦"></el-empty>
+                        </div>
+                        <div v-for="item in myCompsList" :key="item.title" class="widgets-list-item">
+                            <div class="item-logo">
+                                <el-icon>
+                                    <component :is="item.icon" />
+                                </el-icon>
+                            </div>
+                            <div class="item-info">
+                                <h2>{{ item.title }}</h2>
+                                <p>{{ item.description }}</p>
+                            </div>
+                            <div class="item-actions">
+                                <el-button icon="el-icon-plus" size="small" type="primary" @click="push(item)"></el-button>
+                            </div>
+                        </div>
+                    </div>
+                </el-main>
+                <el-footer style="height: 51px">
+                    <el-button size="small" @click="backDefaul()">恢复默认</el-button>
+                </el-footer>
+            </el-container>
+        </div>
+    </div>
+</template>
+
+<script>
+import draggable from 'vuedraggable'
+import allComps from './components'
+
+export default {
+    components: {
+        draggable,
+    },
+    data() {
+        return {
+            customizing: false,
+            allComps: allComps,
+            selectLayout: [],
+            defaultGrid: this.$CONFIG.DEFAULT_GRID,
+            grid: [],
+        }
+    },
+    created() {
+        this.grid = this.$TOOL.data.get('grid') || JSON.parse(JSON.stringify(this.defaultGrid))
+    },
+    mounted() {
+        this.$emit('on-mounted')
+    },
+    computed: {
+        allCompsList() {
+            var allCompsList = []
+            for (var key in this.allComps) {
+                allCompsList.push({
+                    key: key,
+                    title: allComps[key].title,
+                    icon: allComps[key].icon,
+                    description: allComps[key].description,
+                })
+            }
+            var myCopmsList = this.grid.copmsList.reduce(function (a, b) {
+                return a.concat(b)
+            })
+            for (let comp of allCompsList) {
+                const _item = myCopmsList.find((item) => {
+                    return item === comp.key
+                })
+                if (_item) {
+                    comp.disabled = true
+                }
+            }
+            return allCompsList
+        },
+        myCompsList() {
+            var myGrid = this.$TOOL.data.get('DASHBOARDGRID')
+            return this.allCompsList.filter((item) => !item.disabled && myGrid.includes(item.key))
+        },
+        nowCompsList() {
+            return this.grid.copmsList.reduce(function (a, b) {
+                return a.concat(b)
+            })
+        },
+    },
+    methods: {
+        //开启自定义
+        custom() {
+            this.customizing = true
+            const oldWidth = this.$refs.widgets.offsetWidth
+            this.$nextTick(() => {
+                const scale = this.$refs.widgets.offsetWidth / oldWidth
+                this.$refs.widgets.style.setProperty('transform', `scale(${scale})`)
+            })
+        },
+        //设置布局
+        setLayout(layout) {
+            this.grid.layout = layout
+            if (layout.join(',') === '24') {
+                this.grid.copmsList[0] = [...this.grid.copmsList[0], ...this.grid.copmsList[1], ...this.grid.copmsList[2]]
+                this.grid.copmsList[1] = []
+                this.grid.copmsList[2] = []
+            }
+        },
+        //追加
+        push(item) {
+            let target = this.grid.copmsList[0]
+            target.push(item.key)
+        },
+        //隐藏组件
+        remove(item) {
+            var newCopmsList = this.grid.copmsList
+            newCopmsList.forEach((obj, index) => {
+                var newObj = obj.filter((o) => o !== item)
+                newCopmsList[index] = newObj
+            })
+        },
+        //保存
+        save() {
+            this.customizing = false
+            this.$refs.widgets.style.removeProperty('transform')
+            this.$TOOL.data.set('grid', this.grid)
+        },
+        //恢复默认
+        backDefaul() {
+            this.customizing = false
+            this.$refs.widgets.style.removeProperty('transform')
+            this.grid = JSON.parse(JSON.stringify(this.defaultGrid))
+            this.$TOOL.data.remove('grid')
+        },
+        //关闭
+        close() {
+            this.customizing = false
+            this.$refs.widgets.style.removeProperty('transform')
+        },
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+.widgets-home {
+    display: flex;
+    flex-direction: row;
+    flex: 1;
+    height: 100%;
+}
+
+.widgets-content {
+    flex: 1;
+    overflow: auto;
+    overflow-x: hidden;
+    padding: 15px;
+}
+
+.widgets-aside {
+    width: 360px;
+    background: #fff;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    position: relative;
+    overflow: auto;
+}
+
+.widgets-aside-title {
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.widgets-aside-title i {
+    margin-right: 10px;
+    font-size: 18px;
+}
+
+.widgets-aside-close {
+    font-size: 18px;
+    width: 30px;
+    height: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 3px;
+    cursor: pointer;
+}
+
+.widgets-aside-close:hover {
+    background: rgba(180, 180, 180, 0.1);
+}
+
+.widgets-top {
+    margin-bottom: 15px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.widgets-top-title {
+    font-size: 18px;
+    font-weight: bold;
+}
+
+.widgets {
+    transform-origin: top left;
+    transition: transform 0.15s;
+}
+
+.draggable-box {
+    height: 100%;
+}
+
+.customizing .widgets-wrapper {
+    margin-right: -360px;
+}
+
+.customizing .widgets-wrapper .el-col {
+    padding-bottom: 15px;
+}
+
+.customizing .widgets-wrapper .draggable-box {
+    border: 1px dashed var(--el-color-primary);
+    padding: 15px;
+}
+
+.customizing .widgets-wrapper .no-widgets {
+    display: none;
+}
+
+.customizing .widgets-item {
+    position: relative;
+    margin-bottom: 15px;
+}
+
+.customize-overlay {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background: rgba(255, 255, 255, 0.9);
+    cursor: move;
+}
+
+.customize-overlay label {
+    background: var(--el-color-primary);
+    color: #fff;
+    height: 40px;
+    padding: 0 30px;
+    border-radius: 40px;
+    font-size: 18px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: move;
+}
+
+.customize-overlay label i {
+    margin-right: 15px;
+    font-size: 24px;
+}
+
+.customize-overlay .close {
+    position: absolute;
+    top: 15px;
+    right: 15px;
+}
+
+.customize-overlay .close:focus,
+.customize-overlay .close:hover {
+    background: var(--el-button-hover-color);
+}
+
+.widgets-list-item {
+    display: flex;
+    flex-direction: row;
+    padding: 15px;
+    align-items: center;
+}
+
+.widgets-list-item .item-logo {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    background: rgba(180, 180, 180, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 18px;
+    margin-right: 15px;
+    color: #6a8bad;
+}
+
+.widgets-list-item .item-info {
+    flex: 1;
+}
+
+.widgets-list-item .item-info h2 {
+    font-size: 16px;
+    font-weight: normal;
+    cursor: default;
+}
+
+.widgets-list-item .item-info p {
+    font-size: 12px;
+    color: #999;
+    cursor: default;
+}
+
+.widgets-list-item:hover {
+    background: rgba(180, 180, 180, 0.1);
+}
+
+.widgets-wrapper .sortable-ghost {
+    opacity: 0.5;
+}
+
+.selectLayout {
+    width: 100%;
+    display: flex;
+}
+
+.selectLayout-item {
+    width: 60px;
+    height: 60px;
+    border: 2px solid var(--el-border-color-light);
+    padding: 5px;
+    cursor: pointer;
+    margin-right: 15px;
+}
+
+.selectLayout-item span {
+    display: block;
+    background: var(--el-border-color-light);
+    height: 46px;
+}
+
+.selectLayout-item.item02 span {
+    height: 30px;
+}
+
+.selectLayout-item.item02 .el-col:nth-child(1) span {
+    height: 14px;
+    margin-bottom: 2px;
+}
+
+.selectLayout-item.item03 span {
+    height: 14px;
+    margin-bottom: 2px;
+}
+
+.selectLayout-item:hover {
+    border-color: var(--el-color-primary);
+}
+
+.selectLayout-item.active {
+    border-color: var(--el-color-primary);
+}
+
+.selectLayout-item.active span {
+    background: var(--el-color-primary);
+}
+
+.dark {
+    .widgets-aside {
+        background: #2b2b2b;
+    }
+
+    .customize-overlay {
+        background: rgba(43, 43, 43, 0.9);
+    }
+}
+
+@media (max-width: 992px) {
+    .customizing .widgets {
+        transform: scale(1) !important;
+    }
+    .customizing .widgets-aside {
+        width: 100%;
+        position: absolute;
+        top: 50%;
+        right: 0;
+        bottom: 0;
+    }
+    .customizing .widgets-wrapper {
+        margin-right: 0;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/home/work/components/myapp.vue b/src/frontend/admin/src/views/home/work/components/myapp.vue
new file mode 100644
index 00000000..92195a86
--- /dev/null
+++ b/src/frontend/admin/src/views/home/work/components/myapp.vue
@@ -0,0 +1,226 @@
+<template>
+    <div>
+        <ul class="myMods">
+            <li v-for="mod in myMods" :key="mod.path" :style="{ background: mod.meta.color || '#909399' }">
+                <a v-if="mod.meta.type === 'link'" :href="mod.path" target="_blank">
+                    <el-icon>
+                        <component :is="mod.meta.icon || `el-icon-menu`" />
+                    </el-icon>
+                    <p>{{ mod.meta.title }}</p>
+                </a>
+                <router-link v-else :to="{ path: mod.path }">
+                    <el-icon>
+                        <component :is="mod.meta.icon || `el-icon-menu`" />
+                    </el-icon>
+                    <p>{{ mod.meta.title }}</p>
+                </router-link>
+            </li>
+            <li class="modItem-add" @click="addMods">
+                <a href="javascript:void(0)">
+                    <el-icon>
+                        <el-icon-plus />
+                    </el-icon>
+                </a>
+            </li>
+        </ul>
+
+        <el-drawer v-model="modsDrawer" :size="570" destroy-on-close title="添加应用">
+            <div class="setMods">
+                <h4>我的常用 ( {{ myMods.length }} )</h4>
+                <draggable v-model="myMods" animation="200" group="people" item-key="path" tag="ul">
+                    <template #item="{ element }">
+                        <li :style="{ background: element.meta.color || '#909399' }">
+                            <el-icon>
+                                <component :is="element.meta.icon || el - icon - menu" />
+                            </el-icon>
+                            <p>{{ element.meta.title }}</p>
+                        </li>
+                    </template>
+                </draggable>
+            </div>
+            <div class="setMods">
+                <h4>全部应用 ( {{ filterMods.length }} )</h4>
+                <draggable v-model="filterMods" :sort="false" animation="200" group="people" item-key="path" tag="ul">
+                    <template #item="{ element }">
+                        <li :style="{ background: element.meta.color || '#909399' }">
+                            <el-icon>
+                                <component :is="element.meta.icon || el - icon - menu" />
+                            </el-icon>
+                            <p>{{ element.meta.title }}</p>
+                        </li>
+                    </template>
+                </draggable>
+            </div>
+            <template #footer>
+                <el-button @click="modsDrawer = false">取消</el-button>
+                <el-button type="primary" @click="saveMods">保存</el-button>
+            </template>
+        </el-drawer>
+    </div>
+</template>
+
+<script>
+import draggable from 'vuedraggable'
+
+export default {
+    components: {
+        draggable,
+    },
+    data() {
+        return {
+            mods: [],
+            myMods: [],
+            myModsName: [],
+            filterMods: [],
+            modsDrawer: false,
+        }
+    },
+    mounted() {
+        this.getMods()
+    },
+    methods: {
+        addMods() {
+            this.modsDrawer = true
+        },
+        getMods() {
+            //这里可用改为读取远程数据
+            this.myModsName = this.$TOOL.data.get('MY_MODS') || []
+            this.filterMenu(this.$GLOBAL.menu)
+            this.myMods = this.mods.filter((item) => {
+                return this.myModsName.includes(item.name)
+            })
+            this.filterMods = this.mods.filter((item) => {
+                return !this.myModsName.includes(item.name)
+            })
+        },
+        filterMenu(map) {
+            map.forEach((item) => {
+                if (item.meta.hidden || item.meta.type === 'button') {
+                    return false
+                }
+                if (item.meta.type === 'iframe') {
+                    item.path = `/i/${item.name}`
+                }
+                if (item.children && item.children.length > 0) {
+                    this.filterMenu(item.children)
+                } else {
+                    this.mods.push(item)
+                }
+            })
+        },
+        saveMods() {
+            this.$TOOL.data.set(
+                'MY_MODS',
+                this.myMods.map((v) => v.name),
+            )
+            this.$message.success('设置常用成功')
+            this.modsDrawer = false
+        },
+    },
+}
+</script>
+
+<style scoped>
+.myMods {
+    list-style: none;
+    margin: -10px;
+}
+
+.myMods li {
+    display: inline-block;
+    width: 100px;
+    height: 100px;
+    vertical-align: top;
+    transition: all 0.3s ease;
+    margin: 10px;
+    border-radius: 5px;
+}
+
+.myMods li:hover {
+    opacity: 0.8;
+}
+
+.myMods li a {
+    width: 100%;
+    height: 100%;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    color: #fff;
+}
+
+.myMods li i {
+    font-size: 26px;
+    color: #fff;
+}
+
+.myMods li p {
+    font-size: 12px;
+    color: #fff;
+    margin-top: 10px;
+    width: 100%;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.modItem-add {
+    border: 1px dashed #ddd;
+    cursor: pointer;
+}
+
+.modItem-add i {
+    font-size: 30px;
+    color: #999 !important;
+}
+
+.modItem-add:hover,
+.modItem-add:hover i {
+    border-color: #409eff;
+    color: #409eff !important;
+}
+
+.setMods {
+    padding: 0 20px;
+}
+
+.setMods h4 {
+    font-size: 14px;
+    font-weight: normal;
+}
+
+.setMods ul {
+    margin: 20px -5px;
+    min-height: 90px;
+}
+
+.setMods li {
+    display: inline-block;
+    width: 80px;
+    height: 80px;
+    text-align: center;
+    margin: 5px;
+    color: #fff;
+    vertical-align: top;
+    padding: 4px;
+    padding-top: 15px;
+    cursor: move;
+    border-radius: 3px;
+}
+
+.setMods li i {
+    font-size: 20px;
+}
+
+.setMods li p {
+    font-size: 12px;
+    margin-top: 10px;
+}
+
+.setMods li.sortable-ghost {
+    opacity: 0.3;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/home/work/index.vue b/src/frontend/admin/src/views/home/work/index.vue
new file mode 100644
index 00000000..ccf20d70
--- /dev/null
+++ b/src/frontend/admin/src/views/home/work/index.vue
@@ -0,0 +1,30 @@
+<template>
+    <el-main>
+        <el-row :gutter="15">
+            <el-col :lg="24">
+                <el-card header="我的常用" shadow="never">
+                    <myapp></myapp>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+</template>
+
+<script>
+import myapp from './components/myapp'
+
+export default {
+    components: {
+        myapp,
+    },
+    data() {
+        return {}
+    },
+    mounted() {
+        this.$emit('on-mounted')
+    },
+    methods: {},
+}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/other/about.vue b/src/frontend/admin/src/views/other/about.vue
new file mode 100644
index 00000000..5cc1d957
--- /dev/null
+++ b/src/frontend/admin/src/views/other/about.vue
@@ -0,0 +1,73 @@
+<!--
+ * @Author: Xujianchen
+ * @Date: 2023-02-28 14:12:15
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-19 12:01:45
+ * @Description:
+-->
+<template>
+    <el-main>
+        <el-row :gutter="15">
+            <el-col :lg="24">
+                <el-card class="aboutTop" shadow="never">
+                    <div class="aboutTop-info">
+                        <img src="@/assets/img/logo.png" />
+                        <h2>{{ data.name }}</h2>
+                        <p>{{ data.version }}</p>
+                    </div>
+                </el-card>
+                <el-card header="dependencies" shadow="never">
+                    <el-descriptions :column="3" border>
+                        <el-descriptions-item v-for="(value, key) in data.dependencies" :key="key" :label="key">{{ value }} </el-descriptions-item>
+                    </el-descriptions>
+                </el-card>
+                <el-card header="devDependencies" shadow="never">
+                    <el-descriptions :column="3" border>
+                        <el-descriptions-item v-for="(value, key) in data.devDependencies" :key="key" :label="key">{{ value }} </el-descriptions-item>
+                    </el-descriptions>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+</template>
+
+<script>
+import packageJson from '../../../package.json'
+
+export default {
+    name: 'about',
+    data() {
+        return {
+            data: packageJson,
+        }
+    },
+    mounted() {},
+    methods: {},
+}
+</script>
+
+<style scoped>
+.aboutTop {
+    border: 0;
+    background: linear-gradient(to right, #8e54e9, #4776e6);
+    color: #fff;
+}
+
+.aboutTop-info {
+    text-align: center;
+}
+
+.aboutTop-info img {
+    width: 100px;
+}
+
+.aboutTop-info h2 {
+    font-size: 26px;
+    margin-top: 15px;
+}
+
+.aboutTop-info p {
+    font-size: 16px;
+    margin-top: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/other/directive.vue b/src/frontend/admin/src/views/other/directive.vue
new file mode 100644
index 00000000..a117ca30
--- /dev/null
+++ b/src/frontend/admin/src/views/other/directive.vue
@@ -0,0 +1,59 @@
+<template>
+    <el-main>
+        <el-card header="v-auth 高精度权限控制" shadow="never">
+            <el-button v-auth="'user.add'" type="primary">v-auth="'user.add'"</el-button>
+            <el-button v-auths="['user.no', 'user.add']" type="primary">v-auths="['user.no','user.add']"</el-button>
+            <el-button v-auths-all="['list.add', 'user.add']" type="primary">v-auths-all="['list.add','user.add']"</el-button>
+
+            <el-alert
+                style="margin-top: 20px"
+                title="v-auth指令 是$AUTH的语法糖, 原先需要使用v-if来判断是否有权限, 判断单项权限，如果满足就判断有权限"></el-alert>
+            <el-alert style="margin-top: 20px" title="v-auths指令 传入数组,有一项满足就判断有权限"></el-alert>
+            <el-alert
+                style="margin-top: 20px"
+                title="v-auths-all指令 传入数组,必须全满足才有权限，比如user.no没有这个权限，加到这里的话就表示不全部满足"></el-alert>
+        </el-card>
+        <el-card header="v-role 角色权限控制" shadow="never" style="margin-top: 15px">
+            <el-button v-role="'admin'" type="primary">v-role="'admin'"</el-button>
+            <el-button v-role="['SA', 'admin']" type="primary">v-role="['SA','admin']"</el-button>
+            <el-alert style="margin-top: 20px" title="v-role指令 是$ROLE的语法糖, 原理是判断是否含有用户所在的角色别名"></el-alert>
+        </el-card>
+        <el-card header="v-time 时间转换" shadow="never" style="margin-top: 15px">
+            <p>
+                <el-tag v-time="1630117968295" format="yyyy-MM-dd hh:mm:ss"></el-tag>
+            </p>
+            <p style="margin-top: 15px">
+                <el-tag v-time.tip="time1"></el-tag>
+            </p>
+            <p style="margin-top: 15px">
+                <el-tag v-time.tip="time2"></el-tag>
+            </p>
+            <p style="margin-top: 15px">
+                <el-tag v-time.tip="time3"></el-tag>
+            </p>
+            <el-alert style="margin-top: 20px" title="指令方式日期时间转换,如设置'tip'修饰符将会转换成相对时间,并且每60秒自动更新"></el-alert>
+        </el-card>
+        <el-card header="v-copy 一键复制" shadow="never" style="margin-top: 15px">
+            <el-input v-model="copyText" :rows="2" placeholder="请输入内容" type="textarea"></el-input>
+            <el-button v-copy="copyText" style="margin-top: 15px" type="primary">复制</el-button>
+            <el-alert style="margin-top: 20px" title="点击复制按钮会将文本框绑定的值复制到剪切板, 试着粘贴到其他地方看看效果"></el-alert>
+        </el-card>
+    </el-main>
+</template>
+
+<script>
+export default {
+    name: 'directive',
+    data() {
+        return {
+            time1: new Date(),
+            time2: new Date().setMinutes(new Date().getMinutes() - 1),
+            time3: new Date().setMinutes(new Date().getMinutes() - 120),
+            copyText: '测试复制内容',
+        }
+    },
+    created() {},
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/other/fullpage.vue b/src/frontend/admin/src/views/other/fullpage.vue
new file mode 100644
index 00000000..5bfe3da5
--- /dev/null
+++ b/src/frontend/admin/src/views/other/fullpage.vue
@@ -0,0 +1,27 @@
+<template>
+    <el-container>
+        <el-header>
+            <el-page-header content="FullPage" @back="goBack" />
+        </el-header>
+        <el-main>
+            <el-empty description="FullPageMain"></el-empty>
+        </el-main>
+    </el-container>
+</template>
+
+<script>
+export default {
+    name: 'fullpage',
+    data() {
+        return {}
+    },
+    mounted() {},
+    methods: {
+        goBack() {
+            this.$router.go(-1)
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/other/loadJS.vue b/src/frontend/admin/src/views/other/loadJS.vue
new file mode 100644
index 00000000..807a4587
--- /dev/null
+++ b/src/frontend/admin/src/views/other/loadJS.vue
@@ -0,0 +1,56 @@
+<template>
+    <el-container>
+        <el-aside style="padding: 15px; width: 400px">
+            <el-card header="异步加载JS" shadow="never">
+                <div style="line-height: 1.5; font-size: 13px">
+                    <p>演示了使用 @/utils/load 加载百度地图的JSAPI和它的GL库BMapGLLib</p>
+                    <p>当然也可以像传统网页一样加载任何JS和CSS，甚至可以是JQ。</p>
+                    <br />
+                    <el-alert :closable="false" show-icon title="这是一项试验工具, 具有不稳定性" type="warning" />
+                </div>
+            </el-card>
+        </el-aside>
+        <el-main class="nopadding">
+            <div id="container" style="width: 100%; height: 100%"></div>
+        </el-main>
+    </el-container>
+</template>
+
+<script>
+import { loadJS } from '@/utils/load'
+
+export default {
+    name: 'loadJS',
+    data() {
+        return {}
+    },
+    mounted() {
+        this.init()
+    },
+    methods: {
+        async init() {
+            var ak = 'vxSbZuydZ42ktZCvXvy5xCai28OEVqUq'
+            //loadJS (src, keyName, callbackName)
+            //src 			必填，需要加载的URL路径
+            //keyName 		必填，有2个作用，作为唯一KEY防止N次插入DOM；作为JS返回对象的key名，类似百度地图的BMapGL，如果没有则返回null
+            //callbackName 	非必填，如果远程JS有callback，填写callback方法名称。
+            //loadJS返回Promise，如果全局对象eslint发出警告 需要//eslint-disable-next-line，暂时关闭警告行
+            //																							╭───这两个字符串要一致───╮
+            var BMapGL = await loadJS(`//api.map.baidu.com/api?type=webgl&v=1.0&ak=${ak}&callback=BMapGLinit`, 'BMapGL', 'BMapGLinit')
+            //像BMapGLLib就没有callback，无需第3个参数
+            //var BMapGLLib = await loadJS("//api.map.baidu.com/library/LuShu/gl/src/LuShu_min.js", "BMapGLLib")
+
+            var map = new BMapGL.Map('container')
+            map.centerAndZoom(new BMapGL.Point(116.297611, 40.047363), 20)
+            map.enableScrollWheelZoom()
+            map.setTilt(55)
+            map.setDisplayOptions({
+                poiText: false,
+                poiIcon: false,
+            })
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/other/verificate.vue b/src/frontend/admin/src/views/other/verificate.vue
new file mode 100644
index 00000000..5ab1ba79
--- /dev/null
+++ b/src/frontend/admin/src/views/other/verificate.vue
@@ -0,0 +1,126 @@
+<template>
+    <el-main>
+        <el-card header="async-validator内置" shadow="never">
+            <el-form ref="form" :model="form" :rules="rules" label-width="100px" status-icon>
+                <el-form-item label="必填" prop="required">
+                    <el-input v-model="form.required"></el-input>
+                </el-form-item>
+                <el-form-item label="长度" prop="length">
+                    <el-input v-model="form.length" placeholder="长度需为3位"></el-input>
+                </el-form-item>
+                <el-form-item label="类型" prop="type">
+                    <el-input v-model="form.type" placeholder="类型可为string number boolean array date url email等"></el-input>
+                </el-form-item>
+                <el-form-item label="范围" prop="range">
+                    <el-input v-model="form.range" placeholder="请填写范围在3至5位"></el-input>
+                </el-form-item>
+                <el-form-item label="枚举" prop="enum">
+                    <el-input v-model="form.enum" placeholder="请填写admin，user，guest其一"></el-input>
+                </el-form-item>
+                <el-form-item label="自定义" prop="custom">
+                    <el-input v-model="form.custom" placeholder="请填写数字1"></el-input>
+                </el-form-item>
+                <el-form-item label="异步验证" prop="async">
+                    <el-input v-model="form.async" placeholder="请输入SCUI最新版本号,form开启status-icon后 可以查看右侧状态"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="submit">验证所有字段</el-button>
+                    <el-button @click="resetForm('form')">Reset</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card header="自定义" shadow="never" style="margin-top: 15px">
+            <el-form ref="form2" :model="form2" :rules="rules2" label-width="100px" status-icon>
+                <el-form-item label="手机号码" prop="phone">
+                    <el-input v-model="form2.phone"></el-input>
+                </el-form-item>
+                <el-form-item label="车牌号码" prop="cars">
+                    <el-input v-model="form2.cars"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="submit2">验证所有字段</el-button>
+                    <el-button @click="resetForm('form2')">Reset</el-button>
+                </el-form-item>
+            </el-form>
+            <el-alert title="自定义验证可在 @/utils/verificate.js 中不断扩展业务需要的验证. 记得要 import 进来" type="success" />
+        </el-card>
+    </el-main>
+</template>
+
+<script>
+import { verifyCars, verifyPhone } from '@/utils/verificate'
+
+export default {
+    name: 'verificate',
+    data() {
+        return {
+            form: {},
+            rules: {
+                required: [{ required: true, message: '请填写' }],
+                length: [{ required: true, len: 3, message: '长度需为3位' }],
+                type: [{ required: true, type: 'email', message: '类型需为email' }],
+                range: [{ required: true, min: 3, max: 5, message: '范围在3至5位' }],
+                enum: [{ required: true, type: 'enum', enum: ['admin', 'user', 'guest'], message: '请填写admin，user，guest其一' }],
+                custom: [
+                    {
+                        required: true,
+                        validator: (rule, value) => {
+                            return value === '1'
+                        },
+                        message: '请填写数字1',
+                        trigger: 'blur',
+                    },
+                ],
+                async: [
+                    {
+                        required: true,
+                        validator: (rule, value, callback) => {
+                            this.$API.demo.ver.get({ value: value }).then((res) => {
+                                if (res.data !== value) {
+                                    return callback(new Error('请输入SCUI最新版本号：' + res.data))
+                                }
+                                callback()
+                            })
+                        },
+                        trigger: 'blur',
+                    },
+                ],
+            },
+            form2: {},
+            rules2: {
+                phone: [
+                    { required: true, message: '请输入姓名' },
+                    { validator: verifyPhone, trigger: 'blur' },
+                ],
+                cars: [{ required: true, validator: verifyCars, trigger: 'blur' }],
+            },
+        }
+    },
+    mounted() {},
+    methods: {
+        submit() {
+            this.$refs.form.validate(async (valid) => {
+                if (valid) {
+                    this.$message.success('全部验证通过')
+                } else {
+                    return false
+                }
+            })
+        },
+        submit2() {
+            this.$refs.form2.validate(async (valid) => {
+                if (valid) {
+                    this.$message.success('全部验证通过')
+                } else {
+                    return false
+                }
+            })
+        },
+        resetForm(ref) {
+            this.$refs[ref].resetFields()
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/other/viewTags.vue b/src/frontend/admin/src/views/other/viewTags.vue
new file mode 100644
index 00000000..ee7ee559
--- /dev/null
+++ b/src/frontend/admin/src/views/other/viewTags.vue
@@ -0,0 +1,83 @@
+<template>
+    <el-main>
+        <el-card header="打开" shadow="never">
+            <el-button plain type="primary" @click="open1">打开个人信息</el-button>
+            <el-button plain type="primary" @click="open2">打开后执行</el-button>
+            <el-alert
+                style="margin-top: 20px"
+                title="打开后执行原理: 路由push时,在当前路由对象中插入一个特殊标识, 在目标视图中beforeRouteEnter获取判断是否需要执行特殊方法"></el-alert>
+        </el-card>
+        <el-card header="刷新" shadow="never" style="margin-top: 15px">
+            <el-button plain type="primary" @click="refresh1">刷新当前</el-button>
+        </el-card>
+        <el-card header="关闭" shadow="never" style="margin-top: 15px">
+            <el-button plain type="primary" @click="close1">关闭当前</el-button>
+            <el-button plain type="primary" @click="close2">关闭其他</el-button>
+            <el-button plain type="primary" @click="close3">关闭后执行</el-button>
+        </el-card>
+        <el-card header="设置" shadow="never" style="margin-top: 15px">
+            <el-form :inline="true">
+                <el-form-item>
+                    <el-input v-model="input" placeholder="请输入内容"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button plain type="primary" @click="set1">设置标题</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card header="整页路由" shadow="never" style="margin-top: 15px">
+            <el-button plain type="primary" @click="fullpage">fullpage</el-button>
+            <el-alert
+                style="margin-top: 20px"
+                title="变更路由的层级关系,向上推至顶级达到在layout视图中显示. 只需要在路由中设置 meta.fullpage 即可"></el-alert>
+        </el-card>
+    </el-main>
+</template>
+
+<script>
+import useTabs from '@/utils/useTabs'
+
+export default {
+    name: 'viewTags',
+    data() {
+        return {
+            input: 'newTabName',
+        }
+    },
+    mounted() {},
+    methods: {
+        open1() {
+            this.$router.push('/profile')
+        },
+        open2() {
+            this.$router.push('/profile')
+            this.$route.is = true
+        },
+        refresh1() {
+            useTabs.refresh()
+        },
+        close1() {
+            useTabs.close()
+        },
+        close2() {
+            useTabs.closeOther()
+        },
+        close3() {
+            useTabs.closeNext((tags) => {
+                //回调返回所有标签的数组，这里其实是需要判断是否含有'/profile'，含有再操作的，这里为了演示就直接打开了。
+                console.log(tags)
+                this.$router.push('/profile')
+                this.$route.is = true
+            })
+        },
+        set1() {
+            useTabs.setTitle(this.input)
+        },
+        fullpage() {
+            this.$router.push('/other/fullpage')
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/profile/index.vue b/src/frontend/admin/src/views/profile/index.vue
new file mode 100644
index 00000000..b841cc4e
--- /dev/null
+++ b/src/frontend/admin/src/views/profile/index.vue
@@ -0,0 +1,107 @@
+<template>
+    <el-container class="page-user">
+        <el-aside>
+            <el-container>
+                <el-header>
+                    <div class="user-info-top">
+                        <el-avatar :size="70" :src="user.avatar ? user.avatar : $CONFIG.DEFAULT_AVATAR"></el-avatar>
+                        <h2>{{ user.userName }}</h2>
+                        <p>
+                            <el-tag v-for="(item, i) in user.roles" :key="i" effect="dark" round size="large">{{ item.name }}</el-tag>
+                        </p>
+                    </div>
+                </el-header>
+                <el-main class="nopadding">
+                    <el-menu :default-active="page" class="menu">
+                        <el-menu-item-group v-for="group in menu" :key="group.groupName" :title="group.groupName">
+                            <el-menu-item v-for="item in group.list" :key="item.component" :index="item.component" @click="openPage">
+                                <el-icon v-if="item.icon">
+                                    <component :is="item.icon" />
+                                </el-icon>
+                                <template #title>
+                                    <span>{{ item.title }}</span>
+                                </template>
+                            </el-menu-item>
+                        </el-menu-item-group>
+                    </el-menu>
+                </el-main>
+            </el-container>
+        </el-aside>
+        <el-main>
+            <Suspense>
+                <template #default>
+                    <component :is="page" />
+                </template>
+                <template #fallback>
+                    <el-skeleton :rows="3" />
+                </template>
+            </Suspense>
+        </el-main>
+    </el-container>
+</template>
+
+<script>
+import { defineAsyncComponent } from 'vue'
+
+export default {
+    components: {
+        account: defineAsyncComponent(() => import('./user/account')),
+        settings: defineAsyncComponent(() => import('./user/settings')),
+        pushSettings: defineAsyncComponent(() => import('./user/pushSettings')),
+        setMobile: defineAsyncComponent(() => import('./user/setMobile')),
+        space: defineAsyncComponent(() => import('./user/space')),
+        logs: defineAsyncComponent(() => import('./user/logs')),
+    },
+    data() {
+        return {
+            menu: [
+                {
+                    groupName: '基本设置',
+                    list: [
+                        {
+                            icon: 'el-icon-postcard',
+                            title: '账号信息',
+                            component: 'account',
+                        },
+                        {
+                            icon: 'el-icon-operation',
+                            title: '个人设置',
+                            component: 'settings',
+                        },
+                        {
+                            icon: 'el-icon-bell',
+                            title: '通知设置',
+                            component: 'pushSettings',
+                        },
+                    ],
+                },
+                {
+                    groupName: '数据管理',
+                    list: [
+                        {
+                            icon: 'el-icon-coin',
+                            title: '存储空间信息',
+                            component: 'space',
+                        },
+                        {
+                            icon: 'el-icon-clock',
+                            title: '操作日志',
+                            component: 'logs',
+                        },
+                    ],
+                },
+            ],
+            user: {},
+            page: 'account',
+        }
+    },
+    created() {
+        this.user = this.$GLOBAL.user
+    },
+    methods: {
+        openPage(item) {
+            this.page = item.index
+        },
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/profile/user/account.vue b/src/frontend/admin/src/views/profile/user/account.vue
new file mode 100644
index 00000000..a8a15421
--- /dev/null
+++ b/src/frontend/admin/src/views/profile/user/account.vue
@@ -0,0 +1,93 @@
+<template>
+    <el-card header="账号信息" shadow="never">
+        <el-form ref="form" :model="form" label-width="10rem">
+            <el-form-item label="头像">
+                <sc-upload v-model="form.avatar" :onSuccess="updateUser" title="上传头像"></sc-upload>
+            </el-form-item>
+            <el-form-item label="用户编号">
+                <el-input v-model="form.id" readonly></el-input>
+            </el-form-item>
+            <el-form-item label="用户名称">
+                <el-input v-model="form.userName" readonly></el-input>
+            </el-form-item>
+            <el-form-item label="密码">
+                <div class="flex w100p gap05">
+                    <el-input readonly value="******"></el-input>
+                    <el-button @click="setPasswordClick">设置密码</el-button>
+                </div>
+            </el-form-item>
+            <el-form-item label="注册时间">
+                <el-input v-model="form.createdTime" readonly></el-input>
+            </el-form-item>
+            <el-form-item label="手机号码">
+                <div class="flex w100p gap05">
+                    <el-input v-model="form.mobile" readonly></el-input>
+                    <el-button @click="setMobileClick">{{ `${form.mobile ? '换绑' : '绑定'}手机` }}</el-button>
+                </div>
+            </el-form-item>
+            <el-form-item label="电子邮箱">
+                <div class="flex w100p gap05">
+                    <el-input v-model="form.email" readonly></el-input>
+                    <el-button @click="setEmailClick">设置邮箱</el-button>
+                </div>
+            </el-form-item>
+        </el-form>
+    </el-card>
+
+    <set-mobile-dialog v-if="dialog.setMobile" ref="setMobileDialog" @closed="dialog.setMobile = false" @success="setSuccess"></set-mobile-dialog>
+    <set-password-dialog v-if="dialog.setPassword" ref="setPasswordDialog" @closed="dialog.setPassword = false"></set-password-dialog>
+    <set-email-dialog v-if="dialog.setEmail" ref="setEmailDialog" @closed="dialog.setEmail = false" @success="setSuccess"></set-email-dialog>
+</template>
+
+<script>
+import setMobileDialog from '@/views/profile/user/setMobile.vue'
+import setPasswordDialog from '@/views/profile/user/setPassword.vue'
+import setEmailDialog from '@/views/profile/user/setEmail.vue'
+
+export default {
+    components: { setMobileDialog, setPasswordDialog, setEmailDialog },
+    methods: {
+        updateUser(res) {
+            try {
+                this.$API.sys_user.setAvatar.post({ avatar: res.data })
+                this.$message.success('操作成功')
+            } catch {
+                //
+            }
+        },
+        setSuccess(data) {
+            this.form = this.$GLOBAL.user = data
+        },
+        async setPasswordClick() {
+            this.dialog.setPassword = true
+            await this.$nextTick()
+            this.$refs.setPasswordDialog.open()
+        },
+        async setEmailClick() {
+            this.dialog.setEmail = true
+            await this.$nextTick()
+            this.$refs.setEmailDialog.open()
+        },
+        async setMobileClick() {
+            this.dialog.setMobile = true
+            await this.$nextTick()
+            this.$refs.setMobileDialog.open(this.form.mobile ? 'edit' : 'add')
+        },
+    },
+
+    created() {
+        this.form = this.$GLOBAL.user
+    },
+    data() {
+        return {
+            dialog: {
+                setPassword: false,
+                setMobile: false,
+            },
+            form: {},
+        }
+    },
+}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/profile/user/logs.vue b/src/frontend/admin/src/views/profile/user/logs.vue
new file mode 100644
index 00000000..3517e164
--- /dev/null
+++ b/src/frontend/admin/src/views/profile/user/logs.vue
@@ -0,0 +1,38 @@
+<template>
+    <el-card header="近7天操作记录" shadow="never">
+        <scTable ref="table" :data="data" height="auto" hideDo paginationLayout="total, prev, pager, next">
+            <sc-table-column label="序号" type="index"></sc-table-column>
+            <sc-table-column label="业务名称" min-width="240" prop="title"></sc-table-column>
+            <sc-table-column label="IP" prop="ip" width="150"></sc-table-column>
+            <sc-table-column label="结果" prop="code" width="150">
+                <el-tag type="success">成功</el-tag>
+            </sc-table-column>
+            <sc-table-column label="操作时间" prop="time" width="150"></sc-table-column>
+        </scTable>
+    </el-card>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            data: [
+                {
+                    title: '修改用户 lolowan',
+                    ip: '211.187.11.18',
+                    code: '成功',
+                    time: '2022-10-10 08:41:17',
+                },
+                {
+                    title: '用户登录',
+                    ip: '211.187.11.18',
+                    code: '成功',
+                    time: '2022-10-10 08:21:51',
+                },
+            ],
+        }
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/profile/user/pushSettings.vue b/src/frontend/admin/src/views/profile/user/pushSettings.vue
new file mode 100644
index 00000000..1ac328ae
--- /dev/null
+++ b/src/frontend/admin/src/views/profile/user/pushSettings.vue
@@ -0,0 +1,29 @@
+<template>
+    <el-card header="事务待办" shadow="never">
+        <el-form ref="form" label-position="left" label-width="180px" style="margin-top: 20px">
+            <el-form-item label="有新的待办">
+                <el-checkbox v-model="form.new">短信推送</el-checkbox>
+                <el-checkbox v-model="form.new_wx">微信推送</el-checkbox>
+            </el-form-item>
+            <el-form-item label="待办有效时剩24小时">
+                <el-checkbox v-model="form.timeout">短信推送</el-checkbox>
+                <el-checkbox v-model="form.timeout_wx">微信推送</el-checkbox>
+            </el-form-item>
+        </el-form>
+    </el-card>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            form: {
+                new: true,
+                timeout: true,
+            },
+        }
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/profile/user/setEmail.vue b/src/frontend/admin/src/views/profile/user/setEmail.vue
new file mode 100644
index 00000000..19d9119d
--- /dev/null
+++ b/src/frontend/admin/src/views/profile/user/setEmail.vue
@@ -0,0 +1,95 @@
+<template>
+    <el-dialog v-model="visible" :width="800" destroy-on-close title="设置邮箱" @closed="$emit('closed')">
+        <el-form ref="form" :model="form" :rules="rules" label-position="top">
+            <el-row class="is-justify-space-evenly">
+                <el-col v-if="$GLOBAL.user.mobile" :lg="10">
+                    <na-form-phone
+                        v-model="form.verifySmsCodeReq"
+                        :code-field="['verifySmsCodeReq.code', 'code']"
+                        :phone-field="['verifySmsCodeReq.destDevice', 'destDevice']"
+                        :phone-place-holder="$GLOBAL.user.mobile"
+                        :vue="this"
+                        code-label="手机验证码"
+                        form-name="form"
+                        phone-label="手机号码" />
+                </el-col>
+                <el-col :lg="10">
+                    <na-form-email
+                        v-model="form"
+                        :vue="this"
+                        code-field="code"
+                        code-label="邮箱验证码"
+                        email-field="destDevice"
+                        email-label="邮箱地址"
+                        form-name="form" />
+                </el-col>
+            </el-row>
+        </el-form>
+
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button :loading="loading" type="primary" @click="submit">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+import naFormPhone from '@/components/naFormPhone/index.vue'
+import phoneConfig from '@/config/naFormPhone'
+import emailConfig from '@/config/naFormEmail'
+
+export default {
+    created() {},
+    components: {
+        naFormPhone,
+    },
+    methods: {
+        open() {
+            this.visible = true
+            return this
+        },
+        async submit() {
+            if (!(await this.$refs.form.validate().catch(() => {}))) {
+                return false
+            }
+
+            this.loading = true
+            try {
+                const res = await this.$API.sys_user.setEmail.post(this.form)
+                this.$emit('success', res.data)
+                this.visible = false
+                this.$message.success('操作成功')
+            } catch {}
+            this.loading = false
+        },
+    },
+    data() {
+        return {
+            visible: false,
+            loading: false,
+            form: {
+                verifySmsCodeReq: {},
+            },
+            rules: {
+                verifySmsCodeReq: {
+                    destDevice: phoneConfig.mobile(this),
+                    code: phoneConfig.code(this),
+                },
+
+                destDevice: [emailConfig.email(this)],
+                code: emailConfig.code(),
+            },
+        }
+    },
+}
+</script>
+
+<style scoped>
+.arrow {
+    font-size: 200%;
+}
+
+.button >>> .el-form-item__content {
+    justify-content: center;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/profile/user/setMobile.vue b/src/frontend/admin/src/views/profile/user/setMobile.vue
new file mode 100644
index 00000000..02f3d14c
--- /dev/null
+++ b/src/frontend/admin/src/views/profile/user/setMobile.vue
@@ -0,0 +1,107 @@
+<template>
+    <el-dialog v-model="visible" :title="titleMap[mode]" :width="800" destroy-on-close @closed="$emit('closed')">
+        <el-form ref="form" :model="form" :rules="rules" label-position="top">
+            <el-row class="items-center justify-content-center">
+                <el-col v-if="mode === 'edit'" :lg="10">
+                    <na-form-phone
+                        v-model="form.originverifySmsCodeReq"
+                        :code-field="['originverifySmsCodeReq.code', 'code']"
+                        :phone-field="['originverifySmsCodeReq.destDevice', 'destDevice']"
+                        :phone-place-holder="$GLOBAL.user.mobile"
+                        :vue="this"
+                        code-label="原手机验证码"
+                        form-name="form"
+                        phone-label="原手机号码" />
+                </el-col>
+                <el-col v-if="mode === 'edit'" :lg="4" class="text-center arrow">
+                    <el-icon>
+                        <el-icon-right />
+                    </el-icon>
+                </el-col>
+                <el-col :lg="10">
+                    <na-form-phone
+                        v-model="form.newverifySmsCodeReq"
+                        :code-field="['newverifySmsCodeReq.code', 'code']"
+                        :phone-field="['newverifySmsCodeReq.destDevice', 'destDevice']"
+                        :vue="this"
+                        code-label="新手机验证码"
+                        form-name="form"
+                        phone-label="新手机号码" />
+                </el-col>
+            </el-row>
+        </el-form>
+
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button :loading="loading" type="primary" @click="submit">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+import naFormPhone from '@/components/naFormPhone/index.vue'
+import phoneConfig from '@/config/naFormPhone'
+
+export default {
+    created() {},
+    components: {
+        naFormPhone,
+    },
+    methods: {
+        open(mode = 'add') {
+            this.mode = mode
+            this.visible = true
+            return this
+        },
+        async submit() {
+            if (!(await this.$refs.form.validate().catch(() => {}))) {
+                return false
+            }
+
+            this.loading = true
+            try {
+                const res = await this.$API.sys_user.setMobile.post(this.form)
+                this.$emit('success', res.data, this.mode)
+                this.visible = false
+                this.$message.success('操作成功')
+            } catch {}
+            this.loading = false
+        },
+    },
+    data() {
+        return {
+            mode: 'add',
+            titleMap: {
+                add: '绑定手机',
+                edit: '换绑手机',
+            },
+            visible: false,
+            loading: false,
+            form: {
+                newverifySmsCodeReq: {},
+                originverifySmsCodeReq: {},
+            },
+            rules: {
+                originverifySmsCodeReq: {
+                    destDevice: phoneConfig.mobile(this),
+                    code: phoneConfig.code(this),
+                },
+                newverifySmsCodeReq: {
+                    destDevice: [phoneConfig.mobile(this), phoneConfig.mobileNoUsed(this, () => this.$GLOBAL.user.id)],
+                    code: phoneConfig.code(this),
+                },
+            },
+        }
+    },
+}
+</script>
+
+<style scoped>
+.arrow {
+    font-size: 200%;
+}
+
+.button >>> .el-form-item__content {
+    justify-content: center;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/profile/user/setPassword.vue b/src/frontend/admin/src/views/profile/user/setPassword.vue
new file mode 100644
index 00000000..813793bb
--- /dev/null
+++ b/src/frontend/admin/src/views/profile/user/setPassword.vue
@@ -0,0 +1,74 @@
+<template>
+    <el-dialog v-model="visible" :width="800" destroy-on-close title="修改密码" @closed="$emit('closed')">
+        <el-form ref="form" :model="form" :rules="rules" label-width="120">
+            <el-form-item label="旧密码" prop="oldPassword">
+                <el-input v-model="form.oldPassword" clearable maxlength="16" placeholder="请输入当前密码" show-password type="password"></el-input>
+                <div class="el-form-item-msg">必须提供当前登录用户密码才能进行更改</div>
+            </el-form-item>
+            <el-form-item label="新密码" prop="newPassword">
+                <el-input v-model="form.newPassword" clearable maxlength="16" placeholder="请输入新密码" show-password type="password"></el-input>
+                <sc-password-strength v-model="form.newPassword"></sc-password-strength>
+                <div class="el-form-item-msg">请输入包含英文、数字的8位以上密码</div>
+            </el-form-item>
+            <el-form-item label="确认新密码" prop="confirmNewPassword">
+                <el-input
+                    v-model="form.confirmNewPassword"
+                    clearable
+                    maxlength="16"
+                    placeholder="请再次输入新密码"
+                    show-password
+                    type="password"></el-input>
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button :loading="loading" type="primary" @click="submit">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+import scPasswordStrength from '@/components/scPasswordStrength/index.vue'
+import naFormPassword from '@/config/naFormPassword'
+
+export default {
+    created() {},
+    components: {
+        scPasswordStrength,
+    },
+    methods: {
+        open() {
+            this.visible = true
+            return this
+        },
+        async submit() {
+            if (!(await this.$refs.form.validate().catch(() => {}))) {
+                return false
+            }
+
+            this.loading = true
+            try {
+                const res = await this.$API.sys_user.setPassword.post(this.form)
+                this.$emit('success', res.data, this.mode)
+                this.visible = false
+                this.$message.success('操作成功')
+            } catch {
+                //
+            }
+            this.loading = false
+        },
+    },
+    data() {
+        return {
+            visible: false,
+            loading: false,
+            form: {},
+            rules: {
+                oldPassword: naFormPassword.passwordText(this),
+                newPassword: naFormPassword.passwordText(this),
+                confirmNewPassword: naFormPassword.passwordText2(() => this.form.newPassword),
+            },
+        }
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/profile/user/settings.vue b/src/frontend/admin/src/views/profile/user/settings.vue
new file mode 100644
index 00000000..f5dd3e5d
--- /dev/null
+++ b/src/frontend/admin/src/views/profile/user/settings.vue
@@ -0,0 +1,99 @@
+<template>
+    <el-card header="语言主题" shadow="never">
+        <el-form ref="form" label-width="120px" style="margin-top: 20px">
+            <el-form-item :label="$t('user.nightmode')">
+                <el-switch v-model="config.dark" active-icon="el-icon-moon" inactive-icon="el-icon-sunny" inline-prompt></el-switch>
+                <div class="el-form-item-msg">{{ $t('user.nightmode_msg') }}</div>
+            </el-form-item>
+            <el-form-item label="主题颜色">
+                <el-color-picker v-model="config.colorPrimary" :predefine="colorList">></el-color-picker>
+            </el-form-item>
+            <el-form-item :label="$t('user.language')">
+                <el-select v-model="config.lang">
+                    <el-option label="简体中文" value="zh-cn"></el-option>
+                    <el-option label="English" value="en"></el-option>
+                </el-select>
+                <div class="el-form-item-msg">{{ $t('user.language_msg') }}</div>
+            </el-form-item>
+        </el-form>
+    </el-card>
+    <el-card header="个人设置" shadow="never" style="margin-top: 20px">
+        <el-form ref="form" label-width="120px" style="margin-top: 20px">
+            <el-form-item label="自动登出">
+                <el-select v-model="config.autoExit">
+                    <el-option :value="0" label="从不"></el-option>
+                    <el-option :value="1" label="1分钟"></el-option>
+                    <el-option :value="5" label="5分钟"></el-option>
+                    <el-option :value="10" label="10分钟"></el-option>
+                    <el-option :value="15" label="15分钟"></el-option>
+                    <el-option :value="20" label="20分钟"></el-option>
+                    <el-option :value="25" label="25分钟"></el-option>
+                    <el-option :value="30" label="30分钟"></el-option>
+                    <el-option :value="35" label="35分钟"></el-option>
+                    <el-option :value="40" label="40分钟"></el-option>
+                    <el-option :value="45" label="45分钟"></el-option>
+                    <el-option :value="50" label="50分钟"></el-option>
+                    <el-option :value="55" label="55分钟"></el-option>
+                    <el-option :value="60" label="60分钟"></el-option>
+                </el-select>
+                <div class="el-form-item-msg">自动登出设置将在下次登录时生效</div>
+            </el-form-item>
+        </el-form>
+    </el-card>
+</template>
+
+<script>
+import colorTool from '@/utils/color'
+
+export default {
+    data() {
+        return {
+            colorList: ['#409EFF', '#009688', '#536dfe', '#ff5c93', '#c62f2f', '#fd726d'],
+            config: {
+                lang: this.$TOOL.data.get('APP_LANG') || this.$CONFIG.LANG,
+                dark: this.$TOOL.data.get('APP_DARK') || false,
+                colorPrimary: this.$TOOL.data.get('APP_COLOR') || this.$CONFIG.COLOR || '#409EFF',
+                autoExit: this.$TOOL.data.get('AUTO_EXIT') || 0,
+            },
+        }
+    },
+    watch: {
+        'config.dark'(val) {
+            if (val) {
+                document.documentElement.classList.add('dark')
+                this.$TOOL.data.set('APP_DARK', val)
+            } else {
+                document.documentElement.classList.remove('dark')
+                this.$TOOL.data.remove('APP_DARK')
+            }
+        },
+        'config.lang'(val) {
+            this.$i18n.locale = val
+            this.$TOOL.data.set('APP_LANG', val)
+        },
+        'config.colorPrimary'(val) {
+            if (!val) {
+                val = '#409EFF'
+                this.config.colorPrimary = '#409EFF'
+            }
+            document.documentElement.style.setProperty('--el-color-primary', val)
+            for (let i = 1; i <= 9; i++) {
+                document.documentElement.style.setProperty(`--el-color-primary-light-${i}`, colorTool.lighten(val, i / 10))
+            }
+            for (let i = 1; i <= 9; i++) {
+                document.documentElement.style.setProperty(`--el-color-primary-dark-${i}`, colorTool.darken(val, i / 10))
+            }
+            this.$TOOL.data.set('APP_COLOR', val)
+        },
+        'config.autoExit'(val) {
+            if (val === 0) {
+                this.$TOOL.data.remove('AUTO_EXIT')
+            } else {
+                this.$TOOL.data.set('AUTO_EXIT', val)
+            }
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/profile/user/space.vue b/src/frontend/admin/src/views/profile/user/space.vue
new file mode 100644
index 00000000..abbb8aaa
--- /dev/null
+++ b/src/frontend/admin/src/views/profile/user/space.vue
@@ -0,0 +1,54 @@
+<template>
+    <el-card header="当前已用量" shadow="never">
+        <el-progress :color="color" :format="format" :percentage="value" :stroke-width="20" :text-inside="true" />
+        <el-row :gutter="15" style="margin-top: 20px">
+            <el-col :lg="6">
+                <el-card shadow="never">
+                    <sc-statistic groupSeparator suffix="GB" title="文档" value="7.41"></sc-statistic>
+                </el-card>
+            </el-col>
+            <el-col :lg="6">
+                <el-card shadow="never">
+                    <sc-statistic groupSeparator suffix="GB" title="图片" value="12.90"></sc-statistic>
+                </el-card>
+            </el-col>
+            <el-col :lg="6">
+                <el-card shadow="never">
+                    <sc-statistic groupSeparator suffix="MB" title="视音频" value="68.79"></sc-statistic>
+                </el-card>
+            </el-col>
+            <el-col :lg="6">
+                <el-card shadow="never">
+                    <sc-statistic groupSeparator suffix="GB" title="其他" value="17.58"></sc-statistic>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-card>
+</template>
+
+<script>
+import scStatistic from '@/components/scStatistic'
+
+export default {
+    components: {
+        scStatistic,
+    },
+    data() {
+        return {
+            value: 39.58,
+            color: [
+                { color: '#67C23A', percentage: 40 },
+                { color: '#E6A23C', percentage: 60 },
+                { color: '#F56C6C', percentage: 80 },
+            ],
+        }
+    },
+    methods: {
+        format(percentage) {
+            return percentage + 'G'
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/client/index.vue b/src/frontend/admin/src/views/setting/client/index.vue
new file mode 100644
index 00000000..509adbda
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/client/index.vue
@@ -0,0 +1,126 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <el-button icon="el-icon-plus" type="primary" @click="add"></el-button>
+                <el-button :disabled="selection.length == 0" icon="el-icon-delete" plain type="danger" @click="batch_del"></el-button>
+            </div>
+        </el-header>
+        <el-main class="nopadding">
+            <scTable ref="table" :apiObj="apiObj" row-key="id" stripe @selection-change="selectionChange">
+                <el-table-column type="selection" width="50"></el-table-column>
+                <el-table-column label="应用ID" prop="appId" width="150"></el-table-column>
+                <el-table-column label="应用名称" prop="appName" width="250"></el-table-column>
+                <el-table-column label="状态" width="50">
+                    <template #default>
+                        <el-icon style="color: #67c23a">
+                            <el-icon-circle-check-filled />
+                        </el-icon>
+                    </template>
+                </el-table-column>
+                <el-table-column label="秘钥" prop="secret" show-overflow-tooltip width="150"></el-table-column>
+                <el-table-column label="授权到期" prop="exp" width="150"></el-table-column>
+                <el-table-column align="right" fixed="right" label="操作" width="120">
+                    <template #default="scope">
+                        <el-button-group>
+                            <el-button size="small" text type="primary" @click="table_edit(scope.row, scope.$index)">编辑</el-button>
+                            <el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
+                                <template #reference>
+                                    <el-button size="small" text type="primary">删除</el-button>
+                                </template>
+                            </el-popconfirm>
+                        </el-button-group>
+                    </template>
+                </el-table-column>
+            </scTable>
+        </el-main>
+    </el-container>
+
+    <save-dialog v-if="dialog.save" ref="saveDialog" @closed="dialog.save = false" @success="handleSuccess"></save-dialog>
+</template>
+
+<script>
+import saveDialog from './save'
+
+export default {
+    name: 'client',
+    components: {
+        saveDialog,
+    },
+    data() {
+        return {
+            dialog: {
+                save: false,
+            },
+            apiObj: this.$API.system.app.list,
+            selection: [],
+        }
+    },
+    methods: {
+        //增加
+        add() {
+            this.dialog.save = true
+            this.$nextTick(() => {
+                this.$refs.saveDialog.open()
+            })
+        },
+        //编辑
+        table_edit(row) {
+            this.dialog.save = true
+            this.$nextTick(() => {
+                this.$refs.saveDialog.open('edit').setData(row)
+            })
+        },
+        //删除
+        async table_del(row, index) {
+            var reqData = { id: row.id }
+            var res = await this.$API.user.del.post(reqData)
+            if (res.code === 200) {
+                //这里选择刷新整个表格 OR 插入/编辑现有表格数据
+                this.$refs.table.tableData.splice(index, 1)
+                this.$message.success('删除成功')
+            } else {
+                this.$alert(res.message, '提示', { type: 'error' })
+            }
+        },
+        //批量删除
+        async batch_del() {
+            this.$confirm(`确定删除选中的 ${this.selection.length} 项吗？`, '提示', {
+                type: 'warning',
+            })
+                .then(() => {
+                    const loading = this.$loading()
+                    this.selection.forEach((item) => {
+                        this.$refs.table.tableData.forEach((itemI, indexI) => {
+                            if (item.id === itemI.id) {
+                                this.$refs.table.tableData.splice(indexI, 1)
+                            }
+                        })
+                    })
+                    loading.close()
+                    this.$message.success('操作成功')
+                })
+                .catch(() => {})
+        },
+        //表格选择后回调事件
+        selectionChange(selection) {
+            this.selection = selection
+        },
+        //本地更新数据
+        handleSuccess(data, mode) {
+            if (mode === 'add') {
+                data.id = new Date().getTime()
+                this.$refs.table.tableData.unshift(data)
+            } else if (mode === 'edit') {
+                this.$refs.table.tableData
+                    .filter((item) => item.id === data.id)
+                    .forEach((item) => {
+                        Object.assign(item, data)
+                    })
+            }
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/client/save.vue b/src/frontend/admin/src/views/setting/client/save.vue
new file mode 100644
index 00000000..aa29e92e
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/client/save.vue
@@ -0,0 +1,98 @@
+<template>
+    <el-dialog v-model="visible" :title="titleMap[mode]" :width="500" destroy-on-close @closed="$emit('closed')">
+        <el-form ref="dialogForm" :model="form" :rules="rules" label-position="left" label-width="100px">
+            <el-form-item label="应用标识" prop="appId">
+                <el-input v-model="form.appId" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="应用名称" prop="appName">
+                <el-input v-model="form.appName" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="秘钥" prop="secret">
+                <el-input v-model="form.secret" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="类型范围" prop="type">
+                <el-checkbox-group v-model="form.type">
+                    <el-checkbox-button label="ALL"></el-checkbox-button>
+                    <el-checkbox-button label="UPDATA"></el-checkbox-button>
+                    <el-checkbox-button label="QUERY"></el-checkbox-button>
+                    <el-checkbox-button label="INSERT"></el-checkbox-button>
+                </el-checkbox-group>
+            </el-form-item>
+            <el-form-item label="授权至" prop="exp">
+                <el-date-picker v-model="form.exp" placeholder="选择日期时间" type="datetime" value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button :loading="isSaveing" type="primary" @click="submit()">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+export default {
+    emits: ['success', 'closed'],
+    data() {
+        return {
+            mode: 'add',
+            titleMap: {
+                add: '新增APP',
+                edit: '编辑APP',
+            },
+            form: {
+                id: '',
+                appId: '',
+                appName: '',
+                secret: '',
+                type: [],
+                exp: '',
+            },
+            rules: {
+                appId: [{ required: true, message: '请输入应用标识' }],
+                appName: [{ required: true, message: '请输入应用名称' }],
+                secret: [{ required: true, message: '请输入秘钥' }],
+                type: [{ required: true, message: '请选择类型范围', trigger: 'change' }],
+                exp: [{ required: true, message: '请选择授权到期日期', trigger: 'change' }],
+            },
+            visible: false,
+            isSaveing: false,
+        }
+    },
+    methods: {
+        //显示
+        open(mode = 'add') {
+            this.mode = mode
+            this.visible = true
+            return this
+        },
+        //表单提交方法
+        submit() {
+            this.$refs.dialogForm.validate(async (valid) => {
+                if (valid) {
+                    this.isSaveing = true
+                    var res = await this.$API.demo.post.post(this.form)
+                    this.isSaveing = false
+                    if (res.code === 200) {
+                        this.$emit('success', this.form, this.mode)
+                        this.visible = false
+                        this.$message.success('操作成功')
+                    } else {
+                        this.$alert(res.message, '提示', { type: 'error' })
+                    }
+                }
+            })
+        },
+        //表单注入数据
+        setData(data) {
+            this.form.id = data.id
+            this.form.appId = data.appId
+            this.form.appName = data.appName
+            this.form.secret = data.secret
+            this.form.type = data.type
+            this.form.exp = data.exp
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/dept/index.vue b/src/frontend/admin/src/views/setting/dept/index.vue
new file mode 100644
index 00000000..529651be
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/dept/index.vue
@@ -0,0 +1,150 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <el-button icon="el-icon-plus" type="primary" @click="add"></el-button>
+                <el-button :disabled="selection.length == 0" icon="el-icon-delete" plain type="danger" @click="batch_del"></el-button>
+            </div>
+            <div class="right-panel">
+                <div class="right-panel-search">
+                    <el-input v-model="search.keyword" clearable placeholder="部门名称"></el-input>
+                    <el-button icon="el-icon-search" type="primary" @click="upsearch"></el-button>
+                </div>
+            </div>
+        </el-header>
+        <el-main class="nopadding">
+            <scTable ref="table" :apiObj="apiObj" hidePagination row-key="id" @selection-change="selectionChange">
+                <el-table-column type="selection" width="50"></el-table-column>
+                <el-table-column label="部门名称" prop="label" width="250"></el-table-column>
+                <el-table-column label="排序" prop="sort" width="150"></el-table-column>
+                <el-table-column label="状态" prop="status" width="150">
+                    <template #default="scope">
+                        <el-tag v-if="scope.row.status === 1" type="success">启用</el-tag>
+                        <el-tag v-if="scope.row.status === 0" type="danger">停用</el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="创建时间" prop="date" width="180"></el-table-column>
+                <el-table-column label="备注" min-width="300" prop="remark"></el-table-column>
+                <el-table-column align="right" fixed="right" label="操作" width="170">
+                    <template #default="scope">
+                        <el-button-group>
+                            <el-button size="small" text type="primary" @click="table_show(scope.row, scope.$index)">查看</el-button>
+                            <el-button size="small" text type="primary" @click="table_edit(scope.row, scope.$index)">编辑</el-button>
+                            <el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
+                                <template #reference>
+                                    <el-button size="small" text type="primary">删除</el-button>
+                                </template>
+                            </el-popconfirm>
+                        </el-button-group>
+                    </template>
+                </el-table-column>
+            </scTable>
+        </el-main>
+    </el-container>
+
+    <save-dialog v-if="dialog.save" ref="saveDialog" @closed="dialog.save = false" @success="handleSaveSuccess"></save-dialog>
+</template>
+
+<script>
+import saveDialog from './save'
+
+export default {
+    name: 'dept',
+    components: {
+        saveDialog,
+    },
+    data() {
+        return {
+            dialog: {
+                save: false,
+            },
+            apiObj: this.$API.system.dept.list,
+            selection: [],
+            search: {
+                keyword: null,
+            },
+        }
+    },
+    methods: {
+        //添加
+        add() {
+            this.dialog.save = true
+            this.$nextTick(() => {
+                this.$refs.saveDialog.open()
+            })
+        },
+        //编辑
+        table_edit(row) {
+            this.dialog.save = true
+            this.$nextTick(() => {
+                this.$refs.saveDialog.open('edit').setData(row)
+            })
+        },
+        //查看
+        table_show(row) {
+            this.dialog.save = true
+            this.$nextTick(() => {
+                this.$refs.saveDialog.open('show').setData(row)
+            })
+        },
+        //删除
+        async table_del(row) {
+            var reqData = { id: row.id }
+            var res = await this.$API.demo.post.post(reqData)
+            if (res.code === 200) {
+                this.$refs.table.refresh()
+                this.$message.success('删除成功')
+            } else {
+                this.$alert(res.message, '提示', { type: 'error' })
+            }
+        },
+        //批量删除
+        async batch_del() {
+            this.$confirm(`确定删除选中的 ${this.selection.length} 项吗？如果删除项中含有子集将会被一并删除`, '提示', {
+                type: 'warning',
+            })
+                .then(() => {
+                    const loading = this.$loading()
+                    this.$refs.table.refresh()
+                    loading.close()
+                    this.$message.success('操作成功')
+                })
+                .catch(() => {})
+        },
+        //表格选择后回调事件
+        selectionChange(selection) {
+            this.selection = selection
+        },
+        //搜索
+        upsearch() {},
+        //根据ID获取树结构
+        filterTree(id) {
+            var target = null
+
+            function filter(tree) {
+                tree.forEach((item) => {
+                    if (item.id === id) {
+                        target = item
+                    }
+                    if (item.children) {
+                        filter(item.children)
+                    }
+                })
+            }
+
+            filter(this.$refs.table.tableData)
+            return target
+        },
+        //本地更新数据
+        handleSaveSuccess(data, mode) {
+            if (mode === 'add') {
+                this.$refs.table.refresh()
+            } else if (mode === 'edit') {
+                this.$refs.table.refresh()
+            }
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/dept/save.vue b/src/frontend/admin/src/views/setting/dept/save.vue
new file mode 100644
index 00000000..57ef1c1f
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/dept/save.vue
@@ -0,0 +1,117 @@
+<template>
+    <el-dialog v-model="visible" :title="titleMap[mode]" :width="500" destroy-on-close @closed="$emit('closed')">
+        <el-form ref="dialogForm" :disabled="mode == 'show'" :model="form" :rules="rules" label-width="100px">
+            <el-form-item label="上级部门" prop="parentId">
+                <el-cascader
+                    v-model="form.parentId"
+                    :options="groups"
+                    :props="groupsProps"
+                    :show-all-levels="false"
+                    clearable
+                    style="width: 100%"></el-cascader>
+            </el-form-item>
+            <el-form-item label="部门名称" prop="label">
+                <el-input v-model="form.label" clearable placeholder="请输入部门名称"></el-input>
+            </el-form-item>
+            <el-form-item label="排序" prop="sort">
+                <el-input-number v-model="form.sort" :min="1" controls-position="right" style="width: 100%"></el-input-number>
+            </el-form-item>
+            <el-form-item label="是否有效" prop="status">
+                <el-switch v-model="form.status" :active-value="1" :inactive-value="0"></el-switch>
+            </el-form-item>
+            <el-form-item label="备注" prop="remark">
+                <el-input v-model="form.remark" clearable type="textarea"></el-input>
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button v-if="mode !== 'show'" :loading="isSaveing" type="primary" @click="submit()">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+export default {
+    emits: ['success', 'closed'],
+    data() {
+        return {
+            mode: 'add',
+            titleMap: {
+                add: '新增',
+                edit: '编辑',
+                show: '查看',
+            },
+            visible: false,
+            isSaveing: false,
+            //表单数据
+            form: {
+                id: '',
+                parentId: '',
+                label: '',
+                sort: 1,
+                status: '1',
+                remark: '',
+            },
+            //验证规则
+            rules: {
+                sort: [{ required: true, message: '请输入排序', trigger: 'change' }],
+                label: [{ required: true, message: '请输入部门名称' }],
+            },
+            //所需数据选项
+            groups: [],
+            groupsProps: {
+                value: 'id',
+                emitPath: false,
+                checkStrictly: true,
+            },
+        }
+    },
+    mounted() {
+        this.getGroup()
+    },
+    methods: {
+        //显示
+        open(mode = 'add') {
+            this.mode = mode
+            this.visible = true
+            return this
+        },
+        //加载树数据
+        async getGroup() {
+            var res = await this.$API.system.dept.list.get()
+            this.groups = res.data
+        },
+        //表单提交方法
+        submit() {
+            this.$refs.dialogForm.validate(async (valid) => {
+                if (valid) {
+                    this.isSaveing = true
+                    var res = await this.$API.demo.post.post(this.form)
+                    this.isSaveing = false
+                    if (res.code === 200) {
+                        this.$emit('success', this.form, this.mode)
+                        this.visible = false
+                        this.$message.success('操作成功')
+                    } else {
+                        this.$alert(res.message, '提示', { type: 'error' })
+                    }
+                }
+            })
+        },
+        //表单注入数据
+        setData(data) {
+            this.form.id = data.id
+            this.form.label = data.label
+            this.form.status = data.status
+            this.form.sort = data.sort
+            this.form.parentId = data.parentId
+            this.form.remark = data.remark
+
+            //可以和上面一样单个注入，也可以像下面一样直接合并进去
+            //Object.assign(this.form, data)
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/dic/dic.vue b/src/frontend/admin/src/views/setting/dic/dic.vue
new file mode 100644
index 00000000..8c693df3
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/dic/dic.vue
@@ -0,0 +1,98 @@
+<template>
+    <el-dialog v-model="visible" :title="titleMap[mode]" :width="330" destroy-on-close @closed="$emit('closed')">
+        <el-form ref="dialogForm" :model="form" :rules="rules" label-position="left" label-width="80px">
+            <el-form-item label="编码" prop="code">
+                <el-input v-model="form.code" clearable placeholder="字典编码"></el-input>
+            </el-form-item>
+            <el-form-item label="字典名称" prop="name">
+                <el-input v-model="form.name" clearable placeholder="字典显示名称"></el-input>
+            </el-form-item>
+            <el-form-item label="父路径" prop="parentId">
+                <el-cascader v-model="form.parentId" :options="dic" :props="dicProps" :show-all-levels="false" clearable></el-cascader>
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button :loading="isSaveing" type="primary" @click="submit()">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+export default {
+    emits: ['success', 'closed'],
+    data() {
+        return {
+            mode: 'add',
+            titleMap: {
+                add: '新增字典',
+                edit: '编辑字典',
+            },
+            visible: false,
+            isSaveing: false,
+            form: {
+                id: '',
+                name: '',
+                code: '',
+                parentId: '',
+            },
+            rules: {
+                code: [{ required: true, message: '请输入编码' }],
+                name: [{ required: true, message: '请输入字典名称' }],
+            },
+            dic: [],
+            dicProps: {
+                value: 'id',
+                label: 'name',
+                emitPath: false,
+                checkStrictly: true,
+            },
+        }
+    },
+    mounted() {
+        this.getDic()
+    },
+    methods: {
+        //显示
+        open(mode = 'add') {
+            this.mode = mode
+            this.visible = true
+            return this
+        },
+        //获取字典列表
+        async getDic() {
+            var res = await this.$API.system.dic.tree.get()
+            this.dic = res.data
+        },
+        //表单提交方法
+        submit() {
+            this.$refs.dialogForm.validate(async (valid) => {
+                if (valid) {
+                    this.isSaveing = true
+                    var res = await this.$API.demo.post.post(this.form)
+                    this.isSaveing = false
+                    if (res.code === 200) {
+                        this.$emit('success', this.form, this.mode)
+                        this.visible = false
+                        this.$message.success('操作成功')
+                    } else {
+                        this.$alert(res.message, '提示', { type: 'error' })
+                    }
+                }
+            })
+        },
+        //表单注入数据
+        setData(data) {
+            this.form.id = data.id
+            this.form.name = data.name
+            this.form.code = data.code
+            this.form.parentId = data.parentId
+
+            //可以和上面一样单个注入，也可以像下面一样直接合并进去
+            //Object.assign(this.form, data)
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/dic/index.vue b/src/frontend/admin/src/views/setting/dic/index.vue
new file mode 100644
index 00000000..77a1aaa3
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/dic/index.vue
@@ -0,0 +1,383 @@
+<template>
+    <el-container>
+        <el-aside v-loading="showDicloading" width="300px">
+            <el-container>
+                <el-header>
+                    <el-input v-model="dicFilterText" clearable placeholder="输入关键字进行过滤"></el-input>
+                </el-header>
+                <el-main class="nopadding">
+                    <el-tree
+                        ref="dic"
+                        :data="dicList"
+                        :expand-on-click-node="false"
+                        :filter-node-method="dicFilterNode"
+                        :highlight-current="true"
+                        :props="dicProps"
+                        class="menu"
+                        node-key="id"
+                        @node-click="dicClick">
+                        <template #default="{ node, data }">
+                            <span class="custom-tree-node">
+                                <span class="label">{{ node.label }}</span>
+                                <span class="code">{{ data.code }}</span>
+                                <span class="do">
+                                    <el-button-group>
+                                        <el-button icon="el-icon-edit" size="small" @click.stop="dicEdit(data)"></el-button>
+                                        <el-button icon="el-icon-delete" size="small" @click.stop="dicDel(node, data)"></el-button>
+                                    </el-button-group>
+                                </span>
+                            </span>
+                        </template>
+                    </el-tree>
+                </el-main>
+                <el-footer style="height: 51px">
+                    <el-button icon="el-icon-plus" size="small" style="width: 100%" type="primary" @click="addDic">字典分类</el-button>
+                </el-footer>
+            </el-container>
+        </el-aside>
+        <el-container class="is-vertical">
+            <el-header>
+                <div class="left-panel">
+                    <el-button icon="el-icon-plus" type="primary" @click="addInfo"></el-button>
+                    <el-button :disabled="selection.length == 0" icon="el-icon-delete" plain type="danger" @click="batch_del"></el-button>
+                </div>
+            </el-header>
+            <el-main class="nopadding">
+                <scTable
+                    ref="table"
+                    :apiObj="listApi"
+                    :paginationLayout="'prev, pager, next'"
+                    :params="listApiParams"
+                    row-key="id"
+                    stripe
+                    @selection-change="selectionChange">
+                    <el-table-column type="selection" width="50"></el-table-column>
+                    <el-table-column label="" width="60">
+                        <template #default>
+                            <el-tag class="move" style="cursor: move">
+                                <el-icon-d-caret style="width: 1em; height: 1em" />
+                            </el-tag>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="名称" prop="name" width="150"></el-table-column>
+                    <el-table-column label="键值" prop="key" width="150"></el-table-column>
+                    <el-table-column label="是否有效" prop="yx" width="100">
+                        <template #default="scope">
+                            <el-switch
+                                v-model="scope.row.yx"
+                                :loading="scope.row.$switch_yx"
+                                active-value="1"
+                                inactive-value="0"
+                                @change="changeSwitch($event, scope.row)"></el-switch>
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="right" fixed="right" label="操作" width="120">
+                        <template #default="scope">
+                            <el-button-group>
+                                <el-button size="small" text type="primary" @click="table_edit(scope.row, scope.$index)">编辑</el-button>
+                                <el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
+                                    <template #reference>
+                                        <el-button size="small" text type="primary">删除</el-button>
+                                    </template>
+                                </el-popconfirm>
+                            </el-button-group>
+                        </template>
+                    </el-table-column>
+                </scTable>
+            </el-main>
+        </el-container>
+    </el-container>
+
+    <dic-dialog v-if="dialog.dic" ref="dicDialog" @closed="dialog.dic = false" @success="handleDicSuccess"></dic-dialog>
+
+    <list-dialog v-if="dialog.list" ref="listDialog" @closed="dialog.list = false" @success="handleListSuccess"></list-dialog>
+</template>
+
+<script>
+import dicDialog from './dic'
+import listDialog from './list'
+import Sortable from 'sortablejs'
+
+export default {
+    name: 'dic',
+    components: {
+        dicDialog,
+        listDialog,
+    },
+    data() {
+        return {
+            dialog: {
+                dic: false,
+                info: false,
+            },
+            showDicloading: true,
+            dicList: [],
+            dicFilterText: '',
+            dicProps: {
+                label: 'name',
+            },
+            listApi: null,
+            listApiParams: {},
+            selection: [],
+        }
+    },
+    watch: {
+        dicFilterText(val) {
+            this.$refs.dic.filter(val)
+        },
+    },
+    mounted() {
+        this.getDic()
+        this.rowDrop()
+    },
+    methods: {
+        //加载树数据
+        async getDic() {
+            var res = await this.$API.system.dic.tree.get()
+            this.showDicloading = false
+            this.dicList = res.data
+            //获取第一个节点,设置选中 & 加载明细列表
+            var firstNode = this.dicList[0]
+            if (firstNode) {
+                this.$nextTick(() => {
+                    this.$refs.dic.setCurrentKey(firstNode.id)
+                })
+                this.listApiParams = {
+                    code: firstNode.code,
+                }
+                this.listApi = this.$API.system.dic.list
+            }
+        },
+        //树过滤
+        dicFilterNode(value, data) {
+            if (!value) return true
+            var targetText = data.name + data.code
+            return targetText.indexOf(value) !== -1
+        },
+        //树增加
+        addDic() {
+            this.dialog.dic = true
+            this.$nextTick(() => {
+                this.$refs.dicDialog.open()
+            })
+        },
+        //编辑树
+        dicEdit(data) {
+            this.dialog.dic = true
+            this.$nextTick(() => {
+                var editNode = this.$refs.dic.getNode(data.id)
+                var editNodeParentId = editNode.level === 1 ? undefined : editNode.parent.data.id
+                data.parentId = editNodeParentId
+                this.$refs.dicDialog.open('edit').setData(data)
+            })
+        },
+        //树点击事件
+        dicClick(data) {
+            this.$refs.table.reload({
+                code: data.code,
+            })
+        },
+        //删除树
+        dicDel(node, data) {
+            this.$confirm(`确定删除 ${data.name} 项吗？`, '提示', {
+                type: 'warning',
+            })
+                .then(() => {
+                    this.showDicloading = true
+
+                    //删除节点是否为高亮当前 是的话 设置第一个节点高亮
+                    var dicCurrentKey = this.$refs.dic.getCurrentKey()
+                    this.$refs.dic.remove(data.id)
+                    if (dicCurrentKey === data.id) {
+                        var firstNode = this.dicList[0]
+                        if (firstNode) {
+                            this.$refs.dic.setCurrentKey(firstNode.id)
+                            this.$refs.table.upData({
+                                code: firstNode.code,
+                            })
+                        } else {
+                            this.listApi = null
+                            this.$refs.table.tableData = []
+                        }
+                    }
+
+                    this.showDicloading = false
+                    this.$message.success('操作成功')
+                })
+                .catch(() => {})
+        },
+        //行拖拽
+        rowDrop() {
+            const _this = this
+            const tbody = this.$refs.table.$el.querySelector('.el-table__body-wrapper tbody')
+            Sortable.create(tbody, {
+                handle: '.move',
+                animation: 300,
+                ghostClass: 'ghost',
+                onEnd({ newIndex, oldIndex }) {
+                    const tableData = _this.$refs.table.tableData
+                    const currRow = tableData.splice(oldIndex, 1)[0]
+                    tableData.splice(newIndex, 0, currRow)
+                    _this.$message.success('排序成功')
+                },
+            })
+        },
+        //添加明细
+        addInfo() {
+            this.dialog.list = true
+            this.$nextTick(() => {
+                var dicCurrentKey = this.$refs.dic.getCurrentKey()
+                const data = {
+                    dic: dicCurrentKey,
+                }
+                this.$refs.listDialog.open().setData(data)
+            })
+        },
+        //编辑明细
+        table_edit(row) {
+            this.dialog.list = true
+            this.$nextTick(() => {
+                this.$refs.listDialog.open('edit').setData(row)
+            })
+        },
+        //删除明细
+        async table_del(row, index) {
+            var reqData = { id: row.id }
+            var res = await this.$API.demo.post.post(reqData)
+            if (res.code === 200) {
+                this.$refs.table.tableData.splice(index, 1)
+                this.$message.success('删除成功')
+            } else {
+                this.$alert(res.message, '提示', { type: 'error' })
+            }
+        },
+        //批量删除
+        async batch_del() {
+            this.$confirm(`确定删除选中的 ${this.selection.length} 项吗？`, '提示', {
+                type: 'warning',
+            })
+                .then(() => {
+                    const loading = this.$loading()
+                    this.selection.forEach((item) => {
+                        this.$refs.table.tableData.forEach((itemI, indexI) => {
+                            if (item.id === itemI.id) {
+                                this.$refs.table.tableData.splice(indexI, 1)
+                            }
+                        })
+                    })
+                    loading.close()
+                    this.$message.success('操作成功')
+                })
+                .catch(() => {})
+        },
+        //提交明细
+        saveList() {
+            this.$refs.listDialog.submit(async (formData) => {
+                this.isListSaveing = true
+                var res = await this.$API.demo.post.post(formData)
+                this.isListSaveing = false
+                if (res.code === 200) {
+                    //这里选择刷新整个表格 OR 插入/编辑现有表格数据
+                    this.listDialogVisible = false
+                    this.$message.success('操作成功')
+                } else {
+                    this.$alert(res.message, '提示', { type: 'error' })
+                }
+            })
+        },
+        //表格选择后回调事件
+        selectionChange(selection) {
+            this.selection = selection
+        },
+        //表格内开关事件
+        changeSwitch(val, row) {
+            //1.还原数据
+            row.yx = row.yx === '1' ? '0' : '1'
+            //2.执行加载
+            row.$switch_yx = true
+            //3.等待接口返回后改变值
+            setTimeout(() => {
+                delete row.$switch_yx
+                row.yx = val
+                this.$message.success(`操作成功id:${row.id} val:${val}`)
+            }, 500)
+        },
+        //本地更新数据
+        handleDicSuccess(data, mode) {
+            if (mode === 'add') {
+                data.id = new Date().getTime()
+                if (this.dicList.length > 0) {
+                    this.$refs.table.upData({
+                        code: data.code,
+                    })
+                } else {
+                    this.listApiParams = {
+                        code: data.code,
+                    }
+                    this.listApi = this.$API.dic.info
+                }
+                this.$refs.dic.append(data, data.parentId[0])
+                this.$refs.dic.setCurrentKey(data.id)
+            } else if (mode === 'edit') {
+                var editNode = this.$refs.dic.getNode(data.id)
+                //判断是否移动？
+                var editNodeParentId = editNode.level === 1 ? undefined : editNode.parent.data.id
+                if (editNodeParentId !== data.parentId) {
+                    var obj = editNode.data
+                    this.$refs.dic.remove(data.id)
+                    this.$refs.dic.append(obj, data.parentId[0])
+                }
+                Object.assign(editNode.data, data)
+            }
+        },
+        //本地更新数据
+        handleListSuccess(data, mode) {
+            if (mode === 'add') {
+                data.id = new Date().getTime()
+                this.$refs.table.tableData.push(data)
+            } else if (mode === 'edit') {
+                this.$refs.table.tableData
+                    .filter((item) => item.id === data.id)
+                    .forEach((item) => {
+                        Object.assign(item, data)
+                    })
+            }
+        },
+    },
+}
+</script>
+
+<style scoped>
+.menu:deep(.el-tree-node__label) {
+    display: flex;
+    flex: 1;
+    height: 100%;
+}
+
+.custom-tree-node {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 14px;
+    padding-right: 24px;
+    height: 100%;
+}
+
+.custom-tree-node .code {
+    font-size: 12px;
+    color: #999;
+}
+
+.custom-tree-node .do {
+    display: none;
+}
+
+.custom-tree-node:hover .code {
+    display: none;
+}
+
+.custom-tree-node:hover .do {
+    display: inline-block;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/dic/list.vue b/src/frontend/admin/src/views/setting/dic/list.vue
new file mode 100644
index 00000000..e12cf662
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/dic/list.vue
@@ -0,0 +1,104 @@
+<template>
+    <el-dialog v-model="visible" :title="titleMap[mode]" :width="400" destroy-on-close @closed="$emit('closed')">
+        <el-form ref="dialogForm" :model="form" :rules="rules" label-position="left" label-width="100px">
+            <el-form-item label="所属字典" prop="dic">
+                <el-cascader v-model="form.dic" :options="dic" :props="dicProps" :show-all-levels="false" clearable></el-cascader>
+            </el-form-item>
+            <el-form-item label="项名称" prop="name">
+                <el-input v-model="form.name" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="键值" prop="key">
+                <el-input v-model="form.key" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="是否有效" prop="yx">
+                <el-switch v-model="form.yx" active-value="1" inactive-value="0"></el-switch>
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button :loading="isSaveing" type="primary" @click="submit()">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+export default {
+    emits: ['success', 'closed'],
+    data() {
+        return {
+            mode: 'add',
+            titleMap: {
+                add: '新增项',
+                edit: '编辑项',
+            },
+            visible: false,
+            isSaveing: false,
+            form: {
+                id: '',
+                dic: '',
+                name: '',
+                key: '',
+                yx: '1',
+            },
+            rules: {
+                dic: [{ required: true, message: '请选择所属字典' }],
+                name: [{ required: true, message: '请输入项名称' }],
+                key: [{ required: true, message: '请输入键值' }],
+            },
+            dic: [],
+            dicProps: {
+                value: 'id',
+                label: 'name',
+                emitPath: false,
+                checkStrictly: true,
+            },
+        }
+    },
+    mounted() {
+        if (this.params) {
+            this.form.dic = this.params.code
+        }
+        this.getDic()
+    },
+    methods: {
+        //显示
+        open(mode = 'add') {
+            this.mode = mode
+            this.visible = true
+            return this
+        },
+        //获取字典列表
+        async getDic() {
+            var res = await this.$API.system.dic.tree.get()
+            this.dic = res.data
+        },
+        //表单提交方法
+        submit() {
+            this.$refs.dialogForm.validate(async (valid) => {
+                if (valid) {
+                    this.isSaveing = true
+                    var res = await this.$API.demo.post.post(this.form)
+                    this.isSaveing = false
+                    if (res.code == 200) {
+                        this.$emit('success', this.form, this.mode)
+                        this.visible = false
+                        this.$message.success('操作成功')
+                    } else {
+                        this.$alert(res.message, '提示', { type: 'error' })
+                    }
+                }
+            })
+        },
+        //表单注入数据
+        setData(data) {
+            this.form.id = data.id
+            this.form.name = data.name
+            this.form.key = data.key
+            this.form.yx = data.yx
+            this.form.dic = data.dic
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/log/index.vue b/src/frontend/admin/src/views/setting/log/index.vue
new file mode 100644
index 00000000..8f76bef6
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/log/index.vue
@@ -0,0 +1,165 @@
+<template>
+    <el-container>
+        <el-aside width="220px">
+            <el-tree
+                ref="category"
+                :data="category"
+                :default-expanded-keys="['系统日志']"
+                :expand-on-click-node="false"
+                :highlight-current="true"
+                class="menu"
+                current-node-key="系统日志"
+                node-key="label">
+            </el-tree>
+        </el-aside>
+        <el-container>
+            <el-main class="nopadding">
+                <el-container>
+                    <el-header>
+                        <div class="left-panel">
+                            <el-date-picker
+                                v-model="date"
+                                end-placeholder="结束日期"
+                                range-separator="至"
+                                start-placeholder="开始日期"
+                                type="datetimerange"></el-date-picker>
+                        </div>
+                        <div class="right-panel"></div>
+                    </el-header>
+                    <el-header style="height: 150px">
+                        <scEcharts :option="logsChartOption" height="100%"></scEcharts>
+                    </el-header>
+                    <el-main class="nopadding">
+                        <scTable ref="table" :apiObj="apiObj" highlightCurrentRow stripe @row-click="rowClick">
+                            <el-table-column label="级别" prop="level" width="60">
+                                <template #default="scope">
+                                    <el-icon v-if="scope.row.level === 'error'" style="color: #f56c6c">
+                                        <el-icon-circle-close-filled />
+                                    </el-icon>
+                                    <el-icon v-if="scope.row.level === 'warn'" style="color: #e6a23c">
+                                        <el-icon-warning-filled />
+                                    </el-icon>
+                                    <el-icon v-if="scope.row.level === 'info'" style="color: #409eff">
+                                        <el-icon-info-filled />
+                                    </el-icon>
+                                </template>
+                            </el-table-column>
+                            <el-table-column label="ID" prop="id" width="180"></el-table-column>
+                            <el-table-column label="日志名" prop="name" width="150"></el-table-column>
+                            <el-table-column label="请求接口" prop="url" width="150"></el-table-column>
+                            <el-table-column label="请求方法" prop="type" width="150"></el-table-column>
+                            <el-table-column label="用户" prop="user" width="150"></el-table-column>
+                            <el-table-column label="客户端IP" prop="cip" width="150"></el-table-column>
+                            <el-table-column label="日志时间" prop="time" width="170"></el-table-column>
+                        </scTable>
+                    </el-main>
+                </el-container>
+            </el-main>
+        </el-container>
+    </el-container>
+
+    <el-drawer v-model="infoDrawer" :size="600" destroy-on-close title="日志详情">
+        <info ref="info"></info>
+    </el-drawer>
+</template>
+
+<script>
+import info from './info'
+import scEcharts from '@/components/scEcharts'
+
+export default {
+    name: 'log',
+    components: {
+        info,
+        scEcharts,
+    },
+    data() {
+        return {
+            infoDrawer: false,
+            logsChartOption: {
+                color: ['#409eff', '#e6a23c', '#f56c6c'],
+                grid: {
+                    top: '0px',
+                    left: '10px',
+                    right: '10px',
+                    bottom: '0px',
+                },
+                tooltip: {
+                    trigger: 'axis',
+                },
+                xAxis: {
+                    type: 'category',
+                    boundaryGap: false,
+                    data: [
+                        '2021-07-01',
+                        '2021-07-02',
+                        '2021-07-03',
+                        '2021-07-04',
+                        '2021-07-05',
+                        '2021-07-06',
+                        '2021-07-07',
+                        '2021-07-08',
+                        '2021-07-09',
+                        '2021-07-10',
+                        '2021-07-11',
+                        '2021-07-12',
+                        '2021-07-13',
+                        '2021-07-14',
+                        '2021-07-15',
+                    ],
+                },
+                yAxis: {
+                    show: false,
+                    type: 'value',
+                },
+                series: [
+                    {
+                        data: [120, 200, 150, 80, 70, 110, 130, 120, 200, 150, 80, 70, 110, 130, 70, 110],
+                        type: 'bar',
+                        stack: 'log',
+                        barWidth: '15px',
+                    },
+                    {
+                        data: [15, 26, 7, 12, 13, 9, 21, 15, 26, 7, 12, 13, 9, 21, 12, 3],
+                        type: 'bar',
+                        stack: 'log',
+                        barWidth: '15px',
+                    },
+                    {
+                        data: [0, 0, 0, 120, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+                        type: 'bar',
+                        stack: 'log',
+                        barWidth: '15px',
+                    },
+                ],
+            },
+            category: [
+                {
+                    label: '系统日志',
+                    children: [{ label: 'debug' }, { label: 'info' }, { label: 'warn' }, { label: 'error' }, { label: 'fatal' }],
+                },
+                {
+                    label: '应用日志',
+                    children: [{ label: 'selfHelp' }, { label: 'WechatApp' }],
+                },
+            ],
+            date: [],
+            apiObj: this.$API.system.log.list,
+            search: {
+                keyword: '',
+            },
+        }
+    },
+    methods: {
+        upsearch() {},
+        rowClick(row) {
+            this.infoDrawer = true
+            this.$nextTick(() => {
+                this.$refs.info.setData(row)
+            })
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/log/info.vue b/src/frontend/admin/src/views/setting/log/info.vue
new file mode 100644
index 00000000..3a3cd8a9
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/log/info.vue
@@ -0,0 +1,57 @@
+<template>
+    <el-main style="padding: 0 20px">
+        <el-descriptions :column="1" border size="small">
+            <el-descriptions-item label="请求接口">{{ data.url }}</el-descriptions-item>
+            <el-descriptions-item label="请求方法">{{ data.type }}</el-descriptions-item>
+            <el-descriptions-item label="状态代码">{{ data.code }}</el-descriptions-item>
+            <el-descriptions-item label="日志名">{{ data.name }}</el-descriptions-item>
+            <el-descriptions-item label="日志时间">{{ data.time }}</el-descriptions-item>
+        </el-descriptions>
+        <el-collapse v-model="activeNames" style="margin-top: 20px">
+            <el-collapse-item name="1" title="常规">
+                <el-alert
+                    :closable="false"
+                    :type="typeMap[data.level]"
+                    title="在没有配置的 DNS 服务器响应之后，名称 update-khd.2345.cc 的名称解析超时。"></el-alert>
+            </el-collapse-item>
+            <el-collapse-item name="2" title="详细">
+                <div class="code">
+                    Request: { User-Agent: "Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198
+                    Safari/537.36" }, Response: { Content-Type: "application/json; charset=utf-8", Date: "Fri, 25 Jun 2021 03:02:14 GMT", Server:
+                    "nginx/1.17.8" }
+                </div>
+            </el-collapse-item>
+        </el-collapse>
+    </el-main>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            data: {},
+            activeNames: ['1'],
+            typeMap: {
+                info: 'info',
+                warn: 'warning',
+                error: 'error',
+            },
+        }
+    },
+    methods: {
+        setData(data) {
+            this.data = data
+        },
+    },
+}
+</script>
+
+<style scoped>
+.code {
+    background: #848484;
+    padding: 15px;
+    color: #fff;
+    font-size: 12px;
+    border-radius: 4px;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/menu/index.vue b/src/frontend/admin/src/views/setting/menu/index.vue
new file mode 100644
index 00000000..36ce0837
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/menu/index.vue
@@ -0,0 +1,209 @@
+<template>
+    <el-container>
+        <el-aside v-loading="menuloading" width="300px">
+            <el-container>
+                <el-header>
+                    <el-input v-model="menuFilterText" clearable placeholder="输入关键字进行过滤"></el-input>
+                </el-header>
+                <el-main class="nopadding">
+                    <el-tree
+                        ref="menu"
+                        :data="menuList"
+                        :expand-on-click-node="false"
+                        :filter-node-method="menuFilterNode"
+                        :props="menuProps"
+                        check-strictly
+                        class="menu"
+                        draggable
+                        highlight-current
+                        node-key="id"
+                        show-checkbox
+                        @node-click="menuClick"
+                        @node-drop="nodeDrop">
+                        <template #default="{ node, data }">
+                            <span class="custom-tree-node">
+                                <span class="label">
+                                    {{ node.label }}
+                                </span>
+                                <span class="do">
+                                    <el-button icon="el-icon-plus" size="small" @click.stop="add(node, data)"></el-button>
+                                </span>
+                            </span>
+                        </template>
+                    </el-tree>
+                </el-main>
+                <el-footer style="height: 51px">
+                    <el-button icon="el-icon-plus" size="small" type="primary" @click="add()"></el-button>
+                    <el-button icon="el-icon-delete" plain size="small" type="danger" @click="delMenu"></el-button>
+                </el-footer>
+            </el-container>
+        </el-aside>
+        <el-container>
+            <el-main ref="main" class="nopadding" style="padding: 20px">
+                <save ref="save" :menu="menuList"></save>
+            </el-main>
+        </el-container>
+    </el-container>
+</template>
+
+<script>
+let newMenuIndex = 1
+import save from './save'
+
+export default {
+    name: 'settingMenu',
+    components: {
+        save,
+    },
+    data() {
+        return {
+            menuloading: false,
+            menuList: [],
+            menuProps: {
+                label: (data) => {
+                    return data.meta.title
+                },
+            },
+            menuFilterText: '',
+        }
+    },
+    watch: {
+        menuFilterText(val) {
+            this.$refs.menu.filter(val)
+        },
+    },
+    mounted() {
+        this.getMenu()
+    },
+    methods: {
+        //加载树数据
+        async getMenu() {
+            this.menuloading = true
+            var res = await this.$API.system.menu.list.get()
+            this.menuloading = false
+            this.menuList = res.data
+        },
+        //树点击
+        menuClick(data, node) {
+            var pid = node.level === 1 ? undefined : node.parent.data.id
+            this.$refs.save.setData(data, pid)
+            this.$refs.main.$el.scrollTop = 0
+        },
+        //树过滤
+        menuFilterNode(value, data) {
+            if (!value) return true
+            var targetText = data.meta.title
+            return targetText.indexOf(value) !== -1
+        },
+        //树拖拽
+        nodeDrop(draggingNode, dropNode, dropType) {
+            this.$refs.save.setData({})
+            this.$message(`拖拽对象：${draggingNode.data.meta.title}, 释放对象：${dropNode.data.meta.title}, 释放对象的位置：${dropType}`)
+        },
+        //增加
+        async add(node, data) {
+            var newMenuName = '未命名' + newMenuIndex++
+            var newMenuData = {
+                parentId: data ? data.id : '',
+                name: newMenuName,
+                path: '',
+                component: '',
+                meta: {
+                    title: newMenuName,
+                    type: 'menu',
+                },
+            }
+            this.menuloading = true
+            var res = await this.$API.demo.post.post(newMenuData)
+            this.menuloading = false
+            newMenuData.id = res.data
+
+            this.$refs.menu.append(newMenuData, node)
+            this.$refs.menu.setCurrentKey(newMenuData.id)
+            var pid = node ? node.data.id : ''
+            this.$refs.save.setData(newMenuData, pid)
+        },
+        //删除菜单
+        async delMenu() {
+            var CheckedNodes = this.$refs.menu.getCheckedNodes()
+            if (CheckedNodes.length === 0) {
+                this.$message.warning('请选择需要删除的项')
+                return false
+            }
+
+            var confirm = await this.$confirm('确认删除已选择的菜单吗？', '提示', {
+                type: 'warning',
+                confirmButtonText: '删除',
+                confirmButtonClass: 'el-button--danger',
+            }).catch(() => {})
+            if (confirm !== 'confirm') {
+                return false
+            }
+
+            this.menuloading = true
+            var reqData = {
+                ids: CheckedNodes.map((item) => item.id),
+            }
+            var res = await this.$API.demo.post.post(reqData)
+            this.menuloading = false
+
+            if (res.code === 200) {
+                CheckedNodes.forEach((item) => {
+                    var node = this.$refs.menu.getNode(item)
+                    if (node.isCurrent) {
+                        this.$refs.save.setData({})
+                    }
+                    this.$refs.menu.remove(item)
+                })
+            } else {
+                this.$message.warning(res.message)
+            }
+        },
+    },
+}
+</script>
+
+<style scoped>
+.menu:deep(.el-tree-node__label) {
+    display: flex;
+    flex: 1;
+    height: 100%;
+}
+
+.custom-tree-node {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 14px;
+    height: 100%;
+    padding-right: 24px;
+}
+
+.custom-tree-node .label {
+    display: flex;
+    align-items: center;
+    height: 100%;
+}
+
+.custom-tree-node .label .el-tag {
+    margin-left: 5px;
+}
+
+.custom-tree-node .do {
+    display: none;
+}
+
+.custom-tree-node .do i {
+    margin-left: 5px;
+    color: #999;
+}
+
+.custom-tree-node .do i:hover {
+    color: #333;
+}
+
+.custom-tree-node:hover .do {
+    display: inline-block;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/menu/save.vue b/src/frontend/admin/src/views/setting/menu/save.vue
new file mode 100644
index 00000000..ea5f03cf
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/menu/save.vue
@@ -0,0 +1,205 @@
+<template>
+    <el-row :gutter="40">
+        <el-col v-if="!form.id">
+            <el-empty :image-size="100" description="请选择左侧菜单后操作"></el-empty>
+        </el-col>
+        <template v-else>
+            <el-col :lg="12">
+                <h2>{{ form.meta.title || '新增菜单' }}</h2>
+                <el-form ref="dialogForm" :model="form" :rules="rules" label-position="left" label-width="80px">
+                    <el-form-item label="显示名称" prop="meta.title">
+                        <el-input v-model="form.meta.title" clearable placeholder="菜单显示名字"></el-input>
+                    </el-form-item>
+                    <el-form-item label="上级菜单" prop="parentId">
+                        <el-cascader
+                            v-model="form.parentId"
+                            :options="menuOptions"
+                            :props="menuProps"
+                            :show-all-levels="false"
+                            clearable
+                            disabled
+                            placeholder="顶级菜单"></el-cascader>
+                    </el-form-item>
+                    <el-form-item label="类型" prop="meta.type">
+                        <el-radio-group v-model="form.meta.type">
+                            <el-radio-button label="menu">菜单</el-radio-button>
+                            <el-radio-button label="iframe">Iframe</el-radio-button>
+                            <el-radio-button label="link">外链</el-radio-button>
+                            <el-radio-button label="button">按钮</el-radio-button>
+                        </el-radio-group>
+                    </el-form-item>
+                    <el-form-item label="别名" prop="name">
+                        <el-input v-model="form.name" clearable placeholder="菜单别名"></el-input>
+                        <div class="el-form-item-msg">
+                            系统唯一且与内置组件名一致，否则导致缓存失效。如类型为Iframe的菜单，别名将代替源地址显示在地址栏
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="菜单图标" prop="meta.icon">
+                        <sc-icon-select v-model="form.meta.icon" clearable></sc-icon-select>
+                    </el-form-item>
+                    <el-form-item label="路由地址" prop="path">
+                        <el-input v-model="form.path" clearable placeholder=""></el-input>
+                    </el-form-item>
+                    <el-form-item label="重定向" prop="redirect">
+                        <el-input v-model="form.redirect" clearable placeholder=""></el-input>
+                    </el-form-item>
+                    <el-form-item label="菜单高亮" prop="active">
+                        <el-input v-model="form.active" clearable placeholder=""></el-input>
+                        <div class="el-form-item-msg">子节点或详情页需要高亮的上级菜单路由地址</div>
+                    </el-form-item>
+                    <el-form-item label="视图" prop="component">
+                        <el-input v-model="form.component" clearable placeholder="">
+                            <template #prepend>views/</template>
+                        </el-input>
+                        <div class="el-form-item-msg">如父节点、链接或Iframe等没有视图的菜单不需要填写</div>
+                    </el-form-item>
+                    <el-form-item label="颜色" prop="color">
+                        <el-color-picker v-model="form.meta.color" :predefine="predefineColors"></el-color-picker>
+                    </el-form-item>
+                    <el-form-item label="是否隐藏" prop="meta.hidden">
+                        <el-checkbox v-model="form.meta.hidden">隐藏菜单</el-checkbox>
+                        <el-checkbox v-model="form.meta.hiddenBreadcrumb">隐藏面包屑</el-checkbox>
+                        <div class="el-form-item-msg">菜单不显示在导航中，但用户依然可以访问，例如详情页</div>
+                    </el-form-item>
+                    <el-form-item label="整页路由" prop="fullpage">
+                        <el-switch v-model="form.meta.fullpage" />
+                    </el-form-item>
+                    <el-form-item label="标签" prop="tag">
+                        <el-input v-model="form.meta.tag" clearable placeholder=""></el-input>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button :loading="loading" type="primary" @click="save">保 存</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-col>
+            <el-col :lg="12" class="apilist">
+                <h2>接口权限</h2>
+                <sc-form-table v-model="form.apiList" :addTemplate="apiListAddTemplate" placeholder="暂无匹配接口权限">
+                    <el-table-column label="标识" prop="code" width="150">
+                        <template #default="scope">
+                            <el-input v-model="scope.row.code" placeholder="请输入内容"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="Api url" prop="url">
+                        <template #default="scope">
+                            <el-input v-model="scope.row.url" placeholder="请输入内容"></el-input>
+                        </template>
+                    </el-table-column>
+                </sc-form-table>
+            </el-col>
+        </template>
+    </el-row>
+</template>
+
+<script>
+import scIconSelect from '@/components/scIconSelect'
+
+export default {
+    components: {
+        scIconSelect,
+    },
+    props: {
+        menu: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    data() {
+        return {
+            form: {
+                id: '',
+                parentId: '',
+                name: '',
+                path: '',
+                component: '',
+                redirect: '',
+                meta: {
+                    title: '',
+                    icon: '',
+                    active: '',
+                    color: '',
+                    type: 'menu',
+                    fullpage: false,
+                    tag: '',
+                },
+                apiList: [],
+            },
+            menuOptions: [],
+            menuProps: {
+                value: 'id',
+                label: 'title',
+                checkStrictly: true,
+            },
+            predefineColors: ['#ff4500', '#ff8c00', '#ffd700', '#67C23A', '#00ced1', '#409EFF', '#c71585'],
+            rules: [],
+            apiListAddTemplate: {
+                code: '',
+                url: '',
+            },
+            loading: false,
+        }
+    },
+    watch: {
+        menu: {
+            handler() {
+                this.menuOptions = this.treeToMap(this.menu)
+            },
+            deep: true,
+        },
+    },
+    mounted() {},
+    methods: {
+        //简单化菜单
+        treeToMap(tree) {
+            const map = []
+            tree.forEach((item) => {
+                var obj = {
+                    id: item.id,
+                    parentId: item.parentId,
+                    title: item.meta.title,
+                    children: item.children && item.children.length > 0 ? this.treeToMap(item.children) : null,
+                }
+                map.push(obj)
+            })
+            return map
+        },
+        //保存
+        async save() {
+            this.loading = true
+            var res = await this.$API.demo.post.post(this.form)
+            this.loading = false
+            if (res.code === 200) {
+                this.$message.success('保存成功')
+            } else {
+                this.$message.warning(res.message)
+            }
+        },
+        //表单注入数据
+        setData(data, pid) {
+            this.form = data
+            this.form.apiList = data.apiList || []
+            this.form.parentId = pid
+        },
+    },
+}
+</script>
+
+<style scoped>
+h2 {
+    font-size: 17px;
+    color: #3c4a54;
+    padding: 0 0 30px 0;
+}
+
+.apilist {
+    border-left: 1px solid #eee;
+}
+
+[data-theme='dark'] h2 {
+    color: #fff;
+}
+
+[data-theme='dark'] .apilist {
+    border-color: #434343;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/role/index.vue b/src/frontend/admin/src/views/setting/role/index.vue
new file mode 100644
index 00000000..c48cf5fb
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/role/index.vue
@@ -0,0 +1,179 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <el-button icon="el-icon-plus" type="primary" @click="add"></el-button>
+                <el-button :disabled="selection.length == 0" icon="el-icon-delete" plain type="danger" @click="batch_del"></el-button>
+                <el-button :disabled="selection.length != 1" plain type="primary" @click="permission">权限设置</el-button>
+            </div>
+            <div class="right-panel">
+                <div class="right-panel-search">
+                    <el-input v-model="search.keyword" clearable placeholder="角色名称"></el-input>
+                    <el-button icon="el-icon-search" type="primary" @click="upsearch"></el-button>
+                </div>
+            </div>
+        </el-header>
+        <el-main class="nopadding">
+            <scTable ref="table" :apiObj="apiObj" row-key="id" stripe @selection-change="selectionChange">
+                <el-table-column type="selection" width="50"></el-table-column>
+                <el-table-column label="#" type="index" width="50"></el-table-column>
+                <el-table-column label="角色名称" prop="label" width="150"></el-table-column>
+                <el-table-column label="别名" prop="alias" width="200"></el-table-column>
+                <el-table-column label="排序" prop="sort" width="80"></el-table-column>
+                <el-table-column label="状态" prop="status" width="80">
+                    <template #default="scope">
+                        <el-switch
+                            v-model="scope.row.status"
+                            :loading="scope.row.$switch_status"
+                            active-value="1"
+                            inactive-value="0"
+                            @change="changeSwitch($event, scope.row)"></el-switch>
+                    </template>
+                </el-table-column>
+                <el-table-column label="创建时间" prop="date" width="180"></el-table-column>
+                <el-table-column label="备注" min-width="150" prop="remark"></el-table-column>
+                <el-table-column align="right" fixed="right" label="操作" width="170">
+                    <template #default="scope">
+                        <el-button-group>
+                            <el-button size="small" text type="primary" @click="table_show(scope.row, scope.$index)">查看</el-button>
+                            <el-button size="small" text type="primary" @click="table_edit(scope.row, scope.$index)">编辑</el-button>
+                            <el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
+                                <template #reference>
+                                    <el-button size="small" text type="primary">删除</el-button>
+                                </template>
+                            </el-popconfirm>
+                        </el-button-group>
+                    </template>
+                </el-table-column>
+            </scTable>
+        </el-main>
+    </el-container>
+
+    <save-dialog v-if="dialog.save" ref="saveDialog" @closed="dialog.save = false" @success="handleSaveSuccess"></save-dialog>
+
+    <permission-dialog v-if="dialog.permission" ref="permissionDialog" @closed="dialog.permission = false"></permission-dialog>
+</template>
+
+<script>
+import saveDialog from './save'
+import permissionDialog from './permission'
+
+export default {
+    name: 'role',
+    components: {
+        saveDialog,
+        permissionDialog,
+    },
+    data() {
+        return {
+            dialog: {
+                save: false,
+                permission: false,
+            },
+            apiObj: this.$API.system.role.list,
+            selection: [],
+            search: {
+                keyword: null,
+            },
+        }
+    },
+    methods: {
+        //添加
+        add() {
+            this.dialog.save = true
+            this.$nextTick(() => {
+                this.$refs.saveDialog.open()
+            })
+        },
+        //编辑
+        table_edit(row) {
+            this.dialog.save = true
+            this.$nextTick(() => {
+                this.$refs.saveDialog.open('edit').setData(row)
+            })
+        },
+        //查看
+        table_show(row) {
+            this.dialog.save = true
+            this.$nextTick(() => {
+                this.$refs.saveDialog.open('show').setData(row)
+            })
+        },
+        //权限设置
+        permission() {
+            this.dialog.permission = true
+            this.$nextTick(() => {
+                this.$refs.permissionDialog.open()
+            })
+        },
+        //删除
+        async table_del(row) {
+            var reqData = { id: row.id }
+            var res = await this.$API.demo.post.post(reqData)
+            if (res.code === 200) {
+                this.$refs.table.refresh()
+                this.$message.success('删除成功')
+            } else {
+                this.$alert(res.message, '提示', { type: 'error' })
+            }
+        },
+        //批量删除
+        async batch_del() {
+            this.$confirm(`确定删除选中的 ${this.selection.length} 项吗？如果删除项中含有子集将会被一并删除`, '提示', {
+                type: 'warning',
+            })
+                .then(() => {
+                    const loading = this.$loading()
+                    this.$refs.table.refresh()
+                    loading.close()
+                    this.$message.success('操作成功')
+                })
+                .catch(() => {})
+        },
+        //表格选择后回调事件
+        selectionChange(selection) {
+            this.selection = selection
+        },
+        //表格内开关
+        changeSwitch(val, row) {
+            row.status = row.status === '1' ? '0' : '1'
+            row.$switch_status = true
+            setTimeout(() => {
+                delete row.$switch_status
+                row.status = val
+                this.$message.success('操作成功')
+            }, 500)
+        },
+        //搜索
+        upsearch() {},
+        //根据ID获取树结构
+        filterTree(id) {
+            var target = null
+
+            function filter(tree) {
+                tree.forEach((item) => {
+                    if (item.id === id) {
+                        target = item
+                    }
+                    if (item.children) {
+                        filter(item.children)
+                    }
+                })
+            }
+
+            filter(this.$refs.table.tableData)
+            return target
+        },
+        //本地更新数据
+        handleSaveSuccess(data, mode) {
+            if (mode === 'add') {
+                this.$refs.table.refresh()
+            } else if (mode === 'edit') {
+                this.$refs.table.refresh()
+            }
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/role/permission.vue b/src/frontend/admin/src/views/setting/role/permission.vue
new file mode 100644
index 00000000..17d340a6
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/role/permission.vue
@@ -0,0 +1,200 @@
+<template>
+    <el-dialog v-model="visible" :width="500" destroy-on-close title="角色权限设置" @closed="$emit('closed')">
+        <el-tabs tab-position="top">
+            <el-tab-pane label="菜单权限">
+                <div class="treeMain">
+                    <el-tree ref="menu" :data="menu.list" :props="menu.props" node-key="name" show-checkbox></el-tree>
+                </div>
+            </el-tab-pane>
+            <el-tab-pane label="数据权限">
+                <el-form label-position="left" label-width="100px">
+                    <el-form-item label="规则类型">
+                        <el-select v-model="data.dataType">
+                            <el-option label="全部可见" value="1"></el-option>
+                            <el-option label="本人可见" value="2"></el-option>
+                            <el-option label="所在部门可见" value="3"></el-option>
+                            <el-option label="所在部门及子级可见" value="4"></el-option>
+                            <el-option label="选择的部门可见" value="5"></el-option>
+                            <el-option label="自定义" value="6"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item v-show="data.dataType === '5'" label="选择部门">
+                        <div class="treeMain" style="width: 100%">
+                            <el-tree ref="dept" :data="data.list" :props="data.props" node-key="id" show-checkbox></el-tree>
+                        </div>
+                    </el-form-item>
+                    <el-form-item v-show="data.dataType === '6'" label="规则值">
+                        <el-input v-model="data.rule" :rows="6" clearable placeholder="请输入自定义规则代码" type="textarea"></el-input>
+                    </el-form-item>
+                </el-form>
+            </el-tab-pane>
+            <el-tab-pane label="控制台模块">
+                <div class="treeMain">
+                    <el-tree
+                        ref="grid"
+                        :data="grid.list"
+                        :default-checked-keys="grid.checked"
+                        :props="grid.props"
+                        node-key="key"
+                        show-checkbox></el-tree>
+                </div>
+            </el-tab-pane>
+            <el-tab-pane label="控制台">
+                <el-form label-position="left" label-width="100px">
+                    <el-form-item label="控制台视图">
+                        <el-select v-model="dashboard">
+                            <el-option v-for="item in dashboardOptions" :key="item.value" :label="item.label" :value="item.value">
+                                <span style="float: left">{{ item.label }}</span>
+                                <span style="float: right; color: #8492a6; font-size: 12px">{{ item.views }}</span>
+                            </el-option>
+                        </el-select>
+                        <div class="el-form-item-msg">用于控制角色登录后控制台的视图</div>
+                    </el-form-item>
+                </el-form>
+            </el-tab-pane>
+        </el-tabs>
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button :loading="isSaveing" type="primary" @click="submit()">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+export default {
+    emits: ['success', 'closed'],
+    data() {
+        return {
+            visible: false,
+            isSaveing: false,
+            menu: {
+                list: [],
+                checked: [],
+                props: {
+                    label: (data) => {
+                        return data.meta.title
+                    },
+                },
+            },
+            grid: {
+                list: [],
+                checked: ['welcome', 'ver', 'time', 'progress', 'echarts', 'about'],
+                props: {
+                    label: (data) => {
+                        return data.title
+                    },
+                    disabled: (data) => {
+                        return data.isFixed
+                    },
+                },
+            },
+            data: {
+                dataType: '1',
+                list: [],
+                checked: [],
+                props: {},
+                rule: '',
+            },
+            dashboard: '0',
+            dashboardOptions: [
+                {
+                    value: '0',
+                    label: '数据统计',
+                    views: 'stats',
+                },
+                {
+                    value: '1',
+                    label: '工作台',
+                    views: 'work',
+                },
+            ],
+        }
+    },
+    mounted() {
+        this.getMenu()
+        this.getDept()
+        this.getGrid()
+    },
+    methods: {
+        open() {
+            this.visible = true
+        },
+        submit() {
+            this.isSaveing = true
+
+            //选中的和半选的合并后传值接口
+            var checkedKeys = this.$refs.menu.getCheckedKeys().concat(this.$refs.menu.getHalfCheckedKeys())
+            console.log(checkedKeys)
+
+            var checkedKeys_dept = this.$refs.dept.getCheckedKeys().concat(this.$refs.dept.getHalfCheckedKeys())
+            console.log(checkedKeys_dept)
+
+            setTimeout(() => {
+                this.isSaveing = false
+                this.visible = false
+                this.$message.success('操作成功')
+                this.$emit('success')
+            }, 1000)
+        },
+        async getMenu() {
+            var res = await this.$API.system.menu.list.get()
+            this.menu.list = res.data
+
+            //获取接口返回的之前选中的和半选的合并，处理过滤掉有叶子节点的key
+            this.menu.checked = ['system', 'user', 'user.add', 'user.edit', 'user.del', 'directive.edit', 'other', 'directive']
+            this.$nextTick(() => {
+                let filterKeys = this.menu.checked.filter((key) => this.$refs.menu.getNode(key).isLeaf)
+                this.$refs.menu.setCheckedKeys(filterKeys, true)
+            })
+        },
+        async getDept() {
+            var res = await this.$API.system.dept.list.get()
+            this.data.list = res.data
+            this.data.checked = ['12', '2', '21', '22', '1']
+            this.$nextTick(() => {
+                let filterKeys = this.data.checked.filter((key) => this.$refs.dept.getNode(key).isLeaf)
+                this.$refs.dept.setCheckedKeys(filterKeys, true)
+            })
+        },
+        getGrid() {
+            this.grid.list = [
+                {
+                    key: 'welcome',
+                    title: '欢迎',
+                    isFixed: true,
+                },
+                {
+                    key: 'ver',
+                    title: '版本信息',
+                    isFixed: true,
+                },
+                {
+                    key: 'time',
+                    title: '时钟',
+                },
+                {
+                    key: 'progress',
+                    title: '进度环',
+                },
+                {
+                    key: 'echarts',
+                    title: '实时收入',
+                },
+                {
+                    key: 'about',
+                    title: '关于项目',
+                },
+            ]
+        },
+    },
+}
+</script>
+
+<style scoped>
+.treeMain {
+    height: 280px;
+    overflow: auto;
+    border: 1px solid #dcdfe6;
+    margin-bottom: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/role/save.vue b/src/frontend/admin/src/views/setting/role/save.vue
new file mode 100644
index 00000000..f8252eeb
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/role/save.vue
@@ -0,0 +1,98 @@
+<template>
+    <el-dialog v-model="visible" :title="titleMap[mode]" :width="500" destroy-on-close @closed="$emit('closed')">
+        <el-form ref="dialogForm" :disabled="mode === 'show'" :model="form" :rules="rules" label-position="left" label-width="6.25rem">
+            <el-form-item label="角色名称" prop="label">
+                <el-input v-model="form.label" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="角色别名" prop="alias">
+                <el-input v-model="form.alias" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="排序" prop="sort">
+                <el-input-number v-model="form.sort" :min="1" controls-position="right" style="width: 100%"></el-input-number>
+            </el-form-item>
+            <el-form-item label="是否有效" prop="status">
+                <el-switch v-model="form.status" active-value="1" inactive-value="0"></el-switch>
+            </el-form-item>
+            <el-form-item label="备注" prop="remark">
+                <el-input v-model="formNaNpxark" clearable type="textarea"></el-input>
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button v-if="mode !== 'show'" :loading="isSaveing" type="primary" @click="submit()">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+export default {
+    emits: ['success', 'closed'],
+    data() {
+        return {
+            mode: 'add',
+            titleMap: {
+                add: '新增',
+                edit: '编辑',
+                show: '查看',
+            },
+            visible: false,
+            isSaveing: false,
+            //表单数据
+            form: {
+                id: '',
+                label: '',
+                alias: '',
+                sort: 1,
+                status: 1,
+                remark: '',
+            },
+            //验证规则
+            rules: {
+                sort: [{ required: true, message: '请输入排序', trigger: 'change' }],
+                label: [{ required: true, message: '请输入角色名称' }],
+                alias: [{ required: true, message: '请输入角色别名' }],
+            },
+        }
+    },
+    mounted() {},
+    methods: {
+        //显示
+        open(mode = 'add') {
+            this.mode = mode
+            this.visible = true
+            return this
+        },
+        //表单提交方法
+        submit() {
+            this.$refs.dialogForm.validate(async (valid) => {
+                if (valid) {
+                    this.isSaveing = true
+                    var res = await this.$API.demo.post.post(this.form)
+                    this.isSaveing = false
+                    if (res.code === 200) {
+                        this.$emit('success', this.form, this.mode)
+                        this.visible = false
+                        this.$message.success('操作成功')
+                    } else {
+                        this.$alert(res.message, '提示', { type: 'error' })
+                    }
+                }
+            })
+        },
+        //表单注入数据
+        setData(data) {
+            this.form.id = data.id
+            this.form.label = data.label
+            this.form.alias = data.alias
+            this.form.sort = data.sort
+            this.form.status = data.status
+            this.formNaNpxark = data.remark
+
+            //可以和上面一样单个注入，也可以像下面一样直接合并进去
+            //Object.assign(this.form, data)
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/system/index.vue b/src/frontend/admin/src/views/setting/system/index.vue
new file mode 100644
index 00000000..281db42b
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/system/index.vue
@@ -0,0 +1,177 @@
+<template>
+    <el-main>
+        <el-card shadow="never">
+            <el-tabs tab-position="top">
+                <el-tab-pane label="系统设置">
+                    <el-form ref="form" :model="sys" label-width="100px" style="margin-top: 20px">
+                        <el-form-item label="系统名称">
+                            <el-input v-model="sys.name"></el-input>
+                        </el-form-item>
+                        <el-form-item label="LogoUrl">
+                            <el-input v-model="sys.logoUrl"></el-input>
+                        </el-form-item>
+                        <el-form-item label="登录开关">
+                            <el-switch v-model="sys.login"></el-switch>
+                            <div class="el-form-item-msg" data-v-b33b3cf8="">关闭后普通用户无法登录，仅允许管理员角色登录</div>
+                        </el-form-item>
+                        <el-form-item label="密码验证规则">
+                            <el-input v-model="sys.passwordRules"></el-input>
+                        </el-form-item>
+                        <el-form-item label="版权信息">
+                            <el-input v-model="sys.copyright" :autosize="{ minRows: 4 }" type="textarea"></el-input>
+                        </el-form-item>
+                        <el-form-item>
+                            <el-button type="primary">保存</el-button>
+                        </el-form-item>
+                    </el-form>
+                </el-tab-pane>
+
+                <el-tab-pane label="短信配置">
+                    <el-form ref="form" :model="msg" label-width="100px" style="margin-top: 20px">
+                        <el-form-item label="短信开关">
+                            <el-switch v-model="msg.open"></el-switch>
+                            <div class="el-form-item-msg" data-v-b33b3cf8="">关闭后用户无法收到短信，但日志中将记录</div>
+                        </el-form-item>
+                        <el-form-item label="appKey">
+                            <el-input v-model="msg.appKey"></el-input>
+                        </el-form-item>
+                        <el-form-item label="secretKey">
+                            <el-input v-model="msg.secretKey"></el-input>
+                        </el-form-item>
+                        <el-form-item>
+                            <el-button type="primary">保存</el-button>
+                        </el-form-item>
+                    </el-form>
+                </el-tab-pane>
+
+                <el-tab-pane label="扩展配置">
+                    <el-alert
+                        style="margin-bottom: 15px"
+                        title="扩展配置为系统业务所有的配置，应该由系统管理员操作，如需用户配置应另起业务配置页面。"
+                        type="warning"></el-alert>
+
+                    <el-table :data="setting" stripe>
+                        <el-table-column label="#" type="index" width="50"></el-table-column>
+                        <el-table-column label="KEY" prop="key" width="150">
+                            <template #default="scope">
+                                <el-input v-if="scope.row.isSet" v-model="scope.row.key" placeholder="请输入内容"></el-input>
+                                <span v-else>{{ scope.row.key }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="VALUE" prop="value" width="350">
+                            <template #default="scope">
+                                <template v-if="scope.row.isSet">
+                                    <el-switch v-if="typeof scope.row.value === 'boolean'" v-model="scope.row.value"></el-switch>
+                                    <el-input v-else v-model="scope.row.value" placeholder="请输入内容"></el-input>
+                                </template>
+                                <span v-else>{{ scope.row.value }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="CATEGORY" prop="category" width="150">
+                            <template #default="scope">
+                                <el-input v-if="scope.row.isSet" v-model="scope.row.category" placeholder="请输入内容"></el-input>
+                                <span v-else>{{ scope.row.category }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="TITLE" prop="title" width="350">
+                            <template #default="scope">
+                                <el-input v-if="scope.row.isSet" v-model="scope.row.title" placeholder="请输入内容"></el-input>
+                                <span v-else>{{ scope.row.title }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column min-width="1"></el-table-column>
+                        <el-table-column fixed="right" label="操作" width="120">
+                            <template #default="scope">
+                                <el-button-group>
+                                    <el-button size="small" text type="primary" @click="table_edit(scope.row, scope.$index)"
+                                        >{{ scope.row.isSet ? '保存' : '修改' }}
+                                    </el-button>
+                                    <el-button v-if="scope.row.isSet" size="small" text type="primary" @click="scope.row.isSet = false"
+                                        >取消
+                                    </el-button>
+                                    <el-popconfirm v-if="!scope.row.isSet" title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
+                                        <template #reference>
+                                            <el-button text type="primary" size="small">删除</el-button>
+                                        </template>
+                                    </el-popconfirm>
+                                </el-button-group>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                    <el-button type="primary" icon="el-icon-plus" style="margin-top: 20px" @click="table_add"></el-button>
+                </el-tab-pane>
+            </el-tabs>
+        </el-card>
+    </el-main>
+</template>
+
+<script>
+export default {
+    name: 'system',
+    data() {
+        return {
+            sys: {
+                name: 'SCUI',
+                logoUrl: '',
+                login: true,
+                passwordRules: '^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$',
+                copyright: '@SCUI',
+            },
+            msg: {
+                open: true,
+                appKey: '',
+                secretKey: '',
+            },
+            setting: [
+                {
+                    key: 'file_serve',
+                    value: 'https://file.scui.com',
+                    category: 'url',
+                    title: '文件服务器地址',
+                },
+                {
+                    key: 'cloud_url',
+                    value: '-',
+                    category: 'url',
+                    title: '客户端地址',
+                },
+                {
+                    key: 'crm_url',
+                    value: '-',
+                    category: 'url',
+                    title: 'CRM地址',
+                },
+                {
+                    key: 'autoSwitch',
+                    value: true,
+                    category: 'user',
+                    title: '自动判断boolean类型',
+                },
+            ],
+        }
+    },
+    methods: {
+        table_add() {
+            var newRow = {
+                key: '',
+                value: '',
+                title: '',
+                isSet: true,
+            }
+            this.setting.push(newRow)
+        },
+        table_edit(row) {
+            if (row.isSet) {
+                row.isSet = false
+            } else {
+                row.isSet = true
+            }
+        },
+        table_del(row, index) {
+            this.setting.splice(index, 1)
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/table/index.vue b/src/frontend/admin/src/views/setting/table/index.vue
new file mode 100644
index 00000000..ad2b8bd3
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/table/index.vue
@@ -0,0 +1,118 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <el-button icon="el-icon-plus" type="primary" @click="add"></el-button>
+            </div>
+        </el-header>
+        <el-main class="nopadding">
+            <scTable ref="table" :apiObj="apiObj" row-key="id" stripe @selection-change="selectionChange">
+                <el-table-column type="selection" width="50"></el-table-column>
+                <el-table-column label="标识" prop="code" width="150"></el-table-column>
+                <el-table-column label="表格名称" prop="name" width="250"></el-table-column>
+
+                <el-table-column align="right" fixed="right" label="操作" width="120">
+                    <template #default="scope">
+                        <el-button-group>
+                            <el-button size="small" text type="primary" @click="table_edit(scope.row, scope.$index)">编辑</el-button>
+                            <el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
+                                <template #reference>
+                                    <el-button size="small" text type="primary">删除</el-button>
+                                </template>
+                            </el-popconfirm>
+                        </el-button-group>
+                    </template>
+                </el-table-column>
+            </scTable>
+        </el-main>
+    </el-container>
+
+    <save-dialog v-if="dialog.save" ref="saveDialog" @closed="dialog.save = false" @success="handleSuccess"></save-dialog>
+</template>
+
+<script>
+import saveDialog from './save'
+
+export default {
+    name: 'tableSetting',
+    components: {
+        saveDialog,
+    },
+    data() {
+        return {
+            dialog: {
+                save: false,
+            },
+            apiObj: this.$API.system.table.list,
+            selection: [],
+        }
+    },
+    mounted() {},
+    methods: {
+        //增加
+        add() {
+            this.dialog.save = true
+            this.$nextTick(() => {
+                this.$refs.saveDialog.open()
+            })
+        },
+        //编辑
+        table_edit(row) {
+            this.dialog.save = true
+            this.$nextTick(() => {
+                this.$refs.saveDialog.open('edit').setData(row)
+            })
+        },
+        //删除
+        async table_del(row, index) {
+            var reqData = { id: row.id }
+            var res = await this.$API.demo.post.post(reqData)
+            if (res.code === 200) {
+                //这里选择刷新整个表格 OR 插入/编辑现有表格数据
+                this.$refs.table.tableData.splice(index, 1)
+                this.$message.success('删除成功')
+            } else {
+                this.$alert(res.message, '提示', { type: 'error' })
+            }
+        },
+        //批量删除
+        async batch_del() {
+            this.$confirm(`确定删除选中的 ${this.selection.length} 项吗？`, '提示', {
+                type: 'warning',
+            })
+                .then(() => {
+                    const loading = this.$loading()
+                    this.selection.forEach((item) => {
+                        this.$refs.table.tableData.forEach((itemI, indexI) => {
+                            if (item.id === itemI.id) {
+                                this.$refs.table.tableData.splice(indexI, 1)
+                            }
+                        })
+                    })
+                    loading.close()
+                    this.$message.success('操作成功')
+                })
+                .catch(() => {})
+        },
+        //表格选择后回调事件
+        selectionChange(selection) {
+            this.selection = selection
+        },
+        //本地更新数据
+        handleSuccess(data, mode) {
+            if (mode === 'add') {
+                data.id = new Date().getTime()
+                this.$refs.table.tableData.unshift(data)
+            } else if (mode === 'edit') {
+                this.$refs.table.tableData
+                    .filter((item) => item.id === data.id)
+                    .forEach((item) => {
+                        Object.assign(item, data)
+                    })
+            }
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/table/save.vue b/src/frontend/admin/src/views/setting/table/save.vue
new file mode 100644
index 00000000..0be81cf7
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/table/save.vue
@@ -0,0 +1,177 @@
+<template>
+    <el-drawer v-model="visible" :size="1000" :title="titleMap[mode]" destroy-on-close @closed="$emit('closed')">
+        <el-container v-loading="loading">
+            <el-main style="padding: 0 20px 20px 20px">
+                <el-form ref="dialogForm" :model="form" :rules="rules" label-position="top" label-width="100px">
+                    <sc-title title="基础"></sc-title>
+                    <el-row :gutter="20">
+                        <el-col :span="16">
+                            <el-form-item label="表格名称" prop="name">
+                                <el-input v-model="form.name" placeholder="请输入中文描述标题"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="标识" prop="code">
+                                <el-input v-model="form.code" placeholder="请输入唯一标识"></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-form-item>
+                        <el-checkbox v-model="form.remoteSort" label="远程排序"></el-checkbox>
+                        <el-checkbox v-model="form.remoteFilter" label="远程过滤"></el-checkbox>
+                    </el-form-item>
+                    <sc-title title="表格列"></sc-title>
+                    <el-form-item prop="column">
+                        <sc-form-table v-model="form.column" :addTemplate="addTemplate" drag-sort placeholder="暂无数据">
+                            <el-table-column label="名称" prop="label">
+                                <template #default="scope">
+                                    <el-input v-model="scope.row.label" placeholder="请输入名称"></el-input>
+                                </template>
+                            </el-table-column>
+                            <el-table-column label="字段" prop="prop" width="150">
+                                <template #default="scope">
+                                    <el-input v-model="scope.row.prop" placeholder="请输入字段"></el-input>
+                                </template>
+                            </el-table-column>
+                            <el-table-column label="宽度" prop="width" width="100">
+                                <template #default="scope">
+                                    <el-input v-model="scope.row.width" placeholder="请输入宽度"></el-input>
+                                </template>
+                            </el-table-column>
+                            <el-table-column align="center" label="隐藏" prop="hide" width="80">
+                                <template #default="scope">
+                                    <el-checkbox v-model="scope.row.hide"></el-checkbox>
+                                </template>
+                            </el-table-column>
+                            <el-table-column align="center" label="排序" prop="sortable" width="80">
+                                <template #default="scope">
+                                    <el-checkbox v-model="scope.row.sortable"></el-checkbox>
+                                </template>
+                            </el-table-column>
+                            <el-table-column align="center" label="过滤项" prop="filters" width="90">
+                                <template #default="scope">
+                                    <el-button
+                                        :type="scope.row.filters.length == 0 ? '' : 'primary'"
+                                        size="small"
+                                        text
+                                        @click="setFilters(scope.row.filters)"
+                                        >过滤项
+                                    </el-button>
+                                </template>
+                            </el-table-column>
+                            <el-table-column align="center" label="固定" prop="fixed" width="80">
+                                <template #default="scope">
+                                    <el-checkbox v-model="scope.row.fixed"></el-checkbox>
+                                </template>
+                            </el-table-column>
+                        </sc-form-table>
+                    </el-form-item>
+                </el-form>
+            </el-main>
+            <el-footer>
+                <el-button :loading="isSaveing" type="primary" @click="submit">保存</el-button>
+                <el-button @click="visible = false">取消</el-button>
+            </el-footer>
+        </el-container>
+
+        <el-drawer v-model="setFiltersVisible" :size="500" destroy-on-close title="过滤项配置">
+            <el-main style="padding: 0 20px 20px 20px">
+                <sc-form-table v-model="selectionFilters" :addTemplate="filtersAddTemplate" drag-sort placeholder="暂无数据">
+                    <el-table-column label="名称" prop="text">
+                        <template #default="scope">
+                            <el-input v-model="scope.row.text" placeholder="请输入名称"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="值" prop="value" width="150">
+                        <template #default="scope">
+                            <el-input v-model="scope.row.value" placeholder="请输入值"></el-input>
+                        </template>
+                    </el-table-column>
+                </sc-form-table>
+            </el-main>
+        </el-drawer>
+    </el-drawer>
+</template>
+
+<script>
+export default {
+    emits: ['success', 'closed'],
+    data() {
+        return {
+            loading: false,
+            mode: 'add',
+            titleMap: {
+                add: '新增',
+                edit: '编辑',
+            },
+            form: {},
+            rules: {
+                name: [{ required: true, message: '请输入表格名称', trigger: 'blur' }],
+                code: [{ required: true, message: '请输入唯一标识', trigger: 'blur' }],
+            },
+            addTemplate: {
+                label: '',
+                prop: '',
+                width: '100',
+                hide: false,
+                sortable: false,
+                fixed: false,
+                filters: [],
+            },
+            visible: false,
+            isSaveing: false,
+            selectionFilters: [],
+            filtersAddTemplate: {
+                text: '',
+                value: '',
+            },
+            setFiltersVisible: false,
+        }
+    },
+    mounted() {},
+    methods: {
+        //显示
+        open(mode = 'add') {
+            this.mode = mode
+            this.visible = true
+            return this
+        },
+        //表单提交方法
+        submit() {
+            this.$refs.dialogForm.validate(async (valid) => {
+                if (valid) {
+                    this.isSaveing = true
+                    var res = await this.$API.demo.post.post(this.form)
+                    this.isSaveing = false
+                    if (res.code === 200) {
+                        this.$emit('success', this.form, this.mode)
+                        this.visible = false
+                        this.$message.success('操作成功')
+                    } else {
+                        this.$alert(res.message, '提示', { type: 'error' })
+                    }
+                }
+            })
+        },
+        //表单注入数据
+        setData(data) {
+            this.loading = true
+            const params = {
+                id: data.id,
+            }
+            setTimeout(async () => {
+                var res = await this.$API.system.table.info.get(params)
+                this.loading = false
+                this.form = res.data
+            }, 400)
+        },
+        //设置过滤项
+        setFilters(filters) {
+            this.selectionFilters = filters
+            this.setFiltersVisible = true
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/task/index.vue b/src/frontend/admin/src/views/setting/task/index.vue
new file mode 100644
index 00000000..8dd635ed
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/task/index.vue
@@ -0,0 +1,229 @@
+<!--
+ * @Descripttion: 系统计划任务配置
+ * @version: 1.2
+ * @Author: sakuya
+ * @Date: 2021年7月7日09:28:32
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-19 11:50:58
+-->
+
+<template>
+    <el-main>
+        <el-row :gutter="15">
+            <el-col v-for="item in list" :key="item.id" :lg="6" :md="8" :sm="12" :xl="6" :xs="24">
+                <el-card class="task task-item" shadow="hover">
+                    <h2>{{ item.title }}</h2>
+                    <ul>
+                        <li>
+                            <h4>执行类</h4>
+                            <p>{{ item.handler }}</p>
+                        </li>
+                        <li>
+                            <h4>定时规则</h4>
+                            <p>{{ item.cron }}</p>
+                        </li>
+                    </ul>
+                    <div class="bottom">
+                        <div class="state">
+                            <el-tag v-if="item.state === '1'" size="small">准备就绪</el-tag>
+                            <el-tag v-if="item.state === '-1'" size="small" type="info">停用</el-tag>
+                        </div>
+                        <div class="handler">
+                            <el-popconfirm title="确定立即执行吗？" @confirm="run(item)">
+                                <template #reference>
+                                    <el-button circle icon="el-icon-caret-right" type="primary"></el-button>
+                                </template>
+                            </el-popconfirm>
+                            <el-dropdown trigger="click">
+                                <el-button circle icon="el-icon-more" plain type="primary"></el-button>
+                                <template #dropdown>
+                                    <el-dropdown-menu>
+                                        <el-dropdown-item @click="edit(item)">编辑</el-dropdown-item>
+                                        <el-dropdown-item @click="logs(item)">日志</el-dropdown-item>
+                                        <el-dropdown-item divided @click="del(item)">删除</el-dropdown-item>
+                                    </el-dropdown-menu>
+                                </template>
+                            </el-dropdown>
+                        </div>
+                    </div>
+                </el-card>
+            </el-col>
+            <el-col :lg="6" :md="8" :sm="12" :xl="6" :xs="24">
+                <el-card class="task task-add" shadow="never" @click="add">
+                    <el-icon>
+                        <el-icon-plus />
+                    </el-icon>
+                    <p>添加计划任务</p>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+
+    <save-dialog v-if="dialog.save" ref="saveDialog" @closed="dialog.save = false" @success="handleSuccess"></save-dialog>
+
+    <el-drawer v-model="dialog.logsVisible" :size="600" destroy-on-close direction="rtl" title="计划任务日志">
+        <logs></logs>
+    </el-drawer>
+</template>
+
+<script>
+import saveDialog from './save'
+import logs from './logs'
+
+export default {
+    name: 'task',
+    components: {
+        saveDialog,
+        logs,
+    },
+    provide() {
+        return {
+            list: this.list,
+        }
+    },
+    data() {
+        return {
+            dialog: {
+                save: false,
+                logsVisible: false,
+            },
+            list: [
+                {
+                    id: '1',
+                    title: '清理服务器缓存',
+                    handler: 'cleanUpCacheHandler',
+                    cron: '59 59 23 * * ? *',
+                    state: '1',
+                },
+                {
+                    id: '2',
+                    title: '自动审核',
+                    handler: 'automaticAuditHandler',
+                    cron: '0 0 * * * ? *',
+                    state: '1',
+                },
+                {
+                    id: '3',
+                    title: '清理未实名用户',
+                    handler: 'deleteUserHandler',
+                    cron: '0 0 0 * * ? *',
+                    state: '-1',
+                },
+            ],
+        }
+    },
+    mounted() {},
+    methods: {
+        add() {
+            this.dialog.save = true
+            this.$nextTick(() => {
+                this.$refs.saveDialog.open()
+            })
+        },
+        edit(task) {
+            this.dialog.save = true
+            this.$nextTick(() => {
+                this.$refs.saveDialog.open('edit').setData(task)
+            })
+        },
+        del(task) {
+            this.$confirm(`确认删除 ${task.title} 计划任务吗？`, '提示', {
+                type: 'warning',
+                confirmButtonText: '删除',
+                confirmButtonClass: 'el-button--danger',
+            })
+                .then(() => {
+                    this.list.splice(
+                        this.list.findIndex((item) => item.id === task.id),
+                        1,
+                    )
+                })
+                .catch(() => {
+                    //取消
+                })
+        },
+        logs() {
+            this.dialog.logsVisible = true
+        },
+        run(task) {
+            this.$message.success(`已成功执行计划任务：${task.title}`)
+        },
+        //本地更新数据
+        handleSuccess(data, mode) {
+            if (mode === 'add') {
+                data.id = new Date().getTime()
+                this.list.push(data)
+            } else if (mode === 'edit') {
+                this.list
+                    .filter((item) => item.id === data.id)
+                    .forEach((item) => {
+                        Object.assign(item, data)
+                    })
+            }
+        },
+    },
+}
+</script>
+
+<style scoped>
+.task {
+    height: 210px;
+}
+
+.task-item h2 {
+    font-size: 15px;
+    color: #3c4a54;
+    padding-bottom: 15px;
+}
+
+.task-item li {
+    list-style-type: none;
+    margin-bottom: 10px;
+}
+
+.task-item li h4 {
+    font-size: 12px;
+    font-weight: normal;
+    color: #999;
+}
+
+.task-item li p {
+    margin-top: 5px;
+}
+
+.task-item .bottom {
+    border-top: 1px solid #ebeef5;
+    text-align: right;
+    padding-top: 10px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.task-add {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    cursor: pointer;
+    color: #999;
+}
+
+.task-add:hover {
+    color: #409eff;
+}
+
+.task-add i {
+    font-size: 30px;
+}
+
+.task-add p {
+    font-size: 12px;
+    margin-top: 20px;
+}
+
+.dark .task-item .bottom {
+    border-color: var(--el-border-color-light);
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/task/logs.vue b/src/frontend/admin/src/views/setting/task/logs.vue
new file mode 100644
index 00000000..949515eb
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/task/logs.vue
@@ -0,0 +1,111 @@
+<!--
+ * @Descripttion: 系统计划任务配置
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年7月7日09:28:32
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-19 11:51:05
+-->
+
+<template>
+    <el-container>
+        <el-main style="padding: 0 20px">
+            <scTable ref="table" :data="data" stripe>
+                <el-table-column label="执行时间" prop="time" width="200"></el-table-column>
+                <el-table-column label="执行结果" prop="state" width="100">
+                    <template #default="scope">
+                        <span v-if="scope.row.state === 200" style="color: #67c23a"
+                            ><el-icon><el-icon-success-filled /></el-icon
+                        ></span>
+                        <span v-else style="color: #f56c6c"
+                            ><el-icon><el-icon-circle-close-filled /></el-icon
+                        ></span>
+                    </template>
+                </el-table-column>
+                <el-table-column fixed="right" label="执行日志" prop="logs" width="100">
+                    <template #default="scope">
+                        <el-button size="small" type="text" @click="show(scope.row)">日志</el-button>
+                    </template>
+                </el-table-column>
+            </scTable>
+        </el-main>
+    </el-container>
+
+    <el-drawer v-model="logsVisible" :size="500" destroy-on-close direction="rtl" title="日志">
+        <el-main style="padding: 0 20px 20px 20px">
+            <pre style="font-size: 12px; color: #999; padding: 20px; background: #333; font-family: consolas; line-height: 1.5; overflow: auto">{{
+                demoLog
+            }}</pre>
+        </el-main>
+    </el-drawer>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            logsVisible: false,
+            demoLog: `2021-07-07 12:35:00 [com.xxl.job.core.thread.JobThread#run]-[124]-[Thread-308]
+----------- xxl-job job execute start -----------
+----------- Param:
+2021-07-07 12:35:00 [com.heronshn.reservation.jobhandler.AqshMasterDataSendHandler#execute]-[31]-[Thread-308] aqshMasterDataSendHandler start
+2021-07-07 12:35:00 [com.heronshn.reservation.data.service.impl.AqshVehicleServiceImpl#send]-[42]-[Thread-308] send 45
+2021-07-07 12:35:00 [com.heronshn.reservation.data.service.impl.AqshVehicleServiceImpl#send]-[45]-[Thread-308] webapi http://127.0.0.1:48080
+2021-07-07 12:35:00 [com.heronshn.reservation.jobhandler.AqshMasterDataSendHandler#execute]-[33]-[Thread-308] aqshMasterDataSendHandler vehicle end
+2021-07-07 12:35:00 [com.heronshn.reservation.jobhandler.AqshMasterDataSendHandler#execute]-[35]-[Thread-308] aqshMasterDataSendHandler stop
+2021-07-07 12:35:00 [com.xxl.job.core.thread.JobThread#run]-[158]-[Thread-308]
+----------- xxl-job job execute end(finish) -----------
+----------- ReturnT:ReturnT [code=200, msg=null, content=null]
+2021-07-07 12:35:00 [com.xxl.job.core.thread.TriggerCallbackThread#callbackLog]-[176]-[Thread-10]
+----------- xxl-job job callback finish.
+
+[Load Log Finish]`,
+            data: [
+                {
+                    time: '2021-07-07 00:00:00',
+                    state: '500',
+                    logs: '',
+                },
+                {
+                    time: '2021-07-06 00:00:00',
+                    state: '200',
+                    logs: '',
+                },
+                {
+                    time: '2021-07-05 00:00:00',
+                    state: '200',
+                    logs: '',
+                },
+                {
+                    time: '2021-07-04 00:00:00',
+                    state: '200',
+                    logs: '',
+                },
+                {
+                    time: '2021-07-03 00:00:00',
+                    state: '200',
+                    logs: '',
+                },
+                {
+                    time: '2021-07-02 00:00:00',
+                    state: '200',
+                    logs: '',
+                },
+                {
+                    time: '2021-07-01 00:00:00',
+                    state: '200',
+                    logs: '',
+                },
+            ],
+        }
+    },
+    mounted() {},
+    methods: {
+        show() {
+            this.logsVisible = true
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/task/save.vue b/src/frontend/admin/src/views/setting/task/save.vue
new file mode 100644
index 00000000..02c57b89
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/task/save.vue
@@ -0,0 +1,104 @@
+<!--
+ * @Descripttion: 系统计划任务配置
+ * @version: 1.2
+ * @Author: sakuya
+ * @Date: 2021年7月7日09:28:32
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-19 11:36:33
+-->
+
+<template>
+    <el-dialog v-model="visible" :title="titleMap[mode]" :width="400" destroy-on-close @closed="$emit('closed')">
+        <el-form ref="dialogForm" :model="form" :rules="rules" label-position="left" label-width="100px">
+            <el-form-item label="描述" prop="title">
+                <el-input v-model="form.title" clearable placeholder="计划任务标题"></el-input>
+            </el-form-item>
+            <el-form-item label="执行类" prop="handler">
+                <el-input v-model="form.handler" clearable placeholder="计划任务执行类名称"></el-input>
+            </el-form-item>
+            <el-form-item label="定时规则" prop="cron">
+                <sc-cron v-model="form.cron" :shortcuts="shortcuts" clearable placeholder="请输入Cron定时规则"></sc-cron>
+            </el-form-item>
+            <el-form-item label="是否启用" prop="state">
+                <el-switch v-model="form.state" active-value="1" inactive-value="-1"></el-switch>
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button :loading="isSaveing" type="primary" @click="submit()">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+import scCron from '@/components/scCron'
+
+export default {
+    components: {
+        scCron,
+    },
+    emits: ['success', 'closed'],
+    data() {
+        return {
+            mode: 'add',
+            titleMap: {
+                add: '新增计划任务',
+                edit: '编辑计划任务',
+            },
+            form: {
+                id: '',
+                title: '',
+                handler: '',
+                cron: '',
+                state: '1',
+            },
+            rules: {
+                title: [{ required: true, message: '请填写标题' }],
+                handler: [{ required: true, message: '请填写执行类' }],
+                cron: [{ required: true, message: '请填写定时规则' }],
+            },
+            visible: false,
+            isSaveing: false,
+            shortcuts: [
+                {
+                    text: '每天8点和12点 (自定义追加)',
+                    value: '0 0 8,12 * * ?',
+                },
+            ],
+        }
+    },
+    mounted() {},
+    methods: {
+        //显示
+        open(mode = 'add') {
+            this.mode = mode
+            this.visible = true
+            return this
+        },
+        //表单提交方法
+        submit() {
+            this.$refs.dialogForm.validate((valid) => {
+                if (valid) {
+                    this.isSaveing = true
+                    setTimeout(() => {
+                        this.isSaveing = false
+                        this.visible = false
+                        this.$message.success('操作成功')
+                        this.$emit('success', this.form, this.mode)
+                    }, 1000)
+                }
+            })
+        },
+        //表单注入数据
+        setData(data) {
+            this.form.id = data.id
+            this.form.title = data.title
+            this.form.handler = data.handler
+            this.form.cron = data.cron
+            this.form.state = data.state
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/user/index.vue b/src/frontend/admin/src/views/setting/user/index.vue
new file mode 100644
index 00000000..c588bf72
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/user/index.vue
@@ -0,0 +1,217 @@
+<template>
+    <el-container>
+        <el-aside v-loading="showGrouploading" width="200px">
+            <el-container>
+                <el-header>
+                    <el-input v-model="groupFilterText" clearable placeholder="输入关键字进行过滤"></el-input>
+                </el-header>
+                <el-main class="nopadding">
+                    <el-tree
+                        ref="group"
+                        :current-node-key="''"
+                        :data="group"
+                        :expand-on-click-node="false"
+                        :filter-node-method="groupFilterNode"
+                        :highlight-current="true"
+                        class="menu"
+                        node-key="id"
+                        @node-click="groupClick"></el-tree>
+                </el-main>
+            </el-container>
+        </el-aside>
+        <el-container>
+            <el-header>
+                <div class="left-panel">
+                    <el-button icon="el-icon-plus" type="primary" @click="add"></el-button>
+                    <el-button :disabled="selection.length == 0" icon="el-icon-delete" plain type="danger" @click="batch_del"></el-button>
+                    <el-button :disabled="selection.length == 0" plain type="primary">分配角色</el-button>
+                    <el-button :disabled="selection.length == 0" plain type="primary">密码重置</el-button>
+                </div>
+                <div class="right-panel">
+                    <div class="right-panel-search">
+                        <el-input v-model="search.name" clearable placeholder="登录账号 / 姓名"></el-input>
+                        <el-button icon="el-icon-search" type="primary" @click="upsearch"></el-button>
+                    </div>
+                </div>
+            </el-header>
+            <el-main class="nopadding">
+                <scTable ref="table" :apiObj="apiObj" remoteFilter remoteSort stripe @selection-change="selectionChange">
+                    <el-table-column type="selection" width="50"></el-table-column>
+                    <el-table-column label="ID" prop="id" sortable="custom" width="80"></el-table-column>
+                    <el-table-column
+                        :filters="[
+                            { text: '已上传', value: '1' },
+                            { text: '未上传', value: '0' },
+                        ]"
+                        column-key="filterAvatar"
+                        label="头像"
+                        width="80">
+                        <template #default="scope">
+                            <el-avatar :src="scope.row.avatar" size="small"></el-avatar>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                        :filters="[
+                            { text: '系统账号', value: '1' },
+                            { text: '普通账号', value: '0' },
+                        ]"
+                        column-key="filterUserName"
+                        label="登录账号"
+                        prop="userName"
+                        sortable="custom"
+                        width="150"></el-table-column>
+                    <el-table-column label="姓名" prop="name" sortable="custom" width="150"></el-table-column>
+                    <el-table-column label="所属角色" prop="groupName" sortable="custom" width="200"></el-table-column>
+                    <el-table-column label="加入时间" prop="date" sortable="custom" width="170"></el-table-column>
+                    <el-table-column align="right" fixed="right" label="操作" width="160">
+                        <template #default="scope">
+                            <el-button-group>
+                                <el-button size="small" text type="primary" @click="table_show(scope.row, scope.$index)">查看 </el-button>
+                                <el-button size="small" text type="primary" @click="table_edit(scope.row, scope.$index)">编辑 </el-button>
+                                <el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
+                                    <template #reference>
+                                        <el-button size="small" text type="primary">删除</el-button>
+                                    </template>
+                                </el-popconfirm>
+                            </el-button-group>
+                        </template>
+                    </el-table-column>
+                </scTable>
+            </el-main>
+        </el-container>
+    </el-container>
+
+    <save-dialog v-if="dialog.save" ref="saveDialog" @closed="dialog.save = false" @success="handleSuccess"></save-dialog>
+</template>
+
+<script>
+import saveDialog from './save'
+
+export default {
+    name: 'user',
+    components: {
+        saveDialog,
+    },
+    data() {
+        return {
+            dialog: {
+                save: false,
+            },
+            showGrouploading: false,
+            groupFilterText: '',
+            group: [],
+            apiObj: this.$API.system.user.list,
+            selection: [],
+            search: {
+                name: null,
+            },
+        }
+    },
+    watch: {
+        groupFilterText(val) {
+            this.$refs.group.filter(val)
+        },
+    },
+    mounted() {
+        this.getGroup()
+    },
+    methods: {
+        //添加
+        add() {
+            this.dialog.save = true
+            this.$nextTick(() => {
+                this.$refs.saveDialog.open()
+            })
+        },
+        //编辑
+        table_edit(row) {
+            this.dialog.save = true
+            this.$nextTick(() => {
+                this.$refs.saveDialog.open('edit').setData(row)
+            })
+        },
+        //查看
+        table_show(row) {
+            this.dialog.save = true
+            this.$nextTick(() => {
+                this.$refs.saveDialog.open('show').setData(row)
+            })
+        },
+        //删除
+        async table_del(row, index) {
+            var reqData = { id: row.id }
+            var res = await this.$API.demo.post.post(reqData)
+            if (res.code === 200) {
+                //这里选择刷新整个表格 OR 插入/编辑现有表格数据
+                this.$refs.table.tableData.splice(index, 1)
+                this.$message.success('删除成功')
+            } else {
+                this.$alert(res.message, '提示', { type: 'error' })
+            }
+        },
+        //批量删除
+        async batch_del() {
+            this.$confirm(`确定删除选中的 ${this.selection.length} 项吗？`, '提示', {
+                type: 'warning',
+            })
+                .then(() => {
+                    const loading = this.$loading()
+                    this.selection.forEach((item) => {
+                        this.$refs.table.tableData.forEach((itemI, indexI) => {
+                            if (item.id === itemI.id) {
+                                this.$refs.table.tableData.splice(indexI, 1)
+                            }
+                        })
+                    })
+                    loading.close()
+                    this.$message.success('操作成功')
+                })
+                .catch(() => {})
+        },
+        //表格选择后回调事件
+        selectionChange(selection) {
+            this.selection = selection
+        },
+        //加载树数据
+        async getGroup() {
+            this.showGrouploading = true
+            var res = await this.$API.system.dept.list.get()
+            this.showGrouploading = false
+            var allNode = { id: '', label: '所有' }
+            res.data.unshift(allNode)
+            this.group = res.data
+        },
+        //树过滤
+        groupFilterNode(value, data) {
+            if (!value) return true
+            return data.label.indexOf(value) !== -1
+        },
+        //树点击事件
+        groupClick(data) {
+            var params = {
+                groupId: data.id,
+            }
+            this.$refs.table.reload(params)
+        },
+        //搜索
+        upsearch() {
+            this.$refs.table.upData(this.search)
+        },
+        //本地更新数据
+        handleSuccess(data, mode) {
+            if (mode === 'add') {
+                data.id = new Date().getTime()
+                this.$refs.table.tableData.unshift(data)
+            } else if (mode === 'edit') {
+                this.$refs.table.tableData
+                    .filter((item) => item.id === data.id)
+                    .forEach((item) => {
+                        Object.assign(item, data)
+                    })
+            }
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/setting/user/save.vue b/src/frontend/admin/src/views/setting/user/save.vue
new file mode 100644
index 00000000..32767335
--- /dev/null
+++ b/src/frontend/admin/src/views/setting/user/save.vue
@@ -0,0 +1,159 @@
+<template>
+    <el-dialog v-model="visible" :title="titleMap[mode]" :width="500" destroy-on-close @closed="$emit('closed')">
+        <el-form ref="dialogForm" :disabled="mode == 'show'" :model="form" :rules="rules" label-position="left" label-width="100px">
+            <el-form-item label="头像" prop="avatar">
+                <sc-upload v-model="form.avatar" title="上传头像"></sc-upload>
+            </el-form-item>
+            <el-form-item label="登录账号" prop="userName">
+                <el-input v-model="form.userName" clearable placeholder="用于登录系统"></el-input>
+            </el-form-item>
+            <el-form-item label="姓名" prop="name">
+                <el-input v-model="form.name" clearable placeholder="请输入完整的真实姓名"></el-input>
+            </el-form-item>
+            <template v-if="mode === 'add'">
+                <el-form-item label="登录密码" prop="password">
+                    <el-input v-model="form.password" clearable show-password type="password"></el-input>
+                </el-form-item>
+                <el-form-item label="确认密码" prop="password2">
+                    <el-input v-model="form.password2" clearable show-password type="password"></el-input>
+                </el-form-item>
+            </template>
+            <el-form-item label="所属部门" prop="dept">
+                <el-cascader v-model="form.dept" :options="depts" :props="deptsProps" clearable style="width: 100%"></el-cascader>
+            </el-form-item>
+            <el-form-item label="所属角色" prop="group">
+                <el-select v-model="form.group" filterable multiple style="width: 100%">
+                    <el-option v-for="item in groups" :key="item.id" :label="item.label" :value="item.id" />
+                </el-select>
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button v-if="mode !== 'show'" :loading="isSaveing" type="primary" @click="submit()">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+export default {
+    emits: ['success', 'closed'],
+    data() {
+        return {
+            mode: 'add',
+            titleMap: {
+                add: '新增用户',
+                edit: '编辑用户',
+                show: '查看',
+            },
+            visible: false,
+            isSaveing: false,
+            //表单数据
+            form: {
+                id: '',
+                userName: '',
+                avatar: '',
+                name: '',
+                dept: '',
+                group: [],
+            },
+            //验证规则
+            rules: {
+                avatar: [{ required: true, message: '请上传头像' }],
+                userName: [{ required: true, message: '请输入登录账号' }],
+                name: [{ required: true, message: '请输入真实姓名' }],
+                password: [
+                    { required: true, message: '请输入登录密码' },
+                    {
+                        validator: (rule, value, callback) => {
+                            if (this.form.password2 !== '') {
+                                this.$refs.dialogForm.validateField('password2')
+                            }
+                            callback()
+                        },
+                    },
+                ],
+                password2: [
+                    { required: true, message: '请再次输入密码' },
+                    {
+                        validator: (rule, value, callback) => {
+                            if (value !== this.form.password) {
+                                callback(new Error('两次输入密码不一致!'))
+                            } else {
+                                callback()
+                            }
+                        },
+                    },
+                ],
+                dept: [{ required: true, message: '请选择所属部门' }],
+                group: [{ required: true, message: '请选择所属角色', trigger: 'change' }],
+            },
+            //所需数据选项
+            groups: [],
+            groupsProps: {
+                value: 'id',
+                multiple: true,
+                checkStrictly: true,
+            },
+            depts: [],
+            deptsProps: {
+                value: 'id',
+                checkStrictly: true,
+            },
+        }
+    },
+    mounted() {
+        this.getGroup()
+        this.getDept()
+    },
+    methods: {
+        //显示
+        open(mode = 'add') {
+            this.mode = mode
+            this.visible = true
+            return this
+        },
+        //加载树数据
+        async getGroup() {
+            var res = await this.$API.system.role.list.get()
+            this.groups = res.data.rows
+        },
+        async getDept() {
+            var res = await this.$API.system.dept.list.get()
+            this.depts = res.data
+        },
+        //表单提交方法
+        submit() {
+            this.$refs.dialogForm.validate(async (valid) => {
+                if (valid) {
+                    this.isSaveing = true
+                    var res = await this.$API.demo.post.post(this.form)
+                    this.isSaveing = false
+                    if (res.code === 200) {
+                        this.$emit('success', this.form, this.mode)
+                        this.visible = false
+                        this.$message.success('操作成功')
+                    } else {
+                        this.$alert(res.message, '提示', { type: 'error' })
+                    }
+                } else {
+                    return false
+                }
+            })
+        },
+        //表单注入数据
+        setData(data) {
+            this.form.id = data.id
+            this.form.userName = data.userName
+            this.form.avatar = data.avatar
+            this.form.name = data.name
+            this.form.group = data.group
+            this.form.dept = data.dept
+
+            //可以和上面一样单个注入，也可以像下面一样直接合并进去
+            //Object.assign(this.form, data)
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/api/index.vue b/src/frontend/admin/src/views/sys/api/index.vue
new file mode 100644
index 00000000..6763ebcc
--- /dev/null
+++ b/src/frontend/admin/src/views/sys/api/index.vue
@@ -0,0 +1,71 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel"></div>
+            <div class="right-panel">
+                <el-button :loading="loading" icon="sc-icon-sync" type="primary" @click="sync">同步接口</el-button>
+            </div>
+        </el-header>
+        <el-main class="nopadding">
+            <sc-table
+                ref="table"
+                :apiObj="$API.sys_api.query"
+                :summary-method="(x) => ['接口总数', countTotalRows(x.data)]"
+                default-expand-all
+                hidePagination
+                row-key="id"
+                show-summary
+                stripe>
+                <el-table-column label="接口路径" prop="id"></el-table-column>
+                <el-table-column label="接口名称" prop="name"></el-table-column>
+                <el-table-column label="请求方式" prop="method"></el-table-column>
+                <el-table-column label="接口描述" prop="summary"></el-table-column>
+            </sc-table>
+        </el-main>
+    </el-container>
+</template>
+
+<script>
+export default {
+    components: {},
+    data() {
+        return {
+            loading: false,
+        }
+    },
+    methods: {
+        countTotalRows(data) {
+            let count = 0
+
+            function countNodes(node) {
+                if (node.method) count++
+                if (node.children?.length > 0) {
+                    for (const child of node.children) {
+                        countNodes(child)
+                    }
+                }
+            }
+
+            for (const item of data) {
+                countNodes(item)
+            }
+
+            return count
+        },
+        //同步
+        async sync() {
+            this.loading = true
+            try {
+                await this.$API.sys_api.sync.post()
+                this.$refs.table.refresh()
+                this.$message.success('同步成功')
+            } catch {
+                //
+            }
+            this.loading = false
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/cache/index.vue b/src/frontend/admin/src/views/sys/cache/index.vue
new file mode 100644
index 00000000..ac06d0ba
--- /dev/null
+++ b/src/frontend/admin/src/views/sys/cache/index.vue
@@ -0,0 +1,148 @@
+<template>
+    <el-container>
+        <el-main>
+            <el-card header="缓存统计" shadow="never">
+                <el-row :gutter="15">
+                    <el-col :lg="4">
+                        <el-card shadow="never">
+                            <sc-statistic :value="statistics.version" groupSeparator title="Redis 版本"></sc-statistic>
+                        </el-card>
+                    </el-col>
+                    <el-col :lg="4">
+                        <el-card shadow="never">
+                            <sc-statistic
+                                :value="parseInt(statistics.upTime / 86400)"
+                                groupSeparator
+                                suffix="天"
+                                title="Redis 运行时间"></sc-statistic>
+                        </el-card>
+                    </el-col>
+                    <el-col :lg="4">
+                        <el-card shadow="never">
+                            <sc-statistic
+                                :value="statistics.upTime ? (statistics.usedCpu / statistics.upTime).toFixed(2) : 0"
+                                groupSeparator
+                                suffix="%"
+                                title="CPU 使用率"></sc-statistic>
+                        </el-card>
+                    </el-col>
+                    <el-col :lg="4">
+                        <el-card shadow="never">
+                            <sc-statistic
+                                :value="(statistics.usedMemory / 1024 / 1024).toFixed(2)"
+                                groupSeparator
+                                suffix="MiB"
+                                title="内存使用量"></sc-statistic>
+                        </el-card>
+                    </el-col>
+                    <el-col :lg="4">
+                        <el-card shadow="never">
+                            <sc-statistic :value="statistics.dbSize" groupSeparator title="缓存数量"></sc-statistic>
+                        </el-card>
+                    </el-col>
+                    <el-col :lg="4">
+                        <el-card shadow="never">
+                            <sc-statistic
+                                :value="((statistics.keyspaceHits / (statistics.keyspaceMisses + statistics.keyspaceHits)) * 100).toFixed(2)"
+                                groupSeparator
+                                suffix="%"
+                                title="缓存命中率"></sc-statistic>
+                        </el-card>
+                    </el-col>
+                </el-row>
+            </el-card>
+
+            <el-card header="缓存管理" shadow="never">
+                <el-container>
+                    <el-aside>
+                        <el-menu :default-active="query.filter.dbIndex" class="el-menu-vertical-demo">
+                            <el-menu-item v-for="(i, index) in 16" :key="index" :index="index" @click="this.query.filter.dbIndex = index">
+                                <el-icon>
+                                    <el-icon-notebook></el-icon-notebook>
+                                </el-icon>
+                                <span slot="title">DB{{ index }}</span>
+                            </el-menu-item>
+                        </el-menu>
+                    </el-aside>
+                    <el-main>
+                        <sc-table ref="table" :apiObj="$API.sys_cache.getAllEntries" :params="query" row-key="key" stripe @row-click="rowClick">
+                            <el-table-column :min-width="300" label="键名" prop="key" show-overflow-tooltip />
+                            <el-table-column label="键值" prop="data" show-overflow-tooltip />
+                            <el-table-column align="right" label="滑动过期" prop="sldExp" />
+                            <el-table-column align="right" label="绝对过期" prop="absExp" />
+                        </sc-table>
+                    </el-main>
+                </el-container>
+            </el-card>
+        </el-main>
+    </el-container>
+    <na-info v-if="dialog.info" ref="info"></na-info>
+</template>
+
+<script>
+import scStatistic from '@/components/scStatistic'
+import naInfo from '@/components/naInfo/index.vue'
+import tool from '@/utils/tool'
+
+export default {
+    components: {
+        scStatistic,
+        naInfo,
+    },
+    data() {
+        return {
+            query: {
+                filter: {
+                    dbIndex: 0,
+                },
+            },
+            dialog: {
+                info: false,
+            },
+            statistics: {
+                keyspaceHits: 0,
+                keyspaceMisses: 0,
+                upTime: 0,
+                usedCpu: 0,
+                usedMemory: 0,
+                version: '',
+            },
+        }
+    },
+    mounted() {
+        this.cacheStatistics()
+    },
+    watch: {
+        'query.filter.dbIndex': {
+            handler() {
+                this.$refs.table.upData()
+            },
+        },
+    },
+    methods: {
+        async rowClick(row) {
+            this.dialog.info = true
+            await this.$nextTick()
+            this.$refs.info.open(tool.sortProperties(row), `缓存详情`)
+        },
+        async cacheStatistics() {
+            try {
+                const res = await this.$API.sys_cache.cacheStatistics.post()
+                if (res.data) {
+                    this.statistics = res.data
+                }
+            } catch {
+                //
+            }
+        },
+    },
+}
+</script>
+
+<style scoped>
+.el-main {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/config/index.vue b/src/frontend/admin/src/views/sys/config/index.vue
new file mode 100644
index 00000000..75118948
--- /dev/null
+++ b/src/frontend/admin/src/views/sys/config/index.vue
@@ -0,0 +1,140 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <na-button-add :vue="this"></na-button-add>
+                <el-button :disabled="selection.length === 0" icon="el-icon-delete" plain type="danger" @click="batchDel"></el-button>
+            </div>
+            <div class="right-panel"></div>
+        </el-header>
+        <el-main class="nopadding">
+            <sc-table
+                ref="table"
+                :apiObj="$API.sys_config.pagedQuery"
+                row-key="id"
+                stripe
+                @selection-change="
+                    (items) => {
+                        selection = items
+                    }
+                ">
+                <el-table-column type="selection"></el-table-column>
+                <el-table-column label="配置编号" prop="id"></el-table-column>
+                <el-table-column label="用户注册">
+                    <el-table-column label="默认部门" prop="userRegisterDept.name"></el-table-column>
+                    <el-table-column label="默认角色" prop="userRegisterRole.name"></el-table-column>
+                    <el-table-column label="人工审核" prop="userRegisterConfirm">
+                        <template #default="scope">
+                            <el-switch v-model="scope.row.userRegisterConfirm" @change="changeSwitch($event, scope.row)"></el-switch>
+                        </template>
+                    </el-table-column>
+                </el-table-column>
+
+                <el-table-column label="启用" prop="enabled">
+                    <template #default="scope">
+                        <el-switch v-model="scope.row.enabled" @change="changeSwitch($event, scope.row)"></el-switch>
+                    </template>
+                </el-table-column>
+                <na-col-operation
+                    :buttons="
+                        naColOperation.buttons.concat({
+                            icon: 'el-icon-delete',
+                            confirm: true,
+                            title: '删除部门',
+                            click: rowDel,
+                        })
+                    "
+                    :vue="this" />
+            </sc-table>
+        </el-main>
+    </el-container>
+
+    <save-dialog
+        v-if="dialog.save"
+        ref="saveDialog"
+        @closed="dialog.save = false"
+        @success="(data, mode) => table.handleUpdate($refs.table, data, mode)"></save-dialog>
+</template>
+
+<script>
+import saveDialog from './save'
+import naColOperation from '@/config/naColOperation'
+import table from '@/config/table'
+
+export default {
+    computed: {
+        table() {
+            return table
+        },
+        naColOperation() {
+            return naColOperation
+        },
+    },
+    components: {
+        saveDialog,
+    },
+    data() {
+        return {
+            dialog: {
+                save: false,
+                info: false,
+            },
+            selection: [],
+            search: {
+                dynamicFilter: {
+                    field: 'id',
+                    operator: 'contains',
+                    value: '',
+                },
+            },
+        }
+    },
+    mounted() {},
+    methods: {
+        //表格内开关事件
+        async changeSwitch(event, row) {
+            try {
+                await this.$API.sys_config.update.post(row)
+                this.$message.success(`操作成功`)
+            } catch {
+                //
+            }
+            this.$refs.table.refresh()
+        },
+        //删除明细
+        async rowDel(row) {
+            try {
+                const res = await this.$API.sys_config.delete.post({ id: row.id })
+                this.$refs.table.refresh()
+                this.$message.success(`删除 ${res.data} 项`)
+            } catch {
+                //
+            }
+        },
+        //批量删除
+        async batchDel() {
+            const confirmRes = await this.$confirm(`确定删除选中的 ${this.selection.length} 项吗？`, '提示', {
+                type: 'warning',
+                confirmButtonText: '删除',
+                confirmButtonClass: 'el-button--danger',
+            }).catch(() => {})
+
+            if (!confirmRes) {
+                return false
+            }
+
+            try {
+                await this.$API.sys_config.bulkDelete.post({
+                    items: this.selection,
+                })
+                this.$refs.table.removeKeys(this.selection.map((x) => x.id))
+                this.$message.success('操作成功')
+            } catch {
+                //
+            }
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/config/save.vue b/src/frontend/admin/src/views/sys/config/save.vue
new file mode 100644
index 00000000..2bad2e69
--- /dev/null
+++ b/src/frontend/admin/src/views/sys/config/save.vue
@@ -0,0 +1,108 @@
+<template>
+    <el-dialog v-model="visible" :title="titleMap[mode]" destroy-on-close @closed="$emit('closed')">
+        <el-tabs tab-position="top">
+            <el-tab-pane label="基本信息">
+                <el-form ref="dialogForm" :disabled="mode === 'view'" :model="form" :rules="rules" label-width="100px">
+                    <el-collapse>
+                        <el-collapse-item name="1" title="用户注册设置">
+                            <div style="margin: 10px">
+                                <el-form-item label="默认角色" prop="userRegisterRoleId">
+                                    <sc-select
+                                        v-model="form.userRegisterRoleId"
+                                        :apiObj="$API.sys_role.query"
+                                        :config="{ props: { label: 'name', value: 'id' } }"
+                                        clearable
+                                        filterable />
+                                </el-form-item>
+                                <el-form-item label="默认部门" prop="userRegisterDeptId">
+                                    <na-dept v-model="form.userRegisterDeptId"></na-dept>
+                                </el-form-item>
+                                <el-form-item label="开启人工审核" prop="userRegisterConfirm">
+                                    <el-switch v-model="form.userRegisterConfirm"></el-switch>
+                                </el-form-item>
+                            </div>
+                        </el-collapse-item>
+                        <el-collapse-item name="2" title="其他设置"></el-collapse-item>
+                    </el-collapse>
+
+                    <el-form-item label="启用" prop="enabled">
+                        <el-switch v-model="form.enabled"></el-switch>
+                    </el-form-item>
+                </el-form>
+            </el-tab-pane>
+            <el-tab-pane v-if="mode === 'view'" label="Json">
+                <json-viewer :expand-depth="5" :expanded="true" :value="form" boxed copyable sort></json-viewer>
+            </el-tab-pane>
+        </el-tabs>
+
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button v-if="mode !== 'view'" :loading="loading" type="primary" @click="submit">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+import JsonViewer from 'vue-json-viewer'
+
+export default {
+    components: {
+        JsonViewer,
+    },
+    emits: ['success', 'closed'],
+    data() {
+        return {
+            mode: 'add',
+            titleMap: {
+                add: '新增配置',
+                edit: '编辑配置',
+                view: '查看配置',
+            },
+            visible: false,
+            loading: false,
+            //表单数据
+            form: {
+                enabled: true,
+            },
+            //验证规则
+            rules: {
+                userRegisterDeptId: [{ required: true, message: '请选择默认部门' }],
+                userRegisterRoleId: [{ required: true, message: '请选择默认角色' }],
+            },
+        }
+    },
+    mounted() {},
+    methods: {
+        //显示
+        open(mode = 'add', data) {
+            this.mode = mode
+            this.visible = true
+            if (data) {
+                Object.assign(this.form, data)
+            }
+            return this
+        },
+        //表单提交方法
+        async submit() {
+            const valid = await this.$refs.dialogForm.validate().catch(() => {})
+            if (!valid) {
+                return false
+            }
+
+            this.loading = true
+            try {
+                const method = this.mode === 'add' ? this.$API.sys_config.create : this.$API.sys_config.update
+                const res = await method.post(this.form)
+                this.$emit('success', res.data, this.mode)
+                this.visible = false
+                this.$message.success('操作成功')
+            } catch {
+                ///
+            }
+            this.loading = false
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/dept/index.vue b/src/frontend/admin/src/views/sys/dept/index.vue
new file mode 100644
index 00000000..e9c3bdc7
--- /dev/null
+++ b/src/frontend/admin/src/views/sys/dept/index.vue
@@ -0,0 +1,167 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <na-search
+                    :controls="[
+                        {
+                            type: 'input',
+                            field: ['root', 'keywords'],
+                            placeholder: '部门编号 / 部门名称 / 备注',
+                            style: 'width:20rem',
+                        },
+                        {
+                            type: 'select',
+                            field: ['dy', 'enabled'],
+                            options: [
+                                { label: '启用', value: true },
+                                { label: '禁用', value: false },
+                            ],
+                            placeholder: '状态',
+                        },
+                    ]"
+                    :vue="this"
+                    @search="onSearch" />
+            </div>
+            <div class="right-panel">
+                <na-button-add :vue="this"></na-button-add>
+                <el-button :disabled="selection.length === 0" icon="el-icon-delete" plain type="danger" @click="batchDel"></el-button>
+            </div>
+        </el-header>
+        <el-main class="nopadding">
+            <sc-table
+                ref="table"
+                :apiObj="$API.sys_dept.query"
+                :default-sort="{ prop: 'sort', order: 'descending' }"
+                :params="query"
+                default-expand-all
+                hidePagination
+                remote-filter
+                remote-sort
+                row-key="id"
+                stripe
+                @selection-change="
+                    (items) => {
+                        selection = items
+                    }
+                ">
+                <el-table-column type="selection" width="50"></el-table-column>
+                <el-table-column label="部门编号" prop="id" sortable="custom"></el-table-column>
+                <el-table-column label="部门名称" prop="name" sortable="custom"></el-table-column>
+                <el-table-column label="排序" prop="sort" sortable="custom"></el-table-column>
+                <na-col-indicator
+                    :options="[
+                        { text: '启用', type: 'success', value: true },
+                        { text: '禁用', type: 'danger', value: false, pulse: true },
+                    ]"
+                    label="状态"
+                    prop="enabled"></na-col-indicator>
+                <el-table-column label="创建时间" prop="createdTime" sortable="custom"></el-table-column>
+                <el-table-column label="备注" prop="summary"></el-table-column>
+                <na-col-operation
+                    :buttons="
+                        naColOperation.buttons.concat({
+                            icon: 'el-icon-delete',
+                            confirm: true,
+                            title: '删除部门',
+                            click: rowDel,
+                        })
+                    "
+                    :vue="this" />
+            </sc-table>
+        </el-main>
+    </el-container>
+
+    <save-dialog
+        v-if="dialog.save"
+        ref="saveDialog"
+        @closed="dialog.save = false"
+        @success="(data, mode) => table.handleUpdate($refs.table, data, mode)"></save-dialog>
+</template>
+
+<script>
+import saveDialog from './save'
+import naColOperation from '@/config/naColOperation'
+import table from '@/config/table'
+
+export default {
+    computed: {
+        table() {
+            return table
+        },
+        naColOperation() {
+            return naColOperation
+        },
+    },
+    components: {
+        saveDialog,
+    },
+    data() {
+        return {
+            query: {
+                dynamicFilter: {
+                    filters: [],
+                },
+                filter: {},
+            },
+            dialog: {
+                save: false,
+            },
+            selection: [],
+        }
+    },
+    methods: {
+        //删除
+        async rowDel(row) {
+            try {
+                const res = await this.$API.sys_dept.delete.post({ id: row.id })
+                this.$refs.table.refresh()
+                this.$message.success(`删除 ${res.data} 项`)
+            } catch {
+                //
+            }
+        },
+        //批量删除
+        async batchDel() {
+            let loading
+            try {
+                await this.$confirm(`确定删除选中的 ${this.selection.length} 项吗？`, '提示', {
+                    type: 'warning',
+                })
+                loading = this.$loading()
+                const res = await this.$API.sys_dept.bulkDelete.post({
+                    items: this.selection,
+                })
+                this.$refs.table.refresh()
+                this.$message.success(`删除 ${res.data} 项`)
+            } catch {
+                //
+            }
+            loading?.close()
+        },
+
+        //搜索
+        onSearch(form) {
+            if (Array.isArray(form.dy.createdTime)) {
+                this.query.dynamicFilter.filters.push({
+                    field: 'createdTime',
+                    operator: 'dateRange',
+                    value: form.dy.createdTime,
+                })
+            }
+
+            if (typeof form.dy.enabled === 'boolean') {
+                this.query.dynamicFilter.filters.push({
+                    field: 'enabled',
+                    operator: 'eq',
+                    value: form.dy.enabled,
+                })
+            }
+
+            this.$refs.table.upData()
+        },
+    },
+}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/dept/save.vue b/src/frontend/admin/src/views/sys/dept/save.vue
new file mode 100644
index 00000000..5a7b7ce2
--- /dev/null
+++ b/src/frontend/admin/src/views/sys/dept/save.vue
@@ -0,0 +1,121 @@
+<template>
+    <el-dialog v-model="visible" :title="titleMap[mode]" :width="500" destroy-on-close @closed="$emit('closed')">
+        <el-tabs tab-position="top">
+            <el-tab-pane label="基本信息">
+                <el-form ref="dialogForm" :disabled="mode === 'view'" :model="form" :rules="rules" label-width="100px">
+                    <el-form-item label="上级部门" prop="parentId">
+                        <el-cascader
+                            v-model="form.parentId"
+                            :options="depts"
+                            :props="deptsProps"
+                            :show-all-levels="false"
+                            clearable
+                            style="width: 100%"></el-cascader>
+                    </el-form-item>
+                    <el-form-item label="部门名称" prop="name">
+                        <el-input v-model="form.name" clearable placeholder="请输入部门名称"></el-input>
+                    </el-form-item>
+                    <el-form-item label="排序" prop="sort">
+                        <el-input-number v-model="form.sort" :min="0" controls-position="right" style="width: 100%"></el-input-number>
+                    </el-form-item>
+                    <el-form-item label="启用" prop="enabled">
+                        <el-switch v-model="form.enabled"></el-switch>
+                    </el-form-item>
+                    <el-form-item label="备注" prop="summary">
+                        <el-input v-model="form.summary" clearable type="textarea"></el-input>
+                    </el-form-item>
+                </el-form>
+            </el-tab-pane>
+            <el-tab-pane v-if="mode === 'view'" label="Json">
+                <json-viewer :expand-depth="5" :expanded="true" :value="form" boxed copyable sort></json-viewer>
+            </el-tab-pane>
+        </el-tabs>
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button v-if="mode !== 'view'" :loading="loading" type="primary" @click="submit">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+import JsonViewer from 'vue-json-viewer'
+
+export default {
+    components: {
+        JsonViewer,
+    },
+    emits: ['success', 'closed'],
+    data() {
+        return {
+            mode: 'add',
+            titleMap: {
+                add: '新增部门',
+                edit: '编辑部门',
+                view: '查看部门',
+            },
+            visible: false,
+            loading: false,
+            //表单数据
+            form: { enabled: true, sort: 100 },
+            //验证规则
+            rules: {
+                sort: [
+                    {
+                        required: true,
+                        message: '请输入排序',
+                        trigger: 'change',
+                    },
+                ],
+                name: [{ required: true, message: '请输入部门名称' }],
+            },
+            //所需数据选项
+            depts: [],
+            deptsProps: {
+                label: 'name',
+                value: 'id',
+                emitPath: false,
+                checkStrictly: true,
+            },
+        }
+    },
+    mounted() {
+        this.getGroup()
+    },
+    methods: {
+        //显示
+        open(mode = 'add', data) {
+            this.mode = mode
+            if (data) {
+                Object.assign(this.form, data)
+            }
+            this.visible = true
+            return this
+        },
+        //加载树数据
+        async getGroup() {
+            const res = await this.$API.sys_dept.query.post()
+            this.depts = res.data
+        },
+        //表单提交方法
+        submit() {
+            this.$refs.dialogForm.validate(async (valid) => {
+                if (valid) {
+                    this.loading = true
+                    try {
+                        const method = this.mode === 'add' ? this.$API.sys_dept.create : this.$API.sys_dept.update
+                        const res = await method.post(this.form)
+                        this.$emit('success', res.data, this.mode)
+                        this.visible = false
+                        this.$message.success('操作成功')
+                    } catch {
+                        //
+                    }
+                    this.loading = false
+                }
+            })
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/dic/index.vue b/src/frontend/admin/src/views/sys/dic/index.vue
new file mode 100644
index 00000000..5aab81f3
--- /dev/null
+++ b/src/frontend/admin/src/views/sys/dic/index.vue
@@ -0,0 +1,158 @@
+<template>
+    <el-container>
+        <el-aside v-loading="loading" width="300px">
+            <el-container>
+                <el-header>
+                    <el-input v-model="filterText" clearable placeholder="输入关键字进行过滤"></el-input>
+                </el-header>
+                <el-main class="nopadding">
+                    <el-tree
+                        ref="dic"
+                        :data="data"
+                        :expand-on-click-node="false"
+                        :filter-node-method="filterNode"
+                        :highlight-current="true"
+                        :props="{
+                            label: 'name',
+                        }"
+                        default-expand-all
+                        node-key="id"
+                        @node-click="click">
+                        <template #default="{ _, data }">
+                            <div class="custom-tree-node">
+                                <span>{{ data.name }} {{ data.code }}</span>
+                                <span class="btn">
+                                    <el-button-group size="small">
+                                        <el-button icon="el-icon-edit" @click.stop="edit(data)"></el-button>
+                                        <el-popconfirm :title="`确定删除 ${data.name} 吗？`" @confirm="del(data)">
+                                            <template #reference>
+                                                <el-button icon="el-icon-delete" @click.stop="() => {}"></el-button>
+                                            </template>
+                                        </el-popconfirm>
+                                    </el-button-group>
+                                </span>
+                            </div>
+                        </template>
+                    </el-tree>
+                </el-main>
+                <el-footer>
+                    <el-button icon="el-icon-plus" size="small" style="width: 100%" type="primary" @click="add">字典分类</el-button>
+                </el-footer>
+            </el-container>
+        </el-aside>
+        <list :catalogId="form.catalogId" />
+    </el-container>
+    <save-dialog v-if="dialog.save" ref="saveDialog" @closed="dialog.save = false" @success="getData"></save-dialog>
+</template>
+
+<script>
+import saveDialog from './save'
+import list from './list'
+
+export default {
+    components: {
+        list,
+        saveDialog,
+    },
+    data() {
+        return {
+            form: {},
+            dialog: {
+                save: false,
+            },
+            loading: false,
+            data: [],
+            filterText: '',
+            query: {
+                dynamicFilter: {
+                    filters: [],
+                },
+                filter: {},
+            },
+        }
+    },
+    watch: {
+        filterText(val) {
+            this.$refs.dic.filter(val)
+        },
+    },
+    mounted() {
+        this.getData()
+    },
+    methods: {
+        // 获取字典目录
+        async getData() {
+            this.loading = true
+            const res = await this.$API.sys_dic.queryCatalog.post()
+            this.loading = false
+            this.data = res.data
+
+            //获取第一个节点,设置选中 & 加载明细列表
+            if (this.data.length > 0) {
+                await this.$nextTick()
+                this.$refs.dic.setCurrentKey(this.data[0].id)
+                this.form.catalogId = this.data[0].id
+            }
+        },
+        //字典目录过滤
+        filterNode(value, data) {
+            if (!value) return true
+            const targetText = data.name + data.code
+            return targetText.indexOf(value) !== -1
+        },
+        //字典目录增加
+        async add() {
+            this.dialog.save = true
+            await this.$nextTick()
+            this.$refs.saveDialog.open()
+        },
+        //字典目录编辑
+        async edit(data) {
+            this.dialog.save = true
+            await this.$nextTick()
+            this.$refs.saveDialog.open('edit', data)
+        },
+        //字典目录点击
+        click(data) {
+            this.form.catalogId = data.id
+        },
+        //字典目录删除
+        async del(data) {
+            this.loading = true
+            try {
+                await this.$API.sys_dic.deleteCatalog.post({
+                    id: data.id,
+                })
+                this.$message.success('操作成功')
+            } catch {
+                //
+            }
+            this.loading = false
+            await this.getData()
+        },
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+.custom-tree-node {
+    display: flex;
+    flex-grow: 1;
+    align-items: center;
+    justify-content: space-between;
+    margin-right: 2rem;
+
+    .btn {
+        display: none;
+        gap: 1rem;
+    }
+
+    &:hover .btn {
+        display: flex;
+    }
+}
+
+::v-deep .el-tree-node__content {
+    height: 3rem;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/dic/list/index.vue b/src/frontend/admin/src/views/sys/dic/list/index.vue
new file mode 100644
index 00000000..0e8af6ce
--- /dev/null
+++ b/src/frontend/admin/src/views/sys/dic/list/index.vue
@@ -0,0 +1,145 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <na-search
+                    ref="search"
+                    :controls="[
+                        {
+                            type: 'input',
+                            field: ['dy', 'keywords'],
+                            placeholder: '项名 / 项值',
+                        },
+                    ]"
+                    :vue="this"
+                    @search="onSearch" />
+            </div>
+            <div class="right-panel">
+                <na-button-add :data="{ catalogId: this.catalogId }" :vue="this" />
+                <na-button-batch-del :api="$API.sys_dic.bulkDeleteContent" :vue="this" />
+            </div>
+        </el-header>
+        <el-main class="nopadding">
+            <sc-table
+                ref="table"
+                :apiObj="$API.sys_dic.pagedQueryContent"
+                :before-post="(data) => data.dynamicFilter.filters.length > 0"
+                :default-sort="{ prop: 'createdTime', order: 'descending' }"
+                :params="query"
+                remote-sort
+                row-key="id"
+                stripe
+                @selection-change="
+                    (items) => {
+                        selection = items
+                    }
+                ">
+                <el-table-column type="selection" width="50"></el-table-column>
+                <el-table-column label="项名" prop="key" sortable="custom"></el-table-column>
+                <el-table-column label="项值" prop="value" sortable="custom"></el-table-column>
+                <el-table-column label="创建时间" prop="createdTime" sortable="custom"></el-table-column>
+                <na-col-operation
+                    :buttons="
+                        naColOperation.buttons.concat({
+                            icon: 'el-icon-delete',
+                            confirm: true,
+                            title: '删除字典项',
+                            click: rowDel,
+                        })
+                    "
+                    :vue="this"></na-col-operation>
+            </sc-table>
+        </el-main>
+    </el-container>
+    <save-dialog
+        v-if="dialog.save"
+        ref="saveDialog"
+        @closed="dialog.save = false"
+        @success="(data, mode) => table.handleUpdate($refs.table, data, mode)"></save-dialog>
+</template>
+<script>
+import saveDialog from './save'
+import table from '@/config/table'
+import naColOperation from '@/config/naColOperation'
+
+export default {
+    computed: {
+        naColOperation() {
+            return naColOperation
+        },
+        table() {
+            return table
+        },
+    },
+    components: { saveDialog },
+    props: { catalogId: Number },
+    data() {
+        return {
+            dialog: {
+                save: false,
+            },
+            selection: [],
+            query: {
+                dynamicFilter: {
+                    filters: [],
+                },
+                filter: {},
+            },
+        }
+    },
+    watch: {
+        catalogId() {
+            this.$refs.search.reset()
+        },
+    },
+    methods: {
+        //搜索
+        onSearch(form) {
+            this.query.dynamicFilter.filters.push({
+                field: 'catalogId',
+                value: this.catalogId,
+                operator: 'eq',
+            })
+
+            if (Array.isArray(form.dy.createdTime)) {
+                this.query.dynamicFilter.filters.push({
+                    field: 'createdTime',
+                    operator: 'dateRange',
+                    value: form.dy.createdTime,
+                })
+            }
+
+            if (form.dy.keywords) {
+                this.query.dynamicFilter.filters.push({
+                    logic: 'or',
+                    filters: [
+                        {
+                            field: 'key',
+                            operator: 'contains',
+                            value: form.dy.keywords,
+                        },
+                        {
+                            field: 'value',
+                            operator: 'contains',
+                            value: form.dy.keywords,
+                        },
+                    ],
+                })
+            }
+
+            this.$refs.table.upData()
+        },
+
+        //删除
+        async rowDel(row) {
+            try {
+                const res = await this.$API.sys_dic.deleteContent.post({ id: row.id })
+                this.$refs.table.refresh()
+                this.$message.success(`删除 ${res.data} 项`)
+            } catch {
+                //
+            }
+        },
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/dic/list/save.vue b/src/frontend/admin/src/views/sys/dic/list/save.vue
new file mode 100644
index 00000000..1b740ce4
--- /dev/null
+++ b/src/frontend/admin/src/views/sys/dic/list/save.vue
@@ -0,0 +1,88 @@
+<template>
+    <el-dialog v-model="visible" :title="titleMap[mode]" :width="400" destroy-on-close @closed="$emit('closed')">
+        <el-tabs tab-position="top">
+            <el-tab-pane label="基本信息">
+                <el-form ref="dialogForm" :disabled="mode === 'view'" :model="form" :rules="rules" label-width="100px">
+                    <el-form-item label="所属字典" prop="catalogId">
+                        <na-dic-catalog v-model="form.catalogId" />
+                    </el-form-item>
+                    <el-form-item label="项名" prop="key">
+                        <el-input v-model="form.key" clearable></el-input>
+                    </el-form-item>
+                    <el-form-item label="项值" prop="value">
+                        <el-input v-model="form.value" clearable></el-input>
+                    </el-form-item>
+                </el-form>
+            </el-tab-pane>
+            <el-tab-pane v-if="mode === 'view'" label="Json">
+                <json-viewer :expand-depth="5" :expanded="true" :value="form" boxed copyable sort></json-viewer>
+            </el-tab-pane>
+        </el-tabs>
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button v-if="mode !== 'view'" :loading="loading" type="primary" @click="submit">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+import JsonViewer from 'vue-json-viewer'
+
+export default {
+    components: {
+        JsonViewer,
+    },
+    emits: ['success', 'closed'],
+    data() {
+        return {
+            mode: 'add',
+            titleMap: {
+                view: '查看字典',
+                add: '新增字典',
+                edit: '编辑字典',
+            },
+            visible: false,
+            loading: false,
+            form: {},
+            rules: {
+                catalogId: [{ required: true, message: '请选择所属字典' }],
+                key: [{ required: true, message: '请输入项名' }],
+                value: [{ required: true, message: '请输入项值' }],
+            },
+        }
+    },
+    mounted() {},
+    methods: {
+        //显示
+        open(mode = 'add', data) {
+            this.mode = mode
+            if (data) {
+                Object.assign(this.form, data)
+            }
+            this.visible = true
+            return this
+        },
+        //表单提交方法
+        async submit() {
+            const valid = await this.$refs.dialogForm.validate().catch(() => {})
+            if (!valid) {
+                return false
+            }
+
+            this.loading = true
+            try {
+                const method = this.mode === 'add' ? this.$API.sys_dic.createContent : this.$API.sys_dic.updateContent
+                const res = await method.post(this.form)
+                this.$emit('success', res.data, this.mode)
+                this.visible = false
+                this.$message.success('操作成功')
+            } catch {
+                //
+            }
+            this.loading = false
+        },
+    },
+}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/dic/save.vue b/src/frontend/admin/src/views/sys/dic/save.vue
new file mode 100644
index 00000000..c4f00d0a
--- /dev/null
+++ b/src/frontend/admin/src/views/sys/dic/save.vue
@@ -0,0 +1,74 @@
+<template>
+    <el-dialog v-model="visible" :title="titleMap[mode]" :width="400" destroy-on-close @closed="$emit('closed')">
+        <el-form ref="dialogForm" :model="form" :rules="rules" label-width="100px">
+            <el-form-item label="字典名称" prop="name">
+                <el-input v-model="form.name" clearable placeholder="字典显示名称"></el-input>
+            </el-form-item>
+            <el-form-item label="编码" prop="code">
+                <el-input v-model="form.code" clearable placeholder="字典编码"></el-input>
+            </el-form-item>
+            <el-form-item label="父路径" prop="parentId">
+                <na-dic-catalog v-model="form.parentId" />
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button :loading="loading" type="primary" @click="submit">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+export default {
+    emits: ['success', 'closed'],
+    data() {
+        return {
+            mode: 'add',
+            titleMap: {
+                add: '新增字典',
+                edit: '编辑字典',
+            },
+            visible: false,
+            loading: false,
+            form: {},
+            rules: {
+                code: [{ required: true, message: '请输入编码' }],
+                name: [{ required: true, message: '请输入字典名称' }],
+            },
+        }
+    },
+    mounted() {},
+    methods: {
+        //显示
+        open(mode = 'add', data) {
+            this.mode = mode
+            this.visible = true
+            if (data) {
+                Object.assign(this.form, data)
+            }
+            return this
+        },
+        //表单提交方法
+        async submit() {
+            const valid = await this.$refs.dialogForm.validate().catch(() => {})
+            if (!valid) {
+                return false
+            }
+
+            this.loading = true
+            try {
+                const method = this.mode === 'add' ? this.$API.sys_dic.createCatalog : this.$API.sys_dic.updateCatalog
+                const res = await method.post(this.form)
+                this.$emit('success', res.data, this.mode)
+                this.visible = false
+                this.$message.success('操作成功')
+            } catch {
+                //
+            }
+            this.loading = false
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/log/index.vue b/src/frontend/admin/src/views/sys/log/index.vue
new file mode 100644
index 00000000..e565f963
--- /dev/null
+++ b/src/frontend/admin/src/views/sys/log/index.vue
@@ -0,0 +1,172 @@
+<template>
+    <el-container>
+        <el-main class="nopadding">
+            <el-container>
+                <el-header>
+                    <div class="left-panel">
+                        <na-search
+                            :controls="[
+                                {
+                                    type: 'input',
+                                    field: ['filter', 'id'],
+                                    placeholder: '日志编号',
+                                },
+                                {
+                                    multiple: true,
+                                    type: 'select',
+                                    field: ['dy', 'httpStatusCode'],
+                                    options: [
+                                        { label: '20x', value: '200,299' },
+                                        { label: '30x', value: '300,399' },
+                                        { label: '40x', value: '400,499' },
+                                        { label: '50x', value: '500,599' },
+                                        { label: '90x', value: '900,999' },
+                                    ],
+                                    placeholder: '状态码',
+                                },
+                                {
+                                    type: 'cascader',
+                                    field: ['dy', 'apiId'],
+                                    api: $API.sys_api.query,
+                                    props: { label: 'summary', value: 'id', checkStrictly: true, expandTrigger: 'hover', emitPath: false },
+                                    placeholder: '请求服务',
+                                },
+                                {
+                                    type: 'input',
+                                    field: ['dy', 'createdUserName'],
+                                    placeholder: '用户',
+                                },
+                                {
+                                    type: 'input',
+                                    field: ['dy', 'createdClientIp'],
+                                    placeholder: '客户端IP',
+                                },
+                            ]"
+                            :vue="this"
+                            @search="onSearch" />
+                    </div>
+                    <div class="right-panel"></div>
+                </el-header>
+                <el-main class="nopadding">
+                    <sc-table
+                        ref="table"
+                        :apiObj="$API.sys_log.pagedQuery"
+                        :default-sort="{ prop: 'createdTime', order: 'descending' }"
+                        :params="query"
+                        remoteFilter
+                        remoteSort
+                        stripe
+                        @row-click="rowClick">
+                        <el-table-column label="日志编号" prop="id" sortable="custom" width="150"></el-table-column>
+                        <el-table-column label="日志时间" prop="createdTime" sortable="custom" width="170"></el-table-column>
+                        <el-table-column label="响应码" prop="httpStatusCode" sortable="custom" width="90"></el-table-column>
+                        <el-table-column label="请求服务">
+                            <el-table-column label="路径" min-width="150" prop="apiId" sortable="custom"></el-table-column>
+                            <el-table-column label="描述" prop="apiSummary"></el-table-column>
+                            <el-table-column label="方法" prop="method" sortable="custom" width="100"></el-table-column>
+                            <el-table-column align="right" label="耗时(毫秒)" prop="duration" sortable="custom" width="120">
+                                <template #default="scope">
+                                    {{ (scope.row.duration / 1000).toFixed(2) }}
+                                </template>
+                            </el-table-column>
+                        </el-table-column>
+                        <el-table-column label="用户" prop="createdUserName" sortable="custom">
+                            <template #default="scope">
+                                {{ scope.row.apiId === 'api/sys/user/pwd.login' ? scope.row.extraData : scope.row.createdUserName }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="客户端IP" prop="createdClientIp" sortable="custom" width="150"></el-table-column>
+                        <el-table-column label="操作系统" prop="os" sortable="custom"></el-table-column>
+                    </sc-table>
+                </el-main>
+            </el-container>
+        </el-main>
+    </el-container>
+
+    <na-info v-if="dialog.info" ref="info"></na-info>
+</template>
+
+<script>
+import naInfo from '@/components/naInfo/index.vue'
+import tool from '@/utils/tool'
+
+export default {
+    components: {
+        naInfo,
+    },
+    watch: {},
+    data() {
+        return {
+            query: {
+                dynamicFilter: {
+                    filters: [],
+                },
+                filter: {},
+            },
+            dialog: {
+                info: false,
+            },
+        }
+    },
+    mounted() {},
+    methods: {
+        //搜索
+        onSearch(form) {
+            if (Array.isArray(form.dy.createdTime)) {
+                this.query.dynamicFilter.filters.push({
+                    field: 'createdTime',
+                    operator: 'dateRange',
+                    value: form.dy.createdTime,
+                })
+            }
+            if (Array.isArray(form.dy.httpStatusCode) && form.dy.httpStatusCode.length !== 0) {
+                const filters = []
+                for (const code of form.dy.httpStatusCode) {
+                    filters.push({
+                        field: 'httpStatusCode',
+                        operator: 'range',
+                        value: code,
+                    })
+                }
+                this.query.dynamicFilter.filters.push({
+                    logic: 'or',
+                    filters: filters,
+                })
+            }
+            if (form.dy.apiId) {
+                this.query.dynamicFilter.filters.push({
+                    field: 'apiId',
+                    operator: 'contains',
+                    value: form.dy.apiId,
+                })
+            }
+            if (form.dy.createdUserName) {
+                this.query.dynamicFilter.filters.push({
+                    field: 'createdUserName',
+                    operator: 'contains',
+                    value: form.dy.createdUserName,
+                })
+            }
+            if (form.dy.createdClientIp) {
+                this.query.dynamicFilter.filters.push({
+                    field: 'createdClientIp',
+                    operator: 'contains',
+                    value: form.dy.createdClientIp,
+                })
+            }
+            this.$refs.table.upData()
+        },
+
+        async rowClick(row) {
+            this.dialog.info = true
+            await this.$nextTick()
+            const res = await this.$API.sys_log.query.post({
+                filter: { id: row.id },
+            })
+            this.$refs.info.open(tool.sortProperties(res.data[0]), `日志详情：${row.id}`)
+        },
+    },
+}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/menu/index.vue b/src/frontend/admin/src/views/sys/menu/index.vue
new file mode 100644
index 00000000..01326029
--- /dev/null
+++ b/src/frontend/admin/src/views/sys/menu/index.vue
@@ -0,0 +1,194 @@
+<template>
+    <el-container>
+        <el-aside v-loading="loading" width="300px">
+            <el-container>
+                <el-header>
+                    <el-input v-model="filterText" clearable placeholder="输入关键字进行过滤"></el-input>
+                </el-header>
+                <el-main class="nopadding">
+                    <el-tree
+                        ref="tree"
+                        :check-strictly="true"
+                        :data="treeList"
+                        :default-expand-all="true"
+                        :expand-on-click-node="false"
+                        :filter-node-method="treeFilterNode"
+                        :props="{
+                            label: (data) => {
+                                return data.meta.title
+                            },
+                        }"
+                        draggable
+                        highlight-current
+                        node-key="id"
+                        show-checkbox
+                        @node-click="treeClick">
+                        <template #default="{ node, data }">
+                            <div class="custom-tree-node">
+                                <span>{{ node.label }}</span>
+                                <span class="btn">
+                                    <el-button-group size="small">
+                                        <el-button icon="el-icon-plus" @click.stop="add(node, data)"></el-button>
+                                        <el-popconfirm :title="`确定删除 ${data.meta.title} 吗？`" @confirm="del(node, data)">
+                                            <template #reference>
+                                                <el-button icon="el-icon-delete" @click.stop="() => {}"></el-button>
+                                            </template>
+                                        </el-popconfirm>
+                                    </el-button-group>
+                                </span>
+                            </div>
+                        </template>
+                    </el-tree>
+                </el-main>
+                <el-footer>
+                    <el-button icon="el-icon-plus" size="small" type="primary" @click="add()"></el-button>
+                    <el-button icon="el-icon-delete" plain size="small" type="danger" @click="batchDel"></el-button>
+                </el-footer>
+            </el-container>
+        </el-aside>
+        <el-container>
+            <el-main ref="main" class="main">
+                <save ref="save" :tree="treeList" @success="handleSuccess"></save>
+            </el-main>
+        </el-container>
+    </el-container>
+</template>
+<script>
+import save from './save'
+
+export default {
+    components: {
+        save,
+    },
+    data() {
+        return {
+            loading: false,
+            treeList: [],
+            filterText: '',
+        }
+    },
+    watch: {
+        filterText(val) {
+            this.$refs.tree.filter(val)
+        },
+    },
+    mounted() {
+        this.getTree()
+    },
+    methods: {
+        //加载树数据
+        async getTree() {
+            this.loading = true
+            const res = await this.$API.sys_menu.query.post()
+            this.loading = false
+            this.treeList = res.data
+        },
+        //树点击
+        treeClick(data, node) {
+            this.$refs.save.setData(data, node.level === 1 ? 0 : node.parent.data.id)
+            this.$refs.main.$el.scrollTop = 0
+        },
+        //树过滤
+        treeFilterNode(value, data) {
+            if (!value) return true
+            const targetText = data.meta.title
+            return targetText.indexOf(value) !== -1
+        },
+        //增加
+        async add(node, data) {
+            const newData = {
+                parentId: data ? data.id : 0,
+                name: Math.random().toString(),
+                path: Math.random().toString(),
+                meta: {
+                    title: '未命名',
+                    type: 'menu',
+                },
+            }
+            this.loading = true
+            const res = await this.$API.sys_menu.create.post(newData)
+            this.loading = false
+            Object.assign(newData, res.data)
+            this.$refs.tree.append(newData, node)
+            this.$refs.tree.setCurrentKey(newData.id)
+            this.$refs.save.setData(newData, node ? node.data.id : '')
+        }, //删除
+        async del(node, data) {
+            this.loading = true
+            try {
+                const res = await this.$API.sys_menu.delete.post({ id: data.id })
+                this.$message.success(`删除 ${res.data} 项`)
+            } catch {
+                //
+            }
+            this.handleSuccess()
+            this.loading = false
+        },
+        //批量删除
+        async batchDel() {
+            const checkedNodes = this.$refs.tree.getCheckedNodes()
+            if (checkedNodes.length === 0) {
+                this.$message.warning('请选择需要删除的项')
+                return false
+            }
+            try {
+                await this.$confirm('确认删除已选择的菜单吗？', '提示', {
+                    type: 'warning',
+                    confirmButtonText: '删除',
+                    confirmButtonClass: 'el-button--danger',
+                })
+            } catch {
+                return false
+            }
+
+            this.loading = true
+            try {
+                await this.$API.sys_menu.bulkDelete.post({
+                    items: checkedNodes.map((item) => ({
+                        id: item.id,
+                    })),
+                })
+                checkedNodes.forEach((item) => {
+                    if (this.$refs.tree.getNode(item).isCurrent) {
+                        this.$refs.save.setData({})
+                    }
+                    this.$refs.tree.remove(item)
+                })
+            } catch {
+                //
+            }
+            this.loading = false
+        },
+        handleSuccess() {
+            this.$refs.save.setData({})
+            this.getTree()
+        },
+    },
+}
+</script>
+<style lang="scss" scoped>
+.custom-tree-node {
+    display: flex;
+    flex-grow: 1;
+    align-items: center;
+    justify-content: space-between;
+    margin-right: 2rem;
+
+    .btn {
+        display: none;
+        gap: 1rem;
+    }
+
+    &:hover .btn {
+        display: flex;
+    }
+}
+
+.main {
+    background: var(--el-bg-color);
+}
+
+::v-deep .el-tree-node__content {
+    height: 3rem;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/menu/save.vue b/src/frontend/admin/src/views/sys/menu/save.vue
new file mode 100644
index 00000000..86df1126
--- /dev/null
+++ b/src/frontend/admin/src/views/sys/menu/save.vue
@@ -0,0 +1,163 @@
+<template>
+    <el-row :gutter="40">
+        <el-col v-if="!form.id">
+            <el-empty :image-size="100" description="请选择左侧菜单后操作"></el-empty>
+        </el-col>
+        <template v-else>
+            <el-col>
+                <h2>{{ form.meta.title || '新增菜单' }}</h2>
+                <el-form ref="dialogForm" :model="form" :rules="rules" label-width="100px">
+                    <el-form-item label="显示名称" prop="meta.title">
+                        <el-input v-model="form.meta.title" clearable placeholder="菜单显示名字"></el-input>
+                    </el-form-item>
+                    <el-form-item label="上级菜单" prop="parentId">
+                        <el-cascader
+                            v-model="form.parentId"
+                            :options="treeOptions"
+                            :props="{
+                                emitPath: false,
+                                value: 'id',
+                                label: 'title',
+                                checkStrictly: true,
+                            }"
+                            :show-all-levels="false"
+                            clearable
+                            placeholder="顶级菜单"></el-cascader>
+                    </el-form-item>
+                    <el-form-item label="类型" prop="meta.type">
+                        <el-radio-group v-model="form.meta.type">
+                            <el-radio-button v-for="(item, i) in this.$GLOBAL.enums.menuTypes" :key="i" :label="i">{{ item[1] }}</el-radio-button>
+                        </el-radio-group>
+                    </el-form-item>
+                    <el-form-item label="别名" prop="name">
+                        <el-input v-model="form.name" clearable placeholder="菜单别名"></el-input>
+                        <div class="el-form-item-msg">
+                            系统唯一且与内置组件名一致，否则导致缓存失效。如类型为Iframe的菜单，别名将代替源地址显示在地址栏
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="菜单图标" prop="meta.icon">
+                        <sc-icon-select v-model="form.meta.icon" clearable></sc-icon-select>
+                    </el-form-item>
+                    <el-form-item label="路由地址" prop="path">
+                        <el-input v-model="form.path" clearable placeholder=""></el-input>
+                    </el-form-item>
+                    <el-form-item label="排序" prop="sort">
+                        <el-input-number v-model="form.sort" :min="0" controls-position="right" style="width: 100%"></el-input-number>
+                    </el-form-item>
+                    <el-form-item label="重定向" prop="redirect">
+                        <el-input v-model="form.redirect" clearable placeholder=""></el-input>
+                    </el-form-item>
+                    <el-form-item label="菜单高亮" prop="active">
+                        <el-input v-model="form.active" clearable placeholder=""></el-input>
+                        <div class="el-form-item-msg">子节点或详情页需要高亮的上级菜单路由地址</div>
+                    </el-form-item>
+                    <el-form-item label="视图" prop="component">
+                        <el-input v-model="form.component" clearable placeholder="">
+                            <template #prepend>views/</template>
+                        </el-input>
+                        <div class="el-form-item-msg">如父节点、链接或Iframe等没有视图的菜单不需要填写</div>
+                    </el-form-item>
+                    <el-form-item label="颜色" prop="color">
+                        <el-color-picker v-model="form.meta.color" :predefine="predefineColors"></el-color-picker>
+                    </el-form-item>
+                    <el-form-item label="是否隐藏" prop="meta.hidden">
+                        <el-checkbox v-model="form.meta.hidden">隐藏菜单</el-checkbox>
+                        <el-checkbox v-model="form.meta.hiddenBreadCrumb">隐藏面包屑</el-checkbox>
+                        <div class="el-form-item-msg">菜单不显示在导航中，但用户依然可以访问，例如详情页</div>
+                    </el-form-item>
+                    <el-form-item label="整页路由" prop="fullPage">
+                        <el-switch v-model="form.meta.fullPage" />
+                    </el-form-item>
+                    <el-form-item label="标签" prop="tag">
+                        <el-input v-model="form.meta.tag" clearable placeholder=""></el-input>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button :loading="loading" type="primary" @click="save">保 存</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-col>
+        </template>
+    </el-row>
+</template>
+
+<script>
+import scIconSelect from '@/components/scIconSelect'
+
+export default {
+    components: {
+        scIconSelect,
+    },
+    props: {
+        tree: {
+            type: Object,
+            default: () => {},
+        },
+    },
+    data() {
+        return {
+            form: {
+                meta: {},
+            },
+            treeOptions: [],
+            rules: {
+                meta: {
+                    title: [{ required: true, message: '请输入显示名称' }],
+                },
+            },
+            loading: false,
+        }
+    },
+    watch: {
+        tree: {
+            handler() {
+                this.treeOptions = this.treeToMap(this.tree)
+            },
+            deep: true,
+        },
+    },
+    mounted() {},
+    methods: {
+        //简单化菜单
+        treeToMap(tree) {
+            const map = []
+            for (const item of tree) {
+                map.push({
+                    id: item.id,
+                    parentId: item.parentId,
+                    title: item.meta.title,
+                    children: item.children && item.children.length > 0 ? this.treeToMap(item.children) : null,
+                })
+            }
+            return map
+        },
+        //保存
+        async save() {
+            const valid = await this.$refs.dialogForm.validate().catch(() => {})
+            if (!valid) {
+                return false
+            }
+
+            this.loading = true
+            try {
+                const res = await this.$API.sys_menu.update.post(this.form)
+                this.$message.success('保存成功')
+                this.$emit('success', res.data)
+            } catch {
+                //
+            }
+            this.loading = false
+        },
+        //表单注入数据
+        setData(data, pid) {
+            Object.assign(this.form, data, { parentId: pid })
+        },
+    },
+}
+</script>
+
+<style scoped>
+h2 {
+    margin-bottom: 2rem;
+    text-align: center;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/role/index.vue b/src/frontend/admin/src/views/sys/role/index.vue
new file mode 100644
index 00000000..471a04ae
--- /dev/null
+++ b/src/frontend/admin/src/views/sys/role/index.vue
@@ -0,0 +1,221 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <na-search
+                    :controls="[
+                        {
+                            type: 'input',
+                            field: ['root', 'keywords'],
+                            placeholder: '角色编号 / 角色名称 / 备注',
+                            style: 'width:20rem',
+                        },
+                        {
+                            type: 'select',
+                            field: ['dy', 'enabled'],
+                            options: [
+                                { label: '启用', value: true },
+                                { label: '禁用', value: false },
+                            ],
+                            placeholder: '状态',
+                        },
+                        {
+                            type: 'select',
+                            field: ['dy', 'ignorePermissionControl'],
+                            options: [
+                                { label: '是', value: true },
+                                { label: '否', value: false },
+                            ],
+                            placeholder: '无限权限',
+                        },
+                        {
+                            type: 'select',
+                            field: ['dy', 'displayDashboard'],
+                            options: [
+                                { label: '是', value: true },
+                                { label: '否', value: false },
+                            ],
+                            placeholder: '显示仪表板',
+                        },
+                    ]"
+                    :vue="this"
+                    @search="onSearch" />
+            </div>
+            <div class="right-panel">
+                <na-button-add :vue="this"></na-button-add>
+                <el-button :disabled="selection.length === 0" icon="el-icon-delete" plain type="danger" @click="batchDel"></el-button>
+            </div>
+        </el-header>
+        <el-main class="nopadding">
+            <sc-table
+                ref="table"
+                :apiObj="$API.sys_role.pagedQuery"
+                :default-sort="{ prop: 'sort', order: 'descending' }"
+                :params="query"
+                remote-filter
+                remote-sort
+                row-key="id"
+                stripe
+                @selection-change="
+                    (items) => {
+                        selection = items
+                    }
+                ">
+                <el-table-column type="selection" width="50"></el-table-column>
+                <el-table-column label="角色编号" prop="id" sortable="custom"></el-table-column>
+                <el-table-column label="角色名称" prop="name" sortable="custom"></el-table-column>
+                <el-table-column label="排序" prop="sort" sortable="custom"></el-table-column>
+                <na-col-indicator
+                    :options="[
+                        { text: '启用', type: 'success', value: true },
+                        { text: '禁用', type: 'danger', value: false, pulse: true },
+                    ]"
+                    label="状态"
+                    prop="enabled"></na-col-indicator>
+                <na-col-indicator
+                    :options="[
+                        { text: '是', type: 'success', value: true, pulse: true },
+                        { text: '否', type: 'danger', value: false },
+                    ]"
+                    label="无限权限"
+                    prop="ignorePermissionControl"></na-col-indicator>
+
+                <el-table-column label="数据范围" prop="dataScope" sortable="custom">
+                    <template #default="scope">
+                        {{ this.$GLOBAL.enums.dataScopes[scope.row.dataScope][1] }}
+                    </template>
+                </el-table-column>
+
+                <na-col-indicator
+                    :options="[
+                        { text: '是', type: 'success', value: true },
+                        { text: '否', type: 'danger', value: false },
+                    ]"
+                    label="显示仪表板"
+                    prop="displayDashboard"></na-col-indicator>
+
+                <el-table-column label="创建时间" prop="createdTime" sortable="custom"></el-table-column>
+                <el-table-column label="备注" prop="summary"></el-table-column>
+                <na-col-operation
+                    :buttons="
+                        naColOperation.buttons.concat({
+                            icon: 'el-icon-delete',
+                            confirm: true,
+                            title: '删除角色',
+                            click: rowDel,
+                        })
+                    "
+                    :vue="this"></na-col-operation>
+            </sc-table>
+        </el-main>
+    </el-container>
+
+    <save-dialog
+        v-if="dialog.save"
+        ref="saveDialog"
+        @closed="dialog.save = false"
+        @success="(data, mode) => table.handleUpdate($refs.table, data, mode)"></save-dialog>
+</template>
+
+<script>
+import saveDialog from './save'
+import naColOperation from '@/config/naColOperation'
+import table from '@/config/table'
+
+export default {
+    computed: {
+        table() {
+            return table
+        },
+        naColOperation() {
+            return naColOperation
+        },
+    },
+    components: {
+        saveDialog,
+    },
+    data() {
+        return {
+            query: {
+                dynamicFilter: {
+                    filters: [],
+                },
+                filter: {},
+            },
+            dialog: {
+                save: false,
+            },
+            selection: [],
+        }
+    },
+    methods: {
+        //删除
+        async rowDel(row) {
+            try {
+                const res = await this.$API.sys_role.delete.post({ id: row.id })
+                this.$refs.table.refresh()
+                this.$message.success(`删除 ${res.data} 项`)
+            } catch {
+                //
+            }
+        },
+        //批量删除
+        async batchDel() {
+            let loading
+            try {
+                await this.$confirm(`确定删除选中的 ${this.selection.length} 项吗？`, '提示', {
+                    type: 'warning',
+                })
+                loading = this.$loading()
+                const res = await this.$API.sys_role.bulkDelete.post({
+                    items: this.selection,
+                })
+                this.$refs.table.refresh()
+                this.$message.success(`删除 ${res.data} 项`)
+            } catch {
+                //
+            }
+            loading?.close()
+        },
+
+        //搜索
+        onSearch(form) {
+            if (Array.isArray(form.dy.createdTime)) {
+                this.query.dynamicFilter.filters.push({
+                    field: 'createdTime',
+                    operator: 'dateRange',
+                    value: form.dy.createdTime,
+                })
+            }
+
+            if (typeof form.dy.ignorePermissionControl === 'boolean') {
+                this.query.dynamicFilter.filters.push({
+                    field: 'ignorePermissionControl',
+                    operator: 'eq',
+                    value: form.dy.ignorePermissionControl,
+                })
+            }
+
+            if (typeof form.dy.enabled === 'boolean') {
+                this.query.dynamicFilter.filters.push({
+                    field: 'enabled',
+                    operator: 'eq',
+                    value: form.dy.enabled,
+                })
+            }
+
+            if (typeof form.dy.displayDashboard === 'boolean') {
+                this.query.dynamicFilter.filters.push({
+                    field: 'displayDashboard',
+                    operator: 'eq',
+                    value: form.dy.displayDashboard,
+                })
+            }
+
+            this.$refs.table.upData()
+        },
+    },
+}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/role/save.vue b/src/frontend/admin/src/views/sys/role/save.vue
new file mode 100644
index 00000000..bf30510a
--- /dev/null
+++ b/src/frontend/admin/src/views/sys/role/save.vue
@@ -0,0 +1,177 @@
+<template>
+    <el-dialog v-model="visible" :title="titleMap[mode]" :width="800" destroy-on-close fullscreen @closed="$emit('closed')">
+        <el-tabs tab-position="top">
+            <el-tab-pane label="基本信息">
+                <el-form ref="dialogForm" :disabled="mode === 'view'" :model="form" :rules="rules" label-width="100px">
+                    <el-form-item label="角色名称" prop="name">
+                        <el-input v-model="form.name" clearable></el-input>
+                    </el-form-item>
+                    <el-form-item label="排序" prop="sort">
+                        <el-input-number v-model="form.sort" :min="0" controls-position="right" style="width: 100%"></el-input-number>
+                    </el-form-item>
+                    <el-form-item label="启用" prop="enabled">
+                        <el-switch v-model="form.enabled"></el-switch>
+                    </el-form-item>
+                    <el-form-item label="无限权限" prop="ignorePermissionControl">
+                        <el-switch v-model="form.ignorePermissionControl"></el-switch>
+                    </el-form-item>
+                    <el-form-item label="备注" prop="summary">
+                        <el-input v-model="form.summary" clearable type="textarea"></el-input>
+                    </el-form-item>
+                </el-form>
+            </el-tab-pane>
+            <el-tab-pane label="菜单权限">
+                <div class="treeMain">
+                    <el-tree
+                        ref="menu"
+                        :data="trees.menu"
+                        :props="{
+                            label: (data) => data.meta.title,
+                        }"
+                        default-expand-all
+                        node-key="id"
+                        show-checkbox></el-tree>
+                </div>
+            </el-tab-pane>
+            <el-tab-pane label="接口权限">
+                <div class="treeMain">
+                    <el-tree
+                        ref="api"
+                        :data="trees.api"
+                        :props="{ label: (data) => data.summary }"
+                        default-expand-all
+                        node-key="id"
+                        show-checkbox></el-tree>
+                </div>
+            </el-tab-pane>
+            <el-tab-pane label="数据范围">
+                <el-form label-width="100px">
+                    <el-form-item label="规则类型">
+                        <el-select v-model="form.dataScope" :disabled="mode === 'view'">
+                            <el-option v-for="(item, i) in this.$GLOBAL.enums.dataScopes" :key="i" :label="item[1]" :value="i"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item v-show="form.dataScope === 'specificDept'" label="选择部门">
+                        <div class="treeMain" style="width: 100%">
+                            <el-tree
+                                ref="dept"
+                                :data="trees.dept"
+                                :props="{ label: (data) => data.name }"
+                                default-expand-all
+                                node-key="id"
+                                show-checkbox></el-tree>
+                        </div>
+                    </el-form-item>
+                </el-form>
+            </el-tab-pane>
+            <el-tab-pane label="控制台">
+                <el-form label-width="100px">
+                    <el-form-item label="控制台视图">
+                        <el-select v-model="form.displayDashboard" :disabled="mode === 'view'">
+                            <el-option :value="true" label="仪表板"></el-option>
+                            <el-option :value="false" label="工作台"></el-option>
+                        </el-select>
+                        <div class="el-form-item-msg">用于控制角色登录后控制台的视图</div>
+                    </el-form-item>
+                </el-form>
+            </el-tab-pane>
+            <el-tab-pane v-if="mode === 'view'" label="Json">
+                <json-viewer :expand-depth="5" :expanded="true" :value="form" boxed copyable sort></json-viewer>
+            </el-tab-pane>
+        </el-tabs>
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button v-if="mode !== 'view'" :loading="loading" type="primary" @click="submit">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+import JsonViewer from 'vue-json-viewer'
+
+export default {
+    components: {
+        JsonViewer,
+    },
+    emits: ['success', 'closed'],
+    data() {
+        return {
+            mode: 'add',
+            titleMap: {
+                add: '新增角色',
+                edit: '编辑角色',
+                view: '查看角色',
+            },
+            visible: false,
+            loading: false,
+            trees: {
+                menu: [],
+                api: [],
+                dept: [],
+            },
+            //表单数据
+            form: { displayDashboard: false, sort: 100, enabled: true },
+            //验证规则
+            rules: {
+                sort: [
+                    {
+                        required: true,
+                        message: '请输入排序',
+                        trigger: 'change',
+                    },
+                ],
+                name: [{ required: true, message: '请输入角色名称' }],
+            },
+        }
+    },
+    mounted() {},
+    methods: {
+        async getTrees(name) {
+            this.trees[name] = (await this.$API[`sys_${name}`].query.post()).data
+            await this.$nextTick()
+            await this.$refs[name].setCheckedKeys(
+                (this.form[`${name}Ids`] || []).filter((key) => this.$refs[name].getNode(key).isLeaf),
+                true,
+            )
+        },
+        //显示
+        open(mode = 'add', data) {
+            this.mode = mode
+            if (data) {
+                Object.assign(this.form, data)
+            }
+            this.getTrees('menu')
+            this.getTrees('api')
+            this.getTrees('dept')
+            this.visible = true
+            return this
+        },
+        //表单提交方法
+        async submit() {
+            const valid = await this.$refs.dialogForm.validate().catch(() => {})
+            if (!valid) {
+                return false
+            }
+
+            this.loading = true
+            const method = this.mode === 'add' ? this.$API.sys_role.create : this.$API.sys_role.update
+            const postData = Object.assign({}, this.form, {
+                deptIds: this.$refs.dept.getCheckedKeys().concat(this.$refs.dept.getHalfCheckedKeys()),
+                menuIds: this.$refs.menu.getCheckedKeys().concat(this.$refs.menu.getHalfCheckedKeys()),
+                apiIds: this.$refs.api.getCheckedKeys().concat(this.$refs.api.getHalfCheckedKeys()),
+            })
+            try {
+                const res = await method.post(postData)
+                this.$emit('success', res.data, this.mode)
+                this.visible = false
+                this.$message.success('操作成功')
+            } catch {
+                //
+            }
+            this.loading = false
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/user/index.vue b/src/frontend/admin/src/views/sys/user/index.vue
new file mode 100644
index 00000000..e011e881
--- /dev/null
+++ b/src/frontend/admin/src/views/sys/user/index.vue
@@ -0,0 +1,162 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <na-search
+                    :controls="[
+                        {
+                            type: 'input',
+                            field: ['root', 'keywords'],
+                            placeholder: '用户编号 / 用户名 / 手机号 / 邮箱 / 备注',
+                            style: 'width:25rem',
+                        },
+                        {
+                            type: 'remote-select',
+                            field: ['filter', 'roleId'],
+                            api: $API.sys_role.query,
+                            config: { props: { label: 'name', value: 'id' } },
+                            placeholder: '所属角色',
+                        },
+                        {
+                            type: 'cascader',
+                            field: ['filter', 'deptId'],
+                            api: $API.sys_dept.query,
+                            props: { label: 'name', value: 'id', checkStrictly: true, expandTrigger: 'hover', emitPath: false },
+                            placeholder: '所属部门',
+                        },
+                        {
+                            type: 'select',
+                            field: ['dy', 'enabled'],
+                            options: [
+                                { label: '启用', value: true },
+                                { label: '禁用', value: false },
+                            ],
+                            placeholder: '状态',
+                        },
+                    ]"
+                    :vue="this"
+                    @search="onSearch" />
+            </div>
+            <div class="right-panel">
+                <na-button-add :vue="this" />
+            </div>
+        </el-header>
+        <el-main class="nopadding">
+            <sc-table
+                ref="table"
+                v-loading="loading"
+                :apiObj="$API.sys_user.pagedQuery"
+                :default-sort="{ prop: 'createdTime', order: 'descending' }"
+                :params="query"
+                remote-filter
+                remote-sort
+                stripe
+                @selection-change="
+                    (items) => {
+                        selection = items
+                    }
+                ">
+                <el-table-column type="selection"></el-table-column>
+                <el-table-column label="用户编号" prop="id" sortable="custom" width="150"></el-table-column>
+                <na-col-avatar label="用户名" prop="userName" />
+                <el-table-column label="手机号" prop="mobile" sortable="custom" width="120"></el-table-column>
+                <el-table-column label="邮箱" prop="email" sortable="custom"></el-table-column>
+                <na-col-tags field="name" label="所属角色" prop="roles" @click="(item) => openDialog('sys_role', item.id, 'roleSave')" />
+                <na-col-tags field="name" label="所属部门" prop="dept" @click="(item) => openDialog('sys_dept', item.id, 'deptSave')" />
+                <na-col-indicator
+                    :options="[
+                        { text: '启用', type: 'success', value: true },
+                        { text: '禁用', type: 'danger', value: false, pulse: true },
+                    ]"
+                    label="状态"
+                    prop="enabled"></na-col-indicator>
+                <el-table-column label="创建时间" prop="createdTime" sortable="custom"></el-table-column>
+                <el-table-column label="备注" prop="summary" width="50"></el-table-column>
+                <na-col-operation :vue="this"></na-col-operation>
+            </sc-table>
+        </el-main>
+    </el-container>
+
+    <save-dialog
+        v-if="dialog.save"
+        ref="saveDialog"
+        @closed="dialog.save = false"
+        @success="(data, mode) => table.handleUpdate($refs.table, data, mode)"></save-dialog>
+    <role-save-dialog v-if="dialog.roleSave" ref="roleSaveDialog" @closed="dialog.roleSave = false"></role-save-dialog>
+    <dept-save-dialog v-if="dialog.deptSave" ref="deptSaveDialog" @closed="dialog.deptSave = false"></dept-save-dialog>
+</template>
+
+<script>
+import saveDialog from './save'
+import roleSaveDialog from '@/views/sys/role/save.vue'
+import deptSaveDialog from '@/views/sys/dept/save.vue'
+import table from '@/config/table'
+
+export default {
+    components: {
+        saveDialog,
+        roleSaveDialog,
+        deptSaveDialog,
+    },
+    data() {
+        return {
+            loading: false,
+            query: {
+                dynamicFilter: {
+                    filters: [],
+                },
+                filter: {},
+            },
+            dialog: {
+                roleSave: false,
+                deptSave: false,
+                save: false,
+            },
+            selection: [],
+        }
+    },
+    watch: {},
+    computed: {
+        table() {
+            return table
+        },
+    },
+    mounted() {},
+    created() {},
+    methods: {
+        async openDialog(api, id, dialog) {
+            this.loading = true
+            const res = await this.$API[api].query.post({
+                filter: { id: id },
+            })
+            this.loading = false
+            this.dialog[dialog] = true
+            await this.$nextTick()
+            this.$refs[`${dialog}Dialog`].open('view', res.data[0])
+        },
+
+        //搜索
+        onSearch(form) {
+            if (Array.isArray(form.dy.createdTime)) {
+                this.query.dynamicFilter.filters.push({
+                    field: 'createdTime',
+                    operator: 'dateRange',
+                    value: form.dy.createdTime,
+                })
+            }
+
+            if (typeof form.dy.enabled === 'boolean') {
+                this.query.dynamicFilter.filters.push({
+                    field: 'enabled',
+                    operator: 'eq',
+                    value: form.dy.enabled,
+                })
+            }
+
+            this.$refs.table.upData()
+        },
+    },
+}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/sys/user/save.vue b/src/frontend/admin/src/views/sys/user/save.vue
new file mode 100644
index 00000000..bce6c0b2
--- /dev/null
+++ b/src/frontend/admin/src/views/sys/user/save.vue
@@ -0,0 +1,344 @@
+<template>
+    <el-dialog v-model="visible" :title="titleMap[mode]" :width="800" destroy-on-close @closed="$emit('closed')">
+        <el-form ref="dialogForm" :disabled="mode === 'view'" :model="form" :rules="rules" label-position="right" label-width="100px">
+            <el-tabs tab-position="top">
+                <el-tab-pane label="基本信息">
+                    <el-form-item prop="avatar">
+                        <sc-upload v-model="form.avatar" title="上传头像"></sc-upload>
+                    </el-form-item>
+                    <el-form-item label="登录账号" prop="userName">
+                        <el-input v-model="form.userName" clearable placeholder="用于登录系统"></el-input>
+                    </el-form-item>
+                    <el-row :gutter="10">
+                        <el-col :lg="12">
+                            <el-form-item label="手机号" prop="mobile">
+                                <el-input v-model="form.mobile" clearable placeholder="请输入手机号"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :lg="12">
+                            <el-form-item label="邮箱" prop="email">
+                                <el-input v-model="form.email" clearable placeholder="请输入邮箱"></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+
+                    <el-form-item label="登录密码" prop="passwordText">
+                        <div class="password">
+                            <el-input
+                                v-model="form.passwordText"
+                                clearable
+                                maxlength="16"
+                                oninput="value=value.replace(/[^\w]/g,'')"
+                                placeholder="8位以上数字字母组合"></el-input>
+                            <el-button @click="form.passwordText = '1234qwer'">初始密码</el-button>
+                        </div>
+                    </el-form-item>
+
+                    <el-form-item label="所属角色" prop="roleIds">
+                        <sc-select
+                            v-model="form.roleIds"
+                            :apiObj="$API.sys_role.query"
+                            :config="{ props: { label: 'name', value: 'id' } }"
+                            class="w100p"
+                            clearable
+                            filterable
+                            multiple />
+                    </el-form-item>
+                    <el-form-item label="所属部门" prop="deptId">
+                        <na-dept v-model="form.deptId" class="w100p"></na-dept>
+                    </el-form-item>
+
+                    <template v-if="mode !== 'add'">
+                        <el-form-item label="启用" prop="enabled">
+                            <el-switch v-model="form.enabled"></el-switch>
+                        </el-form-item>
+                    </template>
+                    <el-form-item label="备注" prop="summary">
+                        <el-input v-model="form.summary" clearable type="textarea"></el-input>
+                    </el-form-item>
+                </el-tab-pane>
+                <el-tab-pane label="档案信息">
+                    <el-row :gutter="10">
+                        <el-col :lg="12">
+                            <el-form-item label="真实姓名" prop="profile.realName">
+                                <el-input v-model="form.profile.realName" clearable></el-input>
+                            </el-form-item>
+                        </el-col>
+
+                        <el-col :lg="12">
+                            <el-form-item label="性别" prop="profile.sex">
+                                <el-select v-model="form.profile.sex" clearable filterable>
+                                    <el-option v-for="(item, i) in $GLOBAL.enums.sexes" :key="i" :label="item[1]" :value="i" />
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :lg="12">
+                            <el-form-item label="出生日期" prop="profile.bornDate">
+                                <el-date-picker
+                                    v-model="form.profile.bornDate"
+                                    :teleported="false"
+                                    placeholder="出生日期"
+                                    type="date"
+                                    value-format="YYYY-MM-DD"></el-date-picker>
+                            </el-form-item>
+                        </el-col>
+
+                        <el-col :lg="12">
+                            <el-form-item label="婚姻状况" prop="profile.sex">
+                                <el-select v-model="form.profile.marriageStatus" clearable filterable>
+                                    <el-option v-for="(item, i) in $GLOBAL.enums.marriageStatues" :key="i" :label="item[1]" :value="i" />
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :lg="12">
+                            <el-form-item label="身高" prop="profile.height">
+                                <el-input v-model="form.profile.height" :max="250" :min="100" clearable type="number">
+                                    <template v-slot:append>cm</template>
+                                </el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :lg="12">
+                            <el-form-item label="职业" prop="profile.profession">
+                                <el-input v-model="form.profile.profession" clearable></el-input>
+                            </el-form-item>
+                        </el-col>
+
+                        <el-col :lg="12">
+                            <el-form-item label="证件类型" prop="profile.certificateType">
+                                <el-select v-model="form.profile.certificateType" clearable filterable>
+                                    <el-option v-for="(item, i) in $GLOBAL.enums.certificateTypes" :key="i" :label="item[1]" :value="i" />
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :lg="12">
+                            <el-form-item label="证件号码" prop="profile.certificateNumber">
+                                <el-input v-model="form.profile.certificateNumber" clearable type="text"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :lg="12">
+                            <el-form-item label="民族" prop="profile.certificateNumber">
+                                <el-select v-model="form.profile.nation" clearable filterable>
+                                    <el-option v-for="(item, i) in $GLOBAL.enums.nations" :key="i" :label="item[1]" :value="i" />
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :lg="12">
+                            <el-form-item label="籍贯" prop="profile.nationArea">
+                                <na-area v-model="form.profile.nationArea"></na-area>
+                            </el-form-item>
+                        </el-col>
+
+                        <el-col :lg="12">
+                            <el-form-item label="政治面貌" prop="profile.politicalStatus">
+                                <el-select v-model="form.profile.politicalStatus" clearable filterable>
+                                    <el-option v-for="(item, i) in $GLOBAL.enums.politicalStatues" :key="i" :label="item[1]" :value="i" />
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :lg="12">
+                            <el-form-item label="住宅电话" prop="profile.homeTelephone">
+                                <el-input v-model="form.profile.homeTelephone" clearable type="tel">
+                                    <template v-slot:prepend>+86</template>
+                                </el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="24">
+                            <el-form-item label="住宅地址" prop="profile.homeAddress">
+                                <el-input v-model="form.profile.homeAddress" clearable>
+                                    <template v-slot:prepend>
+                                        <na-area v-model="form.profile.homeArea"></na-area>
+                                    </template>
+                                </el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :lg="12">
+                            <el-form-item label="工作单位" prop="profile.companyName">
+                                <el-input v-model="form.profile.companyName" clearable></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :lg="12">
+                            <el-form-item label="工作电话" prop="profile.companyTelephone">
+                                <el-input v-model="form.profile.companyTelephone" clearable type="tel">
+                                    <template v-slot:prepend>+86</template>
+                                </el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="24">
+                            <el-form-item label="工作地址" prop="profile.companyAddress">
+                                <el-input v-model="form.profile.companyAddress" clearable>
+                                    <template v-slot:prepend>
+                                        <na-area v-model="form.profile.companyArea"></na-area>
+                                    </template>
+                                </el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :lg="12">
+                            <el-form-item label="文化程度" prop="profile.education">
+                                <el-select v-model="form.profile.education" clearable filterable>
+                                    <el-option v-for="(item, i) in $GLOBAL.enums.educations" :key="i" :label="item[1]" :value="i" />
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :lg="12">
+                            <el-form-item label="毕业学校" prop="profile.graduateSchool">
+                                <el-input v-model="form.profile.graduateSchool" clearable></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :lg="12">
+                            <el-form-item label="紧急联系人" prop="profile.emergencyContactName">
+                                <el-input v-model="form.profile.emergencyContactName" clearable></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :lg="12">
+                            <el-form-item label="联系人手机号" prop="profile.emergencyContactMobile">
+                                <el-input v-model="form.profile.emergencyContactMobile" clearable type="tel"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="24">
+                            <el-form-item label="联系人地址" prop="profile.emergencyContactAddress">
+                                <el-input v-model="form.profile.emergencyContactAddress" clearable>
+                                    <template v-slot:prepend>
+                                        <na-area v-model="form.profile.emergencyContactArea"></na-area>
+                                    </template>
+                                </el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                </el-tab-pane>
+                <el-tab-pane v-if="mode === 'view'" label="Json">
+                    <json-viewer :expand-depth="5" :expanded="true" :value="form" boxed copyable sort></json-viewer>
+                </el-tab-pane>
+            </el-tabs>
+        </el-form>
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button v-if="mode !== 'view'" :loading="loading" type="primary" @click="submit">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+import JsonViewer from 'vue-json-viewer'
+
+export default {
+    components: {
+        JsonViewer,
+    },
+    emits: ['success', 'closed'],
+    data() {
+        return {
+            mode: 'add',
+            titleMap: {
+                view: '查看用户',
+                add: '新增用户',
+                edit: '编辑用户',
+            },
+            visible: false,
+            loading: false,
+            //表单数据
+            form: {
+                profile: {
+                    nationArea: {},
+                    homeArea: {},
+                    companyArea: {},
+                    emergencyContactArea: {},
+                },
+            },
+            //验证规则
+            rules: {
+                userName: [
+                    {
+                        required: true,
+                        message: '4位以上字母、数字或下划线',
+                        pattern: this.$GLOBAL.chars.RGX_USERNAME,
+                    },
+                ],
+                mobile: [
+                    {
+                        message: '您的手机号码',
+                        pattern: this.$GLOBAL.chars.RGX_MOBILE,
+                    },
+                ],
+                email: [
+                    {
+                        message: '您的电子邮箱',
+                        pattern: this.$GLOBAL.chars.RGX_EMAIL,
+                    },
+                ],
+                passwordText: [
+                    {
+                        required: false,
+                        message: '8位以上数字字母组合',
+                        pattern: this.$GLOBAL.chars.RGX_PASSWORD,
+                    },
+                ],
+                deptId: [{ required: true, message: '请选择所属部门' }],
+                roleIds: [
+                    {
+                        required: true,
+                        message: '请选择所属角色',
+                        trigger: 'change',
+                    },
+                ],
+            },
+        }
+    },
+    mounted() {},
+    methods: {
+        //显示
+        open(mode = 'add', data) {
+            this.mode = mode
+            if (mode === 'add') {
+                this.rules.passwordText[0].required = true
+            }
+            if (data) {
+                Object.assign(this.form, data, {
+                    roleIds: data.roles.map((x) => x.id),
+                    deptId: data.dept.id,
+                })
+                this.getProfile()
+            }
+            this.visible = true
+            return this
+        },
+        async getProfile() {
+            const res = await this.$API.sys_user.queryProfile.post({
+                dynamicFilter: {
+                    field: 'id',
+                    operator: 'eq',
+                    value: this.form.id,
+                },
+            })
+            Object.assign(this.form.profile, res.data[0])
+        },
+
+        //表单提交方法
+        async submit() {
+            const valid = await this.$refs.dialogForm.validate().catch(() => {})
+            if (!valid) {
+                return false
+            }
+
+            try {
+                const method = this.mode === 'add' ? this.$API.sys_user.create : this.$API.sys_user.update
+                this.loading = true
+                const res = await method.post(Object.assign({}, this.form))
+                this.loading = false
+                this.$emit('success', res.data, this.mode)
+                this.visible = false
+                this.$message.success('操作成功')
+            } catch {
+                //
+            }
+        },
+    },
+}
+</script>
+
+<style scoped>
+.password {
+    display: flex;
+    width: 100%;
+    gap: 0.5rem;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/template/layout/blank.vue b/src/frontend/admin/src/views/template/layout/blank.vue
new file mode 100644
index 00000000..d1e15678
--- /dev/null
+++ b/src/frontend/admin/src/views/template/layout/blank.vue
@@ -0,0 +1,16 @@
+<template>
+    <el-empty :description="title" :image-size="200"></el-empty>
+</template>
+
+<script>
+export default {
+    name: 'blank',
+    data() {
+        return {
+            title: 'BLANK PAGE :)',
+        }
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/template/layout/layoutLCR.vue b/src/frontend/admin/src/views/template/layout/layoutLCR.vue
new file mode 100644
index 00000000..d0021585
--- /dev/null
+++ b/src/frontend/admin/src/views/template/layout/layoutLCR.vue
@@ -0,0 +1,39 @@
+<template>
+    <el-container>
+        <el-aside>
+            <el-container>
+                <el-header>Left Header</el-header>
+                <el-main>Left Main</el-main>
+                <el-footer>Left Footer</el-footer>
+            </el-container>
+        </el-aside>
+        <el-container>
+            <el-header>Header</el-header>
+            <el-main class="nopadding">
+                <el-result
+                    icon="info"
+                    sub-title="可根据 <el-container> <el-header> <el-aside> <el-main> <el-footer> 灵活运用达到各种布局"
+                    title="Tip"></el-result>
+            </el-main>
+            <el-footer>Footer</el-footer>
+        </el-container>
+        <el-aside>
+            <el-container>
+                <el-header>Right Header</el-header>
+                <el-main>Right Main</el-main>
+                <el-footer>Right Footer</el-footer>
+            </el-container>
+        </el-aside>
+    </el-container>
+</template>
+
+<script>
+export default {
+    name: 'layoutLCR',
+    data() {
+        return {}
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/template/layout/layoutTCB.vue b/src/frontend/admin/src/views/template/layout/layoutTCB.vue
new file mode 100644
index 00000000..0ff7128a
--- /dev/null
+++ b/src/frontend/admin/src/views/template/layout/layoutTCB.vue
@@ -0,0 +1,23 @@
+<template>
+    <el-container>
+        <el-header>Header</el-header>
+        <el-main class="nopadding">
+            <el-result
+                icon="info"
+                sub-title="可根据 <el-container> <el-header> <el-aside> <el-main> <el-footer> 灵活运用达到各种布局"
+                title="Tip"></el-result>
+        </el-main>
+        <el-footer>Footer</el-footer>
+    </el-container>
+</template>
+
+<script>
+export default {
+    name: 'layoutTCB',
+    data() {
+        return {}
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/template/list/crud/detail.vue b/src/frontend/admin/src/views/template/list/crud/detail.vue
new file mode 100644
index 00000000..0e8df403
--- /dev/null
+++ b/src/frontend/admin/src/views/template/list/crud/detail.vue
@@ -0,0 +1,43 @@
+<template>
+    <sc-page-header
+        :title="id ? '编辑' : '新增'"
+        description="可用于非常复杂的表单提交，如一些较为简单的表单提交应使用dialog或者drawer更合适"
+        icon="el-icon-burger"></sc-page-header>
+
+    <el-main>
+        <el-alert
+            style="margin-bottom: 15px"
+            title="注意: 因为keep-alive只接受组件name,导致多路由共用组件时,关闭或刷新一个标签导致其他同一组件的页面缓存失效,后续还在寻找完美的解决方案.建议在列表页使用dialog或者drawer形式"
+            type="error"></el-alert>
+        <el-card shadow="never">
+            <el-form ref="form" label-width="100px">
+                <el-form-item label="id">
+                    <el-input v-model="id"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary">保存</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+    </el-main>
+</template>
+
+<script>
+export default {
+    name: 'listCrud-detail',
+    data() {
+        return {
+            id: this.$route.query.id,
+            input: '',
+        }
+    },
+    created() {},
+    mounted() {
+        //修改tab名称
+        this.$store.commit('updateViewTagsTitle', this.id ? `CURD编辑ID:${this.id}` : 'CURD新增')
+    },
+    methods: {},
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/template/list/crud/index.vue b/src/frontend/admin/src/views/template/list/crud/index.vue
new file mode 100644
index 00000000..d306b3ee
--- /dev/null
+++ b/src/frontend/admin/src/views/template/list/crud/index.vue
@@ -0,0 +1,153 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <el-button icon="el-icon-plus" type="primary" @click="add"></el-button>
+                <el-button icon="el-icon-plus" type="primary" @click="addPage">页面新增</el-button>
+                <el-button :disabled="selection.length == 0" icon="el-icon-delete" plain type="danger" @click="batch_del"></el-button>
+            </div>
+        </el-header>
+        <el-main class="nopadding">
+            <scTable ref="table" :apiObj="list.apiObj" row-key="id" stripe @selection-change="selectionChange">
+                <el-table-column type="selection" width="50"></el-table-column>
+                <el-table-column label="姓名" prop="name" width="180"></el-table-column>
+                <el-table-column label="性别" prop="sex" width="150"></el-table-column>
+                <el-table-column label="邮箱" prop="email" width="250"></el-table-column>
+                <el-table-column label="状态" prop="boolean" width="60">
+                    <template #default="scope">
+                        <sc-status-indicator v-if="scope.row.boolean" type="success"></sc-status-indicator>
+                        <sc-status-indicator v-if="!scope.row.boolean" pulse type="danger"></sc-status-indicator>
+                    </template>
+                </el-table-column>
+                <el-table-column label="评分" prop="num" width="150"></el-table-column>
+                <el-table-column align="right" fixed="right" label="操作" width="300">
+                    <template #default="scope">
+                        <el-button plain size="small" @click="table_show(scope.row)">查看</el-button>
+                        <el-button plain size="small" type="primary" @click="table_edit(scope.row)">编辑</el-button>
+                        <el-button plain size="small" type="primary" @click="table_edit_page(scope.row)">页面编辑</el-button>
+                        <el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
+                            <template #reference>
+                                <el-button plain size="small" type="danger">删除</el-button>
+                            </template>
+                        </el-popconfirm>
+                    </template>
+                </el-table-column>
+            </scTable>
+        </el-main>
+    </el-container>
+
+    <save-dialog v-if="dialog.save" ref="saveDialog" @closed="dialog.save = false" @success="handleSaveSuccess"></save-dialog>
+
+    <el-drawer v-model="dialog.info" :size="800" destroy-on-close direction="rtl" title="详细">
+        <info ref="infoDialog"></info>
+    </el-drawer>
+</template>
+
+<script>
+import saveDialog from './save'
+import info from './info'
+
+export default {
+    name: 'listCrud',
+    components: {
+        saveDialog,
+        info,
+    },
+    data() {
+        return {
+            dialog: {
+                save: false,
+                info: false,
+            },
+            list: {
+                apiObj: this.$API.demo.list,
+            },
+            selection: [],
+        }
+    },
+    mounted() {},
+    methods: {
+        //窗口新增
+        add() {
+            this.dialog.save = true
+            this.$nextTick(() => {
+                this.$refs.saveDialog.open()
+            })
+        },
+        //窗口编辑
+        table_edit(row) {
+            this.dialog.save = true
+            this.$nextTick(() => {
+                this.$refs.saveDialog.open('edit').setData(row)
+            })
+        },
+        //页面新增
+        addPage() {
+            this.$router.push({
+                path: '/template/list/crud/detail',
+            })
+        },
+        //页面编辑
+        table_edit_page(row) {
+            this.$router.push({
+                path: '/template/list/crud/detail',
+                query: {
+                    id: row.id,
+                },
+            })
+        },
+        //查看
+        table_show(row) {
+            this.dialog.info = true
+            this.$nextTick(() => {
+                this.$refs.infoDialog.setData(row)
+            })
+        },
+        //删除明细
+        async table_del(row, index) {
+            var reqData = { id: row.id }
+            var res = await this.$API.demo.post.post(reqData)
+            if (res.code === 200) {
+                this.$refs.table.removeIndex(index)
+                this.$message.success('删除成功')
+            } else {
+                this.$alert(res.message, '提示', { type: 'error' })
+            }
+        },
+        //批量删除
+        async batch_del() {
+            var confirmRes = await this.$confirm(`确定删除选中的 ${this.selection.length} 项吗？`, '提示', {
+                type: 'warning',
+                confirmButtonText: '删除',
+                confirmButtonClass: 'el-button--danger',
+            }).catch(() => {})
+
+            if (!confirmRes) {
+                return false
+            }
+
+            var ids = this.selection.map((v) => v.id)
+            this.$refs.table.removeKeys(ids)
+            this.$message.success('操作成功')
+        },
+        //表格选择后回调事件
+        selectionChange(selection) {
+            this.selection = selection
+        },
+        //本地更新数据
+        handleSaveSuccess(data, mode) {
+            //为了减少网络请求，直接变更表格内存数据
+            if (mode === 'add') {
+                this.$refs.table.unshiftRow(data)
+            } else if (mode === 'edit') {
+                this.$refs.table.updateKey(data)
+            }
+
+            //当然也可以暴力的直接刷新表格
+            // this.$refs.table.refresh()
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/template/list/crud/info.vue b/src/frontend/admin/src/views/template/list/crud/info.vue
new file mode 100644
index 00000000..c5f4d16e
--- /dev/null
+++ b/src/frontend/admin/src/views/template/list/crud/info.vue
@@ -0,0 +1,30 @@
+<template>
+    <el-main style="padding: 0 20px">
+        <el-card shadow="never">
+            <el-descriptions :column="2" border title="Table row data">
+                <el-descriptions-item v-for="(val, key) in data" :key="key" :label="key" width="150px">{{ val }} </el-descriptions-item>
+            </el-descriptions>
+        </el-card>
+    </el-main>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            data: {
+                id: '',
+            },
+        }
+    },
+    mounted() {},
+    methods: {
+        //注入数据
+        setData(data) {
+            this.data = data
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/template/list/crud/save.vue b/src/frontend/admin/src/views/template/list/crud/save.vue
new file mode 100644
index 00000000..3d99db94
--- /dev/null
+++ b/src/frontend/admin/src/views/template/list/crud/save.vue
@@ -0,0 +1,109 @@
+<template>
+    <el-dialog v-model="visible" :title="titleMap[mode]" :width="500" destroy-on-close @closed="$emit('closed')">
+        <el-form ref="dialogForm" :disabled="mode === 'show'" :model="form" :rules="rules" label-width="100px">
+            <el-form-item label="姓名" prop="name">
+                <el-input v-model="form.name" clearable placeholder="请输入姓名"></el-input>
+            </el-form-item>
+            <el-form-item label="性别" prop="sex">
+                <el-radio-group v-model="form.sex">
+                    <el-radio label="男">男</el-radio>
+                    <el-radio label="女">女</el-radio>
+                </el-radio-group>
+            </el-form-item>
+            <el-form-item label="邮箱" prop="email">
+                <el-input v-model="form.email" clearable placeholder="请输入邮箱"></el-input>
+            </el-form-item>
+            <el-form-item label="评分" prop="num">
+                <el-input-number v-model="form.num" :min="0" style="width: 100%"></el-input-number>
+            </el-form-item>
+            <el-form-item label="状态" prop="boolean">
+                <el-switch v-model="form.boolean"></el-switch>
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button v-if="mode !== 'show'" :loading="isSaveing" type="primary" @click="submit()">保 存</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+export default {
+    emits: ['success', 'closed'],
+    data() {
+        return {
+            mode: 'add',
+            titleMap: {
+                add: '新增',
+                edit: '编辑',
+                show: '查看',
+            },
+            visible: false,
+            isSaveing: false,
+            //表单数据
+            form: {
+                id: '',
+                name: '',
+                sex: '男',
+                email: '',
+                num: 0,
+                boolean: true,
+            },
+            //验证规则
+            rules: {
+                name: [{ required: true, message: '请输入姓名' }],
+            },
+            //所需数据选项
+            groups: [],
+            groupsProps: {
+                value: 'id',
+                emitPath: false,
+                checkStrictly: true,
+            },
+        }
+    },
+    mounted() {},
+    methods: {
+        //显示
+        open(mode = 'add') {
+            this.mode = mode
+            this.visible = true
+            return this
+        },
+        //表单提交方法
+        async submit() {
+            var valid = await this.$refs.dialogForm.validate().catch(() => {})
+            if (!valid) {
+                return false
+            }
+            this.isSaveing = true
+            var res = await this.$API.demo.post.post(this.form)
+            this.isSaveing = false
+            if (res.code === 200) {
+                if (this.mode === 'add') {
+                    this.form.id = res.data
+                }
+                this.$emit('success', this.form, this.mode)
+                this.visible = false
+                this.$message.success('操作成功')
+            } else {
+                this.$alert(res.message, '提示', { type: 'error' })
+            }
+        },
+        //表单注入数据
+        setData(data) {
+            this.form.id = data.id
+            this.form.name = data.name
+            this.form.sex = data.sex
+            this.form.email = data.email
+            this.form.num = data.num
+            this.form.boolean = data.boolean
+
+            //可以和上面一样单个注入，也可以像下面一样直接合并进去
+            //Object.assign(this.form, data)
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/template/list/son.vue b/src/frontend/admin/src/views/template/list/son.vue
new file mode 100644
index 00000000..6ee1cd47
--- /dev/null
+++ b/src/frontend/admin/src/views/template/list/son.vue
@@ -0,0 +1,73 @@
+<template>
+    <el-container>
+        <el-aside width="40%">
+            <el-container>
+                <el-header>
+                    <div class="left-panel">
+                        <el-button icon="el-icon-plus" type="primary"></el-button>
+                        <el-button icon="el-icon-delete" plain type="danger"></el-button>
+                    </div>
+                </el-header>
+                <el-main class="nopadding">
+                    <scTable ref="table" :apiObj="list.apiObj" highlightCurrentRow row-key="id" stripe @row-click="rowClick">
+                        <el-table-column type="selection" width="50"></el-table-column>
+                        <el-table-column label="ID" prop="id" width="200"></el-table-column>
+                        <el-table-column label="评分" prop="num" width="80"></el-table-column>
+                        <el-table-column label="进度" prop="progress" sortable width="250">
+                            <template #default="scope">
+                                <el-progress :percentage="scope.row.progress" />
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="创建日期" prop="datetime" sortable width="150"></el-table-column>
+                    </scTable>
+                </el-main>
+            </el-container>
+        </el-aside>
+        <el-container>
+            <el-header>
+                <div class="left-panel">
+                    <el-button icon="el-icon-plus" type="primary"></el-button>
+                    <el-button icon="el-icon-delete" plain type="danger"></el-button>
+                </div>
+            </el-header>
+            <el-main class="nopadding">
+                <scTable ref="sontable" :apiObj="list.apiObj" row-key="id" stripe>
+                    <el-table-column type="selection" width="50"></el-table-column>
+                    <el-table-column label="姓名" prop="name" width="180"></el-table-column>
+                    <el-table-column label="状态" prop="type" width="60">
+                        <template #default="scope">
+                            <sc-status-indicator v-if="scope.row.type === 0" type="success"></sc-status-indicator>
+                            <sc-status-indicator v-if="scope.row.type === 1" pulse type="danger"></sc-status-indicator>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="邮箱" prop="email" width="250"></el-table-column>
+                    <el-table-column label="评分" prop="num" width="150"></el-table-column>
+                    <el-table-column label="注册时间" prop="datetime" sortable width="150"></el-table-column>
+                </scTable>
+            </el-main>
+        </el-container>
+    </el-container>
+</template>
+
+<script>
+export default {
+    name: 'listSon',
+    data() {
+        return {
+            list: {
+                apiObj: this.$API.demo.list,
+            },
+        }
+    },
+    methods: {
+        rowClick(row) {
+            var params = {
+                groupId: row.id,
+            }
+            this.$refs.sontable.reload(params)
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/template/list/tab.vue b/src/frontend/admin/src/views/template/list/tab.vue
new file mode 100644
index 00000000..aaefe268
--- /dev/null
+++ b/src/frontend/admin/src/views/template/list/tab.vue
@@ -0,0 +1,166 @@
+<template>
+    <el-container>
+        <el-header class="header-tabs">
+            <el-tabs v-model="groupId" type="card" @tab-change="tabChange">
+                <el-tab-pane label="所有" name="0"></el-tab-pane>
+                <el-tab-pane label="未完成" name="1"></el-tab-pane>
+                <el-tab-pane label="已退回" name="2"></el-tab-pane>
+                <el-tab-pane label="已关闭" name="3"></el-tab-pane>
+                <el-tab-pane label="已完成" name="4"></el-tab-pane>
+            </el-tabs>
+        </el-header>
+        <el-header style="height: auto">
+            <sc-select-filter :data="filterData" :label-width="80" @on-change="filterChange"></sc-select-filter>
+        </el-header>
+        <el-header>
+            <div class="left-panel">
+                <el-button icon="el-icon-plus" type="primary"></el-button>
+                <el-button icon="el-icon-delete" plain type="danger"></el-button>
+            </div>
+            <div class="right-panel">
+                <div class="right-panel-search">
+                    <el-input v-model="search.keyword" clearable placeholder="关键词"></el-input>
+                    <el-button icon="el-icon-search" type="primary" @click="upsearch"></el-button>
+                </div>
+            </div>
+        </el-header>
+        <el-main class="nopadding">
+            <scTable ref="table" :apiObj="list.apiObj" row-key="id" stripe>
+                <el-table-column type="selection" width="50"></el-table-column>
+                <el-table-column label="姓名" prop="name" width="150"></el-table-column>
+                <el-table-column label="性别" prop="sex" width="150"></el-table-column>
+                <el-table-column label="邮箱" prop="email" width="250"></el-table-column>
+                <el-table-column label="评分" prop="num" width="150"></el-table-column>
+                <el-table-column label="注册时间" prop="datetime" sortable width="150"></el-table-column>
+                <el-table-column align="right" fixed="right" label="操作" width="160">
+                    <template #default>
+                        <el-button-group>
+                            <el-button size="small" text type="primary">查看</el-button>
+                            <el-button size="small" text type="primary">编辑</el-button>
+                            <el-button size="small" text type="primary">删除</el-button>
+                        </el-button-group>
+                    </template>
+                </el-table-column>
+            </scTable>
+        </el-main>
+    </el-container>
+</template>
+
+<script>
+import scSelectFilter from '@/components/scSelectFilter'
+
+export default {
+    name: 'listTab',
+    components: {
+        scSelectFilter,
+    },
+    data() {
+        return {
+            groupId: '0',
+            filterData: [
+                {
+                    title: '所属行业',
+                    key: 'type',
+                    multiple: true,
+                    options: [
+                        {
+                            label: '全部',
+                            value: '',
+                        },
+                        {
+                            label: '汽车',
+                            value: '1',
+                        },
+                        {
+                            label: '大健康',
+                            value: '2',
+                        },
+                        {
+                            label: '节能环保',
+                            value: '3',
+                        },
+                        {
+                            label: '智能信息',
+                            value: '4',
+                        },
+                        {
+                            label: '文化旅游',
+                            value: '5',
+                        },
+                        {
+                            label: '新材料',
+                            value: '6',
+                        },
+                        {
+                            label: '高端装备',
+                            value: '7',
+                        },
+                        {
+                            label: '其他行业',
+                            value: '99',
+                        },
+                    ],
+                },
+                {
+                    title: '所属区域',
+                    key: 'area',
+                    options: [
+                        {
+                            label: '全部',
+                            value: '',
+                        },
+                        {
+                            label: '华东',
+                            value: 'HD',
+                        },
+                        {
+                            label: '华北',
+                            value: 'HB',
+                        },
+                        {
+                            label: '华南',
+                            value: 'HN',
+                        },
+                        {
+                            label: '华中',
+                            value: 'HZ',
+                        },
+                        {
+                            label: '华西南',
+                            value: 'HXN',
+                        },
+                        {
+                            label: '东北',
+                            value: 'DB',
+                        },
+                    ],
+                },
+            ],
+            list: {
+                apiObj: this.$API.demo.list,
+            },
+            search: {
+                keyword: '',
+            },
+        }
+    },
+    methods: {
+        //搜索
+        upsearch() {
+            this.$refs.table.upData(this.search)
+        },
+        //标签切换
+        tabChange(name) {
+            var params = {
+                groupId: name,
+            }
+            this.$refs.table.reload(params)
+        },
+        filterChange(data) {
+            this.$refs.table.upData(data)
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/template/list/tree.vue b/src/frontend/admin/src/views/template/list/tree.vue
new file mode 100644
index 00000000..a3159090
--- /dev/null
+++ b/src/frontend/admin/src/views/template/list/tree.vue
@@ -0,0 +1,136 @@
+<template>
+    <el-container>
+        <el-aside width="200px">
+            <el-container>
+                <el-header>
+                    <el-input v-model="groupFilterText" clearable placeholder="输入关键字进行过滤"></el-input>
+                </el-header>
+                <el-main class="nopadding">
+                    <el-tree
+                        ref="group"
+                        :current-node-key="''"
+                        :data="groupData"
+                        :expand-on-click-node="false"
+                        :filter-node-method="groupFilterNode"
+                        :highlight-current="true"
+                        class="menu"
+                        node-key="id"
+                        @node-click="groupClick"></el-tree>
+                </el-main>
+            </el-container>
+        </el-aside>
+        <el-container>
+            <el-header>
+                <div class="left-panel">
+                    <el-button icon="el-icon-plus" type="primary"></el-button>
+                    <el-button icon="el-icon-delete" plain type="danger"></el-button>
+                </div>
+                <div class="right-panel">
+                    <div class="right-panel-search">
+                        <el-input v-model="search.keyword" clearable placeholder="关键词"></el-input>
+                        <el-button icon="el-icon-search" type="primary" @click="upsearch"></el-button>
+                    </div>
+                </div>
+            </el-header>
+            <el-main class="nopadding">
+                <scTable ref="table" :apiObj="list.apiObj" row-key="id" stripe>
+                    <el-table-column type="selection" width="50"></el-table-column>
+                    <el-table-column label="姓名" prop="name" width="150"></el-table-column>
+                    <el-table-column label="性别" prop="sex" width="150"></el-table-column>
+                    <el-table-column label="邮箱" prop="email" width="250"></el-table-column>
+                    <el-table-column label="评分" prop="num" width="150"></el-table-column>
+                    <el-table-column label="注册时间" prop="datetime" sortable width="150"></el-table-column>
+                    <el-table-column align="right" fixed="right" label="操作" width="160">
+                        <template #default>
+                            <el-button-group>
+                                <el-button size="small" text type="primary">查看</el-button>
+                                <el-button size="small" text type="primary">编辑</el-button>
+                                <el-button size="small" text type="primary">删除</el-button>
+                            </el-button-group>
+                        </template>
+                    </el-table-column>
+                </scTable>
+            </el-main>
+        </el-container>
+    </el-container>
+</template>
+
+<script>
+export default {
+    name: 'listTree',
+    data() {
+        return {
+            groupFilterText: '',
+            groupData: [
+                {
+                    id: '',
+                    label: '所有',
+                },
+                {
+                    id: '1',
+                    label: '华东总部',
+                    children: [
+                        {
+                            id: '11',
+                            label: '售前客服部',
+                        },
+                        {
+                            id: '12',
+                            label: '技术研发部',
+                        },
+                        {
+                            id: '13',
+                            label: '行政人事部',
+                        },
+                    ],
+                },
+                {
+                    id: '2',
+                    label: '华难总部',
+                    children: [
+                        {
+                            id: '21',
+                            label: '售前客服部',
+                        },
+                        {
+                            id: '22',
+                            label: '技术研发部',
+                        },
+                    ],
+                },
+            ],
+            list: {
+                apiObj: this.$API.demo.list,
+            },
+            search: {
+                keyword: '',
+            },
+        }
+    },
+    watch: {
+        groupFilterText(val) {
+            this.$refs.group.filter(val)
+        },
+    },
+    methods: {
+        //树过滤
+        groupFilterNode(value, data) {
+            if (!value) return true
+            return data.label.indexOf(value) !== -1
+        },
+        //树点击事件
+        groupClick(data) {
+            var params = {
+                groupId: data.id,
+            }
+            this.$refs.table.reload(params)
+        },
+        //搜索
+        upsearch() {
+            this.$refs.table.upData(this.search)
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/template/list/width.vue b/src/frontend/admin/src/views/template/list/width.vue
new file mode 100644
index 00000000..03be18cc
--- /dev/null
+++ b/src/frontend/admin/src/views/template/list/width.vue
@@ -0,0 +1,76 @@
+<template>
+    <el-main class="sc-page">
+        <el-page-header content="定宽页面" />
+        <el-alert
+            :closable="false"
+            class="page-msg"
+            description="<el-main>添加定宽样式 .sc-page  即可定宽, 固定1200px宽度, 适用于一些无法自适应的页面, 类似报表等需要固定宽度的页面. 其实定宽页面更受C端用户接受和习惯"
+            show-icon
+            type="warning" />
+        <el-card header="所有主机" shadow="never">
+            <div class="page-buttons">
+                <el-button style="width: 180px" type="primary">创建云主机</el-button>
+                <el-button text type="primary">管理秘钥</el-button>
+                <el-button text type="primary">黑名单</el-button>
+            </div>
+            <scTable ref="table" :data="data" height="auto" hideDo paginationLayout="total, prev, pager, next">
+                <el-table-column label="主机名称" min-width="240" prop="name"></el-table-column>
+                <el-table-column label="外网ip" prop="ip" width="200"></el-table-column>
+                <el-table-column label="系统盘" prop="c" width="150"></el-table-column>
+                <el-table-column label="数据盘" prop="d" width="150"></el-table-column>
+                <el-table-column label="业务状态" prop="zt" width="150">
+                    <el-tag type="success">运行中</el-tag>
+                </el-table-column>
+                <el-table-column label="操作" width="70">
+                    <el-dropdown>
+                        <el-button icon="el-icon-more" size="small"></el-button>
+                        <template #dropdown>
+                            <el-dropdown-menu>
+                                <el-dropdown-item>配额</el-dropdown-item>
+                                <el-dropdown-item divided>重启</el-dropdown-item>
+                                <el-dropdown-item>停机</el-dropdown-item>
+                                <el-dropdown-item divided>释放主机</el-dropdown-item>
+                            </el-dropdown-menu>
+                        </template>
+                    </el-dropdown>
+                </el-table-column>
+            </scTable>
+        </el-card>
+    </el-main>
+</template>
+
+<script>
+export default {
+    name: 'widthlist',
+    data() {
+        return {
+            data: [
+                {
+                    name: 'WIN-server-202256324',
+                    ip: '211.187.11.18',
+                    c: '80G',
+                    d: '2048G',
+                    out: '1',
+                },
+                {
+                    name: 'WIN-server-20210312081254',
+                    ip: '211.187.41.56',
+                    c: '80G',
+                    d: '2048G',
+                    out: '1',
+                },
+            ],
+        }
+    },
+}
+</script>
+
+<style scoped>
+.page-msg {
+    margin: 15px 0;
+}
+
+.page-buttons {
+    margin-bottom: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/template/other/stepform.vue b/src/frontend/admin/src/views/template/other/stepform.vue
new file mode 100644
index 00000000..bd93c61f
--- /dev/null
+++ b/src/frontend/admin/src/views/template/other/stepform.vue
@@ -0,0 +1,150 @@
+<template>
+    <el-main>
+        <el-card header="分步表单" shadow="never">
+            <el-steps :active="active" align-center style="margin-bottom: 20px">
+                <el-step title="填写转账信息"></el-step>
+                <el-step title="确认转账信息"></el-step>
+                <el-step title="完成"></el-step>
+            </el-steps>
+            <el-row>
+                <el-col :lg="{ span: 8, offset: 8 }">
+                    <el-form v-if="active === 0" ref="stepForm_0" :model="form" :rules="rules" label-position="top">
+                        <el-form-item label="付款账户" prop="paymentAccount">
+                            <el-select v-model="form.paymentAccount" clearable>
+                                <el-option label="sakuya@scui.com" value="sakuya@scui.com"></el-option>
+                                <el-option label="lolicode@scui.com" value="lolicode@scui.com"></el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="收款账户" prop="collectionAccount">
+                            <el-input v-model="form.collectionAccount" clearable></el-input>
+                        </el-form-item>
+                        <el-form-item label="收款人姓名" prop="collectionName">
+                            <el-input v-model="form.collectionName" clearable></el-input>
+                        </el-form-item>
+                        <el-form-item label="转账金额" prop="amount">
+                            <el-input v-model="form.amount"></el-input>
+                        </el-form-item>
+                    </el-form>
+                    <el-form v-if="active === 1" ref="stepForm_1" :model="form" :rules="rules" label-position="top">
+                        <el-alert show-icon style="margin-bottom: 15px" title="确认转账后，资金将直接打入对方账户，无法退回。" type="warning" />
+                        <el-descriptions :column="1" border>
+                            <el-descriptions-item label="付款账户">{{ form.paymentAccount }}</el-descriptions-item>
+                            <el-descriptions-item label="收款账户">{{ form.collectionAccount }}</el-descriptions-item>
+                            <el-descriptions-item label="收款人姓名">{{ form.collectionName }}</el-descriptions-item>
+                            <el-descriptions-item label="转账金额">{{ form.amount }} 元</el-descriptions-item>
+                        </el-descriptions>
+                        <el-divider></el-divider>
+                        <el-form-item label="支付密码" prop="payPassword">
+                            <el-input v-model="form.payPassword" placeholder="请输入" show-password></el-input>
+                        </el-form-item>
+                    </el-form>
+                    <div v-if="active == 2">
+                        <el-result icon="success" sub-title="预计两小时内到账" title="操作成功">
+                            <template #extra>
+                                <el-button type="primary" @click="again">再转一笔</el-button>
+                                <el-button>查看账单</el-button>
+                            </template>
+                        </el-result>
+                    </div>
+                    <el-button v-if="active > 0 && active < 2" :disabled="submitLoading" @click="pre">上一步</el-button>
+                    <el-button v-if="active < 1" type="primary" @click="next">下一步</el-button>
+                    <el-button v-if="active === 1" :loading="submitLoading" type="primary" @click="submit">提交</el-button>
+                </el-col>
+            </el-row>
+        </el-card>
+    </el-main>
+</template>
+
+<script>
+export default {
+    name: 'stepform',
+    data() {
+        return {
+            active: 0,
+            submitLoading: false,
+            form: {
+                paymentAccount: 'lolicode@scui.com',
+                collectionAccount: 'test@example.com',
+                collectionName: 'Lolowan',
+                amount: '100',
+                payPassword: '',
+            },
+            rules: {
+                paymentAccount: [
+                    {
+                        required: true,
+                        message: '请选择付款账户',
+                    },
+                ],
+                collectionAccount: [
+                    {
+                        required: true,
+                        message: '请输入收款账户',
+                    },
+                ],
+                collectionName: [
+                    {
+                        required: true,
+                        message: '请输入收款人姓名',
+                    },
+                ],
+                amount: [
+                    {
+                        required: true,
+                        message: '请输入转账金额',
+                    },
+                ],
+                payPassword: [
+                    {
+                        required: true,
+                        message: '需要支付密码才能进行支付',
+                    },
+                ],
+            },
+        }
+    },
+    mounted() {},
+    methods: {
+        //下一步
+        next() {
+            const formName = `stepForm_${this.active}`
+            this.$refs[formName].validate((valid) => {
+                if (valid) {
+                    this.active += 1
+                } else {
+                    return false
+                }
+            })
+        },
+        //上一步
+        pre() {
+            this.active -= 1
+        },
+        //提交
+        submit() {
+            const formName = `stepForm_${this.active}`
+            this.$refs[formName].validate((valid) => {
+                if (valid) {
+                    this.submitLoading = true
+                    setTimeout(() => {
+                        this.submitLoading = false
+                        this.active += 1
+                    }, 1000)
+                } else {
+                    return false
+                }
+            })
+        },
+        //再来一次
+        again() {
+            this.active = 0
+        },
+    },
+}
+</script>
+
+<style scoped>
+.el-steps:deep(.is-finish) .el-step__line {
+    background: var(--el-color-primary);
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/test/autocode/index.vue b/src/frontend/admin/src/views/test/autocode/index.vue
new file mode 100644
index 00000000..f02fcbdc
--- /dev/null
+++ b/src/frontend/admin/src/views/test/autocode/index.vue
@@ -0,0 +1,106 @@
+<template>
+    <router-view></router-view>
+    <el-main>
+        <el-row :gutter="15">
+            <el-col v-for="item in list" :key="item.title" :lg="6" :md="8" :sm="12" :xl="6" :xs="24">
+                <el-card :body-style="{ padding: '0px' }" shadow="hover" @click="click(item.url)">
+                    <div class="code-item">
+                        <div :style="{ background: item.color }" class="img">
+                            <el-icon :style="`background-image: -webkit-linear-gradient(top left, #fff, ${item.color} 100px)`">
+                                <component :is="item.icon" />
+                            </el-icon>
+                        </div>
+                        <div class="title">
+                            <h2>{{ item.title }}</h2>
+                            <h4>{{ item.des }}</h4>
+                            <p>
+                                <el-tag>{{ item.ver }}</el-tag>
+                            </p>
+                        </div>
+                    </div>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+</template>
+
+<script>
+export default {
+    name: 'autocode',
+    data() {
+        return {
+            list: [
+                {
+                    title: 'CRUD v2',
+                    des: '配置型生成经典的增删改查列表',
+                    icon: 'el-icon-finished',
+                    color: '#ccc',
+                    ver: '开发中',
+                    url: '/test/autocode/list_n',
+                },
+                {
+                    title: 'FormDesigner',
+                    des: '表单设计器',
+                    icon: 'el-icon-list',
+                    color: '#ccc',
+                    ver: '开发中',
+                    url: '/test/autocode/form',
+                },
+            ],
+        }
+    },
+    methods: {
+        click(url) {
+            this.$router.push({
+                path: url,
+            })
+        },
+    },
+}
+</script>
+
+<style scoped>
+.el-card {
+    margin-bottom: 15px;
+}
+
+.code-item {
+    cursor: pointer;
+}
+
+.code-item .img {
+    width: 100%;
+    height: 150px;
+    background: #09f;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.code-item .img i {
+    font-size: 100px;
+    color: #fff;
+    background-image: -webkit-linear-gradient(top left, #fff, #09f 100px);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+.code-item .title {
+    padding: 15px;
+}
+
+.code-item .title h2 {
+    font-size: 16px;
+}
+
+.code-item .title h4 {
+    font-size: 12px;
+    color: #999;
+    font-weight: normal;
+    margin-top: 5px;
+}
+
+.code-item .title p {
+    margin-top: 15px;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/test/autocode/list.vue b/src/frontend/admin/src/views/test/autocode/list.vue
new file mode 100644
index 00000000..b671804f
--- /dev/null
+++ b/src/frontend/admin/src/views/test/autocode/list.vue
@@ -0,0 +1,232 @@
+<template>
+    <el-container>
+        <el-main>
+            <el-card shadow="never">
+                <el-tabs tab-position="top">
+                    <el-tab-pane label="列配置">
+                        <sc-form-table v-model="column" :addTemplate="addTemplate" placeholder="请添加列数据">
+                            <el-table-column label="显示名称" prop="label" width="180">
+                                <template #default="scope">
+                                    <el-input v-model="scope.row.label" placeholder="请输入内容"></el-input>
+                                </template>
+                            </el-table-column>
+                            <el-table-column label="字段名" prop="prop" width="180">
+                                <template #default="scope">
+                                    <el-input v-model="scope.row.prop" placeholder="请输入内容"></el-input>
+                                </template>
+                            </el-table-column>
+                            <el-table-column label="宽度" prop="width" width="180">
+                                <template #default="scope">
+                                    <el-input v-model="scope.row.width" placeholder="请输入内容"></el-input>
+                                </template>
+                            </el-table-column>
+                            <el-table-column align="center" label="加入编辑" prop="isEdit" width="80">
+                                <template #default="scope">
+                                    <el-checkbox v-model="scope.row.isEdit"></el-checkbox>
+                                </template>
+                            </el-table-column>
+                            <el-table-column align="center" label="加入搜索" prop="isSearch" width="80">
+                                <template #default="scope">
+                                    <el-checkbox v-model="scope.row.isSearch"></el-checkbox>
+                                </template>
+                            </el-table-column>
+                        </sc-form-table>
+                    </el-tab-pane>
+                    <el-tab-pane label="基础配置">
+                        <el-row>
+                            <el-col :lg="8" :xl="12">
+                                <el-form :model="base" label-width="80px">
+                                    <el-form-item label="name">
+                                        <el-input v-model="base.name"></el-input>
+                                        <div class="el-form-item-msg">系统唯一且与路由别名一致，否则导致缓存失效。</div>
+                                    </el-form-item>
+                                    <el-form-item label="rowKey">
+                                        <el-input v-model="base.rowKey"></el-input>
+                                        <div class="el-form-item-msg">表格唯一标识，编辑保存和删除将传递rowKey</div>
+                                    </el-form-item>
+                                </el-form>
+                            </el-col>
+                        </el-row>
+                    </el-tab-pane>
+                    <el-tab-pane label="API路径配置">
+                        <el-alert
+                            style="margin: 0 0 20px 0"
+                            title="$API 映射文件: @/api/index.js 统一接口管理器, 所以需提前配置好API对象."
+                            type="warning"></el-alert>
+                        <el-row>
+                            <el-col :lg="8" :xl="12">
+                                <el-form :model="api" label-width="80px">
+                                    <el-form-item label="获取列表">
+                                        <el-input v-model="api.list">
+                                            <template #prepend>$API.</template>
+                                        </el-input>
+                                    </el-form-item>
+                                    <el-form-item label="新增">
+                                        <el-input v-model="api.add">
+                                            <template #prepend>$API.</template>
+                                        </el-input>
+                                    </el-form-item>
+                                    <el-form-item label="保存">
+                                        <el-input v-model="api.save">
+                                            <template #prepend>$API.</template>
+                                        </el-input>
+                                    </el-form-item>
+                                    <el-form-item label="查询详细">
+                                        <el-input v-model="api.show">
+                                            <template #prepend>$API.</template>
+                                        </el-input>
+                                    </el-form-item>
+                                    <el-form-item label="删除">
+                                        <el-input v-model="api.del">
+                                            <template #prepend>$API.</template>
+                                        </el-input>
+                                    </el-form-item>
+                                </el-form>
+                            </el-col>
+                        </el-row>
+                    </el-tab-pane>
+                </el-tabs>
+            </el-card>
+            <pre style="margin-top: 50px; display: none">{{ code }}</pre>
+        </el-main>
+        <el-footer>
+            <el-dropdown style="margin-right: 15px">
+                <el-button :loading="downloadcodeLoading" icon="el-icon-download" type="primary">下载VUE文件</el-button>
+                <template #dropdown>
+                    <el-dropdown-menu>
+                        <el-dropdown-item @click="downloadListCode">下载 index.vue</el-dropdown-item>
+                        <el-dropdown-item @click="downloadSaveCode">下载 save.vue</el-dropdown-item>
+                    </el-dropdown-menu>
+                </template>
+            </el-dropdown>
+            <el-dropdown>
+                <el-button :loading="showcodeLoading" icon="el-icon-top-right" plain type="primary">预览代码</el-button>
+                <template #dropdown>
+                    <el-dropdown-menu>
+                        <el-dropdown-item @click="showListCode">预览 index.vue</el-dropdown-item>
+                        <el-dropdown-item @click="showSaveCode">预览 save.vue</el-dropdown-item>
+                    </el-dropdown-menu>
+                </template>
+            </el-dropdown>
+        </el-footer>
+    </el-container>
+
+    <el-dialog v-model="codeVisible" append-to-body destroy-on-close title="代码预览" width="60%">
+        <el-alert
+            show-icon
+            style="margin-bottom: 20px"
+            title="需将VUE文件放置views文件夹,路由匹配组件的路径下,如文件名为index.vue可不需要写文件名"
+            type="success"></el-alert>
+        <pre class="code" contenteditable>{{ code }}</pre>
+        <template #footer>
+            <el-button type="primary" @click="codeVisible = false">确 定</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+import template from '@/utils/template'
+
+export default {
+    name: 'autocode-list',
+    data() {
+        return {
+            codeVisible: false,
+            showcodeLoading: false,
+            downloadcodeLoading: false,
+            code: '',
+            base: {
+                name: '',
+                rowKey: 'id',
+            },
+            api: {
+                list: '',
+                add: '',
+                save: '',
+                show: '',
+                del: '',
+            },
+            column: [],
+            addTemplate: {
+                label: '',
+                prop: '',
+                width: '100',
+                isSearch: false,
+                isEdit: false,
+            },
+        }
+    },
+    mounted() {},
+    methods: {
+        //列表预览
+        async showListCode() {
+            this.showcodeLoading = true
+            await this.getListTpl()
+            this.showcodeLoading = false
+            this.codeVisible = true
+        },
+        //获取列表模板文件
+        async getListTpl() {
+            var data = {
+                createDate: new Date().toLocaleString(),
+                base: this.base,
+                column: this.column,
+                api: this.api,
+            }
+            var tpl = await this.$HTTP.get('code/list/index.vue')
+            this.code = template(tpl, data)
+        },
+        //详细预览
+        async showSaveCode() {
+            this.showcodeLoading = true
+            await this.getSaveTpl()
+            this.showcodeLoading = false
+            this.codeVisible = true
+        },
+        //获取详细模板文件
+        async getSaveTpl() {
+            var data = {
+                createDate: new Date().toLocaleString(),
+                base: this.base,
+                column: this.column.filter((item) => item.isEdit === true),
+                api: this.api,
+            }
+            var tpl = await this.$HTTP.get('code/list/save.vue')
+            this.code = template(tpl, data)
+        },
+        async downloadListCode() {
+            this.downloadcodeLoading = true
+            await this.getListTpl()
+            this.downloadcodeLoading = false
+            this.createFile(this.code, 'index.vue')
+        },
+        async downloadSaveCode() {
+            this.downloadcodeLoading = true
+            await this.getSaveTpl()
+            this.downloadcodeLoading = false
+            this.createFile(this.code, 'save.vue')
+        },
+        //创建文件并下载
+        createFile(row, name) {
+            const element = document.createElement('a')
+            element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(row))
+            element.setAttribute('download', name)
+            element.style.display = 'none'
+            element.click()
+        },
+    },
+}
+</script>
+
+<style scoped>
+.code {
+    height: 400px;
+    overflow: auto;
+    background: #333;
+    color: #999;
+    padding: 20px;
+    font-size: 14px;
+    font-family: 'consolas';
+    line-height: 1.5;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/test/codebug/index.vue b/src/frontend/admin/src/views/test/codebug/index.vue
new file mode 100644
index 00000000..c6d1854f
--- /dev/null
+++ b/src/frontend/admin/src/views/test/codebug/index.vue
@@ -0,0 +1,94 @@
+<!--
+ * @Descripttion: 模拟触发错误
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年6月25日08:53:13
+ * @LastEditors:
+ * @LastEditTime:
+-->
+
+<template>
+    <el-main>
+        <el-alert
+            style="margin-bottom: 20px"
+            title="通过VUE开放的errorHandler可以很方便的捕捉到处理异常, SCUI收集后可上报日志收集系统, 相关代码:@/utils/errorHandler.js"
+            type="success"></el-alert>
+        <el-row :gutter="15">
+            <el-col :lg="8">
+                <el-card header="ReferenceError" shadow="never">
+                    <el-button type="danger" @click="ReferenceError">模拟触发</el-button>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card header="TypeError" shadow="never">
+                    <el-button type="danger" @click="TypeError">模拟触发</el-button>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card header="RangeError" shadow="never">
+                    <el-button type="danger" @click="RangeError">模拟触发</el-button>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card header="API 401" shadow="never">
+                    <el-button type="danger" @click="api401">模拟触发</el-button>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card header="API 404" shadow="never">
+                    <el-button type="danger" @click="api404">模拟触发</el-button>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card header="API 500" shadow="never">
+                    <el-button type="danger" @click="api500">模拟触发</el-button>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card header="Router 404" shadow="never">
+                    <el-button type="danger" @click="router404">模拟触发</el-button>
+                </el-card>
+            </el-col>
+        </el-row>
+        <el-alert style="margin-top: 20px" title=":) 尝试模拟SyntaxError语法错误时,发现VUE编译失败,所以这不作模拟了" type="info"></el-alert>
+    </el-main>
+</template>
+
+<script>
+/* eslint-disable */
+//为了演示异常，跳过eslint
+export default {
+    name: 'codebug',
+    data() {
+        return {}
+    },
+    mounted() {},
+    methods: {
+        ReferenceError() {
+            console.log(obj)
+        },
+        TypeError() {
+            const obj = null
+            console.log(obj.a)
+        },
+        RangeError() {
+            const n = 1
+            n.toFixed(101)
+        },
+        async api401() {
+            var data = await this.$API.demo.status.get(401)
+        },
+        async api404() {
+            var data = await this.$API.demo.status.get(404)
+        },
+        async api500() {
+            var data = await this.$API.demo.status.get(500)
+        },
+        router404() {
+            this.$router.push('/page/404')
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/chart.vue b/src/frontend/admin/src/views/vab/chart.vue
new file mode 100644
index 00000000..f48670e9
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/chart.vue
@@ -0,0 +1,246 @@
+<template>
+    <el-main>
+        <el-alert
+            style="margin-bottom: 20px"
+            title="感谢百度Echarts组件, SCUI经过封装后在VUE里使用更方便而且暴露Echarts所有方法,具体请查看本文件"
+            type="success"></el-alert>
+        <el-row :gutter="15">
+            <el-col :lg="8">
+                <el-card shadow="never">
+                    <scEcharts :option="option" height="300px"></scEcharts>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card shadow="never">
+                    <scEcharts :option="option2" height="300px"></scEcharts>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card shadow="never">
+                    <scEcharts :option="option3" height="300px"></scEcharts>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card shadow="never">
+                    <scEcharts :option="option4" height="300px"></scEcharts>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card shadow="never">
+                    <scEcharts :option="option5" height="300px"></scEcharts>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card shadow="never">
+                    <scEcharts :option="option6" height="300px"></scEcharts>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+</template>
+
+<script>
+import scEcharts from '@/components/scEcharts'
+
+/**
+ * 引入组件 @/components/scEcharts
+ * 组件内部会自动加载主题 @/components/scEcharts/echarts-theme-T.js
+ * 支持props包括 height，width，option
+ * 组件export百度Echarts所有方法，使用方式: new scEcharts[fun]
+ */
+
+export default {
+    name: 'chart',
+    components: {
+        scEcharts,
+    },
+    data() {
+        return {
+            option: {
+                title: {
+                    text: 'Bar Demo',
+                    subtext: '基础柱状图',
+                },
+                grid: {
+                    top: '80px',
+                },
+                tooltip: {
+                    trigger: 'axis',
+                },
+                xAxis: {
+                    type: 'category',
+                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+                },
+                yAxis: {
+                    type: 'value',
+                },
+                series: [
+                    {
+                        data: [120, 200, 150, 80, 70, 110, 130],
+                        type: 'bar',
+                        barWidth: '15px',
+                    },
+                    {
+                        data: [110, 180, 120, 120, 60, 90, 110],
+                        type: 'bar',
+                        barWidth: '15px',
+                    },
+                ],
+            },
+            option2: {
+                title: {
+                    text: 'Line Demo',
+                    subtext: '基础折线图',
+                },
+                grid: {
+                    top: '80px',
+                },
+                tooltip: {
+                    trigger: 'axis',
+                },
+                xAxis: {
+                    type: 'category',
+                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+                },
+                yAxis: {
+                    type: 'value',
+                },
+                series: [
+                    {
+                        data: [120, 200, 150, 80, 70, 110, 130],
+                        type: 'line',
+                    },
+                    {
+                        data: [110, 180, 120, 120, 60, 90, 110],
+                        type: 'line',
+                    },
+                ],
+            },
+            option3: {
+                title: {
+                    text: 'Pie Demo',
+                    subtext: '基础饼图',
+                },
+                tooltip: {
+                    trigger: 'item',
+                },
+                series: [
+                    {
+                        name: '访问来源',
+                        type: 'pie',
+                        radius: ['40%', '70%'],
+                        center: ['50%', '60%'],
+                        label: false,
+                        data: [
+                            { value: 1048, name: '搜索引擎' },
+                            { value: 735, name: '直接访问' },
+                            { value: 580, name: '邮件营销' },
+                            { value: 484, name: '联盟广告' },
+                            { value: 300, name: '视频广告' },
+                        ],
+                    },
+                ],
+            },
+            option4: {
+                title: {
+                    text: 'Radar Demo',
+                    subtext: '基础雷达(属性)图',
+                },
+                tooltip: {
+                    trigger: 'item',
+                },
+                radar: {
+                    radius: 100,
+                    center: ['50%', '55%'],
+                    indicator: [
+                        { name: '销售', max: 100 },
+                        { name: '管理', max: 100 },
+                        { name: '信息技术', max: 100 },
+                        { name: '客服', max: 100 },
+                        { name: '研发', max: 100 },
+                        { name: '市场', max: 100 },
+                    ],
+                },
+                series: [
+                    {
+                        name: 'SCUI',
+                        type: 'radar',
+                        areaStyle: {},
+                        data: [
+                            {
+                                value: [74, 90, 95, 65, 80, 31],
+                            },
+                        ],
+                    },
+                ],
+            },
+            option5: {
+                title: {
+                    text: 'Kline Demo',
+                    subtext: '基础K线图',
+                },
+                grid: {
+                    top: '80px',
+                },
+                tooltip: {
+                    trigger: 'axis',
+                    axisPointer: {
+                        type: 'cross',
+                    },
+                },
+                xAxis: {
+                    data: ['2017-10-23', '2017-10-24', '2017-10-25', '2017-10-26', '2017-10-27', '2017-10-28', '2017-10-29', '2017-10-30'],
+                },
+                yAxis: {
+                    scale: true,
+                },
+                series: [
+                    {
+                        type: 'k',
+                        data: [
+                            [2213.19, 2199.31, 2191.85, 2224.63],
+                            [2203.89, 2177.91, 2173.86, 2210.58],
+                            [2170.78, 2174.12, 2161.14, 2179.65],
+                            [2179.05, 2205.5, 2179.05, 2222.81],
+                            [2212.5, 2231.17, 2212.5, 2236.07],
+                            [2227.86, 2235.57, 2219.44, 2240.26],
+                            [2242.39, 2246.3, 2235.42, 2255.21],
+                            [2246.96, 2232.97, 2221.38, 2247.86],
+                        ],
+                    },
+                ],
+            },
+            option6: {
+                title: {
+                    text: 'Gauge Demo',
+                    subtext: '基础仪表盘',
+                },
+                series: [
+                    {
+                        center: ['50%', '60%'],
+                        type: 'gauge',
+                        anchor: {
+                            show: true,
+                            showAbove: true,
+                            size: 20,
+                            itemStyle: {
+                                borderWidth: 5,
+                            },
+                        },
+                        progress: {
+                            show: true,
+                        },
+                        data: [
+                            {
+                                value: 70,
+                            },
+                        ],
+                    },
+                ],
+            },
+        }
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/codeeditor.vue b/src/frontend/admin/src/views/vab/codeeditor.vue
new file mode 100644
index 00000000..0335885f
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/codeeditor.vue
@@ -0,0 +1,85 @@
+<template>
+    <el-main>
+        <el-alert style="margin-bottom: 20px" title="感谢codeMirror组件" type="success"></el-alert>
+        <el-row :gutter="15">
+            <el-col :lg="24">
+                <el-card header="JSON" shadow="never">
+                    <sc-code-editor ref="editor" v-model="json" :height="200" mode="javascript"></sc-code-editor>
+                    <div style="margin-top: 15px">
+                        <el-button type="primary" @click="getCode">获取v-model</el-button>
+                        <el-button type="primary" @click="getValue">getValue()</el-button>
+                        <el-button type="primary" @click="setValue">setValue()</el-button>
+                    </div>
+                </el-card>
+            </el-col>
+            <el-col :lg="12">
+                <el-card header="javascript Darcula主题" shadow="never">
+                    <sc-code-editor v-model="js" mode="javascript" theme="darcula"></sc-code-editor>
+                </el-card>
+            </el-col>
+
+            <el-col :lg="12">
+                <el-card header="SQL" shadow="never">
+                    <sc-code-editor v-model="sql" mode="sql"></sc-code-editor>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+</template>
+
+<script>
+import { defineAsyncComponent } from 'vue'
+
+const scCodeEditor = defineAsyncComponent(() => import('@/components/scCodeEditor'))
+
+export default {
+    name: 'codeeditor',
+    components: {
+        scCodeEditor,
+    },
+    data() {
+        return {
+            json: `{
+	"name": "SCUI",
+	"menu": [
+		{
+			"title": "VUE 3",
+			"type": true,
+			"link": "https://v3.cn.vuejs.org"
+		},
+		{
+			"title": "elementplus",
+			"type": false,
+			"link": "https://element-plus.gitee.io"
+		}
+	]
+}`,
+            js: `// Demo code (the actual new parser character stream implementation)
+function StringStream(string) {
+	this.pos = 0;
+	this.string = string;
+}`,
+            sql: `SELECT \`author\`, \`title\` FROM \`posts\`
+WHERE \`status\` = 'draft' AND \`author\` IN('author1','author2')
+ORDER BY \`created_at\` DESC, \`id\` DESC LIMIT 0, 10;`,
+        }
+    },
+    methods: {
+        getCode() {
+            this.$message('请查看控制台')
+            console.log(this.json)
+        },
+        getValue() {
+            this.$message('请查看控制台')
+            var v = this.$refs.editor.coder.getValue()
+            console.log(v)
+        },
+        setValue() {
+            var v = `{"key":"newValue"}`
+            this.$refs.editor.coder.setValue(v)
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/contextmenu.vue b/src/frontend/admin/src/views/vab/contextmenu.vue
new file mode 100644
index 00000000..2a09ad09
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/contextmenu.vue
@@ -0,0 +1,117 @@
+<!--
+ * @Descripttion: 右键简单组件演示文件
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年7月22日16:31:14
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-19 11:41:16
+-->
+
+<template>
+    <el-main>
+        <el-row :gutter="15">
+            <el-col :lg="12">
+                <el-card shadow="never">
+                    <el-alert style="margin-bottom: 20px" title="试试右键表格行看看. 支持多级菜单, 动态菜单等等等..." type="success"></el-alert>
+                    <el-table ref="table" :data="tableData" highlight-current-row @row-contextmenu="rowContextmenu">
+                        <el-table-column type="expand">
+                            <template #default="props">
+                                <el-empty :description="props.row.id + ' 自定义扩展行'" :image-size="60"></el-empty>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="ID" prop="id" width="50"></el-table-column>
+                        <el-table-column label="NAME" prop="name" width="220"></el-table-column>
+                        <el-table-column label="DATE" prop="date"></el-table-column>
+                        <el-table-column label="STATE" prop="state"></el-table-column>
+                    </el-table>
+                </el-card>
+            </el-col>
+            <el-col :lg="12">
+                <el-card shadow="never" @contextmenu.prevent="openMenu">
+                    <div style="height: 500px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #999">
+                        试试看在上下左右四个角落右键，看看边缘位置修正效果
+                    </div>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+
+    <sc-contextmenu ref="contextmenu" @command="handleCommand" @visible-change="visibleChange">
+        <sc-contextmenu-item command="a" suffix="Alt+←" title="返回(B)"></sc-contextmenu-item>
+        <sc-contextmenu-item command="b" icon="el-icon-refresh" suffix="Ctrl+R" title="重新加载(R)"></sc-contextmenu-item>
+        <sc-contextmenu-item divided title="切换兼容性模式">
+            <sc-contextmenu-item command="c1" title="二级菜单1"></sc-contextmenu-item>
+            <sc-contextmenu-item title="二级菜单2">
+                <sc-contextmenu-item command="c2-1" title="三级菜单1"></sc-contextmenu-item>
+                <sc-contextmenu-item command="c2-2" title="三级菜单2"></sc-contextmenu-item>
+                <sc-contextmenu-item command="c2-3" title="三级菜单3"></sc-contextmenu-item>
+            </sc-contextmenu-item>
+            <sc-contextmenu-item command="c3" title="二级菜单3"></sc-contextmenu-item>
+        </sc-contextmenu-item>
+        <sc-contextmenu-item :disabled="row && row.state === 0" command="d" divided title="属性(P)"></sc-contextmenu-item>
+        <sc-contextmenu-item v-if="row && row.state === 0" command="e" title="设置state=1"></sc-contextmenu-item>
+    </sc-contextmenu>
+</template>
+
+<script>
+import scContextmenu from '@/components/scContextmenu'
+import scContextmenuItem from '@/components/scContextmenu/item'
+
+export default {
+    name: 'contextmenu',
+    components: {
+        scContextmenu,
+        scContextmenuItem,
+    },
+    data() {
+        return {
+            row: null,
+            tableData: [
+                {
+                    id: '1',
+                    name: 'Sakuya',
+                    date: '2021-10-10',
+                    state: 1,
+                },
+                {
+                    id: '2',
+                    name: 'Lolowan(此行右键属性禁用)',
+                    date: '2021-10-09',
+                    state: 0,
+                },
+                {
+                    id: '3',
+                    name: 'Ali',
+                    date: '2021-10-08',
+                    state: 1,
+                },
+            ],
+        }
+    },
+    mounted() {},
+    methods: {
+        rowContextmenu(row, column, event) {
+            this.row = row
+            this.$refs.table.setCurrentRow(row)
+            this.$refs.contextmenu.openMenu(event)
+        },
+        openMenu(e) {
+            this.row = null
+            this.$refs.contextmenu.openMenu(e)
+        },
+        handleCommand(command) {
+            this.$message('click on item ' + command)
+            if (command === 'e') {
+                this.row.state = 1
+            }
+        },
+        visibleChange(visible) {
+            if (!visible) {
+                this.$refs.table.setCurrentRow()
+            }
+        },
+    },
+}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/cron.vue b/src/frontend/admin/src/views/vab/cron.vue
new file mode 100644
index 00000000..588d7962
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/cron.vue
@@ -0,0 +1,45 @@
+<template>
+    <el-main>
+        <el-alert
+            style="margin-bottom: 20px"
+            title="SCUI独创, 区别于市面上的规则生成器, 对不是很理解Cron的操作员也可以选择设置的快捷录入"
+            type="success"></el-alert>
+        <el-row :gutter="15">
+            <el-col :lg="12">
+                <el-card header="默认" shadow="never">
+                    <sc-cron v-model="v1" clearable placeholder="请输入Cron定时规则"></sc-cron>
+                </el-card>
+            </el-col>
+            <el-col :lg="12">
+                <el-card header="快捷扩展" shadow="never">
+                    <sc-cron v-model="v2" :shortcuts="shortcuts" clearable placeholder="请输入Cron定时规则"></sc-cron>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+</template>
+
+<script>
+import scCron from '@/components/scCron'
+
+export default {
+    name: 'cron',
+    components: {
+        scCron,
+    },
+    data() {
+        return {
+            v1: '',
+            v2: '',
+            shortcuts: [
+                {
+                    text: '每天8点和12点 (自定义追加)',
+                    value: '0 0 8,12 * * ?',
+                },
+            ],
+        }
+    },
+    mounted() {},
+    methods: {},
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/cropper.vue b/src/frontend/admin/src/views/vab/cropper.vue
new file mode 100644
index 00000000..f11868c5
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/cropper.vue
@@ -0,0 +1,102 @@
+<!--
+ * @Descripttion: 图像剪裁组件演示文件
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年7月24日20:58:51
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-19 12:02:06
+-->
+
+<template>
+    <el-main>
+        <el-row :gutter="15">
+            <el-col :lg="14">
+                <el-card shadow="never">
+                    <sc-cropper ref="cropper" :aspectRatio="aspectRatio" :compress="compress" :src="cropperImg"></sc-cropper>
+                </el-card>
+                <el-card header="参数和方法" shadow="never">
+                    <el-form label-width="100px">
+                        <el-form-item label="aspectRatio">
+                            <el-select v-model="aspectRatio">
+                                <el-option :value="0" label="自由"></el-option>
+                                <el-option :value="1 / 1" label="1:1"></el-option>
+                                <el-option :value="4 / 3" label="4:3"></el-option>
+                                <el-option :value="16 / 9" label="16:9"></el-option>
+                            </el-select>
+                            <div class="el-form-item-msg">固定选区或者不固定</div>
+                        </el-form-item>
+                        <el-form-item label="compress">
+                            <el-select v-model="compress">
+                                <el-option :value="0.1" label="0.1"></el-option>
+                                <el-option :value="0.5" label="0.5"></el-option>
+                                <el-option :value="1" label="1"></el-option>
+                            </el-select>
+                            <div class="el-form-item-msg">图像压缩率，值为：0.1-1</div>
+                        </el-form-item>
+                    </el-form>
+                    <el-button plain type="primary" @click="getBase64">Base64</el-button>
+                    <el-button plain type="primary" @click="getBlob">Blob</el-button>
+                    <el-button plain type="primary" @click="getFile">File</el-button>
+                </el-card>
+                <el-card header="方法结果" shadow="never">
+                    <img :src="imgData" />
+                </el-card>
+            </el-col>
+            <el-col :lg="10">
+                <el-card header="已内置剪裁的上传组件" shadow="never">
+                    <el-alert
+                        style="margin-bottom: 20px"
+                        title="设置cropper就可以开启上传前剪裁, 并已封装compress和aspectRatio, 打开F12查看网络请求"
+                        type="success"></el-alert>
+                    <sc-upload v-model="uploadImg" :aspectRatio="1 / 1" :compress="1" :cropper="true" title="开启剪裁"></sc-upload>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+</template>
+
+<script>
+import scCropper from '@/components/scCropper'
+
+export default {
+    name: 'cropper',
+    components: {
+        scCropper,
+    },
+    data() {
+        return {
+            cropperImg: '@/assets/img/avatar.jpg',
+            compress: 0.5,
+            aspectRatio: 0,
+            uploadImg: '',
+            imgData: '',
+        }
+    },
+    methods: {
+        getBase64() {
+            this.$refs.cropper.getCropData((data) => {
+                this.imgData = data
+            })
+        },
+        getBlob() {
+            this.$refs.cropper.getCropBlob((blob) => {
+                this.imgData = URL.createObjectURL(blob)
+            })
+        },
+        getFile() {
+            this.$refs.cropper.getCropFile(
+                (file) => {
+                    let aTag = document.createElement('a')
+                    aTag.download = file.name
+                    aTag.href = URL.createObjectURL(file)
+                    aTag.click()
+                },
+                'fileName.jpg',
+                'image/jpeg',
+            )
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/dialog/dialog1.vue b/src/frontend/admin/src/views/vab/dialog/dialog1.vue
new file mode 100644
index 00000000..ab58a656
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/dialog/dialog1.vue
@@ -0,0 +1,25 @@
+<template>
+    <sc-dialog v-model="visible" title="提示" @closed="$emit('closed')">
+        内容1
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button type="primary" @click="visible = false">确 定</el-button>
+        </template>
+    </sc-dialog>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            visible: true,
+        }
+    },
+    mounted() {
+        console.log('加载./dialog1组件完成')
+    },
+    methods: {},
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/dialog/dialog2.vue b/src/frontend/admin/src/views/vab/dialog/dialog2.vue
new file mode 100644
index 00000000..8f238166
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/dialog/dialog2.vue
@@ -0,0 +1,25 @@
+<template>
+    <sc-dialog v-model="visible" title="提示" @closed="$emit('closed')">
+        内容2
+        <template #footer>
+            <el-button @click="visible = false">取 消</el-button>
+            <el-button type="primary" @click="visible = false">确 定</el-button>
+        </template>
+    </sc-dialog>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            visible: true,
+        }
+    },
+    mounted() {
+        console.log('加载./dialog2组件完成')
+    },
+    methods: {},
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/dialog/index.vue b/src/frontend/admin/src/views/vab/dialog/index.vue
new file mode 100644
index 00000000..87453179
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/dialog/index.vue
@@ -0,0 +1,97 @@
+<!--
+ * @Descripttion: scDialog 弹窗扩展演示文件
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年8月27日08:56:30
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-19 11:40:38
+-->
+
+<template>
+    <el-main>
+        <el-alert style="margin: 0 0 20px 0" title="二次封装el-dialog,加入加载中/最大化." type="success"></el-alert>
+        <el-card header="内置" shadow="never">
+            <el-button type="primary" @click="open1">默认</el-button>
+            <el-button type="primary" @click="open2">加载</el-button>
+            <el-button type="primary" @click="open3">禁止拖拽最大化和关闭</el-button>
+        </el-card>
+        <el-card header="异步" shadow="never" style="margin-top: 15px">
+            <el-button type="primary" @click="asyn1">异步加载1</el-button>
+            <el-button type="primary" @click="asyn2">异步加载2</el-button>
+            <el-alert style="margin-top: 20px" title="适用于页面有很多弹窗操作,利用异步组件按需加载,加快首屏的加载速度和打包体积"></el-alert>
+        </el-card>
+    </el-main>
+
+    <sc-dialog v-model="dialog1" draggable title="提示">
+        内容
+        <template #footer>
+            <el-button @click="dialog1 = false">取 消</el-button>
+            <el-button type="primary" @click="dialog1 = false">确 定</el-button>
+        </template>
+    </sc-dialog>
+
+    <sc-dialog v-model="dialog2" :loading="dialog2Loading" :width="400" draggable title="模拟加载">
+        <el-empty :image-size="80" description="NO Data"></el-empty>
+        <template #footer>
+            <el-button @click="dialog2 = false">取 消</el-button>
+            <el-button :loading="dialog2Loading" type="primary" @click="dialog2 = false">确 定</el-button>
+        </template>
+    </sc-dialog>
+
+    <sc-dialog v-model="dialog3" :show-close="false" :show-fullscreen="false" title="禁用拖拽">
+        内容
+        <template #footer>
+            <el-button @click="dialog3 = false">取 消</el-button>
+            <el-button type="primary" @click="dialog3 = false">确 定</el-button>
+        </template>
+    </sc-dialog>
+
+    <dialog1 v-if="asynDialog1" draggable @closed="asynDialog1 = false"></dialog1>
+    <dialog2 v-if="asynDialog2" draggable @closed="asynDialog2 = false"></dialog2>
+</template>
+
+<script>
+import { defineAsyncComponent } from 'vue'
+
+export default {
+    name: 'dialogExtend',
+    components: {
+        dialog1: defineAsyncComponent(() => import('./dialog1')),
+        dialog2: defineAsyncComponent(() => import('./dialog2')),
+    },
+    data() {
+        return {
+            dialog1: false,
+            dialog2: false,
+            dialog3: false,
+            dialog2Loading: false,
+            asynDialog1: false,
+            asynDialog2: false,
+        }
+    },
+    mounted() {},
+    methods: {
+        open1() {
+            this.dialog1 = true
+        },
+        open2() {
+            this.dialog2 = true
+            this.dialog2Loading = true
+            setTimeout(() => {
+                this.dialog2Loading = false
+            }, 1000)
+        },
+        open3() {
+            this.dialog3 = true
+        },
+        asyn1() {
+            this.asynDialog1 = true
+        },
+        asyn2() {
+            this.asynDialog2 = true
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/drag.vue b/src/frontend/admin/src/views/vab/drag.vue
new file mode 100644
index 00000000..15f9fef9
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/drag.vue
@@ -0,0 +1,135 @@
+<template>
+    <el-main>
+        <el-alert
+            style="margin-bottom: 20px"
+            title="感谢Vue3.0版本的vue.draggable.next拖拽组件 https://github.com/SortableJS/vue.draggable.next"
+            type="success"></el-alert>
+        <div class="dragList">
+            <draggable v-model="listA" animation="200" group="people" item-key="id">
+                <template #item="{ element }">
+                    <div class="item">{{ element.text }}</div>
+                </template>
+            </draggable>
+        </div>
+        <div class="dragList">
+            <draggable v-model="listB" animation="200" group="people" item-key="id">
+                <template #item="{ element }">
+                    <div class="item">{{ element.text }}</div>
+                </template>
+            </draggable>
+        </div>
+    </el-main>
+</template>
+
+<script>
+import draggable from 'vuedraggable'
+
+export default {
+    name: 'drag',
+    components: {
+        draggable,
+    },
+    data() {
+        return {
+            listA: [
+                {
+                    id: 1,
+                    text: 'A1',
+                },
+                {
+                    id: 2,
+                    text: 'A2',
+                },
+                {
+                    id: 3,
+                    text: 'A3',
+                },
+                {
+                    id: 4,
+                    text: 'A4',
+                },
+                {
+                    id: 5,
+                    text: 'A5',
+                },
+                {
+                    id: 6,
+                    text: 'A6',
+                },
+                {
+                    id: 7,
+                    text: 'A7',
+                },
+                {
+                    id: 8,
+                    text: 'A8',
+                },
+                {
+                    id: 9,
+                    text: 'A9',
+                },
+            ],
+            listB: [
+                {
+                    id: 1,
+                    text: 'B1',
+                },
+                {
+                    id: 2,
+                    text: 'B2',
+                },
+                {
+                    id: 3,
+                    text: 'B3',
+                },
+                {
+                    id: 4,
+                    text: 'B4',
+                },
+                {
+                    id: 5,
+                    text: 'B5',
+                },
+                {
+                    id: 6,
+                    text: 'B6',
+                },
+                {
+                    id: 7,
+                    text: 'B7',
+                },
+                {
+                    id: 8,
+                    text: 'B8',
+                },
+                {
+                    id: 9,
+                    text: 'B9',
+                },
+            ],
+        }
+    },
+}
+</script>
+
+<style scoped>
+.dragList {
+    overflow: auto;
+}
+
+.item {
+    cursor: move;
+    float: left;
+    background: #fff;
+    width: 100px;
+    height: 100px;
+    line-height: 100px;
+    text-align: center;
+    margin: 0 15px 15px 0;
+    border: 1px solid #e6e6e6;
+}
+
+.dragList .sortable-ghost {
+    opacity: 0.5;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/editor.vue b/src/frontend/admin/src/views/vab/editor.vue
new file mode 100644
index 00000000..95814bd3
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/editor.vue
@@ -0,0 +1,54 @@
+<template>
+    <el-main>
+        <el-card shadow="never">
+            <sc-editor v-model="html" :height="400" :templates="templates" placeholder="请输入"></sc-editor>
+        </el-card>
+        <el-card header="配置" shadow="never" style="margin-top: 20px">
+            <el-descriptions :column="1" border>
+                <el-descriptions-item label="v-model">绑定的内容</el-descriptions-item>
+                <el-descriptions-item label="placeholder">占位符</el-descriptions-item>
+                <el-descriptions-item label="height">编辑器高度，默认300</el-descriptions-item>
+                <el-descriptions-item label="disabled">禁用编辑器 Boolean</el-descriptions-item>
+                <el-descriptions-item label="templates">插入自定义模板 Array</el-descriptions-item>
+                <el-descriptions-item label="toolbar"
+                    >自定义工具栏，使用"|"竖杠分割，使用"\"斜杠分组，默认：'undo redo | forecolor backcolor bold italic underline strikethrough link |
+                    blocks fontfamily fontsize | \ alignleft aligncenter alignright alignjustify | outdent indent | numlist bullist | pagebreak | \
+                    image media table template preview | code selectall'
+                </el-descriptions-item>
+                <el-descriptions-item label="options">支持tinymce的其他配置项</el-descriptions-item>
+            </el-descriptions>
+        </el-card>
+    </el-main>
+</template>
+
+<script>
+import { defineAsyncComponent } from 'vue'
+
+const scEditor = defineAsyncComponent(() => import('@/components/scEditor'))
+
+export default {
+    name: 'editor',
+    components: {
+        scEditor,
+    },
+    data() {
+        return {
+            html: '',
+            templates: [
+                {
+                    title: '自定义HTML模板',
+                    description: '',
+                    content: '<strong>演示模板</strong>',
+                },
+                {
+                    title: '列表',
+                    description: '',
+                    content: '<ol><li>演示列表1</li><li>演示列表2</li></ol>',
+                },
+            ],
+        }
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/fileselect.vue b/src/frontend/admin/src/views/vab/fileselect.vue
new file mode 100644
index 00000000..ff3ed0eb
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/fileselect.vue
@@ -0,0 +1,54 @@
+<template>
+    <el-main>
+        <el-row :gutter="15">
+            <el-col :lg="18">
+                <el-card shadow="never">
+                    <el-alert
+                        style="margin-bottom: 20px"
+                        title="资源库选择器即将弃用,将不会维护更新,与1.7版本之后将移除此组件"
+                        type="error"></el-alert>
+                    <sc-file-select v-model="file" :hideUpload="hideUpload" :max="99" :multiple="multiple" @submit="submit">
+                        <template #do>
+                            <el-button>自定义插槽</el-button>
+                        </template>
+                    </sc-file-select>
+                </el-card>
+            </el-col>
+            <el-col :lg="6">
+                <el-card header="参数和方法" shadow="never">
+                    <el-button type="primary" @click="multiple = !multiple">切换multiple</el-button>
+                    <el-button type="primary" @click="hideUpload = !hideUpload">切换hideUpload</el-button>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+</template>
+
+<script>
+import scFileSelect from '@/components/scFileSelect'
+
+export default {
+    name: 'fileselect',
+    components: {
+        scFileSelect,
+    },
+    data() {
+        return {
+            file: '',
+            multiple: false,
+            hideUpload: false,
+            upload: '',
+            upload2: '',
+        }
+    },
+    mounted() {},
+    methods: {
+        submit(value) {
+            console.log(value)
+            this.$message('返回值请查看F12控制台console.log()')
+        },
+    },
+}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/filterBar.vue b/src/frontend/admin/src/views/vab/filterBar.vue
new file mode 100644
index 00000000..e4dad8b3
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/filterBar.vue
@@ -0,0 +1,187 @@
+<template>
+    <el-main>
+        <el-card header="过滤器" shadow="never">
+            <scFilterBar :options="options" filterName="filterName" @filterChange="change">
+                <template #default="{ filterLength, openFilter }">
+                    <el-badge :hidden="filterLength <= 0" :value="filterLength" type="danger">
+                        <el-button icon="el-icon-filter" @click="openFilter"></el-button>
+                    </el-badge>
+                </template>
+            </scFilterBar>
+        </el-card>
+        <el-alert
+            style="margin: 20px 0"
+            title="SCUI 独创的过滤条Filterbar,可配置不同类型的过滤字段,以及异步获取数据,在@/config/filterBar.js中可以更改运算符以及其他配置,操作上方过滤条查看下方change事件的回调,在表格查询的场景下非常合适"
+            type="success"></el-alert>
+        <el-card header="返回值" shadow="never">
+            <pre>{{ filterData }}</pre>
+        </el-card>
+    </el-main>
+</template>
+
+<script>
+import scFilterBar from '@/components/scFilterBar'
+
+export default {
+    name: 'filterBar',
+    components: {
+        scFilterBar,
+    },
+    data() {
+        return {
+            filterData: {},
+            defaultFilter: [],
+            options: [
+                {
+                    label: '订单号',
+                    value: 'id',
+                    type: 'text',
+                    selected: true,
+                    placeholder: '请输入订单号',
+                },
+                {
+                    label: '类型',
+                    value: 'type',
+                    type: 'select',
+                    operator: '=',
+                    selected: true,
+                    placeholder: '请选择类型',
+                    extend: {
+                        data: [
+                            {
+                                label: '选项1',
+                                value: '1',
+                            },
+                            {
+                                label: '选项2',
+                                value: '2',
+                            },
+                        ],
+                    },
+                },
+                {
+                    label: '类型(多选)',
+                    value: 'type2',
+                    type: 'select',
+                    operator: '=',
+                    placeholder: '请选择类型',
+                    extend: {
+                        multiple: true,
+                        data: [
+                            {
+                                label: '选项1',
+                                value: '1',
+                            },
+                            {
+                                label: '选项2',
+                                value: '2',
+                            },
+                        ],
+                    },
+                },
+                {
+                    label: '通知(异步)',
+                    value: 'noticeType',
+                    type: 'select',
+                    operator: '=',
+                    placeholder: '请选择通知类型',
+                    extend: {
+                        request: async () => {
+                            var list = await this.$API.system.dic.get.get()
+                            return list.data.map((item) => {
+                                return {
+                                    label: item.label,
+                                    value: item.value,
+                                }
+                            })
+                        },
+                    },
+                },
+                {
+                    label: '通知(远程搜索)',
+                    value: 'noticeType2',
+                    type: 'select',
+                    operator: '=',
+                    placeholder: '请输入关键词后检索',
+                    extend: {
+                        remote: true,
+                        request: async (query) => {
+                            var data = {
+                                keyword: query,
+                            }
+                            var list = await this.$API.system.dic.get.get(data)
+                            return list.data.map((item) => {
+                                return {
+                                    label: item.label,
+                                    value: item.value,
+                                }
+                            })
+                        },
+                    },
+                },
+                {
+                    label: '关键词(标签)',
+                    value: 'tags',
+                    type: 'tags',
+                    operator: 'include',
+                    operators: [
+                        {
+                            label: '包含',
+                            value: 'include',
+                        },
+                        {
+                            label: '不包含',
+                            value: 'notinclude',
+                        },
+                    ],
+                },
+                {
+                    label: '开关(可重复)',
+                    value: 'switch',
+                    type: 'switch',
+                    repeat: true,
+                    operator: '=',
+                },
+                {
+                    label: '日期单选',
+                    value: 'date',
+                    type: 'date',
+                    operator: '=',
+                    operators: [
+                        {
+                            label: '等于',
+                            value: '=',
+                        },
+                        {
+                            label: '不等于',
+                            value: '!=',
+                        },
+                    ],
+                },
+                {
+                    label: '日期范围',
+                    value: 'date2',
+                    type: 'daterange',
+                },
+                {
+                    label: '自定义日期',
+                    value: 'date3',
+                    type: 'customDate',
+                    placeholder: '请选择月份',
+                    extend: {
+                        dateType: 'month',
+                        valueFormat: 'YYYY-MM',
+                    },
+                },
+            ],
+        }
+    },
+    methods: {
+        change(data) {
+            this.filterData = data
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/form.vue b/src/frontend/admin/src/views/vab/form.vue
new file mode 100644
index 00000000..91bb8050
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/form.vue
@@ -0,0 +1,410 @@
+<template>
+    <el-main>
+        <el-row :gutter="15">
+            <el-col :lg="6">
+                <el-card header="处理逻辑说明" shadow="never">
+                    <el-timeline>
+                        <el-timeline-item timestamp="两者数据并无顺序要求,只是获取表单值时需要自行设置loading"
+                            >1.远程获取表单配置参数和表单的值
+                        </el-timeline-item>
+                        <el-timeline-item timestamp="构建form对象, 循环渲染对应组件, 获取远程选项数据. 完成前组件将由骨架代替"
+                            >2.根据配置构建表单组件
+                        </el-timeline-item>
+                        <el-timeline-item timestamp="合并form对象和表单值">3.给表单赋值</el-timeline-item>
+                    </el-timeline>
+                    <el-alert
+                        show-icon
+                        title="当前版本为预览版本,并未在正式项目中实施,请谨慎使用. 更多配置以及图形化编辑器正在路上."
+                        type="warning"></el-alert>
+                </el-card>
+                <el-card header="双向绑定" shadow="never">
+                    <el-button type="primary" @click="setName">改变输入框的值</el-button>
+                    <el-button type="primary" @click="setConfig">改变指定栅格配置</el-button>
+                </el-card>
+            </el-col>
+            <el-col :lg="12">
+                <el-card header="动态表单渲染器" shadow="never">
+                    <sc-form ref="formref" v-model="form" :config="config" :loading="loading">
+                        <el-button type="primary" @click="save">保 存</el-button>
+                        <el-button @click="reset">重 置</el-button>
+                    </sc-form>
+                </el-card>
+            </el-col>
+            <el-col :lg="6">
+                <el-card header="表单输出" shadow="never">
+                    <pre>{{ form }}</pre>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+</template>
+
+<script>
+export default {
+    name: 'formRender',
+    data() {
+        return {
+            loading: false,
+            config: {},
+            form: {},
+        }
+    },
+    mounted() {
+        //模拟请求延迟, 配置参数和form值并无顺序要求，可同时请求
+        const config = {
+            labelWidth: '130px',
+            labelPosition: 'right',
+            size: 'medium',
+            formItems: [
+                {
+                    label: 'ElementPlus',
+                    component: 'title',
+                },
+                {
+                    label: '输入框',
+                    name: 'name',
+                    value: '',
+                    component: 'input',
+                    options: {
+                        maxlength: '20',
+                        placeholder: 'Activity name',
+                    },
+                    rules: [{ required: true, message: 'Please input Activity name', trigger: 'blur' }],
+                    requiredHandle: '$.required==true',
+                },
+                {
+                    label: '栅格(12/24)',
+                    name: 'name2',
+                    value: '',
+                    component: 'input',
+                    span: 12,
+                    options: {
+                        placeholder: 'span: 12',
+                    },
+                },
+                {
+                    label: '栅格(12/24)',
+                    name: 'name3',
+                    value: '',
+                    component: 'input',
+                    span: 12,
+                    options: {
+                        placeholder: 'span: 12',
+                    },
+                },
+                {
+                    label: '选择器(多选)',
+                    name: 'select',
+                    value: '',
+                    component: 'select',
+                    span: 24,
+                    options: {
+                        remote: {
+                            api: `${this.$CONFIG.API_URL}/system/dic/get`,
+                            data: { name: 'a' },
+                        },
+                        multiple: true,
+                        items: [
+                            {
+                                label: '选项1',
+                                value: '1',
+                            },
+                            {
+                                label: '选项2',
+                                value: '2',
+                            },
+                        ],
+                    },
+                    rules: [{ required: true, message: 'Please input Activity name', trigger: 'change' }],
+                    requiredHandle: '$.required==true',
+                },
+                {
+                    label: '选择器(单选)',
+                    name: 'select2',
+                    value: '',
+                    component: 'select',
+                    span: 24,
+                    options: {
+                        remote: {
+                            api: `${this.$CONFIG.API_URL}/system/dic/get`,
+                            data: { name: 'b' },
+                        },
+                        items: [
+                            {
+                                label: '选项1',
+                                value: '1',
+                            },
+                            {
+                                label: '选项2',
+                                value: '2',
+                            },
+                        ],
+                    },
+                },
+                {
+                    label: '级联选择器',
+                    name: 'cascader',
+                    value: '',
+                    component: 'cascader',
+                    span: 24,
+                    options: {
+                        items: [
+                            {
+                                label: 'Guide',
+                                value: 'guide',
+                                children: [
+                                    {
+                                        label: 'Disciplines',
+                                        value: 'disciplines',
+                                    },
+                                    {
+                                        label: 'Consistency',
+                                        value: 'consistency',
+                                    },
+                                ],
+                            },
+                            {
+                                label: 'Resource',
+                                value: 'resource',
+                                children: [
+                                    {
+                                        label: 'Axure Components',
+                                        value: 'axure',
+                                    },
+                                    {
+                                        label: 'Sketch Templates',
+                                        value: 'sketch',
+                                    },
+                                    {
+                                        label: 'Design Documentation',
+                                        value: 'docs',
+                                    },
+                                ],
+                            },
+                            {
+                                label: 'Component',
+                                value: 'component',
+                            },
+                        ],
+                    },
+                },
+                {
+                    label: '多选框',
+                    name: 'checkbox',
+                    component: 'checkbox',
+                    span: 24,
+                    tips: '多选框配置加上 name 表示拥有嵌套关系。否则将值“平铺”在form对象',
+                    options: {
+                        items: [
+                            {
+                                label: '选项1',
+                                name: 'option1',
+                                value: false,
+                            },
+                            {
+                                label: '选项2',
+                                name: 'option2',
+                                value: false,
+                            },
+                        ],
+                    },
+                    hideHandle: '$.required==true',
+                },
+                {
+                    label: '多选框组',
+                    name: 'checkboxGroup',
+                    value: [],
+                    component: 'checkboxGroup',
+                    span: 24,
+                    options: {
+                        items: [
+                            {
+                                label: '选项1',
+                                value: 'option1',
+                            },
+                            {
+                                label: '选项2',
+                                value: 'option2',
+                            },
+                        ],
+                    },
+                    hideHandle: '$.required==true',
+                },
+                {
+                    label: '单选',
+                    name: 'radio',
+                    value: '1',
+                    component: 'radio',
+                    options: {
+                        items: [
+                            {
+                                label: '选项1',
+                                value: '1',
+                            },
+                            {
+                                label: '选项2',
+                                value: '2',
+                            },
+                        ],
+                    },
+                    hideHandle: '$.required==true',
+                },
+                {
+                    label: '开关',
+                    name: 'required',
+                    message: '演示如何使用表达式动态显隐和必填，试试打开和关闭开关',
+                    value: false,
+                    component: 'switch',
+                },
+                {
+                    label: '日期/时间',
+                    name: 'date',
+                    value: '',
+                    component: 'date',
+                    options: {
+                        type: 'datetime',
+                        valueFormat: 'YYYY-MM-DD HH:mm:ss',
+                    },
+                    rules: [{ required: true, message: 'Please input Data', trigger: 'change' }],
+                },
+                {
+                    label: '滑块',
+                    name: 'slider',
+                    value: 0,
+                    component: 'slider',
+                    options: {
+                        marks: {
+                            0: '0°C',
+                            8: '8°C',
+                            37: '37°C',
+                        },
+                    },
+                },
+                {
+                    label: '数值',
+                    name: 'number',
+                    value: 0,
+                    component: 'number',
+                },
+                {
+                    label: '颜色',
+                    name: 'color',
+                    value: '',
+                    component: 'color',
+                },
+                {
+                    label: '评分',
+                    name: 'rate',
+                    value: 0,
+                    component: 'rate',
+                },
+                {
+                    label: 'SCUI扩展',
+                    component: 'title',
+                },
+                {
+                    label: '表格选择器',
+                    name: 'tableselect',
+                    value: {},
+                    component: 'tableselect',
+                    span: 24,
+                    options: {
+                        apiObj: '$API.demo.page',
+                        column: [
+                            {
+                                label: 'ID',
+                                prop: 'id',
+                                width: 150,
+                            },
+                            {
+                                label: '姓名',
+                                prop: 'user',
+                            },
+                        ],
+                        props: {
+                            label: 'user',
+                            value: 'id',
+                            keyword: 'keyword',
+                        },
+                    },
+                },
+                {
+                    label: '上传',
+                    component: 'upload',
+                    options: {
+                        items: [
+                            {
+                                label: '图像1',
+                                name: 'img1',
+                                value: '',
+                            },
+                            {
+                                label: '图像2',
+                                name: 'img2',
+                                value: '',
+                            },
+                        ],
+                    },
+                },
+                {
+                    label: '富文本',
+                    name: 'text',
+                    value: '',
+                    component: 'editor',
+                },
+            ],
+        }
+
+        const form = {
+            name: 'Activity name',
+            checkbox: {
+                option1: true,
+            },
+            checkboxGroup: ['option1'],
+            select: ['1'],
+            select2: '1',
+            cascader: ['resource', 'docs'],
+            tableselect: {
+                user: '何敏',
+                id: '360000197302144442',
+            },
+            text: '<p><span style="font-size: 28px;">Editor</span></p>\n<table style="border-collapse: collapse; width: 100%;" border="1">\n<tbody>\n<tr>\n<td style="width: 47.4544%; background-color: #ecf0f1;">Name</td>\n<td style="width: 47.4544%;">SCUI</td>\n</tr>\n<tr>\n<td style="width: 47.4544%; background-color: #ecf0f1;">Describe</td>\n<td style="width: 47.4544%;">Super color UI Admin</td>\n</tr>\n</tbody>\n</table>',
+        }
+
+        setTimeout(() => {
+            this.config = config
+        }, 500)
+
+        this.loading = true
+        setTimeout(() => {
+            this.form = form
+            this.loading = false
+        }, 100)
+    },
+    methods: {
+        setName() {
+            this.form.name = 'New Title'
+        },
+        setConfig() {
+            this.config.formItems[2].span = this.config.formItems[2].span === 24 ? 12 : 24
+            this.config.formItems[3].span = this.config.formItems[3].span === 24 ? 12 : 24
+        },
+        save() {
+            this.$refs.formref.validate((valid, obj) => {
+                if (valid) {
+                    console.log(this.form)
+                    alert('submit!')
+                } else {
+                    this.$refs.formref.scrollToField(Object.keys(obj)[0])
+                    return false
+                }
+            })
+        },
+        reset() {
+            this.$refs.formref.resetFields()
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/formtable.vue b/src/frontend/admin/src/views/vab/formtable.vue
new file mode 100644
index 00000000..66880ea9
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/formtable.vue
@@ -0,0 +1,132 @@
+<template>
+    <el-main>
+        <el-alert
+            style="margin-bottom: 20px"
+            title="来自AVUE的灵感, 业务会有表单里含有对象数组的可能, 进行封装后进行增删改操作, 并且支持联动form表单的禁用属性"
+            type="success"></el-alert>
+
+        <el-card shadow="never">
+            <el-form ref="ruleForm" :model="form" :rules="rules" label-width="100px">
+                <el-form-item label="标题" prop="title">
+                    <el-input v-model="form.title"></el-input>
+                </el-form-item>
+                <el-form-item label="表格" prop="list">
+                    <sc-form-table ref="table" v-model="form.list" :addTemplate="addTemplate" drag-sort placeholder="暂无数据">
+                        <el-table-column label="时间" prop="time" width="180">
+                            <template #default="scope">
+                                <el-time-select v-model="scope.row.time"></el-time-select>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="类型" prop="type" width="180">
+                            <template #default="scope">
+                                <el-select v-model="scope.row.type">
+                                    <el-option v-for="item in typeDic" :key="item.value" :label="item.label" :value="item.value"></el-option>
+                                </el-select>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="数量" min-width="180" prop="val">
+                            <template #default="scope">
+                                <el-input v-model="scope.row.val" placeholder="请输入内容"></el-input>
+                            </template>
+                        </el-table-column>
+                        <el-table-column align="center" label="checked" prop="open" width="85">
+                            <template #default="scope">
+                                <el-checkbox v-model="scope.row.checked"></el-checkbox>
+                            </template>
+                        </el-table-column>
+                        <el-table-column align="center" label="开关" prop="open" width="80">
+                            <template #default="scope">
+                                <el-switch v-model="scope.row.open"></el-switch>
+                            </template>
+                        </el-table-column>
+                    </sc-form-table>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="submitForm">保存</el-button>
+                    <el-button @click="resetForm">重置</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card header="方法" shadow="never" style="margin-top: 15px">
+            <el-button type="primary" @click="pushRow">外部插入行</el-button>
+            <el-button type="primary" @click="deleteRow">外部删除第一行</el-button>
+        </el-card>
+    </el-main>
+</template>
+
+<script>
+export default {
+    name: 'formtable',
+    data() {
+        return {
+            addTemplate: {
+                time: '',
+                type: '',
+                val: '',
+                open: true,
+                checked: false,
+            },
+            form: {
+                title: '标题',
+                list: [
+                    {
+                        time: '09:00',
+                        type: '1',
+                        val: '100',
+                        open: true,
+                        checked: true,
+                    },
+                    {
+                        time: '10:00',
+                        type: '0',
+                        val: '50',
+                        open: false,
+                        checked: true,
+                    },
+                ],
+            },
+            typeDic: [
+                {
+                    label: '全局',
+                    value: '0',
+                },
+                {
+                    label: '局部',
+                    value: '1',
+                },
+            ],
+            rules: {
+                title: [{ required: true, message: '请上传', trigger: 'blur' }],
+            },
+        }
+    },
+    methods: {
+        submitForm() {
+            this.$refs.ruleForm.validate((valid) => {
+                if (valid) {
+                    alert('请看控制台输出')
+                    console.log(this.form)
+                } else {
+                    return false
+                }
+            })
+        },
+        resetForm() {
+            this.$refs.ruleForm.resetFields()
+        },
+        pushRow() {
+            const data = {
+                time: '18:00',
+                type: '1',
+                val: '0',
+                open: true,
+                checked: true,
+            }
+            this.$refs.table.pushRow(data)
+        },
+        deleteRow() {
+            this.$refs.table.deleteRow(0)
+        },
+    },
+}
+</script>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/iconfont.vue b/src/frontend/admin/src/views/vab/iconfont.vue
new file mode 100644
index 00000000..a37fab7f
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/iconfont.vue
@@ -0,0 +1,77 @@
+<template>
+    <el-main>
+        <el-alert
+            style="margin-bottom: 20px"
+            title="扩展了Element Plus图标库,可以在@/assets/icons中新增自己的SVG图标组件,记得在@/assets/icons/index.js中引入. 建议前往阿里iconfont复制SVG代码 https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=25353"
+            type="success"></el-alert>
+        <el-row :gutter="0" class="box">
+            <el-col v-for="(icon, index) in icons" :key="index" :span="4">
+                <div class="icon-box">
+                    <el-icon>
+                        <component :is="icon" />
+                    </el-icon>
+                    <p>{{ icon }}</p>
+                </div>
+            </el-col>
+        </el-row>
+    </el-main>
+</template>
+
+<script>
+import * as scIcons from '@/assets/icons'
+
+export default {
+    data() {
+        return {
+            icons: [],
+        }
+    },
+    mounted() {
+        for (let icon in scIcons) {
+            this.icons.push('sc-icon' + icon.replace(/[A-Z]/g, (match) => '-' + match.toLowerCase()))
+        }
+    },
+}
+</script>
+
+<style scoped>
+.box {
+    border-top: 1px solid #eee;
+    border-left: 1px solid #eee;
+}
+
+.icon-box {
+    height: 120px;
+    text-align: center;
+    background: #fff;
+    border-bottom: 1px solid #eee;
+    border-right: 1px solid #eee;
+    color: #666;
+    padding: 30px 10px;
+}
+
+.icon-box i {
+    font-size: 26px;
+    transition: color 0.15s linear;
+}
+
+.icon-box p {
+    color: #999;
+    margin-top: 15px;
+    transition: color 0.15s linear;
+}
+
+.icon-box:hover i,
+.icon-box:hover p {
+    color: #5cb6ff;
+}
+
+.dark .box {
+    border-color: var(--el-border-color-light);
+}
+
+.dark .icon-box {
+    background: var(--el-bg-color-overlay);
+    border-color: var(--el-border-color-light);
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/iconselect.vue b/src/frontend/admin/src/views/vab/iconselect.vue
new file mode 100644
index 00000000..a0ada98f
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/iconselect.vue
@@ -0,0 +1,71 @@
+<!--
+ * @Descripttion: 图标选择器组件演示文件
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年7月27日09:33:06
+ * @LastEditors:
+ * @LastEditTime:
+-->
+
+<template>
+    <el-main>
+        <el-alert
+            style="margin-bottom: 20px"
+            title="支持扩展的图标选择器,除了默认的图标组还可以在 @/config/iconSelect 中定义更多的图标组"
+            type="success"></el-alert>
+        <el-card shadow="never">
+            <el-form ref="ruleForm" :model="form" :rules="rules" label-width="100px">
+                <el-form-item label="图标" prop="icon">
+                    <sc-icon-select v-model="form.icon" :disabled="disabled"></sc-icon-select>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="submitForm">保存</el-button>
+                    <el-button @click="resetForm">重置</el-button>
+                    <el-button @click="setdisabled">{{ disabled ? '移除禁用' : '设为禁用' }}</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+    </el-main>
+</template>
+
+<script>
+import scIconSelect from '@/components/scIconSelect'
+
+export default {
+    name: 'iconSelect',
+    components: {
+        scIconSelect,
+    },
+    data() {
+        return {
+            form: {
+                icon: 'el-icon-apple',
+            },
+            rules: {
+                icon: [{ required: true, message: '请选择图标', trigger: 'change' }],
+            },
+            disabled: false,
+        }
+    },
+    methods: {
+        submitForm() {
+            this.$refs.ruleForm.validate((valid) => {
+                if (valid) {
+                    alert('请看控制台输出')
+                    console.log(this.form)
+                } else {
+                    return false
+                }
+            })
+        },
+        resetForm() {
+            this.$refs.ruleForm.resetFields()
+        },
+        setdisabled() {
+            this.disabled = !this.disabled
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/importexport.vue b/src/frontend/admin/src/views/vab/importexport.vue
new file mode 100644
index 00000000..ea2123aa
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/importexport.vue
@@ -0,0 +1,213 @@
+<template>
+    <el-main>
+        <el-row :gutter="15">
+            <el-col :lg="12">
+                <el-card header="导入(使用mock,有50%几率导入失败)" shadow="never">
+                    <sc-file-import :apiObj="$API.common.importFile" templateUrl="http://www.scuiadmin/file.xlsx" @success="success"></sc-file-import>
+                    <sc-file-import
+                        :apiObj="$API.common.importFile"
+                        :data="{ otherData: 'demo' }"
+                        :maxSize="30"
+                        accept=".xls, .xlsx"
+                        templateUrl="http://www.scuiadmin/file.xlsx"
+                        tip="请上传小于或等于 30M 的 .xls, .xlsx 格式文件(自定义TIP)"
+                        @success="success">
+                        <template #default="{ open }">
+                            <el-button icon="sc-icon-upload" type="primary" @click="open">导入(全配置)</el-button>
+                        </template>
+                        <template #uploader>
+                            <el-icon class="el-icon--upload">
+                                <sc-icon-file-excel />
+                            </el-icon>
+                            <div class="el-upload__text">将文件拖到此处或 <em>点击选择文件上传</em></div>
+                        </template>
+                        <template #form="{ formData }">
+                            <el-form-item label="覆盖已有数据">
+                                <el-switch v-model="formData.coverage" />
+                            </el-form-item>
+                            <el-form-item label="跳过错误数据">
+                                <el-switch v-model="formData.skipError" />
+                            </el-form-item>
+                        </template>
+                    </sc-file-import>
+                    <el-descriptions :column="1" border size="small" style="margin-top: 15px">
+                        <el-descriptions-item :width="200" label="apiObj">Object 文件上传接口对象</el-descriptions-item>
+                        <el-descriptions-item label="data">Object 上传时附带的额外参数</el-descriptions-item>
+                        <el-descriptions-item label="accept">String 可选择文件类型，默认为".xls, .xlsx"</el-descriptions-item>
+                        <el-descriptions-item label="maxSize">Number 可选择文件大小，单位为M，默认为10</el-descriptions-item>
+                        <el-descriptions-item label="tip"
+                            >String 上传框底下的提示语句，默认为"请上传小于或等于 {maxSize}M 的 {accept} 格式文件"
+                        </el-descriptions-item>
+                        <el-descriptions-item label="templateUrl">String 模板的下载URL</el-descriptions-item>
+                        <el-descriptions-item label="@success"
+                            >事件 上传接口返回的事件，返回function(res, close)，执行close()将关闭窗口
+                        </el-descriptions-item>
+                        <el-descriptions-item label='#default="{open}"'
+                            >插糟 默认触发按钮插糟，返回open()打开窗口函数，可以绑定元素@click事件
+                        </el-descriptions-item>
+                        <el-descriptions-item label="#uploader">插糟 自定义上传框插槽</el-descriptions-item>
+                        <el-descriptions-item label='#form="{formData}"'
+                            >插糟 自定义表单组件，插槽formData都将作为上传时附带的额外参数
+                        </el-descriptions-item>
+                    </el-descriptions>
+                </el-card>
+            </el-col>
+            <el-col :lg="12">
+                <el-card header="导出" shadow="never">
+                    <sc-file-export :apiObj="$API.common.exportFile"></sc-file-export>
+                    <sc-file-export :apiObj="$API.common.exportFile" async fileName="人员列表(异步)">
+                        <template #default="{ open }">
+                            <el-button icon="sc-icon-download" type="primary" @click="open">导出(异步)</el-button>
+                        </template>
+                    </sc-file-export>
+                    <sc-file-export
+                        :apiObj="$API.common.exportFile"
+                        :column="column"
+                        :data="{ otherData: 'demo' }"
+                        :fileTypes="['xlsx', 'docx', 'pdf']"
+                        blob
+                        fileName="人员列表"
+                        showData>
+                        <template #default="{ open }">
+                            <el-button icon="sc-icon-download" type="primary" @click="open">导出(blob文件流)</el-button>
+                        </template>
+                        <template #form="{ formData }">
+                            <el-form-item label="导出条数">
+                                <el-select v-model="formData.limit" placeholder="Select">
+                                    <el-option label="100条" value="100" />
+                                    <el-option label="500条" value="500" />
+                                    <el-option label="1000条" value="1000" />
+                                    <el-option label="5000条" value="5000" />
+                                    <el-option label="10000条" value="10000" />
+                                </el-select>
+                            </el-form-item>
+                        </template>
+                    </sc-file-export>
+                    <el-descriptions :column="1" border size="small" style="margin-top: 15px">
+                        <el-descriptions-item :width="200" label="apiObj">Object 文件导出接口对象，通过apiObj.url请求文件 </el-descriptions-item>
+                        <el-descriptions-item label="data">Object 上传时附带的额外参数(可为数据表格的过滤项)</el-descriptions-item>
+                        <el-descriptions-item label="showData">Boolean 是否显示附带的额外参数</el-descriptions-item>
+                        <el-descriptions-item label="async">Boolean 是否异步导出文件</el-descriptions-item>
+                        <el-descriptions-item label="fileName">String 下载文件名称，默认为当前时间戳</el-descriptions-item>
+                        <el-descriptions-item label="fileTypes"
+                            >Array 可选择文件类型，默认为['xlsx']，组件将数组第一项当做已选项
+                        </el-descriptions-item>
+                        <el-descriptions-item label="column"
+                            >Array 列配置，请求文件时将添加column为key的参数，值为prop逗号","分割的字符串
+                        </el-descriptions-item>
+                        <el-descriptions-item label="blob">Boolean 是否由游览器请求文件返回blob后提供下载</el-descriptions-item>
+                        <el-descriptions-item label="progress"
+                            >Boolean blob开启后是否显示下载文件进度条，当服务器启用Gzip时，建议关闭，因为获取到的文件总数和下载总数不匹配。
+                        </el-descriptions-item>
+
+                        <el-descriptions-item label='#default="{open}"'
+                            >插糟 默认触发按钮插糟，返回open()打开窗口函数，可以绑定元素@click事件
+                        </el-descriptions-item>
+                        <el-descriptions-item label='#form="{formData}"'
+                            >插糟 自定义表单组件，插槽formData都将作为请求时附带的额外参数
+                        </el-descriptions-item>
+                    </el-descriptions>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+
+    <el-dialog
+        v-model="importErrDialogVisible"
+        :width="680"
+        destroy-on-close
+        title="导入失败"
+        @closed="
+            () => {
+                importErrData = {}
+            }
+        ">
+        <el-alert
+            :closable="false"
+            :title="`总条目数 ${importErrData.ok} ,其中有 ${importErrData.fail} 条格式不满足导入要求，请修改后再次操作。`"
+            show-icon
+            type="error" />
+        <div style="margin-top: 15px">
+            <el-table :data="importErrData.failList" border max-height="270" stripe style="width: 100%">
+                <el-table-column label="主键名" prop="keyName" width="180" />
+                <el-table-column label="状态" prop="" width="100">
+                    <el-tag type="danger">
+                        <el-icon>
+                            <el-icon-circle-close-filled />
+                        </el-icon>
+                        失败
+                    </el-tag>
+                </el-table-column>
+                <el-table-column label="原因" prop="reason" />
+            </el-table>
+        </div>
+        <template #footer>
+            <el-button type="primary" @click="importErrDialogVisible = false">我知道了</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+import scFileImport from '@/components/scFileImport'
+import scFileExport from '@/components/scFileExport'
+
+export default {
+    name: 'importexport',
+    components: {
+        scFileImport,
+        scFileExport,
+    },
+    data() {
+        return {
+            importErrDialogVisible: false,
+            importErrData: {},
+            column: [
+                {
+                    label: '姓名',
+                    prop: 'name',
+                },
+                {
+                    label: '性别',
+                    prop: 'sex',
+                },
+                {
+                    label: '评分',
+                    prop: 'num',
+                },
+                {
+                    label: '邮箱',
+                    prop: 'email',
+                    hide: true,
+                },
+                {
+                    label: '进度',
+                    prop: 'progress',
+                },
+                {
+                    label: '注册时间',
+                    prop: 'datetime',
+                },
+            ],
+        }
+    },
+    mounted() {},
+    methods: {
+        success(res, close) {
+            if (res.code === 200) {
+                this.$alert('导入返回成功后，可后续操作，比如刷新表格等。执行回调函数close()可关闭上传窗口。', '导入成功', {
+                    type: 'success',
+                    showClose: false,
+                    center: true,
+                })
+                close()
+            } else {
+                //返回失败后的自定义操作，这里演示显示错误的条目
+                this.importErrDialogVisible = true
+                this.importErrData = res.data
+            }
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/mini.vue b/src/frontend/admin/src/views/vab/mini.vue
new file mode 100644
index 00000000..a00e8dfb
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/mini.vue
@@ -0,0 +1,76 @@
+<template>
+    <el-main>
+        <el-row :gutter="15">
+            <el-col :lg="8">
+                <el-card header="脉冲圆点" shadow="never">
+                    <el-space :size="15" wrap>
+                        <sc-status-indicator pulse type="primary"></sc-status-indicator>
+                        <sc-status-indicator pulse type="success"></sc-status-indicator>
+                        <sc-status-indicator pulse type="warning"></sc-status-indicator>
+                        <sc-status-indicator pulse type="danger"></sc-status-indicator>
+                        <sc-status-indicator type="info"></sc-status-indicator>
+                    </el-space>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card header="趋势" shadow="never">
+                    <el-space :size="15" wrap>
+                        <sc-trend v-model="trendValue" prefix="¥"></sc-trend>
+                        <sc-trend v-model="trendValue2"></sc-trend>
+                        <sc-trend v-model="trendValue3" suffix="%"></sc-trend>
+                    </el-space>
+
+                    <p style="margin-top: 15px; color: #999">设置reverse可反转颜色。</p>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card shadow="never">
+                    <div class="up">
+                        <h2>持续更新中...</h2>
+                        <p>非常欢迎提交Issue/PR完善和补充更多好玩的原子组件</p>
+                        <p>原子组件库位置：@/components/scMini/*</p>
+                        <el-button text type="primary" @click="goIssue">提交想法</el-button>
+                    </div>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+</template>
+
+<script>
+export default {
+    name: 'minivab',
+    data() {
+        return {
+            trendValue: 4.6,
+            trendValue2: 0,
+            trendValue3: -32,
+        }
+    },
+    mounted() {},
+    methods: {
+        goIssue() {
+            window.open('https://gitee.com/lolicode/scui/issues')
+        },
+    },
+}
+</script>
+
+<style scoped>
+.up {
+    text-align: center;
+}
+
+.up h2 {
+    margin-bottom: 10px;
+}
+
+.up p {
+    color: #999;
+    line-height: 1.5;
+}
+
+.el-card {
+    height: 150px;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/print.vue b/src/frontend/admin/src/views/vab/print.vue
new file mode 100644
index 00000000..602eefc8
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/print.vue
@@ -0,0 +1,68 @@
+<template>
+    <el-main>
+        <el-card shadow="never">
+            <el-tabs tab-position="top">
+                <el-tab-pane label="普通打印">
+                    <el-alert
+                        style="margin-bottom: 20px"
+                        title="打印当前页面已存在的元素,如包含.no-print样式就忽略,分页打印就需要{page-break-after: always}控制"
+                        type="success"></el-alert>
+                    <el-button type="primary" @click="print">普通打印</el-button>
+                    <div style="height: 20px"></div>
+                    <div ref="printMain" class="printMain">
+                        <div class="item">
+                            打印内容1
+                            <el-icon>
+                                <el-icon-eleme-filled />
+                            </el-icon>
+                            <p class="no-print">忽略打印</p>
+                        </div>
+                        <div style="page-break-after: always"></div>
+                        <div class="item">打印内容2</div>
+                    </div>
+                </el-tab-pane>
+                <el-tab-pane label="动态打印">
+                    <el-alert style="margin-bottom: 20px" title="打印创建的DOM结构,适用于远程获取模板后打印" type="success"></el-alert>
+                    <el-button type="primary" @click="print2">动态打印</el-button>
+                </el-tab-pane>
+            </el-tabs>
+        </el-card>
+    </el-main>
+</template>
+
+<script>
+import print from '@/utils/print'
+
+export default {
+    name: 'print',
+    data() {
+        return {}
+    },
+    methods: {
+        print() {
+            //直接传入REF或者querySelector
+            print(this.$refs.printMain)
+        },
+        print2() {
+            //创建虚拟DOM结构后再传入
+            var dom = '<h2>TITLE</h2><p>后创建的DOM结构</p>'
+            print(dom)
+        },
+    },
+}
+</script>
+
+<style scoped>
+.printMain .item {
+    padding: 20px;
+    border: 1px solid #409eff;
+    margin-bottom: 20px;
+    background: #ecf5ff;
+    border-radius: 4px;
+}
+
+.printMain p {
+    margin-top: 20px;
+    color: #999;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/qrcode.vue b/src/frontend/admin/src/views/vab/qrcode.vue
new file mode 100644
index 00000000..794b9c42
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/qrcode.vue
@@ -0,0 +1,49 @@
+<!--
+ * @Author: Xujianchen
+ * @Date: 2023-02-28 14:12:15
+ * @LastEditors: Xujianchen
+ * @LastEditTime: 2023-03-19 12:02:11
+ * @Description:
+-->
+<template>
+    <el-main>
+        <el-row :gutter="15">
+            <el-col :lg="8">
+                <el-card header="常用" shadow="never">
+                    <sc-qr-code text="scui"></sc-qr-code>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card header="带Logo" shadow="never">
+                    <sc-qr-code logo="@/assets/img/logo.png" text="scui"></sc-qr-code>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card header="自定义颜色大小" shadow="never">
+                    <sc-qr-code :size="100" colorDark="#088200" colorLight="#fff" text="scui"></sc-qr-code>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card header="动态" shadow="never">
+                    <sc-qr-code :text="qrcode"></sc-qr-code>
+                    <el-input v-model="qrcode" placeholder="Please input" style="margin-top: 20px" />
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+</template>
+
+<script>
+export default {
+    name: 'qrcode',
+    data() {
+        return {
+            qrcode: 'scui',
+        }
+    },
+    mounted() {},
+    methods: {},
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/select.vue b/src/frontend/admin/src/views/vab/select.vue
new file mode 100644
index 00000000..2771bae9
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/select.vue
@@ -0,0 +1,63 @@
+<!--
+ * @Descripttion: 字典选择器组件演示
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年8月3日15:51:20
+ * @LastEditors:
+ * @LastEditTime:
+-->
+
+<template>
+    <el-main>
+        <el-alert
+            style="margin-bottom: 20px"
+            title="封装el-select支持异步获取数据,以及根据字典名获取数据,继承el-select全部的属性和事件"
+            type="success"></el-alert>
+
+        <el-row :gutter="15">
+            <el-col :lg="12">
+                <el-card header="异步单选" shadow="never">
+                    <sc-select v-model="value" :apiObj="$API.system.dic.get" clearable filterable style="width: 100%"></sc-select>
+                </el-card>
+            </el-col>
+            <el-col :lg="12">
+                <el-card header="异步多选" shadow="never">
+                    <sc-select v-model="value2" :apiObj="$API.system.dic.get" clearable filterable multiple style="width: 100%"></sc-select>
+                </el-card>
+            </el-col>
+            <el-col :lg="12">
+                <el-card header="字典选择器" shadow="never">
+                    <sc-select v-model="value3" clearable dic="notice" filterable style="width: 100%"></sc-select>
+                </el-card>
+            </el-col>
+            <el-col :lg="12">
+                <el-card header="自定义模板" shadow="never">
+                    <sc-select v-model="value4" clearable dic="notice" filterable placeholder="自定义placeholder" style="width: 100%">
+                        <template #option="{ data }">
+                            <span style="float: left">{{ data.label }}</span>
+                            <span style="float: right; color: #999; font-size: 13px">{{ data.value }}</span>
+                        </template>
+                    </sc-select>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+</template>
+
+<script>
+export default {
+    name: 'scselect',
+    data() {
+        return {
+            value: '3',
+            value2: ['1', '3'],
+            value3: '',
+            value4: '',
+        }
+    },
+    mounted() {},
+    methods: {},
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/selectFilter.vue b/src/frontend/admin/src/views/vab/selectFilter.vue
new file mode 100644
index 00000000..615aae13
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/selectFilter.vue
@@ -0,0 +1,89 @@
+<template>
+    <el-main>
+        <el-card header="分类筛选器" shadow="never">
+            <sc-select-filter :data="data" :label-width="80" :selected-values="selectedValues" @on-change="change"></sc-select-filter>
+        </el-card>
+        <el-card header="返回值" shadow="never" style="margin-top: 15px">
+            <pre>{{ filterData }}</pre>
+        </el-card>
+    </el-main>
+</template>
+
+<script>
+import scSelectFilter from '@/components/scSelectFilter'
+
+export default {
+    name: 'selectFilter',
+    components: {
+        scSelectFilter,
+    },
+    data() {
+        return {
+            data: [
+                {
+                    title: '状态(单)',
+                    key: 'state',
+                    options: [
+                        {
+                            label: '全部',
+                            value: '',
+                        },
+                        {
+                            label: '待审核',
+                            value: '1',
+                            icon: 'el-icon-flag',
+                        },
+                        {
+                            label: '已退回',
+                            value: '2',
+                            icon: 'el-icon-bottom-left',
+                        },
+                        {
+                            label: '已关闭',
+                            value: '3',
+                            icon: 'el-icon-circle-close',
+                        },
+                        {
+                            label: '已完成',
+                            value: '4',
+                            icon: 'el-icon-checked',
+                        },
+                    ],
+                },
+                {
+                    title: '类型(多)',
+                    key: 'type',
+                    multiple: true,
+                    options: [
+                        {
+                            label: '全部',
+                            value: '',
+                        },
+                        {
+                            label: '请假申请',
+                            value: '1',
+                        },
+                        {
+                            label: '加班申请',
+                            value: '2',
+                        },
+                    ],
+                },
+            ],
+            selectedValues: {
+                state: [''],
+                type: [''],
+            },
+            filterData: {},
+        }
+    },
+    mounted() {},
+    methods: {
+        change(selected) {
+            this.filterData = selected
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/statistic.vue b/src/frontend/admin/src/views/vab/statistic.vue
new file mode 100644
index 00000000..a1a2f43d
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/statistic.vue
@@ -0,0 +1,70 @@
+<!--
+ * @Descripttion: 统计数值组件演示
+ * @version: 1.0
+ * @Author: sakuya
+ * @Date: 2021年6月23日10:28:17
+ * @LastEditors:
+ * @LastEditTime:
+-->
+
+<template>
+    <el-main>
+        <el-alert style="margin-bottom: 20px" title="一个非常简单的组件, 目的就是省去重复写样式, 支持千分符/前后缀等." type="success"></el-alert>
+        <el-row :gutter="15">
+            <el-col :lg="8">
+                <el-card shadow="never">
+                    <sc-statistic description="Description" groupSeparator tips="Tips" title="Title" value="112893"></sc-statistic>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card shadow="never">
+                    <sc-statistic groupSeparator prefix="¥" title="今日净利润" value="112893.00">
+                        <sc-trend v-model="trendValue1"></sc-trend>
+                    </sc-statistic>
+                </el-card>
+            </el-col>
+            <el-col :lg="8">
+                <el-card shadow="never">
+                    <sc-statistic groupSeparator suffix="条" title="留言" value="112893">
+                        <sc-trend v-model="trendValue2"></sc-trend>
+                    </sc-statistic>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+</template>
+
+<script>
+import scStatistic from '@/components/scStatistic'
+
+export default {
+    name: 'statistic',
+    components: {
+        scStatistic,
+    },
+    data() {
+        return {
+            trendValue1: 7.7,
+            trendValue2: -18.9,
+        }
+    },
+    mounted() {},
+    methods: {},
+}
+</script>
+
+<style scoped>
+.el-card {
+    margin-bottom: 15px;
+}
+
+.up {
+    color: #f56c6c;
+    margin-left: 5px;
+}
+
+.down {
+    color: #67c23a;
+    margin-left: 5px;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/table/base.vue b/src/frontend/admin/src/views/vab/table/base.vue
new file mode 100644
index 00000000..88326abb
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/table/base.vue
@@ -0,0 +1,55 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <el-button icon="el-icon-plus" type="primary"></el-button>
+                <el-button icon="el-icon-delete" plain type="danger"></el-button>
+            </div>
+        </el-header>
+        <el-main class="nopadding">
+            <scTable ref="table" :apiObj="list.apiObj" row-key="id" stripe>
+                <el-table-column type="selection" width="50"></el-table-column>
+                <el-table-column label="姓名" prop="name" width="150"></el-table-column>
+                <el-table-column :filter-method="filterHandler" :filters="sexFilters" label="性别" prop="sex" width="150">
+                    <template #default="scope">
+                        <el-tag v-if="scope.row.sex === '男'">{{ scope.row.sex }}</el-tag>
+                        <el-tag v-if="scope.row.sex === '女'" type="success">{{ scope.row.sex }}</el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="邮箱" prop="email" width="250"></el-table-column>
+                <el-table-column label="评分" prop="num" sortable width="150"></el-table-column>
+                <el-table-column label="进度" prop="progress" sortable width="250">
+                    <template #default="scope">
+                        <el-progress :percentage="scope.row.progress" />
+                    </template>
+                </el-table-column>
+                <el-table-column label="注册时间" prop="datetime" sortable width="150"></el-table-column>
+            </scTable>
+        </el-main>
+    </el-container>
+</template>
+
+<script>
+export default {
+    name: 'tableBase',
+    data() {
+        return {
+            sexFilters: [
+                { text: '男', value: '男' },
+                { text: '女', value: '女' },
+            ],
+            list: {
+                apiObj: this.$API.demo.list,
+            },
+        }
+    },
+    methods: {
+        filterHandler(value, row, column) {
+            const property = column['property']
+            return row[property] === value
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/table/column.vue b/src/frontend/admin/src/views/vab/table/column.vue
new file mode 100644
index 00000000..0d53e34a
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/table/column.vue
@@ -0,0 +1,76 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <el-button icon="el-icon-plus" type="primary"></el-button>
+                <el-button icon="el-icon-delete" plain type="danger"></el-button>
+            </div>
+            <div class="right-panel">
+                <el-alert :closable="false" title="请在右下角第二个按钮体验自定义列" type="warning" />
+            </div>
+        </el-header>
+        <el-main class="nopadding">
+            <scTable ref="table" :apiObj="list.apiObj" :column="list.column" row-key="id" stripe tableName="listCustomColumn">
+                <el-table-column type="selection" width="50"></el-table-column>
+                <template #progress="scope">
+                    <el-progress :percentage="scope.row.progress" />
+                </template>
+            </scTable>
+        </el-main>
+    </el-container>
+</template>
+
+<script>
+export default {
+    name: 'tableCustomColumn',
+    data() {
+        return {
+            list: {
+                apiObj: this.$API.demo.list,
+                column: [
+                    {
+                        label: '姓名',
+                        prop: 'name',
+                        width: '150',
+                    },
+                    {
+                        label: '性别',
+                        prop: 'sex',
+                        width: '150',
+                        filters: [
+                            { text: '男', value: '男' },
+                            { text: '女', value: '女' },
+                        ],
+                    },
+                    {
+                        label: '邮箱',
+                        prop: 'email',
+                        width: '250',
+                        hide: true,
+                    },
+                    {
+                        label: '评分',
+                        prop: 'num',
+                        width: '150',
+                        sortable: true,
+                    },
+                    {
+                        label: '进度',
+                        prop: 'progress',
+                        width: '250',
+                        sortable: true,
+                    },
+                    {
+                        label: '注册时间',
+                        prop: 'datetime',
+                        width: '150',
+                        sortable: true,
+                    },
+                ],
+            },
+        }
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/table/remote.vue b/src/frontend/admin/src/views/vab/table/remote.vue
new file mode 100644
index 00000000..749a251f
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/table/remote.vue
@@ -0,0 +1,44 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <el-button icon="el-icon-plus" type="primary"></el-button>
+                <el-button icon="el-icon-delete" plain type="danger"></el-button>
+            </div>
+            <div class="right-panel">
+                <el-alert :closable="false" title="因演示使用mock数据,所以视图上看不出效果,可以查看控制台的网络请求" type="warning" />
+            </div>
+        </el-header>
+        <el-main class="nopadding">
+            <scTable ref="table" :apiObj="list.apiObj" remoteFilter remoteSort remoteSummary row-key="id" show-summary stripe>
+                <el-table-column type="selection" width="50"></el-table-column>
+                <el-table-column label="姓名" prop="name" width="150"></el-table-column>
+                <el-table-column :filters="sexFilters" column-key="sex" label="性别" prop="sex" width="150"></el-table-column>
+                <el-table-column label="邮箱" prop="email" width="250"></el-table-column>
+                <el-table-column label="评分" prop="num" sortable="custom" width="150"></el-table-column>
+                <el-table-column label="进度" prop="progress" sortable width="250"></el-table-column>
+                <el-table-column label="注册时间" prop="datetime" sortable="custom" width="150"></el-table-column>
+            </scTable>
+        </el-main>
+    </el-container>
+</template>
+
+<script>
+export default {
+    name: 'tableRemote',
+    data() {
+        return {
+            sexFilters: [
+                { text: '男', value: '男' },
+                { text: '女', value: '女' },
+            ],
+            list: {
+                apiObj: this.$API.demo.list,
+            },
+        }
+    },
+    methods: {},
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/table/thead.vue b/src/frontend/admin/src/views/vab/table/thead.vue
new file mode 100644
index 00000000..7a45d139
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/table/thead.vue
@@ -0,0 +1,37 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <el-button icon="el-icon-plus" type="primary"></el-button>
+                <el-button icon="el-icon-delete" plain type="danger"></el-button>
+            </div>
+        </el-header>
+        <el-main class="nopadding">
+            <scTable ref="table" :apiObj="list.apiObj" row-key="id" stripe>
+                <el-table-column type="selection" width="50"></el-table-column>
+                <el-table-column label="个人信息">
+                    <el-table-column label="姓名" prop="name" width="150"></el-table-column>
+                    <el-table-column label="性别" prop="sex" width="150"></el-table-column>
+                    <el-table-column label="邮箱" prop="email" width="250"></el-table-column>
+                </el-table-column>
+                <el-table-column label="评分" prop="num" width="150"></el-table-column>
+                <el-table-column label="注册时间" prop="datetime" width="150"></el-table-column>
+            </scTable>
+        </el-main>
+    </el-container>
+</template>
+
+<script>
+export default {
+    name: 'tableThead',
+    data() {
+        return {
+            list: {
+                apiObj: this.$API.demo.list,
+            },
+        }
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/tableselect.vue b/src/frontend/admin/src/views/vab/tableselect.vue
new file mode 100644
index 00000000..bd998004
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/tableselect.vue
@@ -0,0 +1,104 @@
+<!--
+ * @Descripttion: 表格选择器组件演示
+ * @version: 1.0
+ * @Author: sakya
+ * @Date: 2021年6月8日09:29:14
+ * @LastEditors: sakya
+ * @LastEditTime: 2021年6月8日09:29:14
+-->
+
+<template>
+    <el-main>
+        <el-alert style="margin-bottom: 20px" title="select深度改造的表格选择器, 非常适用于大量数据选择的场景" type="success"></el-alert>
+        <el-card header="单选" shadow="never">
+            <sc-table-select v-model="value2" :apiObj="apiObj" :params="params" :props="props" :table-width="600" @change="change">
+                <el-table-column label="ID" prop="id" width="180"></el-table-column>
+                <el-table-column label="姓名" prop="user"></el-table-column>
+            </sc-table-select>
+        </el-card>
+        <div style="height: 15px"></div>
+        <el-card header="多选" shadow="never">
+            <sc-table-select
+                v-model="value"
+                :apiObj="apiObj"
+                :props="props"
+                :table-width="700"
+                clearable
+                collapse-tags
+                collapse-tags-tooltip
+                multiple
+                @change="change">
+                <template #header="{ form, submit }">
+                    <el-form :inline="true" :model="form">
+                        <el-form-item>
+                            <el-select v-model="form.sex" :teleported="false" clearable placeholder="性别">
+                                <el-option label="男" value="1"></el-option>
+                                <el-option label="女" value="2"></el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item>
+                            <el-date-picker
+                                v-model="form.date"
+                                :teleported="false"
+                                placeholder="注册时间"
+                                type="date"
+                                value-format="YYYY-MM-DD"></el-date-picker>
+                        </el-form-item>
+                        <el-form-item>
+                            <el-button type="primary" @click="submit">查询</el-button>
+                        </el-form-item>
+                    </el-form>
+                    <el-alert title="自定义FORM插糟 传递了form对象和提交方法" type="info" />
+                </template>
+                <el-table-column label="ID" prop="id" width="180"></el-table-column>
+                <el-table-column label="姓名" prop="user" width="100"></el-table-column>
+                <el-table-column label="最后请求IP" prop="cip" width="150"></el-table-column>
+                <el-table-column label="注册时间" prop="time"></el-table-column>
+            </sc-table-select>
+        </el-card>
+    </el-main>
+</template>
+
+<script>
+export default {
+    name: 'tableselect',
+    data() {
+        return {
+            apiObj: this.$API.demo.page,
+            params: {
+                name: 'demoName',
+            },
+            value: [
+                {
+                    id: '410000199512025445',
+                    user: '魏磊',
+                },
+                {
+                    id: '520000198407304275',
+                    user: '史平',
+                },
+            ],
+            value2: {
+                id: '520000198407304275',
+                user: '史平',
+            },
+            props: {
+                label: 'user',
+                value: 'id',
+                keyword: 'keyword',
+            },
+        }
+    },
+    computed: {},
+    mounted() {},
+    methods: {
+        //值变化
+        change(val) {
+            this.$message('change事件，返回详情查看控制台')
+            console.log(val)
+        },
+    },
+}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/upload.vue b/src/frontend/admin/src/views/vab/upload.vue
new file mode 100644
index 00000000..4832f658
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/upload.vue
@@ -0,0 +1,175 @@
+<template>
+    <el-main>
+        <el-card header="文件示例" shadow="never">
+            <sc-upload-file
+                v-model="fileurl"
+                :data="{ otherData: 'demo' }"
+                :limit="3"
+                tip="最多上传3个文件,单个文件不要超过10M,请上传xlsx/docx格式文件">
+                <el-button icon="el-icon-upload" type="primary">上传附件</el-button>
+            </sc-upload-file>
+        </el-card>
+
+        <el-card header="文件示例(值为对象数组,适合保存原始文件名)" shadow="never">
+            <sc-upload-file v-model="fileurlArr" :limit="3" tip="最多上传3个文件,单个文件不要超过10M,请上传xlsx/docx格式文件">
+                <el-button icon="el-icon-upload" type="primary">上传附件</el-button>
+            </sc-upload-file>
+        </el-card>
+
+        <el-card header="图片卡片示例(已开启拖拽排序)" shadow="never">
+            <sc-upload-multiple
+                v-model="fileurl2"
+                :limit="3"
+                draggable
+                tip="最多上传3个文件,单个文件不要超过10M,请上传图像格式文件"></sc-upload-multiple>
+        </el-card>
+
+        <el-card header="单图像示例" shadow="never">
+            <el-space :size="8" wrap>
+                <sc-upload v-model="fileurl3"></sc-upload>
+                <sc-upload v-model="fileurl4" icon="el-icon-picture" title="自定义标题"></sc-upload>
+                <sc-upload v-model="fileurl5" :apiObj="uploadApi" :on-success="success" :width="220" accept="image/jpg,image/png">
+                    <div class="custom-empty">
+                        <el-icon>
+                            <el-icon-upload />
+                        </el-icon>
+                        <p>自定义插槽</p>
+                    </div>
+                </sc-upload>
+                <sc-upload v-model="fileurl6" icon="el-icon-avatar" round title="开启圆形"></sc-upload>
+                <sc-upload v-model="fileurl7" :aspectRatio="1 / 1" :compress="1" :cropper="true" title="开启剪裁"></sc-upload>
+            </el-space>
+        </el-card>
+
+        <el-card header="在验证表单中使用" shadow="never">
+            <el-form ref="ruleForm" :model="form" :rules="rules" label-width="100px">
+                <el-form-item label="身份证" required>
+                    <el-space :size="8" wrap>
+                        <el-form-item prop="file1">
+                            <sc-upload v-model="form.file1" title="人像面"></sc-upload>
+                        </el-form-item>
+                        <el-form-item prop="file2">
+                            <sc-upload v-model="form.file2" title="国徽面"></sc-upload>
+                        </el-form-item>
+                    </el-space>
+                </el-form-item>
+                <el-form-item label="其他凭证" prop="file3">
+                    <sc-upload-multiple v-model="form.file3"></sc-upload-multiple>
+                </el-form-item>
+                <el-form-item label="附件" prop="file4">
+                    <sc-upload-file v-model="form.file4" :limit="1" drag>
+                        <el-icon class="el-icon--upload">
+                            <el-icon-upload-filled />
+                        </el-icon>
+                        <div class="el-upload__text">Drop file here or <em>click to upload</em></div>
+                    </sc-upload-file>
+                </el-form-item>
+                <el-form-item label="日期" prop="date">
+                    <el-date-picker v-model="form.date" placeholder="选择日期" type="date"></el-date-picker>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="submitForm">保存</el-button>
+                    <el-button @click="resetForm">重置</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+    </el-main>
+</template>
+
+<script>
+export default {
+    name: 'upload',
+    data() {
+        return {
+            uploadApi: this.$API.common.upload,
+            fileurlArr: [
+                {
+                    name: '销售合同模板.xlsx',
+                    url: 'http://www.scuiadmin.com/files/220000198611262243.xlsx',
+                },
+                {
+                    name: '企业员工联系方式.xlsx',
+                    url: 'http://www.scuiadmin.com/files/350000201004261875.xlsx',
+                },
+            ],
+            fileurl: 'http://www.scuiadmin.com/files/220000198611262243.xlsx,http://www.scuiadmin.com/files/350000201004261875.xlsx',
+            fileurl2: '@/assets/img/auth_banner.jpg,@/assets/img/avatar3.gif',
+            fileurl3: '@/assets/img/auth_banner.jpg',
+            fileurl4: '',
+            fileurl5: '',
+            fileurl6: '',
+            fileurl7: '',
+            form: {
+                file1: '',
+                file2: '',
+                file3: '',
+                file4: '',
+                date: '',
+            },
+            rules: {
+                file1: [{ required: true, message: '请上传', trigger: 'change' }],
+                file2: [{ required: true, message: '请上传', trigger: 'change' }],
+                file3: [{ required: true, message: '请上传', trigger: 'change' }],
+                file4: [{ required: true, message: '请上传附件', trigger: 'change' }],
+                date: [{ required: true, message: '请选择日期', trigger: 'change' }],
+            },
+        }
+    },
+    methods: {
+        success(response) {
+            this.$alert(`success函数钩子，可用于类似OCR返回信息，return false后阻止后续执行，回调参数打开控制台查看`, {
+                title: '提示',
+                type: 'success',
+            })
+            console.log(response)
+            return false
+        },
+        submitForm() {
+            this.$refs.ruleForm.validate((valid) => {
+                if (valid) {
+                    alert('请看控制台输出')
+                    console.log(this.form)
+                } else {
+                    return false
+                }
+            })
+        },
+        resetForm() {
+            this.$refs.ruleForm.resetFields()
+        },
+    },
+}
+</script>
+
+<style scoped>
+.el-card + .el-card {
+    margin-top: 15px;
+}
+
+.imglist .el-col + .el-col {
+    margin-left: 8px;
+}
+
+.custom-empty {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background: #8c939d;
+    border-radius: 5px;
+}
+
+.custom-empty i {
+    font-size: 30px;
+    color: #fff;
+}
+
+.custom-empty p {
+    font-size: 12px;
+    font-weight: normal;
+    color: #fff;
+    margin-top: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/video.vue b/src/frontend/admin/src/views/vab/video.vue
new file mode 100644
index 00000000..6fb9fd00
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/video.vue
@@ -0,0 +1,60 @@
+<template>
+    <el-main>
+        <el-alert style="margin-bottom: 20px" title="播放器使用来自西瓜视频的西瓜播放器xgplayer" type="success"></el-alert>
+        <el-row :gutter="15">
+            <el-col :lg="12">
+                <el-card header="MP4点播" shadow="never">
+                    <sc-video :options="options" :src="playUrl"></sc-video>
+                </el-card>
+            </el-col>
+            <el-col :lg="12">
+                <el-card header="HlS(m3u8)直播" shadow="never">
+                    <el-row :gutter="1">
+                        <el-col :span="12">
+                            <sc-video :options="{ volume: 0 }" :src="liveUrl" isLive></sc-video>
+                        </el-col>
+                        <el-col :span="12">
+                            <sc-video :options="{ volume: 0 }" :src="liveUrl_2" isLive></sc-video>
+                        </el-col>
+                    </el-row>
+                    <el-row :gutter="1" style="margin-top: 1px">
+                        <el-col :span="12">
+                            <sc-video :options="{ volume: 0 }" :src="liveUrl_3" isLive></sc-video>
+                        </el-col>
+                        <el-col :span="12">
+                            <sc-video :options="{ volume: 0 }" :src="liveUrl_4" isLive></sc-video>
+                        </el-col>
+                    </el-row>
+                </el-card>
+            </el-col>
+        </el-row>
+    </el-main>
+</template>
+
+<script>
+import scVideo from '@/components/scVideo'
+
+export default {
+    name: 'scvideo',
+    components: {
+        scVideo,
+    },
+    data() {
+        return {
+            playUrl: 'https://fastly.jsdelivr.net/gh/scuiadmin/CDN/video/scui-player-demo-720.mp4',
+            options: {
+                poster: 'https://fastly.jsdelivr.net/gh/scuiadmin/CDN/video/scui-player-demo-1080_Moment.jpg',
+                pip: true,
+            },
+            liveUrl: 'http://local.live.jxtvcn.com.cn/live-jxtv/tv_jxtv1.m3u8',
+            liveUrl_2: 'http://local.live.jxtvcn.com.cn/live-jxtv/tv_jxtv6.m3u8',
+            liveUrl_3: 'http://local.live.jxtvcn.com.cn/live-jxtv/tv_jxtv7.m3u8',
+            liveUrl_4: 'http://local.live.jxtvcn.com.cn/live-jxtv/tv_jxtv8.m3u8',
+        }
+    },
+    mounted() {},
+    methods: {},
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/watermark.vue b/src/frontend/admin/src/views/vab/watermark.vue
new file mode 100644
index 00000000..55e0af6d
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/watermark.vue
@@ -0,0 +1,60 @@
+<template>
+    <el-main>
+        <el-card shadow="never">
+            <sc-water-mark ref="wm" subtext="admin@scui.com" text="欢迎体验SCUI">
+                <el-table :data="tableData" border stripe style="width: 100%">
+                    <el-table-column label="Date" prop="date" width="180" />
+                    <el-table-column label="Name" prop="name" width="180" />
+                    <el-table-column label="Address" prop="address" />
+                </el-table>
+            </sc-water-mark>
+        </el-card>
+        <el-card shadow="never" style="margin-top: 15px">
+            <el-button type="primary" @click="create">创建水印</el-button>
+            <el-button type="primary" @click="clear">移除水印</el-button>
+        </el-card>
+    </el-main>
+</template>
+
+<script>
+export default {
+    name: 'watermark',
+    data() {
+        return {
+            tableData: [
+                {
+                    date: '2016-05-03',
+                    name: 'Tom',
+                    address: 'No. 189, Grove St, Los Angeles',
+                },
+                {
+                    date: '2016-05-02',
+                    name: 'Tom',
+                    address: 'No. 189, Grove St, Los Angeles',
+                },
+                {
+                    date: '2016-05-04',
+                    name: 'Tom',
+                    address: 'No. 189, Grove St, Los Angeles',
+                },
+                {
+                    date: '2016-05-01',
+                    name: 'Tom',
+                    address: 'No. 189, Grove St, Los Angeles',
+                },
+            ],
+        }
+    },
+    mounted() {},
+    methods: {
+        create() {
+            this.$refs.wm.create()
+        },
+        clear() {
+            this.$refs.wm.clear()
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/src/views/vab/workflow.vue b/src/frontend/admin/src/views/vab/workflow.vue
new file mode 100644
index 00000000..00019cc3
--- /dev/null
+++ b/src/frontend/admin/src/views/vab/workflow.vue
@@ -0,0 +1,119 @@
+<template>
+    <el-container>
+        <el-header>
+            <el-page-header :content="data.name"></el-page-header>
+            <div class="do">
+                <el-button type="primary" @click="exportJson">export JSON</el-button>
+            </div>
+        </el-header>
+        <el-main>
+            <sc-workflow v-model="data.nodeConfig"></sc-workflow>
+        </el-main>
+    </el-container>
+</template>
+
+<script>
+import scWorkflow from '@/components/scWorkflow'
+
+export default {
+    name: 'workflow',
+    components: {
+        scWorkflow,
+    },
+    data() {
+        return {
+            data: {
+                id: 1,
+                name: '请假审批',
+                nodeConfig: {
+                    nodeName: '发起人',
+                    type: 0,
+                    nodeRoleList: [],
+                    childNode: {
+                        nodeName: '条件路由',
+                        type: 4,
+                        conditionNodes: [
+                            {
+                                nodeName: '长期',
+                                type: 3,
+                                priorityLevel: 1,
+                                conditionMode: 1,
+                                conditionList: [
+                                    {
+                                        label: '请假天数',
+                                        field: 'day',
+                                        operator: '>',
+                                        value: '7',
+                                    },
+                                ],
+                                childNode: {
+                                    nodeName: '领导审批',
+                                    type: 1,
+                                    setType: 1,
+                                    nodeUserList: [
+                                        {
+                                            id: '360000197302144442',
+                                            name: '何敏',
+                                        },
+                                    ],
+                                    nodeRoleList: [],
+                                    examineLevel: 1,
+                                    directorLevel: 1,
+                                    selectMode: 1,
+                                    termAuto: false,
+                                    term: 0,
+                                    termMode: 1,
+                                    examineMode: 1,
+                                    directorMode: 0,
+                                },
+                            },
+                            {
+                                nodeName: '短期',
+                                type: 3,
+                                priorityLevel: 2,
+                                conditionMode: 1,
+                                conditionList: [],
+                                childNode: {
+                                    nodeName: '直接主管审批',
+                                    type: 1,
+                                    setType: 2,
+                                    nodeUserList: [],
+                                    nodeRoleList: [],
+                                    examineLevel: 1,
+                                    directorLevel: 1,
+                                    selectMode: 1,
+                                    termAuto: false,
+                                    term: 0,
+                                    termMode: 1,
+                                    examineMode: 1,
+                                    directorMode: 0,
+                                },
+                            },
+                        ],
+                        childNode: {
+                            nodeName: '抄送人',
+                            type: 2,
+                            userSelectFlag: true,
+                            nodeUserList: [
+                                {
+                                    id: '220000200908305857',
+                                    name: '何秀英',
+                                },
+                            ],
+                        },
+                    },
+                },
+            },
+        }
+    },
+    mounted() {},
+    methods: {
+        exportJson() {
+            this.$message('返回值请查看F12控制台console.log()')
+            console.log(this.data)
+        },
+    },
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/frontend/admin/vite.config.js b/src/frontend/admin/vite.config.js
new file mode 100644
index 00000000..a1e640a7
--- /dev/null
+++ b/src/frontend/admin/vite.config.js
@@ -0,0 +1,79 @@
+import { defineConfig } from 'vite'
+import path from 'path'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    base: './',
+    plugins: [vue()],
+    resolve: {
+        alias: {
+            // 设置路径
+            '~': path.resolve(__dirname, './'),
+            // 设置别名
+            '@': path.resolve(__dirname, './src'),
+        },
+        extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
+    },
+    // vite 相关配置
+    server: {
+        port: 65020,
+        host: true,
+        open: false,
+        proxy: {
+            '/api': {
+                target: 'http://localhost:65010/api',
+                changeOrigin: true,
+                rewrite: (p) => p.replace(/^\/api/, ''),
+            },
+        },
+    },
+    css: {
+        postcss: {
+            plugins: [
+                {
+                    postcssPlugin: 'internal:charset-removal',
+                    AtRule: {
+                        charset: (atRule) => {
+                            if (atRule.name === 'charset') {
+                                atRule.remove()
+                            }
+                        },
+                    },
+                },
+            ],
+        },
+    },
+    build: {
+        emptyOutDir: true,
+        outDir: 'dist',
+        assetsDir: 'assets',
+        minify: 'terser',
+        terserOptions: {
+            compress: {
+                drop_console: true,
+                drop_debugger: true,
+            },
+        },
+        rollupOptions: {
+            // 拆包
+            output: {
+                chunkFileNames: 'js/[name]-[hash].js',
+                entryFileNames: 'js/[name]-[hash].js',
+                assetFileNames: '[ext]/[name]-[hash].[ext]',
+                manualChunks(id) {
+                    if (id.includes('node_modules')) {
+                        return id.split('/node_modules/').pop()?.split('/')[0]
+                    }
+                },
+                // 第三方库拆包
+                // manualChunks: {
+                //   xgplayer: ['xgplayer'],
+                //   xlsx: ['xlsx'],
+                //   tinymce: ['tinymce'],
+                //   elicons: ['@element-plus/icons-vue']
+                // }
+            },
+        },
+    },
+})
\ No newline at end of file
diff --git a/src/frontend/h5/.editorconfig b/src/frontend/h5/.editorconfig
new file mode 100644
index 00000000..b79317dd
--- /dev/null
+++ b/src/frontend/h5/.editorconfig
@@ -0,0 +1,11 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+ij_xml_attribute_wrap = off
+ij_xml_text_wrap = off
+indent_size = 4
+indent_style = space
+insert_final_newline = false
+trim_trailing_whitespace = true
\ No newline at end of file
diff --git a/src/frontend/h5/.eslintrc.cjs b/src/frontend/h5/.eslintrc.cjs
new file mode 100644
index 00000000..c9f9b33d
--- /dev/null
+++ b/src/frontend/h5/.eslintrc.cjs
@@ -0,0 +1,14 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+    root: true,
+    'extends': [
+        'plugin:vue/vue3-essential',
+        'eslint:recommended',
+        '@vue/eslint-config-prettier/skip-formatting'
+    ],
+    parserOptions: {
+        ecmaVersion: 'latest'
+    }
+}
\ No newline at end of file
diff --git a/src/frontend/h5/.gitignore b/src/frontend/h5/.gitignore
new file mode 100644
index 00000000..38adffa6
--- /dev/null
+++ b/src/frontend/h5/.gitignore
@@ -0,0 +1,28 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/src/frontend/h5/.prettierrc.json b/src/frontend/h5/.prettierrc.json
new file mode 100644
index 00000000..2998b24c
--- /dev/null
+++ b/src/frontend/h5/.prettierrc.json
@@ -0,0 +1,8 @@
+{
+    "$schema": "https://json.schemastore.org/prettierrc",
+    "semi": false,
+    "tabWidth": 2,
+    "singleQuote": true,
+    "printWidth": 100,
+    "trailingComma": "none"
+}
\ No newline at end of file
diff --git a/src/frontend/h5/README.md b/src/frontend/h5/README.md
new file mode 100644
index 00000000..280b3f39
--- /dev/null
+++ b/src/frontend/h5/README.md
@@ -0,0 +1,35 @@
+# ddf-app
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Compile and Minify for Production
+
+```sh
+npm run build
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+npm run lint
+```
\ No newline at end of file
diff --git a/src/frontend/h5/index.html b/src/frontend/h5/index.html
new file mode 100644
index 00000000..73c66b90
--- /dev/null
+++ b/src/frontend/h5/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang='en'>
+<head>
+    <meta charset='UTF-8'>
+    <link href='/favicon.ico' rel='icon'>
+    <meta content='width=device-width, initial-scale=1.0' name='viewport'>
+    <title>Vite App</title>
+</head>
+<body>
+<div id='app'></div>
+<script src='/src/main.js' type='module'></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/frontend/h5/package.json b/src/frontend/h5/package.json
new file mode 100644
index 00000000..dba0eb56
--- /dev/null
+++ b/src/frontend/h5/package.json
@@ -0,0 +1,36 @@
+{
+  "name": "ddf-app",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore",
+    "format": "prettier --write src/"
+  },
+  "dependencies": {
+    "@vant/touch-emulator": "^1.4.0",
+    "axios": "^1.3.6",
+    "crypto-js": "^4.1.1",
+    "json-bigint": "^1.0.0",
+    "pinia": "^2.0.32",
+    "uuid": "^9.0.0",
+    "vant": "^4.2.0",
+    "vue": "^3.2.47",
+    "vue-router": "^4.1.6"
+  },
+  "devDependencies": {
+    "@rushstack/eslint-patch": "^1.2.0",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vue/eslint-config-prettier": "^7.1.0",
+    "autoprefixer": "^10.4.14",
+    "eslint": "^8.34.0",
+    "eslint-plugin-vue": "^9.9.0",
+    "postcss": "^8.4.23",
+    "postcss-pxtorem": "^6.0.0",
+    "prettier": "^2.8.4",
+    "tailwindcss": "^3.3.2",
+    "vite": "^4.1.4"
+  }
+}
\ No newline at end of file
diff --git a/src/frontend/h5/postcss.config.js b/src/frontend/h5/postcss.config.js
new file mode 100644
index 00000000..f1f1f334
--- /dev/null
+++ b/src/frontend/h5/postcss.config.js
@@ -0,0 +1,10 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+    'postcss-pxtorem': {
+      rootValue: 16,
+      propList: ['*']
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/frontend/h5/public/favicon.ico b/src/frontend/h5/public/favicon.ico
new file mode 100644
index 00000000..df36fcfb
Binary files /dev/null and b/src/frontend/h5/public/favicon.ico differ
diff --git a/src/frontend/h5/src/App.vue b/src/frontend/h5/src/App.vue
new file mode 100644
index 00000000..e126b7e7
--- /dev/null
+++ b/src/frontend/h5/src/App.vue
@@ -0,0 +1,28 @@
+<script setup>
+import {RouterView} from 'vue-router'
+import router from "@/router";
+import {computed, ref} from "vue";
+
+console.log(router.currentRoute.value.path)
+const noFooterRoutes = ref(['/product', '/account'])
+const currentRoutePath = computed(() => router.currentRoute.value.path);
+const shouldHideFooter = computed(() => {
+    return noFooterRoutes.value.some(route => currentRoutePath.value.startsWith(route));
+});
+
+</script>
+
+<template>
+    <header></header>
+    <main>
+        <RouterView/>
+    </main>
+    <footer v-if="!shouldHideFooter">
+        <van-tabbar route>
+            <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
+            <van-tabbar-item icon="apps-o" to="/category">分类</van-tabbar-item>
+            <van-tabbar-item icon="user-o" to="/member">个人中心</van-tabbar-item>
+        </van-tabbar>
+    </footer>
+    <van-back-top bottom="80"/>
+</template>
\ No newline at end of file
diff --git a/src/frontend/h5/src/NetAdmin.js b/src/frontend/h5/src/NetAdmin.js
new file mode 100644
index 00000000..e8358f46
--- /dev/null
+++ b/src/frontend/h5/src/NetAdmin.js
@@ -0,0 +1,25 @@
+import config from './config'
+import api from './api'
+import tool from './utils/tool'
+import http from './utils/request'
+
+export default {
+  async install(app) {
+    //挂载全局对象
+    app.config.globalProperties.$CONFIG = config
+    app.config.globalProperties.$TOOL = tool
+    app.config.globalProperties.$HTTP = http
+    app.config.globalProperties.$API = api
+    const res = await Promise.all([
+      api['sys/constant'].getChars.post(),
+      api['sys/constant'].getEnums.post(),
+      api['sys/constant'].getLocalizedStrings.post(),
+      api['sys/constant'].getNumbers.post()
+    ])
+
+    config.STRINGS = res[0].data
+    config.ENUMS = res[1].data
+    config.LOC_STRINGS = res[2].data
+    config.NUMBERS = res[3].data
+  }
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/biz/artcategory.js b/src/frontend/h5/src/api/biz/artcategory.js
new file mode 100644
index 00000000..5e89f0cf
--- /dev/null
+++ b/src/frontend/h5/src/api/biz/artcategory.js
@@ -0,0 +1,77 @@
+/**
+ *  文章分类服务
+ *  @module @/api/biz/art.category
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除文章分类
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/biz/art.category/bulk.delete`,
+        name: `批量删除文章分类`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建文章分类
+ */
+create :{
+    url: `${config.API_URL}/api/biz/art.category/create`,
+        name: `创建文章分类`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除文章分类
+ */
+delete :{
+    url: `${config.API_URL}/api/biz/art.category/delete`,
+        name: `删除文章分类`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询文章分类
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/biz/art.category/paged.query`,
+        name: `分页查询文章分类`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询文章分类
+ */
+query :{
+    url: `${config.API_URL}/api/biz/art.category/query`,
+        name: `查询文章分类`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新文章分类
+ */
+update :{
+    url: `${config.API_URL}/api/biz/art.category/update`,
+        name: `更新文章分类`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/biz/article.js b/src/frontend/h5/src/api/biz/article.js
new file mode 100644
index 00000000..e1ba8fb4
--- /dev/null
+++ b/src/frontend/h5/src/api/biz/article.js
@@ -0,0 +1,77 @@
+/**
+ *  文章服务
+ *  @module @/api/biz/article
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除文章
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/biz/article/bulk.delete`,
+        name: `批量删除文章`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建文章
+ */
+create :{
+    url: `${config.API_URL}/api/biz/article/create`,
+        name: `创建文章`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除文章
+ */
+delete :{
+    url: `${config.API_URL}/api/biz/article/delete`,
+        name: `删除文章`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询文章
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/biz/article/paged.query`,
+        name: `分页查询文章`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询文章
+ */
+query :{
+    url: `${config.API_URL}/api/biz/article/query`,
+        name: `查询文章`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新文章
+ */
+update :{
+    url: `${config.API_URL}/api/biz/article/update`,
+        name: `更新文章`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/biz/articlecategory.js b/src/frontend/h5/src/api/biz/articlecategory.js
new file mode 100644
index 00000000..dc8a76c8
--- /dev/null
+++ b/src/frontend/h5/src/api/biz/articlecategory.js
@@ -0,0 +1,77 @@
+/**
+ *  文章分类映射服务
+ *  @module @/api/biz/article.category
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除文章分类映射
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/biz/article.category/bulk.delete`,
+        name: `批量删除文章分类映射`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建文章分类映射
+ */
+create :{
+    url: `${config.API_URL}/api/biz/article.category/create`,
+        name: `创建文章分类映射`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除文章分类映射
+ */
+delete :{
+    url: `${config.API_URL}/api/biz/article.category/delete`,
+        name: `删除文章分类映射`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询文章分类映射
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/biz/article.category/paged.query`,
+        name: `分页查询文章分类映射`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询文章分类映射
+ */
+query :{
+    url: `${config.API_URL}/api/biz/article.category/query`,
+        name: `查询文章分类映射`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新文章分类映射
+ */
+update :{
+    url: `${config.API_URL}/api/biz/article.category/update`,
+        name: `更新文章分类映射`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/biz/articledetail.js b/src/frontend/h5/src/api/biz/articledetail.js
new file mode 100644
index 00000000..793bfa97
--- /dev/null
+++ b/src/frontend/h5/src/api/biz/articledetail.js
@@ -0,0 +1,77 @@
+/**
+ *  文章详情服务
+ *  @module @/api/biz/article.detail
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除文章详情
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/biz/article.detail/bulk.delete`,
+        name: `批量删除文章详情`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建文章详情
+ */
+create :{
+    url: `${config.API_URL}/api/biz/article.detail/create`,
+        name: `创建文章详情`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除文章详情
+ */
+delete :{
+    url: `${config.API_URL}/api/biz/article.detail/delete`,
+        name: `删除文章详情`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询文章详情
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/biz/article.detail/paged.query`,
+        name: `分页查询文章详情`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询文章详情
+ */
+query :{
+    url: `${config.API_URL}/api/biz/article.detail/query`,
+        name: `查询文章详情`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新文章详情
+ */
+update :{
+    url: `${config.API_URL}/api/biz/article.detail/update`,
+        name: `更新文章详情`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/biz/member.js b/src/frontend/h5/src/api/biz/member.js
new file mode 100644
index 00000000..25556b59
--- /dev/null
+++ b/src/frontend/h5/src/api/biz/member.js
@@ -0,0 +1,99 @@
+/**
+ *  会员服务
+ *  @module @/api/biz/member
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除会员
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/biz/member/bulk.delete`,
+        name: `批量删除会员`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建会员
+ */
+create :{
+    url: `${config.API_URL}/api/biz/member/create`,
+        name: `创建会员`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除会员
+ */
+delete :{
+    url: `${config.API_URL}/api/biz/member/delete`,
+        name: `删除会员`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 当前会员信息
+ */
+memberInfo :{
+    url: `${config.API_URL}/api/biz/member/member.info`,
+        name: `当前会员信息`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询会员
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/biz/member/paged.query`,
+        name: `分页查询会员`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询会员
+ */
+query :{
+    url: `${config.API_URL}/api/biz/member/query`,
+        name: `查询会员`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 会员注册
+ */
+register :{
+    url: `${config.API_URL}/api/biz/member/register`,
+        name: `会员注册`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新会员
+ */
+update :{
+    url: `${config.API_URL}/api/biz/member/update`,
+        name: `更新会员`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/biz/product.js b/src/frontend/h5/src/api/biz/product.js
new file mode 100644
index 00000000..df0badf1
--- /dev/null
+++ b/src/frontend/h5/src/api/biz/product.js
@@ -0,0 +1,88 @@
+/**
+ *  商品服务
+ *  @module @/api/biz/product
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除商品
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/biz/product/bulk.delete`,
+        name: `批量删除商品`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建商品
+ */
+create :{
+    url: `${config.API_URL}/api/biz/product/create`,
+        name: `创建商品`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除商品
+ */
+delete :{
+    url: `${config.API_URL}/api/biz/product/delete`,
+        name: `删除商品`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 获取单个商品
+ */
+get :{
+    url: `${config.API_URL}/api/biz/product/get`,
+        name: `获取单个商品`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询商品
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/biz/product/paged.query`,
+        name: `分页查询商品`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询商品
+ */
+query :{
+    url: `${config.API_URL}/api/biz/product/query`,
+        name: `查询商品`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新商品
+ */
+update :{
+    url: `${config.API_URL}/api/biz/product/update`,
+        name: `更新商品`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/biz/productcategory.js b/src/frontend/h5/src/api/biz/productcategory.js
new file mode 100644
index 00000000..22a77c10
--- /dev/null
+++ b/src/frontend/h5/src/api/biz/productcategory.js
@@ -0,0 +1,77 @@
+/**
+ *  商品分类服务
+ *  @module @/api/biz/product.category
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除商品分类
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/biz/product.category/bulk.delete`,
+        name: `批量删除商品分类`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建商品分类
+ */
+create :{
+    url: `${config.API_URL}/api/biz/product.category/create`,
+        name: `创建商品分类`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除商品分类
+ */
+delete :{
+    url: `${config.API_URL}/api/biz/product.category/delete`,
+        name: `删除商品分类`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询商品分类
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/biz/product.category/paged.query`,
+        name: `分页查询商品分类`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询商品分类
+ */
+query :{
+    url: `${config.API_URL}/api/biz/product.category/query`,
+        name: `查询商品分类`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新商品分类
+ */
+update :{
+    url: `${config.API_URL}/api/biz/product.category/update`,
+        name: `更新商品分类`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/biz/urlmap.js b/src/frontend/h5/src/api/biz/urlmap.js
new file mode 100644
index 00000000..7079075a
--- /dev/null
+++ b/src/frontend/h5/src/api/biz/urlmap.js
@@ -0,0 +1,77 @@
+/**
+ *  文章地址服务
+ *  @module @/api/biz/url.map
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除文章地址
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/biz/url.map/bulk.delete`,
+        name: `批量删除文章地址`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建文章地址
+ */
+create :{
+    url: `${config.API_URL}/api/biz/url.map/create`,
+        name: `创建文章地址`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除文章地址
+ */
+delete :{
+    url: `${config.API_URL}/api/biz/url.map/delete`,
+        name: `删除文章地址`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询文章地址
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/biz/url.map/paged.query`,
+        name: `分页查询文章地址`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询文章地址
+ */
+query :{
+    url: `${config.API_URL}/api/biz/url.map/query`,
+        name: `查询文章地址`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新文章地址
+ */
+update :{
+    url: `${config.API_URL}/api/biz/url.map/update`,
+        name: `更新文章地址`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/controllers/health.js b/src/frontend/h5/src/api/controllers/health.js
new file mode 100644
index 00000000..9bad104e
--- /dev/null
+++ b/src/frontend/h5/src/api/controllers/health.js
@@ -0,0 +1,22 @@
+/**
+ *  健康控制器
+ *  @module @/api/health
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 健康检查
+ */
+check :{
+    url: `${config.API_URL}/api/health/check`,
+        name: `健康检查`,
+        get:async function(data={}, config={}) {
+        return await http.get(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/index.js b/src/frontend/h5/src/api/index.js
new file mode 100644
index 00000000..45fb1f9f
--- /dev/null
+++ b/src/frontend/h5/src/api/index.js
@@ -0,0 +1,13 @@
+/**
+ * @description 自动import导入所有 api 模块
+ */
+
+const modules = {}
+
+const files = import.meta.glob('./**/*.js')
+for await (const key of Object.keys(files)) {
+    const name = key.replace(/^\.\/(.*)\.\w+$/, '$1')
+    modules[name] = (await files[key]()).default
+}
+
+export default modules
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/model/auth.js b/src/frontend/h5/src/api/model/auth.js
new file mode 100644
index 00000000..d8b8fbb0
--- /dev/null
+++ b/src/frontend/h5/src/api/model/auth.js
@@ -0,0 +1,12 @@
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+    token: {
+        url: `${config.API_URL}/token`,
+        name: "登录获取TOKEN",
+        post: async function (data = {}) {
+            return await http.post(this.url, data);
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/model/common.js b/src/frontend/h5/src/api/model/common.js
new file mode 100644
index 00000000..46f62e5c
--- /dev/null
+++ b/src/frontend/h5/src/api/model/common.js
@@ -0,0 +1,49 @@
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+    upload: {
+        url: `${config.API_URL}/upload`,
+        name: "文件上传",
+        post: async function (data, config = {}) {
+            return await http.post(this.url, data, config);
+        }
+    },
+    uploadFile: {
+        url: `${config.API_URL}/uploadFile`,
+        name: "附件上传",
+        post: async function (data, config = {}) {
+            return await http.post(this.url, data, config);
+        }
+    },
+    exportFile: {
+        url: `${config.API_URL}/fileExport`,
+        name: "导出附件",
+        get: async function (data, config = {}) {
+            return await http.get(this.url, data, config);
+        }
+    },
+    importFile: {
+        url: `${config.API_URL}/fileImport`,
+        name: "导入附件",
+        post: async function (data, config = {}) {
+            return await http.post(this.url, data, config);
+        }
+    },
+    file: {
+        menu: {
+            url: `${config.API_URL}/file/menu`,
+            name: "获取文件分类",
+            get: async function () {
+                return await http.get(this.url);
+            }
+        },
+        list: {
+            url: `${config.API_URL}/file/list`,
+            name: "获取文件列表",
+            get: async function (params) {
+                return await http.get(this.url, params);
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/model/demo.js b/src/frontend/h5/src/api/model/demo.js
new file mode 100644
index 00000000..828dab13
--- /dev/null
+++ b/src/frontend/h5/src/api/model/demo.js
@@ -0,0 +1,55 @@
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+    ver: {
+        url: `${config.API_URL}/demo/ver`,
+        name: "获取最新版本号",
+        get: async function (params) {
+            return await http.get(this.url, params);
+        }
+    },
+    post: {
+        url: `${config.API_URL}/demo/post`,
+        name: "分页列表",
+        post: async function (data) {
+            return await http.post(this.url, data, {
+                headers: {
+                    //'response-status': 401
+                }
+            });
+        }
+    },
+    page: {
+        url: `${config.API_URL}/demo/page`,
+        name: "分页列表",
+        get: async function (params) {
+            return await http.get(this.url, params);
+        }
+    },
+    list: {
+        url: `${config.API_URL}/demo/list`,
+        name: "数据列表",
+        get: async function (params) {
+            return await http.get(this.url, params);
+        }
+    },
+    menu: {
+        url: `${config.API_URL}/demo/menu`,
+        name: "普通用户菜单",
+        get: async function () {
+            return await http.get(this.url);
+        }
+    },
+    status: {
+        url: `${config.API_URL}/demo/status`,
+        name: "模拟无权限",
+        get: async function (code) {
+            return await http.get(this.url, {}, {
+                headers: {
+                    "response-status": code
+                }
+            });
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/model/system.js b/src/frontend/h5/src/api/model/system.js
new file mode 100644
index 00000000..0698d31e
--- /dev/null
+++ b/src/frontend/h5/src/api/model/system.js
@@ -0,0 +1,114 @@
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+    menu: {
+        myMenus: {
+            url: `${config.API_URL}/system/menu/my/1.6.1`,
+            name: "获取我的菜单",
+            get: async function () {
+                return await http.get(this.url);
+            }
+        },
+        list: {
+            url: `${config.API_URL}/system/menu/list`,
+            name: "获取菜单",
+            get: async function () {
+                return await http.get(this.url);
+            }
+        }
+    },
+    dic: {
+        tree: {
+            url: `${config.API_URL}/system/dic/tree`,
+            name: "获取字典树",
+            get: async function () {
+                return await http.get(this.url);
+            }
+        },
+        list: {
+            url: `${config.API_URL}/system/dic/list`,
+            name: "字典明细",
+            get: async function (params) {
+                return await http.get(this.url, params);
+            }
+        },
+        get: {
+            url: `${config.API_URL}/system/dic/get`,
+            name: "获取字典数据",
+            get: async function (params) {
+                return await http.get(this.url, params);
+            }
+        }
+    },
+    role: {
+        list: {
+            url: `${config.API_URL}/system/role/list2`,
+            name: "获取角色列表",
+            get: async function (params) {
+                return await http.get(this.url, params);
+            }
+        }
+    },
+    dept: {
+        list: {
+            url: `${config.API_URL}/system/dept/list`,
+            name: "获取部门列表",
+            get: async function (params) {
+                return await http.get(this.url, params);
+            }
+        }
+    },
+    user: {
+        list: {
+            url: `${config.API_URL}/system/user/list`,
+            name: "获取用户列表",
+            get: async function (params) {
+                return await http.get(this.url, params);
+            }
+        }
+    },
+    app: {
+        list: {
+            url: `${config.API_URL}/system/app/list`,
+            name: "应用列表",
+            get: async function () {
+                return await http.get(this.url);
+            }
+        }
+    },
+    log: {
+        list: {
+            url: `${config.API_URL}/system/log/list`,
+            name: "日志列表",
+            get: async function (params) {
+                return await http.get(this.url, params);
+            }
+        }
+    },
+    table: {
+        list: {
+            url: `${config.API_URL}/system/table/list`,
+            name: "表格列管理列表",
+            get: async function (params) {
+                return await http.get(this.url, params);
+            }
+        },
+        info: {
+            url: `${config.API_URL}/system/table/info`,
+            name: "表格列管理详情",
+            get: async function (params) {
+                return await http.get(this.url, params);
+            }
+        }
+    },
+    tasks: {
+        list: {
+            url: `${config.API_URL}/system/tasks/list`,
+            name: "系统任务管理",
+            get: async function (params) {
+                return await http.get(this.url, params);
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/sys/api.js b/src/frontend/h5/src/api/sys/api.js
new file mode 100644
index 00000000..0ba9a3a2
--- /dev/null
+++ b/src/frontend/h5/src/api/sys/api.js
@@ -0,0 +1,33 @@
+/**
+ *  接口服务
+ *  @module @/api/sys/api
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 查询接口
+ */
+query :{
+    url: `${config.API_URL}/api/sys/api/query`,
+        name: `查询接口`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 同步接口
+ */
+sync :{
+    url: `${config.API_URL}/api/sys/api/sync`,
+        name: `同步接口`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/sys/cache.js b/src/frontend/h5/src/api/sys/cache.js
new file mode 100644
index 00000000..a335522a
--- /dev/null
+++ b/src/frontend/h5/src/api/sys/cache.js
@@ -0,0 +1,33 @@
+/**
+ *  缓存服务
+ *  @module @/api/sys/cache
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 缓存统计
+ */
+cacheStatistics :{
+    url: `${config.API_URL}/api/sys/cache/cache.statistics`,
+        name: `缓存统计`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 清空缓存
+ */
+clear :{
+    url: `${config.API_URL}/api/sys/cache/clear`,
+        name: `清空缓存`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/sys/captcha.js b/src/frontend/h5/src/api/sys/captcha.js
new file mode 100644
index 00000000..7136d98b
--- /dev/null
+++ b/src/frontend/h5/src/api/sys/captcha.js
@@ -0,0 +1,33 @@
+/**
+ *  人机验证服务
+ *  @module @/api/sys/captcha
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 获取人机校验图
+ */
+getCaptchaImage :{
+    url: `${config.API_URL}/api/sys/captcha/get.captcha.image`,
+        name: `获取人机校验图`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 完成人机校验
+ */
+verifyCaptcha :{
+    url: `${config.API_URL}/api/sys/captcha/verify.captcha`,
+        name: `完成人机校验`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/sys/config.js b/src/frontend/h5/src/api/sys/config.js
new file mode 100644
index 00000000..cb4d0981
--- /dev/null
+++ b/src/frontend/h5/src/api/sys/config.js
@@ -0,0 +1,88 @@
+/**
+ *  配置服务
+ *  @module @/api/sys/config
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除配置
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/sys/config/bulk.delete`,
+        name: `批量删除配置`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建配置
+ */
+create :{
+    url: `${config.API_URL}/api/sys/config/create`,
+        name: `创建配置`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除配置
+ */
+delete :{
+    url: `${config.API_URL}/api/sys/config/delete`,
+        name: `删除配置`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 获取最新有效配置
+ */
+getLatestConfig :{
+    url: `${config.API_URL}/api/sys/config/get.latest.config`,
+        name: `获取最新有效配置`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询配置
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/sys/config/paged.query`,
+        name: `分页查询配置`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询配置
+ */
+query :{
+    url: `${config.API_URL}/api/sys/config/query`,
+        name: `查询配置`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新配置
+ */
+update :{
+    url: `${config.API_URL}/api/sys/config/update`,
+        name: `更新配置`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/sys/constant.js b/src/frontend/h5/src/api/sys/constant.js
new file mode 100644
index 00000000..42c8aae4
--- /dev/null
+++ b/src/frontend/h5/src/api/sys/constant.js
@@ -0,0 +1,55 @@
+/**
+ *  常量服务
+ *  @module @/api/sys/constant
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 获得常量字符串
+ */
+getChars :{
+    url: `${config.API_URL}/api/sys/constant/get.chars`,
+        name: `获得常量字符串`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 获得公共枚举值
+ */
+getEnums :{
+    url: `${config.API_URL}/api/sys/constant/get.enums`,
+        name: `获得公共枚举值`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 获得本地化字符串
+ */
+getLocalizedStrings :{
+    url: `${config.API_URL}/api/sys/constant/get.localized.strings`,
+        name: `获得本地化字符串`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 获得数字常量表
+ */
+getNumbers :{
+    url: `${config.API_URL}/api/sys/constant/get.numbers`,
+        name: `获得数字常量表`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/sys/dept.js b/src/frontend/h5/src/api/sys/dept.js
new file mode 100644
index 00000000..963b6e06
--- /dev/null
+++ b/src/frontend/h5/src/api/sys/dept.js
@@ -0,0 +1,66 @@
+/**
+ *  部门服务
+ *  @module @/api/sys/dept
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除部门
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/sys/dept/bulk.delete`,
+        name: `批量删除部门`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建部门
+ */
+create :{
+    url: `${config.API_URL}/api/sys/dept/create`,
+        name: `创建部门`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除部门
+ */
+delete :{
+    url: `${config.API_URL}/api/sys/dept/delete`,
+        name: `删除部门`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询部门
+ */
+query :{
+    url: `${config.API_URL}/api/sys/dept/query`,
+        name: `查询部门`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新部门
+ */
+update :{
+    url: `${config.API_URL}/api/sys/dept/update`,
+        name: `更新部门`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/sys/dev.js b/src/frontend/h5/src/api/sys/dev.js
new file mode 100644
index 00000000..fddc09c5
--- /dev/null
+++ b/src/frontend/h5/src/api/sys/dev.js
@@ -0,0 +1,44 @@
+/**
+ *  开发服务
+ *  @module @/api/sys/dev
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 生成后端代码
+ */
+generateCsCode :{
+    url: `${config.API_URL}/api/sys/dev/generate.cs.code`,
+        name: `生成后端代码`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 生成图标代码
+ */
+generateIconCode :{
+    url: `${config.API_URL}/api/sys/dev/generate.icon.code`,
+        name: `生成图标代码`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 生成接口代码
+ */
+generateJsCode :{
+    url: `${config.API_URL}/api/sys/dev/generate.js.code`,
+        name: `生成接口代码`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/sys/dic.js b/src/frontend/h5/src/api/sys/dic.js
new file mode 100644
index 00000000..9ccefda6
--- /dev/null
+++ b/src/frontend/h5/src/api/sys/dic.js
@@ -0,0 +1,143 @@
+/**
+ *  字典服务
+ *  @module @/api/sys/dic
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除字典目录
+ */
+bulkDeleteCatalog :{
+    url: `${config.API_URL}/api/sys/dic/bulk.delete.catalog`,
+        name: `批量删除字典目录`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 批量删除字典内容
+ */
+bulkDeleteContent :{
+    url: `${config.API_URL}/api/sys/dic/bulk.delete.content`,
+        name: `批量删除字典内容`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建字典目录
+ */
+createCatalog :{
+    url: `${config.API_URL}/api/sys/dic/create.catalog`,
+        name: `创建字典目录`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建字典内容
+ */
+createContent :{
+    url: `${config.API_URL}/api/sys/dic/create.content`,
+        name: `创建字典内容`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除字典目录
+ */
+deleteCatalog :{
+    url: `${config.API_URL}/api/sys/dic/delete.catalog`,
+        name: `删除字典目录`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除字典内容
+ */
+deleteContent :{
+    url: `${config.API_URL}/api/sys/dic/delete.content`,
+        name: `删除字典内容`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询字典目录
+ */
+pagedQueryCatalog :{
+    url: `${config.API_URL}/api/sys/dic/paged.query.catalog`,
+        name: `分页查询字典目录`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询字典内容
+ */
+pagedQueryContent :{
+    url: `${config.API_URL}/api/sys/dic/paged.query.content`,
+        name: `分页查询字典内容`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询字典目录
+ */
+queryCatalog :{
+    url: `${config.API_URL}/api/sys/dic/query.catalog`,
+        name: `查询字典目录`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询字典内容
+ */
+queryContent :{
+    url: `${config.API_URL}/api/sys/dic/query.content`,
+        name: `查询字典内容`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新字典目录
+ */
+updateCatalog :{
+    url: `${config.API_URL}/api/sys/dic/update.catalog`,
+        name: `更新字典目录`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新字典内容
+ */
+updateContent :{
+    url: `${config.API_URL}/api/sys/dic/update.content`,
+        name: `更新字典内容`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/sys/file.js b/src/frontend/h5/src/api/sys/file.js
new file mode 100644
index 00000000..5b50ba66
--- /dev/null
+++ b/src/frontend/h5/src/api/sys/file.js
@@ -0,0 +1,22 @@
+/**
+ *  文件服务
+ *  @module @/api/sys/file
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 文件上传
+ */
+upload :{
+    url: `${config.API_URL}/api/sys/file/upload`,
+        name: `文件上传`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/sys/log.js b/src/frontend/h5/src/api/sys/log.js
new file mode 100644
index 00000000..054de945
--- /dev/null
+++ b/src/frontend/h5/src/api/sys/log.js
@@ -0,0 +1,33 @@
+/**
+ *  请求日志服务
+ *  @module @/api/sys/log
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 分页查询请求日志
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/sys/log/paged.query`,
+        name: `分页查询请求日志`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询请求日志
+ */
+query :{
+    url: `${config.API_URL}/api/sys/log/query`,
+        name: `查询请求日志`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/sys/menu.js b/src/frontend/h5/src/api/sys/menu.js
new file mode 100644
index 00000000..ea55a58f
--- /dev/null
+++ b/src/frontend/h5/src/api/sys/menu.js
@@ -0,0 +1,77 @@
+/**
+ *  菜单服务
+ *  @module @/api/sys/menu
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除菜单
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/sys/menu/bulk.delete`,
+        name: `批量删除菜单`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建菜单
+ */
+create :{
+    url: `${config.API_URL}/api/sys/menu/create`,
+        name: `创建菜单`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除菜单
+ */
+delete :{
+    url: `${config.API_URL}/api/sys/menu/delete`,
+        name: `删除菜单`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询菜单
+ */
+query :{
+    url: `${config.API_URL}/api/sys/menu/query`,
+        name: `查询菜单`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新菜单
+ */
+update :{
+    url: `${config.API_URL}/api/sys/menu/update`,
+        name: `更新菜单`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 当前用户菜单
+ */
+userMenus :{
+    url: `${config.API_URL}/api/sys/menu/user.menus`,
+        name: `当前用户菜单`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/sys/position.js b/src/frontend/h5/src/api/sys/position.js
new file mode 100644
index 00000000..43e5093b
--- /dev/null
+++ b/src/frontend/h5/src/api/sys/position.js
@@ -0,0 +1,77 @@
+/**
+ *  岗位服务
+ *  @module @/api/sys/position
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除岗位
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/sys/position/bulk.delete`,
+        name: `批量删除岗位`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建岗位
+ */
+create :{
+    url: `${config.API_URL}/api/sys/position/create`,
+        name: `创建岗位`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除岗位
+ */
+delete :{
+    url: `${config.API_URL}/api/sys/position/delete`,
+        name: `删除岗位`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询岗位
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/sys/position/paged.query`,
+        name: `分页查询岗位`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询岗位
+ */
+query :{
+    url: `${config.API_URL}/api/sys/position/query`,
+        name: `查询岗位`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新岗位
+ */
+update :{
+    url: `${config.API_URL}/api/sys/position/update`,
+        name: `更新岗位`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/sys/role.js b/src/frontend/h5/src/api/sys/role.js
new file mode 100644
index 00000000..1772d99f
--- /dev/null
+++ b/src/frontend/h5/src/api/sys/role.js
@@ -0,0 +1,77 @@
+/**
+ *  角色服务
+ *  @module @/api/sys/role
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除角色
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/sys/role/bulk.delete`,
+        name: `批量删除角色`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建角色
+ */
+create :{
+    url: `${config.API_URL}/api/sys/role/create`,
+        name: `创建角色`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除角色
+ */
+delete :{
+    url: `${config.API_URL}/api/sys/role/delete`,
+        name: `删除角色`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询角色
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/sys/role/paged.query`,
+        name: `分页查询角色`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询角色
+ */
+query :{
+    url: `${config.API_URL}/api/sys/role/query`,
+        name: `查询角色`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新角色
+ */
+update :{
+    url: `${config.API_URL}/api/sys/role/update`,
+        name: `更新角色`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/sys/sms.js b/src/frontend/h5/src/api/sys/sms.js
new file mode 100644
index 00000000..acffb1e4
--- /dev/null
+++ b/src/frontend/h5/src/api/sys/sms.js
@@ -0,0 +1,55 @@
+/**
+ *  短信服务
+ *  @module @/api/sys/sms
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 分页查询短信
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/sys/sms/paged.query`,
+        name: `分页查询短信`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询短信
+ */
+query :{
+    url: `${config.API_URL}/api/sys/sms/query`,
+        name: `查询短信`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 发送短信验证码
+ */
+sendSmsCode :{
+    url: `${config.API_URL}/api/sys/sms/send.sms.code`,
+        name: `发送短信验证码`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 完成短信验证
+ */
+verifySmsCode :{
+    url: `${config.API_URL}/api/sys/sms/verify.sms.code`,
+        name: `完成短信验证`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/sys/tools.js b/src/frontend/h5/src/api/sys/tools.js
new file mode 100644
index 00000000..f42c06fa
--- /dev/null
+++ b/src/frontend/h5/src/api/sys/tools.js
@@ -0,0 +1,33 @@
+/**
+ *  工具服务
+ *  @module @/api/sys/tools
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 服务器时间
+ */
+getServerUtcTime :{
+    url: `${config.API_URL}/api/sys/tools/get.server.utc.time`,
+        name: `服务器时间`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 版本信息
+ */
+version :{
+    url: `${config.API_URL}/api/sys/tools/version`,
+        name: `版本信息`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/sys/user.js b/src/frontend/h5/src/api/sys/user.js
new file mode 100644
index 00000000..a477cb6b
--- /dev/null
+++ b/src/frontend/h5/src/api/sys/user.js
@@ -0,0 +1,154 @@
+/**
+ *  用户服务
+ *  @module @/api/sys/user
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 检查手机号是否可用
+ */
+checkMobileAvailable :{
+    url: `${config.API_URL}/api/sys/user/check.mobile.available`,
+        name: `检查手机号是否可用`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 检查用户名是否可用
+ */
+checkUserNameAvailable :{
+    url: `${config.API_URL}/api/sys/user/check.user.name.available`,
+        name: `检查用户名是否可用`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建用户
+ */
+create :{
+    url: `${config.API_URL}/api/sys/user/create`,
+        name: `创建用户`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除用户
+ */
+delete :{
+    url: `${config.API_URL}/api/sys/user/delete`,
+        name: `删除用户`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 密码登录
+ */
+loginByPwd :{
+    url: `${config.API_URL}/api/sys/user/login.by.pwd`,
+        name: `密码登录`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 短信登录
+ */
+loginBySms :{
+    url: `${config.API_URL}/api/sys/user/login.by.sms`,
+        name: `短信登录`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询用户
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/sys/user/paged.query`,
+        name: `分页查询用户`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询用户
+ */
+query :{
+    url: `${config.API_URL}/api/sys/user/query`,
+        name: `查询用户`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询用户档案
+ */
+queryProfile :{
+    url: `${config.API_URL}/api/sys/user/query.profile`,
+        name: `查询用户档案`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 注册用户
+ */
+register :{
+    url: `${config.API_URL}/api/sys/user/register`,
+        name: `注册用户`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 重设密码
+ */
+resetPassword :{
+    url: `${config.API_URL}/api/sys/user/reset.password`,
+        name: `重设密码`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新用户
+ */
+update :{
+    url: `${config.API_URL}/api/sys/user/update`,
+        name: `更新用户`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 当前用户信息
+ */
+userInfo :{
+    url: `${config.API_URL}/api/sys/user/user.info`,
+        name: `当前用户信息`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/tpl/example.js b/src/frontend/h5/src/api/tpl/example.js
new file mode 100644
index 00000000..4b672530
--- /dev/null
+++ b/src/frontend/h5/src/api/tpl/example.js
@@ -0,0 +1,77 @@
+/**
+ *  示例服务
+ *  @module @/api/tpl/example
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    /**
+ * 批量删除示例
+ */
+bulkDelete :{
+    url: `${config.API_URL}/api/tpl/example/bulk.delete`,
+        name: `批量删除示例`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 创建示例
+ */
+create :{
+    url: `${config.API_URL}/api/tpl/example/create`,
+        name: `创建示例`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 删除示例
+ */
+delete :{
+    url: `${config.API_URL}/api/tpl/example/delete`,
+        name: `删除示例`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 分页查询示例
+ */
+pagedQuery :{
+    url: `${config.API_URL}/api/tpl/example/paged.query`,
+        name: `分页查询示例`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 查询示例
+ */
+query :{
+    url: `${config.API_URL}/api/tpl/example/query`,
+        name: `查询示例`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+/**
+ * 更新示例
+ */
+update :{
+    url: `${config.API_URL}/api/tpl/example/update`,
+        name: `更新示例`,
+        post:async function(data={}, config={}) {
+        return await http.post(this.url,data, config)
+    }
+},
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/tpl/inner.js b/src/frontend/h5/src/api/tpl/inner.js
new file mode 100644
index 00000000..d4dfd800
--- /dev/null
+++ b/src/frontend/h5/src/api/tpl/inner.js
@@ -0,0 +1,10 @@
+//~/**
+//~ * $actionDesc$
+//~ */
+//~$actionName$ :{
+//~    url: `${config.API_URL}/$actionPath$`,
+//~        name: `$actionDesc$`,
+//~        $actionMethod$:async function(data={}, config={}) {
+//~        return await http.$actionMethod$(this.url,data, config)
+//~    }
+//~},
\ No newline at end of file
diff --git a/src/frontend/h5/src/api/tpl/outer.js b/src/frontend/h5/src/api/tpl/outer.js
new file mode 100644
index 00000000..15b6479b
--- /dev/null
+++ b/src/frontend/h5/src/api/tpl/outer.js
@@ -0,0 +1,13 @@
+/**
+ *  $controllerDesc$
+ *  @module @/$controllerPath$
+ */
+
+import config from "@/config"
+import http from "@/utils/request"
+
+export default {
+
+    //~$inner$
+
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/assets/base.css b/src/frontend/h5/src/assets/base.css
new file mode 100644
index 00000000..bd6213e1
--- /dev/null
+++ b/src/frontend/h5/src/assets/base.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
\ No newline at end of file
diff --git a/src/frontend/h5/src/assets/logo.svg b/src/frontend/h5/src/assets/logo.svg
new file mode 100644
index 00000000..112e8bcf
--- /dev/null
+++ b/src/frontend/h5/src/assets/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
\ No newline at end of file
diff --git a/src/frontend/h5/src/assets/main.css b/src/frontend/h5/src/assets/main.css
new file mode 100644
index 00000000..187e5139
--- /dev/null
+++ b/src/frontend/h5/src/assets/main.css
@@ -0,0 +1,11 @@
+@import './base.css';
+
+
+:root:root {
+    font-size: 110%;
+    --van-primary-color: var(--van-green);
+    --van-back-top-background: var(--van-green);
+    --van-dropdown-menu-title-font-size: 0.875rem;
+    --van-dropdown-menu-height: 2.5rem;
+    --van-dropdown-menu-shadow: none;
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/components/Avatar.vue b/src/frontend/h5/src/components/Avatar.vue
new file mode 100644
index 00000000..01e4ad65
--- /dev/null
+++ b/src/frontend/h5/src/components/Avatar.vue
@@ -0,0 +1,33 @@
+<script setup>
+defineProps({
+  nick: {
+    type: String,
+    required: true
+  },
+  mobile: {
+    type: String,
+    required: true
+  },
+  avatar: {
+    default:
+      'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAACudJREFUeF7tnQuMHVUZx7/v7FW7bdom+IoEsFaJEV/RCqQ1Iq+qlEI1akEBH4gW3LiG9p4zd1sM16jsnW+2W0St1HeUBCtGa7WASqiiWB9g1Njig0ZFg9FGUlp2G9x75zNnM6vtuo87986cOWfumeRmt91zvsf/+83cMzNnziD4racVwJ7O3icPHoAeh8AD4AHocQV6PH1/BPAA9LgCPZ6+PwJ4AHpcgR5P3x8BPAA9rkCPp++PAB6AHlegx9P3RwAPQI8r0OPp+yOAB6D8CoyMjJwTx/FbAOBMAFh63OdpAPC4/iDi48ysP3fEcfy9oaGhh8uvDJT3dnCj0Xg5Il4NAGsQ8QVpi8nM9wHA3v7+/tHBwcEjafu70r50XwHDw8PLhRADiDgAAHoP73bbj4jbpJSf79aQjf1LBUAYhvWk8M/IWmxE/C4AfFhKuS9r20XaKw0ARKT3UH3Iz3M7ogGTUt6WpxOTtksBABF9HwAuNCUcIl4vpbzZlL88/TgPABHpQ/Pr8hRpFtuDSqlPFOA3U5dOA0BEEQBUM1UkhbFWq3XB0NDQvSm6WNfUWQCSAd+NRSsqhHhVtVp9sOg4OvXvJABE9D4A2NFp0hn3++WCBQtWDQ4OPpmxXSPmXAXgAQBYYUSh9pwMKaUa7TW1q5VzAFi2909Wk5kPIeJKpdRBu8o7fzQuAmDb3j8FwfYgCPTVR6c2pwBoNBoXCSHutFThxxDxNCnlmKXxzRiWUwAQ0S0A8AFbBUbEy6SUX7M1vpnicgqAMAz/2MmdPYMF+bJS6p0G/XXtyhkAGo3GS4UQv+k643wN/EsplfmNqDxDdgaAKIrWM/POPMXIwjYiPltK+c8sbJmw4QwARKQv+epLv1ZvzHxmEAT6TMWJzSUArB4ATlVbCPHmarX6DSeqDw5NCSOiXQCwznZhXbtV7NIRwAOQA/0uAeC/AnocAD8I7GUA/GlgDtV3aRA4MjJyRhzH+/ORIRur+q5gEATPysaaGSvOjAG0HET0WwB4sRlp0nthZufuCLoGwEcA4Ib0pTHTAxHXSin3mPGWjRenAAjD8DxEtHISpj78Hzt2bFm9Xh/PpjRmrDgFQPI14CeEZMiGiwDYNCF0shR+SliGRLZjiohsOwr4SaHtFC6rNpZNDPXTwrMqbBo7RPRFAHhXmj45tb1EKfWdnGznbta5McDxihDRz5NVP3IXahYHNymlthTlPAu/TgOQnBU8AQCLshAjpY1dSqk3pexjXXPnAUgg+CkAnG1QXef3/CmtSgFAAsEoAFyfMwT/RsT1Uspv5ezHmPnSAKAVy3uJmDiOb3Bpvl87FJUKAJ2wXySqnbL/r03pAJhKLVkm7hpEvAQAnptOlsnWP2Pmu/0ycR0oZ1sXInqDnlCKiGcz82kA8PRpMTYB4JHks4eZ9wRB8JBteeQRT2mPAHOJFUXRojiONQh61dBHgiB4NA9xXbDZkwC4UBhTMXoATCltqR8PgKWFMRWWB8CU0pb68QBYWhhTYTkPQDJd/ApmvicIgr0mhAvDcLEQot+lx8Bn08VZAIjoNQDwDgB4m74byMy7giAwcncuDMMPIeIGALhl0aJF2wcGBvQdSSc35wAYHh4+t6+v74MA8MbpijPzdUEQ3JpnJYjotQCgH/8+KfHze0T85NjY2PZ6vR7n6TsP204B0MbysA+1Wq01Q0NDf85DLG2TiL45E3yIqJeLrUkp78nLdx52nQAg2ev1usDnzicCM98cBEEut4WJSNvVt51n3BCxxcyblFIfny9OW/5uPQBt7PXTtYzjOF5bq9XuylJkInolAOi9X19Cnm/73Pj4+KZ6vW79u4asBqCD4k8WBhHvklKuma9Kaf5ORF8BgCtT9NmHiNdKKa1e2cxaAKIoupGZ6ykEP6Fplku1RFH0Xmb+TAexHETEq2x+z5CVAHS6508r0J9ardb53Q4Ih4eHl1UqFX2L+IwOANBPDf1DCHGlrYND6wDIqPhTtbpVKXVdJ4Wb6kNE+rRSn/N3vCHiE3EcXxEEwe6OjeTU0SoAwjC8FBGznnB5sVKqowWmiegyAPhqVtoj4mrbjgTWALB169ZTW62WfvvXC7MSPLGzVyl1flqb9Xp9ycKFC/U5vX7dbFbbA+Pj46vr9frhrAx2a8caAMIwvB0RL+82oZn6M7MKgiDVKqNENAIAm3KIp+uvpSxjsgIAIlJ6VneWiU2z9Wir1Xp1uwPCKIou1BNCAaAvj5gQ8RpbXkVbOABRFK1k5p/kIfQ0m19SSr27HT9EpFchOa+dth22ORTH8eparfbrDvtn1q1wAIhIv2DhrZllNLeheQeEURRtYeaPGojnNqXUVQb8zOmiUACISBfe5Bs29imlVs2mSHK5V88pWGKiMMy8ruhTw6IB0If+lSbEnvIx14CQiPR5un6QxNT2A6VUnl818+ZRGADz3VmbN/LOGzzWarVWTB8QEpG+YLS9c7Od9WTmgSAIjPudirYQAEZHR09qNpt6AHRKZ7J13euEAaG+3NvX13c/AJzcteX0Bg42m82VmzdvPpS+a/c9CgEgiqLLmfn27sPvysJ/B4QWLDdT2JvIiwLgC8zc1ilZVyWeu/MvlFJnZX25t5N487h93W4cxgEYHR3tbzabDxd0uD1BFz0gREQN4ovaFSyvdhMTEydv2bLl73nZn82ucQCiKFqnZ/CaTnQWf/otn0WsL/R/4SSTR4y/Eb0IAD7FzO+3BACbwrhTKXWx6YCMA0BE+vD/fNOJuuBv6dKlT92wYcOEyViNAjAyMrIijmNn3qlnshCJL+OLThoFwLIlXguo79wumVkvQvUxk4GZBkAPcvRq336bWYE7lFLrTYpjGgDbVvk2qfW8vhDxD1LKrGdEzenXGADJ+b9Tb9OYt2I5NKhUKgs3btx4LAfTM5o0BkCj0ThHCPFDU4m56gcRV5l8jsAYAFEUbWTmra4WxlTcJp5wPj4XYwCEYXgTIg6ZEtJVP4gYSilrpuI3BgARmVjM2ZRuuflh5s8GQWDsTMkkAJ8GgGtzU64khhHx61JKU3MkwSQAtrzixXZU7lVKXWAqSJMA6Ees9KNWfptbgV8ppV5hSiSTAOhbwOtMJeawn78opZaZit8YAFEU3c3MrzeVmMN+jiqljExL1xoZAyB5zPo9AFBxuDgmQv+2UupSE46MAjCVUBRFL4vj+O2IeDUAPNNUopb72QkAeqayfh7R6GbsCDBTVslzgWuTR8NON5p58c52IuLusbGx3fV6vbCFJgsF4PgaJE/kahj0KdBLiq9P5hH8DQD2MfN9zLy7VqvpN5QUvlkDwPFKENHpQoizmHnyAwD6IwpXK10AkwVPin5/EAT6LafWbVYCMF2l5BUvqxBRP0eoP/oBT2Mj5Tarth8AHozj+MeVSuVH1Wr1d232K7SZEwDMpNC2bdueMzExsRwRn8fMywFg8qcQQv88NUdVdaEPIOJ+Zj4ghNhfrVYP5OgvV9POAjCXKjt27HjK4cOHNRSnCCGWMPNiAFjMzEuEEJM/9b+Tj/79SWY+goh6Zc+jADD5u/4/IcSRZrN5tFKp/NXlQs+mVykByHWXKZlxD0DJCpo2HQ9AWsVK1t4DULKCpk3HA5BWsZK19wCUrKBp0/EApFWsZO09ACUraNp0PABpFStZew9AyQqaNh0PQFrFStbeA1CygqZNxwOQVrGStfcAlKygadPxAKRVrGTtPQAlK2jadP4DqL6LrjvqEJcAAAAASUVORK5CYII=',
+    type: String,
+    required: true
+  }
+})
+</script>
+
+<template>
+  <van-row align="center" gutter="20">
+    <van-col span="8">
+      <img :src="avatar" alt="" class="rounded-full" />
+    </van-col>
+    <van-col span="16">
+      <p class="font-bold">{{ nick }}</p>
+      <p>{{ mobile }}</p>
+      <p>邀请您加入！</p>
+    </van-col>
+  </van-row>
+</template>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/frontend/h5/src/components/HelloWorld.vue b/src/frontend/h5/src/components/HelloWorld.vue
new file mode 100644
index 00000000..aaf630a4
--- /dev/null
+++ b/src/frontend/h5/src/components/HelloWorld.vue
@@ -0,0 +1,43 @@
+<script setup>
+defineProps({
+  msg: {
+    type: String,
+    required: true
+  }
+})
+</script>
+
+<template>
+  <div class="greetings">
+    <h1 class="green">{{ msg }}</h1>
+    <h3>
+      You’ve successfully created a project with
+      <a href="https://vitejs.dev/" target="_blank" rel="noopener">Vite</a> +
+      <a href="https://vuejs.org/" target="_blank" rel="noopener">Vue 3</a>.
+    </h3>
+  </div>
+</template>
+
+<style scoped>
+h1 {
+  font-weight: 500;
+  font-size: 2.6rem;
+  top: -10px;
+}
+
+h3 {
+  font-size: 1.2rem;
+}
+
+.greetings h1,
+.greetings h3 {
+  text-align: center;
+}
+
+@media (min-width: 1024px) {
+  .greetings h1,
+  .greetings h3 {
+    text-align: left;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/h5/src/components/InfinityScroll.vue b/src/frontend/h5/src/components/InfinityScroll.vue
new file mode 100644
index 00000000..f8ce526c
--- /dev/null
+++ b/src/frontend/h5/src/components/InfinityScroll.vue
@@ -0,0 +1,33 @@
+<script setup>
+
+let scrollY
+const emit = defineEmits(['scrollBottom'])
+let loading = false
+window.addEventListener("scroll", () => {
+    if (window.scrollY <= scrollY) {
+        scrollY = window.scrollY;
+        return;
+    }
+    scrollY = window.scrollY;
+    if (
+        (document.body.scrollHeight - window.scrollY) /
+        window.innerHeight <
+        2
+    ) {
+        if (!loading) {
+            loading = true;
+            emit('scrollBottom', () => {
+                loading = false;
+            })
+
+        }
+    }
+});
+
+</script>
+
+<template>
+</template>
+
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/src/frontend/h5/src/components/TheWelcome.vue b/src/frontend/h5/src/components/TheWelcome.vue
new file mode 100644
index 00000000..f552ad51
--- /dev/null
+++ b/src/frontend/h5/src/components/TheWelcome.vue
@@ -0,0 +1,86 @@
+<script setup>
+import WelcomeItem from './WelcomeItem.vue'
+import DocumentationIcon from './icons/IconDocumentation.vue'
+import ToolingIcon from './icons/IconTooling.vue'
+import EcosystemIcon from './icons/IconEcosystem.vue'
+import CommunityIcon from './icons/IconCommunity.vue'
+import SupportIcon from './icons/IconSupport.vue'
+</script>
+
+<template>
+  <WelcomeItem>
+    <template #icon>
+      <DocumentationIcon />
+    </template>
+    <template #heading>Documentation</template>
+
+    Vue’s
+    <a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>
+    provides you with all information you need to get started.
+  </WelcomeItem>
+
+  <WelcomeItem>
+    <template #icon>
+      <ToolingIcon />
+    </template>
+    <template #heading>Tooling</template>
+
+    This project is served and bundled with
+    <a href="https://vitejs.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
+    recommended IDE setup is
+    <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a> +
+    <a href="https://github.com/johnsoncodehk/volar" target="_blank" rel="noopener">Volar</a>. If
+    you need to test your components and web pages, check out
+    <a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a> and
+    <a href="https://on.cypress.io/component" target="_blank">Cypress Component Testing</a>.
+
+    <br />
+
+    More instructions are available in <code>README.md</code>.
+  </WelcomeItem>
+
+  <WelcomeItem>
+    <template #icon>
+      <EcosystemIcon />
+    </template>
+    <template #heading>Ecosystem</template>
+
+    Get official tools and libraries for your project:
+    <a href="https://pinia.vuejs.org/" target="_blank" rel="noopener">Pinia</a>,
+    <a href="https://router.vuejs.org/" target="_blank" rel="noopener">Vue Router</a>,
+    <a href="https://test-utils.vuejs.org/" target="_blank" rel="noopener">Vue Test Utils</a>, and
+    <a href="https://github.com/vuejs/devtools" target="_blank" rel="noopener">Vue Dev Tools</a>. If
+    you need more resources, we suggest paying
+    <a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">Awesome Vue</a>
+    a visit.
+  </WelcomeItem>
+
+  <WelcomeItem>
+    <template #icon>
+      <CommunityIcon />
+    </template>
+    <template #heading>Community</template>
+
+    Got stuck? Ask your question on
+    <a href="https://chat.vuejs.org" target="_blank" rel="noopener">Vue Land</a>, our official
+    Discord server, or
+    <a href="https://stackoverflow.com/questions/tagged/vue.js" target="_blank" rel="noopener"
+      >StackOverflow</a
+    >. You should also subscribe to
+    <a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a> and follow
+    the official
+    <a href="https://twitter.com/vuejs" target="_blank" rel="noopener">@vuejs</a>
+    twitter account for latest news in the Vue world.
+  </WelcomeItem>
+
+  <WelcomeItem>
+    <template #icon>
+      <SupportIcon />
+    </template>
+    <template #heading>Support Vue</template>
+
+    As an independent project, Vue relies on community backing for its sustainability. You can help
+    us by
+    <a href="https://vuejs.org/sponsor/" target="_blank" rel="noopener">becoming a sponsor</a>.
+  </WelcomeItem>
+</template>
\ No newline at end of file
diff --git a/src/frontend/h5/src/components/WelcomeItem.vue b/src/frontend/h5/src/components/WelcomeItem.vue
new file mode 100644
index 00000000..073b9604
--- /dev/null
+++ b/src/frontend/h5/src/components/WelcomeItem.vue
@@ -0,0 +1,85 @@
+<template>
+  <div class="item">
+    <i>
+      <slot name="icon"></slot>
+    </i>
+    <div class="details">
+      <h3>
+        <slot name="heading"></slot>
+      </h3>
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.item {
+  margin-top: 2rem;
+  display: flex;
+}
+
+.details {
+  flex: 1;
+  margin-left: 1rem;
+}
+
+i {
+  display: flex;
+  place-items: center;
+  place-content: center;
+  width: 32px;
+  height: 32px;
+  color: var(--color-text);
+}
+
+h3 {
+  font-size: 1.2rem;
+  font-weight: 500;
+  margin-bottom: 0.4rem;
+  color: var(--color-heading);
+}
+
+@media (min-width: 1024px) {
+  .item {
+    margin-top: 0;
+    padding: 0.4rem 0 1rem calc(var(--section-gap) / 2);
+  }
+
+  i {
+    top: calc(50% - 25px);
+    left: -26px;
+    position: absolute;
+    border: 1px solid var(--color-border);
+    background: var(--color-background);
+    border-radius: 8px;
+    width: 50px;
+    height: 50px;
+  }
+
+  .item:before {
+    content: ' ';
+    border-left: 1px solid var(--color-border);
+    position: absolute;
+    left: 0;
+    bottom: calc(50% + 25px);
+    height: calc(50% - 25px);
+  }
+
+  .item:after {
+    content: ' ';
+    border-left: 1px solid var(--color-border);
+    position: absolute;
+    left: 0;
+    top: calc(50% + 25px);
+    height: calc(50% - 25px);
+  }
+
+  .item:first-of-type:before {
+    display: none;
+  }
+
+  .item:last-of-type:after {
+    display: none;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/h5/src/components/icons/IconCommunity.vue b/src/frontend/h5/src/components/icons/IconCommunity.vue
new file mode 100644
index 00000000..c5041633
--- /dev/null
+++ b/src/frontend/h5/src/components/icons/IconCommunity.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
+    <path
+      d="M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z"
+    />
+  </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/h5/src/components/icons/IconDocumentation.vue b/src/frontend/h5/src/components/icons/IconDocumentation.vue
new file mode 100644
index 00000000..4f7f91e8
--- /dev/null
+++ b/src/frontend/h5/src/components/icons/IconDocumentation.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" fill="currentColor">
+    <path
+      d="M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z"
+    />
+  </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/h5/src/components/icons/IconEcosystem.vue b/src/frontend/h5/src/components/icons/IconEcosystem.vue
new file mode 100644
index 00000000..e9aba796
--- /dev/null
+++ b/src/frontend/h5/src/components/icons/IconEcosystem.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" fill="currentColor">
+    <path
+      d="M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z"
+    />
+  </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/h5/src/components/icons/IconSupport.vue b/src/frontend/h5/src/components/icons/IconSupport.vue
new file mode 100644
index 00000000..c6e5c4cd
--- /dev/null
+++ b/src/frontend/h5/src/components/icons/IconSupport.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
+    <path
+      d="M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"
+    />
+  </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/h5/src/components/icons/IconTooling.vue b/src/frontend/h5/src/components/icons/IconTooling.vue
new file mode 100644
index 00000000..dda879ec
--- /dev/null
+++ b/src/frontend/h5/src/components/icons/IconTooling.vue
@@ -0,0 +1,19 @@
+<!-- This icon is from <https://github.com/Templarian/MaterialDesign>, distributed under Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0) license-->
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    aria-hidden="true"
+    role="img"
+    class="iconify iconify--mdi"
+    width="24"
+    height="24"
+    preserveAspectRatio="xMidYMid meet"
+    viewBox="0 0 24 24"
+  >
+    <path
+      d="M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z"
+      fill="currentColor"
+    ></path>
+  </svg>
+</template>
\ No newline at end of file
diff --git a/src/frontend/h5/src/components/verifition/Verify.vue b/src/frontend/h5/src/components/verifition/Verify.vue
new file mode 100644
index 00000000..79c5a79b
--- /dev/null
+++ b/src/frontend/h5/src/components/verifition/Verify.vue
@@ -0,0 +1,449 @@
+<template>
+  <div v-show="showBox" :class="mode === 'pop' ? 'mask' : ''">
+    <div
+      :class="mode === 'pop' ? 'verifybox' : ''"
+      :style="{ 'max-width': parseInt(imgSize.width) + 30 + 'px' }"
+    >
+      <div v-if="mode === 'pop'" class="verifybox-top">
+        请完成安全验证
+        <span class="verifybox-close" @click="closeBox">
+          <i class="iconfont icon-close"></i>
+        </span>
+      </div>
+      <div :style="{ padding: mode === 'pop' ? '15px' : '0' }" class="verifybox-bottom">
+        <!-- 验证码容器 -->
+        <component
+          :is="componentType"
+          v-if="componentType"
+          ref="instance"
+          :arith="arith"
+          :barSize="barSize"
+          :blockSize="blockSize"
+          :captchaType="captchaType"
+          :explain="explain"
+          :figure="figure"
+          :imgSize="imgSize"
+          :mode="mode"
+          :type="verifyType"
+          :vSpace="vSpace"
+        ></component>
+      </div>
+    </div>
+  </div>
+</template>
+<script type="text/babel">
+/* eslint-disable */
+/**
+ * Verify 验证码组件
+ * @description 分发验证码使用
+ * */
+import VerifySlide from './Verify/VerifySlide.vue'
+import { computed, ref, toRefs, watchEffect } from 'vue'
+
+export default {
+  name: 'Vue2Verify',
+  components: {
+    VerifySlide
+  },
+  props: {
+    captchaType: {
+      type: String,
+      required: true
+    },
+    figure: {
+      type: Number
+    },
+    arith: {
+      type: Number
+    },
+    mode: {
+      type: String,
+      default: 'pop'
+    },
+    vSpace: {
+      type: Number
+    },
+    explain: {
+      type: String
+    },
+    imgSize: {
+      type: Object,
+      default() {
+        return {
+          width: '310px',
+          height: '155px'
+        }
+      }
+    },
+    blockSize: {
+      type: Object
+    },
+    barSize: {
+      type: Object
+    }
+  },
+  setup(props) {
+    const { captchaType, figure, arith, mode, vSpace, explain, imgSize, blockSize, barSize } =
+      toRefs(props)
+    const clickShow = ref(false)
+    const verifyType = ref(undefined)
+    const componentType = ref(undefined)
+
+    const instance = ref({})
+
+    const showBox = computed(() => {
+      if (mode.value === 'pop') {
+        return clickShow.value
+      } else {
+        return true
+      }
+    })
+    /**
+     * refresh
+     * @description 刷新
+     * */
+    const refresh = () => {
+      if (instance.value.refresh) {
+        instance.value.refresh()
+      }
+    }
+    const closeBox = () => {
+      clickShow.value = false
+      refresh()
+    }
+    const show = () => {
+      if (mode.value === 'pop') {
+        clickShow.value = true
+      }
+    }
+    watchEffect(() => {
+      switch (captchaType.value) {
+        case 'blockPuzzle':
+          verifyType.value = '2'
+          componentType.value = 'VerifySlide'
+          break
+        case 'clickWord':
+          verifyType.value = ''
+          componentType.value = 'VerifyPoints'
+          break
+      }
+    })
+
+    return {
+      clickShow,
+      verifyType,
+      componentType,
+      instance,
+      showBox,
+      closeBox,
+      show
+    }
+  }
+}
+</script>
+<style>
+.verifybox {
+  position: relative;
+  box-sizing: border-box;
+  border-radius: 2px;
+  border: 1px solid #e4e7eb;
+  background-color: #fff;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.verifybox-top {
+  padding: 0 15px;
+  height: 50px;
+  line-height: 50px;
+  text-align: left;
+  font-size: 16px;
+  color: #45494c;
+  border-bottom: 1px solid #e4e7eb;
+  box-sizing: border-box;
+}
+
+.verifybox-bottom {
+  padding: 15px;
+  box-sizing: border-box;
+}
+
+.verifybox-close {
+  position: absolute;
+  top: 13px;
+  right: 9px;
+  width: 24px;
+  height: 24px;
+  text-align: center;
+  cursor: pointer;
+}
+
+.mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1001;
+  width: 100%;
+  height: 100vh;
+  background: rgba(0, 0, 0, 0.3);
+  /* display: none; */
+  transition: all 0.5s;
+}
+
+.verify-tips {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 30px;
+  padding-left: 10px;
+  line-height: 30px;
+  color: #fff;
+}
+
+.suc-bg {
+  background-color: rgba(92, 184, 92, 0.5);
+  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f5CB85C, endcolorstr=#7f5CB85C);
+}
+
+.err-bg {
+  background-color: rgba(217, 83, 79, 0.5);
+  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fD9534F, endcolorstr=#7fD9534F);
+}
+
+.tips-enter,
+.tips-leave-to {
+  bottom: -30px;
+}
+
+.tips-enter-active,
+.tips-leave-active {
+  transition: bottom 0.5s;
+}
+
+/* ---------------------------- */
+/*常规验证码*/
+.verify-code {
+  font-size: 20px;
+  text-align: center;
+  cursor: pointer;
+  margin-bottom: 5px;
+  border: 1px solid #ddd;
+}
+
+.cerify-code-panel {
+  height: 100%;
+  overflow: hidden;
+}
+
+.verify-code-area {
+  float: left;
+}
+
+.verify-input-area {
+  float: left;
+  width: 60%;
+  padding-right: 10px;
+}
+
+.verify-change-area {
+  line-height: 30px;
+  float: left;
+}
+
+.varify-input-code {
+  display: inline-block;
+  width: 100%;
+  height: 25px;
+}
+
+.verify-change-code {
+  color: #337ab7;
+  cursor: pointer;
+}
+
+.verify-btn {
+  width: 200px;
+  height: 30px;
+  background-color: #337ab7;
+  color: #ffffff;
+  border: none;
+  margin-top: 10px;
+}
+
+/*滑动验证码*/
+.verify-bar-area {
+  position: relative;
+  background: #ffffff;
+  text-align: center;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  border: 1px solid #ddd;
+  -webkit-border-radius: 4px;
+}
+
+.verify-bar-area .verify-move-block {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: #fff;
+  cursor: pointer;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  box-shadow: 0 0 2px #888888;
+  -webkit-border-radius: 1px;
+}
+
+.verify-bar-area .verify-move-block:hover {
+  background-color: #337ab7;
+  color: #ffffff;
+}
+
+.verify-bar-area .verify-left-bar {
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  background: #f0fff0;
+  cursor: pointer;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  border: 1px solid #ddd;
+}
+
+.verify-img-panel {
+  margin: 0;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  border-top: 1px solid #ddd;
+  border-bottom: 1px solid #ddd;
+  border-radius: 3px;
+  position: relative;
+}
+
+.verify-img-panel .verify-refresh {
+  width: 25px;
+  height: 25px;
+  text-align: center;
+  padding: 5px;
+  cursor: pointer;
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+}
+
+.verify-img-panel .icon-refresh {
+  font-size: 20px;
+  color: #fff;
+}
+
+.verify-img-panel .verify-gap {
+  background-color: #fff;
+  position: relative;
+  z-index: 2;
+  border: 1px solid #fff;
+}
+
+.verify-bar-area .verify-move-block .verify-sub-block {
+  position: absolute;
+  text-align: center;
+  z-index: 3;
+  /* border: 1px solid #fff; */
+}
+
+.verify-bar-area .verify-move-block .verify-icon {
+  font-size: 18px;
+}
+
+.verify-bar-area .verify-msg {
+  z-index: 3;
+}
+
+/*字体图标的css*/
+/*@font-face {font-family: "iconfont";*/
+/*src: url('../fonts/iconfont.eot?t=1508229193188'); !* IE9*!*/
+/*src: url('../fonts/iconfont.eot?t=1508229193188#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
+/*url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAaAAAsAAAAACUwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kiSY21hcAAAAYAAAAB3AAABuM+qBlRnbHlmAAAB+AAAAnQAAALYnrUwT2hlYWQAAARsAAAALwAAADYPNwajaGhlYQAABJwAAAAcAAAAJAfeA4dobXR4AAAEuAAAABMAAAAYF+kAAGxvY2EAAATMAAAADgAAAA4CvAGsbWF4cAAABNwAAAAfAAAAIAEVAF1uYW1lAAAE/AAAAUUAAAJtPlT+fXBvc3QAAAZEAAAAPAAAAE3oPPXPeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sM4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDxbwtzwv4EhhrmBoQEozAiSAwAw1A0UeJzFkcENgCAMRX8RjCGO4gTe9eQcnhzAfXC2rqG/hYsT8MmD9gdS0gJIAAaykAjIBYHppCvuD8juR6zMJ67A89Zdn/f1aNPikUn8RvYo8G20CjKim6Rf6b9m34+WWd/vBr+oW8V6q3vF5qKlYrPRp4L0Ad5nGL8AeJxFUc9rE0EYnTezu8lMsrvtbrqb3TRt0rS7bdOmdI0JbWmCtiItIv5oi14qevCk9SQVLFiQgqAF8Q9QLKIHLx48FkHo3ZNnFUXwD5C2B6dO6sFhmI83w7z3fe8RnZCjb2yX5YlLhskkmScXCIFRxYBFiyjH9Rqtoqes9/g5i8WVuJyqDNTYLPwBI+cljXrkGynDhoU+nCgnjbhGY5yst+gMEq8IBIXwsjPU67CnEPm4b0su0h309Fd67da4XBhr55KSm17POk7gOE/Shq6nKdVsC7d9j+tcGPKVboc9u/0jtB/ZIA7PXTVLBef6o/paccjnwOYm3ELJetPuDrvV3gg91wlSXWY6H5qVwRzWf2TybrYYfSdqoXOwh/Qa8RWIjBTiSI3h614/vKSNRhONOrsnQi6Xf4nQFQDTmJE1NKbhI6crHEJO/+S5QPxhYJRRyvBFBP+5T9EPpEAIVzzRQIrjmJ6jY1WTo+NXTMchuBsKuS8PRZATSMl9oTA4uNLkeIA0V1UeqOoGQh7IAxGo+7T83fn3T+voqCNPPAUazUYUI7LgKSV1Jk2oUeghYGhZ+cKOe2FjVu5ZKEY2VkE13AK1+jI4r1KLbPlZfrKiPhOXKPRj7q9sj9XJ7LFHNmrKJS3VCdhXGSdKrtmoQaWeMjQVt0KD6sGPOx0oH2fgtzoNROxtNq8F3tzYM/n+TjKSX5qf2jx941276TIr9FjXxKr8eX/6bK4yuopwo9py1sw8F9kdw4AmurRpLUM3tYx5ZnKpfHPi8dzz19vJ6MjyxYUrpqeb1uLs3eGV6vr21pSqpeWkqonAN9oUyIiXpv8XvlN5e3icY2BkYGAA4n0vN4fG89t8ZeBmYQCBa9wPPRH0/wcsDMwmQC4HAxNIFABAfAqaAHicY2BkYGBu+N/AEMPCAAJAkpEBFbABAEcMAm94nGNhYGBgfsnAwMKAigESnwEBAAAAAAAAdgCkANoBCAFsAAB4nGNgZGBgYGMIZGBlAAEmIOYCQgaG/2A+AwARSAFzAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgI2RiZGZkYWRlZGNkZ2BsYI1OSM1OZs1OSe/OJW1KDM9o4S9KDWtKLU4g4EBAJ79CeQ=') format('woff'),*/
+/*url('../fonts/iconfont.ttf?t=1508229193188') format('truetype'), !* chrome, firefox, opera, Safari, Android, iOS 4.2+*!*/
+/*url('../fonts/iconfont.svg?t=1508229193188#iconfont') format('svg'); !* iOS 4.1- *!*/
+/*}*/
+
+.iconfont {
+  font-family: 'iconfont', serif !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-check:before {
+  content: ' ';
+  display: block;
+  width: 16px;
+  height: 16px;
+  position: absolute;
+  margin: auto;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 9999;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIEAYAAAD9yHLdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAIlFJREFUeNrt3X1cVNW6B/BnbcS3xJd7fLmSeo+op/Qmyp4BFcQEwpd8Nyc9iZppgUfE49u1tCwlNcMySCM1S81jCoaioiJvKoYgswfUo5wSJ69SZFKCKSAws+4f2/GetFFRYG3g9/2Hz2xj+O2J4Zm19trrIQIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKgjmOgAAADwOBhz83TzdPNs397qanW1ujJ2s8fNHjd7FBTkhuSG5IbculVdP1kSfeoAAPBwdFzHdXzgQN0S3RLdkpgY2SJbZMvNm9It6ZZ064cfGmQ2yGyQmZfX3KO5R3OPwkJdsi5Zl5yYKIfL4XL4mDHqs7AqGzhgBAIAoFFdI7pGdI1o1KjFlhZbWmxZv149OmXK4z3r4cPEiROfOFExKSbFVFDwqM+EEQgAgMY8y5/lz/LGjZu3bt66eev9+9Wjj1s4bAYNIkaMWHKyx3mP8x7nmzd/1GdyEP1CAQCASifrZJ3s6FjmWuZa5rprF3uLvcXeGjq0en5au3a8nJfz8k6d8lPyU/JTYmIq+wwYgQAAaIIk0WgaTaO/+IJm0SyaNWJEtf/IPMqjvJde0g/QD9APcHOrdGIhrxMAANzGmJwr58q569ZRLMVS7MSJNfajFVJIYYy/wF/gL7z0UmW/vUGNvk4AAHCHTqfT6XQrVtB4Gk/jg4KEBfmBfqAf+vSp7LdhBAIAUMPUwvH66+oj21eBSqmUStu3r+y3oYAAANQQtXDMmKE+WrlSdB4bvpwv58t/+62y34cCAgBQzeSt8lZ568SJFEiBFLh2reg8d2MD2UA28PTpyn4fCggAQDXRh+pD9aEjR1IABVDA5s20ntbTeklzf3eZF/NiXvv2Vfb7NHciAAC1nRwsB8vBvr5Wf6u/1X/nTubO3Jl7A+0tWvImb/LOyemc3zm/c/6ePZX9dmxlAgBQRfTd9N303Tw8rFusW6xbEhPZLDaLzXJyEp3rHjNoBs24dYt/wj/hn3h5mUwmk8mkKJV9GoxAAAAekz5AH6APeOYZ6znrOeu5Awc0WzgCKZACrVZ2hB1hR15++VELhw1GIAAAj0hdVdWli/ooNVX9WvnlsNUflHSk45wbuZEbg4LUwrFhw+M+LUYgAACV1CuoV1CvoCef5Kv4Kr4qIUE9qsHCcRsv4AW8YOHCqiocNtq7qAMAoFHqZoetW9MgGkSDDh+mhbSQFnbuLDrX/YWGmmJMMaaYsLCqfmZMYQEAPIBt23PLp5ZPLZ8mJ9MROkJHdDrRueyKpViKXbdO6aB0UDoEB1fXj8EUFgCAHX0v973c93KTJpbvLd9bvt+3T+uFg0/mk/nkL79UC0dISHX/PIxAAADuYuvLwQ/xQ/zQnj1sKBvKhj7/vOhc9vA4HsfjYmOd2jm1c2o3btxRdpQdZRUV1f1zMQIBALjNYDAYDAYHB9pEm2jTl19qvXBQGIVRWFKSWjgmTKipwmGDi+gAAERExJhZZ9aZdZGRNJ2m0/Tx40UnssuHfMgnPb2koKSgpGD0aIUpTGGlpTUdAwUEAOo9XbguXBf+/vu0lbbS1ldfFZ3HrgE0gAacPu0423G24+xhw5SOSkel440bouKggABAvaXjOq7j77xDetKTfv580Xns8iIv8srNlfKkPClv8OD0jukd0zv++qvoWLiIDgD1jrpnVXAwb86b8+Yffyw6jz18NV/NV+flWQZaBloGenufYqfYKXbxouhcNriIDgD1hi5Zl6xLnjyZL+AL+ILwcNF57OpLfanv1atsPpvP5vv7a61w2GAEAgB1nrpn1ejRPJNn8szoaM1ur05EREVF6ldfX0VRFEUxmUQnskejLyAAwOPT79fv1+9/7jn+E/+J/7Rjh7YLR3ExceLEhw9XTIpJMWm3cNho9IUEAHh08hB5iDykb1/+M/+Z/7x7N0VSJEU2aiQ61z30pCd9WZl1inWKdcoLL2R5ZnlmeR4/LjrWw8I1EACoM+S2clu5rasr+yv7K/vrgQO0jtbRumbNROe6G4/kkTzSYqFMyqTMgAC1cBw6JDpXZaGAAECt1zukd0jvkG7daBftol2HD1MERVBEq1aic93jdl8O9gv7hf0SGKhOVUVHi471qFBAAKDW0hfri/XFHTs6cAfuwBMS2Bw2h81p1050LruepWfp2fnzlaHKUGXopk2i4zwuFBAAqHVcw1zDXMPatrWSlayUkEBplEZp//VfonPZw86ys+zsm28qE5WJysQPPxSdp6qggABAraHuktuiRYOgBkENgg4dYt7Mm3k/9ZToXHZNpIk0MTzcWGosNZYuXy46TlXDfSAAoHnqfRxNm6qP4uPVr/37i85l11gaS2M3b1YWK4uVxa+8oh7kXHSsqoYRCABoVo+oHlE9oho2pME0mAbHxKhHNVw4IimSImNiXLJdsl2yp09XD9a9wmGDAgIAmmPry9G4f+P+jfv/4x8UT/EUP3iw6Fz3d/hwUXpRelH6Sy9FR0dHR0dbLKITVTfcSAgAGsPYhT4X+lzos2EDG8FGsBHjxolOZA9fxBfxRWlpFeYKc4V57NjckNyQ3JBbt0Tnqim4BgIAmiEvkhfJiz78kMWzeBY/Z47oPPbwpXwpX5qdbRlmGWYZ5uOjbnZYWCg6V03DFBYACKdbq1urW7tiheYLRypP5anffluRU5FTkTN4cH0tHDYYgQCAMOqeVX//O7vKrrKra9aIzmMPP86P8+NmM/fjftzP2zsrLSstK+3HH0XnEg0jEACocXJXuavcdepU1ol1Yp00fGNdP+pH/X78UUqSkqQkf38Ujt9DAQGAGqMP0YfoQ154gbbTdtq+cSMppJDCtDcTwokTLyiwvGh50fKiv79xuHG4cbjZLDqW1mjvfxwA1DluZjezm3nECMkgGSTD11+rRx0dRee6G8/gGTzj+nU+gA/gA/z81BGH0Sg6l1ZhBAIA1Ua9g9zHh/3MfmY/R0WpRzVYOE7yk/xkSYmUI+VIOSNHonA8HIxAAKDK6bvpu+m7eXhYt1i3WLckJrJZbBab5eQkOtcfKy9Xv44Zo7aQjYsTnai2cBAdAADqDn2APkAf8Mwz1gRrgjUhIYG9wF5gL7RsKTrXPQIpkAKtVlbMilnxpElKvBKvxO/eLTpWbYMRCAA8NnWqqksXddXSsWN0gk7QCWdn0bnuDao2dOJGbuTGoCCTyWQymTZsEB2rtsI1EAB4ZL2CegX1CnrySb6Kr+KrEhI0Wzhu4wW8gBcsXIjCUTWwFxYAVJral6N1axpEg2jQ4cO0kBbSws6dRee6v9BQU4wpxhQTFiY6SV2BKSwAeGge5z3Oe5xv3tzyreVby7dJSfQ2vU1v6/Wic9kVS7EUu26d0kHpoHQIDhYdp67BFBYAPFDfy30v973cpElFVkVWRdbevZovHJtpM23etk0tHCEhouPUVRiBAIBd6lSVoyMxYsRsq5SGDROdyx4ex+N4XGysUzundk7txo07yo6yo6yiQnSuugojEACwQ5L4dD6dT9+6VX2s3cJBYRRGYUlJauGYMAGFo2bUWAHps73P9j7b27Xr2bNnz549W7USfeIAYA9jslk2y+YNG9gmtoltmjBBdCJ7bA2dypVypVwZNUotHKWlonPVF1U+hfX7PW8CA9UtAnx9mQfzYB5Nmtz5Dz3IgzwKC+k1eo1ei4+naTSNpq1Zo5gUk2LKyBD9wgDUR/I5+Zx87oMP2CQ2iU2aO1d0HnvQ0EkbHruA9OK9eC/esmWD1AapDVK/+orm0ByaM2TIIz9hNEVT9IYNRfuL9hftDwmpby0iAUSQT8on5ZNLlrAZbAabsXSp6Dz28JV8JV/53XcVpypOVZzy9j694PSC0wt+/ll0rvrqkQuI15+8/uT1Jyen0smlk0snHz9Ox+gYHXN1rdp4KSnlE8onlE8YMUL9Rbl5U/QLBlCXqBfJQ0LUi+Th4aLz3N+lS+o2697e6kzFpUuiE9V3j3wNpHR26ezS2ZGR1VM4bHx8HHs59nLsdeBAj6geUT2imjUT9UIB1CVylBwlR738MulJT/qPPhKdxx6+hq/ha65ckWKlWCnW3x+FQ1sqPQJxN7gb3A29e1tbWVtZW5lMNdUQhifxJJ70zTdNujTp0qTL0KHf/PLNL9/88ttvYl42gNrJ7Te339x+GzuW5bAclhMVpU5ZOWhvU9UQCqGQa9es063TrdN9fLLKs8qzyk+dEh0Lfq/SIxBrf2t/a/+JE2u6kxjzY37Mz8ur9OXSl0tfTklRb2z6j/+o2ZcLoHZyi3aLdov285N2Sjulndu3a7ZwEBFRcTFP4Ak8YdQoFA5tq/wU1l/oL/QXLy9hiY/QETqi05U1L2te1vzgQdtFfGF5ADRMX6wv1hd7eqo9vWNjKZIiKbJRI9G57jGDZtCMW7fYUraULR01yrTNtM20LTVVdCy4v0qPINSLbrm56kW3Ll1EnwAtpaW01Ggse6PsjbI3Bg06c+bMmTNnrl0THQtApDtTza2tra2tU1LoJJ2kk9r7oMUzeSbPrKhg7syduRsMakOnPXtE54KHU+kRCF/Gl/FlGrr2cHtPHseVjisdVyYn39klFKAe6h3SO6R3SLduln9Y/mH5x8GDWi0ctr4cLJ7Fs/igIBSO2qnyU1i9qTf1zskRHfxu7G32Nnu7d2+1oCQmopBAfaL+vnfqJIVJYVJYUhLrx/qxfv/5n6Jz2cNSWApLCQlRhipDlaGbNonOA4+m8gWkM3WmzrGxooPbtYyW0bJevdQptuRk1zDXMNewtm1FxwKoDrYtgugNeoPeSExknsyTeXbsKDqXPewsO8vOvvmm8bzxvPH82rWi88DjqXQB6TK6y+guo3ftosW0mBafOyf6BO6vZ0/Hrxy/cvzq6FE3TzdPN0/tdkoDqAx1xNGiRfmI8hHlIw4epPfoPXqvWzfRueyaSBNpYni4sdRYaixdvlx0HKgaj7wMV5ZlWZZ1OsYYY+zYMfVo06aiT8genspTeeq331rmWuZa5vr5nfr01KenPv3hB9G5ACpD7T1ue5/Fx6tf+/cXncuusTSWxm7erCxWFiuLX3lFPci56FhQNR75TnS1p7Ci8Ml8Mp8cEKAeLS8XfUL2MG/mzbyfesphrMNYh7HJybZezqJzATyMrhFdI7pGNGrE5/F5fJ5tClm7hYNP49P4tB071MIxbdrtoygcdUyV3Qioy9Pl6fKef57n8Tye9/XXbCabyWY2biz6BO1aQAtowcWLFeMrxleMt+3mefGi6FgA/85gMBgMBgcH8wXzBfOFr75Sr+0ZDKJz3d/hw0VTiqYUTRk5Epuh1m1Vfie5foN+g37D0KFWV6ur1TUmRvOFxJM8yfN//9fhosNFh4s+Pif3ndx3ct/334uOBfD/fTk2bmQGZmAG2yd57bH15agwV5grzIMGYfPT+qHatiKRF8mL5EWDB1MohVLo7t339APRJNsmbb6+6rr0CxdEJ4L6SX3/fPihep/EnDmi89iDvhz1W7V1JDStMK0wrYiPV+8wHT1abSxVUiL6hO+vUyeextN4WkqKW5pbmlta166iE0H9oivVlepKly/XfOG4vSilIqcipyJn8GAUjvqp2lvaqtsvHz6sbss8ZAjNpJk088YN0Sduj20dPbvFbrFbKSm2O3tF54K6TU6UE+XE2bPJi7zIa9Ei0Xns4cf5cX7cbObP8ef4c76+aOhUv9XYbro2coAcIAd4e9Pf6G/0t7g4NovNYrOcnES/EPbwE/wEP/HTT9Z0a7o13c8ve0D2gOwBWr//BWoLW18OlsgSWeLnn9f0LtcPrR/1o34//siGsCFsiLe3cbhxuHG42Sw6FohV7SOQu9l22WTBLJgFP/88/5h/zD/W0N5ad7FtCSGRRBIlJ7uvdV/rvva//1t0LqjdbH056M/0Z/rzZ59ptnBw4sQLCqSnpaelpwcNQuGAf1fjBcRGndo6flzqLfWWeg8ZwjN4Bs+4fl30C2IPm8PmsDnt2llbWFtYW9g2bezZU3QuqF3U35tBg7Tel8P2frQ2tja2Nh46NDM4Mzgz+OxZ0blAW4QVEBtjU2NTY9O0NPIgD/Lw9eXhPJyH//qr6Fx2fUQf0Udt26pD+qQkua3cVm5bXS19oa6w9eVQf89jYrTal8O22IU5MAfmMGpUVlpWWlaa0Sg6F2iT5obM6lYNsqwWkoQENpvNZrM13HnQ1npzvXW9df2gQXjDwb+rLX05VLadJMaMUZexx8WJTgTaJnwEcjf1F9dkkhZJi6RFzz3H03k6T//lF9G57IqgCIpo1UrqJfWSeiUkuHd27+ze2d1ddCwQSx+qD9WHPvWUdaR1pHVkfLxmC0cgBVKg1cq6s+6s++TJKBxQGZobgdztzie4C9YL1gsJCepWDhru8+FBHuRRWEgZlEEZQ4ao13oyMkTHgpqh36/fr9/v4sIP8UP8UGoqnaATdEKDu0DfbujEjdzIjUFB6t52GzaIjgW1i+YLiI26aqV7d9aINWKNkpO13jBHVVTE2/A2vM2QIaZDpkOmQ+npohNB9bC1C2BJLIklpaay/qw/6+/iIjqXPczMzMy8cKHxmvGa8dr774vOA7WT5qaw7MlyynLKcsrJUQuHj496ND9fdK77a9GCXWVX2dVDh9wC3QLdAvv1E50Iqpat86U0X5ovzU9I0HrhUIWGonBAVag1BcRGnaP917/UR76+thucROe6vxYtJCYxiSUk6LiO6/jAgaITwePxOO9x3uN88+ZqB8yDB2k5LaflPXqIzmVXLMVS7Lp16vtnyRLRcaBuqDVTWPbYLlZyF+7CXZKS6EP6kD7UcJ8Pd3In95s3eQPegDcYOdK01rTWtDY5WXQseDh9L/e93PdykyZlT5Q9UfbEgQPMn/kzfw1/INhMm2nztm1KT6Wn0nPKFPWg1So6FtQNtb6A2Nj2rJLGSGOkMcnJbD6bz+Z36CA61/0VF1tft75ufX3kyCxDliHLkJQkOhH8MXWqytFRXcSxe7d6dNgw0bns4XE8jsfFxjq1c2rn1G7cuKPsKDvKKipE54K6pdZNYdmTHZEdkR1x/rxloGWgZaC3N1/FV/FVWu/r0bSp9J70nvTe3r26Ql2hrtDfX3Qi+COSxKfz6Xz61q3qY+0WDgqjMApLSlILx4QJKBxQnepMAbGxdRbk2TybZ/v42HYPFZ3r/po2pV20i3bt2yevkFfIK4YPF50IiIgY05l1Zp05MpJtYpvYpgkTRCeyy4d8yCc9vaSgpKCkYPRotXCUloqOBXVbnZnCskedeujUSX2UnKxOQXTpIjqXXXrSk76sjHVgHVgHg8H4lvEt41t794qOVd/I8+R58rxVq9gRdoQd+Z//EZ3n/s6ccdzjuMdxz8CB6R3TO6Z31PBWQFCn1LkRyN3UG/kuXWLH2XF23MdH7beQmys6l11GMpKxYUO1t3x0tO5fun/p/jVqlOhY9YW6lc5bb2m+cNz+PZZcJBfJZdAgFA4Qoc4XEBt108bLl6V8KV/K9/amxbSYFmu4r8ftQkJraA2tiYqSw+VwOXzMGNGx6ir5oHxQPvi3v6mPli0Tnccevpqv5qvz8irCK8Irwv39M6MzozOjf/pJdC6on+pNAbGxveEalDYobVDq68vf5e/ydzW8TfXtQsK2sq1s686dd/pIQJVQd1MOCGCX2WV2+eOPReexqy/1pb5Xr6qrC/39bdf6RMeC+q3eFRCbjJcyXsp46coVx2uO1xyv+fnxo/woP/rPf4rOdX+OjiyH5bCcqCh5q7xV3jpxouhEtdWdqcGf6Cf66YsvaD2tp/WSRt8PRUWUTumUPmTI72+kBRBLo2+YmmMrJBWRFZEVkX5+6tEzZ0TnsudOA6Kn6Wl6essW2ydo0blqC7dot2i3aD8/XsgLeeGOHcyduTP3Bg1E5/pjxcW8O+/Ou48YYdulWnQigH9X51dhVVbvY72P9T7Wpo3DbofdDrsTE+kYHaNj2m0YxSN5JI+0WNgNdoPdeOUVxVfxVXxt9yuAjboar08fCqZgCk5MpHW0jtY1ayY61z1ur8KzTrFOsU4ZNSrLM8szy/PQIdGxAP5IvR+B3C17QPaA7AFXr5YlliWWJQ4cSEtpKS3VboMo24iEN+PNeLPPP5ej5Cg56uWXRefSClvrYR7BI3jEgQNaLRy2DwKUSZmUGRCAwgG1AUYgD9CL9+K9eMuWDtcdrjtcj49nvsyX+Xp4iM5l1+0+D6SQQsrMmerUR2Sk6Fg1zS3NLc0trWtXpmd6pk9N1ez2/7b/X2NoDI159VVlqDJUGbppk+hYAA8DI5AHUFe7FBZamluaW5oPHkycOHENN4hSSCGFMfUP07p18gB5gDxg5kzRsWqKuktuhw7SJemSdCkhQbOFw+ZZepaenT8fhQNqI4xAKkmdEmnRgnzJl3wPHaIUSqGUvn1F57If+PYnXH/yJ//ZsxWDYlAMGl6u+ojuXLuKcYhxiDl6lFIplVK7dxedyx52lp1lZ99801hqLDWWLl8uOg/Ao3AQHaC2yc/Pz8/Pv3WrzZg2Y9qM2bFDWiOtkdZ4erIv2Zfsyz//WXS+ewNTPuUzRiVUQiVDhjhzZ+7Mr11Tz0PDI6mHZCvoUrwUL8UnJNAlukSXtLvoQRURoVxWLiuXFy0SnQTgcaCAPKIrCVcSriSUl7dp3aZ1m9a7djn80+GfDv+0dRzs3Fl0vnvYCome9KQfMqR9m/Zt2rcpKsrPzc/Nz619rXbVLUeaNqXn6Dl67sAB+p6+p+81PBIcS2Np7ObNyjZlm7JtxgzRcQCqAq6BPKbTC04vOL3g5k310fDh6lSRhhtE3b5GorbaXbNGDpAD5IDa80m4R1SPqB5RDRvy2Xw2n71rFyVREiV5e4vOZVckRVJkTIxLtku2S/b06epBzkXHAqgKGIFUEXVKqLzcucS5xLlk1y4+j8/j8/r0YSfYCXZCuz2yWQErYAV+fs6hzqHOoRZL/t78vfl7jx0TnetuBoPBYDA4ONzYd2PfjX3bt7MMlsEytL7J5OHDRa2LWhe1Hjfu+AfHPzj+QXm56EQAVQkX0avJndanTcqalDWJjWWD2WA2WPsNo9T7Ed5+2+Rh8jB5aGVTQcZks2yWzRs3MgMzMMO0aaIT2cMX8UV8UVpahbnCXGEeNOj3I1SAugUFpJp1jega0TWiUaMW+hb6FvroaJpFs2jWiBGicz0I/4J/wb9YtcrkanI1ub7+uqgc8jn5nHzugw/YJDaJTZo7V/TrYg9fypfypdnZlmGWYZZhPj625d+icwFUJ1wDqWa5IbkhuSG3bpXkleSV5I0bx2fymXym9htEsalsKpu6cKF8Wj4tn37vvZr++bJJNsmm0FDNF46VfCVf+d13FTkVORU5gwejcEB9ghFIDbNdBG6yqsmqJqt27lSPjh4tOtcDJVESJYWFKS2VlkrL6mu0pC7LDQlRO0eGh4s+7fu7dEm9sdTb29a4THQigJqEEUgNO/fiuRfPvVhWpv7hefFF2yod0bkeyI/8yG/BAvUP/OrVVf306rLcKVPUZcYffST6dO3qR/2o348/sqVsKVvq44PCAfUZVmEJoq7aslr7F/Yv7F/49dfXrl27du1a167qv/bsKTqfXYwYMU/P9lPbT20/tUWL/NT81PzUw4cf9enuNMjqQ32oz7ZtbCPbyDZqsC8HJ068oEDyl/wlfz8/Y4AxwBjw3XeiYwGIpL03aj0THR0dHR1tsbi4uLi4uEyeTJtpM23etk10rgdh8Syexc+ZI+fKuXLuJ5/cPvrQU6K6Ql2hrtDfX9op7ZR2bt9+p8+JxvAMnsEzrl+3NrY2tjYeOjQzODM4M1jDHSwBahCugWiM7X6HC/0v9L/Q/4sv1Fa2kyaJzvVA0RRN0Rs2KC6Ki+Jiu9Paar37P9MX64v1xZ6efC6fy+cePqxuX/7EE6Lj342f5Cf5yZISJjGJSc8/rzCFKezIEdG5ALQEBUSjbIXEbDabzWbbLq1TpojO9UCcOPHPPlOvDQQGqgetVneDu8Hd0Lu3tbW1tbV1SgqdpJN0smVL0XH/mO2GvzFj1O3w4+JEJwLQIs1NGYDq3Llz586d41y9VrJ3r3OKc4pzSqdOFEMxFOPmJjqfXYwYMVluP6/9vPbzOnZ0/sX5F+dfvvvOusS6xLokMZF9zj5nn7duLTrmPQIpkAKtVlbMilnxpElKvBKvxO/eLToWgJZhBFKrSJK6Cmr9evUPtW1vJQ273aKVjGQkY8OGouPc4/Z293wYH8aHBQaaRplGmUZt3Cg6FkBtgAJSKzEmvyO/I78TEcH2sX1sX3Cw6ES1FTMzMzMvXGi8ZrxmvPb++6LzANQmmMKqpfKP5B/JP3LokLOzs7Ozc6tW6tE+fUTnql1CQxWzYlbM774rOglAbYRlvLUa5+pF3r//nQ7SQTqo4RvwtGI8jafxn3yivm5LloiOA1CbYQqrjtGV6kp1pcuXkxd5kVft6fNR7W7fX6P0VHoqPW2r2e5dZgwADw8jkDpGaaw0VhovXsw38o18I6ZmeByP43Gxsc2eafZMs2emTlWPonAAVAUUkDrKJJtkk/zWW/QqvUqvaqWvRw0KozAKS0pyaufUzqndhAlH2VF2lFVUiI4FUJeggNRxSpASpAS9/ba6jHbpUtF5qh0nTjwjo6SgpKCkYPRotXCUloqOBVAXoYDUE+pWHO+8QyEUQiHiGkRVrzNnHGMdYx1jn39e3fX4xg3RiQDqMizjrWfy9+Tvyd/zzTdPlj5Z+mRpSQm1olbUSvutdu3yIi/yys2VHCVHydHX9+T0k9NPTr96VXQsgPoAq7DqOfmYfEw+Nn8+m8PmsDlhYaLzPCy+mq/mq/PyLAMtAy0Dvb3VToAXL4rOBVCfYAqrnjMNMA0wDVi9mubSXJo7b57oPA/Ul/pS36tX2Xw2n83390fhABAHIxD4HV2sLlYXGxREcRRHcZ98QgoppDx8n4/qVVSkfvX1VW8ENJlEJwKoz3ANBH4nf0f+jvwdRmN73p635/n5LIgFsaBhw8QWkuJi3p13592HDTPFm+JN8RkZol8nAMAIBB5AjpVj5dhXX2VX2BV25dNPaT2tp/U10HL29i6+TMd0TDd6tPE142vG1w4eFP16AMD/QwGBh6I7qDuoOzhtGl2my3R5w4bqKiQ8kkfySItFHfn89a9qY6roaNHnDwD3QgGBSpG7yl3lrlOn0nbaTts3bqyqXua2wiEtk5ZJy6ZONe437jfu//JL0ecLAPbhGghUSv6v+b/m/5qd3b5N+zbt22RksLFsLBvbvz+lURqlVb5FLU/lqTz122+l36TfpN8MBuMc4xzjnL17RZ8nADwYlvHCIzGtMK0wrYiPbza+2fhm47t3V48uWcJX8pV85Xff2fu+3//7kiXXP7v+2fXPevUy9jT2NPY8elT0eQHAw8MUFlQL1zDXMNewJ55o2L1h94bd27UryynLKcu5cuX0gtMLTi+4eVN0PgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAO/4PSBxbMqgmA24AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMTItMTVUMTU6NTc6MjcrMDg6MDCiEb4vAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTEyLTE1VDE1OjU3OjI3KzA4OjAw00wGkwAAAE10RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vaG9tZS9hZG1pbi9pY29uLWZvbnQvdG1wL2ljb25fY2sxYnphMHpqOWpqZGN4ci9jaGVjay5zdmfbTpDYAAAAAElFTkSuQmCC');
+  background-size: contain;
+}
+
+.icon-close:before {
+  content: ' ';
+  display: block;
+  width: 16px;
+  height: 16px;
+  position: absolute;
+  margin: auto;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 9999;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIEAYAAAD9yHLdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAADwRJREFUeNrt3V1sU+cZwPHndTAjwZ0mbZPKR/hKm0GqtiJJGZ9CIvMCawJoUksvOpC2XjSi4kMECaa2SO0qFEEhgFCQSqWOVWqJEGJJuyYYWCG9QCIOhQvYlgGCIFmatrVSUhzixO8ujNM1gSZOfPye857/7wYlfPg5xj5/n/fExyIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABATizsWti1sCs/v6y0rLSsdMaMZ/Y8s+eZPZMnm54LQO6kn/fp/UB6v2B6LrdRpgcwZf7e+Xvn7505MxAIBAKBrVt1ja7RNdXVaqlaqpbOmTP0z+u9eq/ee/euFEqhFH7ySeCjwEeBj+rr299of6P9jb//3fT2AMhcWVlZWVnZ3Ln6uD6uj2/eLF3SJV1VVapW1ara6dOH/nn9hf5Cf3HzpupW3aq7qSl5LHkseay+/nLt5drLtbdvm96eXPNZQJQqn1Q+qXzS73+vN+gNesObb0q7tEv7xImZ/kv6kr6kL/X3q0PqkDpUXx/aFNoU2rRz53l1Xp1X/f2mtxTAcMv1cr1cT5jQfb37evf1ujrpkR7p2bxZ1agaVZOXl/E/WCM1UnP/vv5cf64/f+utjg87Puz4cPfu1G9qbXp7neaTgChVeqD0QOmBP/5RHVPH1LHf/CbrN1EplVLZ2iqt0iqtv/51NBqNRqP37pnecgDpI42CgtTz9OTJ1PO0sjLbt6PX6/V6/Z/+1LG5Y3PH5g0bHnzX2pBkXlyPKTtadrTs6Ouvq/fV++r9LVscu6EbckNuPPGEhCUs4UWLpsanxqfGT5yIxWKxWCyRMH0/AH40GI6whCXc3Cyn5bScDoeduj11RV1RV559dkrFlIopFX19sauxq7GrbW2m7wenBEwP4JT0OY7UV6+/nrMbjkhEIitWSIVUSEVLS0ljSWNJYyhk+v4A/GQwHHtkj+xpahp8XuaImqwmq8m7di2oXlC9oHr2bNP3h1OsDUhgfWB9YP2WLdIgDdLwgx/kfICzclbOLluW35Hfkd/x5z8PPqABOGbYEcd22S7bKypyPsiDc6v9df11/XWvvWb6fnGKtQHRj+nH9GOrV5ueY/CVz4MHNCEBsm9YOHJ8xPEo6og6oo64YD/k1PaZHiDbvruD/uYb0/MMUyEVUtHWFi+Pl8fLf/Wray9ee/Haiz09pscCvGjYUpWpI44RBE8FTwVPFRRcLLxYeLEwHjc9T7ZYdwSi2lSbavvxj03P8UgsbQHj5pqlqlFK9iZ7k70u3i+NkXUB6Tvcd7jv8H//a3qOEXGyHciY6ZPjYzXw0sBLAy95YL+UIeuWsNJK75feL71/545arBarxYWFpucZUVjCEj53LvWEqK7mfSTAt9x6jmNEi2WxLL59O3ooeih6aNYs0+Nkm3VHIIO6pEu6Pv3U9Bijxsl2YBjPhiOtUAql0EP7oQxZG5C8SXmT8ibt35++5IjpeUaNpS3As0tVabpBN+iGgQE5Lsfl+KFDpudxirUBuTT90vRL0//xj/S1qkzPkzFOtsOHvHZy/FFUsSpWxfv2pZai//Y30/M4xfpLmRR/VvxZ8Wd//Wvf7b7bfbd//vPBS454xU25KTdnz+YSKbCZ55eq0h5cE2/OB3M+mPPBb3977dq1a9eu2XstLGtPog+Vvp5/X1tfW19bU5N6V72r3v3FL0zPlTHeRwKLeOV9HCPaLbtl94UL8a/jX8e/fv55vzwvfROQNEICmEc47OC7gKQREiD3CIddfBuQNEICOI9w2Mn3AUkjJED2EQ67EZAhCAkwfoTDHwjIIxASIHOEw18IyAgICTAywuFPBGSUCAkwHOHwNwKSIUICEA6kEJAxIiTwI8KB/0dAxomQwA8IBx6GgGQJIYGNCAe+DwHJMkICGxAOjAYBcQghgRcRDmSCgDiMkMALCAfGgoDkCCGBGxEOjAcByTFCAjcgHMgGAmIIIYEJhAPZREAMIyTIBcIBJxAQlyAkcALhgJMIiMsQEmQD4UAuEBCXIiQYC8KBXCIgLkdIMBqEAyYQEI8gJHgYwgGTCIjHEBKIEA64AwHxKELiT4QDbkJAPI6Q+APhgBsREEsQEjsRDrgZAbEMIbED4YAXEBBLERJvIhzwEgJiOULiDYQDXkRAfIKQuBPhgJcREJ8hJO5AOGADAuJThMQMwgGbEBCfIyS5QThgIwICESEkTiEcsBkBwXcQkuwgHPADAoKHIiRjQzjgJwQE34uQjA7hgB8REIwKIXk4wgE/IyDICCFJIRwAAcEY+TUkhAP4FgHBuPglJIQDGI6AICtsDUl+XX5dfl0ySTiA4QgIsmrwlXpYwhJubpaIRCSyYoXpuTIWlrCEz50b/Nrr2xGRiESqq6PRaDQavXfP9FiwAwGBI6w5IvEqjjiQAwQEjiIkOUY4kEMEBDlBSBxGOGAAAUFOEZIsIxwwiIDACEIyToQDLkBAYBQhyRDhgIsQELgCIRkB4YALERC4CiEZgnDAxQgIXMn3ISEc8AACAlfzXUgIBzyEgMATrA8J4YAHERB4inUhIRzwsIDpAYBMJNYm1ibWKqUeV4+rx5X3XwCdkTNyxoLtgC/xwIUnWPN5HI/i8Ge2A04gIHA168MxFCGBhxAQuJLvwjEUIYEHEBC4iu/DMRQhgYsRELgC4RgBIYELERAYRTgyREjgIgQERhCOcSIkcAECgpwiHFlGSGAQAUFOEA6HERIYQEDgKMKRY4QEOURA4AjCYRghQQ7kmR4AdhkMR1jCEm5uliNyRI54MBxhCUv43DkpkiIpunVLbspNuTl7tumxRu2W3JJbM2cGC4IFwYKFC6fGp8anxk+ciMVisVgskTA9HuzAxRSRFcOOOCISkciKFabnylj66ril8dJ46Zo1wY3BjcGNVVV6m96mt505Y3q8jKX/HyqkQipaWkoaSxpLGkMh02PBDixhYVysWaoa4bLq1lxGnqUtZBEBwZj4JRxDERLgWwQEGfFrOIYiJAABwSgRjocjJPAzAoLvRThGh5DAjwgIHopwjA0hgZ8QEHwH4cgOQgI/ICAQEcLhFEICmxEQnyMcuUFIYCMC4lOEwwxCApsQEJ8hHO5ASGADAuIThMOdCAm8jIBYjnB4AyGBFxEQSxEObyIk8BICYhnCYQdCAi8gIJYgHHYiJHAzAuJxhMMfCAnciIB4FOHwJ0ICNyEgHkM4IEJI4A4ExCMIBx6GkMAkAuJyhAOjQUhgAgFxKcKBsSAkyCUC4jKEA9lASJALBMQlCAecQEjgJAJiGOFALhASOIGAGEI4YAIhQTYRkBwjHHADQoJsICA5QjjgRoQE4xEwPYDtbAtH4kriSuIKT1BbXCy8WHixMB6fuGzisonLVq/W2/Q2ve3MGdNzZeysnJWzy5blt+e357f/5S8ljSWNJY2hkOmxbMcRiENsDcfV7Ve3X93+zTemx4IzOCJBJghIlhEO2ICQYDQISJYQDtiIkOD7EJBxIhzwA0KChyEgY0Q44EeEBP+PgGSIcACEBCkEZJQIBzAcIfE3AjICwgGMjJD4EwF5BMIBZI6Q+AsBGYJwAONHSPyBgDxAOIDsIyR2831ACAfgPEJiJ98GhHAAuUdI7OK7gBAOwDxCYgffBIRwAO5DSLzN+oAs18v1cj1hQk95T3lP+aefpr77y1+anitje2SP7Dl7NhW+1auj0Wg0Gr13z/RYQDYMvsALS1jCzc0SkYhEVqwwPVfGKqVSKltbQ++E3gm9U1V1Xp1X51V/v+mxnGL9B0p1X+++3n29ri71FeEA3GjwcR2RiESqq1MhOXfO9FwZa5VWaa2s7DnYc7Dn4O7dpsdxmrUBKX+7/O3yt3/2M5krc2Xupk2m58lYeqkqmogmomvWEA74QfpxHtwY3BjcWFXl1U9I1Iv0Ir1o69b53fO753fPm2d6HqdYG5BkXjIvmbd1q3pOPaeemzDB9Dyjlj7i2Ck7ZeeqVZzjgB+lP2o3dU5kzRqvHZGoGlWjavLyAg2BhkDDa6+Znscp1gZEzVQz1cyqKtNzjBpLVcAwnl/aOi7H5biH9kMZsi4gCzoXdC7o/OEPZZ/sk33TppmeZ0QsVQEj8vbS1owZJY0ljSWNoZDpSbLNuoAMrBtYN7DuRz8yPceIWKoCMubVpa3Q/ND80HwP7JcyZF1ARIkS9e9/mx7jkTjiAMbNa0ckgUmBSYFJ//mP6Tmyzdr3gZTGS+Ol8Rs31FK1VC2dM8f0POkjjuCTwSeDT1ZXp19JmR4LsIFr30eyQ3bIjs7O6AvRF6IvFBebHifb7DsCeUA1qAbV0Nxseg7CATjPrSfb9VP6Kf2UC/ZDDrE2IMlkMplM7t8vNVIjNffv53yAIUtVhANwnluWtvRhfVgf7u1VL6uX1csHDpi+X5xibUAu116uvVx7+3bqqz/8IWc3nD7imBecF5y3ciUnx4HcM36yPSlJSb71VrQj2hHtuHPH9P3hlDzTAzgt1hRrijW1tU3ZMWXHlB1z5qgr6oq68uyzWb+h/bJf9re0BIuCRcGitWs54gDMi8VisVgskZganxqfGj9xInWtqvJyuSE35MYTT2T79vRJfVKfPHas4+mOpzuerq01vf1Osz4gabGWWEus5dSpaV9N+2raV4mE7JJdsmvJEmmXdmnP/J3q+pK+pC/190undErn3r1FkaJIUeR3vzv9yulXTr/S12d6ewF8Kx2S4gvFF4ovfPxxX29fb19vQYE+qo/qowsWqPfUe+q9QMYrMumlKlklq2TVm29+Nxxam95up1n7U1gjKSstKy0rnTFDr9Qr9cotW1SLalEtq1enfgy4qOjhf+vOHVkn62TdJ58M3B24O3C3vv7Lg18e/PJgZ6fp7QGQufQ18/QpfUqf2rw59d3nn0/9OmPGsL+wRJbIkn/+U7+qX9WvNjUFZgVmBWbV17cXtBe0F3R1md6eXPNtQB4l/fkEiTWJNYk1P/1p+n0lvF8D8I/BHwvWokX/5CehaCgaiv7rX6nLs/f2mp4PAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAtvsf2vlfs7i0WI4AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMTItMTVUMTU6NTc6MjcrMDg6MDCiEb4vAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTEyLTE1VDE1OjU3OjI3KzA4OjAw00wGkwAAAE10RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vaG9tZS9hZG1pbi9pY29uLWZvbnQvdG1wL2ljb25fY2sxYnphMHpqOWpqZGN4ci9jbG9zZS5zdmdHkn2WAAAAAElFTkSuQmCC');
+  background-size: contain;
+}
+
+.icon-right:before {
+  content: ' ';
+  display: block;
+  width: 16px;
+  height: 16px;
+  position: absolute;
+  margin: auto;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-size: cover;
+  z-index: 9999;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIEAYAAAD9yHLdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAJ4pJREFUeNrt3XtcVXW6P/Dn2VwCBxUzNbnkkXRSGzXW2huQRLyMIqKRJF7Q1CkrDS+VGp3Gy9g5YzI6qVsNfTmlqGmipQiIiJqAcnOvhaKRHidshoatpKaBogL7OX+s6Mz8flO5CfzutXne/+zXWhR8QOXZ3+93Pd8vAHuAEKW10lpp7dix0mXpsnR5/34pX8qX8r/7TpZlWZaJGl//9f6+fY3/X+PnEf2dMMYY/yJqYcbbxtvG2/7+lEM5lLN7NyyCRbBowICmfj56m96mt/PzDZGGSEPkxImWNpY2ljYVFaK/T8ZY6+MiOoCzMn1t+tr09a9/TQfpIB0sLITlsByW9+r1Sz8v5mEe5vn7Q3toD+0nT/Y77Xfa73ROTuWNyhuVNyorRX/fjLHWg0cgzUybcmrThvIoj/JUFcMwDMOeeKLFvmA8xEN8TQ2sh/Ww/rnnFFVRFfXwYdE/B8aY8zOIDuBsqDf1pt6vvdbihaPRBtgAG7y8wAQmMKWlyflyvpw/aZLonwNjzPlxAWlWiOiN3ugdH//Av7QFLGBxd4dzcA7O7dgh75H3yHvmzBH9E2GMOS+ewmomplhTrCn2qads5bZyW3lJieg8jWgADaABf/yjul5dr65fvPj7uyQ6F2NM/3gE0kxsb9vetr3do4foHP8vLMACLPj977W1mS1bwimcwsnVVXQuxpj+cQFpLt/Ct/BtmzaiY/y0adNqltYsrVmakqIVEg8P0YkYY/rFj/E2E5+zPmd9znbpAggI+PzzovP8qItwES727n23w90OdzuEhfl86fOlz5f79lmtVqvVeveu6HiMMf3gEUgzqVfqlXqluFi7qqsTnefnYCImYmJ4OOVSLuWeONF/Zv+Z/Wf6+orOxRjTD15Eb2ZSlVQlVWVkYCRGYuSoUaLz3C86QSfoRHk5lVAJlURElISWhJaE/vWvonMxxhwXj0CaGT1Lz9KzS5eCDDLI+nnaCQfiQBwYEID1WI/1J05oi+6SJDoXY8xx8RpIM7tccbnickVlZdekrkldk4gwAzMwY8gQ0bnuF2ZhFmZ5eWkd7pMn+1T4VPhUKIq2RvLll6LzMcYcB09htShE6YJ0Qbqwdi3GYRzG6bCxbxbMgll372ojqilTlEAlUAncu1d0LMaYeDyF1aKI1CfUJ9Qn5s6FuTAX5r71lt6mtiAJkiDpoYeojuqo7uOP5VQ5VU6dOVN0LMaYeDwCecCkFClFSpk+HcbBOBi3eTOa0IQm/TX20RbaQlsSE9V+aj+131tvic7DGHvwuIAIIp+Xz8vno6OpJ/Wknrt2YRAGYZCnp+hcdpsAE2DC++8rbypvKm82TtHZbKJjMcZaHhcQwYxnjWeNZ8PDaTpNp+mpqdrd9u1F52qa/fu9LF4WL8ukSTmYgzl4547oRIyxlsNrIIJZ+lr6Wvrm5GBv7I29Bw6EN+ANeOMf/xCdq2mefbbGWGOsMR48GHQx6GLQxXbtRCdijLUcfozXQVSWVpZWllZV+df51/nX7dtH8RRP8aNGwQk4ASc6dhSdzz7du9NVukpXR4zoFNMpplPM/v1Xsq9kX8m+dUt0MsZY8+ERiIMpTitOK067dMm1zrXOtS4sTLurqqJz2e04HIfjsuw623W26+yCgsD8wPzAfMfbrZgx1nRcQBxUUVxRXFHclSu1CbUJtQnh4dpd/R1V+0OHuxGNaMzLazw3RXQuxtgvx4voOtEnpU9KnxR3d88yzzLPsu3bIQ3SIG38eNG57BYEQRB04wZVUzVVP/OMukPdoe7IyxMdizFmPx6B6ETZ+LLxZePv3Qv4PODzgM/j4mg37abdGzeKzmW3YiiGYm9vHIyDcXB2tlwil8gl48aJjsUYsx+PQHROTpaT5eSEBDCDGcwrVojOYy9KoiRKamgAK1jBOmuWGq1Gq9GbN4vOxRj7eVxAnISUKWVKma++ihVYgRXr1sEm2ASbDPoZYTZu8bIJNsGmd95RUEEF//AH0bEYYz9OP79g2E9SI9VINfL996mWaql23DjaQBtog44a+RRQQEEEIxjBuHSptgml2ax9UEeFkLFWhEcgTko7z2PIECqiIiravx+DMRiD9drYt3MnEBDQ9OmKqqiK6vgnPjLWGvA7OyelKIqiKJ99pj31NHQovAavwWtVVaJzNU1cHKyCVbAqM/Ppjk93fLpj27aiEzHGeATSahjTjenG9IAAOkyH6XBWFpyEk3BSf419tISW0JJTp2wdbB1sHaKiTg86Pej0oG++EZ2LsdaIC0grozXyPfpow7SGaQ3TMjNxKS7FpTps7CMgoPPntYuICG1q6+9/Fx2LsdaEC0gr1Z/6U3/y9nZNcE1wTThwAI7CUTjauHWK3litVEEVVDFypFqlVqlVpaWiEzHWGvAaSCt1Bs/gGbxx46bfTb+bfsOHUxqlUZpej6rt2hVX4kpcefy4sYOxg7HD00+LTsRYa8AjEAYAALGxsbGxsS4u5XK5XC4nJcEe2AN7XnpJdK6muX1bex0/XnuYICNDdCLGnBEXEPZvIMokk0xLlzb2ZYhOZK/GDne8htfw2iuvKJFKpBL5wQeiczHmTPg8EPZvWZdZl1mXHT/uY/Yx+5ivX4cn4Ul4MiLih4Y/B4cZmIEZBgPchJtwc8wY33Lfct/y2trKO5V3Ku+cPCk6H2POwOF/ETDHoDUmxsVpV1u3aq9ubqJzNY3ZrE1tvf66ds1nuDPWFFxAmF0C9wTuCdwzbBj6oi/67tuHc3AOztFfYx9Npak0dft2TMZkTH7xRe5wZ8x+XEBYk5i6m7qbuptMtlG2UbZRGRlQCIVQ2KmT6Fx2i4RIiExPh0zIhMwJE7SRSeMiPGPsp3ABYb+INrXVq5d2lZWlvT72mOhcdiMgoKIi7WL0aG1EcvWq6FiMOTLuA2G/iPaOvbEjPCQEBsEgGKTDRj4EBAwOhkWwCBbl5BhvG28bb/v7i47FmCPjEQhrVn379u3bt2+HDm55bnlueWlpOAyH4TAdNvaFQiiE/u1v2Bk7Y+eICMtiy2LL4gsXRMdizJHwY7ysWVVVVVVVVd2545Ptk+2T/fHH2t3GvbZ+/WvR+e5bBVRAhbc3zaJZNCsu7lG3R90edcvLu6xcVi4rX38tOh5jjoCnsFiLaFyMDggICAgIiI6mPbSH9uivkQ/n4Tyc9/DDBjSgAbOzA/MD8wPzR44UnYsxR8BTWOwBQpTmS/Ol+StW4HE8jsfffFN0IrsZwQjGe/dgGkyDadOnK6FKqBK6a5foWIyJwFNY7IGyFlgLrAVHjnTd3nV71+03buDj+Dg+PmKEXjrcoRIqodLFBaqgCqpiYnzAB3ygpsZqtVqt1oIC0fEYe5C4gDAhrNus26zbiop8yZd86dIlqIEaqBk9Wvuoi+P/vbSCFayNBW/EiK5ZXbO6Znl6WpOsSdako0dFx2PsQXD8d3ysVZCWS8ul5aNH4yf4CX6ye7d2t00b0bmaJjnZy+Jl8bLMmJGDOZiD9fWiEzHWEriAMIciS7IkS8HB2lV6utaf8cgjonPZi+IpnuIPHHAf7j7cffjEiYX+hf6F/rW1onMx1pz4KSzmULQO8KKihjUNaxrWhIdTPuVTfkWF6Fz2wg24ATc888y9gnsF9woyM7XC2L696FyMNScuIMwhnR50etDpQWVltI7W0bqwMMqjPMrTXyMfJmIiJoaHUy7lUu6JE/1n9p/Zf6avr+hcjDUHnsJiuhBSEVIRUvHww3Xn6s7VnUtP17YcGTBAdC57USIlUuKlS7YDtgO2AxERp82nzafNFy+KzsVYU/AIhOmCtoZw/bpWQIYPh9WwGlYfOiQ6l70wARMwoXt3wzjDOMO4vDxtM0pJEp2LsabgAsJ0pXRh6cLShbdu1V6uvVx7OTqaUimVUvXXyIev4+v4epcuEA/xEJ+To62RjBghOhdj9uApLOYEELVfwCtXak9tzZ8vOpHdvu9wJ5lkkp9/Xn1ZfVl9OSVFdCzGforjN2wxdh+0TvDDh31W+KzwWXHnDtRDPdQPG/avDX8OrLHDfQbMgBkxMT6jfUb7jK6qsn5s/dj6scUiOh5j/47j/8NirAm0tYVp0+gUnaJTf/kLmtCEJldX0bnsRVtoC21JTFT7qf3Ufm+9JToPY/+MCwhzavJ5+bx8PjqaelJP6rlrFwZhEAZ5eorOZbcJMAEmvP++8qbypvLmnDnaTZtNdCzWunEBYa2C8azxrPFseDhNp+k0PTVVu6vDxr4oiIKoffu8lnkt81oWF6dtlXLnjuhYrHXip7BYq2Dpa+lr6ZuTg72xN/YeOBDegDfgjX/8Q3Quu2VABmSMHVtjrDHWGA8eDLoYdDHoYrt2omOx1okX0VmrUllaWVpZWlXlX+df51+3b5+2Z9WoUXACTsCJjh1F57NP9+50la7S1REjOsV0iukUs3//lewr2Veyb90SnYy1DjwCYa1ScVpxWnHapUuuda51rnVhYdpdVRWdy27H4Tgcl2XX2a6zXWcXFGgnJvboIToWax24gLBWrSiuKK4o7sqV2oTahNqE8HDt7uHDonPZCwfiQBwYEIBGNKIxL88Ua4o1xTaeRc9Yy+BFdMb+SZ+UPil9UtzdPcs8yzzLtm+HNEiDtPHjReeyWxAEQdCNG1RN1VT9zDPqDnWHuiMvT3Qs5lx4BMLYPykbXza+bPy9ewGfB3we8HlcHO2m3bR740bRuexWDMVQ7O2Ng3EwDs7OlkvkErlk3DjRsZhz4REIY/dBTpaT5eSEBDCDGcwrVojOYy9KoiRKamjQOvNnzVKj1Wg1evNm0bmYvnEBYcwOUqaUKWW++ipWYAVWrFsHm2ATbDLoZyQvgwwykZb7nXcUVFDBP/xBdCymT/r5i8+YA1Aj1Ug18v33qZZqqXbcONpAG2iDjhr5FFBAQdQ2b1y6VLogXZAumM3aB3VUCJlD4BEIY7+AtufWkCFUREVUtH8/BmMwBuu1sW/nTiAgoOnTtaOF6+pEJ2KOjd9xMPYLKIqiKMpnn2lPPQ0dCq/Ba/BaVZXoXE0TFwerYBWsysx8uuPTHZ/u2Lat6ETMsfEIhLFmZEw3phvTAwLoMB2mw1lZcBJOwkn9NfbRElpCS06dsnWwdbB1iIrSzqj/5hvRuZhj4QLCWAvQGvkefbRhWsO0hmmZmbgUl+JSHTb2ERDQ+fPaRUSENrX197+LjsUcAxcQxlpQf+pP/cnb2zXBNcE14cABOApH4Wjj1il6Y7VSBVVQxciRapVapVaVlopOxMTiNRDGWtAZPINn8MaNm343/W76DR9OaZRGaXv3is7VNF274kpciSuPHzd2MHYwdnj6adGJmFg8AmHsAYqNjY2NjXVxKZfL5XI5KQn2wB7Y89JLonM1ze3b2uv48drDBBkZohOxB4sLCGPCIMokk0xLlzb2ZYhOZK/GDne8htfw2iuvKJFKpBL5wQeic7EHg88DYUwg6zLrMuuy48d9zD5mH/P16/AkPAlPRkT80PDn4DADMzDDYICbcBNujhnjW+5b7lteW1t5p/JO5Z2TJ0XnYy3L4f+CMtaaaI2JcXHa1dat2qubm+hcTWM2a1Nbr7+uXfMZ7s6GCwhjDihwT+CewD3DhqEv+qLvvn04B+fgHP019tFUmkpTt2/HZEzG5Bdf5A5358IFhDEHZupu6m7qbjLZRtlG2UZlZEAhFEJhp06ic9ktEiIhMj0dMiETMidM0EYmjYvwTK+4gDCmA9rUVq9e2lVWlvb62GOic9mNgICKigwHDAcMB6KiTvmd8jvld+2a6FisabgPhDEd0N6xN3aEh4TAIBgEg3TYyIeAgMHBtmJbsa04NzfoYtDFoIt+fqJjsabhEQhjOtS3b9++fft26OCW55bnlpeWhsNwGA7TYWNfKIRC6N/+hp2xM3aOiLAstiy2LL5wQXQsdn/4MV7GdKiqqqqqqurOHZ9sn2yf7I8/1u427rX161+LznffKqACKry9aRbNollxcY+6Per2qFte3mXlsnJZ+fpr0fHYT+MpLMZ0rHExOiAgICAgIDqa9tAe2qO/Rj6ch/Nw3sMPG9CABszODswPzA/MHzlSdC7203gKizGngyjNl+ZL81eswON4HI+/+aboRHYzghGM9+7hLbyFt6ZNs+yw7LDsaBxpMUfBU1iMOSFrgbXAWnDkSNftXbd33X7jBj6Oj+PjI0bopcMdKqESKl1coBt0g27PPecDPuADNTVWq9VqtRYUiI7HNFxAGHNi1m3WbdZtRUW+5Eu+dOkS1EAN1IwerX3UxfH//VvBCtbGgjdiRNesrlldszw9rUnWJGvS0aOi47V2jv9OhDHWbKTl0nJp+ejR+Al+gp/s3q3dbdNGdC67xUAMxGzd6vW219teb7/0Ug7mYA7W14uO1dpwAWGsFZIlWZKl4GDtKj1d68945BHRuexFGZRBGamp7nXude51kyYV+hf6F/rX1orO1VrwU1iMtULanlRFRQ1rGtY0rAkPp3zKp/yKCtG57IVRGIVR0dH3Cu4V3CvIzNQKY/v2onO1FlxAGGvFTg86Pej0oLIyWkfraF1YGOVRHuXpr5EPEzERE8PDKZdyKffEif4z+8/sP9PXV3QuZ8dTWIyxHzyV+1TuU7mdOhm+NXxr+DYjA9/Bd/Adk0l0LnvRCTpBJ8rLaRgNo2FhYSX5Jfkl+ZWVonM5Gx6BMMZ+oI1Ivvnmzt07d+/cHTpUu3v4sOhc9sKBOBAHBgQYFhsWGxbv3dsnpU9KnxR3d9G5nA2PQBhjP6rxF69HqEeoR+jWrRiN0Rg9aZLoXE3z6qta535SkugkzoILCGPsPhkM0gXpgnRhzRqMwziMmzNHdKL7thAWwsKvvlImKhOVid27i47jLLiAMMbsJifLyXJyQgKchJNw8t139dLhjs/is/hsr16862/z4DUQxpjdlGnKNGVaYiJFURRFvfIKJVESJTU0iM71s76Bb+Cb3/xGdAxnwQWEMdZkarQarUZv3ky9qTf1Hj8eXoFX4BWbTXSuH0PP0rP07K9+JTqHs+ACwhhrstjY2NjYWBcX3ISbcFNUFGyCTbDJ4Li/VxbCQljIW540F8f9g2aMOSztjPY2bb7c8OWGLzccOIC7cBfueuEF0bl+ViqkQuqNG6JjOAtX0QEYY/rReJQuHaWjdFRHR+nKIINMVLerblfdLotFdBxnwQWEMfazgi4GXQy66OfXcLbhbMPZrCwYBsNgWJ8+onPdL/oT/Yn+lJ9f6l3qXepdVSU6j7PgAsIY+1HaVFWvXg0TGyY2TMzK0u4+9pjoXPYypBhSDCl//KPoHM6G10AYY/8fU3dTd1N3kwlCIARCcnO1u/orHPQcPUfPbdpkednysuXlzEzReZwNj0AYYz+Q3pbelt6OiLBdt123Xf/kEyiEQijU32OvFE/xFH/gwHc139V8VzNvnug8zsrhO0cZYy1Pm6qKi9Outm7VXt3cROeyF31Kn9Kn27bhWByLY2fM0M49qasTnctZ8RQWY62Ysaexp7Hn7NlaA+D27dpd/RUOjdmsdlO7qd2mT+fC8WC4iA7AGHvwftjL6jSchtPvvaeXvaz+7xvQHssld3In94QE9Zh6TD22eLHoWK0Nj0AYawUaO8blcrlcLt+0CcxgBvOKFaJz2YtO0Sk6VV+P5/E8np8xQ/1U/VT9dOVK0blaK/2842CM2a2HuYe5h/mhh9pvbb+1/dbt2wEBAWNjRedqmtu3tU7y2FjFT/FT/A4eFJ2oteMRCGNOSDsIysurXVy7uHZxaWm6LRxzYS7M/fZbLMdyLB8xgguHY+ERCGNOJHhn8M7gnV261I2pG1M3JjMTB+NgHBwYKDqX3QbAABhQWQn5kA/5I0dqi+Jnz4qOxf4Vj0AYcwJBY4LGBI3p3r3erd6t3i0vT7eFIwzCIOyLL7TCMWAAFw7HxiMQxnTMOMU4xTjlN78hb/Im76wsKIACKPDxEZ3LXrSEltCSU6dwGS7DZaNGaYXj6lXRudhP4050xnRIJplkGjyYjGQk4/792t327UXnshfNp/k0/8gRzxc8X/B8ISbm5LWT105eq64WnYvdH57CYkxH5PPyefl8dDQVUREVNe7tpL/CAdEQDdEffYSrcBWuGjWKC4c+8RQWYzogpUgpUsr06TAOxsG4zZvRhCY0uep0BsFsVhRFUZTXX9euHfcIXPbTuIAw5sB+6BjXaeNfY8e4dtTtO+8oqKCCf/iD6Fiseej0HQxjzgxRKpPKpLJVq+B5eB6ef+MN0YnsRUmUREkNDWAFK1hnzVJRRRU3bxadizUvHoEw5gC0xj93d4+rHlc9riYn4wf4AX4wcaLoXHabBbNg1t27WIqlWDp5ssVsMVvMn3wiOhZrGVxAGBOo38p+K/ut/NWv3ILdgt2C9+6F1+F1eH3kSNG57BYEQRB04wZVUzVVP/OMukPdoe7IyxMdi7UsLiCMCRBSEVIRUvHww3Xn6s7VnUtPh0WwCBYNGCA6V9NYrbZSW6mtNDKypK6krqTuzBnRidiDwY/xMvYABa4KXBW4qlu3ex3vdbzXMT9fr4WDTtAJOlFerl2FhXHhaJ14EZ2xB+Cp3Kdyn8rt0weDMRiDDx3CUAzFUH9/0bnstgyWwTKLpX59/fr69VFRpUqpUqpUVYmOxcTgKSzGWpAsyZIsBQdrV+np2q64jzwiOpfdhsNwGH7smMuLLi+6vDh2bHHP4p7FPb/7TnQsJhZPYTHWAqTl0nJp+ejRWsE4dky3hSMKoiBq3z6vd73e9Xo3KooLB/tnPAJhrBlJnaXOUucpU9Af/dH/ww+1uzo8YzwVUiF1wwbt/I25c7Wb3DHO/hWfic5YM5COSEekI/PmYSAGYuDGjdoZ4/rbaoS20Bbakpio9lR7qj0bGxiJROdijkl3f8EZcxyIUqlUKpW++y7+Dn+Hv0tIEJ3IXo0d42hFK1pnz1b7qf3Ufhs3is7F9IGnsBizQ2xsbGxsrItL+ZflX5Z/uXGjtrYxY4boXHb7vmOcbGQj29Sp6svqy+rLKSmiYzF94QLC2H3oYe5h7mF+6KH2Ie1D2ofs3Kn9Ao6JEZ3LbvEQD/E1NRADMRATE6N4K96Kd3a26FhMn7iAMPYT+lN/6k/e3q5GV6OrMS1NuztwoOhc9qLVtJpWX7liWGRYZFgUGWnJteRacktKROdi+sZrIIz9G7Isy7LctSscgANwoPHgpv79ReeyFyVSIiVeumTba9tr2xsRoeaquWruxYuiczHnwCMQxv6JVjgefxwICCgrS1vjePxx0bnsRTmUQznnzjUsaFjQsGDkyDMbz2w8s/Ef/xCdizkXbiRkDAACQwNDA0ONRgiBEAgpKNBt4UigBErIycFBOAgHDRzIhYO1JB6BsFZNmi3NlmYPHQprYA2s2bdP26uqXTvRuexFGZRBGamp7nXude51kyYV+hf6F/rX1orOxZwbr4GwVklaK62V1o4dC8EQDME7d2qFw8NDdC67xUAMxGzd2rZL2y5tu7z0Ug7mYA7W14uOxVoHHoGwVkUaJA2SBsXH4xScglPMZu2sboPupnJ/6Bjvp/ZT+731lug8rHXiAsJaBTlZTpaTExLADGYwr1ghOo/93wDIIBNBOIRD+IIFymRlsjL5vfdEx2Ktm+7eeTF2Pxo7xqW/Sn+V/pqUpNvCYQQjGO/dw9t4G2/HxXHhYI6ERyDMqfzQMX69/fX217dtgzRIg7Tx40XnspsJTGC6dcs21TbVNnXcuJLQktCS0EOHRMdi7J/xCIQ5hT4pfVL6pHh5tYtrF9cuLi1Nr4WD1tJaWnv9uo1sZKPhw7lwMEfGIxCma8E7g3cG7+zSpf7P9X+u//PBg9pdSRKdy26hEAqhf/sbdsbO2DkiwrLYstiy+MIF0bEY+yn8GC/TpaAxQWOCxnTvXu9W71bvlpWl3e3ZU3Quu/0efg+/Lytz6evS16VvRIR24t/XX4uOxdj94ALCdMU4xTjFOOU3v2mIbIhsiDx0CFbACljh6ys6l90ICKioyBBkCDIERUUV+xX7FftduyY6FmP24CkspgvGs8azxrPh4TSdptP01FTtbvv2onPZbR2sg3VpaW7+bv5u/hMmcMc40zNeRGcOzfhfxv8y/tczz9j62PrY+jTuiqu/wkGf0qf06bZtMBtmw+znnuPCwZwBj0CYQ9J2xZ02jU7RKTr1l7+gCU1o0t8Z4xqzWVEURVFee0275jPGmXPgEQhzKD90jMsgg7xli+4Kx/cd49SNulG3N9/UCse8edoHuXAw58IjEOYAEOW18lp57Z/+BNtgG2xbsEB0IntpI6X6esNgw2DD4Fde0U78+/BD0bkYa0n6eWfHnIrW+Ofu7hHqEeoRunUrREM0RE+aJDpX09y+jZVYiZWxsVrhaOxHYcy58RQWe6D6rey3st/KX/3K447HHY87+/djNEajHgvHXJgLc7/9FsuxHMtHjFD8FD/FjwsHa11cRAdgrUNIRUhFSMXDD9Ntuk23MzNxFa7CVUOHis5ltwEwAAZUVsJe2At7f/tb5ZJySblksYiOxZgIvAbCWpR2VKyPj+Gu4a7hbuOeTn37is5ltzAIg7AvvoBcyIXckSMVVVEV9e9/Fx2LMZF4Cou1iMDqwOrA6t698TP8DD8rLNTu6q9w0BJaQktOndIKx6BBXDgY+z88AmHNytjT2NPYMyiI2lJbapuRAQgI+MgjonPZbSWshJVHj3rEesR6xI4de/LayWsnr1VXi47FmCPhEQhrFsZ0Y7ox/be/tSXbkm3JR47otnBEQzREf/QRLIAFsCAykgsHYz+ORyDsF5E6S52lzlOmoD/6o39j34Obm+hc9qKdtJN2rlunPqE+oT7R2DFus4nOxZgj4xEIaxJZkiVZmjsX/xv/G/87OVm7q6PC0XjGuAUsYFm2TCscc+dqH+TCwdj94BEIswOiTDLJtHSpdlb30qWiE9mLkiiJkhoawApWsM6apUar0Wr05s2iczGmR1xA2E+KjY2NjY11cSmXy+VyOSkJ9sAe2PPSS6Jz2W0WzIJZd+9iKZZi6eTJFrPFbDF/8onoWIzpGRcQ9m/1MPcw9zA/9FA7j3Ye7Tw++gg34Sbc9NxzonPZLQiCIOjGDaqmaqp+5hl1h7pD3ZGXJzoWY86A10DYv+hP/ak/eXu3/7r91+2/zs7Wa+GgAiqggsuXDVcNVw1XhwzhwsFY8+OtTBgAAJhiTbGm2EcfhTbQBtpkZ+OH+CF+GBwsOpe96ASdoBPl5aSSSurQocp8Zb4yv6xMdC7GnBEXkFZO698ICKAqqqKqY8dwG27DbX36iM5lt8EwGAYrSn1ZfVl92dChZyaemXhmYkWF6FiMOTPezr2VkiRJkiRZpm/pW/r24EE4CSfhZOfOonM1zWefucx0meky89lnlZ5KT6Xnd9+JTsRYa8BrIK2MdlTskCFQDMVQfOwYrIE1sEaHhSMKoiBq3z4vi5fFyzJqVHHP4p7FXDgYe6D4KaxWQlorrZXWjh0LwRAMwTt3YjzGY7yHh+hcdkuFVEjdsEE7f4Mb/xgTiUcgTk7KlDKlzFdfRU/0RM+9e/VaOGgLbaEtiYla4Zg9W7vLhYMxkXgNxEnJyXKynJyQAItgESxasUJ0Hns1doyjFa1onT1b7af2U/tt3Cg6F2Ps//BTWE6isWPc44DHAY8D77+PC3EhLnzrLdG57PZ9x7i21ciUKepkdbI6uXGvLcaYI+E1EJ3rk9InpU+Ku7tnmWeZZ9n27ZAGaZA2frzoXHaLh3iIr6mBGIiBmJgYxVvxVryzs0XHYoz9OC4gOqUVDi8vz0TPRM/Exj2dRowQnctetJpW0+orVwyLDIsMiyIjLbmWXEtuSYnoXIyxn8drIDoTvDN4Z/DOLl3qE+sT6xMPHtTuSpLoXPaiREqkxEuXbHtte217IyLUXDVXzb14UXQuxtj946ewdELbo+o//qPukbpH6h7JzdXu6rBw5FAO5Zw717C3YW/D3rCw0+bT5tNmLhyM6RFPYTk403rTetP6J5+0dbB1sHXIyoL34D14z9dXdC57UQIlUEJODq7AFbgiOlpRFVVRb94UnYsx1nRcQByUNFIaKY0MCdEWxdPTMQRDMKRjR9G57EUZlEEZqanude517nWTJhX6F/oX+tfWis7FGPvleA3EwQSWB5YHlo8ZA92gG3TbvRuDMAiDPD1F57JbDMRAzNatbbu07dK2y0sv5WAO5mB9vehYjLHmwyMQByEfk4/Jx6ZOpcE0mAZ/8AGa0IQmV90V+MaOca3xT4d9KIyx+8YFRDDpiHREOjJvHqZgCqasXg0KKKCgfv5cZJBBJoJwCIfwBQuUycpkZfJ774mOxRhrebp7h+scEOUb8g35RmIiDINhMGzhQtGJ7GYEIxjv3cNbeAtvTZtmmWyZbJn88ceiYzHGHhwuIA9IOIVTOLm6Vv+5+s/Vf960SSscL7wgOpfdTGAC061btqm2qbap48aVhJaEloQeOiQ6FmPsweM+kBamnb/Rpk31N9XfVH+Tmoq7cBfu0l/hoLW0ltZev24jG9lo+HAuHIwx/cy168zTHZ/u+HTHtm3v/O7O7+787vBh+Aw+g89CQkTnsttCWAgLv/rKMNAw0DAwIuKU3ym/U37/8z+iYzHGxOMC0iIQ5Xw5X85PTYU5MAfmjBkjOlHTnD1re8j2kO2hkSNL8kvyS/IrK0UnYow5Di4gzcw4xTjFOGXiRPqCvqAvdu0SncduBARUVGQ4YDhgOBAVpY04rl0THYsx5nh4DaSZUSfqRJ3+8z9F57DbOlgH69LS3FLdUt1ShwzhwsEY+zlcQJqJMd2YbkwPCIBcyIXcfv1E57lvH8FH8NGWLV4DvAZ4DYiJ4a1GGGP3ix/jbSbUg3pQj759Reewj9ms9FJ6Kb1ee+3774JEJ2KM6QePQJoJlVIplXboIDrHj/q+Y1w7Y/yNNxRFURRl3rzv03PhYIzZjQtIMyEjGcnoeGsGdIpO0an6ejyP5/H8jBmWSkulpXL1atG5GGP65yI6gLN4rPyx8sfK6+qomqqpuvGdvUDfd4wbrAarwRoTY1lvWW9Zv2eP6FiMMefBI5BmUpxWnFacdukSLIElsOTMGVE5qJAKqfDaNfqKvqKvfvtby8uWly0vZ2aK/vkwxpwPF5BmRlfoCl1ZvlzMV7dawRd8wXfoUPWQekg9VFgo+ufBGHNe3EjYIhCly9Jl6fK+fRiFURgVHd1iXyoMwiDsiy9wOS7H5RERljaWNpY2FRWifwKMMefHI5AWQeT5pOeTnk8+/zy8C+/Cu7m5zf4lvv+8hgWGBYYFYWFcOBhjDxovoreQitqK2orae/d8Pvf53Ofzjz4CBAR0c6NiKqZiWcbNuBk3u7nd7+fT/r/aWqzHeqxftQpWwkpY+cILloWWhZaFNTWiv1/GWOvDU1gPWGBoYGhgqI+Py1cuX7l8NWEC7aW9tHfIELpO1+m6v3/jf4cP48P4cEUFvUPv0DvHjtF39B19l5LCmxoyxhzF/wKeYeMy/zPC/wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0xMi0xNVQxNTo1NzoyNyswODowMKIRvi8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMTItMTVUMTU6NTc6MjcrMDg6MDDTTAaTAAAATXRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl9jazFiemEwemo5ampkY3hyL3JpZ2h0LnN2Z7O3J80AAAAASUVORK5CYII=');
+  background-size: contain;
+}
+
+.icon-refresh:before {
+  content: ' ';
+  display: block;
+  width: 16px;
+  height: 16px;
+  position: absolute;
+  margin: auto;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 9999;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIEAYAAAD9yHLdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAMQpJREFUeNrt3XlcVHX3B/Bz7rCISi6IC+ijkpZpIswMyBLgluVuKm4pqWmEuG/hUpr5uFYoiuaSFrklZvroo+jPFRURZgYVxZ1K3HIXUBSGe35/XC9PWpYL8J2B8/6H1wwGn3sb5sz93u/3fAEYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOM/QUUHYCx59F0ddPVTVdXq5YXkxeTF1O3Ll7H63jdzY3eoDfojTp1UIta1FatCm/D2/C2kxPchttwu0oVyIRMyKxShVpSS2pZuTIkQzIklyuHv+Av+IudHURBFERJkvJbKlQo+IWhEAqhsgz2YA/2d+8WPP/oMXWkjtTx4UMMwAAMuH4d2kE7aHf9OoVQCIX8/jvuxJ2489o1WkJLaMmlS+AHfuB37hwmYAImnDtnNBlNRlNGhvJDiUSfX/ZygiiIgqhMmayJWROzJgYF4Xbcjtv9/akX9aJerq7QE3pCTwcHiIEYiMnMxNpYG2ufOYNTcApOOXDAcNZw1nA2KUn0cTwrLiBMKO+z3me9z9asKa+V18prtVr5tHxaPv3mmzgaR+Nod3cYCANhYMOGyr9+9VXla9myonMXFoqmaIp+8ADDMRzDz56FTtAJOh07RgmUQAkGA17Da3jNYMjrldcrr1dKyrGxx8YeG3vvnujc7I8QdbG6WF3skCFUjapRtYkTcSSOxJHVqr3Yz0tNVb6OH280Go1G43//K/oIn3rkogOwkgzR09bT1tPW3V3jrHHWOLdoIRtkg2zw84PTcBpO+/jgGByDY2rWFJ3U0tEiWkSL8vNxDa7BNSdOkAM5kMOuXTgYB+PgnTvz1uStyVuzbx8XmOKh0+q0Oq2tLW2hLbRl9WrsgB2wQ7duhf17aAWtoBWzZpncTe4m94gI0cf9JC4g7KU0oSbUhCpW1FTTVNNUa98eTGACU9u2uAf34J6WLWEuzIW5VauKzlni6UEP+txcZYju0CGoDtWh+pYt+QH5AfkB69cfxaN4FH/9VXTMkkJ3UXdRd3HBAuWKMTy8yH8hAQENH64MeUZFiT5+FRcQ9kwaN27cuHHjSpVsbW1tbW2DgxEREbt2Vb7bvLny1dZWdE721+gz+ow+S06W+kn9pH7r1+fdyruVd2vdOi4sz0f7rvZd7bs+Pvgv/Bf+KyEBjGAEIxb5+yjNp/k0PytLE6mJ1ES+9lpybHJscuzVq6LPBxcQ9hjlJqCNTbY+W5+tb98eFsEiWNS3LxyDY3CsXTvlsb296JzsJT2aHEBdqAt12bULMzADM5YsgQ/hQ/hw0yblk25enuiYlka7XLtcu3zTJozGaIzu2LG4fz85kzM5jxxpijPFmeLmzhV9PriAlHKefp5+nn4uLtgQG2LDQYOwDJbBMh99BIfgEBxycRGdjxUvOkSH6NDVq7gEl+CSFSvMx83Hzcejo49+c/Sbo99cuiQ6nyjKPY8qVchABjJcuYJe6IVeNjbFHqQNtIE2W7YYpxmnGad16CD6vEiiA7DipfwhNG6sS9Wl6lJ/+EF6KD2UHv76K6ZgCqZMmcKFo3RDX/RF3+rVYQWsgBXjx9uQDdlQero2XZuuTV+2zOui10Wvi6+9JjpncaMP6AP6ICBAWOFQc0RQBEXUqSP6fKj4CqSEKxizvY7X8fqkSaADHejati2usVtWwqhDX+2pPbXfsIFqU22qPW1aSl5KXkre0aOi4xUV3QPdA92Df/8b/MEf/CdMEJvmwgVlem/t2qLPC1+BlDAe8R7xHvENGypXGuvWFdzsAwCAdu24cLCXshgWw2JJUqetSv2l/lL/lBT19abfot+i3+LmJjpmYaMbdINu1K0rOgf4gi/4irsCehIXECvX5OMmHzf52NVVO087TzsvJkZzSnNKcyo1FRAQMDiYCwYrUurr69HrTa4iV5GrnDihu6O7o7sze7Y6e090zJeFC3ABLnjRhYGFiICALGe2IxcQK+OT4ZPhk+HgoNPpdDrdp5/agA3YwOnTGIMxGNO3r/oJUXROVjopK+rLlIGW0BJajh1rF2gXaBd4+rRut263bndIyKN/ZX0faHbADthRrpzoGCCDDDIXEPacPL/0/NLzy8DAXKdcp1ynlBTl2alT1Z5OovMx9pcSIRESnZ1hLIyFsd9/rxunG6cbt2+fOtQqOt4zQ0BAC3jj9gIvEHgT/0lcQCyUcqVRubJypfHdd9IZ6Yx0Zu9epWnf66+LzsfYC9kFu2BXQIDmjOaM5ozJpCMd6WjKFLU1iOh4Fo+vQNjfUWdN5Z7OPZ172mBQnv3gA76XwUoUdUGqHvSgnzwZpsJUmJqQoP9C/4X+C/6A9DTkTu7kzlcg7JHg4ODg4GCNRv0kpvwhHTiAn+An+IkFzPpgrDhMhskwWa+nS3SJLhmNWq1Wq9V+9JHoWJYGwzAMwzQa5ZH4e53CA5RW+vv6+/r7tWqlD0oflD5o9271k9jjLxDGShl1nxZERFy8WHtVe1V7deNGtWmn6HiWol5Uvah6UeKHsizmUqi00J3SndKd6tRJNskm2bR8OY7H8Ti+cmXRuUobSqIkSsrJUVYW37sHw2E4DH+Gwn0QDsLBihV5SLF4YDtsh+06dbLxt/G38U9OVu6VdOmi9OpS980oerSX9tJeRGyGzbCZ6LMCUPZh2YdlH6pDWQ8fisrBfwDFRNtH20fbZ8IELItlsey0afwG9ILCIAzCHj6kntSTep49C6thNaw+fRpDMARDTp/GbtgNu506BTNgBsy4cEFpQXHrltnb7G32vnXLYaLDRIeJt24l1kqslVgrJ+d5f/3jzSadneVj8jH5WNWqmmhNtCbaxYXqUT2q5+xMy2k5La9ZU9mBsHFj/Ba/xW8bNVKuNF9/HQxgAIOdnejTaXW8wAu87t3DbMzG7IEDDSsNKw0r164t6l+rzdJmabNMJqWAeHqKPg1mg9lgNlSqpHRTvnNHVA5+Aysij88qWbhQmQY4cKDoXJaODtABOpCeDtfgGlw7cADfw/fwvf37lfN34ICbm5ubm9vZs7GxsbGxsfn5ovM+L/V1kT83f27+3Pr1bZbYLLFZ4u5OJ+kknQwMpP20n/a3aMGz7Z4RAQF99ZVyRTJunPKkLBf2r9Fu0W7RbklJwck4GSd7eIg+bOW4nZ2V475xQ1QMHsIqZMoWra+8kt8zv2d+z9hY5dnWrUXnshjhEA7h2dlwAS7Aha1boTW0htYbN5pjzDHmmPj4ow5HHY46PL3rq9IDSPRBvLiCNumBEAiBaWnKs+rXtWuhLJSFsn/oknwOz+G5Fi0wHuMxvkUL6A29oXeHDkpBrVJF9PEIh4CAo0frknRJuqS6dW1r2NawrdGnz4teYVoLZYtjSVI2cBOXgwtIIVH/4M3VzdXN1bdsUXo7iL/UFev+faX99O7d0AJaQIvY2JwbOTdybmzYkDYlbUralOxsmAJTYIronJYnJSElISXh8mXl0cqV0AAaQIOVK9VZe+nn08+nn/f1LWhZQ0BAvXuX2sISBmEQ1qVLHuVRHu3Z4z7HfY77nI4dlS1+r1172R+P+ZiP+Tzk/CQuIC9JWejXoIHyyXrnTmgGzaCZq6voXMVN3fEOHdERHRcsKN+8fPPyzdet24f7cB8+eADTYBpME53S+j0+dHfggPpVmZUzblyF7yt8X+H7Nm0gEiIhMjQUVsJKWPnOO6XmnhsCAjZtalvHto5tnQMHlL/PNm2UK9fz50XHKyz2SfZJ9knip/GW/BdUEfFM8EzwTKhXT1otrZZW79tXavbReLT3tjLdctMmnIpTceqSJYb2hvaG9jt3io7HHlfwOh0qDZWGDh2q3IT+8MPS0gKHIimSIn//HbpBN+jWurXpmuma6dqxY8/7c3QjdSN1I48ehXiIh3h3d9HHJblJbpJbjRqit7blAvKcvDt4d/DuULeueb15vXn9vn3oh37oV6uW6FxFpWC6axZmYdaCBTZbbbbabP3qq8O9D/c+3Pv330XnY89H2RDKySn/Qv6F/AsffYRDcAgOGTWqpA99USIlUuLNm+iDPujTurVyRWJ65rsHllZAZHvZXrZ3dX18qLP48RDWM1IX/pkTzAnmhF27SmrhoGRKpmSzGebDfJi/Zk2+lC/lS599drTi0YpHK/76q+h87OUk10yumVzz5k3l0YwZDdc1XNdw3fz5DjkOOQ454eFUn+pT/YkTcSgOxaGOjqLzFhalcDg5KY9271b+ntu2NZQ1lDWUVffL+RvxEA/xljMEKLvL7rI7IiRAAvxz+iIjfAzN0qn7bdBb9Ba9tWdPiWsxogMd6IigA3SADuvWaS5rLmsuN2pkGm4abhoeEqLMM+fCUVKldU/rntY9O9v4gfED4wezZtEYGkNjGjSAYAiG4KVLCz5QlCgVKtBaWktrt29X7pE0b/6P/0kgBEIgkejkKvvR9qPtR4svaMIDWCp1Ixw7WztbO9uEBOUSv0ED0bkKjT/4g/+5c8rK6o8+Ui7p9+wRHYtZFrXtunRdui5dX7oUp+N0nO7nJzpXYVGHaKVvpW+lb7t2NXxk+Mjw0bZtT/47pdCo904aNxadW5l1V7u2Mi38wgVRMfgK5AnqSmPb8bbjbcevW1dSCof6SZKaUTNqNnu27VjbsbZj3d25cLC/cyTwSOCRwLQ0U1dTV1PXgAByJmdyHjlS+e79+6LzvSz0Rm/0dnAgIxnJuHGjsrPne++p31c6SAQEwAgYASMsYEfCR+Tecm+5N1+BWBztae1p7emoKOyNvbH30KGi8xQOkwnLYTksN3CgId4Qb4hXN6Ri7MUon8hffVV5tHSp8vUZhoIsXMGQ3VbYCluPH7eYledPUFqZ1K0reoiZC8gjavtotQuo6DwvTL2nYQADGL7+uryxvLG8MSJCWY9R0saymWVA1LvoXfQuI0bIF+WL8sXZs5UmlZazb0VJo3HRuGhc3NySNidtTtr8yy+icpT6ISx9qj5VnxoUpBSOBQtE53lRdJgO0+HMTPkr+Sv5q27dlLHRMWO4cLCiR2S4bLhsuBwZSV/T1/R1y5Z0iA7RIXHrE1jxKLUFRNlfoE4dpVvr+vXKs+L767+Y1FTNVc1VzVUvrxTHFMcUxw0bRCdipVPKmJQxKWPi45V7bTodTaAJNOEZpsmy55IXlBeUF1T4TSOfV6krIGovIRu9jd5G/8MPVruAahksg2U//qg88PFR5vefOSM6FmMA/+vl9SD/Qf6D/ObN6Uf6kX785hvRuUoKzWDNYM1g8QWk1I1Rnrc/b3/e/pNPlGaHb70lOs9z2wSbYFN0tLGmsaax5rBhypPiX0iM/RVlnUlurvIoLEz3ve573fe//gpREAVRM2eKzmet8lvlt8pvJX47g1JzBaIP1AfqAz09ldlIkyeLzvO8aAWtoBWzZimFY8gQ5VkuHMy6FCxYnEbTaFp4OIRCKITy6/h52bjauNq4ij9vJb6AKF1K7e3pHt2je99/by07wdEiWkSL8vPhM/gMPgsLM7mb3E3uERGiczFWGExtTG1MbRYuhMWwGBb37as8m5cnOpe1eOj90PuhNxeQIlehZ4WeFXqql8oWsIL0n6ifyE7BKTj1wQfGTsZOxk48dsxKJmUh6+rVFEIhFNKjR8EHJ/a3bNfYrrFdwwWkyHh+6fml55eBgbARNsJG9V6B5aOVtJJWDhtmCjGFmEJWrRKdh7HioPRe+/lnyIRMyBw9WnQeS2e7yXaT7SYuIIVOnWUl1ZfqS/WjopRLZPEbr/wT8iRP8pwyxRRvijfFR0eLzsOYCKZWplamVvPm0WbaTJvV6fXsSXmd8jrldRJ/pWbxb6zPKz09PT09/aOPYCpMhalNmojO848ezaoyLTMtMy37/HPRcRizBPI5+Zx8bvBg8AEf8Ll+XXQeS1PmtzK/lfmNr0AKjU+GT4ZPRuXKysYxX3whOs8/WgSLYNGGDY9Px2WMAahNHK9fV3b6DA8XncfSZEVkRWRFcAEpNHmYh3k4derjG8dYHppBM2jGmTOaSppKmkr9+yvPin8hMGaJlJY8sbE8pPW4SmMqjak0hoewXpq+j76Pvs+bb5ILuZBLaKjoPE8VDuEQnp0tl5HLyGXeey+pflL9pPqZmaJjMWYNzKvMq8yrwsOVfTBu3BCdR7RsXbYuWye+gFj9SnQ6SSfp5FdfWXr3TzKTmcwffqjuryA6D2N/5BXsFewVXL268qh6dfm8fF4+b2+PU3EqTnV0pMk0mSaXL6+8gf9Fz7gFsAAW2NjQEBpCQ/6wFe7H8DF8fOcOfoPf4DfPsKMfAgLev4+f4+f4+cOHT36belJP6rluHfwIP8KPgweLPm/F7lG3beMS4xLjEvHrZqy2nbtOq9PqtE2bKi+4xETReZ6G3qF36J3ISNN003TT9FGjROdhpZPSPLRiRRudjc5GFxKi/N107qxcGXt5QTREQ3T58qJzsn+gBz3oc3ONi42LjYvt7UXHsdohLNpKW2nr+PGiczzVRJgIE9PSMqtnVs+sbsE5WYmm3abdpt02eLDmoOag5uD580rhmDdP+W7z5lw4rExTaApN1d5i4lnskM/TFNzz+Iw+o886dhSd508erSSXt8vb5e0DB55bfG7xucV/vhRnrCjpZutm62ZHR8MkmASTSuFQT0mlAQ1oxA9dqazuCoReo9fotYgIMIIRjOL3BP6TztAZOkdFpSxOWZyy+NAh0XFY6aIM7Q4bVmrvEZRwVJfqUl3LuQKxmgKi36Lfot/i5kaTaBJN6tFDdJ4/GQtjYeyvv+bszdmbs/fTT0XHYaWLUjgqVFCGOHhBaollYUNYVlNA5GPyMfnYuHEWO9tqNsyG2aGhyv4H2dmi47DShcpTeSrfpw8kQRIkVawoOg8rIjLIIPMQ1jPzPut91vvsK6/gT/gT/qS2fbY0O3YoC5527BCdhJVO2AybYbOWLUXnYEWMgIC4gDwzcw9zD3OPnj2VR2XLis5T4LGNcHiWFRNMBzrQubmJjsGKFgZgAAbwENYzwxbYAluoLT8syFW4ClfXrFH2MzCZRMdhpRu1ptbU+g8L+FgJxlcg/8gj3iPeI75hQ9gDe2CPj4/oPAXCIAzCHj7UJGuSNcl8s5xZBpyEk3DS7duic7Ai1hyaQ3O+AvlHmhRNiibFAq88FsEiWLR8edLmpM1Jm3/5RXQcxgAAoA/0gT7nzomOwYrYHtgDe65eFR1DZXEFRJmOaGurbLBkQTfNH93zkDZJm6RNc+eKjsPYH+FwHI7DeRJHiXcQDsJBy+mlZ3EFRF4vr5fXv/sujsSROLJaNdF5CiyGxbB427bkmsk1k2ueOSM6DmN/ZH/C/oT9idhYZT+cmzdF52FFQ+or9ZX6xsaKzlGQR3SAPwXqJnWTullgi5JdsAt2qT2EGLMsB28evHnwZlYWtISW0HLyZNF5WFHYuDE5Njk2OfbIEdFJVBZWQBBhNIyG0W3aiE6iomk0jaadOGGsaKxorLhzp+g8jP0dU7wp3hQfHU0hFEIhP/wgOg97Sf7gD/7nzklukpvkFhYmOs6TLKaA6AP1gfpADw/4Gr6Gr11dRedRKbNboqOVR8+wnwFjFsA03DTcNLxfP+XRzJm0iBbRIvEbELFn1BJaQsv9+8255lxzbrNmypWH5dw8V1lMAVFaMLRtKzrG4/LylJWfljPmyNizk2VlndL48VKUFCVFeXjQJtpEm9asocN0mA7zjpjCPdogSpmeq+5r9P77xtnG2cbZzZod/eboN0e/uXRJdMynsZhuttqftD9pfzp4EKfjdJzu5yc6D0RCJETGxRkDjYHGQMsZUmOsMDRc13Bdw3V2duViy8WWi23Y0DzLPMs8q1YtTT9NP00/Z2c5W86Ws//ccw5H42gcXb48mMEM5r/YmTAKoiCqXDlaQStohZ3d8+bCnbgTd5Ypo3S1dnB40eOjZbSMlt27Bz2hJ/QshHUTs2E2zM7MxLfxbXz7+a/kcASOwBFEspPsJDtdvy6Nk8ZJ465exbbYFtsmJSmTc6xv8oPwAuKT4ZPhk1G5cu6V3Cu5V65dwzAMwzCNRnQumANzYM4HHxhbGFsYW8TEiI7DGGOWRnhXW/N483jz+Nat8SSexJPiCwdFUzRFP3hg42TjZOO0caPoPIwxZqmE3wMhLWlJazmtSjAcwzE8Li6pflL9pPo8RswYY08jvIDAG/AGvOHtLTqGSpm2+3//JzoHY4xZOmEFJIiCKIhsbJQuoh4eok+Eit6it+itPXtE52CMMUsn7B7I/e73u9/v/uabmI7pmP7isy0KzQgYASOuXUtxTHFMcTx1SnQcxhizdMKuQPL75PfJ7+PlJfoEqCiLsihr9+5Hj3jBIGOM/QNx90BOwAk4odOJPgEFJ2KptFRaunev6ByMMWYthBUQvIk38aZeL/oEqEgiiaTkZNE5GGPMWggrIDSLZtGs+vVFn4DH9zbnex+MMfasir2AqCvPsSk2xaavvCL6BMBxOA7H09OVnkH374uOwxhj1qLYC4j5ffP75vdr1xZ94AUOwkE4ePy46BiMMWZtir2AyF3lrnLXOnVEH7iKfMmXfE+cEJ2DMcasTfHfA2kEjaDRv/4l+sALTsCv0q/Sr6dPi87BGGPWptgLCLqjO7pb0BXISlpJKy1voxbGGLN0xX8F0gbaQBvLKSDSIGmQNOj6ddE5GGPM2hR/ASEgoBo1RB+4StnA6sYN0TkYY8zaFHsBoZk0k2ZWqiT6wFXZKdkp2SnXronOwRhj1qb4r0DKQBkoU6GC6ANX3L2b1j2te1r3QtjykjHGSpniLyB2YAd2llJAeOEgY4y9qOKfhbUcl+Nye3vRBw6+4Au+3HWXMcZeVLEVkODg4ODgYI0GjGAEI6LoA+cCwhhjL6fYCkhKQEpASoCNsA2sGGOMFa5iKyB21e2q21XnT/yMMVZSFFsBUWY75eWBDnSgs4BCcggOwSELGEpjjDErVcw30YnAG7zBW/y0WepDfahP5cqiczDGmLUq/mm8RjCCMSdH9IFjOIZjeJky/k7+Tv5Ojo6i8zDGmLUp/gISBEEQdOeO6ANXPajzoM6DOlWris7BGGPWpvgLyByYA3Nu3RJ94CpyJmdydnYWnYMxxqxN8ffC2k7bafvNm6IPvOAE+Ev+kj9fgTDG2PMq/pXoC3EhLrSc5oWyXtbL+po1RedgjDFrU/xDWJWhMlS+cEH0gauwMTbGxg0bis7BGGPWpvgLyApYASsyMkQfuIrKUlkq26iR6ByMMWZtir+AAACABV2BfIqf4qdcQBhj7HkVewGR58vz5fmnT4s+8AKJkAiJzs4e8R7xHvE8G4sxxp5VsReQepH1IutF/vILRVM0RT94IPoEFJyIddI6aV3jxqJzMMaYtdAU9y9MS0tLS0sjcnF0cXRx7N4dfoPf4Ldq1USfCGm7tF3afvbsZfNl82Xz/v2i8zDGmKUTdA8EAKpAFahiMok+ASoaQSNoRIsWonMwxpi1EFZA6Cf6iX46dEj0CSjI05k6U2c/P58MnwyfDAcH0XkYY8zSCdvgCQEBwXIKiNpcMdc31zfX19dXeXb3btG5GGPMUgm7AjGajCaj6cQJ5dHdu6JPRIEBMAAGNG8uOgZjjFk6cfdAAABAlpWvhw+LPhEFMiADMt55R3QMxhizdIILCAAYwAAGCxrKmopTcaqXl8cwj2Eew+rXF52HMcYslfgCchfuwt2DB0XHeJLGXeOuce/RQ3QOxhizVMILyN2YuzF3Y+Lj6TAdpsOZmaLzFFgIC2Hh+++LjsEYY5aq2BcSPunWtlvbbm3Lz3eRXCQXydMTzsAZOGMBvakQELBKlZpv1Xyr5lubNl1Ou5x2Oe3qVdGxGGPMUgi/AinQGlpD640bRcd4krxUXiov7d1bdA7GGLM0llNAhsAQGLJ1K+hBD/rcXNFxVHScjtPxDz90n+M+x31OuXKi8zDGmKUQPoSlunLlypUrVx4+dIl0iXSJ9PeH7bAdtterJzoXxmEcxjk4SD2lnlLPS5eurLqy6sqq5GTRuRhjRcfrotdFr4uvvVa9SvUq1av4+ro2c23m2qxBg2oPqz2s9tDRMcAnwCfA5/ff1d5+ovOKImwl+tPgcByOwzduJIkkkt59V3SeglzZmI3ZI0Yoj775RvmqrmNhjFmj4ODg4OBgjSb9fPr59PP9+9NMmkkzx46VO8md5E6vvaZ0zAAgICAAkEACCQDS09PT09Pv3tVO107XTl+7Vr4qX5WvfvXVkagjUUeizp4VfVzFBUUHeJIyVFS1qu0523O25zIylHUidnaic6kohEIopEsX03DTcNPwn38WnYcx9vx0Wp1Wp61ShSIogiLWr8dZOAtnBQW93E/Ny4NBMAgGzZgBS2AJLJk2Tem4kZcn+niLisUVEJUuRZeiS1m7FgbCQBhoOesxaBftol0HD5oqmiqaKr71lug8jLFnpwxNOTnJHeWOcscDB5TZlg0aFPovagNtoM2WLXer3q16t2q3bueGnRt2btjDh6KPv7BZzk30J3mAB3ioQ0WWA1tiS2zp76+7qLuou9i2reg8jLF/pg5VyWlympy2YUORFQ7VNtgG29q3f6XtK21faTt3rujjLyoWW0CMaEQj7tsHARAAASdPis7zJEqlVEqdPVt9YYrOwxh7uvT26e3T248ZA+NhPIwPDCyu34uzcTbODg319PP08/TT60Wfh8Jm8W98NSrWqFijoq0t3sf7eN+Cbqrvxt24u2rVW7du3bp169IlZRaZ0Sg6F2Psf7wWeC3wWtCokTIpZ80a5Z6qTfFNHroCV+AKIprRjGZJUt4nNm8WfV4Ki8VegajyLuVdyrv0/feUREmUlJMjOs+fzIW5MHfqVH8nfyd/J0dH0XEYYwBBFERBZGMj15HryHW++w4WwSJYZG8vNlXJu2dq8QUkNTU1NTX19m2IhEiIXLNGdJ4n4UgciSOrVXtw6cGlB5ciIkTnYYwBZK/OXp29etgwmAyTYbL4oSNKpmRKrl1bdI7CZvEFRCVfkC/IF2bOVP5HmM2i8/yJP/iD/9ix+kB9oD7Q01N0HMZKoybUhJpQnTqwH/bD/qlTRecpkAzJkIwWO+v1RVlNAVEX6OAMnIEzVq4Uneev2dqSjnSk++67husarmu4znLWrzBW8iHa7LfZb7N/0SLlDdtyWg/halyNqy9eFJ2jsFlNASmwATbAhmnTlAcWuEAnHuIh3t29TL0y9crU+/RT0XEYKw309fX19fXDw2EkjISRljPZpkAf6AN9jh0THaOwWV0BMRqNRqPx/HnqRb2o1w8/iM7zVB7gAR4REV51vep61fXyEh2HsZJI30ffR9/nzTflU/Ip+dTs2aLzPA2GYiiG7tghOkdhs7oCorLZZ7PPZp/lXomgF3qhl41N/on8E/knfvjB+6z3We+zr7wiOhdjJYHaHZvSKI3SYmPRG73R28FBdK4/CYMwCHv40DzPPM88b8MG0XEKm9UWkKTNSZuTNv/yC8RCLMSuWCE6z9NgAAZgwOuvmx3NjmbHmJhHz5a4m2mMFSebXja9bHotXVrkK8pfEt2je3Rv3bojgUcCjwRevy46T2Gz2gKiyvsp76e8nz79FIbBMBh2+7boPE+D7bAdtuvUSZukTdIm8b0Rxl6EvpK+kr7SuHHYCTthp169ROd5GlpEi2hRfj4NoAE0YMYM0XmKSon5JKzT6XQ6XViY8mjhQtF5nioUQiFUlukG3aAbnTqZJpgmmCZs2SI6FmOWTDtBO0E74Z13oDN0hs7//S+GYRiGWXALIQICWrZM6cY7aJDoOEWlxBQQhSRpN2k3aTclJuJUnIpTLf3m9d27+Aa+gW+89ZZhpWGlYeXx46ITMWZJ1FYksqPsKDvu3w9REAVRlSqJzvU0lEiJlHjzJjbFpti0QQOlgNy4ITpXUbH6IazHyTJ8Dp/D52Fh6iWk6ER/r0IFeofeoXd27dJ/of9C/8Xrr4tOxJglaPJxk4+bfOzqKq+QV8grtm619MJRYCtsha3jx5f0wqGy3EvAF3TlkRquNVxruDo74xk8g2e8vUXneqpESITEcuWoP/Wn/u3aVS1btWzVsuvX/2743fC7IStLdDzGipNPhk+GT0blyuAADuCwZ4+yolz81tb/hCbQBJqQkGB6z/Se6b2hQx89W+K3ui1xBUTlkumS6ZKZkAB+4Ad+ISFwES7CRcttdog7cSfurFRJ6i/1l/q/+67LWZezLmfXrVPK4f37ovMxVpSUHQIrVJCvydfka9u2QQzEQIzltwRSm7xiCIZgSLt2yt9ryZtt9TQlbAjrf5RLyLt35SA5SA4KCVFvXovO9Y/+Df+GfzdsqExP3L7dI94j3iPe2Vl0LMaKglo4oAW0gBZxcbAH9sAeHx/RuZ7ZQTgIBz/7TFngfOqU6DjFrcQWEFVKcEpwSvCuXeRDPuQzZ47oPM9Hq5UeSA+kBwcOeHfw7uDdoW5d0YkYKwwFhQMAALZvt7bCoW5t/er8V+e/Oj8yUnQeUUrYLKynU/cHyI7LjsuOi4+HSTAJJvn6is71rOgQHaJDV69KraRWUqu2bQ3xhnhDfEqK6FyMPQ9lun2NGsojdfq6Vis61zPzBm/wvnPHvNC80LzQ0/MoHsWj+OuvomOJUuKvQFT7cB/uQ7MZ8zEf8/v0ocN0mA5nZorO9azQF33Rt3p16kf9qF98vO6O7o7uzttvi87F2LPwzPLM8sx64w3lnuShQ8qzVlQ4HsEszMKssLDSXjhUJfYm+tNcXn159eXVt2/XqFejXo16GRl4GA/j4S5dROd6ZsmQDMl2dpAGaZDWo0eNcjXK1Sh3+/aV3678duW35GTR8Rj7Ix3pSEfNmuFaXItrd+yA9bAe1levLjrXi1m0yLjduN24fdYs0UksRakZwnoa5ZJaXbmurmS3VqtX53yS80nOJ6Ghad3Tuqd1z84WnYiVTrpVulW6VaNGKV2zZ81Sm4uKzvW81Om5D/If5D/Ib95c+bvKzRWdy1KUmiGspylvKG8obxg2DN6Bd+Cd7dtF53k5vXs72DjYONgcPlwwZMBYMVA2UCtfXpeiS9GlrF0LX8PX8PVXX1lr4QBf8AXfy5dxOk7H6d26ceH4a6W+gKj3RjT9Nf01/bt3p320j/ZZcUuRR9OApVgpVopNStJqtVqt9qOPlG9yF2BWuLTvat/Vvuvj44AO6IAmEwyEgTCwRw/RuV6Uuq4DEiABErp0UabnXrkiOpel4jeUJ6gtFGwCbAJsAg4fVj5JubqKzlU4DhzAztgZOw8caPjU8Knh09OnRSdi1qVgNmNMdkx2zOjRSouRL75QvmtrKzrfC3u0TkzuJfeSewUHpzimOKY4lrz9OwobF5CnUHcSlCvLleXKe/cqz5YtKzrXyyr4hPVoAZQ6jz02NjY2NtbSe4cxUTxDPUM9Q319sQN2wA4LF+JknIyTPTxE5yoseAWv4JVRowyXDZcNl0vvuo7nxQXkH+hO6U7pTnXqBO/D+/B+bKzyrBV/0noC7aW9tDclheIojuLGjlUXXorOxcTyuuh10euik1N+bn5ufu6sWTgTZ+LMAQPACEYwlqCh0P7QH/rPmGEcYhxiHDJhgug41qbkvBCKmH6Yfph+WNeudJAO0sE1a5RnS04hedyOHVgOy2G5iAhesFg6KLMRy5ZVNmYbOpRepVfp1XHjcDgOx+GVK4vOV9ioA3WgDgsWmKaYppimqM0P2fPiAvKclNlNXbpIzaRmUrO1a5VnS2AhUXuHLYbFsHjtWnm+PF+eP3lyil+KX4rfuXOi47GXUy+qXlS9KHv7ivMrzq84f9Ag+YR8Qj4xcaK6YFV0vqJCsRRLsd9+a3IzuZnc1I2eSn7X3KJS6mdhPa/Hb6699x6EQRiEPXwoOlehWwyLYbH06PXRu7d0XDouHT99Wrtau1q7+v/+zzPdM90zvUMH5fslaEijhFJ7T2l3andqdw4fXsGpglMFp/Pn6RV6hV6ZP7+kFw6IhViIXbJEKRzqrEQuHC+L//BfknLp37kz6EEP+h9/BAMYwGBnJzpXcaHP6XP6/MgRuA/34f68eZlXM69mXl2z5tywc8PODSuBhdVKKAWjaVNl5feAARAMwRDcp4/yXeufDPLMtsE22DZ3rrGqsaqx6qhRypNcOAoLF5BCohSSdu0gHMIhfO1aiIZoiC5fXnSuYjcMhsGw27fpOl2n6z//jANxIA5cu9ZtkNsgt0G7d/Nsr8Klv6+/r79fq5ZskA2yoUcPvIE38Eb//gXbApQ2j4ZeqQE1oAaffGIKNAWaAr/8UnSskooLSCHzCvYK9gr28MgfnD84f/DmzTgGx+CYmjVF5xKNIimSIn//Hd3QDd3WrwdXcAXX9etzYnNic2ITEnil79/TVtVW1VZ1d1dWRnfsCCfhJJzs3BmyIAuytNoSNzvqhdy/L++V98p7+/bldRzFo5S/4IqOp5+nn6efi4s0QZogTdi0CSbDZJis14vOZZnu36fRNJpGJyRIA6QB0oC9e+EW3IJbe/aUcyjnUM4hKUntGCA6aWFTF+Zl2mXaZdo1aiStllZLqwMDyZ/8yT8wEHfhLtwVGAhzYS7MrVpVdF5Lo25zoHld87rm9Y4dk39J/iX5F24qWly4gBQxdXokhVIohcbE4GJcjIu7dhWdy2p4gRd43btHs2gWzTpxQlnwdeKE0uTu5EnpXeld6d3jx/MG5Q3KG3TypNJm+7fflP+4+Me63ee4z3GfU66c3VG7o3ZH69bNn5o/NX9q3bo4GAfj4FdfhVbQClo1boxrcA2u8fBQJmE0agSLYBEssrcXfbqtS2oqEBBQ+/bKDqQXLohOVNpwASlWiLoFugW6Bf/+NxyDY3AsIoKHHgoXJVMyJZvNYAYzmG/cgFzIhdz/fcUojMKoa9cgBEIg5M6dZ/65QECg0WAwBmOwkxO0hJbQ0slJ+blVqkAe5EFelSqQCImQyFsQF5l20A7a/fyzpq+mr6Zvv35J9ZPqJ9W3nn19Shp+4xKkYEOoltASWn7/vfKsulMbYwwAgKIpmqIfPIBsyIbsiAhTK1MrU6t580TnYgouIIJ5xHvEe8Q7O2t2aHZodixfrkw7bN9edC7GRKJpNI2mnTiBE3EiTuzVSxmiSk0VnYs9jguIRUFU2q8PGoSIiKg2dStF8/ZZ6aQDHeiIIAIiIGLpUltbW1tb2xEjEmsl1kqslZMjOh77a1xALJQ6bRPSIR3SV63CIAzCoDffFJ2LsULlB37g99tvShv1jz9WWuXExYmOxZ4NtzKxUKZrpmuma8eOYSAGYqBWq8xCGjGCDtNhOsw3DZk1y8tTvkZF5QTkBOQEvPkmFw7rxFcgVkZdX4I9sAf2mDkTT+AJPNGnD8/mYpZvz578yPzI/MghQ44EHgk8EpiWJjoRezn8hmPl9Kn6VH1qUBD1o37Ub/585dnGjUXnYqXcoz3FoQt0gS7jxxtbGFsYW8TEiI7FChcPYVk5Q2NDY0PjffuUhQo6nTrUBT7gAz7Xr4vOx0oHdUU4jIJRMGr0aDgEh+BQ/fpcOEo2vgIpodQV0TaeNp42ngMHKiu4J0zglhisUIyAETDi2jWQQQb566+VvdHnzzcajUaj8f590fFY8eACUkp4n/U+6332lVfMn5g/MX8SGoou6IIuI0YonxRdXETnYxZuFIyCUZcugR3Ygd2sWeW7le9WvtvSpUqPsgcPRMdjYvAQVimhtnwwbTBtMG2YMycnMCcwJ7BuXWXr2g8/LNjXgzEAUDok7N+PNbAG1ggJuXvz7s27N1991RhsDDYGz5/PhYMB8BUIe4JnqGeoZ6ivLzbEhtgwLAyaQlNoGhyM4RiO4WXKiM7HChfNo3k079YtfA1fw9diYmQH2UF2WLJEaYd+8qTofMyycQFhf6sJNaEmVLGiTZxNnE1c166URVmU1bcv3sE7eCcg4PGtb5lly8tT2ubv26c0m/zuO8e+jn0d+/70E19RsBfBBYS9EHUnPPov/Zf+27mzsg6lc2eaTtNpemAgeqEXetnYiM5ZOt29C8tgGSyLi4McyIGcTZtyQ3NDc0Pj4lJTU1NTU2/fFp2QlQxcQFih8snwyfDJqFw51y3XLdft7bexMTbGxq1awTgYB+NatYI5MAfm1KkjOqfVerRlK1SBKlDl1Ck6Rsfo2O7dOAJH4Ij//CdnR86OnB379vEOj6w4cAFhxUq/Rb9Fv8XNTR4gD5AH+PmhCU1o8vGBTtAJOvn6Kv9KXQhpays6b7FT95RHQsLERGgADaBBYiJshI2w8fBhjMM4jEtMVLrT3r0rOi4r3biAMIui0+q0Oq2tLV2ki3TxjTfgS/gSvmzcGDMxEzMbNYIgCIKgWrXgB/gBfqhdW5k95uqKq3AVrnJ1tZid/fSgB31urrID4W+/QTWoBtXOnwc3cAO38+dhH+yDfenpShfa8+el8lJ5qfzJk8k1k2sm1zx7Vvkhxb+jImPPgwsIK1G8gr2CvYKrVzdfMl8yX6pZU1ouLZeWu7pCb+gNve3sKIIiKKJcOZgJM2GmnZ2UJWVJWXZ2NIkm0aRy5ZQFcYjkS77kW768ci8nK0uZrXT7Ni7ABbggKwuGwlAYmpmpdJHNytL8R/MfzX+ysiAO4iDuxo26H9T9oO4Hly/HxsbGxsbm54s+L4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYKzb/D4DEm9oGCaFQAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTEyLTE1VDE1OjU3OjI3KzA4OjAwohG+LwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0xMi0xNVQxNTo1NzoyNyswODowMNNMBpMAAABPdEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL2hvbWUvYWRtaW4vaWNvbi1mb250L3RtcC9pY29uX2NrMWJ6YTB6ajlqamRjeHIvcmVmcmVzaC5zdmejF0ikAAAAAElFTkSuQmCC');
+  background-size: contain;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/h5/src/components/verifition/Verify/VerifySlide.vue b/src/frontend/h5/src/components/verifition/Verify/VerifySlide.vue
new file mode 100644
index 00000000..c2f94ca3
--- /dev/null
+++ b/src/frontend/h5/src/components/verifition/Verify/VerifySlide.vue
@@ -0,0 +1,466 @@
+<template>
+    <div style="position: relative">
+        <div
+            v-if="type === '2'"
+            :style="{ height: parseInt(setSize.imgHeight) + vSpace + 'px' }"
+            class="verify-img-out"
+        >
+            <div
+                :style="{ width: setSize.imgWidth, height: setSize.imgHeight }"
+                class="verify-img-panel"
+            >
+                <img
+                    :src="backImgBase"
+                    alt=""
+                    style="width: 100%; height: 100%; display: block"
+                />
+                <div
+                    v-show="showRefresh"
+                    class="verify-refresh"
+                    @click="refresh"
+                >
+                    <i class="iconfont icon-refresh"></i>
+                </div>
+                <transition name="tips">
+                    <span
+                        v-if="tipWords"
+                        :class="passFlag ? 'suc-bg' : 'err-bg'"
+                        class="verify-tips"
+                    >{{ tipWords }}</span
+                    >
+                </transition>
+            </div>
+        </div>
+        <!-- 公共部分 -->
+        <div
+            :style="{
+                width: setSize.imgWidth,
+                height: barSize.height,
+                'line-height': barSize.height,
+            }"
+            class="verify-bar-area"
+        >
+            <span class="verify-msg" v-text="text"></span>
+            <div
+                :style="{
+                    width:
+                        leftBarWidth !== undefined
+                            ? leftBarWidth
+                            : barSize.height,
+                    height: barSize.height,
+                    'border-color': leftBarBorderColor,
+                    transaction: transitionWidth,
+                }"
+                class="verify-left-bar"
+            >
+                <span class="verify-msg" v-text="finishText"></span>
+                <div
+                    :style="{
+                        width: barSize.height,
+                        height: barSize.height,
+                        'background-color': moveBlockBackgroundColor,
+                        left: moveBlockLeft,
+                        transition: transitionLeft,
+                    }"
+                    class="verify-move-block"
+                    @mousedown="start"
+                    @touchstart="start"
+                >
+                    <i
+                        :class="['verify-icon iconfont', iconClass]"
+                        :style="{ color: iconColor }"
+                    ></i>
+                    <div
+                        v-if="type === '2'"
+                        :style="{
+                            width:
+                                Math.floor(
+                                    (parseInt(setSize.imgWidth) * 47) / 310
+                                ) + 'px',
+                            height: setSize.imgHeight,
+                            top:
+                                '-' +
+                                (parseInt(setSize.imgHeight) + vSpace) +
+                                'px',
+                            'background-size':
+                                setSize.imgWidth + ' ' + setSize.imgHeight,
+                        }"
+                        class="verify-sub-block"
+                    >
+                        <img
+                            :src="blockBackImgBase"
+                            alt=""
+                            style="
+                                width: 100%;
+                                height: 100%;
+                                display: block;
+                                -webkit-user-drag: none;
+                            "
+                        />
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script type="text/babel">
+/* eslint-disable */
+/**
+ * VerifySlide
+ * @description 滑块
+ * */
+import {aesEncrypt} from "./../utils/ase";
+import {resetSize} from "./../utils/util";
+import {computed, getCurrentInstance, nextTick, onMounted, reactive, ref, toRefs, watch,} from "vue";
+import captcha from "@/api/sys/captcha";
+//  "captchaType":"blockPuzzle",
+export default {
+    name: "VerifySlide",
+    props: {
+        captchaType: {
+            type: String,
+        },
+        type: {
+            type: String,
+            default: "1",
+        },
+        //弹出式pop，固定fixed
+        mode: {
+            type: String,
+            default: "fixed",
+        },
+        vSpace: {
+            type: Number,
+            default: 5,
+        },
+        explain: {
+            type: String,
+            default: "向右滑动完成验证",
+        },
+        imgSize: {
+            type: Object,
+            default() {
+                return {
+                    width: "310px",
+                    height: "155px",
+                };
+            },
+        },
+        blockSize: {
+            type: Object,
+            default() {
+                return {
+                    width: "50px",
+                    height: "50px",
+                };
+            },
+        },
+        barSize: {
+            type: Object,
+            default() {
+                return {
+                    width: "310px",
+                    height: "40px",
+                };
+            },
+        },
+    },
+    setup(props, context) {
+        const {
+            mode,
+            captchaType,
+            vSpace,
+            imgSize,
+            barSize,
+            type,
+            blockSize,
+            explain,
+        } = toRefs(props);
+        const {proxy} = getCurrentInstance();
+        let secretKey = ref(""), //后端返回的ase加密秘钥
+            passFlag = ref(""), //是否通过的标识
+            backImgBase = ref(
+                "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+            ), //验证码背景图片
+            blockBackImgBase = ref(
+                "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+            ), //验证滑块的背景图片
+            backToken = ref(""), //后端返回的唯一token值
+            startMoveTime = ref(""), //移动开始的时间
+            endMovetime = ref(""), //移动结束的时间
+            tipsBackColor = ref(""), //提示词的背景颜色
+            tipWords = ref(""),
+            text = ref(""),
+            finishText = ref(""),
+            setSize = reactive({
+                imgHeight: 0,
+                imgWidth: 0,
+                barHeight: 0,
+                barWidth: 0,
+            }),
+            top = ref(0),
+            left = ref(0),
+            moveBlockLeft = ref(undefined),
+            leftBarWidth = ref(undefined),
+            // 移动中样式
+            moveBlockBackgroundColor = ref(undefined),
+            leftBarBorderColor = ref("#ddd"),
+            iconColor = ref(undefined),
+            iconClass = ref("icon-right"),
+            status = ref(false), //鼠标状态
+            isEnd = ref(false), //是够验证完成
+            showRefresh = ref(true),
+            transitionLeft = ref(""),
+            transitionWidth = ref(""),
+            startLeft = ref(0);
+        const barArea = computed(() => {
+            return proxy.$el.querySelector(".verify-bar-area");
+        });
+
+        function init() {
+            text.value = explain.value;
+            getPictrue();
+            nextTick(() => {
+                let {imgHeight, imgWidth, barHeight, barWidth} =
+                    resetSize(proxy);
+                setSize.imgHeight = imgHeight;
+                setSize.imgWidth = imgWidth;
+                setSize.barHeight = barHeight;
+                setSize.barWidth = barWidth;
+                proxy.$parent.$emit("ready", proxy);
+            });
+            window.removeEventListener("touchmove", function (e) {
+                move(e);
+            });
+            window.removeEventListener("mousemove", function (e) {
+                move(e);
+            });
+            //鼠标松开
+            window.removeEventListener("touchend", function () {
+                end();
+            });
+            window.removeEventListener("mouseup", function () {
+                end();
+            });
+            window.addEventListener("touchmove", function (e) {
+                move(e);
+            });
+            window.addEventListener("mousemove", function (e) {
+                move(e);
+            });
+            //鼠标松开
+            window.addEventListener("touchend", function () {
+                end();
+            });
+            window.addEventListener("mouseup", function () {
+                end();
+            });
+        }
+
+        watch(type, () => {
+            init();
+        });
+        onMounted(() => {
+            // 禁止拖拽
+            init();
+            proxy.$el.onselectstart = function () {
+                return false;
+            };
+        });
+
+        //鼠标按下
+        function start(e) {
+            let x;
+            e = e || window.event;
+            if (!e.touches) {
+                //兼容PC端
+                x = e.clientX;
+            } else {
+                //兼容移动端
+                x = e.touches[0].pageX;
+            }
+            startLeft.value = Math.floor(
+                x - barArea.value.getBoundingClientRect().left
+            );
+            startMoveTime.value = +new Date(); //开始滑动的时间
+            if (isEnd.value === false) {
+                text.value = "";
+                moveBlockBackgroundColor.value = "#337ab7";
+                leftBarBorderColor.value = "#337AB7";
+                iconColor.value = "#fff";
+                e.stopPropagation();
+                status.value = true;
+            }
+        }
+
+        //鼠标移动
+        function move(e) {
+            let x;
+            e = e || window.event;
+            if (status.value && isEnd.value === false) {
+                if (!e.touches) {
+                    //兼容PC端
+                    x = e.clientX;
+                } else {
+                    //兼容移动端
+                    x = e.touches[0].pageX;
+                }
+                const bar_area_left =
+                    barArea.value.getBoundingClientRect().left;
+                let move_block_left = x - bar_area_left; //小方块相对于父元素的left值
+                if (
+                    move_block_left >=
+                    barArea.value.offsetWidth -
+                    parseInt(parseInt(blockSize.value.width) / 2) -
+                    2
+                ) {
+                    move_block_left =
+                        barArea.value.offsetWidth -
+                        parseInt(parseInt(blockSize.value.width) / 2) -
+                        2;
+                }
+                if (move_block_left <= 0) {
+                    move_block_left = parseInt(
+                        parseInt(blockSize.value.width) / 2
+                    );
+                }
+                //拖动后小方块的left值
+                moveBlockLeft.value = move_block_left - startLeft.value + "px";
+                leftBarWidth.value = move_block_left - startLeft.value + "px";
+            }
+        }
+
+        //鼠标松开
+        function end() {
+            endMovetime.value = +new Date();
+            //判断是否重合
+            if (status.value && isEnd.value === false) {
+                let moveLeftDistance = parseInt(
+                    (moveBlockLeft.value || "").replace("px", "")
+                );
+                moveLeftDistance =
+                    (moveLeftDistance * 310) / parseInt(setSize.imgWidth);
+                let data = {
+                    verifyData: secretKey.value
+                        ? aesEncrypt(moveLeftDistance, secretKey.value)
+                        : moveLeftDistance,
+                    id: backToken.value,
+                };
+                captcha.verifyCaptcha.post(data).then((res) => {
+                    if (res.data) {
+                        moveBlockBackgroundColor.value = "#5cb85c";
+                        leftBarBorderColor.value = "#5cb85c";
+                        iconColor.value = "#fff";
+                        iconClass.value = "icon-check";
+                        showRefresh.value = false;
+                        isEnd.value = true;
+                        if (mode.value === "pop") {
+                            setTimeout(() => {
+                                proxy.$parent.clickShow = false;
+                                refresh();
+                            }, 1500);
+                        }
+                        passFlag.value = true;
+                        tipWords.value = `${(
+                            (endMovetime.value - startMoveTime.value) /
+                            1000
+                        ).toFixed(2)}秒 验证成功`;
+                        setTimeout(() => {
+                            tipWords.value = "";
+                            proxy.$parent.closeBox();
+                            proxy.$parent.$emit("success", data);
+                        }, 1000);
+                    } else {
+                        moveBlockBackgroundColor.value = "#d9534f";
+                        leftBarBorderColor.value = "#d9534f";
+                        iconColor.value = "#fff";
+                        iconClass.value = "icon-close";
+                        passFlag.value = false;
+                        setTimeout(function () {
+                            refresh();
+                        }, 1000);
+                        proxy.$parent.$emit("error", proxy);
+                        tipWords.value = "验证失败";
+                        setTimeout(() => {
+                            tipWords.value = "";
+                        }, 1000);
+                    }
+                });
+                status.value = false;
+            }
+        }
+
+        const refresh = () => {
+            showRefresh.value = true;
+            finishText.value = "";
+            transitionLeft.value = "left .3s";
+            moveBlockLeft.value = 0;
+            leftBarWidth.value = undefined;
+            transitionWidth.value = "width .3s";
+            leftBarBorderColor.value = "#ddd";
+            moveBlockBackgroundColor.value = "#fff";
+            iconColor.value = "#000";
+            iconClass.value = "icon-right";
+            isEnd.value = false;
+            getPictrue();
+            setTimeout(() => {
+                transitionWidth.value = "";
+                transitionLeft.value = "";
+                text.value = explain.value;
+            }, 300);
+        };
+
+        // 请求背景图片和验证图片
+        async function getPictrue() {
+            let data = {
+                captchaType: captchaType.value,
+            };
+            let res;
+            try {
+                res = await captcha.getCaptchaImage.post(data);
+            } catch {
+                tipWords.value = "发生错误";
+            }
+            backImgBase.value = res.data.backgroundImage;
+            blockBackImgBase.value = res.data.sliderImage;
+            backToken.value = res.data.id;
+            secretKey.value = aesEncrypt(res.data.id);
+            if (secretKey.value.length > 32)
+                secretKey.value = secretKey.value.substring(0, 32);
+            proxy.$parent.$emit("apiReady", res.data);
+        }
+
+        return {
+            secretKey, //后端返回的ase加密秘钥
+            passFlag, //是否通过的标识
+            backImgBase, //验证码背景图片
+            blockBackImgBase, //验证滑块的背景图片
+            backToken, //后端返回的唯一token值
+            startMoveTime, //移动开始的时间
+            endMovetime, //移动结束的时间
+            tipsBackColor, //提示词的背景颜色
+            tipWords,
+            text,
+            finishText,
+            setSize,
+            top,
+            left,
+            moveBlockLeft,
+            leftBarWidth,
+            // 移动中样式
+            moveBlockBackgroundColor,
+            leftBarBorderColor,
+            iconColor,
+            iconClass,
+            status, //鼠标状态
+            isEnd, //是够验证完成
+            showRefresh,
+            transitionLeft,
+            transitionWidth,
+            barArea,
+            refresh,
+            start,
+        };
+    },
+};
+</script>
\ No newline at end of file
diff --git a/src/frontend/h5/src/components/verifition/utils/ase.js b/src/frontend/h5/src/components/verifition/utils/ase.js
new file mode 100644
index 00000000..551eed4f
--- /dev/null
+++ b/src/frontend/h5/src/components/verifition/utils/ase.js
@@ -0,0 +1,15 @@
+import CryptoJS from "crypto-js";
+
+/**
+ * @word 要加密的内容
+ * @keyWord String  服务器随机返回的关键字
+ *  */
+export function aesEncrypt(word, keyWord = "1Z?f(2)%v?:X5NYRl+]PSi.rDf7Ip#lB") {
+    const key = CryptoJS.enc.Utf8.parse(keyWord);
+    const srcs = CryptoJS.enc.Utf8.parse(word);
+    const encrypted = CryptoJS.AES.encrypt(srcs, key, {
+        mode: CryptoJS.mode.ECB,
+        padding: CryptoJS.pad.Pkcs7,
+    });
+    return encrypted.toString();
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/components/verifition/utils/util.js b/src/frontend/h5/src/components/verifition/utils/util.js
new file mode 100644
index 00000000..619384ee
--- /dev/null
+++ b/src/frontend/h5/src/components/verifition/utils/util.js
@@ -0,0 +1,109 @@
+export function resetSize(vm) {
+    let img_width, img_height, bar_width, bar_height; //图片的宽度、高度，移动条的宽度、高度
+
+    const parentWidth = vm.$el.parentNode.offsetWidth || window.offsetWidth;
+    const parentHeight = vm.$el.parentNode.offsetHeight || window.offsetHeight;
+    if (vm.imgSize.width.indexOf("%") !== -1) {
+        img_width = (parseInt(vm.imgSize.width) / 100) * parentWidth + "px";
+    } else {
+        img_width = vm.imgSize.width;
+    }
+
+    if (vm.imgSize.height.indexOf("%") !== -1) {
+        img_height = (parseInt(vm.imgSize.height) / 100) * parentHeight + "px";
+    } else {
+        img_height = vm.imgSize.height;
+    }
+
+    if (vm.barSize.width.indexOf("%") !== -1) {
+        bar_width = (parseInt(vm.barSize.width) / 100) * parentWidth + "px";
+    } else {
+        bar_width = vm.barSize.width;
+    }
+
+    if (vm.barSize.height.indexOf("%") !== -1) {
+        bar_height = (parseInt(vm.barSize.height) / 100) * parentHeight + "px";
+    } else {
+        bar_height = vm.barSize.height;
+    }
+
+    return {
+        imgWidth: img_width,
+        imgHeight: img_height,
+        barWidth: bar_width,
+        barHeight: bar_height,
+    };
+}
+
+export const _code_chars = [
+    1,
+    2,
+    3,
+    4,
+    5,
+    6,
+    7,
+    8,
+    9,
+    "a",
+    "b",
+    "c",
+    "d",
+    "e",
+    "f",
+    "g",
+    "h",
+    "i",
+    "j",
+    "k",
+    "l",
+    "m",
+    "n",
+    "o",
+    "p",
+    "q",
+    "r",
+    "s",
+    "t",
+    "u",
+    "v",
+    "w",
+    "x",
+    "y",
+    "z",
+    "A",
+    "B",
+    "C",
+    "D",
+    "E",
+    "F",
+    "G",
+    "H",
+    "I",
+    "J",
+    "K",
+    "L",
+    "M",
+    "N",
+    "O",
+    "P",
+    "Q",
+    "R",
+    "S",
+    "T",
+    "U",
+    "V",
+    "W",
+    "X",
+    "Y",
+    "Z",
+];
+export const _code_color1 = ["#fffff0", "#f0ffff", "#f0fff0", "#fff0f0"];
+export const _code_color2 = [
+    "#FF0033",
+    "#006699",
+    "#993366",
+    "#FF9900",
+    "#66CC66",
+    "#FF33CC",
+];
\ No newline at end of file
diff --git a/src/frontend/h5/src/config/index.js b/src/frontend/h5/src/config/index.js
new file mode 100644
index 00000000..45db190b
--- /dev/null
+++ b/src/frontend/h5/src/config/index.js
@@ -0,0 +1,34 @@
+/* eslint-disable no-undef */
+const DEFAULT_CONFIG = {
+  //接口地址
+  API_URL: '',
+
+  //请求超时
+  TIMEOUT: 100000,
+
+  //追加其他头
+  HEADERS: {},
+
+  //请求是否开启缓存
+  REQUEST_CACHE: false,
+
+  //是否加密localStorage, 为空不加密，可填写AES(模式ECB,移位Pkcs7)加密
+  LS_ENCRYPTION: '',
+
+  //localStorageAES加密秘钥，位数建议填写8的倍数
+  LS_ENCRYPTION_key: '2XNN4K8LC0ELVWN4',
+
+  //常量字符串
+  STRINGS: null,
+
+  //本地化常量字符串
+  LOC_STRINGS: null,
+
+  //常量枚举
+  ENUMS: null,
+
+  //数字常量表,
+  NUMBERS: null
+}
+
+export default DEFAULT_CONFIG
\ No newline at end of file
diff --git a/src/frontend/h5/src/main.js b/src/frontend/h5/src/main.js
new file mode 100644
index 00000000..2f804463
--- /dev/null
+++ b/src/frontend/h5/src/main.js
@@ -0,0 +1,15 @@
+import './assets/main.css'
+import { createApp } from 'vue'
+import App from './App.vue'
+import { createPinia } from 'pinia'
+import router from './router'
+import ddf from '@/ddf'
+import van from '@/van'
+import '@vant/touch-emulator'
+
+const app = createApp(App)
+app.use(createPinia())
+app.use(router)
+app.use(van)
+await ddf.install(app)
+app.mount('#app')
\ No newline at end of file
diff --git a/src/frontend/h5/src/router/index.js b/src/frontend/h5/src/router/index.js
new file mode 100644
index 00000000..9293601b
--- /dev/null
+++ b/src/frontend/h5/src/router/index.js
@@ -0,0 +1,58 @@
+import {createRouter, createWebHistory} from 'vue-router'
+import HomeView from '../views/HomeView.vue'
+
+const router = createRouter({
+    history: createWebHistory(import.meta.env.BASE_URL),
+    routes: [
+        {
+            path: '/',
+            name: 'home',
+            component: HomeView
+        },
+        {
+            path: '/about',
+            name: 'about',
+            // route level code-splitting
+            // this generates a separate chunk (About.[hash].js) for this route
+            // which is lazy-loaded when the route is visited.
+            component: () => import('../views/AboutView.vue')
+        },
+        {
+            path: '/category',
+            name: 'category',
+            component: () => import('../views/CategoryView.vue')
+        },
+        {
+            path: '/product',
+            name: 'product',
+            component: () => import('../views/ProductView.vue')
+        },
+        {
+            path: '/account/register',
+            name: 'register',
+            component: () => import('../views/account/RegisterView.vue')
+        },
+        {
+            path: '/account/login-by-pwd',
+            name: 'loginByPwd',
+            component: () => import('../views/account/LoginByPwdView.vue')
+        },
+        {
+            path: '/account/login-by-sms',
+            name: 'loginBySms',
+            component: () => import('../views/account/LoginBySmsView.vue')
+        },
+        {
+            path: '/account/reset-pwd',
+            name: 'resetPwd',
+            component: () => import('../views/account/ResetPwdView.vue')
+        },
+        {
+            path: '/member',
+            name: 'memberIndex',
+            component: () => import('../views/member/IndexView.vue')
+        }
+    ]
+})
+
+export default router
\ No newline at end of file
diff --git a/src/frontend/h5/src/stores/counter.js b/src/frontend/h5/src/stores/counter.js
new file mode 100644
index 00000000..b0935259
--- /dev/null
+++ b/src/frontend/h5/src/stores/counter.js
@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+  const count = ref(0)
+  const doubleCount = computed(() => count.value * 2)
+  function increment() {
+    count.value++
+  }
+
+  return { count, doubleCount, increment }
+})
\ No newline at end of file
diff --git a/src/frontend/h5/src/utils/request.js b/src/frontend/h5/src/utils/request.js
new file mode 100644
index 00000000..29dc4bd2
--- /dev/null
+++ b/src/frontend/h5/src/utils/request.js
@@ -0,0 +1,263 @@
+import axios from 'axios'
+import jsonBigInt from 'json-bigint'
+import sysConfig from '@/config'
+import tool from '@/utils/tool'
+import {showDialog, showFailToast} from 'vant'
+import router from "@/router";
+
+axios.defaults.baseURL = ''
+
+axios.defaults.timeout = sysConfig.TIMEOUT
+
+// HTTP request 拦截器
+axios.interceptors.request.use(
+    (config) => {
+        let token = tool.cookie.get('TOKEN')
+        if (token) {
+            config.headers['Authorization'] = `Bearer ${token}`
+            let expires = tool.cookie.get('TOKEN-EXP')
+            //accessToken 已过期或 5分钟内过期 带上刷新token
+            if (!expires || expires - new Date().getTime() < 300000) {
+                let refresh_token = tool.cookie.get('X-TOKEN')
+                if (refresh_token) {
+                    config.headers['X-Authorization'] = `Bearer ${refresh_token}`
+                }
+            }
+        }
+
+        if (!sysConfig.REQUEST_CACHE && config.method === 'get') {
+            config.params = config.params || {}
+            config.params['_'] = new Date().getTime()
+        }
+        Object.assign(config.headers, sysConfig.HEADERS)
+        return config
+    },
+    (error) => {
+        return Promise.reject(error)
+    }
+)
+
+
+// 进行大数字处理
+axios.defaults.transformResponse = [
+    (data) => {
+        try {
+            return jsonBigInt.parse(data)
+        } catch {
+            return data
+        }
+    }
+]
+
+// HTTP response 拦截器
+axios.interceptors.response.use(
+    (response) => {
+        let token = response.headers['access-token']
+        let refreshToken = response.headers['x-access-token']
+        if (token || refreshToken) {
+            let cookieExpires = tool.data.get('REMEMBER_ME') ? 24 * 60 * 60 * 7 : 0
+            if (token) {
+                // 保存访问令牌
+                tool.cookie.set('TOKEN', token, {
+                    expires: cookieExpires,
+                    path: '/'
+                })
+
+                // 解析访问令牌，保存令牌的失效时间
+                const jwt = tool.crypto.decryptJWT(token)
+                const secs = jwt.exp - jwt.iat
+                tool.cookie.set('TOKEN-EXP', new Date().getTime() + secs * 1000, {
+                    expires: cookieExpires,
+                    path: '/'
+                })
+            }
+
+            if (refreshToken) {
+                // 保存刷新令牌
+                tool.cookie.set('X-TOKEN', token, {
+                    expires: cookieExpires,
+                    path: '/'
+                })
+            }
+        }
+        return response
+    },
+    (error) => {
+        if (error.response) {
+            if (error.response.status === 404) {
+                showFailToast('Status:404，正在请求不存在的服务器记录！')
+            } else if (error.response.status === 401 || error.response.status === 403) {
+                showDialog({
+                    title: '无权限访问',
+                    message:
+                        '当前用户已被登出或无权限访问当前资源，请尝试重新登录后再操作。',
+
+                })
+                    .then(() => {
+                        // on confirm
+                        router.push('/account/login-by-pwd')
+                    })
+            } else if (error.response.data.code) {
+                if (typeof error.response.data.msg == 'object') {
+                    let i = 0
+                    for (const item in error.response.data.msg) {
+                        i += 100
+                        setTimeout(
+                            (title, msg) => {
+                                showFailToast(msg)
+                            },
+                            i,
+                            item,
+                            error.response.data.msg[item]
+                        )
+                    }
+                } else {
+                    showFailToast(error.response.data.msg)
+                }
+            } else {
+                showFailToast(error.message || `Status:${error.response.status}，未知错误！`)
+            }
+        } else {
+            showFailToast('请求服务器无响应！')
+        }
+
+        return Promise.reject(error.response)
+    }
+)
+
+const http = {
+    /** get 请求
+     * @param  {接口地址} url
+     * @param  {请求参数} params
+     * @param  {参数} config
+     */
+    get: function (url, params = {}, config = {}) {
+        return new Promise((resolve, reject) => {
+            axios({
+                method: 'get',
+                url: url,
+                params: params,
+                ...config
+            })
+                .then((response) => {
+                    resolve(response.data)
+                })
+                .catch((error) => {
+                    reject(error)
+                })
+        })
+    },
+
+    /** post 请求
+     * @param  {接口地址} url
+     * @param  {请求参数} data
+     * @param  {参数} config
+     */
+    post: function (url, data = {}, config = {}) {
+        return new Promise((resolve, reject) => {
+            axios({
+                method: 'post',
+                url: url,
+                data: data,
+                ...config
+            })
+                .then((response) => {
+                    resolve(response.data)
+                })
+                .catch((error) => {
+                    reject(error)
+                })
+        })
+    },
+
+    /** put 请求
+     * @param  {接口地址} url
+     * @param  {请求参数} data
+     * @param  {参数} config
+     */
+    put: function (url, data = {}, config = {}) {
+        return new Promise((resolve, reject) => {
+            axios({
+                method: 'put',
+                url: url,
+                data: data,
+                ...config
+            })
+                .then((response) => {
+                    resolve(response.data)
+                })
+                .catch((error) => {
+                    reject(error)
+                })
+        })
+    },
+
+    /** patch 请求
+     * @param  {接口地址} url
+     * @param  {请求参数} data
+     * @param  {参数} config
+     */
+    patch: function (url, data = {}, config = {}) {
+        return new Promise((resolve, reject) => {
+            axios({
+                method: 'patch',
+                url: url,
+                data: data,
+                ...config
+            })
+                .then((response) => {
+                    resolve(response.data)
+                })
+                .catch((error) => {
+                    reject(error)
+                })
+        })
+    },
+
+    /** delete 请求
+     * @param  {接口地址} url
+     * @param  {请求参数} data
+     * @param  {参数} config
+     */
+    delete: function (url, data = {}, config = {}) {
+        return new Promise((resolve, reject) => {
+            axios({
+                method: 'delete',
+                url: url,
+                data: data,
+                ...config
+            })
+                .then((response) => {
+                    resolve(response.data)
+                })
+                .catch((error) => {
+                    reject(error)
+                })
+        })
+    },
+
+    /** jsonp 请求
+     * @param  {接口地址} url
+     * @param  {JSONP回调函数名称} name
+     */
+    jsonp: function (url, name = 'jsonp') {
+        return new Promise((resolve) => {
+            const script = document.createElement('script')
+            script.id = `jsonp${Math.ceil(Math.random() * 1000000)}`
+            script.type = 'text/javascript'
+            script.src = url
+            window[name] = (response) => {
+                resolve(response)
+                document.getElementsByTagName('head')[0].removeChild(script)
+                try {
+                    delete window[name]
+                } catch (e) {
+                    window[name] = undefined
+                }
+            }
+            document.getElementsByTagName('head')[0].appendChild(script)
+        })
+    }
+}
+
+export default http
\ No newline at end of file
diff --git a/src/frontend/h5/src/utils/tool.js b/src/frontend/h5/src/utils/tool.js
new file mode 100644
index 00000000..81ec4af9
--- /dev/null
+++ b/src/frontend/h5/src/utils/tool.js
@@ -0,0 +1,284 @@
+/*
+ * @Description: 工具集
+ * @version: 1.2
+ * @LastEditors: sakuya
+ * @LastEditTime: 2022年5月24日00:28:56
+ */
+
+import CryptoJS from "crypto-js";
+import sysConfig from "@/config";
+
+const tool = {};
+
+/* localStorage */
+tool.data = {
+    set(key, data, datetime = 0) {
+        //加密
+        if (sysConfig.LS_ENCRYPTION === "AES") {
+            data = tool.crypto.AES.encrypt(
+                JSON.stringify(data),
+                sysConfig.LS_ENCRYPTION_key
+            );
+        }
+        let cacheValue = {
+            content: data,
+            datetime:
+                parseInt(datetime) === 0
+                    ? 0
+                    : new Date().getTime() + parseInt(datetime) * 1000,
+        };
+        return localStorage.setItem(key, JSON.stringify(cacheValue));
+    },
+    get(key) {
+        try {
+            const value = JSON.parse(localStorage.getItem(key));
+            if (value) {
+                let nowTime = new Date().getTime();
+                if (nowTime > value.datetime && value.datetime !== 0) {
+                    localStorage.removeItem(key);
+                    return null;
+                }
+                //解密
+                if (sysConfig.LS_ENCRYPTION === "AES") {
+                    value.content = JSON.parse(
+                        tool.crypto.AES.decrypt(
+                            value.content,
+                            sysConfig.LS_ENCRYPTION_key
+                        )
+                    );
+                }
+                return value.content;
+            }
+            return null;
+        } catch (err) {
+            return null;
+        }
+    },
+    remove(key) {
+        return localStorage.removeItem(key);
+    },
+    clear() {
+        return localStorage.clear();
+    },
+};
+
+/*sessionStorage*/
+tool.session = {
+    set(table, settings) {
+        const _set = JSON.stringify(settings);
+        return sessionStorage.setItem(table, _set);
+    },
+    get(table) {
+        let data = sessionStorage.getItem(table);
+        try {
+            data = JSON.parse(data);
+        } catch (err) {
+            return null;
+        }
+        return data;
+    },
+    remove(table) {
+        return sessionStorage.removeItem(table);
+    },
+    clear() {
+        return sessionStorage.clear();
+    },
+};
+
+/*cookie*/
+tool.cookie = {
+    set(name, value, config = {}) {
+        const cfg = {
+            expires: null,
+            path: null,
+            domain: null,
+            secure: false,
+            httpOnly: false,
+            ...config,
+        };
+        let cookieStr = `${name}=${escape(value)}`;
+        if (cfg.expires) {
+            const exp = new Date();
+            exp.setTime(exp.getTime() + parseInt(cfg.expires) * 1000);
+            cookieStr += `;expires=${exp.toGMTString()}`;
+        }
+        if (cfg.path) {
+            cookieStr += `;path=${cfg.path}`;
+        }
+        if (cfg.domain) {
+            cookieStr += `;domain=${cfg.domain}`;
+        }
+        document.cookie = cookieStr;
+    },
+    get(name) {
+        const arr = document.cookie.match(
+            new RegExp("(^| )" + name + "=([^;]*)(;|$)")
+        );
+        if (arr != null) {
+            return unescape(arr[2]);
+        } else {
+            return null;
+        }
+    },
+    remove(name) {
+        const exp = new Date();
+        exp.setTime(exp.getTime() - 1);
+        document.cookie = `${name}=;expires=${exp.toGMTString()}`;
+    },
+};
+
+/* Fullscreen */
+tool.screen = function (element) {
+    const isFull = !!(
+        document.webkitIsFullScreen ||
+        document.mozFullScreen ||
+        document.msFullscreenElement ||
+        document.fullscreenElement
+    );
+    if (isFull) {
+        if (document.exitFullscreen) {
+            document.exitFullscreen();
+        } else if (document.msExitFullscreen) {
+            document.msExitFullscreen();
+        } else if (document.mozCancelFullScreen) {
+            document.mozCancelFullScreen();
+        } else if (document.webkitExitFullscreen) {
+            document.webkitExitFullscreen();
+        }
+    } else {
+        if (element.requestFullscreen) {
+            element.requestFullscreen();
+        } else if (element.msRequestFullscreen) {
+            element.msRequestFullscreen();
+        } else if (element.mozRequestFullScreen) {
+            element.mozRequestFullScreen();
+        } else if (element.webkitRequestFullscreen) {
+            element.webkitRequestFullscreen();
+        }
+    }
+};
+
+/* 复制对象 */
+tool.objCopy = function (obj) {
+    return JSON.parse(JSON.stringify(obj));
+};
+
+/* 日期格式化 */
+tool.dateFormat = function (date, fmt = "yyyy-MM-dd hh:mm:ss") {
+    date = new Date(date);
+    const o = {
+        "M+": date.getMonth() + 1, //月份
+        "d+": date.getDate(), //日
+        "h+": date.getHours(), //小时
+        "m+": date.getMinutes(), //分
+        "s+": date.getSeconds(), //秒
+        "q+": Math.floor((date.getMonth() + 3) / 3), //季度
+        S: date.getMilliseconds(), //毫秒
+    };
+    if (/(y+)/.test(fmt)) {
+        fmt = fmt.replace(
+            RegExp.$1,
+            (date.getFullYear() + "").substr(4 - RegExp.$1.length)
+        );
+    }
+    for (let k in o) {
+        if (new RegExp("(" + k + ")").test(fmt)) {
+            fmt = fmt.replace(
+                RegExp.$1,
+                RegExp.$1.length === 1
+                    ? o[k]
+                    : ("00" + o[k]).substr(("" + o[k]).length)
+            );
+        }
+    }
+    return fmt;
+};
+
+/* 千分符 */
+tool.groupSeparator = function (num) {
+    num = num + "";
+    if (!num.includes(".")) {
+        num += ".";
+    }
+    return num
+        .replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) {
+            return $1 + ",";
+        })
+        .replace(/\.$/, "");
+};
+
+/* 常用加解密 */
+tool.crypto = {
+    /**
+     * 解密 JWT token 的信息
+     * @param token jwt token 字符串
+     * @returns <any>object
+     */
+    decryptJWT(token) {
+        token = token.replace(/_/g, "/").replace(/-/g, "+");
+        const json = decodeURIComponent(
+            escape(window.atob(token.split(".")[1]))
+        );
+        return JSON.parse(json);
+    },
+
+    //MD5加密
+    MD5(data) {
+        return CryptoJS.MD5(data).toString();
+    },
+    //BASE64加解密
+    BASE64: {
+        encrypt(data) {
+            return CryptoJS.enc.Base64.stringify(CryptoJS.enc.Utf8.parse(data));
+        },
+        decrypt(cipher) {
+            return CryptoJS.enc.Base64.parse(cipher).toString(
+                CryptoJS.enc.Utf8
+            );
+        },
+    },
+    //AES加解密
+    AES: {
+        encrypt(data, secretKey, config = {}) {
+            if (secretKey.length % 8 !== 0) {
+                console.warn(
+                    "[SCUI error]: 秘钥长度需为8的倍数，否则解密将会失败。"
+                );
+            }
+            const result = CryptoJS.AES.encrypt(
+                data,
+                CryptoJS.enc.Utf8.parse(secretKey),
+                {
+                    iv: CryptoJS.enc.Utf8.parse(config.iv || ""),
+                    mode: CryptoJS.mode[config.mode || "ECB"],
+                    padding: CryptoJS.pad[config.padding || "Pkcs7"],
+                }
+            );
+            return result.toString();
+        },
+        decrypt(cipher, secretKey, config = {}) {
+            const result = CryptoJS.AES.decrypt(
+                cipher,
+                CryptoJS.enc.Utf8.parse(secretKey),
+                {
+                    iv: CryptoJS.enc.Utf8.parse(config.iv || ""),
+                    mode: CryptoJS.mode[config.mode || "ECB"],
+                    padding: CryptoJS.pad[config.padding || "Pkcs7"],
+                }
+            );
+            return CryptoJS.enc.Utf8.stringify(result);
+        },
+    },
+    hashCode(str) {
+        let hash = 0;
+        if (str.length === 0) return hash;
+        for (let i = 0; i < str.length; i++) {
+            const char = str.charCodeAt(i);
+            hash = (hash << 5) - hash + char;
+            hash = hash & hash; // Convert to 32bit integer
+        }
+        return hash;
+    },
+};
+
+export default tool;
\ No newline at end of file
diff --git a/src/frontend/h5/src/van.js b/src/frontend/h5/src/van.js
new file mode 100644
index 00000000..f887e34b
--- /dev/null
+++ b/src/frontend/h5/src/van.js
@@ -0,0 +1,74 @@
+import 'vant/lib/index.css'
+import {
+    ActionBar,
+    ActionBarButton,
+    ActionBarIcon,
+    BackTop,
+    Button,
+    Cell,
+    CellGroup,
+    Col,
+    ContactCard,
+    DropdownItem,
+    DropdownMenu,
+    Field,
+    Form,
+    Grid,
+    GridItem,
+    Icon,
+    Image,
+    Lazyload,
+    List,
+    Notify,
+    NumberKeyboard,
+    PasswordInput,
+    PullRefresh,
+    Row,
+    Search,
+    Step,
+    Steps,
+    Tab,
+    Tabbar,
+    TabbarItem,
+    Tabs,
+    Toast,
+    TreeSelect
+} from 'vant'
+
+export default {
+    install(app) {
+        app.use(Button)
+        app.use(Form)
+        app.use(Field)
+        app.use(CellGroup)
+        app.use(Cell)
+        app.use(Steps)
+        app.use(Step)
+        app.use(PasswordInput)
+        app.use(NumberKeyboard)
+        app.use(Notify)
+        app.use(Toast)
+        app.use(ContactCard)
+        app.use(Row)
+        app.use(Col)
+        app.use(Icon)
+        app.use(Tabbar)
+        app.use(TabbarItem)
+        app.use(Grid)
+        app.use(GridItem)
+        app.use(Image)
+        app.use(Lazyload)
+        app.use(PullRefresh)
+        app.use(Search)
+        app.use(Tabs)
+        app.use(Tab)
+        app.use(TreeSelect)
+        app.use(ActionBar)
+        app.use(ActionBarButton)
+        app.use(ActionBarIcon)
+        app.use(List)
+        app.use(DropdownMenu)
+        app.use(DropdownItem)
+        app.use(BackTop)
+    }
+}
\ No newline at end of file
diff --git a/src/frontend/h5/src/views/AboutView.vue b/src/frontend/h5/src/views/AboutView.vue
new file mode 100644
index 00000000..571e1811
--- /dev/null
+++ b/src/frontend/h5/src/views/AboutView.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="about">
+    <h1>This is an about page</h1>
+  </div>
+</template>
+
+<style>
+@media (min-width: 1024px) {
+  .about {
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/h5/src/views/CategoryView.vue b/src/frontend/h5/src/views/CategoryView.vue
new file mode 100644
index 00000000..28f12303
--- /dev/null
+++ b/src/frontend/h5/src/views/CategoryView.vue
@@ -0,0 +1,30 @@
+<script setup>
+import {getCurrentInstance, ref} from "vue";
+import router from "@/router";
+
+const categories = ref([])
+const activeId = ref(0)
+const activeIndex = ref(0)
+const _this = getCurrentInstance().proxy
+loadCategories()
+
+
+async function loadCategories() {
+    let res = await _this.$API['biz/productcategory'].query.post()
+    categories.value = JSON.parse(JSON.stringify(res.data).replaceAll("categoryName", 'text'))
+}
+
+
+function clickItem(item) {
+    router.push({name: 'home', query: {cId: item.id, cName: item.text}})
+}
+</script>
+
+<template>
+    <van-tree-select
+        v-model:active-id="activeId"
+        v-model:main-active-index="activeIndex"
+        :items="categories"
+        @click-item="clickItem"
+    />
+</template>
\ No newline at end of file
diff --git a/src/frontend/h5/src/views/HomeView.vue b/src/frontend/h5/src/views/HomeView.vue
new file mode 100644
index 00000000..a3559dc6
--- /dev/null
+++ b/src/frontend/h5/src/views/HomeView.vue
@@ -0,0 +1,175 @@
+<script setup>
+import {getCurrentInstance, ref} from "vue";
+
+let page = 1
+const articles = ref([])
+const categories = ref([{id: 0, title: '所有商品'}])
+const loading = ref(false)
+const finished = ref(false)
+const refreshing = ref(false)
+const showFilter = ref(true)
+const _this = getCurrentInstance().proxy
+
+const filterMall = ref('');
+const sorter = ref('1worthy');
+const filterDate = ref('03hours');
+const optionMall = [
+    {text: '全部商城', value: ''},
+    {
+        text: '淘宝/天猫', value: '淘宝精选,天猫国际,天猫国际官方直营,天猫精选,天猫超市'
+    },
+    {text: '拼多多', value: '拼多多'},
+    {
+        text: '京东', value: '京东,京东国际,京喜特价'
+    },
+    {text: '唯品会', value: '唯品会'},
+    {text: '苏宁易购', value: '苏宁易购'},
+
+
+];
+const optionSorter = [
+    {text: '最值', order: 'descending', value: '1worthy'},
+    {text: '最新', order: 'descending', value: '1createdTime'},
+    {text: '最热', order: 'descending', value: '1comment'},
+    {text: '低价', order: 'ascending', value: '1priceFen'},
+    {text: '高价', order: 'descending', value: '2priceFen'},
+];
+const optionDate = [
+    {text: '3小时', value: '03hours'},
+    {text: '6小时', value: '06hours'},
+    {text: '9小时', value: '09hours'},
+    {text: '12小时', value: '12hours'},
+    {text: '24小时', value: '24hours'},
+    {text: '不限时间', value: ''},
+];
+
+const dynamicFilter = {
+    logic: 'and',
+    filters: [{
+        field: "status",
+        operator: "eq",
+        value: 'published',
+    }]
+}
+
+if (_this.$route.query.cId) {
+    categories.value.unshift({id: _this.$route.query.cId, title: _this.$route.query.cName})
+}
+let categoryId = ref(categories.value[0].id)
+loadCategories()
+
+async function onRefresh() {
+    articles.value = [];
+    page = 1;
+    finished.value = false;
+    loading.value = true;
+    await loadArticles();
+    refreshing.value = false
+}
+
+
+async function loadCategories() {
+    let res = await _this.$API['biz/artcategory'].query.post({
+        dynamicFilter: {
+            logic: "and",
+            filters: [
+                {
+                    field: "parentId",
+                    operator: "eq",
+                    value: 0
+                }
+            ]
+        }
+    })
+    categories.value = categories.value.concat(res.data)
+}
+
+async function loadArticles() {
+
+    dynamicFilter.filters = dynamicFilter.filters.filter(x => x.field !== 'mall' && x.field !== 'createdTime')
+    if (filterMall.value) {
+        dynamicFilter.filters.push({field: 'mall', operator: 'any', value: filterMall.value.split(',')})
+    }
+    if (filterDate.value) {
+        dynamicFilter.filters.push({
+            field: 'createdTime',
+            operator: 'dateRange',
+            value: [new Date(new Date().getTime() - 60 * 60 * 1000 * parseInt(filterDate.value.substring(0, 2))).toISOString().replace('T', ' ').replace(/\.\d+Z/, ''), new Date().toISOString().replace('T', ' ').replace(/\.\d+Z/, '')]
+        })
+    }
+
+    let res = await _this.$API['biz/article'].pagedQuery.post({
+        pageSize: 10,
+        page: page++,
+        filter: {
+            categoryId: categoryId.value
+        },
+        dynamicFilter: dynamicFilter,
+        order: optionSorter.find(x => x.value === sorter.value).order,
+        prop: sorter.value.substring(1)
+
+    })
+    if (res.data.rows) {
+        articles.value = articles.value.concat(res.data.rows)
+    }
+    if (!res.data.rows || res.data.rows.length < 10) {
+        finished.value = true;
+    }
+    loading.value = false;
+}
+
+window.addEventListener("scroll", () => {
+    showFilter.value = window.scrollY < 200
+});
+
+
+</script>
+
+<template>
+    <div class="bg-gray-50">
+        <van-search class="w-full" placeholder="请输入搜索关键词"/>
+        <van-tabs v-model:active="categoryId" sticky swipeable @change="onRefresh">
+            <template #nav-bottom>
+                <van-dropdown-menu v-show="showFilter">
+                    <van-dropdown-item v-model="filterMall" :options="optionMall" @change="onRefresh"/>
+                    <van-dropdown-item v-model="filterDate" :options="optionDate" @change="onRefresh"/>
+                    <van-dropdown-item v-model="sorter" :options="optionSorter" @change="onRefresh"/>
+                </van-dropdown-menu>
+            </template>
+            <van-tab v-for="(category,i) in categories" :key="i" :name="category.id" :title="category.title">
+                <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
+                    <van-list
+                        v-model:loading="loading"
+                        :finished="finished"
+                        class="min-h-screen mb-12"
+                        finished-text="没有更多了"
+                        @load="loadArticles"
+                    >
+                        <div v-for="(article,i) in articles" :key="i"
+                             class="grid grid-cols-12 bg-white gap-2 m-2 text-sm rounded-lg overflow-hidden">
+                            <div class="col-span-4">
+                                <van-image :src="`http://172.29.19.105:9000/ddf/${article.id}${article.picExtension}`" class="w-full" lazy-load>
+                                </van-image>
+                            </div>
+                            <div class="col-span-8 py-1">
+                                <p>{{ article.title }}</p>
+                                <p class="text-red-600">{{ article.price }}</p>
+                            </div>
+                            <div class="col-span-2 text-center">
+                                <van-icon name="good-job-o"/>
+                                {{ article.worthy }}
+                            </div>
+                            <div class="col-span-2 text-center">
+                                <van-icon name="good-job-o"/>
+                                {{ article.unworthy }}
+                            </div>
+                            <div class="col-span-8 text-right text-green-600 pr-1">{{ article.timeAgo }}</div>
+                        </div>
+                    </van-list>
+                </van-pull-refresh>
+            </van-tab>
+        </van-tabs>
+
+
+    </div>
+</template>
\ No newline at end of file
diff --git a/src/frontend/h5/src/views/ProductView.vue b/src/frontend/h5/src/views/ProductView.vue
new file mode 100644
index 00000000..ea7a4e4e
--- /dev/null
+++ b/src/frontend/h5/src/views/ProductView.vue
@@ -0,0 +1,35 @@
+<script setup>
+import {getCurrentInstance, ref} from "vue";
+import router from "@/router";
+
+const product = ref({})
+const _this = getCurrentInstance().proxy
+loadProduct()
+
+
+async function loadProduct() {
+    let res = await _this.$API['biz/product'].get.post({
+        id: router.currentRoute.value.query.id
+    })
+    product.value = res.data
+}
+
+
+</script>
+
+<template>
+    <div class="px-2">
+        <div class="w-full relative h-0" style="padding-bottom:100%">
+            <van-image :src="product.imageUrl" class="top-0 left-0 w-full h-full" style="position:absolute"></van-image>
+        </div>
+        <p>{{ product.name }}</p>
+        <p class="text-right text-red-600">&yen;{{ product.price / 100 }}</p>
+        <p class="text-sm">{{ product.description }}</p>
+    </div>
+    <van-action-bar>
+        <van-action-bar-icon icon="chat-o" text="客服" @click="onClickIcon"/>
+        <van-action-bar-icon icon="cart-o" text="购物车" @click="onClickIcon"/>
+        <van-action-bar-icon icon="shop-o" text="店铺" @click="onClickIcon"/>
+        <van-action-bar-button text="立即购买" type="danger" @click="onClickButton"/>
+    </van-action-bar>
+</template>
\ No newline at end of file
diff --git a/src/frontend/h5/src/views/account/LoginByPwdView.vue b/src/frontend/h5/src/views/account/LoginByPwdView.vue
new file mode 100644
index 00000000..a375b87d
--- /dev/null
+++ b/src/frontend/h5/src/views/account/LoginByPwdView.vue
@@ -0,0 +1,70 @@
+<script setup>
+import {getCurrentInstance, onMounted, ref} from "vue";
+
+let _this
+const form = ref({
+    account: '',
+    password: ''
+})
+onMounted(async () => {
+    _this = getCurrentInstance().proxy
+    form.value.account = _this.$TOOL.data.get('mobile')
+})
+
+async function onSubmit() {
+    try {
+        await _this.$API['sys/user'].loginByPwd.post(form.value)
+    } catch {
+        /* empty */
+    }
+}
+</script>
+
+<template>
+    <div class="grid place-items-center h-screen">
+        <van-form class="w-full" @submit="onSubmit">
+            <van-cell-group inset>
+                <van-field
+                    v-model="form.account"
+                    :rules="[{ required: true, message: '请填写账号' }]"
+                    label="账号"
+                    name="账号"
+                    placeholder="用户名 / 手机号"
+                />
+                <van-field
+                    v-model="form.password"
+                    :rules="[{
+                        required: true,
+                        message: '8位以上数字字母组合',
+                        pattern: new RegExp(getCurrentInstance().proxy['$CONFIG'].STRINGS['RGX_PASSWORD']),
+                    }]"
+                    label="密码"
+                    name="密码"
+                    placeholder="登录密码"
+                    type="password"
+                />
+            </van-cell-group>
+
+            <van-cell-group inset>
+                <van-cell class="my-4">
+                    <template #value>
+                        <van-row>
+                            <van-col :span="12" class="text-right"><a href="/account/reset-pwd">找回密码</a></van-col>
+                            <van-col :span="12" class="text-right"><a href="/account/login-by-sms">短信登录</a></van-col>
+                        </van-row>
+                    </template>
+                </van-cell>
+            </van-cell-group>
+            <div class="flex flex-col gap-4 mx-6">
+                <van-button block native-type="submit" round type="primary">
+                    登录
+                </van-button>
+                <van-button block round @click="$router.push('/account/register')">
+                    还没有账号？
+                </van-button>
+            </div>
+        </van-form>
+    </div>
+</template>
+<style>
+</style>
\ No newline at end of file
diff --git a/src/frontend/h5/src/views/account/LoginBySmsView.vue b/src/frontend/h5/src/views/account/LoginBySmsView.vue
new file mode 100644
index 00000000..fec0f149
--- /dev/null
+++ b/src/frontend/h5/src/views/account/LoginBySmsView.vue
@@ -0,0 +1,191 @@
+<script setup>
+import {getCurrentInstance, onMounted, ref, watch} from 'vue'
+import router from '@/router'
+import Verify from "@/components/verifition/Verify.vue";
+
+let _this
+const form = ref({
+    code: '',
+    mobile: ''
+})
+const waitSecReSend = ref(0)
+const loadingReSend = ref(true)
+const loadingNextStep = ref(false)
+const showKeyBoardMobile = ref(true)
+const showKeyboardCode = ref(true)
+let timerReSend
+let stepActive = ref(0)
+onMounted(async () => {
+    _this = getCurrentInstance().proxy
+    form.value.mobile = _this.$TOOL.data.get('mobile')
+})
+
+
+watch(waitSecReSend, (newValue) => {
+    if (newValue === 0) {
+        clearInterval(timerReSend)
+        loadingReSend.value = false
+    }
+})
+
+watch(form.value, (newValue) => {
+    if (newValue.mobile && newValue.mobile.length === 11) {
+        showKeyBoardMobile.value = false
+        _this.$TOOL.data.set('mobile', newValue.mobile)
+    }
+    if (newValue.code && newValue.code.length === 4) {
+        showKeyboardCode.value = false
+    }
+})
+
+async function onSubmit() {
+    if (stepActive.value === 0) {
+        _this.$refs.verify.show()
+    } else if (stepActive.value === 1) {
+        loadingNextStep.value = true
+        try {
+            await _this.$API['sys/user'].loginBySms.post({
+                destMobile: form.value.mobile, code: form.value.code
+            })
+            stepActive.value++
+        } catch {
+            /* empty */
+        }
+        loadingNextStep.value = false
+    }
+    if (stepActive.value === 2) {
+        await router.push('/member')
+    }
+}
+
+async function captchaSuccess(data) {
+    const res = await _this.$API['sys/sms'].sendSmsCode.post({
+        destMobile: form.value.mobile,
+        verifyCaptchaReq: data
+    })
+    if (res.data.code) {
+        form.value.code = res.data.code
+    }
+    stepActive.value = 1
+    waitSecReSend.value = 60
+    loadingReSend.value = true
+    timerReSend = setInterval(() => {
+        --waitSecReSend.value
+    }, 1000)
+}
+</script>
+
+<template>
+    <div class="grid place-items-center h-screen">
+        <van-form class="w-full" @submit="onSubmit">
+            <van-cell-group inset>
+                <van-steps :active="stepActive">
+                    <van-step>填写手机号</van-step>
+                    <van-step>接收验证短信</van-step>
+                    <van-step>登录成功</van-step>
+                </van-steps>
+
+                <van-field
+                    v-if="stepActive === 0"
+                    v-model="form.mobile"
+                    :rules="[
+          { required: true, message: '请填写正确的手机号码' },
+          {
+            pattern: new RegExp(getCurrentInstance().proxy['$CONFIG'].STRINGS['RGX_MOBILE']),
+            message: '请填写正确的手机号码'
+          }        ]"
+                    label="手机号"
+                    label-class="field_label_mobile"
+                    label-width="3rem"
+                >
+                    <template #input>
+                        <van-password-input
+                            :focused="showKeyBoardMobile"
+                            :mask="false"
+                            :value="form.mobile"
+                            class="w-full"
+                            length="11"
+                            @focus="showKeyBoardMobile = true"
+                        />
+                        <van-number-keyboard
+                            v-model="form.mobile"
+                            :show="showKeyBoardMobile"
+                            maxlength="11"
+                            @blur="showKeyBoardMobile = false"
+                        />
+                    </template>
+                </van-field>
+                <van-field
+                    v-if="stepActive === 1"
+                    v-model="form.code"
+                    :rules="[
+          { required: true, message: '请填写正确的验证码' },
+          {
+            pattern: new RegExp(getCurrentInstance().proxy['$CONFIG'].STRINGS['RGX_SMSCODE']),
+            message: '请填写正确的验证码'
+          }
+        ]"
+                    label="验证码"
+                    label-class="field_label_mobile"
+                    label-width="3rem"
+                >
+                    <template #input>
+                        <van-password-input
+                            :focused="showKeyboardCode"
+                            :mask="false"
+                            :value="form.code"
+                            class="w-full"
+                            length="4"
+                            @focus="showKeyboardCode = true"
+                        />
+                        <van-number-keyboard
+                            v-model="form.code"
+                            :show="showKeyboardCode"
+                            maxlength="4"
+                            @blur="showKeyboardCode = false"
+                        />
+                    </template>
+                </van-field>
+            </van-cell-group>
+            <div class="flex flex-col gap-4 mx-6 mt-4">
+                <van-button
+                    v-if="stepActive === 1"
+                    :disabled="loadingReSend"
+                    :loading="loadingReSend"
+                    :loading-text="`未收到？点击重发（${waitSecReSend}秒）`"
+                    block
+                    plain
+                    round
+                    type="primary"
+                    @click="_this.$refs.verify.show()"
+                >
+                    未收到？点击重发
+                </van-button>
+
+                <van-button
+                    :disabled="loadingNextStep"
+                    :loadingNextStep="loadingNextStep"
+                    block
+                    native-type="submit"
+                    round
+                    type="primary"
+                >{{ stepActive === 3 ? '进入会员中心' : '下一步' }}
+                </van-button>
+            </div>
+
+
+            <Verify
+                ref="verify"
+                :imgSize="{ width: '310px', height: '155px' }"
+                captchaType="blockPuzzle"
+                mode="pop"
+                @success="captchaSuccess"
+            ></Verify>
+        </van-form>
+    </div>
+</template>
+<style>
+.field_label_mobile {
+    line-height: var(--van-password-input-height);
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/h5/src/views/account/RegisterView.vue b/src/frontend/h5/src/views/account/RegisterView.vue
new file mode 100644
index 00000000..f7b20b81
--- /dev/null
+++ b/src/frontend/h5/src/views/account/RegisterView.vue
@@ -0,0 +1,220 @@
+<script setup>
+import {v4 as uuidv4} from "uuid";
+import {getCurrentInstance, onMounted, ref, watch} from 'vue'
+import router from '@/router'
+import Verify from "@/components/verifition/Verify.vue";
+
+let _this
+const form = ref({
+    code: '',
+    mobile: '',
+})
+const waitSecReSend = ref(0)
+const loadingReSend = ref(true)
+const loadingNextStep = ref(false)
+const showKeyBoardMobile = ref(true)
+const showKeyboardCode = ref(true)
+let timerReSend
+let stepActive = ref(0)
+onMounted(async () => {
+    _this = getCurrentInstance().proxy
+})
+
+
+watch(waitSecReSend, (newValue) => {
+    if (newValue === 0) {
+        clearInterval(timerReSend)
+        loadingReSend.value = false
+    }
+})
+
+watch(form.value, (newValue) => {
+    if (newValue.mobile.length === 11) {
+        showKeyBoardMobile.value = false
+
+    }
+    if (newValue.code.length === 4) {
+        showKeyboardCode.value = false
+    }
+})
+
+async function onSubmit() {
+    if (stepActive.value === 0) {
+        _this.$refs.verify.show()
+    } else if (stepActive.value === 1) {
+        loadingNextStep.value = true
+        try {
+            await _this.$API['biz/member'].register.post({
+                sysUser: {
+                    verifySmsCodeReq: {destMobile: form.value.mobile, code: form.value.code}
+                    , userName: _this.$CONFIG.STRINGS["FLG_SYSTEM_PREFIX"] +
+                        uuidv4().substring(0, 8),
+                    passwordText: '1234qwer'
+                },
+                payPasswordText: '666666'
+
+            })
+            stepActive.value++
+        } catch {
+            /* empty */
+        }
+        loadingNextStep.value = false
+    } else if (stepActive.value === 2) {
+        await router.push('/member')
+    }
+}
+
+async function captchaSuccess(data) {
+    const res = await _this.$API['sys/sms'].sendSmsCode.post({
+        destMobile: form.value.mobile,
+        verifyCaptchaReq: data
+    })
+    if (res.data.code) {
+        form.value.code = res.data.code
+    }
+    stepActive.value = 1
+    waitSecReSend.value = 60
+    loadingReSend.value = true
+    timerReSend = setInterval(() => {
+        --waitSecReSend.value
+    }, 1000)
+}
+</script>
+
+<template>
+    <div class="grid place-items-center h-screen">
+        <van-form class="w-full" @submit="onSubmit">
+            <van-cell-group inset>
+                <van-steps :active="stepActive">
+                    <van-step>填写手机号</van-step>
+                    <van-step>接收验证短信</van-step>
+                    <van-step>注册成功</van-step>
+                </van-steps>
+
+
+                <van-field
+                    v-if="stepActive === 0"
+                    v-model="form.mobile"
+                    :rules="[
+          { required: true, message: '请填写正确的手机号码' },
+          {
+            pattern: new RegExp(getCurrentInstance().proxy['$CONFIG'].STRINGS['RGX_MOBILE']),
+            message: '请填写正确的手机号码'
+          },
+          {
+            validator: async () => {
+              loadingNextStep = true
+              const res = await _this.$API['sys/user'].checkMobileAvailable.post({
+                mobile: form.mobile
+              })
+              loadingNextStep = false
+              return res.data === true
+            },
+            message: '手机号已被注册'
+          }
+        ]"
+                    label="手机号"
+                    label-class="field_label_mobile"
+                    label-width="3rem"
+                >
+                    <template #input>
+                        <van-password-input
+                            :focused="showKeyBoardMobile"
+                            :mask="false"
+                            :value="form.mobile"
+                            class="w-full"
+                            length="11"
+                            @focus="showKeyBoardMobile = true"
+                        />
+                        <van-number-keyboard
+                            v-model="form.mobile"
+                            :show="showKeyBoardMobile"
+                            maxlength="11"
+                            @blur="showKeyBoardMobile = false"
+                        />
+                    </template>
+                </van-field>
+
+                <van-field
+                    v-if="stepActive === 1"
+                    v-model="form.code"
+                    :rules="[
+          { required: true, message: '请填写正确的验证码' },
+          {
+            pattern: new RegExp(getCurrentInstance().proxy['$CONFIG'].STRINGS['RGX_SMSCODE']),
+            message: '请填写正确的验证码'
+          }
+        ]"
+                    label="验证码"
+                    label-class="field_label_mobile"
+                    label-width="3rem"
+                >
+                    <template #input>
+                        <van-password-input
+                            :focused="showKeyboardCode"
+                            :mask="false"
+                            :value="form.code"
+                            class="w-full"
+                            length="4"
+                            @focus="showKeyboardCode = true"
+                        />
+                        <van-number-keyboard
+                            v-model="form.code"
+                            :show="showKeyboardCode"
+                            maxlength="4"
+                            @blur="showKeyboardCode = false"
+                        />
+                    </template>
+                </van-field>
+
+                <van-field v-if="stepActive === 2" label-width="3rem">
+                    <template #input>
+                        <div class="w-full flex flex-col items-center">
+                            <van-icon color="#07c160" name="success" size="120"></van-icon>
+                            <p>账号注册成功！</p>
+                        </div>
+                    </template>
+                </van-field>
+            </van-cell-group>
+            <div class="flex flex-col gap-4 mx-6 mt-4">
+                <van-button
+                    v-if="stepActive === 1"
+                    :disabled="loadingReSend"
+                    :loading="loadingReSend"
+                    :loading-text="`未收到？点击重发（${waitSecReSend}秒）`"
+                    block
+                    plain
+                    round
+                    type="primary"
+                    @click="_this.$refs.verify.show()"
+                >
+                    未收到？点击重发
+                </van-button>
+
+                <van-button
+                    :disabled="loadingNextStep"
+                    :loadingNextStep="loadingNextStep"
+                    block
+                    native-type="submit"
+                    round
+                    type="primary"
+                >{{ stepActive === 2 ? '进入会员中心' : '下一步' }}
+                </van-button>
+
+            </div>
+
+            <Verify
+                ref="verify"
+                :imgSize="{ width: '310px', height: '155px' }"
+                captchaType="blockPuzzle"
+                mode="pop"
+                @success="captchaSuccess"
+            ></Verify>
+        </van-form>
+    </div>
+</template>
+<style>
+.field_label_mobile {
+    line-height: var(--van-password-input-height);
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/h5/src/views/account/ResetPwdView.vue b/src/frontend/h5/src/views/account/ResetPwdView.vue
new file mode 100644
index 00000000..cc5bdbf7
--- /dev/null
+++ b/src/frontend/h5/src/views/account/ResetPwdView.vue
@@ -0,0 +1,211 @@
+<script setup>
+import {getCurrentInstance, onMounted, ref, watch} from 'vue'
+import Verify from "@/components/verifition/Verify.vue";
+
+let _this
+const form = ref({
+    verifySmsCodeReq: {
+        code: '',
+        destMobile: '',
+    },
+    passwordText: ''
+})
+const waitSecReSend = ref(0)
+const loadingReSend = ref(true)
+const loadingNextStep = ref(false)
+const showKeyBoardMobile = ref(true)
+const showKeyboardCode = ref(true)
+let timerReSend
+let stepActive = ref(0)
+onMounted(async () => {
+    _this = getCurrentInstance().proxy
+    form.value.verifySmsCodeReq.destMobile = _this.$TOOL.data.get('mobile')
+})
+
+
+watch(waitSecReSend, (newValue) => {
+    if (newValue === 0) {
+        clearInterval(timerReSend)
+        loadingReSend.value = false
+    }
+})
+
+watch(form.value, (newValue) => {
+    if (newValue.verifySmsCodeReq.destMobile.length === 11) {
+        showKeyBoardMobile.value = false
+        _this.$TOOL.data.set('mobile', newValue.verifySmsCodeReq.destMobile)
+    }
+    if (newValue.verifySmsCodeReq.code.length === 4) {
+        showKeyboardCode.value = false
+    }
+})
+
+async function onSubmit() {
+    if (stepActive.value === 0) {
+        _this.$refs.verify.show()
+    } else if (stepActive.value === 1) {
+        loadingNextStep.value = true
+        try {
+            await _this.$API['sys/user'].resetPassword.post(form.value)
+            stepActive.value++
+        } catch {
+            /* empty */
+        }
+        loadingNextStep.value = false
+    } else if (stepActive.value === 2) {
+        _this.$router.push('/login-by-pwd')
+    }
+}
+
+async function captchaSuccess(data) {
+    const res = await _this.$API['sys/sms'].sendSmsCode.post({
+        destMobile: form.value.verifySmsCodeReq.destMobile,
+        verifyCaptchaReq: data
+    })
+    if (res.data.code) {
+        form.value.verifySmsCodeReq.code = res.data.code
+    }
+    stepActive.value = 1
+    waitSecReSend.value = 60
+    loadingReSend.value = true
+    timerReSend = setInterval(() => {
+        --waitSecReSend.value
+    }, 1000)
+}
+</script>
+
+<template>
+    <div class="grid place-items-center h-screen">
+        <van-form class="w-full" @submit="onSubmit">
+            <van-cell-group inset>
+                <van-steps :active="stepActive">
+                    <van-step>填写手机号</van-step>
+                    <van-step>接收验证短信</van-step>
+                    <van-step>重设密码完成</van-step>
+                </van-steps>
+
+                <van-field
+                    v-if="stepActive === 0"
+                    v-model="form.verifySmsCodeReq.destMobile"
+                    :rules="[
+          { required: true, message: '请填写正确的手机号码' },
+          {
+            pattern: new RegExp(getCurrentInstance().proxy['$CONFIG'].STRINGS['RGX_MOBILE']),
+            message: '请填写正确的手机号码'
+          }        ]"
+                    label="手机号"
+                    label-class="field_label_mobile"
+                    label-width="3rem"
+                >
+                    <template #input>
+                        <van-password-input
+                            :focused="showKeyBoardMobile"
+                            :mask="false"
+                            :value="form.verifySmsCodeReq.destMobile"
+                            class="w-full"
+                            length="11"
+                            @focus="showKeyBoardMobile = true"
+                        />
+                        <van-number-keyboard
+                            v-model="form.verifySmsCodeReq.destMobile"
+                            :show="showKeyBoardMobile"
+                            maxlength="11"
+                            @blur="showKeyBoardMobile = false"
+                        />
+                    </template>
+                </van-field>
+                <van-field
+                    v-if="stepActive === 1"
+                    v-model="form.verifySmsCodeReq.code"
+                    :rules="[
+          { required: true, message: '请填写正确的验证码' },
+          {
+            pattern: new RegExp(getCurrentInstance().proxy['$CONFIG'].STRINGS['RGX_SMSCODE']),
+            message: '请填写正确的验证码'
+          }
+        ]"
+                    label="验证码"
+                    label-class="field_label_mobile"
+                    label-width="3rem"
+                >
+                    <template #input>
+                        <van-password-input
+                            :focused="showKeyboardCode"
+                            :mask="false"
+                            :value="form.verifySmsCodeReq.code"
+                            class="w-full"
+                            length="4"
+                            @focus="showKeyboardCode = true"
+                        />
+                        <van-number-keyboard
+                            v-model="form.verifySmsCodeReq.code"
+                            :show="showKeyboardCode"
+                            maxlength="4"
+                            @blur="showKeyboardCode = false"
+                        />
+                    </template>
+                </van-field>
+                <van-field
+                    v-if="stepActive === 1"
+                    v-model="form.passwordText"
+                    :rules="[{
+                        required: true,
+                        message: '8位以上数字字母组合',
+                        pattern: new RegExp(getCurrentInstance().proxy['$CONFIG'].STRINGS['RGX_PASSWORD']),
+                    }]"
+                    label="密码"
+                    name="密码"
+                    placeholder="设置新的登录密码"
+                    type="password"
+                />
+                <van-field v-if="stepActive === 2" label-width="3rem">
+                    <template #input>
+                        <div class="w-full flex flex-col items-center">
+                            <van-icon color="#07c160" name="success" size="120"></van-icon>
+                            <p>密码重设成功！</p>
+                        </div>
+                    </template>
+                </van-field>
+            </van-cell-group>
+            <div class="flex flex-col gap-4 mx-6 mt-4">
+                <van-button
+                    v-if="stepActive === 1"
+                    :disabled="loadingReSend"
+                    :loading="loadingReSend"
+                    :loading-text="`未收到？点击重发（${waitSecReSend}秒）`"
+                    block
+                    plain
+                    round
+                    type="primary"
+                    @click="_this.$refs.verify.show()"
+                >
+                    未收到？点击重发
+                </van-button>
+
+                <van-button
+                    :disabled="loadingNextStep"
+                    :loadingNextStep="loadingNextStep"
+                    block
+                    native-type="submit"
+                    round
+                    type="primary"
+                >{{ stepActive === 2 ? '账号登录' : '下一步' }}
+                </van-button>
+            </div>
+
+
+            <Verify
+                ref="verify"
+                :imgSize="{ width: '310px', height: '155px' }"
+                captchaType="blockPuzzle"
+                mode="pop"
+                @success="captchaSuccess"
+            ></Verify>
+        </van-form>
+    </div>
+</template>
+<style>
+.field_label_mobile {
+    line-height: var(--van-password-input-height);
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/h5/src/views/member/IndexView.vue b/src/frontend/h5/src/views/member/IndexView.vue
new file mode 100644
index 00000000..43cbb0c8
--- /dev/null
+++ b/src/frontend/h5/src/views/member/IndexView.vue
@@ -0,0 +1,33 @@
+<script setup>
+import {getCurrentInstance, onMounted, ref} from "vue";
+
+const memberInfo = ref({sysUser: {userName: ''}})
+let _this
+onMounted(async () => {
+    _this = getCurrentInstance().proxy
+    const res = await _this.$API['biz/member'].memberInfo.post()
+    memberInfo.value = res.data
+    console.log(memberInfo.value)
+})
+</script>
+
+<template>
+    <div class="m-4 grid grid-rows-2 grid-cols-4 grid-flow-col gap-4">
+        <div class="row-span-2">
+            <van-image height="4rem" round src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" width="4rem"></van-image>
+        </div>
+        <div class="col-span-3 text-sm">{{ memberInfo.sysUser.userName }}</div>
+        <div class='col-span-3 text-sm'>{{ memberInfo.sysUser.mobile }}</div>
+    </div>
+    <van-cell-group>
+        <van-cell is-link title="设置" to="/"></van-cell>
+        <van-cell is-link title="设置" to="/"></van-cell>
+        <van-cell is-link title="设置" to="/"></van-cell>
+        <van-cell is-link title="设置" to="/"></van-cell>
+        <van-cell is-link title="设置" to="/"></van-cell>
+        <van-cell is-link title="设置" to="/"></van-cell>
+        <van-cell is-link title="设置" to="/"></van-cell>
+        <van-cell is-link title="设置" to="/"></van-cell>
+    </van-cell-group>
+
+</template>
\ No newline at end of file
diff --git a/src/frontend/h5/tailwind.config.js b/src/frontend/h5/tailwind.config.js
new file mode 100644
index 00000000..fa42665e
--- /dev/null
+++ b/src/frontend/h5/tailwind.config.js
@@ -0,0 +1,991 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ['./src/**/*.{html,js,vue}'],
+  presets: [],
+  darkMode: 'media', // or 'class'
+  theme: {
+    accentColor: ({ theme }) => ({
+      ...theme('colors'),
+      auto: 'auto'
+    }),
+    animation: {
+      none: 'none',
+      spin: 'spin 1s linear infinite',
+      ping: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite',
+      pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+      bounce: 'bounce 1s infinite'
+    },
+    aria: {
+      checked: 'checked="true"',
+      disabled: 'disabled="true"',
+      expanded: 'expanded="true"',
+      hidden: 'hidden="true"',
+      pressed: 'pressed="true"',
+      readonly: 'readonly="true"',
+      required: 'required="true"',
+      selected: 'selected="true"'
+    },
+    aspectRatio: {
+      auto: 'auto',
+      square: '1 / 1',
+      video: '16 / 9'
+    },
+    backdropBlur: ({ theme }) => theme('blur'),
+    backdropBrightness: ({ theme }) => theme('brightness'),
+    backdropContrast: ({ theme }) => theme('contrast'),
+    backdropGrayscale: ({ theme }) => theme('grayscale'),
+    backdropHueRotate: ({ theme }) => theme('hueRotate'),
+    backdropInvert: ({ theme }) => theme('invert'),
+    backdropOpacity: ({ theme }) => theme('opacity'),
+    backdropSaturate: ({ theme }) => theme('saturate'),
+    backdropSepia: ({ theme }) => theme('sepia'),
+    backgroundColor: ({ theme }) => theme('colors'),
+    backgroundImage: {
+      none: 'none',
+      'gradient-to-t': 'linear-gradient(to top, var(--tw-gradient-stops))',
+      'gradient-to-tr': 'linear-gradient(to top right, var(--tw-gradient-stops))',
+      'gradient-to-r': 'linear-gradient(to right, var(--tw-gradient-stops))',
+      'gradient-to-br': 'linear-gradient(to bottom right, var(--tw-gradient-stops))',
+      'gradient-to-b': 'linear-gradient(to bottom, var(--tw-gradient-stops))',
+      'gradient-to-bl': 'linear-gradient(to bottom left, var(--tw-gradient-stops))',
+      'gradient-to-l': 'linear-gradient(to left, var(--tw-gradient-stops))',
+      'gradient-to-tl': 'linear-gradient(to top left, var(--tw-gradient-stops))'
+    },
+    backgroundOpacity: ({ theme }) => theme('opacity'),
+    backgroundPosition: {
+      bottom: 'bottom',
+      center: 'center',
+      left: 'left',
+      'left-bottom': 'left bottom',
+      'left-top': 'left top',
+      right: 'right',
+      'right-bottom': 'right bottom',
+      'right-top': 'right top',
+      top: 'top'
+    },
+    backgroundSize: {
+      auto: 'auto',
+      cover: 'cover',
+      contain: 'contain'
+    },
+    blur: {
+      0: '0',
+      none: '0',
+      sm: '4px',
+      DEFAULT: '8px',
+      md: '12px',
+      lg: '16px',
+      xl: '24px',
+      '2xl': '40px',
+      '3xl': '64px'
+    },
+    borderColor: ({ theme }) => ({
+      ...theme('colors'),
+      DEFAULT: theme('colors.gray.200', 'currentColor')
+    }),
+    borderOpacity: ({ theme }) => theme('opacity'),
+    borderRadius: {
+      none: '0px',
+      sm: '0.125rem',
+      DEFAULT: '0.25rem',
+      md: '0.375rem',
+      lg: '0.5rem',
+      xl: '0.75rem',
+      '2xl': '1rem',
+      '3xl': '1.5rem',
+      full: '9999px'
+    },
+    borderSpacing: ({ theme }) => ({
+      ...theme('spacing')
+    }),
+    borderWidth: {
+      DEFAULT: '1px',
+      0: '0px',
+      2: '2px',
+      4: '4px',
+      8: '8px'
+    },
+    boxShadow: {
+      sm: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
+      DEFAULT: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
+      md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
+      lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
+      xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',
+      '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',
+      inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',
+      none: 'none'
+    },
+    boxShadowColor: ({ theme }) => theme('colors'),
+    brightness: {
+      0: '0',
+      50: '.5',
+      75: '.75',
+      90: '.9',
+      95: '.95',
+      100: '1',
+      105: '1.05',
+      110: '1.1',
+      125: '1.25',
+      150: '1.5',
+      200: '2'
+    },
+    caretColor: ({ theme }) => theme('colors'),
+    colors: ({ colors }) => ({
+      inherit: colors.inherit,
+      current: colors.current,
+      transparent: colors.transparent,
+      black: colors.black,
+      white: colors.white,
+      slate: colors.slate,
+      gray: colors.gray,
+      zinc: colors.zinc,
+      neutral: colors.neutral,
+      stone: colors.stone,
+      red: colors.red,
+      orange: colors.orange,
+      amber: colors.amber,
+      yellow: colors.yellow,
+      lime: colors.lime,
+      green: colors.green,
+      emerald: colors.emerald,
+      teal: colors.teal,
+      cyan: colors.cyan,
+      sky: colors.sky,
+      blue: colors.blue,
+      indigo: colors.indigo,
+      violet: colors.violet,
+      purple: colors.purple,
+      fuchsia: colors.fuchsia,
+      pink: colors.pink,
+      rose: colors.rose
+    }),
+    columns: {
+      auto: 'auto',
+      1: '1',
+      2: '2',
+      3: '3',
+      4: '4',
+      5: '5',
+      6: '6',
+      7: '7',
+      8: '8',
+      9: '9',
+      10: '10',
+      11: '11',
+      12: '12',
+      '3xs': '16rem',
+      '2xs': '18rem',
+      xs: '20rem',
+      sm: '24rem',
+      md: '28rem',
+      lg: '32rem',
+      xl: '36rem',
+      '2xl': '42rem',
+      '3xl': '48rem',
+      '4xl': '56rem',
+      '5xl': '64rem',
+      '6xl': '72rem',
+      '7xl': '80rem'
+    },
+    container: {},
+    content: {
+      none: 'none'
+    },
+    contrast: {
+      0: '0',
+      50: '.5',
+      75: '.75',
+      100: '1',
+      125: '1.25',
+      150: '1.5',
+      200: '2'
+    },
+    cursor: {
+      auto: 'auto',
+      default: 'default',
+      pointer: 'pointer',
+      wait: 'wait',
+      text: 'text',
+      move: 'move',
+      help: 'help',
+      'not-allowed': 'not-allowed',
+      none: 'none',
+      'context-menu': 'context-menu',
+      progress: 'progress',
+      cell: 'cell',
+      crosshair: 'crosshair',
+      'vertical-text': 'vertical-text',
+      alias: 'alias',
+      copy: 'copy',
+      'no-drop': 'no-drop',
+      grab: 'grab',
+      grabbing: 'grabbing',
+      'all-scroll': 'all-scroll',
+      'col-resize': 'col-resize',
+      'row-resize': 'row-resize',
+      'n-resize': 'n-resize',
+      'e-resize': 'e-resize',
+      's-resize': 's-resize',
+      'w-resize': 'w-resize',
+      'ne-resize': 'ne-resize',
+      'nw-resize': 'nw-resize',
+      'se-resize': 'se-resize',
+      'sw-resize': 'sw-resize',
+      'ew-resize': 'ew-resize',
+      'ns-resize': 'ns-resize',
+      'nesw-resize': 'nesw-resize',
+      'nwse-resize': 'nwse-resize',
+      'zoom-in': 'zoom-in',
+      'zoom-out': 'zoom-out'
+    },
+    divideColor: ({ theme }) => theme('borderColor'),
+    divideOpacity: ({ theme }) => theme('borderOpacity'),
+    divideWidth: ({ theme }) => theme('borderWidth'),
+    dropShadow: {
+      sm: '0 1px 1px rgb(0 0 0 / 0.05)',
+      DEFAULT: ['0 1px 2px rgb(0 0 0 / 0.1)', '0 1px 1px rgb(0 0 0 / 0.06)'],
+      md: ['0 4px 3px rgb(0 0 0 / 0.07)', '0 2px 2px rgb(0 0 0 / 0.06)'],
+      lg: ['0 10px 8px rgb(0 0 0 / 0.04)', '0 4px 3px rgb(0 0 0 / 0.1)'],
+      xl: ['0 20px 13px rgb(0 0 0 / 0.03)', '0 8px 5px rgb(0 0 0 / 0.08)'],
+      '2xl': '0 25px 25px rgb(0 0 0 / 0.15)',
+      none: '0 0 #0000'
+    },
+    fill: ({ theme }) => ({
+      none: 'none',
+      ...theme('colors')
+    }),
+    flex: {
+      1: '1 1 0%',
+      auto: '1 1 auto',
+      initial: '0 1 auto',
+      none: 'none'
+    },
+    flexBasis: ({ theme }) => ({
+      auto: 'auto',
+      ...theme('spacing'),
+      '1/2': '50%',
+      '1/3': '33.333333%',
+      '2/3': '66.666667%',
+      '1/4': '25%',
+      '2/4': '50%',
+      '3/4': '75%',
+      '1/5': '20%',
+      '2/5': '40%',
+      '3/5': '60%',
+      '4/5': '80%',
+      '1/6': '16.666667%',
+      '2/6': '33.333333%',
+      '3/6': '50%',
+      '4/6': '66.666667%',
+      '5/6': '83.333333%',
+      '1/12': '8.333333%',
+      '2/12': '16.666667%',
+      '3/12': '25%',
+      '4/12': '33.333333%',
+      '5/12': '41.666667%',
+      '6/12': '50%',
+      '7/12': '58.333333%',
+      '8/12': '66.666667%',
+      '9/12': '75%',
+      '10/12': '83.333333%',
+      '11/12': '91.666667%',
+      full: '100%'
+    }),
+    flexGrow: {
+      0: '0',
+      DEFAULT: '1'
+    },
+    flexShrink: {
+      0: '0',
+      DEFAULT: '1'
+    },
+    fontFamily: {
+      sans: [
+        'ui-sans-serif',
+        'system-ui',
+        '-apple-system',
+        'BlinkMacSystemFont',
+        '"Segoe UI"',
+        'Roboto',
+        '"Helvetica Neue"',
+        'Arial',
+        '"Noto Sans"',
+        'sans-serif',
+        '"Apple Color Emoji"',
+        '"Segoe UI Emoji"',
+        '"Segoe UI Symbol"',
+        '"Noto Color Emoji"'
+      ],
+      serif: ['ui-serif', 'Georgia', 'Cambria', '"Times New Roman"', 'Times', 'serif'],
+      mono: [
+        'ui-monospace',
+        'SFMono-Regular',
+        'Menlo',
+        'Monaco',
+        'Consolas',
+        '"Liberation Mono"',
+        '"Courier New"',
+        'monospace'
+      ]
+    },
+    fontSize: {
+      xs: ['0.75rem', { lineHeight: '1rem' }],
+      sm: ['0.875rem', { lineHeight: '1.25rem' }],
+      base: ['1rem', { lineHeight: '1.5rem' }],
+      lg: ['1.125rem', { lineHeight: '1.75rem' }],
+      xl: ['1.25rem', { lineHeight: '1.75rem' }],
+      '2xl': ['1.5rem', { lineHeight: '2rem' }],
+      '3xl': ['1.875rem', { lineHeight: '2.25rem' }],
+      '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
+      '5xl': ['3rem', { lineHeight: '1' }],
+      '6xl': ['3.75rem', { lineHeight: '1' }],
+      '7xl': ['4.5rem', { lineHeight: '1' }],
+      '8xl': ['6rem', { lineHeight: '1' }],
+      '9xl': ['8rem', { lineHeight: '1' }]
+    },
+    fontWeight: {
+      thin: '100',
+      extralight: '200',
+      light: '300',
+      normal: '400',
+      medium: '500',
+      semibold: '600',
+      bold: '700',
+      extrabold: '800',
+      black: '900'
+    },
+    gap: ({ theme }) => theme('spacing'),
+    gradientColorStops: ({ theme }) => theme('colors'),
+    gradientColorStopPositions: {
+      '0%': '0%',
+      '5%': '5%',
+      '10%': '10%',
+      '15%': '15%',
+      '20%': '20%',
+      '25%': '25%',
+      '30%': '30%',
+      '35%': '35%',
+      '40%': '40%',
+      '45%': '45%',
+      '50%': '50%',
+      '55%': '55%',
+      '60%': '60%',
+      '65%': '65%',
+      '70%': '70%',
+      '75%': '75%',
+      '80%': '80%',
+      '85%': '85%',
+      '90%': '90%',
+      '95%': '95%',
+      '100%': '100%'
+    },
+    grayscale: {
+      0: '0',
+      DEFAULT: '100%'
+    },
+    gridAutoColumns: {
+      auto: 'auto',
+      min: 'min-content',
+      max: 'max-content',
+      fr: 'minmax(0, 1fr)'
+    },
+    gridAutoRows: {
+      auto: 'auto',
+      min: 'min-content',
+      max: 'max-content',
+      fr: 'minmax(0, 1fr)'
+    },
+    gridColumn: {
+      auto: 'auto',
+      'span-1': 'span 1 / span 1',
+      'span-2': 'span 2 / span 2',
+      'span-3': 'span 3 / span 3',
+      'span-4': 'span 4 / span 4',
+      'span-5': 'span 5 / span 5',
+      'span-6': 'span 6 / span 6',
+      'span-7': 'span 7 / span 7',
+      'span-8': 'span 8 / span 8',
+      'span-9': 'span 9 / span 9',
+      'span-10': 'span 10 / span 10',
+      'span-11': 'span 11 / span 11',
+      'span-12': 'span 12 / span 12',
+      'span-full': '1 / -1'
+    },
+    gridColumnEnd: {
+      auto: 'auto',
+      1: '1',
+      2: '2',
+      3: '3',
+      4: '4',
+      5: '5',
+      6: '6',
+      7: '7',
+      8: '8',
+      9: '9',
+      10: '10',
+      11: '11',
+      12: '12',
+      13: '13'
+    },
+    gridColumnStart: {
+      auto: 'auto',
+      1: '1',
+      2: '2',
+      3: '3',
+      4: '4',
+      5: '5',
+      6: '6',
+      7: '7',
+      8: '8',
+      9: '9',
+      10: '10',
+      11: '11',
+      12: '12',
+      13: '13'
+    },
+    gridRow: {
+      auto: 'auto',
+      'span-1': 'span 1 / span 1',
+      'span-2': 'span 2 / span 2',
+      'span-3': 'span 3 / span 3',
+      'span-4': 'span 4 / span 4',
+      'span-5': 'span 5 / span 5',
+      'span-6': 'span 6 / span 6',
+      'span-full': '1 / -1'
+    },
+    gridRowEnd: {
+      auto: 'auto',
+      1: '1',
+      2: '2',
+      3: '3',
+      4: '4',
+      5: '5',
+      6: '6',
+      7: '7'
+    },
+    gridRowStart: {
+      auto: 'auto',
+      1: '1',
+      2: '2',
+      3: '3',
+      4: '4',
+      5: '5',
+      6: '6',
+      7: '7'
+    },
+    gridTemplateColumns: {
+      none: 'none',
+      1: 'repeat(1, minmax(0, 1fr))',
+      2: 'repeat(2, minmax(0, 1fr))',
+      3: 'repeat(3, minmax(0, 1fr))',
+      4: 'repeat(4, minmax(0, 1fr))',
+      5: 'repeat(5, minmax(0, 1fr))',
+      6: 'repeat(6, minmax(0, 1fr))',
+      7: 'repeat(7, minmax(0, 1fr))',
+      8: 'repeat(8, minmax(0, 1fr))',
+      9: 'repeat(9, minmax(0, 1fr))',
+      10: 'repeat(10, minmax(0, 1fr))',
+      11: 'repeat(11, minmax(0, 1fr))',
+      12: 'repeat(12, minmax(0, 1fr))'
+    },
+    gridTemplateRows: {
+      none: 'none',
+      1: 'repeat(1, minmax(0, 1fr))',
+      2: 'repeat(2, minmax(0, 1fr))',
+      3: 'repeat(3, minmax(0, 1fr))',
+      4: 'repeat(4, minmax(0, 1fr))',
+      5: 'repeat(5, minmax(0, 1fr))',
+      6: 'repeat(6, minmax(0, 1fr))'
+    },
+    height: ({ theme }) => ({
+      auto: 'auto',
+      ...theme('spacing'),
+      '1/2': '50%',
+      '1/3': '33.333333%',
+      '2/3': '66.666667%',
+      '1/4': '25%',
+      '2/4': '50%',
+      '3/4': '75%',
+      '1/5': '20%',
+      '2/5': '40%',
+      '3/5': '60%',
+      '4/5': '80%',
+      '1/6': '16.666667%',
+      '2/6': '33.333333%',
+      '3/6': '50%',
+      '4/6': '66.666667%',
+      '5/6': '83.333333%',
+      full: '100%',
+      screen: '100vh',
+      min: 'min-content',
+      max: 'max-content',
+      fit: 'fit-content'
+    }),
+    hueRotate: {
+      0: '0deg',
+      15: '15deg',
+      30: '30deg',
+      60: '60deg',
+      90: '90deg',
+      180: '180deg'
+    },
+    inset: ({ theme }) => ({
+      auto: 'auto',
+      ...theme('spacing'),
+      '1/2': '50%',
+      '1/3': '33.333333%',
+      '2/3': '66.666667%',
+      '1/4': '25%',
+      '2/4': '50%',
+      '3/4': '75%',
+      full: '100%'
+    }),
+    invert: {
+      0: '0',
+      DEFAULT: '100%'
+    },
+    keyframes: {
+      spin: {
+        to: {
+          transform: 'rotate(360deg)'
+        }
+      },
+      ping: {
+        '75%, 100%': {
+          transform: 'scale(2)',
+          opacity: '0'
+        }
+      },
+      pulse: {
+        '50%': {
+          opacity: '.5'
+        }
+      },
+      bounce: {
+        '0%, 100%': {
+          transform: 'translateY(-25%)',
+          animationTimingFunction: 'cubic-bezier(0.8,0,1,1)'
+        },
+        '50%': {
+          transform: 'none',
+          animationTimingFunction: 'cubic-bezier(0,0,0.2,1)'
+        }
+      }
+    },
+    letterSpacing: {
+      tighter: '-0.05em',
+      tight: '-0.025em',
+      normal: '0em',
+      wide: '0.025em',
+      wider: '0.05em',
+      widest: '0.1em'
+    },
+    lineHeight: {
+      none: '1',
+      tight: '1.25',
+      snug: '1.375',
+      normal: '1.5',
+      relaxed: '1.625',
+      loose: '2',
+      3: '.75rem',
+      4: '1rem',
+      5: '1.25rem',
+      6: '1.5rem',
+      7: '1.75rem',
+      8: '2rem',
+      9: '2.25rem',
+      10: '2.5rem'
+    },
+    listStyleType: {
+      none: 'none',
+      disc: 'disc',
+      decimal: 'decimal'
+    },
+    listStyleImage: {
+      none: 'none'
+    },
+    margin: ({ theme }) => ({
+      auto: 'auto',
+      ...theme('spacing')
+    }),
+    lineClamp: {
+      1: '1',
+      2: '2',
+      3: '3',
+      4: '4',
+      5: '5',
+      6: '6'
+    },
+    maxHeight: ({ theme }) => ({
+      ...theme('spacing'),
+      none: 'none',
+      full: '100%',
+      screen: '100vh',
+      min: 'min-content',
+      max: 'max-content',
+      fit: 'fit-content'
+    }),
+    maxWidth: ({ theme, breakpoints }) => ({
+      none: 'none',
+      0: '0rem',
+      xs: '20rem',
+      sm: '24rem',
+      md: '28rem',
+      lg: '32rem',
+      xl: '36rem',
+      '2xl': '42rem',
+      '3xl': '48rem',
+      '4xl': '56rem',
+      '5xl': '64rem',
+      '6xl': '72rem',
+      '7xl': '80rem',
+      full: '100%',
+      min: 'min-content',
+      max: 'max-content',
+      fit: 'fit-content',
+      prose: '65ch',
+      ...breakpoints(theme('screens'))
+    }),
+    minHeight: {
+      0: '0px',
+      full: '100%',
+      screen: '100vh',
+      min: 'min-content',
+      max: 'max-content',
+      fit: 'fit-content'
+    },
+    minWidth: {
+      0: '0px',
+      full: '100%',
+      min: 'min-content',
+      max: 'max-content',
+      fit: 'fit-content'
+    },
+    objectPosition: {
+      bottom: 'bottom',
+      center: 'center',
+      left: 'left',
+      'left-bottom': 'left bottom',
+      'left-top': 'left top',
+      right: 'right',
+      'right-bottom': 'right bottom',
+      'right-top': 'right top',
+      top: 'top'
+    },
+    opacity: {
+      0: '0',
+      5: '0.05',
+      10: '0.1',
+      20: '0.2',
+      25: '0.25',
+      30: '0.3',
+      40: '0.4',
+      50: '0.5',
+      60: '0.6',
+      70: '0.7',
+      75: '0.75',
+      80: '0.8',
+      90: '0.9',
+      95: '0.95',
+      100: '1'
+    },
+    order: {
+      first: '-9999',
+      last: '9999',
+      none: '0',
+      1: '1',
+      2: '2',
+      3: '3',
+      4: '4',
+      5: '5',
+      6: '6',
+      7: '7',
+      8: '8',
+      9: '9',
+      10: '10',
+      11: '11',
+      12: '12'
+    },
+    outlineColor: ({ theme }) => theme('colors'),
+    outlineOffset: {
+      0: '0px',
+      1: '1px',
+      2: '2px',
+      4: '4px',
+      8: '8px'
+    },
+    outlineWidth: {
+      0: '0px',
+      1: '1px',
+      2: '2px',
+      4: '4px',
+      8: '8px'
+    },
+    padding: ({ theme }) => theme('spacing'),
+    placeholderColor: ({ theme }) => theme('colors'),
+    placeholderOpacity: ({ theme }) => theme('opacity'),
+    ringColor: ({ theme }) => ({
+      DEFAULT: theme('colors.blue.500', '#3b82f6'),
+      ...theme('colors')
+    }),
+    ringOffsetColor: ({ theme }) => theme('colors'),
+    ringOffsetWidth: {
+      0: '0px',
+      1: '1px',
+      2: '2px',
+      4: '4px',
+      8: '8px'
+    },
+    ringOpacity: ({ theme }) => ({
+      DEFAULT: '0.5',
+      ...theme('opacity')
+    }),
+    ringWidth: {
+      DEFAULT: '3px',
+      0: '0px',
+      1: '1px',
+      2: '2px',
+      4: '4px',
+      8: '8px'
+    },
+    rotate: {
+      0: '0deg',
+      1: '1deg',
+      2: '2deg',
+      3: '3deg',
+      6: '6deg',
+      12: '12deg',
+      45: '45deg',
+      90: '90deg',
+      180: '180deg'
+    },
+    saturate: {
+      0: '0',
+      50: '.5',
+      100: '1',
+      150: '1.5',
+      200: '2'
+    },
+    scale: {
+      0: '0',
+      50: '.5',
+      75: '.75',
+      90: '.9',
+      95: '.95',
+      100: '1',
+      105: '1.05',
+      110: '1.1',
+      125: '1.25',
+      150: '1.5'
+    },
+    screens: {
+      sm: '640px',
+      md: '768px',
+      lg: '1024px',
+      xl: '1280px',
+      '2xl': '1536px'
+    },
+    scrollMargin: ({ theme }) => ({
+      ...theme('spacing')
+    }),
+    scrollPadding: ({ theme }) => theme('spacing'),
+    sepia: {
+      0: '0',
+      DEFAULT: '100%'
+    },
+    skew: {
+      0: '0deg',
+      1: '1deg',
+      2: '2deg',
+      3: '3deg',
+      6: '6deg',
+      12: '12deg'
+    },
+    space: ({ theme }) => ({
+      ...theme('spacing')
+    }),
+    spacing: {
+      px: '1px',
+      0: '0px',
+      0.5: '0.125rem',
+      1: '0.25rem',
+      1.5: '0.375rem',
+      2: '0.5rem',
+      2.5: '0.625rem',
+      3: '0.75rem',
+      3.5: '0.875rem',
+      4: '1rem',
+      5: '1.25rem',
+      6: '1.5rem',
+      7: '1.75rem',
+      8: '2rem',
+      9: '2.25rem',
+      10: '2.5rem',
+      11: '2.75rem',
+      12: '3rem',
+      14: '3.5rem',
+      16: '4rem',
+      20: '5rem',
+      24: '6rem',
+      28: '7rem',
+      32: '8rem',
+      36: '9rem',
+      40: '10rem',
+      44: '11rem',
+      48: '12rem',
+      52: '13rem',
+      56: '14rem',
+      60: '15rem',
+      64: '16rem',
+      72: '18rem',
+      80: '20rem',
+      96: '24rem'
+    },
+    stroke: ({ theme }) => ({
+      none: 'none',
+      ...theme('colors')
+    }),
+    strokeWidth: {
+      0: '0',
+      1: '1',
+      2: '2'
+    },
+    supports: {},
+    data: {},
+    textColor: ({ theme }) => theme('colors'),
+    textDecorationColor: ({ theme }) => theme('colors'),
+    textDecorationThickness: {
+      auto: 'auto',
+      'from-font': 'from-font',
+      0: '0px',
+      1: '1px',
+      2: '2px',
+      4: '4px',
+      8: '8px'
+    },
+    textIndent: ({ theme }) => ({
+      ...theme('spacing')
+    }),
+    textOpacity: ({ theme }) => theme('opacity'),
+    textUnderlineOffset: {
+      auto: 'auto',
+      0: '0px',
+      1: '1px',
+      2: '2px',
+      4: '4px',
+      8: '8px'
+    },
+    transformOrigin: {
+      center: 'center',
+      top: 'top',
+      'top-right': 'top right',
+      right: 'right',
+      'bottom-right': 'bottom right',
+      bottom: 'bottom',
+      'bottom-left': 'bottom left',
+      left: 'left',
+      'top-left': 'top left'
+    },
+    transitionDelay: {
+      0: '0s',
+      75: '75ms',
+      100: '100ms',
+      150: '150ms',
+      200: '200ms',
+      300: '300ms',
+      500: '500ms',
+      700: '700ms',
+      1000: '1000ms'
+    },
+    transitionDuration: {
+      DEFAULT: '150ms',
+      0: '0s',
+      75: '75ms',
+      100: '100ms',
+      150: '150ms',
+      200: '200ms',
+      300: '300ms',
+      500: '500ms',
+      700: '700ms',
+      1000: '1000ms'
+    },
+    transitionProperty: {
+      none: 'none',
+      all: 'all',
+      DEFAULT:
+        'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
+      colors: 'color, background-color, border-color, text-decoration-color, fill, stroke',
+      opacity: 'opacity',
+      shadow: 'box-shadow',
+      transform: 'transform'
+    },
+    transitionTimingFunction: {
+      DEFAULT: 'cubic-bezier(0.4, 0, 0.2, 1)',
+      linear: 'linear',
+      in: 'cubic-bezier(0.4, 0, 1, 1)',
+      out: 'cubic-bezier(0, 0, 0.2, 1)',
+      'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)'
+    },
+    translate: ({ theme }) => ({
+      ...theme('spacing'),
+      '1/2': '50%',
+      '1/3': '33.333333%',
+      '2/3': '66.666667%',
+      '1/4': '25%',
+      '2/4': '50%',
+      '3/4': '75%',
+      full: '100%'
+    }),
+    width: ({ theme }) => ({
+      auto: 'auto',
+      ...theme('spacing'),
+      '1/2': '50%',
+      '1/3': '33.333333%',
+      '2/3': '66.666667%',
+      '1/4': '25%',
+      '2/4': '50%',
+      '3/4': '75%',
+      '1/5': '20%',
+      '2/5': '40%',
+      '3/5': '60%',
+      '4/5': '80%',
+      '1/6': '16.666667%',
+      '2/6': '33.333333%',
+      '3/6': '50%',
+      '4/6': '66.666667%',
+      '5/6': '83.333333%',
+      '1/12': '8.333333%',
+      '2/12': '16.666667%',
+      '3/12': '25%',
+      '4/12': '33.333333%',
+      '5/12': '41.666667%',
+      '6/12': '50%',
+      '7/12': '58.333333%',
+      '8/12': '66.666667%',
+      '9/12': '75%',
+      '10/12': '83.333333%',
+      '11/12': '91.666667%',
+      full: '100%',
+      screen: '100vw',
+      min: 'min-content',
+      max: 'max-content',
+      fit: 'fit-content'
+    }),
+    willChange: {
+      auto: 'auto',
+      scroll: 'scroll-position',
+      contents: 'contents',
+      transform: 'transform'
+    },
+    zIndex: {
+      auto: 'auto',
+      0: '0',
+      10: '10',
+      20: '20',
+      30: '30',
+      40: '40',
+      50: '50'
+    }
+  },
+  plugins: []
+}
\ No newline at end of file
diff --git a/src/frontend/h5/vite.config.js b/src/frontend/h5/vite.config.js
new file mode 100644
index 00000000..e26fb91c
--- /dev/null
+++ b/src/frontend/h5/vite.config.js
@@ -0,0 +1,22 @@
+import { fileURLToPath, URL } from 'node:url'
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    }
+  },
+  server: {
+    host: '172.29.19.169',
+    proxy: {
+      '/api': {
+        target: 'http://172.29.19.169:65010',
+        changeOrigin: true
+      }
+    }
+  }
+})
\ No newline at end of file
diff --git a/tools/CloneProjectRefs.ps1 b/tools/CloneProjectRefs.ps1
new file mode 100644
index 00000000..7ebf9e56
--- /dev/null
+++ b/tools/CloneProjectRefs.ps1
@@ -0,0 +1,6 @@
+$refs = ('https://github.com/nsnail/ns-ext.git', 'https://github.com/nsnail/Furion.git', 'https://github.com/nsnail/FreeSql.git')
+
+foreach ($item in $refs)
+{
+    git clone --depth 1 --config "http.proxy=http://127.0.0.1:1081" $item "../refs/$( [regex]::Match($item, '/([^/]+)\.git$').Groups[1] )"
+}
\ No newline at end of file
diff --git a/tools/CodeCleanup.csx b/tools/CodeCleanup.csx
new file mode 100644
index 00000000..cb98db8e
--- /dev/null
+++ b/tools/CodeCleanup.csx
@@ -0,0 +1,44 @@
+using System.Text.RegularExpressions;
+using System.Net.Http;
+using System.Net.Http.Json;
+
+
+{
+    var files = string.Join(
+        ';',
+        Args[0]
+            .Split('\n', StringSplitOptions.RemoveEmptyEntries)
+            .Select(x => x.Replace('\\', '/').Trim())
+    );
+
+    Console.WriteLine(files);
+
+    using var p = Process.Start(
+        new ProcessStartInfo
+        {
+            CreateNoWindow = true,
+            FileName = "dotnet",
+            Arguments = $"jb cleanupcode --include=\"{files}\" --no-build ../NetAdmin.sln",
+            UseShellExecute = false,
+            RedirectStandardOutput = true
+        }
+    );
+    p.WaitForExit();
+    Console.WriteLine(p.StandardOutput.ReadToEnd());
+
+    using var p2 = Process.Start(
+        new ProcessStartInfo
+        {
+            CreateNoWindow = true,
+            FileName = "git",
+            Arguments = $"status",
+            UseShellExecute = false,
+            RedirectStandardOutput = true
+        }
+    );
+    p2.WaitForExit();
+    var content = p2.StandardOutput.ReadToEnd();
+    Console.WriteLine(content);
+
+    return content.Contains("working tree clean") ? 0 : 1;
+}
\ No newline at end of file
diff --git a/tools/CodeCleanup.ps1 b/tools/CodeCleanup.ps1
new file mode 100644
index 00000000..4a6fc66f
--- /dev/null
+++ b/tools/CodeCleanup.ps1
@@ -0,0 +1,7 @@
+$files = $( foreach ($line in $( git diff head origin/dev --stat-width 200 ) | findstr '\|')
+{
+    $line.split('\|')[0].trim()
+} ) -join ';'
+echo $files
+dotnet jb cleanupcode --no-build --include = "$files" ../NetAdmin.sln
+dotnet script ../PushSign.csx
\ No newline at end of file
diff --git a/tools/CodeCleanupFull.ps1 b/tools/CodeCleanupFull.ps1
new file mode 100644
index 00000000..5e79a0a0
--- /dev/null
+++ b/tools/CodeCleanupFull.ps1
@@ -0,0 +1 @@
+dotnet jb cleanupcode --no-build ../NetAdmin.sln
\ No newline at end of file
diff --git a/tools/DotClean.cmd b/tools/DotClean.cmd
new file mode 100644
index 00000000..b396ab2b
--- /dev/null
+++ b/tools/DotClean.cmd
@@ -0,0 +1,3 @@
+dot rbom ../ -w -e refs -e .git -e node_modules
+dot trim ../ -w -e refs -e .git -e node_modules
+dot tolf ../ -w -e refs -e .git -e node_modules
\ No newline at end of file
diff --git a/tools/GenerateLn.cmd b/tools/GenerateLn.cmd
new file mode 100644
index 00000000..26ec0108
--- /dev/null
+++ b/tools/GenerateLn.cmd
@@ -0,0 +1,2 @@
+dotnet t4 ./GenerateLnResx.tt -o ../assets/resx/Ln.resx
+dotnet t4 ./GenerateLnCs.tt -o ../dist/Server/NetAdmin.Infrastructure/Ln.cs
\ No newline at end of file
diff --git a/tools/GenerateLnCs.tt b/tools/GenerateLnCs.tt
new file mode 100644
index 00000000..c36f2b30
--- /dev/null
+++ b/tools/GenerateLnCs.tt
@@ -0,0 +1,78 @@
+<#@ template language="C#" #>
+<#@ assembly name="System.Xml" #>
+<#@ output encoding="utf-8" extension="Designer.cs" #>
+<#@ import namespace="System.Xml" #>
+
+//------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+// </auto-generated>
+//------------------------------------------------------------------------------
+
+using System.CodeDom.Compiler;
+using System.Diagnostics.CodeAnalysis;
+using System.Resources;
+using System.Runtime.CompilerServices;
+
+namespace NetAdmin.Infrastructure.Languages;
+
+/// <summary>
+///     A strongly-typed resource class, for looking up localized strings, etc.
+/// </summary>
+
+// This class was auto-generated by the StronglyTypedResourceBuilder
+// class via a tool like ResGen or Visual Studio.
+// To add or remove a member, edit your .ResX file then rerun ResGen
+// with the /str option, or rebuild your VS project.
+[GeneratedCode("System.Resources.Tools.StronglyTypedResourceBuilder", "4.0.0.0")]
+[DebuggerNonUserCode]
+[CompilerGenerated]
+public sealed class Ln
+{
+    private static ResourceManager _resourceMan;
+
+    /// <summary>
+    ///     Initializes a new instance of the <see cref="Ln" /> class.
+    /// </summary>
+    [SuppressMessage("Microsoft.Performance", "CA1811:AvoidUncalledPrivateCode")]
+    public Ln() { }
+
+    /// <summary>
+    ///     Returns the cached ResourceManager instance used by this class.
+    /// </summary>
+    [EditorBrowsable(EditorBrowsableState.Advanced)]
+    public static ResourceManager ResourceManager {
+        get {
+            if (ReferenceEquals(_resourceMan, null)) {
+                var temp = new ResourceManager("NetAdmin.Infrastructure.Languages.Ln", typeof(Ln).Assembly);
+                _resourceMan = temp;
+            }
+
+            return _resourceMan;
+        }
+    }
+
+    /// <summary>
+    ///     Overrides the current thread's CurrentUICulture property for all
+    ///     resource lookups using this strongly typed resource class.
+    /// </summary>
+    [EditorBrowsable(EditorBrowsableState.Advanced)]
+    public static CultureInfo Culture { get; set; }
+<#
+    var xml = new XmlDocument();
+    xml.Load("../assets/resx/Ln.resx");
+    foreach (XmlNode data in xml.SelectNodes("//root/data")!)
+    {
+#>
+        /// <summary>
+        ///   <#= data.SelectSingleNode("value")?.InnerText #>
+        /// </summary>
+        public static string <#=
+            data.Attributes!["name"].Value.Replace(" ", "_") #> => ResourceManager.GetString("<#= data.Attributes!["name"].Value #>", Culture);
+<#
+    }
+#>
+}
\ No newline at end of file
diff --git a/tools/GenerateLnResx.tt b/tools/GenerateLnResx.tt
new file mode 100644
index 00000000..78e3648d
--- /dev/null
+++ b/tools/GenerateLnResx.tt
@@ -0,0 +1,36 @@
+<#@ template language="C#" #>
+<#@ output encoding="utf-8" extension="resx" #>
+<?xml version="1.0" encoding="utf-8"?>
+<root>
+    <xsd:schema xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata"
+                id="root"
+                xmlns="">
+        <xsd:element name="root" msdata:IsDataSet="true">
+        </xsd:element>
+    </xsd:schema>
+    <resheader name="resmimetype">
+        <value>text/microsoft-resx</value>
+    </resheader>
+    <resheader name="version">
+        <value>1.3</value>
+    </resheader>
+    <resheader name="reader">
+        <value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=2.0.0.0, Culture=neutral,
+            PublicKeyToken=b77a5c561934e089
+        </value>
+    </resheader>
+    <resheader name="writer">
+        <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=2.0.0.0, Culture=neutral,
+            PublicKeyToken=b77a5c561934e089
+        </value>
+    </resheader>
+   <#
+    var regex = new System.Text.RegularExpressions.Regex(@"^\d", System.Text.RegularExpressions.RegexOptions.Compiled);
+    foreach (var line in System.IO.File.ReadLines("../assets/resx/ln.txt"))
+    {
+#>
+    <data name="<#= regex.IsMatch(line) ? "_" : "" #><#= line #>" xml:space="preserve"><value><#= line #></value></data>
+<#
+    }
+#>
+</root>
\ No newline at end of file
diff --git a/tools/GitPR.ps1 b/tools/GitPR.ps1
new file mode 100644
index 00000000..705eb57d
--- /dev/null
+++ b/tools/GitPR.ps1
@@ -0,0 +1,26 @@
+$types = @{
+    '1' = @('FEA', '新增特性')
+    '2' = @('REF', '项目重构')
+    '3' = @('FIX', '缺陷修复')
+    '4' = @('PER', '性能优化')
+    '5' = @('RVT', '还原变更')
+    '6' = @('FMT', '格式整理')
+    '7' = @('DOC', '文档变更')
+    '8' = @('TST', '单元测试')
+    '9' = @('BLD', '工程构建')
+}
+git add ../
+$prefix = ''
+while ($null -eq $types[$prefix])
+{
+    $prefix = Read-Host "请选择提交类型`n" $( & { param($i) $i | ForEach-Object { "$_ : $( $types[$_][0] )（$( $types[$_][1] )）`n" } } $types.Keys | Sort-Object )
+}
+git commit -m "[$($types[$prefix][0])] $(($(Read-Host '是否跳过自动构建？（y/N）') -eq 'y') ? '[SKIP CI] ': '')$(Read-Host '请输入提交消息')"
+$branch = $(git branch --show-current)
+& './DotClean.cmd'
+git add ../
+git commit --amend --no-edit
+git pull
+git push --set-upstream origin $branch
+Start-Process -FilePath "http://git.shequnpay.com/lingyun/NetAdmin/compare/dev...$branch"
+Pause
\ No newline at end of file
diff --git a/tools/GitRecreate.ps1 b/tools/GitRecreate.ps1
new file mode 100644
index 00000000..f3910e20
--- /dev/null
+++ b/tools/GitRecreate.ps1
@@ -0,0 +1,6 @@
+$branch = $(git branch --show-current)
+git checkout dev
+git pull
+git branch -D $branch
+git branch $branch
+git checkout $branch
\ No newline at end of file
diff --git a/tools/IdGenerator.linq b/tools/IdGenerator.linq
new file mode 100644
index 00000000..ee4f8175
--- /dev/null
+++ b/tools/IdGenerator.linq
@@ -0,0 +1,37 @@
+<Query Kind="Program">
+  <NuGetReference>Yitter.IdGenerator</NuGetReference>
+  <Namespace>Yitter.IdGenerator</Namespace>
+</Query>
+
+void Main()
+{
+    //第1步，全局 初始化（应用程序启动时执行一次）：
+
+    // 创建 IdGeneratorOptions 对象，可在构造函数中输入 WorkerId：
+    var options = new IdGeneratorOptions();
+    // options.WorkerIdBitLength = 10; // 默认值6，限定 WorkerId 最大值为2^6-1，即默认最多支持64个节点。
+    // options.SeqBitLength = 6; // 默认值6，限制每毫秒生成的ID个数。若生成速度超过5万个/秒，建议加大 SeqBitLength 到 10。
+    // options.BaseTime = Your_Base_Time; // 如果要兼容老系统的雪花算法，此处应设置为老系统的BaseTime。
+    // ...... 其它参数参考 IdGeneratorOptions 定义。
+
+    // 保存参数（务必调用，否则参数设置不生效）：
+    YitIdHelper.SetIdGenerator(options);
+
+    // 以上过程只需全局一次，且应在生成ID之前完成。
+    //第2步，生成ID：
+
+    // 初始化后，在任何需要生成ID的地方，调用以下方法：
+    for (int i = 0; i < 20; i++)
+    {
+        var newId = YitIdHelper.NextId();
+        Console.WriteLine(newId);
+    }
+
+    for (int i = 0; i < 20; i++)
+    {
+        Console.WriteLine(Guid.NewGuid());
+    }
+
+}
+
+// You can define other methods, fields, classes and namespaces here
\ No newline at end of file
diff --git a/tools/ImageOptimize.csx b/tools/ImageOptimize.csx
new file mode 100644
index 00000000..ccbbeaa6
--- /dev/null
+++ b/tools/ImageOptimize.csx
@@ -0,0 +1,65 @@
+/*
+            for %%i in (*.png) do pngquant %%i --force --output %%i --skip-if-larger
+            for %%i in (*.jpg) do jpegtran -copy none -optimize -perfect %%i %%i
+         *
+         */
+
+
+var files = Directory
+    .EnumerateFiles(
+        ".",
+        "*.png",
+        new EnumerationOptions
+        {
+            RecurseSubdirectories = true,
+            AttributesToSkip = FileAttributes.ReparsePoint,
+            IgnoreInaccessible = true
+        }
+    )
+    .ToArray();
+
+Parallel.ForEach(
+    files,
+    file =>
+    {
+        var startInfo = new ProcessStartInfo
+        {
+            FileName = "pngquant",
+            Arguments = $"\"{file}\" --force --output \"{file}\" --skip-if-larger"
+        };
+        using var p = Process.Start(startInfo);
+        p.WaitForExit();
+        Console.WriteLine($"{file}: {p.ExitCode}");
+    }
+);
+
+files = new[] { "*.jpg", "*.jpeg" }
+    .SelectMany(
+        x =>
+            Directory.EnumerateFiles(
+                ".",
+                x,
+                new EnumerationOptions
+                {
+                    RecurseSubdirectories = true,
+                    AttributesToSkip = FileAttributes.ReparsePoint,
+                    IgnoreInaccessible = true
+                }
+            )
+    )
+    .ToArray();
+
+Parallel.ForEach(
+    files,
+    file =>
+    {
+        var startInfo = new ProcessStartInfo
+        {
+            FileName = "jpegtran",
+            Arguments = $"-copy none -optimize -perfect \"{file}\" \"{file}\""
+        };
+        using var p = Process.Start(startInfo);
+        p.WaitForExit();
+        Console.WriteLine($"{file}: {p.ExitCode}");
+    }
+);
\ No newline at end of file
diff --git a/tools/InstallAsTpl.ps1 b/tools/InstallAsTpl.ps1
new file mode 100644
index 00000000..ad933ddc
--- /dev/null
+++ b/tools/InstallAsTpl.ps1
@@ -0,0 +1,2 @@
+dotnet new uninstall ../
+dotnet new --install ../
\ No newline at end of file
diff --git a/tools/Switcher.FreeSql.json b/tools/Switcher.FreeSql.json
new file mode 100644
index 00000000..555178be
--- /dev/null
+++ b/tools/Switcher.FreeSql.json
@@ -0,0 +1,22 @@
+{
+  "solution": "../NetAdmin.sln",
+  "mappings": {
+    "FreeSql.NS": "../refs/FreeSql/FreeSql/FreeSql.csproj",
+    "FreeSql.DbContext.NS": "../refs/FreeSql/FreeSql.DbContext/FreeSql.DbContext.csproj"
+  },
+  "restore": [
+    {
+      "name": "NetAdmin.Infrastructure",
+      "packages": [
+        {
+          "packageName": "FreeSql.NS",
+          "version": "3.2.700-preview20230726-ns1"
+        },
+        {
+          "packageName": "FreeSql.DbContext.NS",
+          "version": "3.2.700-preview20230726-ns1"
+        }
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/tools/Switcher.Furion.json b/tools/Switcher.Furion.json
new file mode 100644
index 00000000..0953e73c
--- /dev/null
+++ b/tools/Switcher.Furion.json
@@ -0,0 +1,17 @@
+{
+  "solution": "../NetAdmin.sln",
+  "mappings": {
+    "Furion.Pure.NS": "../refs/Furion/framework/Furion.Pure/Furion.Pure.csproj"
+  },
+  "restore": [
+    {
+      "name": "NetAdmin.Infrastructure",
+      "packages": [
+        {
+          "packageName": "Furion.Pure.NS",
+          "version": "4.8.8.38-ns1"
+        }
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/tools/Switcher.NSExt.json b/tools/Switcher.NSExt.json
new file mode 100644
index 00000000..6e04dea5
--- /dev/null
+++ b/tools/Switcher.NSExt.json
@@ -0,0 +1,17 @@
+{
+  "solution": "../NetAdmin.sln",
+  "mappings": {
+    "NSExt": "../refs/ns-ext/src/NSExt/NSExt.csproj"
+  },
+  "restore": [
+    {
+      "name": "NetAdmin.Infrastructure",
+      "packages": [
+        {
+          "packageName": "NSExt",
+          "version": "1.0.15-alpha.0.4"
+        }
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/tools/Switcher.ps1 b/tools/Switcher.ps1
new file mode 100644
index 00000000..54200367
--- /dev/null
+++ b/tools/Switcher.ps1
@@ -0,0 +1,27 @@
+# https://github.com/RicoSuter/DNT#switch-to-projects
+$targets = @{
+    '1' = 'switch-to-projects'
+    '2' = 'switch-to-packages'
+}
+$key = ''
+while ($null -eq $targets[$key])
+{
+    $key = Read-Host '请选择：1（切换到项目引用） 2（切换到Nuget包引用）'
+}
+$files = Get-ChildItem Switcher.*.json
+$file = 9999
+while ($null -eq $files[[int]$file - 1])
+{
+    $i = 0
+    Write-Host '请选择要切换的配置文件文件'
+    foreach ($file in $files)
+    {
+        $i++
+        Write-Host $i $file.Name
+    }
+    $file = Read-Host
+}
+$file = [int]$file - 1
+Copy-Item $files[$file] 'switcher.json' -Force
+dotnet dnt $targets[$key]
+Remove-Item switcher.json
\ No newline at end of file
diff --git a/tools/SyncMetaFiles.csx b/tools/SyncMetaFiles.csx
new file mode 100644
index 00000000..824b506c
--- /dev/null
+++ b/tools/SyncMetaFiles.csx
@@ -0,0 +1,33 @@
+using System.Text.RegularExpressions;
+
+var slnFile = Directory.GetFiles(@"../", "*.sln").First();
+var content = File.ReadAllText(slnFile);
+
+content = Regex.Replace(
+    content,
+    "Project\\(\"{2150E333-8FDC-42A3-9474-1A3956D46DE8}\"\\) = \"meta\", \"meta\", \"{5198A03D-0CAC-4828-A807-34A693F73859}\"(?:.|\n)*?EndProject",
+    $$"""
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "meta", "meta", "{5198A03D-0CAC-4828-A807-34A693F73859}"
+{{'\t'}}ProjectSection(SolutionItems) = preProject
+{{string.Join('\n',
+             Directory.GetFiles(@"../", "*").Where(x => !x.EndsWith(".sln") && !x.EndsWith(".user"))
+                      .Select(x=>$"\t\t{Path.GetFileName(x)} = {Path.GetFileName(x)}")
+                      )}}
+{{'\t'}}EndProject
+"""
+);
+content = Regex.Replace(
+    content,
+    "Project\\(\"{2150E333-8FDC-42A3-9474-1A3956D46DE8}\"\\) = \"tools\", \"tools\", \"{2D81D62C-1B2E-4758-84C6-728343CB734F}\"(?:.|\n)*?EndProject",
+    $$"""
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "tools", "tools", "{2D81D62C-1B2E-4758-84C6-728343CB734F}"
+{{'\t'}}ProjectSection(SolutionItems) = preProject
+{{string.Join('\n',
+             Directory.GetFiles(@"../tools", "*").Where(x => !x.EndsWith(".sln") && !x.EndsWith(".user"))
+                      .Select(x=>$"\t\t{Path.GetFileName(x)} = tools/{Path.GetFileName(x)}")
+                      )}}
+{{'\t'}}EndProject
+"""
+);
+Console.WriteLine(content);
+File.WriteAllText(slnFile, content);
\ No newline at end of file