:root{--purple: #8031a7;--purple-50: #eeedfe;--purple-200: #afa9ec;--purple-600: #534ab7;--purple-800: #3c3489;--purple-900: #26215c;--ink: #18161f;--ink-60: #4a4758;--ink-30: #9490a8;--surface: #f8f7fb;--white: #ffffff;--border: rgba(128, 49, 167, .1);--main-nav-height: calc(50px + max(8px, env(safe-area-inset-bottom))) }html.no-main-nav{--main-nav-height: max(0px, env(safe-area-inset-bottom))}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;color:var(--ink);background:var(--surface);min-height:100vh;min-height:100dvh}#app{min-height:100vh;min-height:100dvh;padding-bottom:var(--main-nav-height);box-sizing:border-box}a{color:var(--purple-600);text-decoration:none}a:active{opacity:.85}