:root {
    /*主体内容最大宽度*/
    --main-max-width: 1200px;
    /*主体内容自适应宽度*/
    --main-width-auto: min(1200px, 70%);

    /*背景颜色*/
    --bg-color-b1: #000;
    --bg-color-b2: #111;
    --bg-color-b3: #222;
    --bg-color-b4: #333;
    --bg-color-b5: #444;
    --bg-color-b6: #666;
    --bg-color-b7: #777;
    --bg-color-b8: #888;
    --bg-color-b9: #999;
    --bg-color-ba: #aaa;
    --bg-color-bb: #bbb;
    --bg-color-bc: #ccc;
    --bg-color-bd: #ddd;
    --bg-color-be: #eee;
    --bg-color-bf: #fff;

    /*字体颜色*/
    --color-text: #333;
    --bg-opacity: 0.5;
    --header-bg-color: rgb(254, 255, 252); /*#fefffc*/

    /*主要着重颜色*/
    --main-strong-color: #333;
    /*菜单长度*/
    --nav-length: 5rem;
    /*圆角*/
    --border-radius: 0.5rem;
    /*blog菜单背景色*/
    --blog-menu-background-color: var(--header-bg-color);
    /*blog菜单默认宽度*/
    --blog-menu-default-width: calc((100% - var(--main-width-auto)) / 2);

    /*字体颜色*/
    --font-color-top3-h1: #37352f; /*#37352f*/
    --font-color-top3-h2: #5f5e5b; /*1b1b1b*/
    --font-color-top3-h3: #91918e; /*1b1b1b*/
    --font-color-top3-active: rgb(232, 232, 231); /*#e8e8e7*/
    --font-color-top3-hover: rgb(239, 239, 237); /*#EFEFED*/

}
