html,body{margin:0;min-height:100%;background-color:#f4f1e9;background-image:var(--grain);background-size:180px 180px}.route-loading,.route-error{min-height:100vh;display:grid;place-content:center;text-align:center;font-family:"Microsoft YaHei",sans-serif;color:#2c2922}.route-loading__seal{width:58px;height:58px;margin:0 auto 16px;display:grid;place-items:center;border:2px solid #a98545;color:#a98545;font:28px serif}.route-error button{border:0;border-radius:9px;padding:10px 18px;background:#2f5d52;color:#fff;cursor:pointer}
html[data-route="home"] .screen:not(#homeScreen),html[data-route="tree"] .screen:not(#treeScreen),html[data-route="book"] .screen:not(#bookScreen),html[data-route="profile"] .screen:not(#profileScreen){display:none!important}
html[data-route="home"] #homeScreen,html[data-route="tree"] #treeScreen,html[data-route="book"] #bookScreen,html[data-route="profile"] #profileScreen{display:block!important}
@media(min-width:821px){.page-shell{padding:28px}.phone{width:min(1180px,calc(100vw - 56px));height:calc(100vh - 56px);min-height:720px;border-radius:22px}.phone main{padding-left:24px;padding-right:24px}.tree-stage{height:calc(100vh - 260px);min-height:520px}.side-note{display:none!important}}