/* Desire Gym Desktop Nav CSS */

@media (min-width: 1025px) {
            .desire-desktop-nav {
                width: 100%; /* 【修改1】：加上100%宽度，让容器撑满 */
                display: flex;
                align-items: center;
                position: relative;
                z-index: 999;
            }
            .desire-desktop-nav ul {
                width: 100%; /* 【修改2】：ul也加上100%宽度 */
                list-style: none;
                margin: 0;
                padding: 0;
            }
            
            /* --- 1. 顶级菜单 --- */
            .desire-desktop-nav > ul {
                display: flex;
                justify-content: space-between; /* 【修改3】：去掉 gap:40px，改成平均分布，解决右边留空 */
            }
            .desire-desktop-nav a {
                text-decoration: none;
                display: block;
                font-family: "Open Sans", sans-serif; /* 【修改4】：指定字体 */
                font-size: 12px; /* 【修改5】：统一指定 12px 字号 */
            }
            .desire-desktop-nav > ul > li > a {
                color: #ffffff;
                /* 这里删除了原本的 font-size: 14px，让它统一用上面的 12px */
                font-weight: 700;
                text-transform: uppercase;
                padding: 20px 10px; /* 控制点击区域高度 */
                transition: color 0.3s ease;
                display: flex;
                align-items: center;
            }
            /* 顶级菜单 Hover 效果 (变成红色) */
            .desire-desktop-nav > ul > li:hover > a {
                color: #DA2128; /* 截图中的红色 */
            }
            
            /* 顶级菜单的向下小箭头 */
            .desire-desktop-nav > ul > li.menu-item-has-children > a::after {
                content: "";
                display: inline-block;
                width: 6px;
                height: 6px;
                border-bottom: 2px solid currentColor;
                border-right: 2px solid currentColor;
                transform: rotate(45deg);
                margin-left: 8px;
                margin-bottom: 2px;
            }

            /* --- 2. 下拉菜单 (第一级) --- */
            .desire-desktop-nav li {
                position: relative;
            }
            .desire-desktop-nav ul.sub-menu {
                position: absolute;
                top: 100%;
                left: 0;
                width: 260px; /* 下拉菜单宽度 */
                background-color: #000000;
                visibility: hidden;
                opacity: 0;
                transition: all 0.2s ease-in-out;
                box-shadow: 0 5px 15px rgba(0,0,0,0.5);
            }
            /* Hover 时显示下拉菜单 */
            .desire-desktop-nav li:hover > ul.sub-menu {
                visibility: visible;
                opacity: 1;
            }
            .desire-desktop-nav ul.sub-menu li a {
                color: #777; /* 截图中的灰色文字 */
                /* 这里删除了原本的 font-size: 13px，让它统一用上面的 12px */
                text-transform: uppercase;
                padding: 15px 25px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                transition: background 0.2s, color 0.2s;
            }
            /* 下拉菜单 Hover 效果 (灰白底色，黑色文字) */
            .desire-desktop-nav ul.sub-menu li:hover > a {
                background-color: #f4f4f4;
                color: #000000;
            }

            /* 下拉菜单里的向右小箭头 */
            .desire-desktop-nav ul.sub-menu li.menu-item-has-children > a::after {
                content: "";
                display: inline-block;
                width: 5px;
                height: 5px;
                border-bottom: 1.5px solid currentColor;
                border-right: 1.5px solid currentColor;
                transform: rotate(-45deg);
            }

            /* --- 3. 三级菜单 (向右展开的 Flyout) --- */
            .desire-desktop-nav ul.sub-menu ul.sub-menu {
                top: 0;
                left: 100%; /* 向右侧展开 */
            }
        }