{"A neutral surface, a fine border, small corners and 1rem of padding on every side.":"中性色表面、細邊框、小圓角，以及四邊各 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 播放狀態。暫停會保留目前的播放位置。啟用減少動態效果時會保持暫停；列印時則移除動畫。","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 檢視區。在預覽內捲動即可查看所有內容。","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} 種組合樣式","Choose a behavior":"選擇行為","Utility recipe categories":"Utility 組合樣式分類","Role":"角色","Token / class":"Token／class","{label} token table":"{label} token 表","Sun above two mountain ridges":"兩道山稜上方的太陽","Cross axis":"交錯軸","Main axis":"主軸","Copy {name} CSS variable":"複製 {name} 的 CSS 變數","Copy {name} CSS value":"複製 {name} 的 CSS 值","End of color palette":"色盤結束","Skip color swatches":"略過色票","CSS variable":"CSS 變數","CSS value":"CSS 值","Copy as":"複製格式","Select a swatch to copy its variable.":"選擇色票以複製對應變數。","Choose a swatch to copy its CSS variable reference.":"選擇色票以複製 CSS 變數參照。","Choose a swatch to copy its original CSS color value.":"選擇色票以複製原始 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}","Value":"值","Utility groups table":"Utility 群組表","Representation":"呈現方式","Recorded":"已記錄","Metric":"指標","Group":"群組","Evidence":"佐證資料","Detail":"詳細資訊","Description":"說明","Copied":"已複製","Complete measurements":"完整測量結果","Copy unavailable: {value}":"無法複製：{value}","Copy unavailable":"無法複製","Copied {value}":"已複製 {value}","Copying…":"複製中……","{family} palette":"{family} 色盤","{label} dimensions":"{label}尺寸","{label} presets":"{label}預設值","{label} controls":"{label}控制項","{width} px · viewport unchanged":"{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","Raw CSS":"原始 CSS","Site":"網站","Regression":"退步","Check":"需檢查","Good":"良好","{label} breakdown":"{label} 的組成","Benchmark metrics":"基準測試指標","Component":"組成部分","Series":"系列","Generated CSS for the styled preview:":"樣式預覽所生成的 CSS：","Browser defaults and CSS applied use the same HTML:":"瀏覽器預設樣式與套用 CSS 的版本使用相同 HTML：","Marker":"標記","Resources shown":"圖中資源","Choose a view; reduced motion and unavailable APIs use an immediate update.":"選擇檢視；減少動態效果或 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 後","Browser defaults":"瀏覽器預設樣式","The same HTML in two documents":"兩份文件使用相同 HTML","Browser defaults and author CSS":"瀏覽器預設樣式與作者 CSS","The striped area is the actual gap between two equal blocks.":"斜紋區域是兩個相同大小區塊之間的實際間距。","General hue aliases keep a fixed swatch in both modes. Native values such as currentColor and transparent keep their CSS meaning.":"一般色相別名在兩種模式中維持固定色彩。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 可能超出端點。啟用減少動態效果時，標記保持靜止。","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 值會隨根字級調整。","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 則用於必要的邊界。","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 值或變數參照。","Resize the actual iframe across md. The surrounding document keeps its own viewport.":"調整實際 iframe 的寬度，使其跨越 md 斷點。外層文件仍保有自己的檢視區。","Viewport typography":"隨檢視區調整的文字","Change the ancestor's width. The summary and status share a row from 28rem; the page viewport stays unchanged.":"調整祖先元素的寬度。達到 28rem 後，摘要與狀態會排在同一列；頁面檢視區維持不變。","A summary follows its container":"摘要隨容器調整","fg-text-blue uses the foreground-oriented alias. Check the actual foreground and surface together.":"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 為上限。彈性文字區可縮小至內容本身的寬度以下。","Keep long content within its cap":"讓長內容維持在寬度上限內","Both documents use identical classes. The active mode supplies the surface, line and text values.":"兩個文件使用完全相同的 class。作用中的模式提供表面、線條與文字的值。","One composition, two modes":"同一個版面，兩種模式","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 寬度與彈性文字區並排。","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.":"兩個動畫都只執行一次，初始狀態為暫停。播放與重播控制原生動畫時間軸。啟用減少動態效果時，會直接顯示內容而不播放動畫。","Two finite entrances":"兩種有限次進場動畫","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。啟用減少動態效果時會立即切換狀態；列印時保留初始位置。","A transition needs two states":"轉場需要兩個狀態","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 後，焦點會回到觸發按鈕。啟用減少動態效果時會立即開啟。模態範圍僅限此預覽內。","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 在兩種模式中使用相同的位移量，邊緣與陰影顏色則各自調整。","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 則同時設定這三項屬性。","One size, two type treatments":"相同字級，兩種文字設定","Choose one axis or both":"選擇單一軸向或兩個軸向","Download {title} ({format})":"下載 {title}（{format}）","Download {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 …","Search documentation":"搜尋文件","Search documentation…":"搜尋文件…","Clear search":"清除搜尋","Close search":"關閉搜尋","Cancel":"取消","Loading documentation…":"正在載入文件…","Search could not load.":"暫時無法載入搜尋。","Find a name, alias or CSS property":"依名稱、別名或 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} 筆結果","Top {count} results":"前 {count} 筆結果","Identifier":"識別字","Title":"名稱","Syntax":"語法","Topic":"主題","Content":"內文","Utility":"工具類別","Rule":"規則","Tokens":"設計變數","Directive":"指令","Tool":"工具","Page":"頁面","Code":"程式碼","Copy code":"複製程式碼","Copy {name}":"複製 {name}","{name} copied":"已複製 {name}","Clipboard unavailable. Select the code to copy it.":"無法使用剪貼簿，請選取程式碼後複製。","Code examples":"程式碼範例","Generated CSS":"產生的 CSS","Source":"原始碼","Result":"結果","Default":"預設值","Text description":"文字說明","Utility keys":"工具類別鍵名","Show {count} more keys":"顯示另外 {count} 個鍵名","Namespace consumers":"使用此命名空間的項目","Namespace":"命名空間","Consumers":"使用項目","All guides":"所有指南","All entries":"所有條目","Index view":"索引顯示方式","By category":"依分類","Jump to a letter":"依字母跳轉","{name} sections":"{name} 分區","{name} categories":"{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.":"此頁仍在撰寫中，部分內容可能尚未完成。","Master — Master the interface.":"Master — 掌握介面。","Tools and a shared design language for building thoughtful interfaces. Explore Master CSS, our design system, and what we are learning along the way.":"用工具與共通的設計語言打造用心的介面。探索 Master CSS、我們的設計系統，以及開發過程中的收穫。","Master the":"掌握","interface.":"介面。","Explore our products":"探索我們的產品","From expression":"從表達","to interface.":"到介面。","Focused tools, built on a shared foundation.":"以共通基礎打造各司其職的工具。","Start with the product that fits your work.":"從適合你工作的產品開始。","An expressive styling language that brings design decisions into your markup, backed by a common set of tokens and tools.":"富有表達力的樣式語言，將設計決策帶入標記，並由共通的 tokens 與工具提供支援。","An agent skill for refining web interfaces, with guidance on surfaces, typography, spacing and interaction.":"用於精修網頁介面的代理技能，提供表面、排版、間距與互動的設計指引。","The next part of the Master product family. We will share more when it is ready.":"Master 產品家族的下一位成員。準備就緒後，我們會分享更多消息。","Explore Master CSS":"探索 Master CSS","Explore Master Design":"探索 Master Design","Coming soon":"即將推出","Journal":"開發筆記","Ideas, put":"讓想法","into practice.":"付諸實踐。","Product notes and lessons from building for the web.":"記錄產品進展，分享網頁開發的經驗。","Read the blog":"閱讀部落格","News and notes":"最新消息與筆記","Product notes, ideas and lessons from building Master.":"分享 Master 的產品筆記、想法與開發心得。","Components":"元件","Design system navigation":"設計系統導覽","Authoring handbook":"撰寫手冊","Usage and interface":"用法與介面","Used on":"使用於","Tools and a shared design language for building thoughtful interfaces.":"用工具與共通的設計語言打造用心的介面。","Published articles":"已發布文章","Stable product website.":"產品正式網站。","An agent skill for refining web interfaces.":"用於精修網頁介面的代理技能。","Product notes and ideas from Master.":"來自 Master 的產品筆記與想法。","New feature":"新功能","Release":"版本發布","Overview":"概覽","Authoring":"撰寫","A complete example":"完整範例","Stage only":"僅展示區","Without a head or source the tray is a quiet frame around one specimen; a lone caption names the figure.":"沒有標頭與來源時，托盤只以安靜外框包住單一示範，並由圖說命名。","Grouped namespaces":"分組命名空間","Variable sources":"變數來源","Metrics":"指標","Complete chart presentation":"完整圖表呈現","Illustrative component data. Follow the product link for measured benchmark results.":"這是元件示意資料，實測基準測試結果請前往產品連結。","Context, subject and comparison":"背景、主體與比較對象","Outcomes":"結果","Spacing with its representation":"含間距示範的呈現","Roles and steps":"角色與階調","Responsive presets":"響應式預設值","A reference specimen":"參考示範","Reference demos compile their own isolated document with the system roles and the preset tokens they use.":"參考文件示範會使用所需的系統角色與預設樣式集 token，編譯各自獨立的隔離文件。","Local overflow":"局部溢位","In a reference specimen":"在參考示範中","Grounds":"背景材質","Main and cross axis":"主軸與交錯軸","With a measure and a legend":"搭配測量與圖例","One scenario":"單一情境","Compare scenarios":"比較情境","Both diagrams use the same geometry and naming conventions.":"兩張圖使用相同幾何與命名慣例。","A recipe group":"組合範例群組","Source and date":"來源與日期","The complete source":"完整原始碼","One palette across languages":"跨語言共用配色","Keywords, names, properties and values keep the same visual roles in light and dark. Comments stay quiet and readable.":"關鍵字、名稱、屬性與值在明暗模式中保持相同視覺角色，註解則維持低調易讀。","As written or uppercase":"保留原樣或大寫","Labelling a scale":"為尺度加上標籤","Elevation":"高度層級","DemoSurface":"DemoSurface","Well":"內凹區域","Inputs, tracks and pressed states sink into a well.":"輸入、軌道與按下狀態會沉入內凹區域。","A paused timeline":"暫停的時間軸","Every control":"所有控制項","Exclusive choices in a tray head":"托盤標頭中的互斥選項","A segmented control in the tray head changes the actual utility on the specimen.":"托盤標頭的分段控制項會改變示範主體的實際 utility。","Related document views":"相關文件檢視","Arrow keys move between views; Home and End reach the first and last; Tab moves into the selected panel.":"方向鍵切換檢視，Home 與 End 前往第一與最後項，Tab 進入所選面板。","Viewport conditions":"視窗條件","The presets cross the sm breakpoint inside a real iframe; the button padding follows that viewport.":"預設值會在真實 iframe 中跨越 sm 斷點，按鈕內距隨該視窗變化。","A query card":"查詢卡片","A whole page instead":"改用完整頁面","When the lesson is about the viewport, show the real page in a browser instead of a container.":"教學主題是視窗時，請在瀏覽器中顯示真實頁面，而不是容器。","Installation sequence":"安裝步驟","A chart group":"圖表群組","Tone and paint":"色調與繪製","In a lesson":"在教學中","The example supplies the layout: here a hatched padding box and a gap between three items.":"版面由範例提供：此處為斜線 padding 方框與三個項目之間的 gap。","Live bounds":"即時邊界尺寸","Value and compact feedback":"數值與精簡回饋","Feature support":"功能支援","View transitions":"檢視轉場","Two conditions":"兩種條件","A complete scale":"完整尺度","A scale of more than two values is a grid of labelled specimens on one stage.":"超過兩個值的尺度，應在同一展示區以網格排列具標籤的示範。","Grouped entries":"分組項目","In the Guide":"在指南中","Two families":"兩個色系","Tones, dots and sizes":"色調、圓點與尺寸","Recorded output":"已記錄輸出","Artwork in a tone":"以色調呈現圖像","A real image":"真實圖片","Documents":"文件","Surfaces and frames":"表面與外框","Specimens and annotations":"示範與註記","Controls":"控制項","Documents and evidence":"文件與證據","Canvas":"畫布","Tray":"托盤","Stage":"展示區","Sheet":"面板","Float":"浮動表面","The page itself. Reading text sits directly on it.":"頁面本身，閱讀文字直接放在其上。","A recessed holder for one complete example: its head, stage, source and caption.":"內凹容器，承載完整範例的標頭、展示區、來源與圖說。","A lit, slightly recessed well inside a tray where the specimen stands.":"托盤內稍微內凹、明亮的示範展示區。","A raised face: panels, cards, controls and specimens.":"浮起表面，用於面板、卡片、控制項與示範。","A sunken field below its surroundings: inputs, tracks and pressed states.":"低於周圍的內凹區域，用於輸入、軌道與按下狀態。","Menus, dialogs and tooltips above everything else.":"位於其他內容上方的選單、對話框與工具提示。","Plain":"一般","Hatch":"斜線","Grid":"網格","Dots":"點陣","Checkerboard":"棋盤格","The default lit stage for reading a complete example.":"用於閱讀完整範例的預設明亮展示區。","Mark measured gaps, padding or otherwise empty space.":"標示受測 gap、padding 或其他空白空間。","Inspect alignment and positioning against regular lines.":"以規則線條檢查對齊與定位。","Compare placement against a sparse grid.":"對照稀疏網格比較位置。","Reveal transparency in an image or painted surface.":"呈現圖片或繪製表面的透明度。","Project styles and layers":"專案樣式與串接層","Layout foundations":"版面基礎","Typography and motion":"排版與動態效果","Paint and color":"繪製與色彩","Namespace comparisons":"命名空間比較","Code and table patterns":"程式碼與表格模式","Syntax and viewports":"語法與視窗","Utility behavior recipes":"Utility 行為組合範例","Working recipe collections":"可用組合範例集","Open the complete collection":"開啟完整範例集","The mark keeps half its height clear on every side.":"標誌四周保留高度一半的淨空。","The mark's gradient belongs to the artwork. Interface gold comes from the preset amber family.":"標誌漸層屬於圖像本身；介面金色取自 preset 的 amber 色系。","The Master CSS gold mark":"Master CSS 金色標誌","The Master CSS horizontal logotype":"Master CSS 橫式標準字","Horizontal logotype":"橫式標準字","x is the wordmark's x-height; the mark is 1.3x high. Keep one x clear around the complete signature.":"x 代表字標的 x-height，標誌高度為 1.3x。完整識別組合四周保留一個 x 的淨空。","Minimum sizes":"最小尺寸","At actual CSS pixels":"以實際 CSS 像素顯示","Check the artwork at the size it will be used.":"請以實際使用尺寸檢查圖像。","Small mark":"小型標誌","Mark":"標誌","Logotype":"標準字","Mark on light":"淺色背景標誌","Mark on dark":"深色背景標誌","Signal":"訊號色","Gold":"金色","Typeface":"字體","Use":"用途","Interface and Latin text":"介面與拉丁文字","Traditional Chinese":"繁體中文","Code, identifiers and aligned numbers":"程式碼、識別字與對齊數字","Download the brand kit (ZIP)":"下載品牌資產包（ZIP）","Asset manifest":"資產 manifest","Download":"下載","Logotype for dark backgrounds":"深色背景用標準字","Logotype for light backgrounds":"淺色背景用標準字","Mark for dark backgrounds":"深色背景用標誌","Mark for light backgrounds":"淺色背景用標誌","Small mark for dark backgrounds":"深色背景用小型標誌","Small mark for light backgrounds":"淺色背景用小型標誌","Light lettering with the champagne-to-gold mark.":"淺色字樣搭配香檳金漸層標誌。","Dark lettering with the champagne-to-gold mark.":"深色字樣搭配香檳金漸層標誌。","Standard flat mark, for heights of 24px and above.":"標準平面標誌，適用高度 24px 以上。","Wider gaps for heights from 16px to below 24px.":"較寬間隙，適用高度 16px 至未滿 24px。","Master CSS logotype with light lettering":"淺色字樣的 Master CSS 標準字","Master CSS logotype with dark lettering":"深色字樣的 Master CSS 標準字","Master CSS gold mark for dark backgrounds":"深色背景用 Master CSS 金色標誌","Master CSS gold mark for light backgrounds":"淺色背景用 Master CSS 金色標誌","Small Master CSS mark for dark backgrounds":"深色背景用 Master CSS 小型標誌","Small Master CSS mark for light backgrounds":"淺色背景用 Master CSS 小型標誌","A small document workspace":"小型文件工作區","The responsive preview and its source use the same project token definitions.":"響應式預覽與來源使用相同的專案 token 定義。","Every layer doubles offset and blur while its spread pulls in. Hover lifts half a pixel to rise-1h; pressing sinks into the well.":"每層的偏移與模糊加倍，擴散則向內收。滑入時上升半個像素至 rise-1h，按下時沉入內凹區域。","A tray of 14 holds a stage, code window or sheet of 10 at a 4px inset; a menu of 8 holds items of 4.":"圓角 14 的托盤以 4px 內縮承載圓角 10 的展示區、程式碼視窗或面板；圓角 8 的選單承載圓角 4 的項目。","Names, values and supporting details share a start.":"名稱、數值與補充說明共用起點。","Hue appears only inside specimens. A legend or label names each tone.":"色相只出現在示範內，並以圖例或標籤命名每個色調。","The status beside the action reports the real clipboard result, including denial.":"操作旁的狀態會回報真實剪貼簿結果，也包含遭拒情況。","Copy surface":"複製表面變數","Concentric radii":"同心圓角","Values, together":"集中呈現數值","Teaching color is always named":"教學色彩一律具名","Copy with an honest result":"確實回報結果的複製","Copy the sheet surface variable":"複製面板表面變數","Project tokens":"專案 tokens","Collection card":"收藏卡片","Project token":"專案 token","Background":"背景","Purpose":"用途","Token":"Token","CSS":"CSS","Minimum sizes at actual CSS pixels":"以實際 CSS 像素計的最小尺寸","high":"高","Read the lesson":"閱讀教學","A four-pixel tray inset nests the radii: the tray is 14px and the stage, code and sheet inside it are 10px. Elevation runs sink, flat, rise-1, rise-1h, rise-2, rise-3 and overlay; every shadow layer doubles its offset and blur.":"托盤內縮 4px，讓圓角逐層配合：托盤為 14px，內部展示區、程式碼與面板為 10px。高度依序為 sink、flat、rise-1、rise-1h、rise-2、rise-3、overlay；每層陰影的偏移與模糊都加倍。","Native buttons, selects, sliders and segmented groups keep visible focus and keyboard behavior. A raised face lifts half a pixel on hover and sinks into a well when pressed; a selected segment rises inside its sunken track, and focus is a visible ink ring. [Explore the controls](/design-system/review/controls).":"原生按鈕、選單、滑桿與分段群組保留可見焦點與鍵盤行為。浮起表面在滑入時上升半個像素，按下時沉入內凹區域；選取分段在內凹軌道中浮起，焦點則以可見墨色外框呈現。[探索控制項](/design-system/review/controls)。","Names, values and supporting details share a start. Longer source stays available in a native disclosure. [Build a complete example](/design-system/authoring).":"名稱、數值與補充說明共用起點，較長來源保留在原生可展開區塊中。[建構完整範例](/design-system/authoring)。","[Open the article transition preview](https://css.master.co/guide/view-transitions#article-list-to-detail). Enter an article and return to its card; focus returns to the source card. Reduced motion uses an immediate update.":"[開啟文章轉場預覽](https://css.master.co/guide/view-transitions#article-list-to-detail)。進入文章再返回卡片，焦點會回到原卡片。減少動態效果時直接更新。","[Open the view selection preview](https://css.master.co/guide/view-transitions). Choose a view; reduced motion and an unavailable API retain an immediate update.":"[開啟檢視選擇預覽](https://css.master.co/guide/view-transitions)。選擇檢視；減少動態效果或 API 不可用時，仍會直接更新。","The same Project notes document, before and after its typography, spacing and border styles are applied. This is an illustrative style comparison, not a timing measurement.":"同一份 Project notes 文件在套用排版、間距與邊框樣式前後的比較。這是樣式示意比較，不是時間測量。","Section marks":"章節標誌","Seven waypoints through the homepage.":"首頁中的七個路標。","Themes, tokens and native CSS foundations.":"主題、tokens 與原生 CSS 基礎。","Editor":"編輯器","Tools for reading and writing class names.":"用於閱讀與撰寫 class 名稱的工具。","Rendering":"渲染","Three paths from class names to CSS.":"從 class 名稱到 CSS 的三種途徑。","AI agents":"AI 代理","Connected clients and a reviewable workflow.":"已連接的用戶端與可複核的工作流程。","Workflow":"工作流程","Shared foundations across projects and routes.":"跨專案與路由共用的基礎。","Lint checks":"Lint 檢查","Six checks, with archived compact vector studies.":"六項檢查，以及封存的小型向量研究稿。","MCP tools":"MCP 工具","Nine tools, with a matching glass illustration for each.":"九項工具，各有對應的玻璃圖解。","Modules arranged on a shared drafting frame.":"排列在共用製圖框架上的模組。","A thin editing plane, one focused row and an independent pointer.":"薄編輯面、聚焦的一列，以及獨立指標。","One source branches into three delivery targets.":"單一來源分支到三個傳遞目標。","CSS size":"CSS 大小","A bundle of rules contracts beside a measurement rail.":"規則束在測量軌道旁收縮。","Lint":"Lint","Three checkmarks verify three rows on a transparent editing plane.":"透明編輯面上的三個勾號驗證三列內容。","Connected agents form a loop around a checked result.":"已連接的代理環繞已檢查結果形成迴圈。","Three workstations connect in a stepped sequence.":"三個工作站按階段串連。","Light and dark, same markup":"明暗模式，相同標記","One panel, two lighting conditions, a shared outline.":"一個面板、兩種打光、共用外框。","Tokens, defined once":"Tokens，一次定義","A single reference supplies three different properties.":"單一參照供應三個不同屬性。","Wide-gamut color":"廣色域色彩","An outer gamut encloses a smaller sampled triangle.":"外層色域包住較小的取樣三角形。","Layout and motion, together":"版面與動態效果，一起撰寫","A grid cell follows a curved path out of its layout.":"網格儲存格沿曲線離開版面。","Native CSS, in predictable layers":"原生 CSS，可預期的串接層","Five separated planes share one registration axis.":"五個分離平面共用一條對位軸。","Hover inspection":"懸停檢查","A pointer opens a cross-section above a class string.":"指標在 class 字串上方開啟剖面。","Manifest completions":"Manifest 補全","An unfinished input connects to a selected candidate.":"未完成輸入連到所選候選項。","Focused highlighting":"聚焦語法上色","An inspection frame isolates one line in an editing plane.":"檢查框從編輯面中隔離單一行。","Color tools":"色彩工具","A floating sample disc connects to a point on a color coordinate plane.":"浮起的取樣圓盤連到色彩座標平面上的一點。","Static rendering":"靜態渲染","Source fragments resolve into a finished stylesheet.":"來源片段整理成完整樣式表。","Progressive rendering":"漸進式渲染","A prepared panel receives one additional piece.":"準備好的面板收到一個額外部件。","Runtime rendering":"執行階段渲染","New rule blocks assemble inside a browser frame.":"新規則區塊在瀏覽器外框內組合。","Lint, preview, then apply":"先檢查、預覽，再套用","Three staggered stages check, compare and confirm.":"三個錯位階段依序檢查、比較與確認。","Works with your agent":"與你的代理協作","Different connectors share one project hub.":"不同連接器共用一個專案中樞。","Project tools":"專案工具","Three abstract capabilities dock into a shared transparent rail.":"三種抽象能力停靠在共用透明軌道。","Framework integrations":"框架整合","Complementary connectors meet across an open gap.":"互補連接器跨越開放間隙相接。","Trace a change":"追蹤變更","One changed node reaches three dependent nodes.":"一個變更節點延伸至三個相依節點。","Monorepo-aware":"理解 Monorepo","Three transparent project sheets share one thin foundation.":"三張透明專案面板共用薄基礎。","Route-level styles":"路由層級樣式","A source branches into routes carrying their own sheets.":"來源分支至各自帶有樣式表的路由。","Invalid classes":"無效 classes","A malformed piece fails to pass a calibrated opening.":"形狀不正確的部件無法通過校準開口。","Class order":"Class 排序","Uneven source rows settle into an ordered column.":"不齊的來源列整理成有序欄。","Conflicting classes":"衝突 classes","Two paths compete for the same destination slot.":"兩條路徑競爭相同目標位置。","Strict vocabulary":"嚴格詞彙","A shaped opening admits only a matching piece.":"具特定形狀的開口只讓相符部件通過。","Theme tokens":"主題 tokens","Raw values align with a named reference on a ruler.":"原始數值對齊量尺上的具名參照。","Fix previews":"修正預覽","Before and after sheets carry minus and plus marks.":"前後面板帶有減號與加號。","Scan project":"掃描專案","A scan line crosses a source sheet inside a capture frame.":"掃描線在擷取框內穿過來源面板。","Query manifest":"查詢 manifest","Staggered index sheets sit beside a separate inspection lens.":"錯位索引面板旁放置獨立檢查鏡。","Inspect class":"檢查 class","A single source piece unfolds into inspectable lines.":"單一來源部件展開成可檢查的列。","Trace class":"追蹤 class","A continuous path links source, intermediate node and output.":"連續路徑連結來源、中間節點與輸出。","Render CSS":"生成 CSS","Separate rule fragments converge toward one output sheet.":"分離規則片段匯聚至同一輸出樣式表。","Lint project":"檢查專案","A circular check verifies a layered collection of source sheets.":"圓形勾號驗證分層的來源面板集合。","Compare CSS":"比較 CSS","A double-ended arrow compares two clearly separated outputs.":"雙向箭頭比較兩個明確分離的輸出。","Preview fixes":"預覽修正","An eye examines additions and removals before confirmation.":"眼睛在確認前檢視新增與移除。","Apply preview":"套用預覽","A confirmed piece is directed into its target sheet.":"已確認部件送往目標樣式表。","Light and dark background previews":"明暗背景預覽","SVG study":"SVG 研究稿","Section":"章節","Item":"項目","Suggested":"建議","Actual sizes":"實際尺寸","artwork + SVG study":"圖像 + SVG 研究稿","Main artwork · WebP":"主要圖像 · WebP","Material and vector construction · enlarged":"材質與向量結構 · 放大","Selected WebP material":"選取的 WebP 材質","Compact drawing · 4×":"小型圖稿 · 4 倍","Material study · SVG / WebP":"材質研究 · SVG／WebP","Dense class strings, still readable.":"密集 class 字串，依然易讀。","The same icon caption, 96px canvas and approximately 80% visible width. Compare the rendered materials on both card backgrounds.":"使用相同圖示圖說、96px 畫布與約 80% 可見寬度，比較兩種卡片背景上的實際材質。","Illustration collection · 01":"圖解集 · 01","Quiet precision":"沉穩而精準","A little depth.":"一點深度。","A clear purpose.":"明確目的。","Original illustrations for the Master CSS homepage. Transparent planes, restrained light, and fine lines describe each mechanism. The same glass artwork now carries through to lint rules and agent tools.":"為 Master CSS 首頁製作的原創圖解。透明平面、克制光線與細線描述各項機制，同一套玻璃圖像也延伸至 lint 規則與代理工具。","Collection specifications":"圖解集規格","original themes":"個原創主題","archived compact studies":"份封存小型研究稿","WebP":"WebP","homepage feature artwork":"首頁功能圖像","Six representative illustrations":"六個代表性圖解","Explore the collection":"探索圖解集","Page theme":"頁面主題","Icon groups":"圖示群組","In context":"使用情境","Integration":"整合","themes":"個主題","Placement studies":"配置研究","The full collection with current homepage copy where available, shown at 96px, 48px and 40px.":"在可用處搭配目前首頁文案，以 96px、48px 與 40px 呈現完整圖解集。","Homepage integration":"首頁整合","The current rc layout uses themed WebP artwork throughout its section, card, rule and tool illustrations.":"目前 rc 版面在章節、卡片、規則與工具圖解中全面使用具主題版本的 WebP。","Master CSS · Original homepage illustrations":"Master CSS · 原創首頁圖解","Back to top":"回到頂端","Archived compact SVG":"封存小型 SVG","Main artwork":"主要圖像","artwork":"圖像","vector construction":"向量結構","Beside a heading":"放在標題旁","In a dense tool list":"放在密集工具清單中","When the image carries meaning":"圖片傳達意義時","Build modern interfaces from one class vocabulary.":"以同一套 class 詞彙打造現代介面。","One syntax. Every delivery path.":"同一語法，涵蓋每種傳遞方式。","Only the CSS a page uses.":"只傳遞頁面使用的 CSS。","Lint classes against your project.":"依專案設定檢查 classes。","Agents check their own changes.":"代理檢查自己的變更。","Works with your framework and build.":"配合你的框架與建置流程。","the Rendering modes guide":"渲染模式指南","the Responsive Design guide":"響應式設計指南","the Colors guide":"色彩指南","the design system overview":"設計系統概覽","the View transitions guide":"檢視轉場指南","the installation guides":"安裝指南","the benchmarks":"基準測試","the layout verification guide":"版面驗證指南","the Layout System guide":"版面系統指南","the Theme guide":"主題指南","the container size reference":"容器尺寸參考文件","the Syntax Tutorial":"語法教學","Type hierarchy":"文字層級","Size and treatment":"字級與文字設定","Finite entrances":"有限次進場動畫","State transition":"狀態轉場","Dialog entrance":"對話框進場","Container grid":"容器格線","Container media object":"容器內的媒體物件","Fluid wrapper and measured object":"流動包覆層與定寬物件","One axis or both":"單一軸向或兩個軸向","Shrinkable content":"可收縮的內容","Radius scale":"圓角尺度","Shape shortcuts":"形狀捷徑","Workspace layout":"工作區版面","Color roles":"色彩角色","Line roles":"線條角色","Text roles":"文字角色","Base hue":"基本色相","Text hue":"文字色相","Quiet elevation":"細緻的浮起層次","Interactive elevation":"互動時的浮起層次","View guide":"查看指南"}