/* =========================================================
   GreenFuture 主题 - 新闻详情页样式
   用于：templates/front/news-detail.html
   依赖：gf/base.css（设计令牌 / 容器 / 按钮 .btn-outline
         / 面包屑 .gf-breadcrumb / 眉标 .gf-page-tag
         / 富文本 .gf-richtext / 滚动渐入 .gf-reveal）
         + gf/sidebar.css（侧边栏卡片 / 最新新闻 / 响应式）
   内容：文章卡片 / 元信息行 / 封面 / 摘要导语 / 上一篇·下一篇导航
   ========================================================= */

.nd-page { padding: 48px 0 96px; }

/* ===== 页面布局：文章 + 右侧边栏（呼应 pd-layout） ===== */
.nd-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 32px; align-items: start; }

/* ===== 文章卡片（呼应 pd-card） ===== */
.nd-card {
    background: var(--surface); border: 1px solid var(--border);
    border-radius: var(--radius); box-shadow: var(--shadow);
    padding: 40px 44px;
}
.nd-card .gf-page-tag { margin-bottom: 16px; }
.nd-title {
    font-size: 30px; font-weight: 800; color: var(--secondary);
    line-height: 1.3; margin-bottom: 18px;
}

/* --- 元信息行：发布日期 + 浏览量 --- */
.nd-meta {
    display: flex; align-items: center; gap: 22px; flex-wrap: wrap;
    padding-bottom: 20px; margin-bottom: 26px;
    border-bottom: 1px solid var(--border);
}
.nd-meta-item { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; color: var(--text-muted); }
.nd-meta-item svg { color: var(--primary); flex-shrink: 0; }

/* --- 封面图 --- */
.nd-cover {
    border-radius: var(--radius); overflow: hidden;
    border: 1px solid var(--border); background: var(--bg);
    margin-bottom: 28px;
}
.nd-cover img { width: 100%; max-height: 460px; object-fit: cover; }

/* --- 摘要导语 --- */
.nd-summary {
    font-size: 15.5px; color: var(--secondary-light); line-height: 1.8;
    background: linear-gradient(90deg, var(--bg), #ECFDF5);
    border-left: 4px solid var(--primary);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    padding: 14px 18px; margin-bottom: 28px;
}

/* --- 正文（富文本公共排版见 gf/base.css .gf-richtext） --- */
.nd-content { font-size: 15.5px; }

/* ===== 上一篇 / 下一篇导航 ===== */
.nd-post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 32px; }
.nd-post-item {
    display: flex; flex-direction: column; gap: 8px;
    background: var(--surface); border: 1px solid var(--border);
    border-radius: var(--radius); box-shadow: var(--shadow);
    padding: 18px 22px; transition: var(--transition);
}
.nd-post-item:hover { box-shadow: var(--shadow-lg); transform: translateY(-3px); border-color: var(--primary-light); }
.nd-post-next { text-align: right; align-items: flex-end; }
.nd-post-label {
    display: inline-flex; align-items: center; gap: 7px;
    font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase;
    color: var(--primary);
}
.nd-post-item:hover .nd-post-label { color: var(--accent-dark); }
.nd-post-title {
    font-size: 14.5px; font-weight: 600; color: var(--secondary); line-height: 1.5;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* ===== 返回列表 ===== */
.nd-back { text-align: center; margin-top: 36px; }
.nd-back .btn-outline { display: inline-flex; align-items: center; gap: 8px; }

/* ===== 响应式（.gf-sidebar 响应式为公共样式，见 gf/sidebar.css） ===== */
@media (max-width: 1080px) {
    .nd-layout { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .nd-page { padding: 28px 0 64px; }
    .nd-card { padding: 26px 20px; }
    .nd-title { font-size: 22px; }
    .nd-post-nav { grid-template-columns: 1fr; }
    .nd-post-next { text-align: left; align-items: flex-start; }
}