/* 頁尾 - 加強分隔感 */
.footer {
    background: linear-gradient(135deg, #1e3a21 0%, #2c5530 100%);
    /*background: linear-gradient(135deg, #5b2436 0%, #371722 100%);*/
    /*background: linear-gradient(135deg, #7a2f45 0%, #371722 100%);*/
    /*background: linear-gradient(135deg, #4a1e2c 0%, #371722 100%);*/
    /*background: linear-gradient(135deg, #7a2f45 0%, #4a1e2c 50%, #371722 100%);*/
    color: white;
    padding: 4rem 0 1rem 0;
    margin-top: 3rem;
    position: relative;
}

.footer-content {
    margin-bottom: 2rem;
}

.footer-info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2.5rem;
    margin-bottom: 2rem;
}

.info-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: transform 0.3s ease, background 0.3s ease;
}

.info-item:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.15);
}

.info-icon {
    font-size: 2rem;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.8rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 3.2rem;
    height: 3.2rem;
}

.info-text {
    text-align: center;
}

.info-text h4 {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    color: #a8d5aa;
    font-weight: 600;
}

.info-text p {
    margin-bottom: 0.3rem;
    font-size: 1rem;
    line-height: 1.4;
}

.info-text .note {
    font-size: 0.9rem;
    color: #c4d9c6;
    font-style: italic;
    margin-top: 0.3rem;
}

.info-text .contact-name {
    font-size: 0.9rem;
    color: #c4d9c6;
}

.info-text a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.info-text a:hover {
    color: #a8d5aa;
    text-decoration: underline;
}

.footer-bottom {
    text-align: center;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    color: #c4d9c6;
    font-size: 0.9rem;
}

/* 新增功能按鈕區域 */
.footer-actions {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.action-btn {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    background: linear-gradient(45deg, #4a7c59, #6b8e23);
    color: white;
    text-decoration: none;
    padding: 1rem 1.5rem;
    border-radius: 25px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.1);
    min-width: 140px;
    justify-content: center;
}

.action-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    background: linear-gradient(45deg, #5a8c69, #7b9e33);
    border-color: rgba(255, 255, 255, 0.3);
    color: white;
}

.action-btn:active {
    transform: translateY(-1px);
}

.btn-icon {
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1.3rem;
}

.btn-text {
    font-family: 'Microsoft JhengHei', Arial, sans-serif;
    letter-spacing: 0.5px;
}

/* 在 footer 上方添加裝飾性分隔線 */
.footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg,
    #4a7c59 0%,
    #6b8e23 25%,
    #a8d5aa 50%,
    #6b8e23 75%,
    #4a7c59 100%
    );
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* 在 footer 上方添加陰影效果 */
.footer::after {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 20px;
    background: linear-gradient(to bottom,
    transparent 0%,
    rgba(30, 58, 33, 0.1) 50%,
    rgba(30, 58, 33, 0.3) 100%
    );
    pointer-events: none;
}

/* 響應式設計 - footer部分 */
@media (max-width: 768px) {
    .footer-info {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .info-item {
        padding: 1.2rem;
    }

    .info-icon {
        font-size: 1.8rem;
        min-width: 2.8rem;
        height: 2.8rem;
        padding: 0.6rem;
    }

    .info-text h4 {
        font-size: 1.1rem;
    }

    .info-text p {
        font-size: 0.95rem;
    }

    .footer-actions {
        flex-direction: column;
        align-items: center;
        gap: 1.2rem;
        margin-bottom: 2.5rem;
    }

    .action-btn {
        min-width: 200px;
        padding: 1.2rem 2rem;
        gap: 1rem;
    }

    .btn-icon {
        font-size: 1.4rem;
    }
}

@media (max-width: 480px) {
    .footer {
        padding: 2rem 0 1rem 0;
    }

    .info-item {
        padding: 1rem;
        gap: 0.8rem;
    }

    .info-icon {
        font-size: 1.6rem;
        min-width: 2.5rem;
        height: 2.5rem;
        padding: 0.5rem;
    }

    .footer-actions {
        gap: 1rem;
        margin-bottom: 2rem;
    }

    .action-btn {
        min-width: 160px;
        padding: 1rem 1.3rem;
        font-size: 0.95rem;
    }

    .btn-icon {
        font-size: 1.2rem;
    }
}

/* update style */

/* 頁尾（主底 #bee3c2，對比 深綠/白） */
/*.footer {*/
/*    background: #bee3c2;*/
/*    color: #0e2b1a; !* 深綠字 *!*/
/*    padding: 4rem 0 1rem 0;*/
/*    margin-top: 3rem;*/
/*    position: relative;*/
/*    border-top: 1px solid rgba(14, 43, 26, 0.12);*/
/*}*/

/*.footer-content { margin-bottom: 2rem; }*/

/*.footer-info {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));*/
/*    gap: 2.5rem;*/
/*    margin-bottom: 2rem;*/
/*}*/

/*.info-item {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    text-align: center;*/
/*    gap: 1rem;*/
/*    padding: 1.5rem;*/
/*    background: #ffffff; !* 白底卡片 *!*/
/*    border-radius: 12px;*/
/*    border: 1px solid rgba(14, 43, 26, 0.08);*/
/*    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;*/
/*    box-shadow: 0 4px 12px rgba(0,0,0,0.06);*/
/*}*/

/*.info-item:hover {*/
/*    transform: translateY(-3px);*/
/*    background: #f9fffb; !* 白略帶綠感 *!*/
/*    box-shadow: 0 8px 20px rgba(0,0,0,0.10);*/
/*}*/

/*.info-icon {*/
/*    font-size: 2rem;*/
/*    background: #0e2b1a;  !* 深綠圓底 *!*/
/*    color: #ffffff;       !* 白字圖示 *!*/
/*    padding: 0.8rem;*/
/*    border-radius: 50%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    min-width: 3.2rem;*/
/*    height: 3.2rem;*/
/*}*/

/*.info-text { text-align: center; }*/

/*.info-text h4 {*/
/*    font-size: 1.2rem;*/
/*    margin-bottom: 0.5rem;*/
/*    color: #0e2b1a; !* 深綠標題 *!*/
/*    font-weight: 800;*/
/*}*/

/*.info-text p {*/
/*    margin-bottom: 0.3rem;*/
/*    font-size: 1rem;*/
/*    line-height: 1.5;*/
/*    color: #123c26; !* 內文字深綠 *!*/
/*}*/

/*.info-text .note,*/
/*.info-text .contact-name {*/
/*    font-size: 0.95rem;*/
/*    color: #2a5b3a;*/
/*}*/

/*.info-text a {*/
/*    color: #0e2b1a; !* 深綠連結 *!*/
/*    text-decoration: none;*/
/*    font-weight: 800;*/
/*    border-bottom: 1px dashed rgba(14, 43, 26, 0.3);*/
/*    transition: color 0.2s ease, border-color 0.2s ease;*/
/*}*/

/*.info-text a:hover {*/
/*    color: #09351f;*/
/*    border-bottom-color: rgba(14, 43, 26, 0.6);*/
/*}*/

/*.footer-bottom {*/
/*    text-align: center;*/
/*    padding-top: 2rem;*/
/*    border-top: 1px solid rgba(14, 43, 26, 0.12);*/
/*    color: #0e2b1a;*/
/*    font-size: 0.92rem;*/
/*}*/

/*!* 功能按鈕：白底＋深綠 hover 反白 *!*/
/*.footer-actions {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    gap: 2rem;*/
/*    margin-bottom: 3rem;*/
/*    padding-bottom: 2rem;*/
/*    border-bottom: 1px solid rgba(14, 43, 26, 0.12);*/
/*}*/

/*.action-btn {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 0.8rem;*/
/*    background: #ffffff;            !* 白 *!*/
/*    color: #0e2b1a;                 !* 深綠字 *!*/
/*    text-decoration: none;*/
/*    padding: 1rem 1.5rem;*/
/*    border-radius: 25px;*/
/*    font-size: 1rem;*/
/*    font-weight: 800;*/
/*    cursor: pointer;*/
/*    transition: all 0.25s ease;*/
/*    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);*/
/*    border: 1px solid rgba(14, 43, 26, 0.12);*/
/*    min-width: 140px;*/
/*    justify-content: center;*/
/*}*/

/*.action-btn:hover {*/
/*    color: #ffffff;                 !* 反白 *!*/
/*    background: #0e2b1a;            !* 深綠底 *!*/
/*    border-color: #0e2b1a;*/
/*    box-shadow: 0 8px 20px rgba(14, 43, 26, 0.15);*/
/*    transform: translateY(-2px);*/
/*}*/

/*.action-btn:active { transform: translateY(-1px); }*/

/*.btn-icon {*/
/*    font-size: 1.3rem;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    min-width: 1.3rem;*/
/*}*/

/*.btn-text { letter-spacing: 0.4px; }*/

/*!* 頂部分隔線（低調） *!*/
/*.footer::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0; left: 0; right: 0;*/
/*    height: 6px;*/
/*    background: linear-gradient(90deg,*/
/*    rgba(14, 43, 26, 0.15) 0%,*/
/*    rgba(14, 43, 26, 0.08) 50%,*/
/*    rgba(14, 43, 26, 0.15) 100%*/
/*    );*/
/*    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);*/
/*    pointer-events: none;*/
/*}*/

/*!* 上方陰影 *!*/
/*.footer::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: -16px; left: 0; right: 0;*/
/*    height: 16px;*/
/*    background: linear-gradient(to bottom,*/
/*    transparent 0%,*/
/*    rgba(14, 43, 26, 0.06) 60%,*/
/*    rgba(14, 43, 26, 0.12) 100%*/
/*    );*/
/*    pointer-events: none;*/
/*}*/

/*!* 響應式 *!*/
/*@media (max-width: 768px) {*/
/*    .footer-info { grid-template-columns: 1fr; gap: 1.5rem; }*/
/*    .info-item { padding: 1.2rem; }*/
/*    .info-icon { font-size: 1.8rem; min-width: 2.8rem; height: 2.8rem; padding: 0.6rem; }*/
/*    .info-text h4 { font-size: 1.1rem; }*/
/*    .info-text p { font-size: 0.95rem; }*/
/*    .footer-actions {*/
/*        flex-direction: column; align-items: center; gap: 1.2rem; margin-bottom: 2.5rem;*/
/*    }*/
/*    .action-btn { min-width: 200px; padding: 1.2rem 2rem; gap: 1rem; }*/
/*    .btn-icon { font-size: 1.4rem; }*/
/*}*/

/*@media (max-width: 480px) {*/
/*    .footer { padding: 2rem 0 1rem 0; }*/
/*    .info-item { padding: 1rem; gap: 0.8rem; }*/
/*    .info-icon { font-size: 1.6rem; min-width: 2.5rem; height: 2.5rem; padding: 0.5rem; }*/
/*    .footer-actions { gap: 1rem; margin-bottom: 2rem; }*/
/*    .action-btn { min-width: 160px; padding: 1rem 1.3rem; font-size: 0.95rem; }*/
/*    .btn-icon { font-size: 1.2rem; }*/
/*}*/

/* update style 2 */

/* 頁尾（主底 #bee3c2；一般文字/圖示用白，按鈕/hover 用白；必要時以深綠反白） */
/*.footer {*/
/*    background: #bee3c2;*/
/*    color: #ffffff; !* 白字 *!*/
/*    padding: 4rem 0 1rem 0;*/
/*    margin-top: 3rem;*/
/*    position: relative;*/
/*    border-top: 1px solid rgba(255,255,255,0.25); !* 白系分隔 *!*/
/*}*/

/*.footer-content { margin-bottom: 2rem; }*/

/*.footer-info {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));*/
/*    gap: 2.5rem;*/
/*    margin-bottom: 2rem;*/
/*}*/

/*.info-item {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    text-align: center;*/
/*    gap: 1rem;*/
/*    padding: 1.5rem;*/
/*    background: rgba(255,255,255,0.2); !* 白系半透明卡片 *!*/
/*    border-radius: 12px;*/
/*    backdrop-filter: blur(8px);*/
/*    border: 1px solid rgba(255,255,255,0.35);*/
/*    transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;*/
/*    box-shadow: 0 4px 12px rgba(0,0,0,0.06);*/
/*}*/

/*.info-item:hover {*/
/*    transform: translateY(-3px);*/
/*    background: rgba(255,255,255,0.28);*/
/*    box-shadow: 0 8px 20px rgba(0,0,0,0.10);*/
/*}*/

/*.info-icon {*/
/*    font-size: 2rem;*/
/*    background: #ffffff;  !* 白底圓 *!*/
/*    color: #0e2b1a;       !* 深綠圖示 *!*/
/*    padding: 0.8rem;*/
/*    border-radius: 50%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    min-width: 3.2rem;*/
/*    height: 3.2rem;*/
/*}*/

/*.info-text { text-align: center; }*/

/*.info-text h4 {*/
/*    font-size: 1.2rem;*/
/*    margin-bottom: 0.5rem;*/
/*    color: #ffffff; !* 白字標題 *!*/
/*    font-weight: 800;*/
/*}*/

/*.info-text p {*/
/*    margin-bottom: 0.3rem;*/
/*    font-size: 1rem;*/
/*    line-height: 1.6;*/
/*    color: #ffffff; !* 白字內文 *!*/
/*    opacity: 0.95;*/
/*}*/

/*.info-text .note,*/
/*.info-text .contact-name {*/
/*    font-size: 0.95rem;*/
/*    color: #ffffff;*/
/*    opacity: 0.9;*/
/*}*/

/*.info-text a {*/
/*    color: #ffffff; !* 白色連結 *!*/
/*    text-decoration: none;*/
/*    font-weight: 800;*/
/*    border-bottom: 1px dashed rgba(255,255,255,0.6);*/
/*    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;*/
/*}*/

/*.info-text a:hover {*/
/*    color: #0e2b1a;                 !* 反白：深綠字 *!*/
/*    background-color: #ffffff;      !* 白底 *!*/
/*    border-bottom-color: transparent;*/
/*    border-radius: 6px;*/
/*    padding: 0 4px;*/
/*}*/

/*!* 功能按鈕：深綠底 + 白字；hover 反白深綠字 *!*/
/*.footer-actions {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    gap: 2rem;*/
/*    margin-bottom: 3rem;*/
/*    padding-bottom: 2rem;*/
/*    border-bottom: 1px solid rgba(255,255,255,0.25);*/
/*}*/

/*.action-btn {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 0.8rem;*/
/*    background: #0e2b1a;   !* 深綠底 *!*/
/*    color: #ffffff;        !* 白字 *!*/
/*    text-decoration: none;*/
/*    padding: 1rem 1.5rem;*/
/*    border-radius: 25px;*/
/*    font-size: 1rem;*/
/*    font-weight: 800;*/
/*    cursor: pointer;*/
/*    transition: all 0.25s ease;*/
/*    box-shadow: 0 4px 12px rgba(0,0,0,0.10);*/
/*    border: 1px solid rgba(255,255,255,0.25);*/
/*    min-width: 140px;*/
/*    justify-content: center;*/
/*}*/

/*.action-btn:hover {*/
/*    color: #0e2b1a;        !* 深綠字 *!*/
/*    background: #ffffff;   !* 白底 *!*/
/*    border-color: #ffffff;*/
/*    transform: translateY(-2px);*/
/*    box-shadow: 0 8px 20px rgba(0,0,0,0.12);*/
/*}*/

/*.action-btn:active { transform: translateY(-1px); }*/

/*.btn-icon {*/
/*    font-size: 1.3rem;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    min-width: 1.3rem;*/
/*    color: inherit; !* 保持白或深綠隨父層變化 *!*/
/*}*/

/*.btn-text { letter-spacing: 0.4px; }*/

/*!* 底部版權與分隔 *!*/
/*.footer-bottom {*/
/*    text-align: center;*/
/*    padding-top: 2rem;*/
/*    border-top: 1px solid rgba(255,255,255,0.25);*/
/*    color: #ffffff; !* 白字 *!*/
/*    font-size: 0.92rem;*/
/*    opacity: 0.95;*/
/*}*/

/*!* 頂部分隔線（低調白系） *!*/
/*.footer::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0; left: 0; right: 0;*/
/*    height: 6px;*/
/*    background: linear-gradient(90deg,*/
/*    rgba(255,255,255,0.35) 0%,*/
/*    rgba(255,255,255,0.18) 50%,*/
/*    rgba(255,255,255,0.35) 100%*/
/*    );*/
/*    box-shadow: 0 2px 6px rgba(0,0,0,0.06);*/
/*    pointer-events: none;*/
/*}*/

/*!* 上方陰影（柔） *!*/
/*.footer::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: -16px; left: 0; right: 0;*/
/*    height: 16px;*/
/*    background: linear-gradient(to bottom,*/
/*    transparent 0%,*/
/*    rgba(255,255,255,0.18) 60%,*/
/*    rgba(255,255,255,0.28) 100%*/
/*    );*/
/*    pointer-events: none;*/
/*}*/

/*!* RWD *!*/
/*@media (max-width: 768px) {*/
/*    .footer-info { grid-template-columns: 1fr; gap: 1.5rem; }*/
/*    .info-item { padding: 1.2rem; }*/
/*    .info-icon { font-size: 1.8rem; min-width: 2.8rem; height: 2.8rem; padding: 0.6rem; }*/
/*    .info-text h4 { font-size: 1.1rem; }*/
/*    .info-text p { font-size: 0.95rem; }*/
/*    .footer-actions { flex-direction: column; align-items: center; gap: 1.2rem; margin-bottom: 2.5rem; }*/
/*    .action-btn { min-width: 200px; padding: 1.2rem 2rem; gap: 1rem; }*/
/*    .btn-icon { font-size: 1.4rem; }*/
/*}*/

/*@media (max-width: 480px) {*/
/*    .footer { padding: 2rem 0 1rem 0; }*/
/*    .info-item { padding: 1rem; gap: 0.8rem; }*/
/*    .info-icon { font-size: 1.6rem; min-width: 2.5rem; height: 2.5rem; padding: 0.5rem; }*/
/*    .footer-actions { gap: 1rem; margin-bottom: 2rem; }*/
/*    .action-btn { min-width: 160px; padding: 1rem 1.3rem; font-size: 0.95rem; }*/
/*    .btn-icon { font-size: 1.2rem; }*/
/*}*/