:root{--c-primary: #2f7bf5;--c-bg: #f4f5f7;--c-card: #ffffff;--c-text: #1f2329;--c-sub: #8a9099;--c-border: #e5e6eb;--navbar-h: 48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,PingFang SC,Microsoft YaHei,sans-serif;color:var(--c-text);background:var(--c-bg)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}button{font:inherit;cursor:pointer}.app{height:100%;display:flex;flex-direction:column;max-width:960px;margin:0 auto;background:var(--c-bg)}.page{flex:1;display:flex;flex-direction:column;min-height:0}.page-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.navbar{height:var(--navbar-h);flex:none;display:flex;align-items:center;background:var(--c-card);border-bottom:1px solid var(--c-border)}.nav-btn{width:48px;height:48px;border:0;background:none;font-size:22px;color:var(--c-text);display:inline-flex;align-items:center;justify-content:center}.nav-title{flex:1;margin:0;font-size:17px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[dir=rtl] .nav-btn:first-child{transform:scaleX(-1)}.toast{position:fixed;left:50%;bottom:20%;transform:translate(-50%);max-width:80%;padding:10px 16px;border-radius:8px;background:#000000bf;color:#fff;font-size:14px;z-index:1000;text-align:center}.loading-mask{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000026;z-index:999}.spinner{width:32px;height:32px;border:3px solid #fff;border-top-color:var(--c-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.boot-error{padding:40px 20px;text-align:center;color:var(--c-sub)}