/* ==================== 表格樣式 ==================== */
.table-container {
    margin: 30px 0;                       /* 上下邊距 */
    border-radius: 12px;                  /* 圓角 */
    overflow: hidden;                     /* 隱藏超出內容，讓圓角生效 */
    box-shadow: var(--shadow-soft);       /* 柔和陰影 */
    border: 1px solid var(--border-light); /* 淺色邊框 */
}

table {
    width: 100%;                          /* 寬度100% */
    border-collapse: collapse;            /* 合併邊框 */
    font-size: 14px;                      /* 字體大小 */
    background: var(--bg-white);          /* 白色背景 */
}

/* 表格標題行 */
th {
    background: linear-gradient(135deg, var(--primary-red) 0%, var(--accent-orange) 100%);
                                          /* 紅色到橘色漸層背景 */
    color: var(--bg-white);               /* 白色文字 */
    padding: 15px 12px;                   /* 內邊距 */
    text-align: center;                   /* 文字置中 */
    font-weight: 600;                     /* 粗體 */
    font-family: 'Noto Serif TC', serif;  /* 宋體字型 */
    font-size: 16px;                      /* 字體大小 */
    border: none;                         /* 移除邊框 */
}

/* 表格列寬度設定 */
th:first-child {
    width: 30%;                           /* 第一列寬度30% */
}

th:nth-child(2) {
    width: 30%;                           /* 第二列寬度30% */
}

th:last-child {
    width: 40%;                           /* 最後一列寬度40% */
}

/* 表格資料格 */
td {
    padding: 12px;                        /* 內邊距 */
    text-align: left;                     /* 文字左對齊 */
    border-bottom: 1px solid var(--border-light);  /* 底部邊框 */
    vertical-align: top;                  /* 垂直對齊頂部 */
    transition: background-color 0.3s ease;  /* 背景色過渡效果 */
}

/* 表格行懸停效果 */
tr:hover td {
    background: linear-gradient(135deg, rgba(168, 92, 92, 0.03) 0%, rgba(196, 155, 97, 0.03) 100%);
                                          /* 半透明漸層背景 */
}

/* 最後一行移除底部邊框 */
tr:last-child td {
    border-bottom: none;
}