.app-container{position:relative;-webkit-overflow-scrolling:touch}.app-container nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;right:10px;top:10px}.app-container nav .lang,.app-container nav .github{margin-left:10px}.app-container nav .github{color:#333}.app-container nav .setting{width:20px;height:20px;border:4px solid #fff;background:var(--za-theme-primary);-webkit-box-shadow:0 1px 2px 0 rgba(56,56,56,.15);box-shadow:0 1px 2px 0 rgba(56,56,56,.15);cursor:pointer}.app-container h1{margin:0;padding:15px;font-size:16px;font-weight:400}.setting-container{margin-top:8px;padding:8px;background:#fff;border-radius:4px;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.1);box-shadow:0 2px 8px 0 rgba(0,0,0,.1)}.themes{display:block;margin-top:8px}.colors{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;list-style:none;margin:0;padding:0}.colors li{display:inline-block;width:25px;height:25px;border-radius:2px;cursor:pointer}.colors li:not(:last-child){margin-right:5px}.za-popper{z-index:1500}body[data-theme=dark] .github{color:#f1f1f1}body[data-theme=dark] .setting{border-color:#393939}body[data-theme=dark] .setting-container{background:#222;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.6);box-shadow:0 2px 8px 0 rgba(0,0,0,.6)}
footer{text-align:center}.copyright{display:inline-block;margin:30px auto 50px auto;color:#ccc;font-size:14px}
*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";line-height:1.5;background-color:#f2f2f7;color:#343434;-webkit-font-smoothing:subpixel-antialiased;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}body[data-theme=dark]{background-color:#000;color:hsla(0,0%,100%,.85)}a{color:var(--za-theme-primary);text-decoration:none}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.in-enter,.out-enter{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear, -webkit-transform .3s linear}.in-exit,.out-exit{-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear, -webkit-transform .3s linear}.in-appear,.out-appear{-webkit-transition:opacity .3s linear;transition:opacity .3s linear;opacity:0}.in-appear-active,.out-appear-active{opacity:1}.in-enter{-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}.in-enter-active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.in-exit{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.in-exit-active{-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}.out-enter{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);z-index:100}.out-enter-active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.out-exit{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.out-exit-active{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}