Skip to content

[css-counter-styles] Extended CJK longhand counter styles range and Separation between mandatory test and optional implementation #53312

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

[css-counter-styles] Extended CJK longhand counter styles range and Separation between mandatory test and optional implementation #53312

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4c21a9d
update limited cjk longhand tests
sakupi01 Jun 22, 2025
adda1cc
extended algorithm
sakupi01 Jun 22, 2025
File filter

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
84 changes: 84 additions & 0 deletions css/css-counter-styles/japanese-formal/counter-japanese-formal-extended-ref.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
<!DOCTYPE html>

<!-- Extended range implementation tests (algorithm step 2: split into 4-digit groups) -->
<!-- Test second group marker (萬) - ten-thousands group -->
<div>&#x58f1;&#x842c;</div>
<div>&#x5f10;&#x842c;</div>
<div>&#x4f0d;&#x842c;</div>
<div>&#x4e5d;&#x842c;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;</div>

<!-- Test complex patterns within ten-thousands group (algorithm step 4: digit markers) -->
<div>&#x58f1;&#x842c;&#x5f10;&#x9621;&#x53c2;&#x767e;&#x56db;&#x62fe;&#x4f0d;</div>
<div>&#x58f1;&#x842c;&#x58f1;</div>
<div>&#x58f1;&#x842c;&#x58f1;&#x62fe;</div>
<div>&#x58f1;&#x842c;&#x58f1;&#x767e;</div>
<div>&#x58f1;&#x842c;&#x58f1;&#x9621;</div>

<!-- Test third group marker (億) - hundred-millions group -->
<div>&#x58f1;&#x5104;</div>
<div>&#x5f10;&#x5104;</div>
<div>&#x4f0d;&#x5104;</div>
<div>&#x4e5d;&#x5104;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;&#x842c;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;</div>

<!-- Test complex patterns within hundred-millions group (algorithm step 6: zero dropping) -->
<div>&#x58f1;&#x5104;&#x5f10;&#x9621;&#x53c2;&#x767e;&#x56db;&#x62fe;&#x4f0d;&#x842c;&#x516d;&#x9621;&#x4e03;&#x767e;&#x516b;&#x62fe;&#x4e5d;</div>
<div>&#x58f1;&#x5104;&#x58f1;</div>
<div>&#x58f1;&#x5104;&#x58f1;&#x842c;</div>
<div>&#x58f1;&#x5104;&#x58f1;&#x62fe;&#x842c;</div>
<div>&#x58f1;&#x5104;&#x58f1;&#x62fe;&#x842c;</div>
<div>&#x58f1;&#x5104;&#x58f1;&#x9621;&#x842c;</div>

<!-- Test fourth group marker (兆) - trillions group -->
<div>&#x58f1;&#x5146;</div>
<div>&#x5f10;&#x5146;</div>
<div>&#x4f0d;&#x5146;</div>
<div>&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;&#x5146;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;&#x5104;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;&#x842c;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;</div>

<!-- Test extended ranges (algorithm step 3: group markers up to 10^16) -->
<!-- Test 10^13 range (ten-trillions) -->
<div>&#x58f1;&#x62fe;&#x5146;</div>
<div>&#x4f0d;&#x62fe;&#x5146;</div>
<div>&#x4e5d;&#x62fe;&#x4e5d;&#x5146;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;&#x5104;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;&#x842c;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;</div>

<!-- Test 10^15 range (hundred-trillions) -->
<div>&#x58f1;&#x767e;&#x5146;</div>
<div>&#x4f0d;&#x767e;&#x5146;</div>
<div>&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;&#x5146;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;&#x5104;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;&#x842c;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;</div>

<!-- Test complex patterns in trillions group (step 5: drop ones, step 6: drop zeros) -->
<div>&#x58f1;&#x9621;&#x5f10;&#x767e;&#x53c2;&#x62fe;&#x56db;&#x5146;&#x4f0d;&#x767e;&#x516d;&#x62fe;&#x4e03;&#x5104;&#x516b;&#x9621;&#x4e5d;&#x842c;&#x58f1;&#x767e;&#x5f10;&#x62fe;&#x53c2;</div>
<div>&#x58f1;&#x5146;&#x58f1;</div>
<div>&#x58f1;&#x5146;&#x58f1;&#x842c;</div>
<div>&#x58f1;&#x5146;&#x58f1;&#x5104;</div>
<div>&#x58f1;&#x5146;&#x58f1;&#x767e;&#x5104;</div>
<div>&#x58f1;&#x5146;&#x58f1;&#x62fe;&#x5104;</div>
<div>&#x58f1;&#x5146;&#x58f1;&#x9621;&#x5104;</div>

<!-- Test interaction between multiple groups -->
<div>&#x58f1;&#x9621;&#x58f1;&#x5146;&#x58f1;&#x9621;&#x58f1;&#x5104;&#x58f1;&#x9621;&#x58f1;&#x842c;&#x58f1;&#x9621;&#x58f1;</div>
<div>&#x58f1;&#x9621;&#x58f1;&#x62fe;&#x5146;&#x58f1;&#x767e;&#x58f1;&#x62fe;&#x5104;&#x58f1;&#x9621;&#x58f1;&#x62fe;&#x842c;&#x58f1;&#x767e;&#x58f1;</div>
<div>&#x58f1;&#x9621;&#x58f1;&#x767e;&#x58f1;&#x842c;&#x58f1;</div>
<div>&#x4f0d;&#x9621;&#x4f0d;&#x5146;&#x4f0d;&#x9621;&#x4f0d;&#x5104;&#x4f0d;&#x9621;&#x4f0d;&#x842c;&#x4f0d;&#x9621;&#x4f0d;</div>

<!-- Test zero dropping behavior across different groups -->
<div>&#x58f1;&#x5146;</div>
<div>&#x58f1;&#x5104;</div>
<div>&#x58f1;&#x767e;&#x842c;</div>
<div>&#x58f1;&#x9621;</div>
<div>&#x58f1;&#x62fe;&#x5146;</div>
<div>&#x58f1;&#x767e;&#x5146;</div>

<!-- Test boundary values at the edge of range (-10^16+1 to 10^16-1) -->
<div>&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;&#x5146;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;&#x5104;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;&#x842c;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;</div>
<div>&#x58f1;&#x9621;&#x5146;</div>

<!-- Test out-of-range values (should fallback to cjk-decimal) -->
<div>&#x4e00;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;</div>

<!-- Test negative numbers (algorithm step 8: negative sign handling) -->
<div>&#x30de;&#x30a4;&#x30ca;&#x30b9;&#x58f1;&#x842c;</div>
<div>&#x30de;&#x30a4;&#x30ca;&#x30b9;&#x58f1;&#x5104;</div>
<div>&#x30de;&#x30a4;&#x30ca;&#x30b9;&#x58f1;&#x5146;</div>
<div>&#x30de;&#x30a4;&#x30ca;&#x30b9;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;&#x5146;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;&#x5104;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;&#x842c;&#x4e5d;&#x9621;&#x4e5d;&#x767e;&#x4e5d;&#x62fe;&#x4e5d;</div>

<div>&#x30de;&#x30a4;&#x30ca;&#x30b9;&#x58f1;</div>
93 changes: 93 additions & 0 deletions css/css-counter-styles/japanese-formal/counter-japanese-formal-extended.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,93 @@
<!DOCTYPE html>
<title>CSS Counter Styles: Longhand East Asian Counter Styles Extended Implementation (optional)</title>
<link rel="help" href="https://drafts.csswg.org/css-counter-styles/#extended-range-optional">
<link rel="author" href="mailto:saku@email.sakupi01.com" title="saku">
<link rel="match" href="counter-japanese-formal-extended-ref.html">
<style>
div::after {
content: counter(n, japanese-formal);
}
</style>

<!-- Extended range implementation tests (algorithm step 2: split into 4-digit groups) -->
<!-- Test second group marker (萬) - ten-thousands group -->
<div style="counter-reset: n 10000;"></div>
<div style="counter-reset: n 20000;"></div>
<div style="counter-reset: n 50000;"></div>
<div style="counter-reset: n 99999;"></div>

<!-- Test complex patterns within ten-thousands group (algorithm step 4: digit markers) -->
<div style="counter-reset: n 12345;"></div>
<div style="counter-reset: n 10001;"></div>
<div style="counter-reset: n 10010;"></div>
<div style="counter-reset: n 10100;"></div>
<div style="counter-reset: n 11000;"></div>

<!-- Test third group marker (億) - hundred-millions group -->
<div style="counter-reset: n 100000000;"></div>
<div style="counter-reset: n 200000000;"></div>
<div style="counter-reset: n 500000000;"></div>
<div style="counter-reset: n 999999999;"></div>

<!-- Test complex patterns within hundred-millions group (algorithm step 6: zero dropping) -->
<div style="counter-reset: n 123456789;"></div>
<div style="counter-reset: n 100000001;"></div>
<div style="counter-reset: n 100010000;"></div>
<div style="counter-reset: n 100100000;"></div>
<div style="counter-reset: n 101000000;"></div>
<div style="counter-reset: n 110000000;"></div>

<!-- Test fourth group marker (兆) - trillions group -->
<div style="counter-reset: n 1000000000000;"></div>
<div style="counter-reset: n 2000000000000;"></div>
<div style="counter-reset: n 5000000000000;"></div>
<div style="counter-reset: n 9999999999999;"></div>

<!-- Test extended ranges (algorithm step 3: group markers up to 10^16) -->
<!-- Test 10^13 range (ten-trillions) -->
<div style="counter-reset: n 10000000000000;"></div>
<div style="counter-reset: n 50000000000000;"></div>
<div style="counter-reset: n 99999999999999;"></div>

<!-- Test 10^15 range (hundred-trillions) -->
<div style="counter-reset: n 100000000000000;"></div>
<div style="counter-reset: n 500000000000000;"></div>
<div style="counter-reset: n 999999999999999;"></div>

<!-- Test complex patterns in trillions group (step 5: drop ones, step 6: drop zeros) -->
<div style="counter-reset: n 1234567890123;"></div>
<div style="counter-reset: n 1000000000001;"></div>
<div style="counter-reset: n 1000000010000;"></div>
<div style="counter-reset: n 1000001000000;"></div>
<div style="counter-reset: n 1000100000000;"></div>
<div style="counter-reset: n 1010000000000;"></div>
<div style="counter-reset: n 1100000000000;"></div>

<!-- Test interaction between multiple groups -->
<div style="counter-reset: n 1001001001001;"></div>
<div style="counter-reset: n 1010101010101;"></div>
<div style="counter-reset: n 1000100010001;"></div>
<div style="counter-reset: n 5005005005005;"></div>

<!-- Test zero dropping behavior across different groups -->
<div style="counter-reset: n 1000000000000;"></div>
<div style="counter-reset: n 1000000000;"></div>
<div style="counter-reset: n 1000000;"></div>
<div style="counter-reset: n 1000;"></div>
<div style="counter-reset: n 10000000000000;"></div>
<div style="counter-reset: n 100000000000000;"></div>

<!-- Test boundary values at the edge of range (-10^16+1 to 10^16-1) -->
<div style="counter-reset: n 9999999999999999;"></div>
<div style="counter-reset: n 1000000000000000;"></div>

<!-- Test out-of-range values (should fallback to cjk-decimal) -->
<div style="counter-reset: n 10000000000000000;"></div>

<!-- Test negative numbers (algorithm step 8: negative sign handling) -->
<div style="counter-reset: n -10000;"></div>
<div style="counter-reset: n -100000000;"></div>
<div style="counter-reset: n -1000000000000;"></div>
<div style="counter-reset: n -9999999999999999;"></div>

<div style="counter-reset: n -1;"></div>
13 changes: 0 additions & 13 deletions css/css-counter-styles/japanese-formal/counter-japanese-formal-ref.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,24 +13,11 @@
<div>&#x58f1;&#x62fe;</div>
<div>&#x58f1;&#x767e;</div>
<div>&#x58f1;&#x9621;</div>
<div>&#x58f1;&#x842c;</div>
<div>&#x58f1;&#x62fe;&#x842c;</div>
<div>&#x58f1;&#x767e;&#x842c;</div>
<div>&#x58f1;&#x9621;&#x842c;</div>
<div>&#x58f1;&#x5104;</div>
<div>&#x58f1;&#x62fe;&#x5104;</div>

<div>&#x58f1;&#x62fe;&#x58f1;</div>
<div>&#x4e5d;&#x62fe;&#x4e5d;</div>
<div>&#x58f1;&#x767e;&#x58f1;</div>
<div>&#x5f10;&#x767e;</div>
<div>&#x516d;&#x9621;&#x58f1;</div>
<div>&#x58f1;&#x842c;&#x58f1;</div>
<div>&#x58f1;&#x842c;&#x58f1;&#x62fe;&#x58f1;</div>
<div>&#x58f1;&#x842c;&#x58f1;&#x767e;&#x58f1;</div>
<div>&#x58f1;&#x842c;&#x58f1;&#x9621;&#x58f1;&#x767e;&#x58f1;&#x62fe;&#x58f1;</div>
<div>&#x58f1;&#x9621;&#x58f1;&#x767e;&#x842c;</div>
<div>&#x58f1;&#x5104;&#x58f1;&#x842c;&#x58f1;</div>
<div>&#x58f1;&#x5104;&#x58f1;&#x62fe;&#x58f1;&#x842c;&#x58f1;</div>

<div>&#x30de;&#x30a4;&#x30ca;&#x30b9;&#x58f1;</div>
15 changes: 2 additions & 13 deletions css/css-counter-styles/japanese-formal/counter-japanese-formal.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
<!DOCTYPE html>
<title>CSS Counter Styles: Longhand East Asian Counter Styles Japanese Limited-range Implementation (required)</title>
<link rel="help" href="https://drafts.csswg.org/css-counter-styles/#limited-japanese">
<link rel="author" href="mailto:saku@email.sakupi01.com" title="saku">
<link rel="match" href="counter-japanese-formal-ref.html">
<style>
div::after {
Expand All @@ -20,24 +22,11 @@
<div style="counter-reset: n 10;"></div>
<div style="counter-reset: n 100;"></div>
<div style="counter-reset: n 1000;"></div>
<div style="counter-reset: n 10000;"></div>
<div style="counter-reset: n 100000;"></div>
<div style="counter-reset: n 1000000;"></div>
<div style="counter-reset: n 10000000;"></div>
<div style="counter-reset: n 100000000;"></div>
<div style="counter-reset: n 1000000000;"></div>

<div style="counter-reset: n 11;"></div>
<div style="counter-reset: n 99;"></div>
<div style="counter-reset: n 101;"></div>
<div style="counter-reset: n 200;"></div>
<div style="counter-reset: n 6001;"></div>
<div style="counter-reset: n 10001;"></div>
<div style="counter-reset: n 10011;"></div>
<div style="counter-reset: n 10101;"></div>
<div style="counter-reset: n 11111;"></div>
<div style="counter-reset: n 11000000;"></div>
<div style="counter-reset: n 100010001;"></div>
<div style="counter-reset: n 100110001;"></div>

<div style="counter-reset: n -1;"></div>
84 changes: 84 additions & 0 deletions css/css-counter-styles/japanese-informal/counter-japanese-informal-extended-ref.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
<!DOCTYPE html>

<!-- Extended range implementation tests (algorithm step 2: split into 4-digit groups) -->
<!-- Test second group marker (万) - ten-thousands group -->
<div>&#x4e00;&#x4e07;</div>
<div>&#x4e8c;&#x4e07;</div>
<div>&#x4e94;&#x4e07;</div>
<div>&#x4e5d;&#x4e07;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;</div>

<!-- Test complex patterns within ten-thousands group (algorithm step 4: digit markers) -->
<div>&#x4e00;&#x4e07;&#x4e8c;&#x5343;&#x4e09;&#x767e;&#x56db;&#x5341;&#x4e94;</div>
<div>&#x4e00;&#x4e07;&#x4e00;</div>
<div>&#x4e00;&#x4e07;&#x5341;</div>
<div>&#x4e00;&#x4e07;&#x4e00;&#x767e;</div>
<div>&#x4e00;&#x4e07;&#x4e00;&#x5343;</div>

<!-- Test third group marker (億) - hundred-millions group -->
<div>&#x4e00;&#x5104;</div>
<div>&#x4e8c;&#x5104;</div>
<div>&#x4e94;&#x5104;</div>
<div>&#x4e5d;&#x5104;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x4e07;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;</div>

<!-- Test complex patterns within hundred-millions group (algorithm step 6: zero dropping) -->
<div>&#x4e00;&#x5104;&#x4e8c;&#x5343;&#x4e09;&#x767e;&#x56db;&#x5341;&#x4e94;&#x4e07;&#x516d;&#x5343;&#x4e03;&#x767e;&#x516b;&#x5341;&#x4e5d;</div>
<div>&#x4e00;&#x5104;&#x4e00;</div>
<div>&#x4e00;&#x5104;&#x4e00;&#x4e07;</div>
<div>&#x4e00;&#x5104;&#x5341;&#x4e07;</div>
<div>&#x4e00;&#x5104;&#x5341;&#x4e07;</div>
<div>&#x4e00;&#x5104;&#x4e00;&#x5343;&#x4e07;</div>

<!-- Test fourth group marker (兆) - trillions group -->
<div>&#x4e00;&#x5146;</div>
<div>&#x4e8c;&#x5146;</div>
<div>&#x4e94;&#x5146;</div>
<div>&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x5146;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x5104;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x4e07;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;</div>

<!-- Test extended ranges (algorithm step 3: group markers up to 10^16) -->
<!-- Test 10^13 range (ten-trillions) -->
<div>&#x4e00;&#x5341;&#x5146;</div>
<div>&#x4e94;&#x5341;&#x5146;</div>
<div>&#x4e5d;&#x5341;&#x4e5d;&#x5146;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x5104;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x4e07;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;</div>

<!-- Test 10^15 range (hundred-trillions) -->
<div>&#x4e00;&#x767e;&#x5146;</div>
<div>&#x4e94;&#x767e;&#x5146;</div>
<div>&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x5146;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x5104;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x4e07;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;</div>

<!-- Test complex patterns in trillions group (step 5: drop ones, step 6: drop zeros) -->
<div>&#x4e00;&#x5343;&#x4e8c;&#x767e;&#x4e09;&#x5341;&#x56db;&#x5146;&#x4e94;&#x767e;&#x516d;&#x5341;&#x4e03;&#x5104;&#x516b;&#x5343;&#x4e5d;&#x4e07;&#x4e00;&#x767e;&#x4e8c;&#x5341;&#x4e09;</div>
<div>&#x4e00;&#x5146;&#x4e00;</div>
<div>&#x4e00;&#x5146;&#x4e00;&#x4e07;</div>
<div>&#x4e00;&#x5146;&#x4e00;&#x5104;</div>
<div>&#x4e00;&#x5146;&#x4e00;&#x767e;&#x5104;</div>
<div>&#x4e00;&#x5146;&#x5341;&#x5104;</div>
<div>&#x4e00;&#x5146;&#x4e00;&#x5343;&#x5104;</div>

<!-- Test interaction between multiple groups -->
<div>&#x4e00;&#x5343;&#x4e00;&#x5146;&#x4e00;&#x5343;&#x4e00;&#x5104;&#x4e00;&#x5343;&#x4e00;&#x4e07;&#x4e00;&#x5343;&#x4e00;</div>
<div>&#x4e00;&#x5343;&#x5341;&#x5146;&#x4e00;&#x767e;&#x5341;&#x5104;&#x4e00;&#x5343;&#x5341;&#x4e07;&#x4e00;&#x767e;&#x4e00;</div>
<div>&#x4e00;&#x5343;&#x767e;&#x4e07;&#x4e00;</div>
<div>&#x4e94;&#x5343;&#x4e94;&#x5146;&#x4e94;&#x5343;&#x4e94;&#x5104;&#x4e94;&#x5343;&#x4e94;&#x4e07;&#x4e94;&#x5343;&#x4e94;</div>

<!-- Test zero dropping behavior across different groups -->
<div>&#x4e00;&#x5146;</div>
<div>&#x4e00;&#x5104;</div>
<div>&#x4e00;&#x767e;&#x4e07;</div>
<div>&#x4e00;&#x5343;</div>
<div>&#x5341;&#x5146;</div>
<div>&#x4e00;&#x767e;&#x5146;</div>

<!-- Test boundary values at the edge of range (-10^16+1 to 10^16-1) -->
<div>&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x5146;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x5104;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x4e07;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;</div>
<div>&#x4e00;&#x5343;&#x5146;</div>

<!-- Test out-of-range values (should fallback to cjk-decimal) -->
<div>&#x4e00;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;&#x3007;</div>

<!-- Test negative numbers (algorithm step 8: negative sign handling) -->
<div>&#x30de;&#x30a4;&#x30ca;&#x30b9;&#x4e00;&#x4e07;</div>
<div>&#x30de;&#x30a4;&#x30ca;&#x30b9;&#x4e00;&#x5104;</div>
<div>&#x30de;&#x30a4;&#x30ca;&#x30b9;&#x4e00;&#x5146;</div>
<div>&#x30de;&#x30a4;&#x30ca;&#x30b9;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x5146;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x5104;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;&#x4e07;&#x4e5d;&#x5343;&#x4e5d;&#x767e;&#x4e5d;&#x5341;&#x4e5d;</div>

<div>&#x30de;&#x30a4;&#x30ca;&#x30b9;&#x4e00;</div>
Loading