/* 字體設定 */
body {
    font-family: 'Noto Sans TC', sans-serif;
    background-color: #f8f9fa;
}

/* Hero 區塊設定 (大圖) */
.hero-section {
    height: 60vh; /* 佔據螢幕高度的 60% */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 56px; /* 避開 Navbar */
}
/* 給 Hero 加一層黑色遮罩，讓白字更清楚 */
.hero-section::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.4);
}
.hero-section .container {
    position: relative;
    z-index: 1;
}

/* 懸浮查貨框 (Magic happens here!) */
.tracking-section {
    margin-top: -80px; /* 負邊距！讓框框往上跑，壓住 Hero */
    position: relative;
    z-index: 10;
}
.tracking-card {
    border-top: 5px solid #0d6efd; /* 頂部加一條藍線裝飾，像 DPEX 的紅線 */
}

/* 功能方塊微互動 */
.hover-up {
    transition: transform 0.3s ease;
    background: white;
}
.hover-up:hover {
    transform: translateY(-10px);
}