#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.content{position:absolute;top:0;left:0;right:0;bottom:50px;overflow:auto}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:50px;background-color:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:1000}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;text-decoration:none;font-size:12px}.nav-item.active{color:#007bff}.icon{font-size:20px;margin-bottom:2px}.text{font-size:12px}@media (max-width:768px){.bottom-nav{height:60px}.icon{font-size:24px}.text{font-size:14px}}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:#333}#app{max-width:1200px;margin:0 auto;padding:20px}