.detail-page-wrap{padding:32px 0 20px}
.detail-page{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.detail-main{min-width:0;background:#fff;border:1px solid var(--color-line);border-radius:14px;padding:32px 34px 40px}
.detail-main h1{font-size:clamp(24px,2.6vw,32px);line-height:1.4;color:var(--color-ink)}
.detail-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;padding-bottom:20px;border-bottom:1px solid var(--color-line);color:var(--color-muted);font-size:13px}
.detail-meta a{color:var(--color-main)}
.detail-cover{margin:22px 0 8px;border-radius:12px;overflow:hidden;background:#ece7dc}
.detail-cover img{width:100%;height:auto;max-height:460px;object-fit:cover;display:block}
.detail-body{margin-top:8px;font-size:16px;line-height:1.9;color:#3c4742}
.detail-body p{margin:16px 0}
.detail-contact-card{margin-top:28px;padding:20px 22px;border-radius:12px;background:#f6faf8;border:1px solid #d7ebe2}
.detail-contact-card h3{margin-bottom:10px;font-size:16px;color:var(--color-ink)}
.detail-contact-card p{margin:8px 0;color:#3c4742}
.detail-contact-card a{color:var(--color-main);font-weight:700}
.detail-related{margin-top:36px}
.detail-related h3{margin-bottom:16px;font-size:18px;color:var(--color-ink)}
.detail-related__list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:1024px){
  .detail-page{grid-template-columns:1fr}
  .detail-main{padding:24px 20px 32px}
  .detail-related__list{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .detail-page-wrap{padding:22px 0 10px}
  .detail-related__list{grid-template-columns:1fr}
}