html,body{margin:0;height:100%;overflow:hidden}.header{position:fixed;top:0;left:0;height:40px;width:100%;z-index:1000;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center}.content-wrapper{position:relative;padding-top:40px;height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;background-color:#f1f5f7}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:80px;width:100%;background-color:#e7e7e7;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-around;z-index:1000;padding:0 0 10px}.tab-bar-link{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;flex:1;text-decoration:none;color:#666;font-size:12px;transition:color .3s ease;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.tab-bar-link .link-icon{width:28px;height:28px;margin-bottom:4px;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-user-drag:none}.tab-bar-link .link-label{font-size:12px;font-weight:500;text-align:center;color:inherit}.tab-bar-link.active{color:#00c6ff}.tab-bar-link:active,.tab-bar-link:focus,.tab-bar-link:hover{outline:none;box-shadow:none;background-color:transparent;-webkit-tap-highlight-color:transparent}@media(hover:none){.tab-bar-link:active{opacity:1!important;transform:none!important}}.tab-bar-link:-webkit-any-link:active,.tab-bar-link:-moz-any-link:active,.tab-bar-link:any-link:active{color:inherit}@media(max-width:768px){.tab-bar{height:70px}.content-wrapper{height:calc(100vh - 120px);background-color:#f1f5f7}.tab-bar-link .link-icon{width:24px;height:24px}.tab-bar-link .link-label{font-size:10px}}