* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary: #6c63ff;
    --primary-dark: #5548e8;
    --text: #171725;
    --muted: #858595;
    --border: #e7e7ef;
    --bg: #f5f6ff;
}

html,body {
    width:100%;
    min-height:100%;
    margin:0;
    padding:0
}

body {
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        "PingFang SC",
        "Microsoft YaHei",
        sans-serif;
    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(108, 99, 255, 0.22),
            transparent 32%
        ),
        radial-gradient(
            circle at 90% 80%,
            rgba(86, 181, 255, 0.20),
            transparent 32%
        ),
        var(--bg);
    padding: 20px;
    height: 100vh;
    min-height: 100dvh;
    margin-bottom: 70px;
}
.headert {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
    z-index: 9998;
}
.nav-logo {
    height: 36px;
    cursor: pointer;
}
.nav-logo img {
    width: 100%;
    height: 100%;
}