/* ================================= 默认全局样式 ================================= */
* {
    margin: 0;
    padding: 0;
    appearance: none;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: #8eb2bf
}

/* ================================= 布局 ================================= */
body {
    background-color: #1f1f1f;
    margin: 5px 10px;
}

/*主体*/
.container {
    display: flex;
    /* align-items: center; */
    /* justify-content: center; */
    flex-direction: column;
    color: #8eb2bf;
    background-color: #1f1f1f;
    /* width: 80%; */
    width: 100%;

    margin: 0 auto;
}

/*头部*/
.top {
    height: 35px;

    display: flex;
    align-items: center;

    background-color: #4c4c4c;
    width: 100%;

    padding: 2px 5px;
}

/* ================================= 头部 ================================= */
/* .icon_top_logo {
    width: 28px;
    height: 28px;
    margin-right: 12px;
} */

.top_menus {
    display: flex;
    gap: 12px;
}

.top_menus li {
    font-size: 12px;
    user-select: none;
}

.top_menus li:hover {
    cursor: pointer;
}

/* ================================= 中间 ================================= */
.content .left_panel a:hover {
    color: chocolate;
}