/* ========== 健康專欄 Health Column ========== */
.column-page,
.column-detail{
    max-width: 960px;
    margin: 0 auto;
    padding: 24px 16px 60px;
}

/* 麵包屑 */
.column-breadcrumb{
    font-size: 13px;
    color: #999;
    margin-bottom: 18px;
    line-height: 1.8;
}
.column-breadcrumb a{ color:#888; }
.column-breadcrumb a:hover{ color:#94c525; }
.column-breadcrumb span{ margin:0 6px; color:#ccc; }
.column-breadcrumb .current{ color:#666; }

/* 標題 */
.column-page .content-header{
    text-align:center;
    margin-bottom: 20px;
}
.column-page .content-header h6{
    font-size: 26px;
    font-weight: 700;
    color:#333;
    position: relative;
    display:inline-block;
    padding-bottom: 10px;
}
.column-page .content-header h6:after{
    content:"";
    position:absolute; left:50%; bottom:0;
    width:48px; height:3px; margin-left:-24px;
    background:#94c525;
}

/* 分類切換 */
.column-tabs{ margin-bottom: 28px; }
.column-tabs ul{
    list-style:none; padding:0; margin:0;
    display:flex; flex-wrap:wrap; justify-content:center; gap:10px;
}
.column-tabs li a{
    display:inline-block;
    padding:7px 18px;
    border:1px solid #ddd;
    border-radius:20px;
    font-size:14px;
    color:#666;
    transition:.2s;
}
.column-tabs li a:hover{ border-color:#94c525; color:#94c525; }
.column-tabs li.current a{
    background:#94c525; border-color:#94c525; color:#fff;
}

/* 單欄列表 */
.column-list{ display:block; }
.column-item{
    display:flex;
    gap:22px;
    padding:22px 0;
    border-bottom:1px solid #eee;
    align-items:flex-start;
    color:inherit;
}
.column-item:hover .title{ color:#94c525; }
.column-item .thumb{
    flex:0 0 240px;
    width:240px; height:150px;
    overflow:hidden; border-radius:8px;
    background:#f5f5f5;
}
.column-item .thumb img{
    width:100%; height:100%; object-fit:cover;
    transition:transform .3s;
}
.column-item:hover .thumb img{ transform:scale(1.05); }
.column-item .info{ flex:1; min-width:0; }
.column-item .meta{ font-size:13px; color:#999; margin-bottom:8px; }
.column-item .title{
    font-size:19px; font-weight:700; color:#333;
    margin:0 0 10px; line-height:1.5;
    transition:color .2s;
}
.column-item .excerpt{
    font-size:14px; color:#777; line-height:1.7; margin:0 0 12px;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.column-item .more{ font-size:14px; color:#94c525; font-weight:600; }
.column-empty{ text-align:center; color:#999; padding:60px 0; }

/* 分頁 */
.column-pager{ text-align:center; margin-top:36px; }
.column-pager .paging-link{
    display:inline-block; min-width:38px; padding:8px 12px; margin:0 3px;
    border:1px solid #ddd; border-radius:5px; color:#666; font-size:14px;
}
.column-pager .paging-link:hover{ border-color:#94c525; color:#94c525; }
.column-pager .paging-link.active{
    background:#94c525; border-color:#94c525; color:#fff;
}

/* ===== 內頁 ===== */
.column-article{ max-width:820px; margin:0 auto; }
.article-head{ border-bottom:2px solid #f0f0f0; padding-bottom:18px; margin-bottom:26px; }
.article-title{ font-size:28px; font-weight:700; color:#2b2b2b; line-height:1.4; margin:0 0 14px; }
.article-meta{ font-size:13px; color:#999; }
.article-meta .cat{
    display:inline-block; background:#94c525; color:#fff;
    padding:2px 12px; border-radius:14px; margin-right:10px; font-size:12px;
}
.article-body{ font-size:16px; line-height:1.9; color:#444; }
.article-body img{ max-width:100%; height:auto; }
.article-body iframe{ max-width:100%; }
.video-container{ position:relative; padding-bottom:56.25%; height:0; overflow:hidden; margin:18px 0; }
.video-container iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }

/* 分享 */
.article-share{
    display:flex; align-items:center; gap:12px; flex-wrap:wrap;
    margin:36px 0 24px; padding:18px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;
}
.article-share > span{ color:#888; font-size:14px; }
.article-share a{
    display:inline-flex; align-items:center; gap:6px;
    padding:8px 18px; border-radius:6px; color:#fff; font-size:14px;
}
.article-share .share-fb{ background:#1877f2; }
.article-share .share-line{ background:#06c755; }
.article-share a:hover{ opacity:.88; }

.article-foot{ text-align:center; margin-top:30px; }
.btn-back{
    display:inline-block; padding:10px 30px;
    border:1px solid #94c525; border-radius:24px;
    color:#94c525; font-size:15px;
}
.btn-back:hover{ background:#94c525; color:#fff; }

/* ===== 響應式 ===== */
@media (max-width: 768px){
    .column-item{ flex-direction:column; gap:12px; }
    .column-item .thumb{ flex:none; width:100%; height:200px; }
    .article-title{ font-size:22px; }
    .column-page .content-header h6{ font-size:22px; }
}