:root{color:#173b3b;background:#fff;font-family:Arial,Microsoft YaHei,sans-serif;font-synthesis:none;--banana-navy: #064e48;--banana-violet: #009f89;--banana-purple: #ff6678;--banana-lilac: #e3f8f2;--banana-yellow: #ffc83d;--banana-surface: #fff;--banana-muted: #77898a}*{box-sizing:border-box}html{height:100%;min-width:320px;overflow:hidden;background:#fff}body{height:100%;min-width:320px;overflow:hidden;margin:0;background:#fff}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}#app{height:100%;overflow:hidden}.phone-shell{position:relative;width:min(100%,495px);height:100vh;margin:0 auto;overflow:hidden;background:#f2faf7;box-shadow:none}.app-page{height:100vh;min-height:0;overflow:hidden;padding-bottom:56px;background:#f2faf7}.app-main{height:calc(100vh - 104px);min-height:0;overflow-y:auto}.app-loading,.app-empty{display:grid;min-height:180px;place-items:center;color:#999;font-size:14px}@media(max-width:495px){.phone-shell{width:100%;box-shadow:none}}