/* ����������ʽ */
table {
    border-collapse: collapse;  /* �ϲ���Ԫ���߿� */
    width: 100%;               /* �������ȳ������� */
    margin: 15px 0;            /* �������߾�15���� */
    font-family: Arial, sans-serif;
    font-weight: normal;       /* ȷ���������ݲ��Ӵ� */
    table-layout: fixed;       /* ? �̶����񲼾֣���ֹ���������� */
    word-break: break-word;    /* ? �������������Զ����� */
}

/* ��ͷ��Ԫ����ʽ */
table th {
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #f2f2f2;
    text-align: left;
    font-weight: normal;
    font-size: 16px;
    word-break: break-word;    /* ? ��ͷҲ�������� */
}

/* ��ͨ��Ԫ����ʽ */
table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    font-weight: normal;
    font-size: 15px;
    word-break: break-word;    /* ? �Զ����� */
    white-space: normal;       /* ? ǿ�����ݻ��У���ֹnowrap�̳У� */
}

/* ���������� */
table tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* ������ͣЧ�� */
table tr:hover {
    background-color: #f1f1f1;
}


/* 面包屑容器 - 强制单行 */
.custom-breadcrumb {
  max-width: 100%;
  overflow: hidden;
}

/* 列表项横向排列 */
.custom-breadcrumb ol {
  display: flex;
  flex-wrap: nowrap; /* 禁止换行 */
  list-style: none;
  padding: 0;
  margin: 0;
  white-space: nowrap; /* 双重保险 */
}

/* 列表项样式 */
.custom-breadcrumb li {
  display: inline-flex; /* 或 flex */
  align-items: center;
}

/* 分隔符样式（非最后一项添加） */
.custom-breadcrumb li:not(:last-child)::after {
  content: "›"; /* 或">" */
  margin: 0 8px;
  color: #999;
  font-weight: bold;
}

/* 链接样式 */
.custom-breadcrumb a {
  color: #0066cc;
  text-decoration: none;
  white-space: nowrap;
}

/* 悬停效果 */
.custom-breadcrumb a:hover {
  text-decoration: underline;
}

/* 当前页项（最后一项） */
.custom-breadcrumb li:last-child a {
  color: #333;
  pointer-events: none;
}