/* 基本設定 */
body {
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
    padding: 40px;
}

/* 卡片外層 */
.exam-card-container {
    display: flex;
    align-items: center;               /* 垂直置中 */
    border: 3px dashed #FF5733;         /* 橘色虛線邊框 */
    padding: 20px;
    max-width: 900px;
    margin: auto;
    background-color: #ffffff;
    transition: transform 0.3s ease;   /* Hover 動畫 */
}

/* Hover 效果 */
.exam-card-container:hover {
    transform: translate(5px, -5px);   /* 向右上移動 */
}

/* 圖片設定 */
.exam-card-container img {
    width: 40%;
    border-radius: 15px;               /* 圓角 */
}

/* 文字區塊 */
.card-text {
    width: 60%;
    padding-left: 20px;
}

/* =========================
   RWD：手機版 (<=850px)
   ========================= */
@media (max-width: 850px) {
    .exam-card-container {
        flex-direction: column;        /* 上下堆疊 */
        align-items: flex-start;
    }

    .exam-card-container img {
        width: 100%;                   /* 圖片滿版 */
        margin-bottom: 15px;
    }

    .card-text {
        width: 100%;
        padding-left: 0;
    }
}