﻿        /* ============================================================
           左侧站内导航（产品分类导航）—— 全新美化版
           ============================================================ */
        .right_box {
            flex: 0 0 262px;
            width: 262px;
            background-color: #fff;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
            border: 1px solid var(--light-gray);
            overflow: hidden;
            height: fit-content;
            position: sticky;
            top: 110px;
        }

        /* 导航标题 */
        .right_box .title {
            position: relative;
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
            padding: 18px 22px;
            overflow: hidden;
        }

        .right_box .title::after {
            content: '';
            position: absolute;
            right: -26px;
            bottom: -36px;
            width: 96px;
            height: 96px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.12);
        }

        .right_box .title::before {
            content: '';
            position: absolute;
            right: 34px;
            top: -30px;
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.09);
        }

        .right_box .title a {
            position: relative;
            z-index: 1;
            display: flex;
            align-items: center;
            gap: 10px;
            color: #fff;
            font-size: 1.1rem;
            font-weight: 700;
            letter-spacing: 1px;
        }

        .right_box .title a::before {
            content: '\f0c9';
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            font-size: 0.95rem;
            opacity: 0.9;
        }

        /* 一级分类列表容器 */
        .right_box .list {
            padding: 12px 12px 16px;
        }

        .right_box .list > li {
            margin-bottom: 4px;
        }

        .right_box .list > li:last-child {
            margin-bottom: 0;
        }

        /* 一级分类标题 */
        .right_box .biglist_name {
            margin: 0;
            font-size: 1rem;
            line-height: 1.4;
        }

        .right_box .biglist_name > a {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 11px 13px;
            border-radius: 6px;
            color: var(--secondary-color);
            font-weight: 700;
            font-size: 1rem;
            background-color: #f2f6fb;
            transition: var(--transition);
        }

        /* 左侧竖条指示器 */
        .right_box .biglist_name > a::before {
            content: '';
            flex: 0 0 auto;
            width: 4px;
            height: 16px;
            border-radius: 2px;
            background: var(--primary-color);
            opacity: 0.32;
            transition: var(--transition);
        }

        .right_box .biglist_name > a:hover {
            background-color: rgba(0, 102, 204, 0.1);
            color: var(--primary-color);
        }

        .right_box .biglist_name > a:hover::before {
            opacity: 1;
        }

        /* ★ 一级分类：当前栏目高亮 */
        .right_box .biglist_name > a.active {
            background: linear-gradient(90deg, rgba(0, 102, 204, 0.18), rgba(0, 102, 204, 0.04));
            color: var(--primary-color);
            box-shadow: inset 0 0 0 1px rgba(0, 102, 204, 0.18);
        }

        .right_box .biglist_name > a.active::before {
            opacity: 1;
            height: 20px;
            box-shadow: 0 0 8px rgba(0, 102, 204, 0.55);
        }

        /* ============================================================
           二级分类列表 —— 已改为左对齐（与一级分类文字左对齐）
           ============================================================ */
        .right_box .sub-list {
            margin: 4px 0 8px 0;
            padding-left: 0;
            border-left: none;
        }

        .right_box .sub-list .alink_li {
            margin: 2px 0;
        }

        .right_box .sub-list a {
            position: relative;
            display: block;
            /* 27px = 一级分类的 13px 内边距 + 4px 竖条 + 10px 间距，实现文字左对齐 */
            padding: 8px 12px 8px 27px;
            border-radius: 6px;
            font-size: 0.92rem;
            color: #5a6b7d;
            transition: var(--transition);
        }

        /* 二级分类小圆点 */
        .right_box .sub-list a::before {
            content: '';
            position: absolute;
            left: 13px;
            top: 50%;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #c3cfdb;
            transform: translateY(-50%);
            transition: var(--transition);
        }

        .right_box .sub-list a:hover {
            background-color: rgba(0, 102, 204, 0.08);
            color: var(--primary-color);
        }

        .right_box .sub-list a:hover::before {
            background: var(--primary-color);
        }

        /* ★ 二级分类：当前页面高亮 */
        .right_box .sub-list a.active {
            background-color: rgba(0, 102, 204, 0.12);
            color: var(--primary-color);
            font-weight: 700;
        }

        .right_box .sub-list a.active::before {
            background: var(--primary-color);
            box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.18);
        }