/**
 * News detail page styles (from Home/news-detail.html)
 * Header / footer / inquiry / .ph banner use site.css
 */

/* --- 正文：左图（557:725）+ 右文 --- */
.art{display:grid;grid-template-columns:520px minmax(0,1fr);gap:70px;align-items:start}
.art--text-only{grid-template-columns:1fr}

.art-media{overflow:hidden;background:var(--sand)}
.art-media img{display:block;width:100%;aspect-ratio:557/725;object-fit:cover}

.art-meta{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.art-meta time{color:var(--muted)}
.art-meta i{width:18px;height:1px;background:var(--line);display:block}
.art-meta b{color:var(--gold)}

.art-body{max-width:760px}

.art-title{
  margin:0 0 28px;
  font-family:var(--font-serif);
  font-weight:400;
  font-size:clamp(26px,3vw,38px);
  line-height:1.24;
  letter-spacing:-.01em;
  color:var(--ink);
}
.art-title::after{
  content:"";
  display:block;
  width:64px;
  height:1px;
  margin-top:24px;
  background:var(--gold);
}

.art-body p{font-size:15.5px;line-height:1.86;color:var(--body);margin-bottom:22px}
.art-body > p:first-of-type,
.art-body p.lead{font-size:17px;line-height:1.82;color:var(--ink)}
.art-body p:last-child{margin-bottom:0}
.art-body > *:last-child{margin-bottom:0}

.art-body blockquote,
.art-quote{
  margin:32px 0;padding:26px 30px;background:var(--cream);border-left:2px solid var(--gold);
  font-family:var(--font-serif);font-size:19px;line-height:1.6;color:var(--ink);
}
.art-body ul,.art-body ol{margin:0 0 22px;padding-left:1.2em}
.art-body li{margin:6px 0}
.art-body a{color:var(--gold);border-bottom:1px solid var(--gold)}
.art-body h2,.art-body h3,.art-body h4{
  font-family:var(--font-serif);font-weight:400;color:var(--ink);line-height:1.35;margin:28px 0 16px
}
.art-body img{max-width:100%;height:auto;display:block;margin:24px 0}

@media (max-width:1000px){
  .art{grid-template-columns:1fr;gap:40px}
  .art-media{max-width:440px}
  .art-title{margin-bottom:22px}
}

/* --- 相关新闻：三列，比例与 news.html 一致 --- */
.reln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 30px}
.reln-item{display:flex;flex-direction:column}
.reln-media{position:relative;display:block;overflow:hidden;background:var(--sand);aspect-ratio:557/725}
.reln-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.reln-media:hover img{transform:scale(1.05)}

.reln-meta{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.reln-meta time{color:var(--muted)}
.reln-meta i{width:14px;height:1px;background:var(--line);display:block}
.reln-meta b{color:var(--gold)}

.reln-title{margin:12px 0 0;font-family:var(--font-serif);font-weight:400;font-size:20px;line-height:1.4;color:var(--ink)}
.reln-title a{
  transition:color .45s var(--ease);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.reln-title a:hover{color:var(--gold)}
.reln-more{margin-top:16px;text-align:center}

@media (max-width:1000px){.reln{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 24px}}
@media (max-width:600px){.reln{grid-template-columns:1fr;gap:40px}}

/* 新闻详情：手机端 Banner 标题最多 2 行 */
@media (max-width:680px){
  .ph-title{
    max-width:100%;
    font-size:clamp(18px,5vw,24px);
    line-height:1.3;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}