*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;color:#333;background-color:#f5f7fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}#app{min-height:100%}.page{min-height:100vh;background:#f5f7fa;padding-bottom:env(safe-area-inset-bottom)}.nav-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;height:44px;padding:0 16px;background:#fff;border-bottom:1px solid #eee}.nav-bar .back-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:#333}.nav-bar .title{flex:1;text-align:center;font-size:17px;font-weight:600;color:#333}.nav-bar .placeholder{width:24px}.card{background:#fff;border-radius:12px;padding:16px;margin:12px 16px;box-shadow:0 1px 6px #0000000a}.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 24px;border-radius:22px;font-size:16px;font-weight:500;border:none;cursor:pointer;transition:opacity .2s}.btn:active{opacity:.7}.btn-primary{background:#69adff;color:#fff}.btn-block{display:flex;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.loading-mask{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:120px}.spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#69adff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:12px;font-size:14px;color:#999}