/* ============================================================
           左侧菜单响应式：桌面端侧边栏 → 移动端可折叠面板
           仅作用于本页面，不影响其他页面
           ============================================================ */

        /* --- 桌面端基础样式（保持原有布局） --- */
        .left-menu-container {
            display: flex;
            gap: 25px;
        }
        .left-menu {
            width: 220px;
            flex-shrink: 0;
            background: var(--white);
            border-radius: 8px;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
            overflow: hidden;
        }

        /* 标题栏 - 桌面端就是纯标题 */
        .left-menu-title {
            background: var(--primary-blue);
            color: var(--white);
            padding: 16px 20px;
            font-size: 15px;
            font-weight: 600;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: default;
            user-select: none;
        }
        /* 箭头图标 - 桌面端隐藏 */
        .left-menu-toggle-icon {
            display: none;
            width: 18px;
            height: 18px;
            transition: transform 0.3s ease;
            flex-shrink: 0;
        }
        .left-menu-toggle-icon svg {
            width: 100%;
            height: 100%;
            stroke: #fff;
            fill: none;
            stroke-width: 2.5;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .left-menu-list {
            list-style: none;
            padding: 0;
            margin: 0;
            overflow: hidden;
            transition: max-height 0.35s ease, opacity 0.3s ease;
        }
        .left-menu-item {
            margin: 0;
        }
        .left-menu-item button {
            display: block;
            width: 100%;
            padding: 14px 20px;
            border: none;
            background: transparent;
            color: var(--text-dark);
            font-size: 14px;
            cursor: pointer;
            text-align: left;
            transition: all 0.3s ease;
            border-left: 3px solid transparent;
            font-family: inherit;
        }
        .left-menu-item button:hover {
            background: var(--light-bg);
            color: var(--primary-blue);
        }
        .left-menu-item button.active {
            background: var(--primary-blue);
            color: var(--white);
            border-left-color: var(--accent-red);
        }

        .right-content {
            flex: 1;
            background: var(--white);
            border-radius: 8px;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
            padding: 30px;
            min-width: 0;
        }

        /* ============================================================
           断点 1：≤ 768px（平板 / 大屏手机）
           侧边栏 → 可折叠面板
           ============================================================ */
        @media (max-width: 768px) {
            .left-menu-container {
                flex-direction: column;
                gap: 15px;
            }

            .left-menu {
                width: 100%;
                border-radius: 8px;
            }

            /* 标题栏变为可点击的折叠按钮 */
            .left-menu-title {
                padding: 14px 18px;
                font-size: 15px;
                cursor: pointer;
                transition: background 0.25s ease;
            }
            .left-menu-title:hover {
                background: var(--secondary-blue);
            }
            .left-menu-title:active {
                background: #002a55;
            }

            /* 显示箭头图标 */
            .left-menu-toggle-icon {
                display: block;
            }

            /* 展开状态：箭头旋转 180 度 */
            .left-menu.expanded .left-menu-toggle-icon {
                transform: rotate(180deg);
            }

            /* 菜单列表默认收起 */
            .left-menu-list {
                max-height: 0;
                opacity: 0;
                transition: max-height 0.4s ease, opacity 0.3s ease;
            }

            /* 展开时显示列表 */
            .left-menu.expanded .left-menu-list {
                max-height: 500px;
                opacity: 1;
            }

            /* 移动端按钮样式：整行展示，底部有分隔线 */
            .left-menu-item {
                border-bottom: 1px solid #f0f4fa;
            }
            .left-menu-item:last-child {
                border-bottom: none;
            }

            .left-menu-item button {
                padding: 14px 20px 14px 32px;
                font-size: 15px;
                border-left: 4px solid transparent;
                position: relative;
                text-align: left;
            }
            /* 加一个小圆点指示器 */
            .left-menu-item button::before {
                content: '';
                position: absolute;
                left: 18px;
                top: 50%;
                transform: translateY(-50%);
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: #c5d4e5;
                transition: all 0.25s ease;
            }
            .left-menu-item button:hover {
                background: #f8fbff;
                color: var(--primary-blue);
            }
            .left-menu-item button.active {
                background: linear-gradient(to right, #eaf3ff 0%, transparent 100%);
                color: var(--primary-blue);
                font-weight: 600;
                border-left-color: var(--accent-red);
            }
            .left-menu-item button.active::before {
                background: var(--accent-red);
                width: 8px;
                height: 8px;
                left: 17px;
            }

            .right-content {
                padding: 20px 18px;
                border-radius: 8px;
            }

            /* 领导卡片：4列 → 2列 */
            .leader-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 15px !important;
            }
        }

        /* ============================================================
           断点 2：≤ 480px（小屏手机）
           ============================================================ */
        @media (max-width: 480px) {
            .left-menu-title {
                padding: 12px 15px;
                font-size: 14px;
            }
            .left-menu-toggle-icon {
                width: 16px;
                height: 16px;
            }
            .left-menu-item button {
                padding: 13px 16px 13px 30px;
                font-size: 14px;
            }
            .left-menu-item button::before {
                left: 16px;
                width: 5px;
                height: 5px;
            }
            .left-menu-item button.active::before {
                left: 15px;
                width: 7px;
                height: 7px;
            }

            .right-content {
                padding: 16px 14px;
            }
            .leader-grid {
                grid-template-columns: 1fr !important;
            }

            .right-content h3 {
                font-size: 15px;
                margin-top: 18px;
                margin-bottom: 8px;
            }
            .right-content p {
                font-size: 14px;
                line-height: 1.75;
            }
        }

        /* ============================================================
           断点 3：769px ~ 992px（平板横屏）
           侧边栏稍微收窄，仍然纵向显示
           ============================================================ */
        @media (min-width: 769px) and (max-width: 992px) {
            .left-menu {
                width: 170px;
            }
            .left-menu-item button {
                padding: 12px 14px;
                font-size: 13px;
            }
            .right-content {
                padding: 22px 20px;
            }
        }