/* --- 頁面專屬 CSS --- */

       /* 步驟容器 */
       .step-process {
           display: flex;
           flex-direction: column;
           gap: 30px;
           margin-top: 20px;
           position: relative;
       }

       /* 連接線 (左側垂直線) */
       .step-process::before {
           content: "";
           position: absolute;
           top: 20px;
           bottom: 20px;
           left: 24px;
           /* 對齊數字圓圈中心 */
           width: 2px;
           background: rgba(251, 183, 80, 0.2);
           /* 金色淡線 */
           z-index: 0;
       }

       /* 單個步驟區塊 */
       .step-item {
           position: relative;
           padding-left: 60px;
           /* 留空間給左邊的數字 */
           z-index: 1;
       }

       /* 步驟標頭 (數字 + 標題) */
       .step-header {
           display: flex;
           align-items: center;
           margin-bottom: 10px;
       }

       .step-num {
           position: absolute;
           left: 0;
           top: 0;
           width: 50px;
           height: 50px;
           background: #1a1510;
           border: 2px solid var(--primary-gold, #fbb750);
           border-radius: 50%;
           color: var(--primary-gold, #fbb750);
           font-size: 1.2rem;
           font-weight: bold;
           display: flex;
           align-items: center;
           justify-content: center;
           box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
       }

       .step-title {
           font-size: 1.3rem;
           color: #fff;
           font-weight: bold;
           background: rgba(255, 255, 255, 0.05);
           padding: 8px 15px;
           border-radius: 4px;
           border-left: 3px solid var(--accent-red, #d7423c);
           width: 100%;
       }

       /* 步驟內容 (文字 + 圖片) */
       .step-body {
           background: rgba(0, 0, 0, 0.2);
           padding: 15px;
           border-radius: 6px;
           border: 1px solid rgba(255, 255, 255, 0.05);
       }

       .step-body p {
           color: #ccc;
           margin-bottom: 15px;
           line-height: 1.6;
       }

       .highlight {
           color: var(--primary-gold, #fbb750);
           font-weight: bold;
       }

       /* 圖片容器 */
       .step-img-box {
           text-align: left;
           /* 圖片靠左，也可以改 center */
       }

       .step-img-box img {
           max-width: 100%;
           height: auto;
           border-radius: 4px;
           border: 1px solid #444;
           box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
           transition: transform 0.3s;
       }

       .step-img-box img:hover {
           transform: scale(1.02);
           /* 滑鼠移上去微微放大 */
           border-color: var(--primary-gold, #fbb750);
       }

       /* 手機版 RWD */
       @media (max-width: 768px) {
           .step-process::before {
               left: 19px;
               /* 微調線的位置 */
           }

           .step-item {
               padding-left: 50px;
           }

           .step-num {
               width: 40px;
               height: 40px;
               font-size: 1rem;
           }

           .step-title {
               font-size: 1.1rem;
           }
       }