/* 新增字體 LXGW WenKai TC */
@import url('https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC&display=swap');
.lxgw-wenkai-tc-regular {
    font-family: "LXGW WenKai TC", cursive;
    font-weight: 400;
    font-style: normal;
  }

/* 修改導覽列（文章、標籤、分類、關於）字體 */
.menu-item { 
    font-family: "LXGW WenKai TC", cursive !important;
}


/* 修改文章標題字體 */
.single-title { 
    font-family: "LXGW WenKai TC", cursive !important;
}


/* 修改分類頁圖示高度 */
.category-icon {
    height: 1.5em;  /* 讓圖片高度與文字大小一致 */
    vertical-align: text-top; /* 讓圖片與文字對齊 */
    margin-right: 5px; /* 調整圖片與文字的間距 */
}

/* 子選單欄 */
.dropdown {
    display: inline-block;
}

/* 修改子選單字體 */
.dropdown-content { 
    font-family: "LXGW WenKai TC", cursive !important;
}

/* 子選單的内容 (預設隱藏) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    line-height: 1.3rem;
}

/* 子選單的内容 (預設隱藏) (深色模式) */
body[theme="dark"] .dropdown-content {
    display: none;
    position: absolute;
    background-color: #1f1f1f;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    line-height: 1.3rem;
}

/* 子選單的 url */
.dropdown-content a {
    padding: 10px 18px 10px 14px;
    text-decoration: none;
    display: block;
    & i {
        margin-right: 3px;
    }
}

/* 滑鼠移上去後修改子選單 url 顏色 */
.dropdown-content a:hover {
    background-color: #f1f1f1;
    border-radius: 4px;
}

/* 滑鼠移上去後修改子選單 url 顏色 (深色模式) */
body[theme="dark"] .dropdown-content a:hover {
    background-color: #2f2f2f;
    border-radius: 4px;
}

/* 在滑鼠移上去後顯示子選單 */
.dropdown:hover .dropdown-content {
    display: block;
}

/* 手機版子選單調整 */
@media screen and (max-width: 680px) {
    .dropdown {
        display: inline;
    }
    .dropdown:hover .dropdown-content {
        display: inline;
        z-index: 1;
        margin-top: -2em;
        margin-left: 3em;
    }
    .dropdown-content a:hover {
        background-color: transparent;
    }
}