/* 全站背景與基本間距 */
body {
    min-height: 100vh;
    background-color: rgb(196, 242, 227);
    background-size: cover;
    background-position: center;
    padding: 10px 0;
}

/* 管理者主畫面的卡片底色改成淡紫色 */
.main-card {
    /*background-color: #8ddbee;*/
    background-color: rgb(121, 192, 244);
    border-color: transparent;
}

/* 給 admin_display_s 的表格外框用----淡藍色底 + 陰影 */
.tablecontainer {
    max-width: 2000px;
    margin: 0 10px;
    padding: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background-color: rgb(168, 212, 244);
    border-radius: 8px;
}

.labelcontainer {
    max-width: 350px;
    text-align: center;
}

.textClass {
    /*background: #eaeef3;*/
    /* 用 margin: 0 auto 可以讓<div>裡面的內容置中 */
    /*margin: 0 auto;*/
    background:rgb(166, 211, 244);
    padding: 10px 30px;
    border: none;
    border-radius: 30px;
    opacity: 0.8;
}

/* =========================
   手機版 RWD 設定
   ========================= */
@media (max-width: 576px) {
    body {
        padding: 5px 0;
    }

    h1 {
        font-size: 1.6rem;
    }

    h3 {
        font-size: 1.1rem;
    }

    .textClass {
        padding: 8px 18px;
        font-size: 1rem;
    }

    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .labelcontainer {
        max-width: 90%;
    }

    .btn {
        width: 100%;
        font-size: 1rem;
    }

    .main-card {
        margin: 0 5px;
    }

    .main-card .card-body {
        padding: 12px;
    }

    .fs-5 {
        font-size: 0.95rem !important;
    }
}