@charset "UTF-8";
/* ============================================================
   文化视界 · 报道详情页（移动端）
   复用 mobile.css 的设计令牌与 .topbar 样式
   ============================================================ */

.article-detail{
  padding-top:.1rem;
  padding-bottom:.3rem;
}

/* 顶部栏「返回」 */
.ad-back{
  flex-shrink:0;
  font-size:.24rem; color:var(--gold); letter-spacing:.1em;
}

/* 封面大图 */
.ad-cover{ width:100%; margin-bottom:.24rem; }
.ad-cover img{ width:100%; height:auto; display:block; border-radius:.16rem; }

/* 标题 */
.ad-title{
  font-family:var(--serif); font-weight:700;
  font-size:.32rem; line-height:1.45; letter-spacing:.01em; color:var(--text);
  margin:0 0 .16rem;
}

/* 元信息（标签 / 日期 / 浏览量） */
.ad-meta{
  display:flex; flex-wrap:wrap; gap:.08rem .22rem;
  font-size:.2rem; color:var(--soft); letter-spacing:.04em;
  margin-bottom:.28rem; padding-bottom:.22rem; border-bottom:1px solid var(--sep);
}
.ad-meta .src{ color:var(--gold); }

/* 正文 */
.ad-body p{
  font-size:.3rem; line-height:1.85; color:var(--text);
  margin:0 0 .28rem; text-align:justify;
}
.ad-body figure{ margin:0 0 .26rem; }
.ad-body figure img{ width:100%; height:auto; display:block; border-radius:.12rem; }
.ad-body figcaption{
  margin-top:.08rem; font-size:.2rem; color:var(--soft);
  text-align:center; letter-spacing:.06em;
}
.ad-byline{ text-align:right; color:var(--soft); font-size:.2rem; letter-spacing:.04em; }

/* 相关推荐 */
.ad-related{ margin-top:.48rem; padding-top:.32rem; border-top:1px solid var(--sep); }
.rl-hd{
  font-family:var(--serif); font-size:.3rem; font-weight:400;
  color:var(--text); margin:0 0 .24rem; letter-spacing:.04em;
}
.rl-list{ display:flex; flex-direction:column; gap:.2rem; }
.rl-item{
  display:flex; align-items:center; justify-content:space-between; gap:.18rem;
  padding:.14rem 0; border-bottom:1px solid var(--sep);
}
.rl-item:last-child{ border-bottom:0; }
.rl-info{ flex:1; min-width:0; }
.rl-title{
  font-family:var(--sans); font-size:.26rem; font-weight:400;
  line-height:1.45; color:var(--text);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; margin:0 0 .1rem;
}
.rl-meta{ display:flex; gap:.22rem; font-size:.2rem; color:var(--soft); }
.rl-thumb{
  width:1.4rem; height:1.05rem; flex-shrink:0;
  border-radius:.1rem; overflow:hidden; background:var(--ink-3);
}
.rl-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

/* 未找到 */
.a-empty{ color:var(--dim); text-align:center; padding:1.2rem 0; font-size:.26rem; }
.a-empty a{ color:var(--gold); }

/* 底部操作栏 */
.article-bar{
  position:fixed; left:50%; transform:translateX(-50%); bottom:0; z-index:100;
  width:6rem;
  display:flex; align-items:center; gap:.16rem;
  height:1rem; padding:0 .3rem;
  background:#fff;
  border-top:1px solid var(--sep);
  box-shadow:0 -.02rem .12rem rgba(0,0,0,.06);
}
.ab-home{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  width:.9rem; height:100%;
  color:var(--text); text-decoration:none;
}
.ab-home svg{ width:.32rem; height:.32rem; margin-bottom:.04rem; }
.ab-home span{ font-size:.2rem; letter-spacing:.04em; }
.ab-share{
  flex:1; display:flex; align-items:center; justify-content:center; gap:.08rem;
  height:.68rem; border:0; border-radius:.34rem;
  background:var(--gold); color:#fff;
  font-size:.26rem; letter-spacing:.04em;
  box-shadow:0 .04rem .12rem rgba(168,128,46,.3);
}
.ab-share svg{ width:.28rem; height:.28rem; }
.ab-share:active{ opacity:.92; transform:translateY(.02rem); }