#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin-top:20px}.navigation{text-align:center;margin-bottom:30px;padding:15px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.nav-link{margin:0 15px;text-decoration:none;color:#495057;font-weight:500;padding:8px 16px;border-radius:4px;transition:all .3s}.nav-link.router-link-active,.nav-link:hover{color:#007bff;background-color:#e7f1ff}.api-demo{margin:20px;padding:20px;border:1px solid #ddd;border-radius:8px;max-width:800px;margin-left:auto;margin-right:auto}.api-demo button{padding:10px 20px;background-color:#42b883;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.api-demo button:hover{background-color:#369670}.api-demo pre{text-align:left;background-color:#f5f5f5;padding:15px;border-radius:4px;overflow-x:auto}