/* 桌面端下拉菜单样式 */
@media screen and (min-width: 767px) {
    .menu__item--has-children {
        position: relative;
    }
    
    .menu__sublist {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #2a2a2a;
        min-width: 150px;
        z-index: 100;
        list-style: none;
        padding: 0;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    }

    .menu__item--has-children:hover > .menu__sublist {
        display: block;
    }

    .menu__sublist .menu__item {
        border-left: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        width: 100%; /* Ensure full width */
    }

    .menu__sublist .menu__link {
        padding: 10px 15px;
        white-space: nowrap; /* Prevent text wrapping */
    }

    .menu__drop-icon {
        font-size: 0.8em;
        margin-left: 5px;
        vertical-align: middle;
    }
}

/* 移动端简单适配 (可选，默认可能不需要特别样式，视需求而定) */
@media screen and (max-width: 766px) {
    .menu__sublist {
        padding-left: 20px;
        background-color: rgba(0,0,0,0.1);
    }
    .menu__drop-icon {
        display: none; /* 移动端可能不需要图标或者用其他方式展示 */
    }
}