.elementor-360 .elementor-element.elementor-element-202d4f4{--display:flex;}.elementor-360 .elementor-element.elementor-element-ae1a931 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:48px;}.elementor-360 .elementor-element.elementor-element-0aaea4c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-360 .elementor-element.elementor-element-c4943b5{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-360 .elementor-element.elementor-element-c4943b5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-360 .elementor-element.elementor-element-827e45c{--grid-columns:3;width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}@media(max-width:1024px){.elementor-360 .elementor-element.elementor-element-ae1a931 .elementor-heading-title{font-size:24px;}.elementor-360 .elementor-element.elementor-element-0aaea4c{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-360 .elementor-element.elementor-element-c4943b5{width:100%;max-width:100%;}.elementor-360 .elementor-element.elementor-element-827e45c{--grid-columns:4;width:100%;max-width:100%;}}@media(max-width:767px){.elementor-360 .elementor-element.elementor-element-ae1a931 .elementor-heading-title{font-size:24px;}.elementor-360 .elementor-element.elementor-element-827e45c{--grid-columns:2;}}/* Start custom CSS for shortcode, class: .elementor-element-c4943b5 *//* =========================================
   自定义产品菜单 (最终修复版：PC默认展开 + 可收缩 + 层级优化)
   ========================================= */

.my-custom-menu-container {
    width: 100%;
    background: #fff;
    font-family: inherit;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 4px;
}

/* 1. 手机端总标题 */
.my-menu-trigger {
    padding: 15px 20px;
    background: #fff;
    border-bottom: 1px solid #eee;
    display: none; 
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-weight: bold;
    color: #333;
}

/* 2. 菜单列表基础 */
.my-cat-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 【全局默认状态】默认隐藏子菜单 (手机/平板优先) */
ul.sub-level {
    display: none;
    background-color: #fcfcfc;
}

/* 3. 行布局 */
.cat-row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
    background: inherit;
    position: relative;
    height: 48px;
}

/* 链接区域 */
.cat-link {
    flex-grow: 1; 
    display: flex;
    align-items: center;
    justify-content: space-between; 
    padding-right: 63px !important; /* 强制给箭头留出位置 */
    text-decoration: none;
    color: #333;
    font-size: 14px;
    height: 100%;
    transition: color 0.2s;
}

/* 产品名称 */
.cat-name {
    white-space: normal;
    line-height: 1.3;
}

/* 数量 */
.cat-count {
    font-size: 12px;
    color: #aaa;
    margin-left: 10px;
    flex-shrink: 0; 
}

/* 悬停 */
.cat-link:hover { color: #0073e6; }
.cat-link:hover .cat-name { color: #0073e6; }
.cat-row:hover { background-color: #f9f9f9; }

/* 4. 展开按钮 (箭头) */
.toggle-btn {
    width: 48px; 
    height: 100%;
    position: absolute; /* 绝对定位到最右边 */
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-left: 1px solid #f5f5f5; 
    z-index: 10;
}

/* 箭头图标 */
.cat-toggle-icon {
    font-size: 10px;
    color: #bbb;
    transition: transform 0.3s ease;
}

/* =========================================
   【视觉优化】层级缩进与字体 (替代圆点方案)
   ========================================= */

/* --- 一级菜单 (Root) --- */
.root-level > li > .cat-row {
    background-color: #fff;
    border-bottom: 2px solid #eee; /* 加深分割线 */
}
.root-level > li > .cat-row .cat-name {
    font-size: 16px; 
    font-weight: 700; /* 加粗 */
    color: #222;
}
.root-level > li > .cat-row .cat-link { 
    padding-left: 15px; /* 最小缩进 */
}

/* --- 二级菜单 (Sub) --- */
.root-level > li > ul.sub-level > li > .cat-row {
    background-color: #fcfcfc;
}
.root-level > li > ul.sub-level > li > .cat-row .cat-name {
    font-size: 15px; 
    font-weight: 500; /* 中等 */
    color: #444;
}
/* 关键缩进：15px + 25px = 40px */
.sub-level > li > .cat-row .cat-link { 
    padding-left: 40px !important; 
}

/* --- 三级菜单 (Sub-Sub) --- */
.sub-level .sub-level > li > .cat-row .cat-name {
    font-size: 13px; /* 字体变小 */
    font-weight: 400; 
    color: #777;     /* 颜色变浅 */
}
/* 关键缩进：40px + 30px = 70px (阶梯感) */
.sub-level .sub-level > li > .cat-row .cat-link { 
    padding-left: 70px !important; 
}


/* =========================================
   响应式交互 (关键修复)
   ========================================= */

/* --- 手机/平板端 (<= 1024px) --- */
@media (max-width: 1024px) {
    .my-menu-trigger { display: flex; }
    .my-menu-wrapper { display: none; border-top: 1px solid #eee; }
    
    /* 手机端箭头逻辑：默认向右(0deg)，点击展开后向下(180deg) */
    .toggle-btn.expanded .cat-toggle-icon { transform: rotate(180deg); color: #0073e6; }
    .my-custom-menu-container { border: none; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
}

/* --- PC端 (> 1024px) --- */
@media (min-width: 1025px) {
    .my-menu-trigger { display: none; }
    .my-menu-wrapper { display: block !important; }
    
    /* 1. 默认展开，但【移除 !important】
       修复点：这样点击 JS 脚本时，内联的 display:none 才能生效，实现收缩。
    */
    ul.sub-level {
        display: block; 
    }

    /* 2. PC端箭头逻辑反转 
       因为默认是展开的，所以：
       - 没有点击时 (无class) = 箭头向下 (表示已展开)
       - 点击收起时 (有expanded) = 箭头向右 (表示已关闭)
    */
    .toggle-btn:not(.expanded) .cat-toggle-icon {
        transform: rotate(180deg);
        color: #0073e6;
    }
    
    .toggle-btn.expanded .cat-toggle-icon {
        transform: rotate(0deg);
        color: #bbb;
    }
}/* End custom CSS */