/* 全域設定 */
body {
    font-family: "Helvetica", Arial, sans-serif;
    margin: 0; padding: 0;
    text-align: center;
    background-color: #fff;
    color: #1a1a1a;
}

/* 頁首與導覽列 */
header { padding: 80px 20px 40px; }
h1 { font-size: 1.6rem; font-weight: 300; letter-spacing: 5px; text-transform: uppercase; }

nav { margin-bottom: 60px; position: sticky; top: 0; background: white; padding: 20px 0; z-index: 100; }
nav ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; gap: 30px; }
nav a { text-decoration: none; color: #aaa; font-size: 0.85rem; letter-spacing: 1px; transition: 0.3s; }
nav a:hover { color: #000; }
nav a.active { color: #000; font-weight: bold; border-bottom: 1px solid #000; }

/* 內容容器 */
.container { max-width: 1200px; margin: 0 auto; padding: 0 40px 100px; }
h2 { font-size: 1rem; font-weight: 400; letter-spacing: 3px; margin-bottom: 50px; color: #444; }

/* 作品網格 */
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-gap: 40px;
}
.item { margin-bottom: 30px; }
.item img, .item video { width: 100%; height: auto; display: block; border: 1px solid #f0f0f0; }
.caption { margin-top: 15px; font-size: 0.8rem; color: #888; }

/* 文章列表專用 */
.article-list { max-width: 700px; margin: 0 auto; text-align: left; }
.article-item { 
    display: flex; justify-content: space-between; 
    padding: 20px 0; border-bottom: 1px solid #eee; 
    text-decoration: none; color: #333; 
}
.article-item:hover { opacity: 0.6; }