:root { --forest: #1b4332; --action: #2d6a4f; --bg: #f2f9f6; --accent: #ff7b00; }

body { background-color: var(--bg); font-family: 'Noto Sans TC', sans-serif; color: var(--forest); margin: 0; }
.navbar { background: white; border-bottom: 3px solid var(--action); padding: 10px 0; }
.navbar-brand { font-weight: 900; font-size: 1.5rem; color: var(--forest) !important; text-decoration: none; }

/* 森林綠卡片樣式 */
.cat-card, .exam-card { 
    background: #ffffff; 
    border: 1px solid #e0eee0; 
    border-bottom: 5px solid var(--action); 
    padding: 40px 20px; 
    border-radius: 12px; 
    text-decoration: none; 
    color: var(--forest); 
    display: block; 
    transition: all 0.3s ease; 
    height: 100%; 
    text-align: center;
    user-select: text;  /* 允許文字選取 */
}
.cat-card:hover, .exam-card:hover { 
    transform: translateY(-8px); 
    background: var(--forest); 
    color: white !important; 
    border-bottom-color: var(--accent);
}
/* 確保卡片內所有文字都可選取且 hover 時變白 */
.cat-card:hover *, .exam-card:hover * {
    color: white !important;
}
.cat-card *, .exam-card * {
    user-select: text;
}