/* sfc-style:/root/工具站主程序/源码/src/components/MenuLayout.vue?type=style&index=0 */
.overlay[data-v-e583a0cb] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  cursor: pointer;
}
.content[data-v-e583a0cb] .n-layout-scroll-container {
  padding: 26px;
}
.n-layout[data-v-e583a0cb] {
  height: 100vh;
}

/* sfc-style:/root/工具站主程序/源码/src/components/NavbarButtons.vue?type=style&index=0 */
.n-button[data-v-9a8bcddc]:not(:last-child) {
  margin-right: 5px;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/base64-file-converter/base64-file-converter.vue?type=style&index=0 */
[data-v-d1057fb9] .n-upload-trigger {
  width: 100%;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/basic-auth-generator/basic-auth-generator.vue?type=style&index=0 */
[data-v-068b0e85] .n-statistic-value__content {
  font-family: monospace;
  font-size: 17px !important;
  white-space: nowrap;
}

/* sfc-style:/root/工具站主程序/源码/src/components/TextareaCopyable.vue?type=style&index=0 */
[data-v-949e9275] .n-scrollbar {
  padding-bottom: 10px;
  margin-bottom: -10px;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/regex-memo/regex-memo.vue?type=style&index=0 */
[data-v-8d338c6d] pre {
  margin: 0;
  padding: 15px 22px;
  background-color: var(--8d338c6d-themeVars\.cardColor);
  border-radius: 4px;
  overflow: auto;
}
[data-v-8d338c6d] table {
  border-collapse: collapse;
}
[data-v-8d338c6d] table,
[data-v-8d338c6d] td,
[data-v-8d338c6d] th {
  border: 1px solid var(--8d338c6d-themeVars\.textColor1);
  padding: 5px;
}
[data-v-8d338c6d] a {
  color: var(--8d338c6d-themeVars\.textColor1);
}

/* sfc-style:/root/工具站主程序/源码/src/tools/json-diff/diff-viewer/diff-viewer.vue?type=style&index=0 */
[data-v-e6f754fe] .diffs-viewer {
  color: var(--e6f754fe-appTheme\.text\.mutedColor);
}
[data-v-e6f754fe] .diffs-viewer > ul {
  padding-left: 0 !important;
}
[data-v-e6f754fe] .diffs-viewer ul {
  list-style: none;
  padding-left: 20px;
  margin: 0;
}
[data-v-e6f754fe] .diffs-viewer ul li .updated-line {
  padding: 3px 0;
}
[data-v-e6f754fe] .diffs-viewer ul li .result:not(:last-child),
[data-v-e6f754fe] .diffs-viewer ul li .array:not(:last-child),
[data-v-e6f754fe] .diffs-viewer ul li .object:not(:last-child),
[data-v-e6f754fe] .diffs-viewer ul li .value:not(:last-child) {
  margin-right: 4px;
}
[data-v-e6f754fe] .diffs-viewer ul li .result.added,
[data-v-e6f754fe] .diffs-viewer ul li .array.added,
[data-v-e6f754fe] .diffs-viewer ul li .object.added,
[data-v-e6f754fe] .diffs-viewer ul li .value.added {
  padding: 3px 5px;
  border-radius: 4px;
  background-color: var(--e6f754fe-appTheme\.success\.colorFaded);
  color: var(--e6f754fe-appTheme\.success\.color);
}
[data-v-e6f754fe] .diffs-viewer ul li .result.added .key,
[data-v-e6f754fe] .diffs-viewer ul li .array.added .key,
[data-v-e6f754fe] .diffs-viewer ul li .object.added .key,
[data-v-e6f754fe] .diffs-viewer ul li .value.added .key {
  color: inherit;
}
[data-v-e6f754fe] .diffs-viewer ul li .result.removed,
[data-v-e6f754fe] .diffs-viewer ul li .array.removed,
[data-v-e6f754fe] .diffs-viewer ul li .object.removed,
[data-v-e6f754fe] .diffs-viewer ul li .value.removed {
  padding: 3px 5px;
  border-radius: 4px;
  background-color: var(--e6f754fe-appTheme\.error\.colorFaded);
  color: var(--e6f754fe-appTheme\.error\.color);
}
[data-v-e6f754fe] .diffs-viewer ul li .result.removed .key,
[data-v-e6f754fe] .diffs-viewer ul li .array.removed .key,
[data-v-e6f754fe] .diffs-viewer ul li .object.removed .key,
[data-v-e6f754fe] .diffs-viewer ul li .value.removed .key {
  color: inherit;
}
[data-v-e6f754fe] .diffs-viewer ul li .value {
  cursor: pointer;
  border: 1px solid transparent;
  transition: border-color 0.2s ease-in-out;
}
[data-v-e6f754fe] .diffs-viewer ul li .value.added:hover {
  border-color: var(--e6f754fe-appTheme\.success\.color);
}
[data-v-e6f754fe] .diffs-viewer ul li .value.removed:hover {
  border-color: var(--e6f754fe-appTheme\.error\.color);
}
[data-v-e6f754fe] .diffs-viewer ul li .added .added,
[data-v-e6f754fe] .diffs-viewer ul li .removed .removed {
  background-color: transparent;
  color: inherit;
}
[data-v-e6f754fe] .diffs-viewer ul li .key {
  font-weight: 500;
  color: var(--e6f754fe-appTheme\.text\.baseColor);
}

/* sfc-style:/root/工具站主程序/源码/src/tools/html-wysiwyg-editor/editor/editor.vue?type=style&index=0 */
[data-v-729184f9] .ProseMirror-focused {
  outline: none;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/html-wysiwyg-editor/editor/editor.vue?type=style&index=1 */
[data-v-729184f9] .ProseMirror > * + * {
  margin-top: 0.75em;
}
[data-v-729184f9] .ProseMirror p {
  margin: 0;
}
[data-v-729184f9] .ProseMirror ul,
[data-v-729184f9] .ProseMirror ol {
  padding: 0 1rem;
}
[data-v-729184f9] .ProseMirror h1,
[data-v-729184f9] .ProseMirror h2,
[data-v-729184f9] .ProseMirror h3,
[data-v-729184f9] .ProseMirror h4,
[data-v-729184f9] .ProseMirror h5,
[data-v-729184f9] .ProseMirror h6 {
  line-height: 1.1;
}
[data-v-729184f9] .ProseMirror code {
  background-color: var(--729184f9-themeVars\.codeColor);
  padding: 2px 4px;
  border-radius: 5px;
  font-size: 85%;
}
[data-v-729184f9] .ProseMirror pre {
  background: var(--729184f9-themeVars\.codeColor);
  font-family: monospace;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
}
[data-v-729184f9] .ProseMirror pre code {
  color: inherit;
  padding: 0;
  background: none;
  font-size: 0.8rem;
}
[data-v-729184f9] .ProseMirror mark {
  background-color: #faf594;
}
[data-v-729184f9] .ProseMirror img {
  max-width: 100%;
  height: auto;
}
[data-v-729184f9] .ProseMirror hr {
  margin: 1rem 0;
}
[data-v-729184f9] .ProseMirror blockquote {
  padding-left: 1rem;
  border-left: 2px solid rgba(13, 13, 13, 0.1);
}
[data-v-729184f9] .ProseMirror hr {
  border: none;
  border-top: 2px solid rgba(13, 13, 13, 0.1);
  margin: 2rem 0;
}
[data-v-729184f9] .ProseMirror ul[data-type=taskList] {
  list-style: none;
  padding: 0;
}
[data-v-729184f9] .ProseMirror ul[data-type=taskList] li {
  display: flex;
  align-items: center;
}
[data-v-729184f9] .ProseMirror ul[data-type=taskList] li > label {
  flex: 0 0 auto;
  margin-right: 0.5rem;
  user-select: none;
}
[data-v-729184f9] .ProseMirror ul[data-type=taskList] li > div {
  flex: 1 1 auto;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/bcrypt/bcrypt.vue?type=style&index=0 */
.compare-result[data-v-f952e03a] {
  color: var(--f952e03a-themeVars\.errorColor);
}
.compare-result.positive[data-v-f952e03a] {
  color: var(--f952e03a-themeVars\.successColor);
}

/* sfc-style:/root/工具站主程序/源码/src/tools/chmod-calculator/chmod-calculator.vue?type=style&index=0 */
.octal-result[data-v-14918222] {
  text-align: center;
  font-size: 50px;
  font-family: monospace;
  color: var(--14918222-themeVars\.primaryColor);
  margin: 20px 0;
}
.permission-table td[data-v-14918222],
.permission-table th[data-v-14918222] {
  padding: 15px;
}
@media screen and (max-width: 600px) {
  .permission-table td[data-v-14918222],
  .permission-table th[data-v-14918222] {
    padding: 5px;
  }
}
.line-header[data-v-14918222] {
  font-weight: bold;
  text-align: right;
  max-width: 80px;
}
.text-center[data-v-14918222] {
  text-align: center;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/chronometer/chronometer.vue?type=style&index=0 */
.duration[data-v-67a7d099] {
  text-align: center;
  font-size: 40px;
  font-family: monospace;
  margin: 20px 0;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/crontab-generator/crontab-generator.vue?type=style&index=0 */
[data-v-51a14055] input {
  font-size: 30px;
  font-family: monospace;
  padding: 5px;
  text-align: center;
}
.cron-string[data-v-51a14055] {
  text-align: center;
  font-size: 22px;
  opacity: 0.8;
  margin: 5px 0 15px;
}
pre[data-v-51a14055] {
  overflow: auto;
  padding: 10px 0;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/device-information/device-information.vue?type=style&index=0 */
.information[data-v-636cba42] {
  padding: 14px 16px;
  border-radius: 4px;
  background-color: #aaaaaa11;
}
.information .label[data-v-636cba42] {
  font-size: 14px;
  opacity: 0.8;
  line-height: 1;
  margin-bottom: 5px;
}
.information .value[data-v-636cba42] {
  font-size: 20px;
  font-weight: 400;
}
.information .undefined-value[data-v-636cba42] {
  opacity: 0.8;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/eta-calculator/eta-calculator.vue?type=style&index=0 */
.n-input-number[data-v-0c71800f],
.n-date-picker[data-v-0c71800f] {
  width: 100%;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/git-memo/git-memo.vue?type=style&index=0 */
[data-v-f65ee7aa] pre {
  margin: 0;
  padding: 15px 22px;
  background-color: var(--f65ee7aa-themeVars\.cardColor);
  border-radius: 4px;
  overflow: auto;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/integer-base-converter/integer-base-converter.vue?type=style&index=0 */
.n-input-group[data-v-d089f2e4]:not(:first-child) {
  margin-top: 5px;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/json-viewer/json-viewer.vue?type=style&index=0 */
.result-card[data-v-5bde165c] {
  position: relative;
}
.result-card .copy-button[data-v-5bde165c] {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/jwt-parser/jwt-parser.vue?type=style&index=0 */
.table-header[data-v-cc17e392] {
  text-align: center;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/meta-tag-generator/meta-tag-generator.vue?type=style&index=0 */
.n-input-group[data-v-6b219970] {
  margin-bottom: 5px;
}
[data-v-6b219970] .n-form-item-blank {
  min-height: 0 !important;
}
[data-v-6b219970] .n-dynamic-input-item {
  margin-bottom: 5px;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue?type=style&index=0 */
.n-progress[data-v-1556d440] {
  margin-top: 10px;
}
.n-progress[data-v-1556d440] .n-progress-graph-line-fill {
  transition-duration: 0.05s !important;
}
.token[data-v-1556d440] {
  text-align: center;
}
.token.token-current[data-v-1556d440] {
  font-size: 20px;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/random-port-generator/random-port-generator.vue?type=style&index=0 */
.port[data-v-3d3b2cb9] {
  text-align: center;
  font-size: 26px;
  font-weight: 400;
  margin: 10px 0 25px;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/roman-numeral-converter/roman-numeral-converter.vue?type=style&index=0 */
.result[data-v-5dc4b71c] {
  font-size: 22px;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/sql-prettify/sql-prettify.vue?type=style&index=0 */
.result-card[data-v-9a42eb7c] {
  position: relative;
}
.result-card .copy-button[data-v-9a42eb7c] {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/svg-placeholder-generator/svg-placeholder-generator.vue?type=style&index=0 */
.n-input-number[data-v-dd87b3ec] {
  width: 100%;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/token-generator/token-generator.tool.vue?type=style&index=0 */
[data-v-736f73ac] .token-display textarea {
  text-align: center;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/url-parser/url-parser.vue?type=style&index=0 */
.n-input-group-label[data-v-9ceacc1c] {
  text-align: right;
}
.n-input-group[data-v-9ceacc1c] {
  margin: 2px 0;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/uuid-generator/uuid-generator.vue?type=style&index=0 */
[data-v-3aa64b9d] .uuid-display textarea {
  text-align: center;
}

/* sfc-style:/root/工具站主程序/源码/src/tools/yaml-viewer/yaml-viewer.vue?type=style&index=0 */
.result-card[data-v-9d79208f] {
  position: relative;
}
.result-card .copy-button[data-v-9d79208f] {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* sfc-style:/root/工具站主程序/源码/src/components/MenuIconItem.vue?type=style&index=0 */
.menu-icon-item[data-v-52e40d93] {
  position: relative;
}
.menu-icon-item .badge[data-v-52e40d93] {
  position: absolute;
  background-color: var(--52e40d93-theme\.primaryColor);
  border-radius: 10px;
  line-height: 1;
  top: 3px;
  left: -6px;
  font-size: 10px;
  height: 6px;
  width: 6px;
}

/* sfc-style:/root/工具站主程序/源码/src/components/CollapsibleToolMenu.vue?type=style&index=0 */
.menu-wrapper[data-v-4d86cf5a] {
  display: flex;
  flex-direction: row;
}
.menu-wrapper .menu[data-v-4d86cf5a] {
  flex: 1;
  margin-bottom: 5px;
}
.menu-wrapper .menu[data-v-4d86cf5a] .n-menu-item-content::before {
  left: 0;
  right: 13px;
}
.menu-wrapper .toggle-bar[data-v-4d86cf5a] {
  width: 24px;
  opacity: 0.1;
  transition: opacity ease 0.2s;
  position: relative;
  cursor: pointer;
}
.menu-wrapper .toggle-bar[data-v-4d86cf5a]::before {
  width: 2px;
  height: 100%;
  content: " ";
  background-color: var(--4d86cf5a-themeVars\.textColor3);
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 14px;
}
.menu-wrapper .toggle-bar[data-v-4d86cf5a]:hover {
  opacity: 0.5;
}

/* sfc-style:/root/工具站主程序/源码/src/layouts/base.layout.vue?type=style&index=0 */
.support-button[data-v-defaec0d] {
  background: #25636c;
  background: linear-gradient(48deg, #25636c 0%, #3b956f 60%, #14a058 100%);
  color: #fff !important;
  transition: padding ease 0.2s !important;
}
.support-button[data-v-defaec0d]:hover {
  color: #fff;
  padding-left: 30px;
  padding-right: 30px;
}
.footer[data-v-defaec0d] {
  text-align: center;
  color: #838587;
  margin-top: 20px;
  padding: 20px 0;
}
.sider-content[data-v-defaec0d] {
  padding-top: 160px;
  padding-bottom: 200px;
}
.hero-wrapper[data-v-defaec0d] {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  z-index: 10;
  overflow: hidden;
}
.hero-wrapper .gradient[data-v-defaec0d] {
  margin-top: -65px;
}
.hero-wrapper .text-wrapper[data-v-defaec0d] {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 16px;
  color: #fff;
}
.hero-wrapper .text-wrapper .title[data-v-defaec0d] {
  font-size: 25px;
  font-weight: 600;
}
.hero-wrapper .text-wrapper .divider[data-v-defaec0d] {
  width: 50px;
  height: 2px;
  border-radius: 4px;
  background-color: var(--defaec0d-themeVars\.primaryColor);
  margin: 0 auto 5px;
}
.hero-wrapper .text-wrapper .subtitle[data-v-defaec0d] {
  font-size: 16px;
}

/* sfc-style:/root/工具站主程序/源码/src/layouts/tool.layout.vue?type=style&index=0 */
.tool-content[data-v-de5bc51b] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}
[data-v-de5bc51b] .tool-content > * {
  flex: 0 1 600px;
}
.tool-layout[data-v-de5bc51b] {
  max-width: 600px;
  margin: 0 auto;
  box-sizing: border-box;
}
.tool-layout .tool-header[data-v-de5bc51b] {
  padding: 40px 0;
  width: 100%;
}
.tool-layout .tool-header .n-h1[data-v-de5bc51b] {
  opacity: 0.9;
  font-size: 40px;
  font-weight: 400;
  margin: 0;
  line-height: 1;
}
.tool-layout .tool-header .separator[data-v-de5bc51b] {
  width: 200px;
  height: 2px;
  background: #a1a1a1;
  opacity: 0.2;
  margin: 10px 0;
}
.tool-layout .tool-header .description[data-v-de5bc51b] {
  margin: 0;
  opacity: 0.7;
}

/* sfc-style:/root/工具站主程序/源码/src/App.vue?type=style&index=0 */
body {
  min-height: 100%;
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
* {
  box-sizing: border-box;
}

/* sfc-style:/root/工具站主程序/源码/src/components/ColoredCard.vue?type=style&index=0 */
.colored-card[data-v-5688bca1] {
  background: #25636c;
  background: linear-gradient(48deg, #25636c 0%, #3b956f 60%, #14a058 100%);
  color: #fff;
  border: none;
}
.colored-card .icon[data-v-5688bca1] {
  opacity: 0.7;
}
.colored-card .title[data-v-5688bca1] {
  color: #fff;
  margin: 5px 0;
}
.colored-card .description[data-v-5688bca1] {
  opacity: 0.8;
  margin: 5px 0;
}
.colored-card .description[data-v-5688bca1] a {
  color: inherit;
  text-decoration: underline;
  font-weight: bold;
  transition: color ease 0.2s;
}
.colored-card .description[data-v-5688bca1] a:hover {
  color: #141414;
}

/* sfc-style:/root/工具站主程序/源码/src/pages/Home.page.vue?type=style&index=0 */
.height-enter-active[data-v-d9e6b583],
.height-leave-active[data-v-d9e6b583] {
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  max-height: 500px;
}
.height-enter-from[data-v-d9e6b583],
.height-leave-to[data-v-d9e6b583] {
  max-height: 42px;
  overflow: hidden;
  opacity: 0;
  margin-bottom: 0;
}
.ghost-favorites-draggable[data-v-d9e6b583] {
  opacity: 0.4;
  background-color: #ccc;
  border: 2px dashed #666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transform: scale(1.1);
  animation: ghost-favorites-draggable-animation-d9e6b583 0.2s ease-out;
}
@keyframes ghost-favorites-draggable-animation-d9e6b583 {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 0.4;
    transform: scale(1);
  }
}