:root:root {
  --pkg-color-primary: #e85f56;
  --pkg-color-secondary: #f6cfc9;
  --pkg-color-alert: #c23a3a;
  --pkg-color-white: #ffffff;
  --pkg-color-text: #2b2e34;
  --pkg-color-text-secondary: #6f7480;
  --pkg-color-text-tertiary: #b9bec7;
  --pkg-color-border: #d9dde3;
  --pkg-color-background: #f3f4f6;

  --pkg-margin-xxl: 1.6rem;
  --pkg-margin-xl: 1.2rem;
  --pkg-margin-lg: 0.8rem;
  --pkg-margin-md: 0.4rem;
  --pkg-margin-sm: 0.2rem;
  --pkg-margin-xs: 0.1rem;

  --pkg-padding-xxl: 0.8rem;
  --pkg-padding-xl: 0.6rem;
  --pkg-padding-lg: 0.4rem;
  --pkg-padding-md: 0.2rem;
  --pkg-padding-sm: 0.1rem;
  --pkg-padding-xs: 0.06rem;

  --pkg-font-size-xxxxl: 0.56rem;
  --pkg-font-size-xxxl: 0.48rem;
  --pkg-font-size-xxl: 0.36rem;
  --pkg-font-size-xl: 0.32rem;
  --pkg-font-size-lg: 0.28rem;
  --pkg-font-size-md: 0.24rem;
  --pkg-font-size-sm: 0.2rem;
  --pkg-font-size-xs: 0.16rem;
  --pkg-font-size-normal: 0.14rem;
  --pkg-font-size-mini: 0.12rem;

  --pkg-line-height-xxxl: 2;
  --pkg-line-height-xxl: 1.5;
  --pkg-line-height-xl: 1.4;
  --pkg-line-height-lg: 1.3;
  --pkg-line-height-md: 1.2;
  --pkg-line-height-sm: 1.1;
  --pkg-line-height-xs: 1;
}

/* color palette from <https://github.com/vuejs/theme> */

/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

*[hidden],
.hidden {
  display: none !important;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the line height in all browsers.
3. Prevent adjustments of font size after orientation changes in iOS.
4. Use a more readable tab size (opinionated).
*/

html {
  font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; /* 1 */
  -webkit-text-size-adjust: 100%; /* 3 */
  tab-size: 4; /* 4 */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
}

/*
Sections
========
*/

/*
Text-level semantics
====================
*/

/**
Add the correct font weight in Chrome and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/

/**
Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
  border-color: currentcolor;
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -0.02rem; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

input {
  overflow: visible;
  border: transparent;
  outline: none;
}

a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
}

select {
  appearance: none;
}

ul,
ol {
  list-style: none;
}

img {
  -webkit-touch-callout: none;
  pointer-events: auto;
  max-width: 100%;
  max-height: 100%;
}

html,
body {
  background-color: var(--pkg-color-background);
}

/**页面js未加载时，显示的loading的loading样式 */
.global-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--pkg-color-text);
  gap: 0.2rem;
  .iconfont {
    font-size: 0.24rem;
    -webkit-animation: loadingCircle 2s infinite linear;
    animation: loadingCircle 2s infinite linear;
    line-height: 1;
  }
  .loading-text {
    font-size: 0.14rem;
  }
}

@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

:root:root {
  --adm-color-background-body: var(--pkg-color-background);
  --pkg-page-max-width: 7.5rem;
  --pkg-page-min-height: calc(100vh - 0.55rem);
  --pkg-page-padding-inline: 0.5rem;
  --pkg-page-padding-top: 1rem;
  --pkg-page-padding-bottom: 3rem;
  --pkg-page-header-height: 1.1rem;
  --adm-color-primary: #6f7480;
  --adm-color-success: #e85f56;
  --adm-color-warning: #e85f56;
  --adm-color-danger: #c23a3a;
  --adm-color-white: #ffffff;
  --adm-color-text: #2b2e34;
  --adm-color-text-secondary: #6f7480;
  --adm-color-weak: #b9bec7;
  --adm-color-light: #d9dde3;
  --adm-color-border: #d9dde3;
  --adm-color-box: #f3f4f6;
  --adm-color-background: #f3f4f6;
  --adm-font-size-main: var(--pkg-font-size-lg);
  --adm-center-popup-border-radius: 0;
  --border-radius: 0;
  --adm-button-border-radius: 0;
  --adm-tag-border-radius: 0;
  --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue', helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
}
html {
  font-size: calc(10000vw / 750);
  line-height: 1.8;
}
@media screen and (width > 750px) {
  html {
    font-size: 100px;
  }
}
body {
  margin-inline: auto;
  min-height: 100vh;
}
body .adm-ellipsis {
  line-height: 1.8;
}
body .adm-checkbox .adm-checkbox-icon {
  border-radius: 0;
}
body .adm-radio .adm-radio-icon {
  background-color: var(--adm-color-white);
}
body .adm-picker {
  --header-button-font-size: 0.32rem;
}
body .adm-picker .adm-picker-view.adm-picker-view {
  --item-height: 1.2rem;
}
body .adm-picker .adm-picker-view.adm-picker-view .adm-picker-view-column-item-active .adm-picker-view-column-item-label {
  font-weight: bold;
}
body .adm-popup .adm-popup-close-icon {
  color: var(--adm-color-text);
}
body .adm-list {
  --padding-left: var(--pkg-page-padding-inline);
  --padding-right: var(--pkg-page-padding-inline);
  --border-inner: none;
  --border-top: none;
  --border-bottom: none;
  --font-size: 0.32rem;
}
body .adm-list .adm-list-header {
  color: var(--adm-color-text-secondary);
}
body .adm-list .adm-list-item-title,
body .adm-list .adm-list-item-description {
  color: var(--adm-color-text-secondary);
}
body .adm-list .adm-list-item-content-main {
  padding-block: 0.24rem;
}
body .adm-button {
  --adm-button-border-width: 0;
}
body .adm-button.adm-button-default:not(.adm-button-fill-none) {
  background-color: var(--adm-color-white);
}
body .adm-popup-body {
  max-width: var(--pkg-page-max-width);
  margin-inline: auto;
}
body .adm-popup-body.adm-popup-body-position-bottom {
  right: 0;
}
body .adm-picker-popup .adm-popup-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
body .adm-form .adm-list.adm-list {
  --padding-left: var(--pkg-page-padding-inline);
  --padding-right: var(--pkg-page-padding-inline);
  --border-top: none;
  --border-bottom: none;
  --border-inner: none;
  --font-size: 0.32rem;
}
body .adm-form .adm-list.adm-list:not(:last-child) {
  margin-bottom: 0.5rem;
}
body .adm-form .adm-list.adm-list .adm-list-item-content-main {
  padding-block: 0.24rem;
}
body .adm-form .adm-list.adm-list .adm-form-item.adm-form-item-vertical .adm-form-item-label {
  margin-bottom: 0.24rem;
}
body .adm-form .adm-list.adm-list .adm-list-body-inner {
  padding-bottom: 0.26rem;
}
body .adm-dialog-body:not(.adm-dialog-with-image) {
  padding-top: var(--pkg-padding-xl);
}
body .adm-dialog-body:not(.adm-dialog-with-image) > .adm-dialog-content {
  padding-bottom: var(--pkg-padding-xl);
}
body .adm-dialog-content {
  font-size: var(--pkg-font-size-xl);
}
body .adm-toast-mask .adm-toast-main {
  border-radius: 0;
}
body .adm-input-element {
  --font-size: 0.32rem;
}
body .moreIcon {
  background-color: #fff;
  border-radius: 0.8rem;
  width: 2rem;
  padding-block: 0;
  display: flex;
  justify-content: center;
  margin-top: 0.4rem;
  margin-inline: auto;
}
body .iconfont {
  font-size: 0.5rem;
}
.global-loading .iconfont {
  font-size: 0.48rem;
}
.global-loading .loading-text {
  font-size: 0.28rem;
}
.image-square {
  width: 100%;
  display: flex;
}
.image-square::after {
  content: '';
  display: block;
  width: 0;
  padding-top: 100%;
}
body.pkg-root {
  height: 100%;
}
body.pkg-root #root {
  width: 100%;
  max-width: var(--pkg-page-max-width);
  height: var(--ih);
  margin-inline: auto;
  overflow-x: hidden;
}
body.pkg-browser #root {
  width: 100%;
  max-width: var(--pkg-page-max-width);
  margin-inline: auto;
  min-height: 100vh;
  overflow-x: hidden;
  height: auto;
}