*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Noto Sans SC,PingFang SC,Helvetica Neue,sans-serif;background:#e8e8e8;min-height:100vh}.phone-wrapper{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:20px 0;background:#e0e0e0;background-image:radial-gradient(circle at 20% 50%,rgba(120,119,198,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.06) 0%,transparent 40%)}.phone-shell{width:390px;height:844px;background:#fff;border-radius:44px;box-shadow:0 0 0 10px #1a1a1a,0 0 0 12px #2a2a2a,0 40px 80px #00000059,0 10px 30px #00000026;overflow:hidden;display:flex;flex-direction:column;position:relative}.route-view-fill{flex:1;min-height:0;width:100%;overflow:hidden;display:flex;flex-direction:column}.route-view-fill>*{flex:1;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column}.slide-enter-active,.slide-leave-active{transition:all .28s cubic-bezier(.4,0,.2,1)}.slide-enter-from{opacity:0;transform:translate(30px)}.slide-leave-to{opacity:0;transform:translate(-30px)}@media (max-width: 480px){.phone-wrapper{background:#fff;padding:0;align-items:stretch}.phone-shell{width:100%;height:100dvh;min-height:100dvh;border-radius:0;box-shadow:none}}