/* 字典内容页选项卡效果 */
/* 容器样式 */
        .tab-container {
             /* width: 90%;移动端加宽适配 
            max-width: 800px;
            margin: 30px auto;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);*/
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            
        }
        
        /* 选项卡头部 - 强制一行显示 */
        .tab-header {
            display: flex;
            background-color: #fff;
            border-bottom: 1px solid #eee;
            white-space: nowrap; /* 禁止换行 */
            overflow: hidden; /* 防止溢出 */
        }
        
        /* 选项卡按钮 */
        .tab-btn {
            flex: 1; /* 平均分配宽度 */
            padding: 15px 5px;
            text-align: center;
            border: none;
            background-color: #fff;
            cursor: pointer;
            font-size: 16px;
            transition: background-color 0.3s ease;
            white-space: nowrap; /* 文字不换行 */
            text-overflow: ellipsis; /* 文字过长时省略 */
            overflow: hidden;
        }
        
        /* 选中状态 */
        .tab-btn.active {
            background-color: #e0f0ff;
            color: #1677ff;
            font-weight: 500;
        }
        
        /* 选项卡内容区域 */
        .tab-content {
            padding: 0px;
            min-height: 180px;
        }
        
        /* 内容项默认隐藏 */
        .tab-item {
            display: none;
        }
        
        /* 激活的内容项显示 */
        .tab-item.active {
            display: block;
        }
        
        /* 移动端适配 - 仅缩小尺寸，保持一行 */
        @media (max-width: 600px) {
            .tab-btn {
                font-size: 14px; /* 缩小字体 */
                padding: 12px 2px; /* 缩小内边距 */
            }
            .tab-content {
                padding: 0px;
                min-height: 150px;
                font-size: 14px;
            }
            .tab-content h3 {
                font-size: 16px;
                margin-bottom: 8px;
            }
        }