.sub-menu {
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 100%; /* 二级菜单在一级菜单正下方 */
          left: 50%;
        /* 关键2：向左偏移自身50%宽度，实现完全居中 */
        transform: translateX(-50%);
        background: #2284e6;
        border: 1px solid #2284e6; /* 浅边框更清爽 */

        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        display: none; /* 默认隐藏 */
        min-width: auto;
          white-space: nowrap;}

    /* 二级菜单项 */
    .sub-menu-item {
        padding: 0;
        margin: 0;}

    /* 二级菜单链接样式 */
    .sub-menu-item a {
        display: block;
        padding: 8px 16px;
        text-decoration: none;
        font-size: 14px !important;
        line-height:1.5!important;}

    /* 二级菜单hover效果 */
    .sub-menu-item a:hover {
        background-color: #4caaf7;
        color: #165dff;}

    /* 一级菜单项仅做定位适配（无视觉样式） */
    .main-menu-item {
        position: relative; /* 让二级菜单相对一级定位 */
        display: inline-block; /* 一级横向排列，若纵向则改为block */
        /* 以下为清空默认样式，不添加任何视觉样式 */
        list-style: none;
        margin: 0;
        padding: 0;}

    /* 悬浮一级菜单显示二级菜单 */
    .main-menu-item:hover .sub-menu {
        display: block;}

    /* 防止二级菜单超出容器（可选） */
    .main-menu-item .sub-menu {
        overflow: hidden;}