/* ================================================
   🌐 GLOBAL BASE STYLES
   ================================================ */

/* Reset and Base Typography */
body,
html {
    margin: 0;
    padding: 0;
    font-family: sans-serif;

    /* 🎨 線性漸層：白色占 80%，粉紅從 80% 開始佔 20% */
    background: linear-gradient(to right,
            #ffc0cb 0%,
            #ffffff 20%,
            #ffffff 80%,
            #ffc0cb 100%);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;




    /* 淺綠色背景 */
    background: linear-gradient(to right,
            #e6f4ea 0%,
            #ffffff 20%,
            #ffffff 80%,
            #e6f4ea 100%);

    /* 淺藍色背景 */
    background: linear-gradient(to right,
            #edf4fa 0%,
            #ffffff 20%,
            #ffffff 80%,
            #edf4fa 100%);
    /* 🎨 線性漸層：白色占 80%，淺黃色從 80% 開始佔 20% */
    background: linear-gradient(to right,
            #f5deb3 0%,
            #ffffff 20%,
            #ffffff 80%,
            #f5deb3 100%);

}


/* Global Typography Enhancements */
h1,
h2,
h3 {
    color: #000 !important;
}

/* Dark Mode Typography */
.dark-mode h2,
.dark-mode h3 {
    color: #fff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.link-no-underline {
    color: #000;
    text-decoration: none;
}


@keyframes gradient-wood-dark {
    0% {
        background-position: 0% 100%;
    }

    50% {
        background-position: 100% 0%;
    }

    100% {
        background-position: 0% 100%;
    }
}

/* 黑體 / Sans-serif 黑體字 */
.black-font {


    font-family:
        "Noto Sans TC",
        /* Google 開源黑體 */
        "Droid Sans Fallback",
        /* Android 黑體 */
        "WenQuanYi Zen Hei",
        /* Linux GNOME 黑體 */
        "AR PL UMing CN",
        /* Linux KDE 黑體 */
        "Source Han Sans TC",
        /* Adobe 開源黑體 */
        "Heiti TC",
        /* macOS 舊版黑體 */
        "Helvetica Neue",
        /* macOS/iOS 預設黑體 */
        "Microsoft JhengHei",
        /* Windows 微軟正黑體 */
        "PingFang TC",
        /* macOS/iOS 預設黑體 */
        sans-serif;
    /* 保底 */
}


/* 宋體 / Serif 明體字 */
.serif-font {
    font-family:
        "Noto Serif TC",
        /* Google 開源明體 */
        "Droid Serif",
        /* Android serif */
        "AR PL UMing TW",
        /* Linux KDE/GTK 宋體 */
        "Source Han Serif TC",
        /* Adobe 開源明體 */
        "Songti TC",
        /* macOS/iOS 宋體 */
        "Microsoft YaHei",
        /* Windows 微軟雅黑（類宋體） */
        "PMingLiU",
        /* Windows 新細明體 */
        "MingLiU",
        /* Windows 細明體 */
        serif;
    /* 保底 */
}

/* 標楷體 / Cursive 楷書體 */


.kai-font {
    font-family:
        "kaiu",
        /* Android 少數裝置含標楷體 */
        "cwTeXKai",
        /* 開源 cwTeX 楷書 */
        "AR PL KaitiM Big5",
        /* Linux 標楷體 */
        "BiauKai",
        /* macOS 標楷體 */
        "Apple LiGothic",
        /* macOS 標楷體 */
        "DFKai-SB",
        /* Windows 標楷體 */
        cursive, sans-serif;
    /* 保底為 cursive 風格 */
}