*{margin:0;padding:0;box-sizing:border-box}#app,body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif;background:#f4f5f7;color:#2c2c2c;-webkit-text-size-adjust:100%}button,input,select{font-family:inherit}.app-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(135deg,#534ab7,#7f77dd);color:#fff;font-size:16px;font-weight:500;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-nav{display:flex;gap:18px}.nav-tab{font-size:14px;font-weight:400;opacity:.7;cursor:pointer;padding:4px 0;position:relative}.nav-tab:hover{opacity:.9}.nav-tab.active{font-weight:500;opacity:1}.nav-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#fff;border-radius:1px}.page{padding:12px;min-height:calc(100vh - 48px)}.ball-red{background:#e24b4a}.ball-blue,.ball-red{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#fff;font-size:13px;font-weight:500;margin:2px}.ball-blue{background:#378add}