TAS 風格選單 – 產品卡模組

產品卡模組通常僅用於登陸頁面，或在「取得協助」頁面上連結至相關資源。雖然圖標和懸停圖標不是必填字段，但如果沒有它們，卡片將不會「看起來正確」。圖示應為木炭板岩 (#383B53) 描邊顏色，懸停圖示應相同，但具有白色 (#FFFFFF) 描邊顏色。兩者都應該是透明的，沒有填充。

值得注意的是產品卡 PHP 的編寫方式；一旦添加了卡片，如果不添加鏈接，將會導致頁面出現嚴重錯誤。雖然頁面將加載並顯示一些內容，但在 HTML DOM 中新增連結時，它將顯示嚴重錯誤訊息。

可用選項：

標題 – 作為 H2 標題（具有「節標題」類別）包含在模組頂部的文字。
```
文本
```
正文 – 正常的段落級文本，帶有可選的標題和樣式。此模組的主要內容顯示在產品卡上方、標題下方。這可以被視為介紹性文本，用於描述整個產品卡中的內容。
```
開放文本
```
圖標 – 這是卡片左上角顯示的圖標，用於將其與其他卡片區分開來。它應該是一個簡單的圖標，帶有木炭板岩描邊（#383B53），無填充，透明背景。
```
媒體
```
懸停圖示 – 當使用者的遊標懸停在卡片上時，當卡片填滿為木炭板岩顏色時，圖示會顯示在卡片的左上角。因此，它應該與圖標相同，但具有白色描邊 (#FFFFFF)、無填充和透明背景。
```
媒體
```
標題 – 這是一個單行文字字段，用於在卡片中建立粗體文本，標識卡片連結的內容。
```
文本
```
文字 – 這是稍長的文本，以正常字體顯示，填充卡片的其餘部分。
```
文字（多行）
```
連結 – 這是使用顯示文字和 URL 建立的鏈接，右側顯示一個動畫箭頭。整張卡片成為可點擊元素，但該欄位決定連結的目標。
```
URL 和連結文本
```

以下是具有推薦/典型設定的模組範例。此模組類型不需要重要的配置。但是，由於整個卡片成為可點擊元素，因此必須添加連結（未將其標記為必填欄位）。

產品卡模組

Lorem ipsum dolor sat amet，consectetur adipiscing elit。 Nunc ornare laoreet mi。 Donec maximus 發酵 convallis。 Sed lorem nunc，tempor nec odio vitae，facilisis placerat lacus。 Maecenas venenatis gravida mauris，ut dictum eros suscipit vitae。 Pellentesque consectetur magna nec vulputate laoreet。 Aliquam urna purus，pellentesque id nunc bibendum，ultrices viverra metus。 Quisque quis auctor lectus, vel consectetur risus。