/* ============================================
   Fake News Daily - Main Stylesheet
   ============================================ */

:root{
    --bg:#262a30;
    --card:#ffffff;
    --accent:#2563eb;
    --text:#1f2937;
    --muted:#6b7280;
    --text-secondary:#4b5563;
    --border:#e5e7eb;
    --shadow:0 1px 3px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.05);
}

body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    background:var(--bg);
    color:var(--text);
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
} 

header{
    padding:12px 16px;
    background:#ffffff;
    position:sticky;
    top:0;
    z-index:10;
    border-bottom:1px solid var(--border);
    box-shadow:0 1px 2px rgba(0,0,0,0.04);
}
header .brand{
    font-weight:700;
    color:var(--text);
    font-size:18px;
    letter-spacing:-0.5px;
}
header .brand span{
    color:var(--accent);
}
.container{
    max-width:860px;
    margin:0 auto;
    padding:24px 16px;
}
.card{
    background:var(--card);
    border-radius:12px;
    padding:28px;
    box-shadow:var(--shadow);
    border:1px solid var(--border);
}
a{
    color:var(--accent);
    text-decoration:none;
    transition:color 0.2s ease;
}
a:hover{
    color:#91d6f7fa;
    text-decoration:none;
}
.post{
    margin:16px 0;
}
.post h2{
    margin:0 0 10px 0;
    line-height:1.4;
}
/* 首页列表标题添加下划线 */
.post h2 a{
    text-decoration:underline;
    text-decoration-color:var(--accent);
    text-decoration-thickness:1.5px;
    text-underline-offset:4px;
}
.post h2 a:hover{
    text-decoration-color:#91d6f7fa;
}
.post time{
    color:var(--muted);
    font-size:13px;
}
.footer-note{
    color:var(--muted);
    font-size:12px;
    margin-top:32px;
    line-height:1.6;
}
/* 文章正文样式 - 无下划线 */
.article-content{
    font-size:18px;
    line-height:1.85;
    color:var(--text);
    margin:24px 0;
}
.article-content p{
    margin:0 0 22px 0;
    line-height:1.85;
}
.article-content p:last-child{
    margin-bottom:0;
}
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4{
    margin:32px 0 18px 0;
    line-height:1.4;
    color:var(--text);
    font-weight:600;
    text-decoration:none;
}
.article-content h1{font-size:28px;}
.article-content h2{font-size:24px;}
.article-content h3{font-size:20px;}
.article-content ul,
.article-content ol{
    margin:18px 0 18px 28px;
    padding:0;
    line-height:1.85;
}
.article-content li{
    margin:10px 0;
}
.article-content strong{
    font-weight:600;
    color:var(--text);
}
.article-content a{
    color:var(--accent);
    text-decoration:none;
}
.article-content a:hover{
    color:#1d4ed8;
    text-decoration:none;
}
.article-content blockquote{
    margin:24px 0;
    padding:16px 24px;
    border-left:4px solid var(--accent);
    background:#f1f5f9;
    border-radius:6px;
    font-style:italic;
    color:var(--text-secondary);
}
.article-content img{
    width:100%;
    height:auto;
    max-height:400px;
    object-fit:cover;
    border-radius:10px;
    margin:24px 0;
    box-shadow:var(--shadow);
}
.article-featured-image{
    width:100%;
    height:280px;
    object-fit:cover;
    border-radius:12px;
    margin:24px 0 32px 0;
    box-shadow:var(--shadow);
}
.article-content code{
    background:#f1f5f9;
    padding:3px 7px;
    border-radius:4px;
    font-size:0.9em;
    font-family:"SF Mono",Monaco,monospace;
    color:#dc2626;
}
.article-content pre{
    background:#f8f9fa;
    padding:20px;
    border-radius:8px;
    overflow-x:auto;
    margin:24px 0;
    border:1px solid var(--border);
}
.article-content pre code{
    background:none;
    padding:0;
    color:var(--text);
}
/* 文章标题 - 无下划线 */
.article-title{
    font-size:36px;
    font-weight:700;
    line-height:1.3;
    margin:0 0 16px 0;
    color:var(--text);
    text-decoration:none;
    letter-spacing:-0.5px;
}
.article-meta{
    color:var(--muted);
    font-size:15px;
    margin-bottom:28px;
}
/* visitor counter */
.visitor-counter{
    position:fixed !important;
    top:70px !important;
    right:20px !important;
    background:#ffffff !important;
    border:1px solid var(--border) !important;
    padding:10px 14px !important;
    border-radius:8px !important;
    box-shadow:var(--shadow) !important;
    font-size:14px !important;
    z-index:9999 !important;
    color:var(--text) !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}
/* 广告容器样式 */
.ad-sidebar{
    width:160px;
    position:sticky;
    top:80px;
    height:fit-content;
}
.ad-container{
    display:flex;
    gap:24px;
    align-items:flex-start;
}
.main-content{
    flex:1;
    min-width:0;
}
/* header链接样式 */
.header-links{
    display:flex;
    gap:16px;
    align-items:center;
}
.header-links a{
    color:var(--muted);
    font-size:14px;
    transition:color 0.2s;
}
.header-links a:hover{
    color:var(--accent);
    text-decoration:none;
}
/* 导航链接样式 */
.nav-link{
    color:var(--accent);
    font-size:14px;
    transition:color 0.2s;
    text-decoration:none;
}
.nav-link:hover{
    color:#1db3d8;
    text-decoration:none;
}
/* 分隔线 */
hr{
    border:none;
    border-top:1px solid var(--border);
    margin:28px 0;
}
/* 响应式 */
@media (max-width: 1200px){
    .ad-sidebar{
        display:none;
    }
    .ad-container{
        flex-direction:column;
    }
}
@media (max-width: 768px){
    .article-content{
        font-size:17px;
    }
    .article-title{
        font-size:28px;
    }
    .container{
        padding:20px 14px;
    }
    .card{
        padding:22px;
    }
    .ad-sidebar{
        display:none;
    }
    .visitor-counter{
        top:65px;
        right:10px;
        font-size:12px;
        padding:8px 12px;
    }
}