<div style="font-family: 'Microsoft JhengHei', sans-serif; max-width: 1200px; margin: 0 auto; padding: 20px;">

    <div style="text-align: center; margin-bottom: 40px;">
        <h2 style="color: #005598; font-weight: bold; font-size: 28px; margin-bottom: 10px;">相關法規與資源</h2>
        <p style="color: #666; font-size: 16px;">Regulations & Resources</p>
        <hr style="width: 60px; border: 2px solid #e1e1e1; margin: 20px auto;">
    </div>

    <div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;">

        <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; width: 300px; padding: 25px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); transition: transform 0.2s; display: flex; flex-direction: column; align-items: center; text-align: center;">
            <div style="font-size: 40px; margin-bottom: 15px;">📄</div> 
            <h3 style="color: #333; font-size: 18px; margin-bottom: 10px; font-weight: bold;">修課規定</h3>
            <p style="color: #777; font-size: 14px; line-height: 1.5; margin-bottom: 20px; flex-grow: 1;">
                查詢雙語課程修習相關學分規定與畢業門檻說明。
            </p>
            <a href="#" style="background: #005598; color: #fff; text-decoration: none; padding: 10px 20px; border-radius: 5px; font-size: 14px; display: inline-block; transition: background 0.3s;">
                查看詳情 &rarr;
            </a>
        </div>

        <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; width: 300px; padding: 25px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); transition: transform 0.2s; display: flex; flex-direction: column; align-items: center; text-align: center;">
            <div style="font-size: 40px; margin-bottom: 15px;">📥</div>
            <h3 style="color: #333; font-size: 18px; margin-bottom: 10px; font-weight: bold;">表格下載</h3>
            <p style="color: #777; font-size: 14px; line-height: 1.5; margin-bottom: 20px; flex-grow: 1;">
                學生抵免申請書、各類行政流程所需表格下載。
            </p>
            <a href="#" style="background: #005598; color: #fff; text-decoration: none; padding: 10px 20px; border-radius: 5px; font-size: 14px; display: inline-block; transition: background 0.3s;">
                前往下載 &rarr;
            </a>
        </div>

        <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; width: 300px; padding: 25px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); transition: transform 0.2s; display: flex; flex-direction: column; align-items: center; text-align: center;">
            <div style="font-size: 40px; margin-bottom: 15px;">🌐</div>
            <h3 style="color: #333; font-size: 18px; margin-bottom: 10px; font-weight: bold;">外部資源</h3>
            <p style="color: #777; font-size: 14px; line-height: 1.5; margin-bottom: 20px; flex-grow: 1;">
                連結至教育部雙語計畫或其他相關學習平台。
            </p>
            <a href="#" style="background: #005598; color: #fff; text-decoration: none; padding: 10px 20px; border-radius: 5px; font-size: 14px; display: inline-block; transition: background 0.3s;">
                瀏覽資源 &rarr;
            </a>
        </div>

    </div>
</div>