/* ================================================================
   news-detail.css — 新闻详情页面专用样式
   通用样式见 common.css
   ================================================================ */

/* Banner 背景图 */
.page-banner{background-image:url('assets/about/news-banner.jpg')}

/* 面包屑导航 */
.breadcrumb{background:var(--c-white);border-bottom:1px solid var(--c-gray-100);position:sticky;top:var(--nav-h);z-index:99}
.breadcrumb-inner{display:flex;align-items:center;gap:8px;padding:16px var(--side-pad);font-size:14px;color:var(--c-gray-500)}
.breadcrumb a{color:var(--c-gray-500);transition:color var(--transition)}
.breadcrumb a:hover{color:var(--c-primary)}
.breadcrumb span{color:var(--c-gray-300)}
.breadcrumb .current{color:var(--c-primary);font-weight:600}

/* 新闻详情 */
.detail-main{padding:60px var(--side-pad) 80px}
.detail-container{max-width:1100px;margin:0 auto}
.detail-header{text-align:center;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--c-gray-100)}
.detail-title{font-size:36px;font-weight:700;color:var(--c-dark);line-height:1.5;margin-bottom:20px;letter-spacing:2px}
.detail-meta{display:flex;justify-content:center;align-items:center;gap:24px;font-size:14px;color:var(--c-gray-500)}
.detail-meta span{display:inline-flex;align-items:center;gap:6px}
.detail-meta .dm-sep{width:1px;height:14px;background:var(--c-gray-300)}

.detail-content{font-size:17px;line-height:2.4;color:var(--c-gray-700)}
.detail-content p{margin-bottom:24px;text-indent:2em}
.detail-content h3{font-size:22px;font-weight:700;color:var(--c-primary);margin:40px 0 20px;letter-spacing:2px}
.detail-content img{width:auto;display: inline-block;}
.detail-content .img-caption{text-align:center;font-size:14px;color:var(--c-gray-500);margin-top:-16px;margin-bottom:32px;text-indent:0}
.detail-content blockquote{background:var(--c-gray-50);padding:24px 28px;border-radius:var(--radius-sm);margin:32px 0;font-size:15px;color:var(--c-gray-700);line-height:2;text-indent:0}

.detail-footer{margin-top:48px;padding-top:32px;border-top:1px solid var(--c-gray-100)}

.detail-nav{display:flex;justify-content:space-between;gap:24px}
.detail-nav-item{flex:1;padding:28px 40px;border-radius:var(--radius-sm);background:var(--c-gray-50);transition:all var(--transition);border:1px solid var(--c-gray-100);min-height:100px;display:flex;flex-direction:column;justify-content:center}
.detail-nav-item:hover{background:var(--c-white);box-shadow:var(--shadow-sm);border-color:rgba(200,164,92,.3)}
.dn-label{font-size:13px;color:var(--c-gray-500);margin-bottom:6px;letter-spacing:1px}
.dn-title{font-size:15px;font-weight:600;color:var(--c-dark);transition:color var(--transition)}
.detail-nav-item:hover .dn-title{color:var(--c-primary)}
.detail-nav-item.next{text-align:right}

/* 响应式 - 页面专用 */
@media(max-width:1024px){
  .detail-main{padding:40px var(--side-pad) 60px}
  .detail-title{font-size:24px}
  .detail-nav{flex-direction:column}
  .detail-nav-item.next{text-align:left}
  .breadcrumb .current{display: none;}
}
@media(max-width:640px){
  .detail-main{padding:32px var(--side-pad)}
  .detail-title{font-size:20px;letter-spacing:1px}
  .detail-content{font-size:14px;line-height:2}
  .detail-content h3{font-size:18px}
  .detail-meta{flex-direction:column;gap:8px}
  .detail-meta .dm-sep{display:none}
}