.history-record-container[data-v-c2d5f7b6]{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding-top:20px;width:100%}.history-record-container .nav-bar[data-v-c2d5f7b6]{align-items:center;background:#fff;border-radius:30px;box-shadow:0 0 10px #ababab80;box-sizing:border-box;display:flex;height:60px;justify-content:space-around;margin-bottom:20px;max-width:1200px;min-width:700px;padding:5px}.history-record-container .nav-bar .nav-item[data-v-c2d5f7b6]{align-items:center;border-radius:20px;color:#848484;cursor:pointer;display:flex;flex:1;font-size:20px;height:40px;justify-content:center;line-height:41px;margin:0 5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.history-record-container .nav-bar .nav-item.active[data-v-c2d5f7b6]{background:linear-gradient(307deg,#8fcdff,#3f9afb);box-shadow:0 2px 6px #409eff4d;color:#fff;font-weight:500}.history-record-container .nav-bar .nav-item[data-v-c2d5f7b6]:hover:not(.active){background-color:#f5f7fa;color:#409eff}.history-record-container .content-area[data-v-c2d5f7b6]{flex:1;overflow:hidden;width:100%}.history-record-container .content-area .test-content[data-v-c2d5f7b6]{height:100%}