/* V6-43-F module post detail css
   只负责帖子详情页，不负责首页，不负责导航，不负责右侧栏。
*/

html.is-post-v643e body,
html.is-post-v643e .post-detail-page-v635b{
  background:
    radial-gradient(circle at 18% 0%, rgba(37,99,235,.045), transparent 30%),
    linear-gradient(180deg,#f8fafc 0%,#f7f7f8 48%,#f3f4f6 100%)!important;
  color:#111827!important;
}

html.is-post-v643e .post-detail-wrap-v635b{
  max-width:920px!important;
  margin:34px auto 64px!important;
  padding:0 18px!important;
}

html.is-post-v643e .post-detail-card-v635b,
html.is-post-v643e .post-comments-card-v635b{
  background:#ffffff!important;
  border:1px solid #e5e7eb!important;
  border-radius:24px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.07)!important;
  overflow:hidden!important;
}

html.is-post-v643e .post-detail-card-v635b{
  padding:30px 34px!important;
}

html.is-post-v643e .post-detail-top-v635b{
  padding-bottom:20px!important;
  margin-bottom:22px!important;
  border-bottom:1px solid #eef2f7!important;
}

html.is-post-v643e .post-detail-card-v635b h1{
  margin:0 0 18px!important;
  color:#0f172a!important;
  font-size:34px!important;
  line-height:1.25!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
}

html.is-post-v643e .post-detail-top-v635b span,
html.is-post-v643e .post-detail-muted-v635b{
  color:#64748b!important;
  font-size:14px!important;
}

html.is-post-v643e .post-detail-author-v639e{
  margin:18px 0 22px!important;
  padding:14px 16px!important;
  background:#f8fafc!important;
  border:1px solid #e5e7eb!important;
  border-radius:18px!important;
  box-shadow:none!important;
}

html.is-post-v643e .post-detail-author-avatar-v639e,
html.is-post-v643e .comment-avatar-v641g,
html.is-post-v643e .comment-avatar-v639e{
  background:#eff6ff!important;
  color:#2563eb!important;
  box-shadow:none!important;
  border:1px solid #dbeafe!important;
}

html.is-post-v643e .post-content-v635b{
  color:#1f2937!important;
  font-size:17px!important;
  line-height:2.05!important;
  letter-spacing:.01em!important;
}

html.is-post-v643e .post-content-v635b p{
  margin:0 0 18px!important;
}

html.is-post-v643e .post-content-v635b img{
  max-width:100%!important;
  border-radius:16px!important;
  margin:14px 0!important;
}

html.is-post-v643e .post-actions-v637b{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}

html.is-post-v643e .post-action-btn-v637b,
html.is-post-v643e .post-back-v635b{
  height:40px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  background:#ffffff!important;
  color:#334155!important;
  border:1px solid #dbe2ea!important;
  font-weight:800!important;
  box-shadow:none!important;
}

html.is-post-v643e .post-action-btn-v637b:hover,
html.is-post-v643e .post-action-btn-v637b.active{
  background:#eff6ff!important;
  color:#1d4ed8!important;
  border-color:#bfdbfe!important;
}

html.is-post-v643e .post-comments-card-v635b{
  margin-top:22px!important;
  padding:0!important;
}

html.is-post-v643e .post-comments-card-v635b h2{
  margin:0!important;
  padding:22px 28px!important;
  color:#0f172a!important;
  font-size:20px!important;
  font-weight:950!important;
  border-bottom:1px solid #eef2f7!important;
  background:#ffffff!important;
}

html.is-post-v643e .post-comment-list-v635b,
html.is-post-v643e #postCommentsV635B{
  padding:18px 28px 24px!important;
}

html.is-post-v643e .post-comment-v635b{
  margin:0 0 14px!important;
  padding:16px!important;
  background:#f8fafc!important;
  border:1px solid #e5e7eb!important;
  border-radius:18px!important;
  box-shadow:none!important;
}

html.is-post-v643e .post-comment-v635b p{
  margin:8px 0 0!important;
  color:#1f2937!important;
  font-size:15px!important;
  line-height:1.8!important;
}

html.is-post-v643e .comment-author-row-v641g,
html.is-post-v643e .comment-author-row-v639e{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

html.is-post-v643e .post-comment-form-v635b{
  margin:18px 28px 28px!important;
  padding:12px!important;
  background:#ffffff!important;
  border:1px solid #e5e7eb!important;
  border-radius:18px!important;
  box-shadow:none!important;
}

html.is-post-v643e .post-comment-form-v635b input,
html.is-post-v643e .post-comment-form-v635b textarea{
  background:#ffffff!important;
  color:#111827!important;
  border:0!important;
  outline:0!important;
}

html.is-post-v643e .post-comment-form-v635b button{
  height:40px!important;
  padding:0 18px!important;
  border-radius:14px!important;
  background:#2563eb!important;
  color:#ffffff!important;
  border:1px solid #2563eb!important;
  font-weight:900!important;
}

html.is-post-v643e .post-login-v635b{
  background:#2563eb!important;
  color:#ffffff!important;
  border:0!important;
  border-radius:14px!important;
}

@media(max-width:900px){
  html.is-post-v643e .post-detail-wrap-v635b{
    margin:22px auto 44px!important;
    padding:0 12px!important;
  }

  html.is-post-v643e .post-detail-card-v635b{
    padding:22px 18px!important;
    border-radius:20px!important;
  }

  html.is-post-v643e .post-detail-card-v635b h1{
    font-size:26px!important;
    line-height:1.3!important;
  }

  html.is-post-v643e .post-content-v635b{
    font-size:16px!important;
    line-height:1.95!important;
  }

  html.is-post-v643e .post-comments-card-v635b h2{
    padding:18px!important;
  }

  html.is-post-v643e .post-comment-list-v635b,
  html.is-post-v643e #postCommentsV635B{
    padding:16px 18px 20px!important;
  }

  html.is-post-v643e .post-comment-form-v635b{
    margin:16px 18px 20px!important;
  }
}