:root {
    --md-primary-fg-color: #50616d;
    --md-primary-fg-color--light: #758a99;
    --md-primary-fg-color--dark: #426666;
    --md-primary-bg-color: #D1D9E0;
    --md-primary-bg-color--light: #D1D9E0;
    --md-accent-fg-color: #758A99;
    --md-accent-fg-color--transparent: #1618231a;
    --md-accent-bg-color: #fff;
    --md-accent-bg-color--light: #D1D9E0b3;
}

.navbar.bg-primary {
    background-color: #426666;
}
body{
  font-family: "Noto SC", sans-serif;
    background-color: #d1d9e0;
    font-weight: 400;
}
.md-typeset a {
    background-color: #D1D9E0;
    color: var(--md-primary-fg-color--dark);
    transition: all .3s;
}

.md-typeset a:hover {
    transition: all .3s;
    background-color: var(--md-primary-fg-color--dark);
    color: var(--md-accent-bg-color);
}

.tabbed-content {
  /*background-color: #fff;*/
  background-color: #A1AFC980;
}
#chart-overlap-per-dy, #chart-jiandu {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden; 
    min-height: 600px; 
}

.inline-button{
  background:#50616d80;
}
.inline-button:hover {
  color:#426666;
}