#app{font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c2c2a}.content{position:absolute;top:0;left:0;right:0;bottom:56px;overflow:auto;background:#f5f4f0}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;box-shadow:0 -2px 16px rgba(15,110,86,.08);z-index:1000;padding-bottom:env(safe-area-inset-bottom,0)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888780;text-decoration:none;font-size:11px;transition:color .25s ease;-webkit-tap-highlight-color:transparent}.nav-item.active{color:#0f6e56}.nav-icon{width:24px;height:24px;margin-bottom:2px;transition:transform .25s ease}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-item.active .icon-accent{opacity:1}.text{font-size:11px;font-weight:500;letter-spacing:.3px}@media (max-width:768px){.bottom-nav{height:64px}.nav-icon{width:26px;height:26px}.text{font-size:12px}}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c2c2a}#app{max-width:1200px;margin:0 auto;padding:20px}