Relay lens

<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<style type="text/css">:root {
            --primary-color: #4DB6AC; 
            --bg-light: #F8F9FA;
            --text-dark: #333;
            --border-color: #E0E0E0;
            --accent-green: #E0F2F1;
        }

        body {
            font-family: "Microsoft JhengHei", Arial, sans-serif;
            line-height: 1.6;
            color: var(--text-dark);
            background-color: #fff;
            margin: 0;
            padding: 20px;
        }

        .container {
            max-width: 900px;
            margin: 0 auto;
            border: 1px solid #eee;
            padding: 40px;
            box-shadow: 0 0 20px rgba(0,0,0,0.05);
        }

        /* 頂部標題 */
        header {
            border-bottom: 3px solid #666;
            margin-bottom: 30px;
            padding-bottom: 10px;
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
        }

        .model-title {
            font-size: 36px;
            font-weight: bold;
            color: var(--primary-color);
            margin: 0;
        }

        .fov-tag {
            background: #D1E0E0;
            padding: 4px 15px;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 5px;
        }

        /* 產品主圖與特點 */
        .product-main {
            display: flex;
            gap: 30px;
            margin-bottom: 40px;
            align-items: flex-start;
        }

        .product-image {
            flex: 1.2;
            text-align: center;
        }

        .product-image img {
            max-width: 100%;
            height: auto;
        }

        .product-features {
            flex: 0.8;
            background-color: var(--accent-green);
            padding: 20px;
            border-radius: 4px;
        }

        .features-title {
            background-color: var(--primary-color);
            color: white;
            padding: 5px 15px;
            display: inline-block;
            margin-bottom: 15px;
            font-weight: bold;
        }

        .features-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .features-list li {
            margin-bottom: 10px;
            padding-left: 28px;
            position: relative;
            font-size: 14px;
        }

        .features-list li::before {
            content: attr(data-num);
            position: absolute;
            left: 0;
            color: #666;
        }

        /* 表格樣式 */
        table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 30px;
            text-align: center;
            font-size: 13px;
        }

        th {
            background-color: #F2F2F2;
            border: 1px solid var(--border-color);
            padding: 10px;
            font-weight: normal;
        }

        td {
            border: 1px solid var(--border-color);
            padding: 10px;
        }

        /* 標題區塊 */
        .section-title {
            font-size: 20px;
            border-left: 5px solid var(--primary-color);
            padding-left: 10px;
            margin: 40px 0 20px 0;
            color: #444;
            font-weight: bold;
        }

        .diagram-legend {
            font-size: 12px;
            color: #666;
            display: flex;
            justify-content: space-between;
            margin-top: 10px;
        }

        /* 數據表格配色 */
        .test-card-table th {
            background-color: var(--primary-color);
            color: white;
        }

        .test-card-table .sub-header td {
            background-color: #80CBC4;
            color: white;
        }

        .row-alt { background-color: #E0F2F1; }
</style>
<div class="container">
<header>
<div><span class="fov-tag">FOV &lt; 90&deg;</span>
<h1 class="model-title">中繼鏡 RL4045</h1>
</div>
</header>

<div class="product-main">
<div class="product-image"><img alt="RL4045 中繼鏡" src="/uploads/editor/images/ChatGPT%20Image%202026%E5%B9%B41%E6%9C%882%E6%97%A5%20%E4%B8%8B%E5%8D%8812_27_08.png" /></div>

<div class="product-features">
<div class="features-title">產品特點</div>

<ul class="features-list">
    <li data-num="①">超小型鏡體</li>
    <li data-num="②">大出瞳,支持 18mm 出瞳直徑</li>
    <li data-num="③">適用於長焦 / 潛望式鏡頭檢測</li>
    <li data-num="④">適用於陣列式檢測</li>
    <li data-num="⑤">適用於調焦,產品終檢</li>
</ul>
</div>
</div>

<table>
    <thead>
        <tr>
            <th>型號</th>
            <th>視場角</th>
            <th>MDR</th>
            <th>出瞳直徑</th>
            <th>重量</th>
            <th>模擬距離範圍</th>
            <th>畸變</th>
            <th>輪廓尺寸</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>RL4045</td>
            <td>45&deg;</td>
            <td>40mm</td>
            <td>18mm</td>
            <td>0.1kg</td>
            <td>300-INF mm</td>
            <td>&lt;0.3%</td>
            <td>&Phi;58x34.17mm</td>
        </tr>
    </tbody>
</table>

<div class="section-title">結構尺寸圖</div>

<div style="text-align:center;"><img alt="RL4045 結構圖" src="/uploads/editor/images/ChatGPT%20Image%202026%E5%B9%B41%E6%9C%882%E6%97%A5%20%E4%B8%8B%E5%8D%8812_45_46.png" style="max-width:100%;" /></div>

<div class="diagram-legend"><span>*MDR: 攝像頭模組到中繼鏡相端的安裝距離</span> <span>WDV: 攝像頭模組到模擬成像位置的距離</span> <span>WDC: 中繼鏡物端到測試卡的距離</span></div>

<div class="section-title">最大角度下測試卡的尺寸</div>

<table class="test-card-table">
    <thead>
        <tr>
            <th rowspan="2">WDV (mm)</th>
            <th rowspan="2">WDC (mm)</th>
            <th colspan="4">測試卡尺寸 (LXW)</th>
        </tr>
        <tr>
            <th colspan="2">16:9</th>
            <th colspan="2">4:3</th>
        </tr>
    </thead>
    <tbody class="sub-header">
        <tr>
            <td>攝像頭模組到模擬成像位置的距離</td>
            <td>中繼鏡物端到測試卡的距離</td>
            <td>長 (mm)</td>
            <td>寬 (mm)</td>
            <td>長 (mm)</td>
            <td>寬 (mm)</td>
        </tr>
    </tbody>
    <tbody>
        <tr class="row-alt">
            <td>500</td>
            <td>231.20</td>
            <td>183.32</td>
            <td>103.12</td>
            <td>168.26</td>
            <td>126.20</td>
        </tr>
        <tr>
            <td>1000</td>
            <td>315.16</td>
            <td>234.18</td>
            <td>131.73</td>
            <td>214.95</td>
            <td>161.21</td>
        </tr>
        <tr class="row-alt">
            <td>5000</td>
            <td>425.37</td>
            <td>300.95</td>
            <td>169.28</td>
            <td>276.24</td>
            <td>207.18</td>
        </tr>
        <tr>
            <td>無窮遠</td>
            <td>463.49</td>
            <td>324.05</td>
            <td>182.28</td>
            <td>297.43</td>
            <td>223.08</td>
        </tr>
    </tbody>
</table>
</div>
 
TOP