/* ============================================================
   lnwmold.com —— 资讯详情页样式（独立原创：信纸/便签风）
   文件：css/show.css  依赖：css/base.css
   ============================================================ */

/* ---------- 文章页头 ---------- */
.doc-head{
  padding:46px 0 10px;
  background:linear-gradient(180deg,var(--yellow-soft),var(--cream));
  border-bottom:2px dashed var(--pink-mid);
}
.doc-head .crumb{ margin-bottom:16px; }
.doc-head h1{ font-size:clamp(22px,3vw,32px); max-width:860px; }
.doc-meta{
  display:flex; align-items:center; gap:18px; flex-wrap:wrap;
  font-size:13.5px; color:var(--body); margin-top:12px;
}
.doc-meta time{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--white); border-radius:var(--r-full);
  padding:5px 14px; font-weight:700; color:var(--pink-deep);
  border:2px dashed var(--pink-mid);
}

/* ---------- 文章正文：信纸卡片 ---------- */
.doc-body{ padding:36px 0 10px; }
.doc-paper{
  background:var(--white); border-radius:var(--r-xl);
  border:2px dashed var(--yellow-soft);
  box-shadow:var(--shadow-s);
  padding:clamp(20px,4vw,44px);
  position:relative;
}
.doc-paper::before{ /* 便签角标 */
  content:"LNW"; position:absolute; top:-14px; right:28px;
  background:var(--yellow); color:#fff; font-weight:800; font-size:12px;
  padding:6px 14px; border-radius:10px; transform:rotate(3deg);
  box-shadow:var(--shadow-s);
}
.doc-cover{
  width:100%; max-width:900px; margin:0 auto 26px;
  border-radius:var(--r-m); box-shadow:var(--shadow-s);
}
.doc-paper p{ font-size:16px; line-height:2; margin-bottom:16px; }
.doc-paper h2,.doc-paper h3{ margin:26px 0 12px; }
.doc-paper ul,.doc-paper ol{ padding-left:26px; margin-bottom:16px; }
.doc-paper li{ line-height:1.9; margin-bottom:6px; }
.doc-tagline{
  margin-top:34px; padding:22px 24px;
  background:var(--pink-soft); border-radius:var(--r-m);
  border:2px dashed var(--pink-mid);
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; flex-wrap:wrap;
}
.doc-tagline p{ font-size:14.5px; font-weight:700; color:var(--ink); margin:0; }

/* ---------- 更多文章区（五种数据源循环，无小标题，按原排列放一起） ---------- */
.doc-more{ padding:44px 0 10px; }
.dm-bar{
  display:flex; align-items:center; gap:14px; margin-bottom:22px;
}
.dm-bar a{
  display:inline-flex; align-items:center; gap:6px;
  font-size:14px; font-weight:700; color:var(--pink-deep);
  background:var(--white); border:2px dashed var(--pink-mid);
  border-radius:var(--r-full); padding:8px 18px;
  transition:transform .2s ease, background .2s ease;
}
.dm-bar a:hover{ transform:translateX(-4px); background:var(--pink-soft); }
.dm-card{
  background:var(--white); border-radius:var(--r-m);
  border:2px dashed transparent; box-shadow:var(--shadow-s);
  overflow:hidden; margin-bottom:16px;
  transition:transform .3s ease, border-color .3s ease;
}
.dm-card:hover{ transform:translateY(-5px); border-color:var(--yellow); }
.dm-card a{ display:flex; align-items:stretch; }
.dm-card img{ width:200px; aspect-ratio:16/10; object-fit:cover; flex:none; }
.dm-card-body{ padding:16px 20px; display:flex; flex-direction:column; gap:8px; }
.dm-card-body b{ font-size:16px; color:var(--ink); }
.dm-card:hover .dm-card-body b{ color:var(--pink-deep); }
.dm-card-body i{
  font-style:normal; font-size:13.5px; color:var(--body);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.dm-card-body time{ font-size:12.5px; color:var(--yellow-deep); font-weight:700; }
.dm-wide{ border-color:var(--pink-mid); background:linear-gradient(135deg,#fff,var(--pink-soft)); }
.dm-wide img{ width:240px; }
.dm-row{
  background:var(--white); border-radius:var(--r-m);
  border-left:6px solid var(--green); box-shadow:var(--shadow-s);
  margin-bottom:12px; transition:transform .25s ease;
}
.dm-row:nth-of-type(2){ border-left-color:var(--yellow); }
.dm-row:nth-of-type(3){ border-left-color:var(--pink); }
.dm-row:hover{ transform:translateX(6px); }
.dm-row a{
  display:flex; justify-content:space-between; align-items:center; gap:14px;
  padding:14px 20px;
}
.dm-row span{ font-weight:700; font-size:14.5px; color:var(--ink); }
.dm-row:hover span{ color:var(--pink-deep); }
.dm-row time{ font-size:12.5px; color:var(--yellow-deep); font-weight:700; white-space:nowrap; }

/* ---------- 底部 CTA ---------- */
.doc-cta{
  margin:54px 20px 0; border-radius:var(--r-xl);
  background:linear-gradient(120deg,var(--green),var(--yellow));
  text-align:center; padding:52px 20px;
}
.doc-cta h2{ color:#fff; margin-bottom:10px; }
.doc-cta p{ color:#fff; font-weight:700; margin-bottom:20px; }

/* ---------- 响应式 ---------- */
@media (max-width:767.98px){
  .doc-paper{ padding:22px 16px; }
  .doc-cover{ border-radius:14px; }
  .dm-card a{ flex-direction:column; }
  .dm-card img{ width:100%; aspect-ratio:16/9; }
  .dm-wide img{ width:100%; }
  .doc-cta{ margin:44px 12px 0; padding:42px 16px; }
  .doc-tagline{ flex-direction:column; align-items:flex-start; }
}