:root {
        --bg-main: #0b0c10;
        --bg-sec: #1f2833;
        --text-bright: #66fcf1;
        --text-main: #c5c6c7;
        --accent: #45a29e;
    }
    body {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        background-color: var(--bg-main);
        color: var(--text-main);
        margin: 0;
        padding: 0;
    }
    a { color: var(--text-bright); text-decoration: none; transition: 0.3s; }
    a:hover { color: #fff; text-shadow: 0 0 5px var(--text-bright); }
    
    /* 顶部导航 */
    .top-nav {
        background: var(--bg-sec);
        padding: 1rem 2rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 2px solid var(--accent);
    }
    .logo { font-size: 1.5rem; font-weight: bold; color: var(--text-bright); letter-spacing: 2px; }
    
    /* Hero 巨幕区域 (首页特色) */
    .hero-section {
        background: linear-gradient(135deg, #1f2833 0%, #0b0c10 100%);
        padding: 4rem 2rem;
        text-align: center;
        border-bottom: 1px solid #333;
    }
    .hero-section h1 { font-size: 3rem; color: var(--text-bright); margin-bottom: 1rem; }
    .hero-section p { font-size: 1.2rem; max-width: 600px; margin: 0 auto; color: #fff; }
    
    /* 侧边栏布局容器 */
    .main-wrapper {
        display: flex;
        max-width: 1200px;
        margin: 2rem auto;
        gap: 2rem;
        padding: 0 1rem;
    }
    
    /* 左侧主要内容 */
    .content-area { flex: 3; }
    
    /* 右侧边栏 */
    .sidebar { 
        flex: 1; 
        background: var(--bg-sec); 
        padding: 1.5rem; 
        border-radius: 8px; 
        height: fit-content;
        border-left: 1px solid var(--accent);
    }
    
    /* 文章卡片样式 */
    .post-card {
        background: var(--bg-sec);
        padding: 1.5rem;
        margin-bottom: 1.5rem;
        border-radius: 8px;
        border: 1px solid #333;
    }
    .post-card h2 { margin-top: 0; font-size: 1.5rem; }
    .post-card .meta { font-size: 0.8rem; color: var(--accent); margin-bottom: 1rem; }
    .btn { 
        display: inline-block; 
        padding: 0.5rem 1rem; 
        background: var(--accent); 
        color: #000; 
        font-weight: bold; 
        border-radius: 4px; 
        margin-top: 1rem;
    }
    .btn:hover { background: var(--text-bright); }
    
    /* 文章详情页样式 */
    .article-body { line-height: 1.8; font-size: 1.1rem; }
    .article-body h2 { color: var(--text-bright); margin-top: 2rem; border-bottom: 1px solid #333; padding-bottom: 0.5rem;}
    
    .ad-box { 
        background: #000; 
        padding: 10px; 
        margin: 20px 0; 
        text-align: center; 
        border: 1px dashed #333; 
    }
    
    @media (max-width: 768px) {
        .main-wrapper { flex-direction: column; }
    }