你現在是我的 Angular 前端開發工程師，請協助我根據 Figma 設計完成智慧醫院管理平台的「醫院介紹」與「就醫資訊」兩個頁面。

一、專案背景

專案名稱：SmartCare Hospital（康智醫院）

使用技術：

• Angular 21
• TypeScript
• HTML
• CSS
• Angular Router

目前已經完成首頁的主要 UI，包括：

• Header
• Hero
• Quick Service
• Doctor Search
• News
• Footer

目前的開發目標是先完成全部前端頁面的 HTML/CSS，再逐步深入實作 TypeScript 互動與後端串接。

本次只需要完成「醫院介紹」與「就醫資訊」兩個頁面。

二、Figma 設計

Figma 連結：
https://www.figma.com/design/amHPOOuZXVL8IvtbaLER2N/智慧醫院系統?node-id=0-1

請尋找 Figma 中的：

1. 醫院介紹頁面
2. 就醫資訊頁面

我也會提供這兩個頁面的完整截圖作為參考。

請優先依照 Figma 的版面、圖片、文字、顏色與間距進行實作。

如果無法存取 Figma，請以我提供的截圖和專案現有設計為準，不要自行假設已經讀取 Figma。

三、先檢查現有專案

修改之前，請先檢查：

1. 目前 Angular 專案的目錄結構。
2. Header、Footer 與其他已完成的 Components。
3. app.routes.ts 的路由設定。
4. 已有的共用 CSS。
5. public 中是否已有 Figma 使用的圖片和圖示。
6. 醫院介紹與就醫資訊是否已有部分程式碼。

如果已經存在對應 Component，請在原有結構上修改，不要重複建立。

四、醫院介紹頁面

請按照 Figma 實作「醫院介紹」。

要求：

1. 依照 Figma 完成所有可見的區塊。
2. 保留原本的標題、段落與圖片配置。
3. 使用語意化 HTML，例如 main、section、h1、h2、p。
4. 使用 CSS Flexbox 或 Grid 完成排版。
5. 優先沿用網站原本的主色 #619FBE。
6. 依照 Figma 設計處理圖片比例、間距與圓角。
7. 不要自行增加 Figma 沒有的內容。
8. 不要修改既有 Header 的設計。

五、就醫資訊頁面

請按照 Figma 實作「就醫資訊」。

要求：

1. 完成 Figma 中所有主要內容區塊。
2. 保留原本的資訊分類、標題與文字排列方式。
3. 依照 Figma 實作按鈕、卡片、列表與資訊區塊。
4. 如果有頁籤、FAQ 或展開區塊，先完成畫面所需的 HTML/CSS 與基本視覺狀態。
5. 如果頁籤或 FAQ 需要互動，只有在不涉及後端的情況下，才實作最基本的前端互動。
6. 不要額外加入 Figma 沒有的功能。
7. 確保文字內容不會超出容器。
8. 保留後續增加互動邏輯的擴充空間。

六、Angular Component 與 Router

請確認以下路由可以正常顯示：

• /about → 醫院介紹
• /information → 就醫資訊

要求：

1. 使用現有 Angular standalone component 架構。
2. 不要重複建立 Header。
3. 不要將整個首頁內容複製到新頁面。
4. Header 沿用目前的共用 Component。
5. Footer 依照各頁面的 Figma 設計處理，不要強迫兩頁完全相同。
6. 不要改動其他既有頁面的路由。
7. 確認 Header 導覽列可以正確切換至兩個頁面。

七、CSS 與 RWD 要求

請遵守：

• 優先使用 Component CSS。
• 不要隨意修改全域 styles.css。
• 不要使用大量 !important。
• 不要使用 transform: scale() 縮放整個頁面。
• 不要為了符合截圖而使用不必要的絕對定位。
• 使用 Flexbox 或 Grid 建立可維護的版面。
• 避免橫向溢出。
• 確保桌面、平板、手機畫面可以正常顯示。

請至少檢查：

• 1440px 桌面版
• 1024px 平板橫向
• 768px 平板直向
• 390px 手機版

如果 Figma 只有桌面版設計，請保留桌面版的視覺風格，再合理設計 RWD，不要聲稱手機版已經完全符合 Figma。

八、開發限制

這次只做 Angular 前端。

請不要：

• 建立 ASP.NET Core 後端。
• 建立或串接 Oracle 資料庫。
• 新增 API。
• 修改登入與預約功能。
• 重構整個專案。
• 更換原有 UI 主題。
• 執行任何 Git 操作，包括 git init、git add、git commit、git push。
• 修改目前 Smart-Hospital-Codex 工作目錄以外的專案。

本次只允許修改這兩個頁面及必要的路由、共用元件設定。

九、開發與驗收

請先檢查 Figma 和目前專案，再開始實作。

完成後：

1. 執行 npm run build，確認 Angular 可以正常編譯。
2. 檢查 /about 和 /information 路由。
3. 確認 Header 導覽正常。
4. 檢查圖片資源是否正常顯示。
5. 檢查桌面與手機版排版。
6. 確認沒有影響首頁其他區塊。

請在完成後提供：

• 本次新增或修改的檔案。
• 醫院介紹頁面完成項目。
• 就醫資訊頁面完成項目。
• Figma 與實際畫面的差異。
• 已執行的測試結果。
• 尚未完成或需要人工確認的部分。

請直接完成這次前端實作，不需要每完成一個區塊就停止詢問我。

但如果無法確認某個重要 Figma 區塊的實際設計，請不要自行編造，先依已確認的內容完成其餘部分，並在最後列出需要補充的設計資訊。