@charset "utf-8";
/* CSS Document */
 /* ------------------------------------------------------------------- */
/* 優化後的 CSS：精確控制六層巢狀有序清單的編號和計數 */
/* ------------------------------------------------------------------- */

/* 1. 移除所有 ol 預設的項目符號並重設計數器 */
.legal ol {
	list-style: none; /* 移除預設的數字或點 */
	margin: 0;
	padding: 0;
}

/* 確保每一層只重設自己的計數器，並使用更精確的選擇器來區分層級 */
.legal ol { counter-reset: level-1; }
.legal ol ol { counter-reset: level-2; }
.legal ol ol ol { counter-reset: level-3; }
.legal ol ol ol ol { counter-reset: level-4; }
.legal ol ol ol ol ol { counter-reset: level-5; }
.legal ol ol ol ol ol ol { counter-reset: level-6; }


/* 2. 設置 li 元素的計數器遞增 */
.legal li {
	/* 確保只遞增當前層級的計數器 */
	/* 這裡必須為 li 加上 display:table 才能讓後面的 ::before 對齊 */
	display: table;
	counter-increment: level-1; /* 默認遞增 level-1 */
}
.legal ol ol > li { counter-increment: level-2; } /* 第二層遞增 level-2 */
.legal ol ol ol > li { counter-increment: level-3; } /* 第三層遞增 level-3 */
.legal ol ol ol ol > li { counter-increment: level-4; } /* 第四層遞增 level-4 */
.legal ol ol ol ol ol > li { counter-increment: level-5; } /* 第五層遞增 level-5 */
.legal ol ol ol ol ol ol > li { counter-increment: level-6; } /* 第六層遞增 level-6 */


/* 3. 顯示自定義編號 (::before) 並設置樣式 */
.legal li::before {
	display: table-cell;
	text-align: right;  /* 讓編號右對齊 */
	min-width: 2.5em;   /* 確保有足夠空間顯示長編號 */
	white-space: nowrap; /* 確保編號不會換行 */
	content: ""; /* 預設清空，由下面層級定義 */
}

/* --------------------------------------------------- */
/* 樣式定義 */
/* --------------------------------------------------- */

/* 第一層: 一、 (中文大寫數字) */
.legal ol > li::before {
	/* upper-chinese-informal 顯示 壹、貳、參...，但大多數瀏覽器會顯示 1, 2, 3... */
	/* 為求廣泛支援和準確性，這裡使用 decimal 搭配自定義 prefix 來模擬 */
	content: counter(level-1, cjk-ideographic) "、";
	list-style-type: cjk-ideographic;
}

/* 第二層: （一） (羅馬數字加括號) */
.legal ol ol > li::before {
	content: "（" counter(level-2, cjk-ideographic) "）";
}

/* 第三層: 1、 (阿拉伯數字加頓號) */
.legal ol ol ol > li::before {
	content: counter(level-3, decimal) "、";
}

/* 第四層: （1） (阿拉伯數字加括號) */
.legal ol ol ol ol > li::before {
	content: "（" counter(level-4, decimal) "）";
}

/* 第五層: 甲、 (中文序號) */
.legal ol ol ol ol ol > li::before {
	content: counter(level-5, cjk-ideographic) "、";
}

/* 第六層: （甲） (中文序號加括號) */
.legal ol ol ol ol ol ol > li::before {
	content: "（" counter(level-6, cjk-ideographic) "）";
}