:root {
    --color-primary-900: #461802;
    --color-primary-700: #a85e0b;
    --color-primary: #ffc134;
    --color-primary-300: #fff2c6;
    --color-primary-100: #fffaeb;
    --color-white: #ffffff;
    --color-font: #000000;
}

/* 最新消息區塊背景 */
.index-news .bg-mask {
    background: url(../images/dec-bg-school-index-1.svg) no-repeat, var(--color-white);
    background-size: cover;
}

/* 活動區塊右側女孩裝飾圖 */
.index-activity:after {
    position: absolute;
    top: 0;
    right: 3vw;
    width: 6vw;
    height: 7.5vw;
    background: url(../images/dec-school-gril.svg) no-repeat;
    content: "";
    transform: translateY(-65%);
    background-size: contain;
}

/* 活動區塊背景 */
.index-activity .bg-mask {
    background: url(../images/bg-index-school-activity.png) no-repeat, #f6f6f6;
    background-position: center;
    background-size: cover;
}

/* 就業資源區塊背景 */
.index-preLast .bg-mask {
    background: url(../images/dec-bg-school-index-2.svg) no-repeat, var(--color-white);
    background-position: top right;
}

/* 底部影片區塊背景 */
.index-last {
    background: url(../images/dec-bg-school-bottom.svg) no-repeat bottom center;
    background-size: 100% auto;
}

/* 內頁 Banner 設定 */
.page-banner .banner-sec {
    background: url(../images/school-page-banner.jpg) center center no-repeat;
    background-size: cover;
}

.page-main {
    background: url(../images/dec-bg-school-page-top.svg) no-repeat top right, url(../images/dec-bg-school-bottom.svg) no-repeat bottom center;
}

/* 會員登入按鈕樣式優化 */
.btn-member {
    width: 52px;
    height: 52px;
    background: var(--color-primary);
    border-radius: 50%;
    display: flex; /* 改用 flex 居中更穩定 */
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-left: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .btn-member:focus,
    .btn-member:hover {
        background: var(--color-font);
    }

        .btn-member:focus i,
        .btn-member:hover i {
            color: var(--color-white);
        }

    .btn-member i {
        color: var(--color-font);
        font-size: 1.25rem;
    }

@media (max-width: 1680px) {
    .btn-member {
        width: 44px;
        height: 44px;
    }

        .btn-member i {
            font-size: 1.0625rem;
        }
}
