@master/internal-site 0.2.4 → 0.2.6

package/dist/astro.mjs

@@ -1,17 +1,18 @@
-import { d as validateSiteTranslations, f as isSharedMdxSample, h as createHeadingResolver, m as locales } from "./localization-LfIbIysE.mjs";
+import { d as validateSiteTranslations, f as isSharedMdxSample, h as createHeadingResolver, m as locales } from "./localization-IeZXkrNw.mjs";
 import { svgoOptimizer } from "astro/config";
 import svelte from "@astrojs/svelte";
 import mdx from "@astrojs/mdx";
 import { parseFrontmatter, unified } from "@astrojs/markdown-remark";
 import masterCSS from "@master/css-astro";
 import { fileURLToPath, pathToFileURL } from "node:url";
-import { dirname, extname, isAbsolute, join, relative, resolve, sep } from "node:path";
+import { basename, dirname, extname, isAbsolute, join, relative, resolve, sep } from "node:path";
 import { cp, mkdir, readFile, readdir, unlink, writeFile } from "node:fs/promises";
 import { createReadStream, existsSync } from "node:fs";
 import { isCSSRequest, searchForWorkspaceRoot, transformWithOxc } from "vite";
 import { createHash } from "node:crypto";
 import { parse, parseExpressionAt } from "acorn";
 import { optimize } from "svgo";
+import sharp from "sharp";
 import { SKIP, visit } from "unist-util-visit";
 // src/astro/module-id.ts
 /** A Vite module id without its query or hash. */
@@ -177,6 +178,103 @@ function svgMarkup() {
 		}
 	};
 }
+// src/astro/image-variants.ts
+/** Widths a bitmap is also delivered at, when they are clearly smaller than its own. */
+const variantWidths = [
+	256,
+	640,
+	960,
+	1280,
+	1920,
+	2560
+];
+const avifOptions = {
+	quality: 60,
+	effort: 3
+};
+const encoderThreads = 4;
+const bitmap = /\.(?:png|jpe?g|webp)$/i;
+const marker = "?master-image";
+/** Delivered widths for a bitmap of the given intrinsic width, smallest first. */
+function deliveredWidths(width) {
+	return [...variantWidths.filter((candidate) => candidate <= width * .8), width];
+}
+/**
+* Build-time responsive images for bitmap imports.
+*
+* An imported PNG, JPEG or WebP resolves to `{ src, width, height, srcset }`, where every
+* candidate is an AVIF encoded during the build. The module is plain data, so the server
+* render and a hydrating island read the same `srcset`. Encoding is deterministic for a
+* given sharp version; outputs are content-hashed under the assets directory.
+* Development keeps Astro's own image modules so the dev server starts without encoding.
+*/
+function imageVariants({ base, assetsDir }) {
+	const files = /* @__PURE__ */ new Map();
+	const modules = /* @__PURE__ */ new Map();
+	const directory = assetsDir.replace(/^\/|\/$/g, "");
+	const root = base.replace(/\/?$/, "/");
+	async function encode(source, stem, width, intrinsic) {
+		const pipeline = sharp(source);
+		if (width !== intrinsic) pipeline.resize({ width });
+		const bytes = await pipeline.avif(avifOptions).toBuffer();
+		const hash = createHash("sha256").update(bytes).digest("base64url").slice(0, 8);
+		const name = `${directory}/${stem}-${width}.${hash}.avif`;
+		files.set(name, bytes);
+		return {
+			url: root + name,
+			width
+		};
+	}
+	async function load(file) {
+		const source = await readFile(file);
+		const { width, height, pages } = await sharp(source).metadata();
+		if (!width || !height || (pages ?? 1) > 1) return;
+		const stem = basename(file, extname(file)).replace(/[^\w-]+/g, "-");
+		const variants = await Promise.all(deliveredWidths(width).map((size) => encode(source, stem, size, width)));
+		const image = {
+			src: variants.at(-1).url,
+			width,
+			height,
+			format: "avif",
+			srcset: variants.map((variant) => `${variant.url} ${variant.width}w`).join(", ")
+		};
+		return `export default ${JSON.stringify(image)}`;
+	}
+	return {
+		files,
+		plugin: () => ({
+			name: "@master/internal-site:image-variants",
+			enforce: "pre",
+			apply: "build",
+			buildStart() {
+				sharp.concurrency(encoderThreads);
+			},
+			async resolveId(source, importer, options) {
+				if (!importer || importer.endsWith(marker) || source.includes("?") || !bitmap.test(source)) return;
+				const resolved = await this.resolve(source, importer, {
+					...options,
+					skipSelf: true
+				});
+				if (!resolved || resolved.external || resolved.id.includes("?") || !bitmap.test(resolved.id)) return;
+				return resolved.id + marker;
+			},
+			async load(id) {
+				if (!id.endsWith(marker)) return;
+				const file = cleanId(id);
+				this.addWatchFile(file);
+				if (!modules.has(file)) modules.set(file, load(file));
+				return await modules.get(file) ?? `export { default } from ${JSON.stringify(file)}`;
+			}
+		}),
+		async write(outDir) {
+			for (const [name, bytes] of [...files].sort(([a], [b]) => a < b ? -1 : 1)) {
+				const target = join(outDir, name);
+				await mkdir(join(target, ".."), { recursive: true });
+				await writeFile(target, bytes);
+			}
+		}
+	};
+}
 // src/astro/localized-mdx.ts
 /** Nested article MDX follows its importer; executable examples keep one source. */
 function localizedMdx({ locales: locales$1 = locales, defaultLocale = "en" } = {}) {
@@ -325,6 +423,1737 @@ async function compactStyleAssets(output, transformPage = (html) => html) {
 		await writeFile(file, transformPage(html));
 	}
 }
+// src/docs-shell/common/translations.js
+/** Shared interface copy only. Articles and their metadata live in local MDX. */
+const phrases = {
+	"A neutral surface, a fine border, small corners and 1rem of padding on every side.": [
+		"中性色表面、細邊框、小圓角，以及四邊各 1rem 的內距。",
+		"ニュートラルなサーフェス、細い枠線、小さな角丸、各辺に 1rem の内側余白を持つ例です。",
+		"중립적인 표면, 얇은 테두리, 작은 모서리 반경과 네 면 각각 1rem의 패딩입니다.",
+		"中性色表面、细边框、小圆角，以及四边各 1rem 的内边距。"
+	],
+	"Check the installed styles": [
+		"檢查已安裝的樣式",
+		"導入したスタイルを確認する",
+		"설치한 스타일 확인",
+		"检查已安装的样式"
+	],
+	"Demo controls": [
+		"示範控制項",
+		"デモの操作",
+		"데모 컨트롤",
+		"演示控件"
+	],
+	"The native checkbox and authored selectors control the child’s CSS play state. Pausing preserves its time. Reduced motion keeps it paused; print removes the animation.": [
+		"原生核取方塊與撰寫的選擇器控制子元素的 CSS 播放狀態。暫停會保留目前的播放位置。啟用減少動態效果時會保持暫停；列印時則移除動畫。",
+		"ネイティブのチェックボックスと記述したセレクターが、子要素の CSS 再生状態を制御します。一時停止しても再生位置を保ちます。動きを減らす設定では一時停止したままとなり、印刷時にはアニメーションを取り除きます。",
+		"네이티브 체크박스와 작성한 선택자가 자식의 CSS 재생 상태를 제어합니다. 일시 정지하면 현재 재생 위치가 유지됩니다. 동작 줄이기 설정에서는 일시 정지 상태를 유지하며 인쇄 시에는 애니메이션을 제거합니다.",
+		"原生复选框和编写的选择器控制子元素的 CSS 播放状态。暂停会保留当前播放位置。启用减少动态效果时保持暂停；打印时则移除动画。"
+	],
+	"Run an animation": [
+		"執行動畫",
+		"アニメーションを実行する",
+		"애니메이션 실행",
+		"运行动画"
+	],
+	"The blue element clears the requested side. Unequal float heights make left, right and both visibly different.": [
+		"藍色元素會清除指定側的浮動。浮動元素高度不同，因此左側、右側與兩側的效果明顯不同。",
+		"青い要素は指定した側のフロートをクリアします。フロートの高さが異なるため、左、右、両側の指定にはっきりした違いが現れます。",
+		"파란색 요소는 지정한 쪽의 플로트를 해제합니다. 플로트 높이가 서로 달라 왼쪽, 오른쪽, 양쪽 지정의 차이를 뚜렷하게 볼 수 있습니다.",
+		"蓝色元素会清除指定侧的浮动。浮动元素高度不同，因此左侧、右侧与两侧的效果明显不同。"
+	],
+	"Clearing both left and right floats": [
+		"清除左右兩側浮動",
+		"左右両側のフロートをクリアする",
+		"왼쪽과 오른쪽 플로트 모두 해제",
+		"清除左右两侧浮动"
+	],
+	"The blue block clears the right float. Its text still wraps around the taller left float, whose box overlaps the blue background.": [
+		"藍色區塊會清除右側浮動。其文字仍繞排較高的左側浮動元素，該元素的方框會與藍色背景重疊。",
+		"青いブロックは右側のフロートをクリアします。文字は引き続き、背の高い左側のフロートに沿って回り込み、そのボックスは青い背景と重なります。",
+		"파란색 블록은 오른쪽 플로트를 해제합니다. 텍스트는 더 높은 왼쪽 플로트를 계속 감싸며 그 상자는 파란색 배경과 겹칩니다.",
+		"蓝色块会清除右侧浮动。其文本仍环绕较高的左侧浮动元素，该元素的盒子与蓝色背景重叠。"
+	],
+	"Clearing right floats": [
+		"清除右側浮動",
+		"右側のフロートをクリアする",
+		"오른쪽 플로트 해제",
+		"清除右侧浮动"
+	],
+	"The dashed outline is the authored containing block. Read the actual blue border-box width alongside its parent.": [
+		"虛線外框是撰寫時設定的包含區塊。請對照父元素，查看藍色 border-box 的實際寬度。",
+		"破線の輪郭は、記述した包含ブロックです。青いボーダーボックスの実際の幅を、親要素と見比べてください。",
+		"점선 윤곽은 작성한 포함 블록입니다. 파란색 테두리 상자의 실제 너비를 부모 요소와 함께 확인하세요.",
+		"虚线轮廓是编写时设置的包含块。请对照父元素，查看蓝色边框盒的实际宽度。"
+	],
+	"Set a fixed or fluid width": [
+		"設定固定或流動寬度",
+		"固定幅または可変幅を設定する",
+		"고정 너비 또는 유동 너비 설정",
+		"设置固定或流动宽度"
+	],
+	"Focus either real scroll container and use the arrow keys. Each child overflows only along the direction being demonstrated.": [
+		"將焦點移到任一實際捲動容器，再使用方向鍵。每個子元素只會沿示範的方向溢出。",
+		"どちらかの実際のスクロールコンテナーにフォーカスし、矢印キーを使います。子要素は、それぞれ示している方向だけにはみ出します。",
+		"실제 스크롤 컨테이너 중 하나에 포커스를 두고 방향키를 사용하세요. 각 자식 요소는 시연하는 방향으로만 넘칩니다.",
+		"将焦点移到任一实际滚动容器，再使用方向键。每个子元素仅沿演示的方向溢出。"
+	],
+	"Create a scroll container": [
+		"建立捲動容器",
+		"スクロールコンテナーを作る",
+		"스크롤 컨테이너 만들기",
+		"创建滚动容器"
+	],
+	"Adjust the iframe viewport. Scroll inside the preview to see all content.": [
+		"調整 iframe 檢視區。在預覽內捲動即可查看所有內容。",
+		"iframe のビューポートを調整します。内容全体を見るには、プレビュー内をスクロールしてください。",
+		"iframe 뷰포트를 조절하세요. 전체 콘텐츠를 보려면 미리보기 안에서 스크롤하세요.",
+		"调整 iframe 视口。在预览内滚动即可查看全部内容。"
+	],
+	"Each swatch shows the fixed preset value in both themes.": [
+		"每張色票在兩種主題中都呈現相同的預設值。",
+		"各色見本は、どちらのテーマでも同じ固定のプリセット値を表示します。",
+		"각 색상 견본은 두 테마에서 같은 고정 프리셋 값을 표시합니다.",
+		"每个色样在两种主题中均显示相同的固定预设值。"
+	],
+	"Preset palette": [
+		"預設色盤",
+		"プリセットのパレット",
+		"프리셋 팔레트",
+		"预设调色板"
+	],
+	"Clear both sides": [
+		"清除兩側浮動",
+		"両側のフロートをクリアする",
+		"양쪽 플로트 해제",
+		"清除两侧浮动"
+	],
+	"Clear a right float": [
+		"清除右側浮動",
+		"右側のフロートをクリアする",
+		"오른쪽 플로트 해제",
+		"清除右侧浮动"
+	],
+	"Document flow": [
+		"文件流",
+		"文書フロー",
+		"문서 흐름",
+		"文档流"
+	],
+	"Read related documentation": [
+		"閱讀相關文件",
+		"関連ドキュメントを読む",
+		"관련 문서 읽기",
+		"阅读相关文档"
+	],
+	"{count} recipes": [
+		"{count} 種組合樣式",
+		"{count} 件のレシピ",
+		"레시피 {count}개",
+		"{count} 种组合样式"
+	],
+	"Choose a behavior": [
+		"選擇行為",
+		"動作を選ぶ",
+		"동작 선택",
+		"选择行为"
+	],
+	"Utility recipe categories": [
+		"Utility 組合樣式分類",
+		"ユーティリティレシピの分類",
+		"유틸리티 레시피 분류",
+		"工具类组合样式分类"
+	],
+	"Role": [
+		"角色",
+		"役割",
+		"역할",
+		"角色"
+	],
+	"Token / class": [
+		"Token／class",
+		"トークン／クラス",
+		"토큰 / 클래스",
+		"令牌／类"
+	],
+	"{label} token table": [
+		"{label} token 表",
+		"{label}のトークン表",
+		"{label} 토큰 표",
+		"{label}令牌表"
+	],
+	"Sun above two mountain ridges": [
+		"兩道山稜上方的太陽",
+		"二つの山の稜線の上に浮かぶ太陽",
+		"두 산등성이 위의 태양",
+		"两道山脊上方的太阳"
+	],
+	"Cross axis": [
+		"交錯軸",
+		"交差軸",
+		"교차축",
+		"交叉轴"
+	],
+	"Main axis": [
+		"主軸",
+		"主軸",
+		"주축",
+		"主轴"
+	],
+	"Copy {name} CSS variable": [
+		"複製 {name} 的 CSS 變數",
+		"{name} の CSS 変数をコピー",
+		"{name} CSS 변수 복사",
+		"复制 {name} 的 CSS 变量"
+	],
+	"Copy {name} CSS value": [
+		"複製 {name} 的 CSS 值",
+		"{name} の CSS の値をコピー",
+		"{name} CSS 값 복사",
+		"复制 {name} 的 CSS 值"
+	],
+	"End of color palette": [
+		"色盤結束",
+		"カラーパレットの終わり",
+		"색상 팔레트 끝",
+		"调色板结束"
+	],
+	"Skip color swatches": [
+		"略過色票",
+		"色見本をスキップ",
+		"색상 견본 건너뛰기",
+		"跳过色样"
+	],
+	"CSS variable": [
+		"CSS 變數",
+		"CSS 変数",
+		"CSS 변수",
+		"CSS 变量"
+	],
+	"CSS value": [
+		"CSS 值",
+		"CSS の値",
+		"CSS 값",
+		"CSS 值"
+	],
+	"Copy as": [
+		"複製格式",
+		"コピー形式",
+		"복사 형식",
+		"复制格式"
+	],
+	"Select a swatch to copy its variable.": [
+		"選擇色票以複製對應變數。",
+		"色見本を選ぶと、その変数をコピーできます。",
+		"색상 견본을 선택하면 해당 변수를 복사합니다.",
+		"选择色样以复制对应变量。"
+	],
+	"Choose a swatch to copy its CSS variable reference.": [
+		"選擇色票以複製 CSS 變數參照。",
+		"色見本を選ぶと、CSS 変数の参照をコピーできます。",
+		"색상 견본을 선택하면 CSS 변수 참조를 복사합니다.",
+		"选择色样以复制 CSS 变量引用。"
+	],
+	"Choose a swatch to copy its original CSS color value.": [
+		"選擇色票以複製原始 CSS 色彩值。",
+		"色見本を選ぶと、元の CSS の色の値をコピーできます。",
+		"색상 견본을 선택하면 원래 CSS 색상 값을 복사합니다.",
+		"选择色样以复制原始 CSS 颜色值。"
+	],
+	"Timing functions": [
+		"緩動函式",
+		"タイミング関数",
+		"타이밍 함수",
+		"缓动函数"
+	],
+	"Animation durations": [
+		"動畫持續時間",
+		"アニメーションの継続時間",
+		"애니메이션 지속 시간",
+		"动画持续时间"
+	],
+	"Animations": [
+		"動畫",
+		"アニメーション",
+		"애니메이션",
+		"动画"
+	],
+	"Letter spacing": [
+		"字距",
+		"字間",
+		"자간",
+		"字距"
+	],
+	"Line heights": [
+		"行高",
+		"行の高さ",
+		"줄 높이",
+		"行高"
+	],
+	"Text styles": [
+		"文字樣式",
+		"文字のスタイル",
+		"텍스트 스타일",
+		"文本样式"
+	],
+	"Font weights": [
+		"字重",
+		"フォントウェイト",
+		"글꼴 굵기",
+		"字重"
+	],
+	"Font sizes": [
+		"字級",
+		"文字サイズ",
+		"글자 크기",
+		"字号"
+	],
+	"Font families": [
+		"字型家族",
+		"フォントファミリー",
+		"글꼴 계열",
+		"字体族"
+	],
+	"Container widths": [
+		"容器寬度",
+		"コンテナーの幅",
+		"컨테이너 너비",
+		"容器宽度"
+	],
+	"Text colors": [
+		"文字色彩",
+		"文字の色",
+		"텍스트 색상",
+		"文本颜色"
+	],
+	"Line colors": [
+		"線條色彩",
+		"線の色",
+		"선 색상",
+		"线条颜色"
+	],
+	"Surface colors": [
+		"表面色彩",
+		"サーフェスの色",
+		"표면 색상",
+		"表面颜色"
+	],
+	"Corner radius scale": [
+		"圓角尺度",
+		"角丸のスケール",
+		"모서리 반경 크기 체계",
+		"圆角尺度"
+	],
+	"Shadow scale": [
+		"陰影尺度",
+		"シャドウのスケール",
+		"그림자 크기 체계",
+		"阴影尺度"
+	],
+	"Fixed color steps": [
+		"固定色階",
+		"固定の色の段階",
+		"고정 색상 단계",
+		"固定色阶"
+	],
+	"Special colors": [
+		"特殊色彩",
+		"特別な色",
+		"특수 색상",
+		"特殊颜色"
+	],
+	"Hue aliases": [
+		"色相別名",
+		"色相のエイリアス",
+		"색상 별칭",
+		"色相别名"
+	],
+	"Link to section: {title}": [
+		"連結至段落：{title}",
+		"セクション「{title}」へのリンク",
+		"{title} 섹션 링크",
+		"链接到章节：{title}"
+	],
+	"Value": [
+		"值",
+		"値",
+		"값",
+		"值"
+	],
+	"Utility groups table": [
+		"Utility 群組表",
+		"ユーティリティグループの表",
+		"유틸리티 그룹 표",
+		"工具类分组表"
+	],
+	"Representation": [
+		"呈現方式",
+		"表示形式",
+		"표시 형식",
+		"表示方式"
+	],
+	"Recorded": [
+		"已記錄",
+		"記録済み",
+		"기록됨",
+		"已记录"
+	],
+	"Metric": [
+		"指標",
+		"指標",
+		"지표",
+		"指标"
+	],
+	"Group": [
+		"群組",
+		"グループ",
+		"그룹",
+		"分组"
+	],
+	"Evidence": [
+		"佐證資料",
+		"根拠",
+		"근거",
+		"佐证资料"
+	],
+	"Detail": [
+		"詳細資訊",
+		"詳細",
+		"세부 정보",
+		"详细信息"
+	],
+	"Description": [
+		"說明",
+		"説明",
+		"설명",
+		"说明"
+	],
+	"Copied": [
+		"已複製",
+		"コピーしました",
+		"복사됨",
+		"已复制"
+	],
+	"Complete measurements": [
+		"完整測量結果",
+		"測定結果の全項目",
+		"전체 측정 결과",
+		"完整测量结果"
+	],
+	"Copy unavailable: {value}": [
+		"無法複製：{value}",
+		"コピーできません：{value}",
+		"복사할 수 없음: {value}",
+		"无法复制：{value}"
+	],
+	"Copy unavailable": [
+		"無法複製",
+		"コピーできません",
+		"복사할 수 없음",
+		"无法复制"
+	],
+	"Copied {value}": [
+		"已複製 {value}",
+		"{value} をコピーしました",
+		"{value} 복사됨",
+		"已复制 {value}"
+	],
+	"Copying…": [
+		"複製中……",
+		"コピー中…",
+		"복사 중…",
+		"正在复制……"
+	],
+	"{family} palette": [
+		"{family} 色盤",
+		"{family} のパレット",
+		"{family} 팔레트",
+		"{family} 调色板"
+	],
+	"{label} dimensions": [
+		"{label}尺寸",
+		"{label}の寸法",
+		"{label} 크기",
+		"{label}尺寸"
+	],
+	"{label} presets": [
+		"{label}預設值",
+		"{label}のプリセット",
+		"{label} 프리셋",
+		"{label}预设值"
+	],
+	"{label} controls": [
+		"{label}控制項",
+		"{label}の操作",
+		"{label} 컨트롤",
+		"{label}控件"
+	],
+	"{width} px · viewport unchanged": [
+		"{width} px・檢視區不變",
+		"{width} px・ビューポートは不変",
+		"{width} px · 뷰포트 유지",
+		"{width} px · 视口不变"
+	],
+	"Measuring container…": [
+		"正在測量容器……",
+		"コンテナーを測定中…",
+		"컨테이너 측정 중…",
+		"正在测量容器……"
+	],
+	"Measuring…": [
+		"測量中……",
+		"測定中…",
+		"측정 중…",
+		"测量中……"
+	],
+	"Legend": [
+		"圖例",
+		"凡例",
+		"범례",
+		"图例"
+	],
+	"Animation controls": [
+		"動畫控制項",
+		"アニメーションの操作",
+		"애니메이션 컨트롤",
+		"动画控件"
+	],
+	"Print preview": [
+		"列印預覽",
+		"印刷プレビュー",
+		"인쇄 미리보기",
+		"打印预览"
+	],
+	"Replay": [
+		"重播",
+		"もう一度再生",
+		"다시 재생",
+		"重播"
+	],
+	"Pause": [
+		"暫停",
+		"一時停止",
+		"일시정지",
+		"暂停"
+	],
+	"Play": [
+		"播放",
+		"再生",
+		"재생",
+		"播放"
+	],
+	"Bounds": [
+		"邊界",
+		"境界",
+		"경계",
+		"边界"
+	],
+	"Container": [
+		"容器",
+		"コンテナー",
+		"컨테이너",
+		"容器"
+	],
+	"Viewport": [
+		"檢視區",
+		"ビューポート",
+		"뷰포트",
+		"视口"
+	],
+	"Toggle dark theme": [
+		"切換深色主題",
+		"ダークテーマを切り替える",
+		"다크 테마 전환",
+		"切换深色主题"
+	],
+	"Fit": [
+		"符合可用寬度",
+		"幅に合わせる",
+		"너비에 맞춤",
+		"适应可用宽度"
+	],
+	"Both views use the same scale and the committed page snapshot.": [
+		"兩種檢視使用相同尺度與版本控制中的頁面快照。",
+		"どちらの表示も同じ尺度とコミット済みのページスナップショットを使います。",
+		"두 보기는 같은 척도와 커밋된 페이지 스냅샷을 사용합니다.",
+		"两种视图使用相同尺度和版本控制中的页面快照。"
+	],
+	"Brotli CSS": [
+		"Brotli 壓縮 CSS",
+		"Brotli 圧縮 CSS",
+		"Brotli 압축 CSS",
+		"Brotli 压缩 CSS"
+	],
+	"Raw CSS": [
+		"原始 CSS",
+		"未圧縮 CSS",
+		"원본 CSS",
+		"原始 CSS"
+	],
+	"Site": [
+		"網站",
+		"サイト",
+		"사이트",
+		"网站"
+	],
+	"Regression": [
+		"退步",
+		"性能低下",
+		"성능 저하",
+		"性能退化"
+	],
+	"Check": [
+		"需檢查",
+		"要確認",
+		"확인 필요",
+		"需检查"
+	],
+	"Good": [
+		"良好",
+		"良好",
+		"양호",
+		"良好"
+	],
+	"{label} breakdown": [
+		"{label} 的組成",
+		"{label} の内訳",
+		"{label} 구성",
+		"{label} 的组成"
+	],
+	"Benchmark metrics": [
+		"基準測試指標",
+		"ベンチマーク指標",
+		"벤치마크 지표",
+		"基准测试指标"
+	],
+	"Component": [
+		"組成部分",
+		"構成要素",
+		"구성 요소",
+		"组成部分"
+	],
+	"Series": [
+		"系列",
+		"系列",
+		"계열",
+		"系列"
+	],
+	"Generated CSS for the styled preview:": [
+		"樣式預覽所生成的 CSS：",
+		"スタイル付きプレビュー用の生成 CSS：",
+		"스타일 미리보기용 생성 CSS:",
+		"样式预览生成的 CSS："
+	],
+	"Browser defaults and CSS applied use the same HTML:": [
+		"瀏覽器預設樣式與套用 CSS 的版本使用相同 HTML：",
+		"ブラウザーの既定スタイルと CSS 適用後で同じ HTML を使います。",
+		"브라우저 기본 스타일과 CSS 적용 버전은 같은 HTML을 사용합니다.",
+		"浏览器默认样式与应用 CSS 的版本使用相同 HTML："
+	],
+	"Marker": [
+		"標記",
+		"マーカー",
+		"표시선",
+		"标记"
+	],
+	"Resources shown": [
+		"圖中資源",
+		"図のリソース",
+		"표시된 리소스",
+		"图中资源"
+	],
+	"Choose a view; reduced motion and unavailable APIs use an immediate update.": [
+		"選擇檢視；減少動態效果或 API 不可用時立即更新。",
+		"ビューを選びます。動きを減らす設定や API 非対応時は即時更新します。",
+		"뷰를 선택하세요. 모션 감소 설정이나 API 미지원 시 즉시 갱신합니다.",
+		"选择视图；减少动态效果或 API 不可用时立即更新。"
+	],
+	"Open an article and return to its card; focus is restored and reduced motion uses an immediate update.": [
+		"開啟文章並返回卡片；焦點會還原，減少動態效果時立即更新。",
+		"記事を開いてカードに戻るとフォーカスが復元され、動きを減らす設定では即時更新します。",
+		"글을 열고 카드로 돌아오면 포커스가 복원되며 모션 감소 설정에서는 즉시 갱신합니다.",
+		"打开文章并返回卡片，焦点会恢复，减少动态效果时立即更新。"
+	],
+	"Interactive view transition preview": [
+		"互動檢視轉場預覽",
+		"ビュー遷移の操作プレビュー",
+		"대화형 뷰 전환 미리보기",
+		"交互式视图过渡预览"
+	],
+	"Interactive article transition preview": [
+		"互動文章轉場預覽",
+		"記事遷移の操作プレビュー",
+		"대화형 글 전환 미리보기",
+		"交互式文章过渡预览"
+	],
+	"The live preview reports support in the current browser; the example retains its native fallback.": [
+		"即時預覽顯示目前瀏覽器是否支援；範例保留原生備援方式。",
+		"ライブプレビューは現在のブラウザーの対応状況を示し、例はネイティブのフォールバックを維持します。",
+		"실시간 미리보기는 현재 브라우저 지원 여부를 표시하며 예제는 네이티브 대체 동작을 유지합니다.",
+		"实时预览显示当前浏览器是否支持；示例保留原生回退方式。"
+	],
+	"Browser feature check": [
+		"瀏覽器功能檢查",
+		"ブラウザーの機能確認",
+		"브라우저 기능 확인",
+		"浏览器功能检查"
+	],
+	"Choose a view. The panel and heading use named snapshots; unsupported browsers and reduced motion use the same immediate update.": [
+		"選擇檢視。面板與標題使用具名快照；瀏覽器不支援或偏好減少動態效果時，都會立即更新。",
+		"ビューを選びます。パネルと見出しには名前付きスナップショットを使い、非対応のブラウザーや動きを減らす設定では即時に更新します。",
+		"뷰를 선택하세요. 패널과 제목은 명명된 스냅샷을 쓰며 미지원 브라우저와 모션 감소 설정에서는 동일하게 즉시 갱신합니다.",
+		"选择视图。面板与标题使用具名快照；浏览器不支持或启用减少动态效果时，均立即更新。"
+	],
+	"Open an article, then return to its card. Each image and title keeps a unique snapshot name. Keyboard focus follows the view change.": [
+		"開啟文章，再返回卡片。每張圖片與標題都有唯一的快照名稱；鍵盤焦點隨檢視切換。",
+		"記事を開いてカードに戻ります。画像と見出しはそれぞれ固有のスナップショット名を持ち、キーボードのフォーカスもビューの切り替えに追従します。",
+		"글을 연 뒤 카드로 돌아갑니다. 이미지와 제목마다 고유한 스냅샷 이름을 유지하며 키보드 포커스도 뷰 전환을 따릅니다.",
+		"打开文章后返回卡片。每张图片和标题都有唯一快照名，键盘焦点随视图切换。"
+	],
+	"A change of view": [
+		"切換檢視",
+		"ビューの切り替え",
+		"뷰 전환",
+		"切换视图"
+	],
+	"From collection to article": [
+		"從列表到文章",
+		"一覧から記事へ",
+		"목록에서 글로",
+		"从列表到文章"
+	],
+	"Not supported": [
+		"不支援",
+		"非対応",
+		"지원되지 않음",
+		"不支持"
+	],
+	"Supported": [
+		"支援",
+		"対応",
+		"지원됨",
+		"支持"
+	],
+	"Checking…": [
+		"檢查中……",
+		"確認中…",
+		"확인 중…",
+		"检查中……"
+	],
+	"Illustrative order · no time scale": [
+		"順序示意・非時間比例",
+		"順序の模式図・時間尺度なし",
+		"순서 예시 · 시간 척도 없음",
+		"顺序示意 · 无时间刻度"
+	],
+	"Later": [
+		"較晚",
+		"後",
+		"이후",
+		"较晚"
+	],
+	"Earlier": [
+		"較早",
+		"先",
+		"이전",
+		"较早"
+	],
+	"CSS applied": [
+		"套用 CSS 後",
+		"CSS 適用後",
+		"CSS 적용 후",
+		"应用 CSS 后"
+	],
+	"Browser defaults": [
+		"瀏覽器預設樣式",
+		"ブラウザーの既定スタイル",
+		"브라우저 기본 스타일",
+		"浏览器默认样式"
+	],
+	"The same HTML in two documents": [
+		"兩份文件使用相同 HTML",
+		"二つの文書で同じ HTML を使用",
+		"두 문서에 같은 HTML 사용",
+		"两份文档使用相同 HTML"
+	],
+	"Browser defaults and author CSS": [
+		"瀏覽器預設樣式與作者 CSS",
+		"ブラウザーの既定スタイルと作成者の CSS",
+		"브라우저 기본 스타일과 작성자 CSS",
+		"浏览器默认样式与作者 CSS"
+	],
+	"The striped area is the actual gap between two equal blocks.": [
+		"斜紋區域是兩個相同大小區塊之間的實際間距。",
+		"縞の部分は、同じ大きさの2つのブロック間の実際の間隔です。",
+		"줄무늬 영역은 같은 크기의 두 블록 사이의 실제 간격입니다.",
+		"条纹区域是两个相同大小块之间的实际间距。"
+	],
+	"General hue aliases keep a fixed swatch in both modes. Native values such as currentColor and transparent keep their CSS meaning.": [
+		"一般色相別名在兩種模式中維持固定色彩。currentColor 與 transparent 等原生值保有其 CSS 語意。",
+		"汎用の色相エイリアスは両モードで同じ色を保ちます。currentColor や transparent などのネイティブ値は CSS 本来の意味を保ちます。",
+		"일반 색상 별칭은 두 모드에서 같은 색을 유지합니다. currentColor와 transparent 같은 기본 값은 CSS 본래의 의미를 유지합니다.",
+		"通用色相别名在两种模式中保持固定颜色。currentColor 与 transparent 等原生值保有其 CSS 语义。"
+	],
+	"All markers travel the same path over one second; only timing changes. Overshoot and rewind may pass the endpoints. Reduced motion keeps them still.": [
+		"所有標記都在一秒內沿相同路徑移動，只有速度變化不同。overshoot 與 rewind 可能超出端點。啟用減少動態效果時，標記保持靜止。",
+		"すべてのマーカーは同じ経路を1秒で移動し、速度の変化だけが異なります。overshoot と rewind は終点や始点を越える場合があります。動きを減らす設定では静止します。",
+		"모든 표식은 같은 경로를 1초 동안 이동하며 타이밍만 다릅니다. overshoot와 rewind는 끝점을 넘어갈 수 있습니다. 동작 줄이기 설정에서는 정지해 있습니다.",
+		"所有标记都在一秒内沿相同路径移动，只有速度变化不同。overshoot 与 rewind 可能超出端点。启用减少动态效果时，标记保持静止。"
+	],
+	"All markers travel the same path with linear timing; only duration changes. Start paused, then Play or Replay together. Reduced motion keeps them still.": [
+		"所有標記都沿相同路徑線性移動，只有持續時間不同。初始狀態為暫停，可一起播放或重播。啟用減少動態效果時，標記保持靜止。",
+		"すべてのマーカーは同じ経路を一定の速さで移動し、所要時間だけが変わります。一時停止状態から、まとめて 再生 または もう一度再生 できます。動きを減らす設定では静止します。",
+		"모든 표식은 같은 경로를 선형 타이밍으로 이동하며 지속 시간만 다릅니다. 일시 정지 상태에서 시작해 함께 재생 또는 다시 재생할 수 있습니다. 동작 줄이기 설정에서는 정지해 있습니다.",
+		"所有标记都沿相同路径线性移动，只有持续时间不同。初始状态为暂停，可一起播放或重播。启用减少动态效果时，标记保持静止。"
+	],
+	"Every animation specimen starts paused. Play, Pause and Replay control the native timelines; reduced motion keeps the content still. Complete shorthand values are listed below.": [
+		"每個動畫範例都以暫停狀態開始。播放、暫停與重播控制原生時間軸；啟用減少動態效果時，內容保持靜止。下方列出完整的簡寫值。",
+		"すべてのアニメーション見本は一時停止状態で始まります。再生、一時停止、もう一度再生 でネイティブのタイムラインを操作します。動きを減らす設定では静止したままです。完全な一括指定値を下に示します。",
+		"모든 애니메이션 견본은 일시 정지 상태에서 시작합니다. 재생, 일시정지, 다시 재생으로 네이티브 타임라인을 제어하며, 동작 줄이기 설정에서는 내용이 정지해 있습니다. 전체 단축 속성 값은 아래에 나열됩니다.",
+		"每个动画示例都以暂停状态开始。播放、暂停与重播控制原生时间轴；启用减少动态效果时，内容保持静止。下方列出完整的简写值。"
+	],
+	"The same long phrase at every letter spacing. Compare the space between glyphs without changing size.": [
+		"以同一句長文比較各種字距，在不改變字級的情況下觀察字形間距。",
+		"同じ長いフレーズを各字間で表示します。サイズを変えずに字形間の空間を比較してください。",
+		"같은 긴 문구를 각 자간으로 표시합니다. 크기를 바꾸지 않고 글자 사이의 간격을 비교하세요.",
+		"以同一句长文本比较各种字距，在不改变字号的情况下观察字形间距。"
+	],
+	"The same multi-line paragraph at every line height. Compare reading rhythm and block height.": [
+		"以同一段多行文字比較各種行高，觀察閱讀節奏與區塊高度。",
+		"同じ複数行の段落を各行高で表示します。読み進めるリズムとブロックの高さを比較してください。",
+		"같은 여러 줄 문단을 각 행간으로 표시합니다. 읽는 리듬과 블록 높이를 비교하세요.",
+		"以同一段多行文本比较各种行高，观察阅读节奏与块高度。"
+	],
+	"Identical text, size and family isolate the selected weight. The available font determines which weights it can draw.": [
+		"固定文字、字級與字型，只比較選定的字重。可呈現哪些字重取決於可用的字型。",
+		"文字、サイズ、ファミリーを揃え、選択したウェイトだけを比較します。表示できるウェイトは利用可能なフォントによって決まります。",
+		"텍스트, 크기, 글꼴을 동일하게 유지해 선택한 굵기만 비교합니다. 표시할 수 있는 굵기는 사용 가능한 글꼴에 따라 달라집니다.",
+		"固定文本、字号与字体，只比较选定的字重。可呈现哪些字重取决于可用的字体。"
+	],
+	"Compare the same sentence and letterforms in each font stack. Available system fonts determine the rendered face.": [
+		"以相同句子與字形比較各個字型堆疊。實際呈現的字型取決於系統可用的字型。",
+		"同じ文と文字の形を、各フォントスタックで比較します。実際の表示書体は、システムで利用できるフォントによって決まります。",
+		"같은 문장과 글자 형태를 각 글꼴 스택에서 비교합니다. 실제 표시되는 글꼴은 시스템에서 사용할 수 있는 글꼴에 따라 달라집니다.",
+		"以相同句子与字形比较各个字体栈。实际呈现的字体取决于系统可用的字体。"
+	],
+	"Each treatment applies its actual size, line height and tracking. Weight, family and color are separate choices.": [
+		"每種文字設定都套用實際的字級、行高與字距。字重、字型與顏色可另行選擇。",
+		"各組版設定で、実際の文字サイズ、行の高さ、字間を適用します。ウェイト、フォントファミリー、色は個別に選びます。",
+		"각 텍스트 설정은 실제 크기, 행간, 자간을 적용합니다. 굵기, 글꼴, 색상은 별도로 선택합니다.",
+		"每种文本设置都应用实际的字号、行高与字距。字重、字体与颜色可另行选择。"
+	],
+	"Actual preset font sizes, without scaling or fixed-height clipping. Large specimens wrap within the reading column.": [
+		"呈現預設集的實際字級，不縮放，也不以固定高度裁切。大型文字範例會在閱讀欄寬內換行。",
+		"プリセットの実際の文字サイズを、拡大縮小や固定高さによる切り取りなしで表示します。大きな見本は本文の幅内で折り返します。",
+		"확대·축소하거나 고정 높이로 자르지 않고 프리셋의 실제 글자 크기를 표시합니다. 큰 견본은 본문 열 안에서 줄바꿈됩니다.",
+		"展示预设的实际字号，不缩放，也不以固定高度裁切。大型文本示例会在阅读列宽内换行。"
+	],
+	"Bars show relative width caps on one shared scale. Exact values remain in the table; changing a size token does not change a container-query threshold.": [
+		"長條以同一套比例呈現寬度上限的相對關係，精確值列於表格中。調整尺寸 token 不會改變容器查詢的門檻。",
+		"バーは共通の尺度で幅の上限を比較します。正確な値は表に示します。サイズのトークンを変更しても、コンテナークエリーのしきい値は変わりません。",
+		"막대는 같은 척도로 너비 상한을 비교합니다. 정확한 값은 표에 표시됩니다. 크기 토큰을 바꿔도 컨테이너 쿼리 임계값은 바뀌지 않습니다.",
+		"条形以同一比例展示宽度上限的相对关系，精确值列于表格中。调整尺寸令牌不会改变容器查询的阈值。"
+	],
+	"Pink stripes show the actual gap between equal blocks. Pixel equivalents assume a 16px root; authored rem values follow the root font size.": [
+		"粉紅斜紋呈現相同大小區塊之間的實際間距。像素換算以根字級 16px 為前提；原始 rem 值會隨根字級調整。",
+		"ピンクの縞は、同じ大きさのブロック間の実際の間隔です。ピクセル換算はルートの文字サイズを 16px とした場合の値で、記述した rem 値はルートの文字サイズに従います。",
+		"분홍 줄무늬는 같은 크기 블록 사이의 실제 간격을 보여 줍니다. 픽셀 환산은 루트 글자 크기 16px를 기준으로 하며, 작성된 rem 값은 루트 글자 크기를 따릅니다.",
+		"粉色条纹展示相同大小块之间的实际间距。像素换算以根字号 16px 为前提；原始 rem 值会随根字号调整。"
+	],
+	"The same raised surface, radius and padding at every level. The full shadow has room to spread. Suggested uses are design guidance.": [
+		"各層級使用相同的凸起表面、圓角與內距，並保留足夠空間顯示完整陰影。建議用途僅作為設計指引。",
+		"各段階で同じ浮き上がった面、角丸、内側の余白を使います。影全体が広がる空間を確保しています。用途の提案は設計上の指針です。",
+		"모든 단계에서 같은 돌출 표면, 반지름, 안쪽 여백을 사용합니다. 그림자가 온전히 퍼질 공간을 확보했습니다. 권장 용도는 디자인 지침입니다.",
+		"各层级使用相同的凸起表面、圆角与内边距，并保留足够空间显示完整阴影。建议用途仅作为设计指导。"
+	],
+	"The highlighted corner shows the radius on equal-sized shapes.": [
+		"醒目標示的角落呈現相同大小圖形的圓角半徑。",
+		"同じ大きさの形で、強調した角に半径を示します。",
+		"같은 크기의 도형에서 강조된 모서리가 반지름을 보여 줍니다.",
+		"高亮的角落展示相同大小图形的圆角半径。"
+	],
+	"Each token paints real text, on its intended surface, in both modes. Check contrast in your actual composition.": [
+		"每個 token 都在適用的表面上顯示兩種模式的實際文字。請在實際版面中檢查對比。",
+		"各トークンで、想定する面の上に実際の文字を両モードで表示します。実際の構成でコントラストを確認してください。",
+		"각 토큰은 의도한 표면 위에 실제 텍스트를 두 모드로 표시합니다. 실제 구성에서 대비를 확인하세요.",
+		"每个令牌都在适用的表面上显示两种模式的实际文本。请在实际布局中检查对比度。"
+	],
+	"Each token paints a boundary, with identical line width in both modes. Divider and subtle are decorative; control is intended for required boundaries.": [
+		"每個 token 都繪製一道邊界，兩種模式的線寬相同。divider 與 subtle 用於裝飾；control 則用於必要的邊界。",
+		"各トークンで境界線を描きます。線幅は両モードで同じです。divider と subtle は装飾用で、control は必要な境界線に使います。",
+		"각 토큰은 경계를 그리며 두 모드의 선 너비는 같습니다. divider와 subtle은 장식용이고, control은 필수 경계에 사용합니다.",
+		"每个令牌都绘制一道边界，两种模式的线宽相同。divider 与 subtle 用于装饰；control 则用于必需的边界。"
+	],
+	"Compare complete surfaces in light and dark. Inverse surfaces use inverse text. Role descriptions are design guidance, not component restrictions.": [
+		"比較明暗模式中的完整表面。反轉表面搭配反轉文字。角色說明提供設計建議，並非元件限制。",
+		"明暗モードの面全体を比較します。反転用の面には反転用の文字色を使います。役割の説明は設計の指針であり、コンポーネントの制約ではありません。",
+		"밝은 모드와 어두운 모드에서 전체 표면을 비교합니다. 반전 표면에는 반전 텍스트를 사용합니다. 역할 설명은 디자인 지침이며 컴포넌트 제약은 아닙니다.",
+		"比较明暗模式中的完整表面。反转表面搭配反转文本。角色说明提供设计指导，并非组件限制。"
+	],
+	"Numbered palette steps keep their colors across light and dark modes. Choose a swatch to copy its original CSS value or variable reference.": [
+		"有編號的色階在明暗模式中維持原色。選取色票即可複製原始 CSS 值或變數參照。",
+		"番号付きの色階は、明暗どちらのモードでも同じ色を保ちます。色見本を選ぶと、元の CSS 値または変数参照をコピーできます。",
+		"번호가 있는 색상 단계는 밝은 모드와 어두운 모드에서 같은 색을 유지합니다. 색상 견본을 선택하면 원래 CSS 값이나 변수 참조를 복사할 수 있습니다.",
+		"带编号的色阶在明暗模式中保持原色。选择色板即可复制原始 CSS 值或变量引用。"
+	],
+	"Resize the actual iframe across md. The surrounding document keeps its own viewport.": [
+		"調整實際 iframe 的寬度，使其跨越 md 斷點。外層文件仍保有自己的檢視區。",
+		"実際の iframe の幅を md の前後で変えてください。外側の文書は独自のビューポートを保ちます。",
+		"실제 iframe 너비를 md 경계 전후로 조절하세요. 바깥 문서는 자체 뷰포트를 유지합니다.",
+		"调整实际 iframe 的宽度，使其跨越 md 断点。外层文档仍保有自己的视口。"
+	],
+	"Viewport typography": [
+		"隨檢視區調整的文字",
+		"ビューポートに応じた文字組み",
+		"뷰포트에 따른 타이포그래피",
+		"随视口调整的文本"
+	],
+	"Change the ancestor's width. The summary and status share a row from 28rem; the page viewport stays unchanged.": [
+		"調整祖先元素的寬度。達到 28rem 後，摘要與狀態會排在同一列；頁面檢視區維持不變。",
+		"祖先要素の幅を変更します。28rem から概要とステータスが同じ行に並びます。ページのビューポートは変わりません。",
+		"상위 요소의 너비를 바꿔 보세요. 28rem부터 요약과 상태가 같은 행에 배치되며 페이지 뷰포트는 그대로 유지됩니다.",
+		"调整祖先元素的宽度。达到 28rem 后，摘要与状态会排在同一行；页面视口保持不变。"
+	],
+	"A summary follows its container": [
+		"摘要隨容器調整",
+		"コンテナーに合わせて変わる概要",
+		"컨테이너에 맞춰 변하는 요약",
+		"摘要随容器调整"
+	],
+	"fg-text-blue uses the foreground-oriented alias. Check the actual foreground and surface together.": [
+		"fg-text-blue 使用專為前景設計的別名。請搭配實際表面一起檢查前景色。",
+		"fg-text-blue は前景用のエイリアスを使います。実際の前景色と面の組み合わせで確認してください。",
+		"fg-text-blue는 전경용 별칭을 사용합니다. 실제 전경과 표면을 함께 확인하세요.",
+		"fg-text-blue 使用面向前景的别名。请结合实际表面一起检查前景色。"
+	],
+	"Foreground color by role": [
+		"依角色選擇前景色",
+		"役割に応じた前景色",
+		"역할에 따른 전경색",
+		"按角色选择前景色"
+	],
+	"One scale, related surfaces": [
+		"同一套尺度，彼此呼應的表面",
+		"同じスケールでつながる面",
+		"하나의 크기 체계로 연결되는 표면",
+		"同一套尺度，相互呼应的表面"
+	],
+	"Color separates these surfaces. This example adds no shadow.": [
+		"這些表面透過顏色區隔，此範例未加入陰影。",
+		"これらの面は色で区別します。この例では影を加えていません。",
+		"색상으로 표면을 구분합니다. 이 예제에는 그림자를 추가하지 않았습니다.",
+		"这些表面通过颜色区分，此示例未添加阴影。"
+	],
+	"Surface hierarchy": [
+		"表面層級",
+		"面の階層",
+		"표면 계층",
+		"表面层级"
+	],
+	"Fluid space, measured object": [
+		"流動空間與定寬物件",
+		"伸縮する空間と寸法を持つ要素",
+		"유동 공간과 크기가 정해진 요소",
+		"流动空间与定宽对象"
+	],
+	"The row stops at sm. The flexible text region can shrink below its content width.": [
+		"整列寬度以 sm 為上限。彈性文字區可縮小至內容本身的寬度以下。",
+		"行の幅は sm を上限とします。伸縮するテキスト領域は、内容自体の幅より狭くできます。",
+		"행 너비는 sm으로 제한됩니다. 유연한 텍스트 영역은 내용 너비보다 작게 줄어들 수 있습니다.",
+		"整行宽度以 sm 为上限。弹性文本区可缩小至内容本身的宽度以下。"
+	],
+	"Keep long content within its cap": [
+		"讓長內容維持在寬度上限內",
+		"長い内容を幅の上限内に収める",
+		"긴 내용을 너비 상한 안에 유지",
+		"让长内容保持在宽度上限内"
+	],
+	"Both documents use identical classes. The active mode supplies the surface, line and text values.": [
+		"兩個文件使用完全相同的 class。作用中的模式提供表面、線條與文字的值。",
+		"どちらの文書も同じクラスを使います。有効なモードが面、線、文字の値を決めます。",
+		"두 문서는 동일한 클래스를 사용합니다. 활성 모드가 표면, 선, 텍스트 값을 제공합니다.",
+		"两个文档使用完全相同的 class。当前模式提供表面、线条与文本的值。"
+	],
+	"One composition, two modes": [
+		"同一個版面，兩種模式",
+		"同じ構成、2つのモード",
+		"하나의 구성, 두 모드",
+		"同一个布局，两种模式"
+	],
+	"Size, spacing and text roles establish hierarchy with regular weight. The full body copy stays visible at every preview width.": [
+		"透過字級、間距與文字角色，以一般字重建立層級。所有預覽寬度都能完整顯示內文。",
+		"標準のウェイトのまま、文字サイズ、余白、文字の役割で階層を作ります。どのプレビュー幅でも本文全体を表示します。",
+		"기본 굵기를 유지하면서 크기, 간격, 텍스트 역할로 계층을 만듭니다. 모든 미리보기 너비에서 본문 전체가 표시됩니다.",
+		"通过字号、间距与文本角色，以常规字重建立层级。所有预览宽度都能完整显示正文。"
+	],
+	"A readable type hierarchy": [
+		"易讀的文字層級",
+		"読みやすい文字の階層",
+		"읽기 쉬운 텍스트 계층",
+		"易读的文本层级"
+	],
+	"The line role selects a color. Width and style still need an explicit declaration.": [
+		"線條角色只決定顏色；寬度與樣式仍須明確宣告。",
+		"線の役割で選ぶのは色です。幅とスタイルは別途明示する必要があります。",
+		"선 역할은 색상을 선택합니다. 너비와 스타일은 별도로 명시해야 합니다.",
+		"线条角色只决定颜色；宽度与样式仍须明确声明。"
+	],
+	"Visible boundaries": [
+		"清楚可見的邊界",
+		"見える境界線",
+		"명확한 경계",
+		"清晰可见的边界"
+	],
+	"These links share a destination. Their shape is independent of their native navigation behavior.": [
+		"這些連結指向同一個目的地。外形不會改變其原生導覽行為。",
+		"これらのリンクの行き先は同じです。形が変わっても、ネイティブのナビゲーション動作は変わりません。",
+		"이 링크들은 같은 대상으로 이동합니다. 모양은 기본 탐색 동작에 영향을 주지 않습니다.",
+		"这些链接指向同一个目标。外形不会改变其原生导航行为。"
+	],
+	"Content-sized pill and width-led circle": [
+		"隨內容伸縮的膠囊形與依寬度成形的圓",
+		"内容に合わせたピルと幅で決まる円",
+		"내용에 맞는 알약 모양과 너비로 정하는 원",
+		"随内容伸缩的胶囊形与依宽度成形的圆"
+	],
+	"The archive action is natively disabled. Inverse text is paired with its inverse surface.": [
+		"封存操作使用原生停用狀態。反轉文字搭配對應的反轉表面。",
+		"アーカイブ操作はネイティブの無効状態です。反転用の文字色は、対応する反転用の面と組み合わせます。",
+		"보관 작업에는 기본 비활성 상태를 사용합니다. 반전 텍스트는 해당 반전 표면과 함께 사용합니다.",
+		"归档操作使用原生禁用状态。反转文本搭配对应的反转表面。"
+	],
+	"Readable hierarchy": [
+		"清楚易讀的層級",
+		"読みやすい階層",
+		"읽기 쉬운 계층",
+		"清晰易读的层级"
+	],
+	"Below 28rem of container width, the media stacks. At 28rem it keeps a 9rem width beside flexible text.": [
+		"容器寬度小於 28rem 時，媒體內容上下堆疊。達到 28rem 後，媒體會以 9rem 寬度與彈性文字區並排。",
+		"コンテナーの幅が 28rem 未満では、メディアを縦に並べます。28rem になると幅 9rem を保ち、伸縮するテキストの隣に配置します。",
+		"컨테이너 너비가 28rem 미만이면 미디어가 세로로 쌓입니다. 28rem부터는 유연한 텍스트 옆에서 9rem 너비를 유지합니다.",
+		"容器宽度小于 28rem 时，媒体内容上下堆叠。达到 28rem 后，媒体会以 9rem 宽度与弹性文本区并排。"
+	],
+	"A component follows its container": [
+		"元件隨容器調整",
+		"コンテナーに合わせて変わるコンポーネント",
+		"컨테이너에 맞춰 변하는 컴포넌트",
+		"组件随容器调整"
+	],
+	"Both animations run once and start paused. Play and Replay control the native timelines. Reduced motion shows the content immediately without animation.": [
+		"兩個動畫都只執行一次，初始狀態為暫停。播放與重播控制原生動畫時間軸。啟用減少動態效果時，會直接顯示內容而不播放動畫。",
+		"どちらのアニメーションも1回だけ実行し、初期状態では一時停止しています。再生 と もう一度再生 でネイティブのタイムラインを操作します。動きを減らす設定では、アニメーションなしで内容をすぐに表示します。",
+		"두 애니메이션은 한 번만 실행되며 일시 정지 상태에서 시작합니다. 재생 및 다시 재생으로 네이티브 타임라인을 제어합니다. 동작 줄이기 설정에서는 애니메이션 없이 내용을 즉시 표시합니다.",
+		"两个动画都只运行一次，初始状态为暂停。播放与重播控制原生动画时间轴。启用减少动态效果时，会直接显示内容而不播放动画。"
+	],
+	"Two finite entrances": [
+		"兩種有限次進場動畫",
+		"1回で終わる2つの入場アニメーション",
+		"한 번씩 재생되는 두 진입 애니메이션",
+		"两种有限次入场动画"
+	],
+	"General hue aliases keep the same swatch in both schemes. Use text hue aliases for adaptive readable foregrounds.": [
+		"一般色相別名在明暗配色中維持相同色彩。若前景色需要隨模式調整並保持可讀性，請使用文字色相別名。",
+		"汎用の色相エイリアスは、明暗どちらの配色でも同じ色を保ちます。モードに応じた読みやすい前景色には、文字用の色相エイリアスを使います。",
+		"일반 색상 별칭은 밝은 모드와 어두운 모드에서 같은 색을 유지합니다. 모드에 맞춰 읽기 쉬운 전경색을 적용하려면 텍스트 색상 별칭을 사용하세요.",
+		"通用色相别名在明暗配色中保持相同颜色。若前景色需要随模式调整并保持可读性，请使用文本色相别名。"
+	],
+	"A fixed hue": [
+		"固定色相",
+		"固定の色相",
+		"고정 색상",
+		"固定色相"
+	],
+	"The checkbox changes translateX from 0 to 96px. The 300ms transition starts after a 150ms delay. Reduced motion changes the state immediately; print keeps the initial position.": [
+		"核取方塊會將 translateX 從 0 改為 96px。轉場延遲 150ms 後開始，持續 300ms。啟用減少動態效果時會立即切換狀態；列印時保留初始位置。",
+		"チェックボックスで translateX を 0 から 96px に変更します。150ms の遅延後、300ms のトランジションが始まります。動きを減らす設定では状態がすぐに変わり、印刷時には初期位置を保ちます。",
+		"체크박스는 translateX를 0에서 96px로 바꿉니다. 150ms 지연 후 300ms 동안 전환됩니다. 동작 줄이기 설정에서는 즉시 상태가 바뀌고, 인쇄 시에는 초기 위치가 유지됩니다.",
+		"复选框会将 translateX 从 0 改为 96px。过渡延迟 150ms 后开始，持续 300ms。启用减少动态效果时会立即切换状态；打印时保留初始位置。"
+	],
+	"A transition needs two states": [
+		"轉場需要兩個狀態",
+		"トランジションには2つの状態が必要",
+		"전환에는 두 상태가 필요합니다",
+		"过渡需要两个状态"
+	],
+	"The dialog enters once on opening. Escape or Close details returns focus to its trigger. Reduced motion opens it immediately. Its modal boundary stays inside this preview.": [
+		"對話框開啟時只播放一次進場動畫。按下 Escape 或 Close details 後，焦點會回到觸發按鈕。啟用減少動態效果時會立即開啟。模態範圍僅限此預覽內。",
+		"ダイアログを開くと入場アニメーションが1回再生されます。Escape または Close details で閉じると、起点のボタンにフォーカスが戻ります。動きを減らす設定ではすぐに開きます。モーダルの範囲はこのプレビュー内に限定されます。",
+		"대화상자를 열 때 진입 애니메이션이 한 번 재생됩니다. Escape 또는 Close details로 닫으면 실행 버튼으로 포커스가 돌아갑니다. 동작 줄이기 설정에서는 즉시 열립니다. 모달 범위는 이 미리보기 안으로 제한됩니다.",
+		"对话框打开时只播放一次入场动画。按下 Escape 或 Close details 后，焦点会回到触发按钮。启用减少动态效果时会立即打开。模态范围仅限此预览内。"
+	],
+	"Motion follows a real action": [
+		"由實際操作觸發動態效果",
+		"実際の操作をきっかけに動く",
+		"실제 동작으로 시작하는 모션",
+		"由实际操作触发动效"
+	],
+	"A native link supports pointer and keyboard focus. The focus outline remains visible; printing removes the shadow.": [
+		"原生連結支援指標操作與鍵盤焦點。焦點外框保持可見；列印時則移除陰影。",
+		"ネイティブのリンクはポインター操作とキーボードフォーカスに対応します。フォーカスの輪郭線は表示したまま、印刷時には影を取り除きます。",
+		"기본 링크는 포인터와 키보드 포커스를 지원합니다. 포커스 윤곽선은 유지되고, 인쇄할 때는 그림자가 제거됩니다.",
+		"原生链接支持指针操作与键盘焦点。焦点轮廓保持可见；打印时则移除阴影。"
+	],
+	"Depth follows interaction": [
+		"隨互動調整深度",
+		"操作に応じて変わる奥行き",
+		"상호작용에 따른 깊이 변화",
+		"随交互调整深度"
+	],
+	"shadow-sm uses the same offsets across these modes, with different edge and shadow colors.": [
+		"shadow-sm 在兩種模式中使用相同的位移量，邊緣與陰影顏色則各自調整。",
+		"shadow-sm のオフセットは両モードで同じですが、縁と影の色は異なります。",
+		"두 모드에서 shadow-sm의 오프셋은 같고, 가장자리와 그림자 색상은 다릅니다.",
+		"shadow-sm 在两种模式中使用相同的偏移量，边缘与阴影颜色则分别调整。"
+	],
+	"Quiet separation": [
+		"細緻的層次區隔",
+		"控えめな面の区切り",
+		"차분한 면 구분",
+		"细腻的层次区分"
+	],
+	"Both specimens have the same font size and content. font-3xl inherits the parent’s leading and tracking; text-3xl sets all three properties.": [
+		"兩個範例的字級與內容相同。font-3xl 繼承父元素的行高與字距；text-3xl 則同時設定這三項屬性。",
+		"2つの見本は文字サイズも内容も同じです。font-3xl は親要素の行の高さと字間を継承し、text-3xl は3つのプロパティをすべて設定します。",
+		"두 견본의 글자 크기와 내용은 같습니다. font-3xl은 부모 요소의 행간과 자간을 상속하고, text-3xl은 세 속성을 모두 설정합니다.",
+		"两个示例的字号与内容相同。font-3xl 继承父元素的行高与字距；text-3xl 则同时设置这三个属性。"
+	],
+	"One size, two type treatments": [
+		"相同字級，兩種文字設定",
+		"同じ文字サイズ、2つの組版設定",
+		"같은 글자 크기, 두 가지 텍스트 설정",
+		"相同字号，两种文本设置"
+	],
+	"Choose one axis or both": [
+		"選擇單一軸向或兩個軸向",
+		"一方の軸、または両方を選ぶ",
+		"한 축 또는 두 축 선택",
+		"选择单一轴向或两个轴向"
+	],
+	"Download {title} ({format})": [
+		"下載 {title}（{format}）",
+		"{title}（{format}）をダウンロード",
+		"{title} 다운로드({format})",
+		"下载 {title}（{format}）"
+	],
+	"Download {format}": [
+		"下載 {format}",
+		"{format} をダウンロード",
+		"{format} 다운로드",
+		"下载 {format}"
+	],
+	"Guide": [
+		"指南",
+		"ガイド",
+		"가이드",
+		"指南"
+	],
+	"Reference": [
+		"參考文件",
+		"リファレンス",
+		"레퍼런스",
+		"参考文档"
+	],
+	"Blog": [
+		"部落格",
+		"ブログ",
+		"블로그",
+		"博客"
+	],
+	"Brand": [
+		"品牌",
+		"ブランド",
+		"브랜드",
+		"品牌"
+	],
+	"Design system": [
+		"設計系統",
+		"デザインシステム",
+		"디자인 시스템",
+		"设计系统"
+	],
+	"Products": [
+		"產品",
+		"プロダクト",
+		"제품",
+		"产品"
+	],
+	"Resources": [
+		"資源",
+		"リソース",
+		"자료",
+		"资源"
+	],
+	"Community": [
+		"社群",
+		"コミュニティ",
+		"커뮤니티",
+		"社区"
+	],
+	"About": [
+		"關於",
+		"概要",
+		"소개",
+		"关于"
+	],
+	"Company": [
+		"組織",
+		"組織",
+		"조직",
+		"组织"
+	],
+	"Footer": [
+		"頁尾導覽",
+		"フッターナビゲーション",
+		"바닥글 탐색",
+		"页脚导航"
+	],
+	"Theme": [
+		"外觀",
+		"外観",
+		"테마",
+		"外观"
+	],
+	"Light": [
+		"淺色",
+		"ライト",
+		"라이트",
+		"浅色"
+	],
+	"Dark": [
+		"深色",
+		"ダーク",
+		"다크",
+		"深色"
+	],
+	"System": [
+		"跟隨系統",
+		"システム設定",
+		"시스템 설정",
+		"跟随系统"
+	],
+	"Language": [
+		"語言",
+		"言語",
+		"언어",
+		"语言"
+	],
+	"Language switch": [
+		"切換語言",
+		"言語を切り替える",
+		"언어 변경",
+		"切换语言"
+	],
+	"Version": [
+		"版本",
+		"バージョン",
+		"버전",
+		"版本"
+	],
+	"Menu": [
+		"選單",
+		"メニュー",
+		"메뉴",
+		"菜单"
+	],
+	"Close menu": [
+		"關閉選單",
+		"メニューを閉じる",
+		"메뉴 닫기",
+		"关闭菜单"
+	],
+	"home": [
+		"首頁",
+		"ホーム",
+		"홈",
+		"首页"
+	],
+	"Navigation": [
+		"網站導覽",
+		"ナビゲーション",
+		"탐색",
+		"网站导航"
+	],
+	"Main navigation": [
+		"主要導覽",
+		"メインナビゲーション",
+		"주요 탐색",
+		"主导航"
+	],
+	"Documentation navigation": [
+		"文件導覽",
+		"ドキュメントナビゲーション",
+		"문서 탐색",
+		"文档导航"
+	],
+	"New": [
+		"新內容",
+		"新着",
+		"새 소식",
+		"新内容"
+	],
+	"On this page": [
+		"本頁內容",
+		"このページの内容",
+		"이 페이지의 내용",
+		"本页内容"
+	],
+	"Edit this page": [
+		"編輯此頁",
+		"このページを編集",
+		"이 페이지 편집",
+		"编辑此页"
+	],
+	"Issue on this page": [
+		"回報此頁問題",
+		"このページの問題を報告",
+		"이 페이지의 문제 제보",
+		"反馈本页问题"
+	],
+	"Collapse": [
+		"收合",
+		"折りたたむ",
+		"접기",
+		"收起"
+	],
+	"Expand": [
+		"展開",
+		"展開する",
+		"펼치기",
+		"展开"
+	],
+	"Previous": [
+		"上一篇",
+		"前へ",
+		"이전",
+		"上一篇"
+	],
+	"Next": [
+		"下一篇",
+		"次へ",
+		"다음",
+		"下一篇"
+	],
+	"Previous and next documents": [
+		"前後篇文件",
+		"前後のドキュメント",
+		"이전 및 다음 문서",
+		"前后篇文档"
+	],
+	"Written by": [
+		"作者",
+		"著者",
+		"작성자",
+		"作者"
+	],
+	"Keep reading": [
+		"繼續閱讀",
+		"続けて読む",
+		"계속 읽기",
+		"继续阅读"
+	],
+	"All articles": [
+		"所有文章",
+		"すべての記事",
+		"모든 글",
+		"所有文章"
+	],
+	"Newer": [
+		"較新的文章",
+		"新しい記事",
+		"최신 글",
+		"较新的文章"
+	],
+	"Search ⌘ K …": [
+		"搜尋 ⌘ K …",
+		"検索 ⌘ K …",
+		"검색 ⌘ K …",
+		"搜索 ⌘ K …"
+	],
+	"Search documentation": [
+		"搜尋文件",
+		"ドキュメントを検索",
+		"문서 검색",
+		"搜索文档"
+	],
+	"Search documentation…": [
+		"搜尋文件…",
+		"ドキュメントを検索…",
+		"문서 검색…",
+		"搜索文档…"
+	],
+	"Clear search": [
+		"清除搜尋",
+		"検索をクリア",
+		"검색 지우기",
+		"清除搜索"
+	],
+	"Close search": [
+		"關閉搜尋",
+		"検索を閉じる",
+		"검색 닫기",
+		"关闭搜索"
+	],
+	"Cancel": [
+		"取消",
+		"キャンセル",
+		"취소",
+		"取消"
+	],
+	"Loading documentation…": [
+		"正在載入文件…",
+		"ドキュメントを読み込み中…",
+		"문서를 불러오는 중…",
+		"正在加载文档…"
+	],
+	"Search could not load.": [
+		"暫時無法載入搜尋。",
+		"検索を読み込めませんでした。",
+		"검색을 불러오지 못했습니다.",
+		"暂时无法加载搜索。"
+	],
+	"Find a name, alias or CSS property": [
+		"依名稱、別名或 CSS 屬性查找",
+		"名前、別名、CSS プロパティで検索",
+		"이름, 별칭 또는 CSS 속성으로 검색",
+		"按名称、别名或 CSS 属性查找"
+	],
+	"Check your connection and try again.": [
+		"請檢查連線，再試一次。",
+		"接続を確認して、もう一度お試しください。",
+		"연결을 확인한 후 다시 시도해 주세요.",
+		"请检查网络连接后重试。"
+	],
+	"Try again": [
+		"再試一次",
+		"再試行",
+		"다시 시도",
+		"重试"
+	],
+	"Try searching": [
+		"試試看",
+		"検索の例",
+		"검색 예시",
+		"试着搜索"
+	],
+	"No matching documents": [
+		"找不到相符的文件",
+		"一致するドキュメントがありません",
+		"일치하는 문서가 없습니다",
+		"找不到匹配的文档"
+	],
+	"Try a property name, a token name or a different keyword.": [
+		"試試屬性全名、設計變數名稱或其他關鍵字。",
+		"プロパティ名、トークン名、別のキーワードでお試しください。",
+		"속성 이름, 토큰 이름 또는 다른 검색어로 시도해 보세요.",
+		"请尝试属性名、令牌名或其他关键词。"
+	],
+	"Search results": [
+		"搜尋結果",
+		"検索結果",
+		"검색 결과",
+		"搜索结果"
+	],
+	"Navigate": [
+		"選擇",
+		"選択",
+		"선택",
+		"选择"
+	],
+	"Open": [
+		"開啟",
+		"開く",
+		"열기",
+		"打开"
+	],
+	"Search anytime": [
+		"隨時搜尋",
+		"いつでも検索",
+		"언제든 검색",
+		"随时搜索"
+	],
+	"{count} results": [
+		"{count} 筆結果",
+		"{count} 件の結果",
+		"검색 결과 {count}개",
+		"{count} 条结果"
+	],
+	"Top {count} results": [
+		"前 {count} 筆結果",
+		"上位 {count} 件の結果",
+		"상위 검색 결과 {count}개",
+		"前 {count} 条结果"
+	],
+	"Identifier": [
+		"識別字",
+		"識別子",
+		"식별자",
+		"标识符"
+	],
+	"Title": [
+		"名稱",
+		"タイトル",
+		"제목",
+		"名称"
+	],
+	"Syntax": [
+		"語法",
+		"構文",
+		"문법",
+		"语法"
+	],
+	"Topic": [
+		"主題",
+		"トピック",
+		"주제",
+		"主题"
+	],
+	"Content": [
+		"內文",
+		"本文",
+		"본문",
+		"正文"
+	],
+	"Utility": [
+		"工具類別",
+		"ユーティリティ",
+		"유틸리티",
+		"工具类"
+	],
+	"Rule": [
+		"規則",
+		"ルール",
+		"규칙",
+		"规则"
+	],
+	"Tokens": [
+		"設計變數",
+		"トークン",
+		"토큰",
+		"设计令牌"
+	],
+	"Directive": [
+		"指令",
+		"ディレクティブ",
+		"지시문",
+		"指令"
+	],
+	"Tool": [
+		"工具",
+		"ツール",
+		"도구",
+		"工具"
+	],
+	"Page": [
+		"頁面",
+		"ページ",
+		"페이지",
+		"页面"
+	],
+	"Code": [
+		"程式碼",
+		"コード",
+		"코드",
+		"代码"
+	],
+	"Copy code": [
+		"複製程式碼",
+		"コードをコピー",
+		"코드 복사",
+		"复制代码"
+	],
+	"Copy {name}": [
+		"複製 {name}",
+		"{name}をコピー",
+		"{name} 복사",
+		"复制 {name}"
+	],
+	"{name} copied": [
+		"已複製 {name}",
+		"{name}をコピーしました",
+		"{name} 복사 완료",
+		"已复制 {name}"
+	],
+	"Clipboard unavailable. Select the code to copy it.": [
+		"無法使用剪貼簿，請選取程式碼後複製。",
+		"クリップボードを利用できません。コードを選択してコピーしてください。",
+		"클립보드를 사용할 수 없습니다. 코드를 선택해 복사해 주세요.",
+		"无法使用剪贴板，请选中代码后复制。"
+	],
+	"Code examples": [
+		"程式碼範例",
+		"コード例",
+		"코드 예제",
+		"代码示例"
+	],
+	"Generated CSS": [
+		"產生的 CSS",
+		"生成された CSS",
+		"생성된 CSS",
+		"生成的 CSS"
+	],
+	"Source": [
+		"原始碼",
+		"ソース",
+		"소스",
+		"源代码"
+	],
+	"Result": [
+		"結果",
+		"結果",
+		"결과",
+		"结果"
+	],
+	"Default": [
+		"預設值",
+		"既定値",
+		"기본값",
+		"默认值"
+	],
+	"Text description": [
+		"文字說明",
+		"テキストによる説明",
+		"텍스트 설명",
+		"文字说明"
+	],
+	"Utility keys": [
+		"工具類別鍵名",
+		"ユーティリティのキー",
+		"유틸리티 키",
+		"工具类键名"
+	],
+	"Show {count} more keys": [
+		"顯示另外 {count} 個鍵名",
+		"さらに {count} 個のキーを表示",
+		"키 {count}개 더 보기",
+		"再显示 {count} 个键名"
+	],
+	"Namespace consumers": [
+		"使用此命名空間的項目",
+		"名前空間を使用する項目",
+		"네임스페이스 사용 항목",
+		"使用此命名空间的项目"
+	],
+	"Namespace": [
+		"命名空間",
+		"名前空間",
+		"네임스페이스",
+		"命名空间"
+	],
+	"Consumers": [
+		"使用項目",
+		"使用する項目",
+		"사용 항목",
+		"使用项目"
+	],
+	"All guides": [
+		"所有指南",
+		"すべてのガイド",
+		"모든 가이드",
+		"所有指南"
+	],
+	"All entries": [
+		"所有條目",
+		"すべての項目",
+		"모든 항목",
+		"所有条目"
+	],
+	"Index view": [
+		"索引顯示方式",
+		"索引の表示方法",
+		"색인 보기",
+		"索引显示方式"
+	],
+	"By category": [
+		"依分類",
+		"カテゴリ別",
+		"분류별",
+		"按分类"
+	],
+	"Jump to a letter": [
+		"依字母跳轉",
+		"頭文字で移動",
+		"첫 글자로 이동",
+		"按字母跳转"
+	],
+	"{name} sections": [
+		"{name} 分區",
+		"{name}のセクション",
+		"{name} 섹션",
+		"{name} 分区"
+	],
+	"{name} categories": [
+		"{name}分類",
+		"{name}のカテゴリ",
+		"{name} 분류",
+		"{name}分类"
+	],
+	"This page does not exist": [
+		"找不到這個頁面",
+		"ページが見つかりません",
+		"페이지를 찾을 수 없습니다",
+		"找不到此页面"
+	],
+	"Try searching the documentation or return to the Guide.": [
+		"試著搜尋文件，或返回指南繼續閱讀。",
+		"ドキュメントを検索するか、ガイドに戻ってください。",
+		"문서를 검색하거나 가이드로 돌아가세요.",
+		"请搜索文档，或返回指南继续阅读。"
+	],
+	"Try searching the site or return to the homepage.": [
+		"試著搜尋網站，或返回首頁。",
+		"サイトを検索するか、ホームに戻ってください。",
+		"사이트를 검색하거나 홈으로 돌아가세요.",
+		"请搜索网站，或返回首页。"
+	],
+	"Browse the Guide": [
+		"瀏覽指南",
+		"ガイドを見る",
+		"가이드 보기",
+		"浏览指南"
+	],
+	"Back to home": [
+		"返回首頁",
+		"ホームに戻る",
+		"홈으로 돌아가기",
+		"返回首页"
+	],
+	"This page is still under construction and some content may not be complete.": [
+		"此頁仍在撰寫中，部分內容可能尚未完成。",
+		"このページは作成中のため、一部の内容が未完成の場合があります。",
+		"이 페이지는 작성 중이므로 일부 내용이 완성되지 않았을 수 있습니다.",
+		"此页仍在编写中，部分内容可能尚未完成。"
+	]
+};
+const translations = Object.fromEntries(locales.map((locale, index) => [locale, Object.fromEntries(Object.entries(phrases).map(([key, values]) => [key, index === 0 ? key : values[index - 1]]))]));
+// src/astro/site-translations.ts
+/** The island dictionary of one locale: shared interface copy, then the site's own, as `siteContextOf()` merges it. */
+function translationsOfLocale(siteTranslations, locale) {
+	return {
+		...translations[locale],
+		...siteTranslations[locale]
+	};
+}
+/**
+* Built pages deliver the island dictionary as one content-addressed file per locale
+* instead of serializing it into every page: browsers fetch it once and reuse it on
+* every page of that locale. A locale without entries needs no file.
+*/
+function translationAsset(translations) {
+	if (!Object.keys(translations).length) return;
+	const json = JSON.stringify(translations);
+	return {
+		href: `/_astro/site-translations-${createHash("sha256").update(json).digest("hex").slice(0, 16)}.json`,
+		json
+	};
+}
+/** Write the files that `translationAsset()` names for every locale into the build output. */
+async function writeTranslationAssets(output, i18n) {
+	const assets = i18n.locales.map((locale) => translationAsset(translationsOfLocale(i18n.translations, locale))).filter((asset) => asset !== void 0);
+	if (!assets.length) return;
+	await mkdir(resolve(output, "_astro"), { recursive: true });
+	await Promise.all(assets.map(({ href, json }) => writeFile(resolve(output, "." + href), json)));
+}
 // src/astro/island-scripts.ts
 const islandScriptSlot = "<!--master-site:island-scripts-->";
 const islandStyles = "<style>astro-island,astro-slot,astro-static-slot{display:contents}</style>";
@@ -566,6 +2395,7 @@ const moduleImport = (url) => `export { default } from ${JSON.stringify(fsImport
 const propagated = (url) => `() => import(${JSON.stringify(fsImport(url) + "?astroPropagatedAssets")}).then(m => m.default)`;
 function masterSite(site) {
 	let output;
+	let images;
 	return {
 		name: "@master/internal-site",
 		hooks: {
@@ -660,10 +2490,14 @@ function masterSite(site) {
 						});
 					}
 				};
+				images = command === "build" ? imageVariants({
+					base: config.base,
+					assetsDir: config.build.assets
+				}) : void 0;
 				addRenderer({
 					name: "@master/internal-site:svelte",
 					serverEntrypoint: fileURLToPath(new URL("./svelte-renderer.ts", new URL("../src/astro/index.ts", import.meta.url).href)),
-					clientEntrypoint: "@astrojs/svelte/client.js"
+					clientEntrypoint: fileURLToPath(new URL("./svelte-client.ts", new URL("../src/astro/index.ts", import.meta.url).href))
 				});
 				injectRoute({
 					pattern: "/[...path]",
@@ -689,7 +2523,8 @@ function masterSite(site) {
 							localizedMdx(site.i18n),
 							sourceURL(),
 							serverStyles([root, packageSource]),
-							svgMarkup()
+							svgMarkup(),
+							...images ? [images.plugin()] : []
 						],
 						resolve: { dedupe: ["svelte"] },
 						server: { fs: { allow: [searchForWorkspaceRoot(root), packageSource] } }
@@ -697,7 +2532,7 @@ function masterSite(site) {
 					integrations: [
 						svelte(),
 						mdx(),
-						masterCSS({ mode: "progressive" })
+						masterCSS({ mode: "prerender" })
 					]
 				});
 			},
@@ -711,7 +2546,9 @@ function masterSite(site) {
 					recursive: true,
 					force: false
 				});
+				await images?.write(fileURLToPath(destination));
 				await compactStyleAssets(fileURLToPath(destination), hoistIslandScripts);
+				await writeTranslationAssets(fileURLToPath(destination), site.i18n);
 			}
 		}
 	};