: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: #dddddd99;

    /*主要着重颜色*/
    --main-strong-color: #333;
    /*菜单长度*/
    --nav-length: 5rem;
    /*圆角*/
    --border-radius: 0.5rem;
}