/*
Theme Name: Circle Me Modern Gold
Author: Gemini
Description: 專為 Circle Me Culture 設計的墨綠金主題。
Version: 1.0
*/

:root {
    --primary-green: #1A3E30; /* 墨綠 */
    --gold: #C7A35D;         /* 金色 */
    --off-white: #F4F7F6;    /* 米白 */
    --text-dark: #2d3436;
}

body {
    background-color: var(--primary-green);
    color: var(--off-white);
    font-family: "PingFang SC", "Hiragino Sans GB", sans-serif;
    margin: 0;
    line-height: 1.7;
}

.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

/* 導航欄 - 強化修復版 */
.site-header {
    background: rgba(255, 255, 255, 0.95);
    padding: 15px 0;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.site-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 強制菜單列表水平排列 */
.site-header nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* 關鍵：變為彈性盒佈局 */
    gap: 25px;    /* 菜單項之間的間距 */
}

.site-header nav li {
    display: inline-block;
}

.site-header nav a {
    color: var(--primary-green) !important;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: color 0.3s ease;
}

.site-header nav a:hover {
    color: var(--gold) !important;
}

.logo { 
    font-size: 1.5rem; 
    letter-spacing: 2px; 
    color: var(--gold) !important; 
    text-decoration: none;
    font-weight: 800;
}

/* 內容佈局 */
.content-wrapper { padding: 60px 0; }

/* 前三篇：卡片佈局 */
.featured-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 50px;
}
.card-item {
    background: var(--off-white);
    border-radius: 12px;
    overflow: hidden;
    color: var(--text-dark);
    transition: transform 0.3s ease;
}
.card-item:hover { transform: translateY(-10px); box-shadow: 0 10px 30px rgba(199, 163, 93, 0.3); }
.card-img { height: 200px; background-size: cover; background-position: center; }
.card-body { padding: 20px; }
.card-body h2 a { color: var(--primary-green); text-decoration: none; font-size: 1.2rem; }

/* 後續篇：列表佈局 */
.list-item {
    display: flex;
    background: var(--off-white);
    border-radius: 12px;
    margin-bottom: 25px;
    color: var(--text-dark);
    overflow: hidden;
    align-items: center;
}
.list-img { width: 300px; height: 180px; background-size: cover; background-position: center; flex-shrink: 0; }
.list-body { padding: 30px; flex-grow: 1; }
.list-body h2 a { color: var(--primary-green); text-decoration: none; font-size: 1.4rem; }
.read-more { color: var(--gold); font-weight: 700; text-decoration: none; margin-top: 10px; display: inline-block; }

@media (max-width: 768px) {
    .featured-grid { grid-template-columns: 1fr; }
    .list-item { flex-direction: column; }
    .list-img { width: 100%; }
}