@font-face {
    font-family: HarmonyOS;
    font-style: normal;
    font-display: swap;
    src: url(/admin/file/css/font/HarmonyOS_Sans_SC_Medium.subset.woff2) format('woff2')
}
body{
    padding: 0;
    margin: 0;
    font-family: "Microsoft YaHei", "微软雅黑", 
             STXihei, "华文细黑", 
             serif;
    font-family: HarmonyOS !important;
    min-width: 320px;
    background-color: #edf2fa;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 对于 WebKit 浏览器 */
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);    /* 对于 Mozilla 浏览器 */
    -ms-tap-highlight-color: rgba(0, 0, 0, 0);     /* 对于 Microsoft 浏览器 */
    tap-highlight-color: rgba(0, 0, 0, 0);         /* 通用属性 */
}
a {
    text-decoration: none;
    color: inherit;
    -webkit-tap-highlight-color: transparent;
}
h1,h2,h3,h4,h5,h6,p{
    margin: 0;
}
:root {
    --primary-color: #4460f1;
    --white-color: #ffffff;
    --light-text-color: #9398b3;
    --light-bg-color: #fff;
    --dark-color: #333333;
    --background-color: #fcfcff;
}
.css-trkbkn {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: auto;
}
.container {
    max-width: 420px;
    margin: 100px auto;
}
.container h2{
    margin: 20px 0;
}
@media (max-width: 460px) {
    .container {
        margin: 30px 20px;
    }
}
.login {
    display: flex;
    flex-wrap: wrap;
}
.main {
    flex: 1 0 33.3333%;
}
.input{
    margin-bottom: 20px;
}
input:not(.submit) {
    background-color: var(--light-bg-color);
}
.main div {
    position: relative;
}
.main input {
    font: inherit;
    font-size: 14px;
    width: 100%;
    border: 0;
    outline: 0;
    padding: 0 20px;
    line-height: 60px;
    border-radius: 10px;
    box-sizing: border-box;
}
input.submit {
    font-weight: 700;
    color: var(--white-color);
    background-color: var(--primary-color);
    box-shadow: var(--primary-color) 0 5px 30px -10px;
    cursor: pointer;
    transition: box-shadow .3s;
}
input.submit:hover {
    box-shadow: var(--primary-color) 0 10px 30px -10px;
}
footer{
    text-align: center;
    font-size: 12px;
    color: #666;
    padding: 20px;
}