/* style.css */
:root {
    --bg-color: #0f0f12;
    --text-primary: #e0e0e0;
    --text-secondary: #a0a0a5;
    --accent-color: #64ffda;
    --section-spacing: 60px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: var(--bg-color);
    color: var(--text-primary);
    line-height: 1.6;
    display: flex;
    justify-content: center;
    padding: 20px;
}

.container {
    width: 100%;
    max-width: 700px;
    margin-top: 8vh;
}

/* Navigation - 新增导航栏 */
nav {
    margin-bottom: 50px;
    display: flex;
    gap: 20px;
    font-size: 0.95rem;
}

nav a {
    color: var(--text-secondary);
    text-decoration: none;
    transition: color 0.2s;
}

nav a:hover, nav a.active {
    color: var(--accent-color);
}

h1 { font-size: 2.2rem; margin-bottom: 10px; letter-spacing: -0.5px; }
h2 { font-size: 1.1rem; text-transform: uppercase; letter-spacing: 1.2px; color: var(--text-secondary); margin-bottom: 25px; border-bottom: 1px solid #252529; padding-bottom: 10px; }
p { margin-bottom: 15px; }

.subtitle { color: var(--text-secondary); margin-bottom: 5px; }
.meta { font-size: 0.85rem; color: #555; margin-bottom: 5px; font-family: monospace; }

/* Blog List Styles */
.blog-item { margin-bottom: 35px; }
.blog-title { font-size: 1.2rem; font-weight: 600; color: var(--text-primary); text-decoration: none; display: block; margin-bottom: 5px; }
.blog-title:hover { color: var(--accent-color); }

footer { margin-top: 100px; border-top: 1px solid #1a1a1d; padding-top: 20px; text-align: center; color: #444; font-size: 0.8rem; }