/* V6_35B_POST_DETAIL_PAGE */
.post-detail-page-v635b .home-page-v629a{
  width:min(1280px, calc(100% - 48px));
}

.post-detail-wrap-v635b{
  margin-top:38px;
  display:flex;
  flex-direction:column;
  gap:18px;
}

.post-detail-card-v635b,
.post-comments-card-v635b{
  border:1px solid rgba(148,163,184,.14);
  border-radius:24px;
  background:rgba(15,23,42,.78);
  box-shadow:0 20px 60px rgba(0,0,0,.2);
  padding:28px;
  color:#dbeafe;
}

.post-detail-top-v635b{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}

.post-back-v635b,
.post-login-v635b{
  border:1px solid rgba(56,189,248,.25);
  border-radius:999px;
  background:rgba(2,6,23,.58);
  color:#bfdbfe;
  padding:10px 16px;
  cursor:pointer;
  font-weight:800;
}

.post-login-v635b{
  margin-top:14px;
  background:linear-gradient(135deg,#38bdf8,#ec4899);
  border:0;
  color:white;
}

.post-category-v635b{
  border-radius:999px;
  background:#22d3ee;
  color:#03131f;
  padding:6px 12px;
  font-size:12px;
  font-weight:1000;
}

.post-detail-card-v635b h1{
  margin:0;
  font-size:34px;
  line-height:1.28;
  color:white;
}

.post-meta-v635b{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  color:#8fa3bd;
  font-size:13px;
}

.post-content-v635b{
  margin-top:26px;
  padding-top:22px;
  border-top:1px solid rgba(148,163,184,.1);
  color:#dcecff;
  font-size:16px;
  line-height:2;
  word-break:break-word;
}

.post-comments-card-v635b h2{
  margin:0 0 16px;
  color:white;
  font-size:20px;
}

.post-comment-v635b{
  padding:14px 0;
  border-top:1px solid rgba(148,163,184,.1);
}

.post-comment-v635b strong{
  color:white;
}

.post-comment-v635b p{
  margin:8px 0 0;
  color:#cbdaf0;
  line-height:1.8;
}

.post-detail-muted-v635b,
.post-detail-loading-v635b{
  color:#9fb1c8;
  line-height:1.8;
}

@media (max-width:720px){
  .post-detail-page-v635b .home-page-v629a{
    width:calc(100% - 24px);
  }

  .post-detail-card-v635b,
  .post-comments-card-v635b{
    padding:20px;
    border-radius:20px;
  }

  .post-detail-card-v635b h1{
    font-size:25px;
  }
}


/* V6-36-C real post detail comments */
.post-comment-form-v635b{
  display:flex!important;
  gap:10px!important;
  margin-top:18px!important;
}
.post-comment-form-v635b input{
  flex:1!important;
  min-width:0!important;
  height:46px!important;
  border:1px solid rgba(15,23,42,.14)!important;
  border-radius:14px!important;
  padding:0 14px!important;
  background:#fff!important;
  color:#0f172a!important;
  font-size:15px!important;
  outline:none!important;
}
.post-comment-form-v635b button,
.post-detail-btn-v635b{
  min-width:112px!important;
  height:46px!important;
  border:0!important;
  border-radius:14px!important;
  padding:0 18px!important;
  background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
  color:#fff!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.post-comment-form-v635b button:disabled{
  opacity:.65!important;
  cursor:not-allowed!important;
}
.post-comment-head-v635b{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}
.post-comment-head-v635b span{
  color:#94a3b8!important;
  font-size:12px!important;
}
.post-comment-empty-v635b{
  padding:14px 16px!important;
  border-radius:14px!important;
  background:#f8fafc!important;
}
@media(max-width:640px){
  .post-comment-form-v635b{
    flex-direction:column!important;
  }
  .post-comment-form-v635b button{
    width:100%!important;
  }
}


/* V6-37-B like and favorite actions */
.post-actions-v637b{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin:18px 0 18px!important;
}
.post-action-btn-v637b{
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(37,99,235,.22)!important;
  background:#f8fafc!important;
  color:#1e293b!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.post-action-btn-v637b:hover{
  background:#eef2ff!important;
}
.post-action-btn-v637b.active{
  background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.post-action-btn-v637b:disabled{
  opacity:.65!important;
  cursor:not-allowed!important;
}


/* V6-41-E formal post detail layout */
.post-detail-author-actions-v639e{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin:14px 0 14px!important;
  width:100%!important;
}

.post-detail-author-v639e{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  height:44px!important;
  padding:6px 13px 6px 7px!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.50)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  flex:0 0 auto!important;
}

.post-detail-author-avatar-v639e{
  width:32px!important;
  height:32px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#22d3ee,#8b5cf6 58%,#ec4899)!important;
  color:#fff!important;
  font-weight:1000!important;
  font-size:13px!important;
}

.post-detail-author-avatar-v639e img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

.post-detail-author-text-v639e{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
}

.post-detail-author-text-v639e strong{
  color:#f8fafc!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
}

.post-detail-author-text-v639e span{
  color:#93c5fd!important;
  font-size:11px!important;
  line-height:1.2!important;
  margin-top:2px!important;
}

.post-detail-author-actions-v639e .post-actions-v637b{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin:0!important;
  flex-wrap:wrap!important;
}

.post-detail-author-actions-v639e .post-action-btn-v637b{
  height:40px!important;
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:rgba(15,23,42,.48)!important;
  color:#f8fafc!important;
  font-weight:900!important;
  box-shadow:none!important;
}

.post-detail-author-actions-v639e .post-action-btn-v637b.active{
  background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
  color:#fff!important;
  border-color:transparent!important;
}

/* Hide old temporary author layout */
.post-author-avatar-row-v639a,
.post-author-avatar-row-v639b,
.detail-author-actions-row-v639c,
.detail-author-actions-row-v639d{
  display:none!important;
}

.comment-author-row-v639e{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  margin:0 0 8px!important;
}

.comment-avatar-v639e{
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#22d3ee,#8b5cf6 58%,#ec4899)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:1000!important;
}

.comment-avatar-v639e img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

.comment-author-name-v639e{
  color:#f8fafc!important;
  font-size:14px!important;
  font-weight:900!important;
}

.post-comment-v635b p{
  color:#e2e8f0!important;
}

@media(max-width:900px){
  .post-detail-author-actions-v639e{
    align-items:flex-start!important;
  }
}

/* V6-41-F comment avatar visibility fix */
#postCommentsV635B .comment-author-row-v639e{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 10px!important;
}

#postCommentsV635B .comment-avatar-v639e{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#22d3ee,#8b5cf6 58%,#ec4899)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:1000!important;
  line-height:1!important;
}

#postCommentsV635B .comment-avatar-v639e img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

#postCommentsV635B .comment-author-name-v639e{
  color:#f8fafc!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.2!important;
}

#postCommentsV635B .post-comment-head-v635b[style*="display: none"]{
  display:none!important;
}

/* V6-41-G forced comment avatar */
#postCommentsV635B .comment-author-row-v641g{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 10px!important;
}

#postCommentsV635B .comment-avatar-v641g{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#22d3ee,#8b5cf6 58%,#ec4899)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:0 10px 22px rgba(37,99,235,.20)!important;
}

#postCommentsV635B .comment-avatar-v641g img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

#postCommentsV635B .comment-author-name-v641g{
  color:#f8fafc!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.2!important;
}

#postCommentsV635B .post-comment-head-v635b[data-hidden-by-v641g="1"]{
  display:none!important;
}

/* V6-41-H hide duplicated old comment author */
#postCommentsV635B .post-comment-v635b > strong[data-hidden-by-v641h="1"],
#postCommentsV635B .post-comment-v635b > span[data-hidden-by-v641h="1"],
#postCommentsV635B .post-comment-v635b .post-comment-head-v635b[data-hidden-by-v641h="1"]{
  display:none!important;
}

#postCommentsV635B .post-comment-v635b > .comment-author-row-v641g + strong{
  display:none!important;
}

/* V6-42-A formal visual unify post detail */
.post-detail-page-v635b{
  background:
    radial-gradient(circle at 12% 0%, rgba(34,211,238,.15), transparent 34%),
    radial-gradient(circle at 82% 10%, rgba(139,92,246,.18), transparent 32%),
    linear-gradient(135deg,#07111f 0%,#0b1222 48%,#120b24 100%)!important;
}

.post-detail-wrap-v635b{
  max-width:980px!important;
  margin:34px auto 60px!important;
  padding:0 18px!important;
}

.post-detail-card-v635b,
.post-comments-card-v635b{
  background:rgba(15,23,42,.78)!important;
  border:1px solid rgba(96,165,250,.18)!important;
  border-radius:26px!important;
  box-shadow:0 26px 70px rgba(2,6,23,.28)!important;
}

.post-detail-top-v635b{
  border-bottom:1px solid rgba(148,163,184,.12)!important;
  padding-bottom:18px!important;
  margin-bottom:18px!important;
}

.post-detail-card-v635b h1{
  color:#fff!important;
  font-size:34px!important;
  line-height:1.22!important;
  letter-spacing:-.8px!important;
  font-weight:1000!important;
}

.post-detail-top-v635b span,
.post-detail-muted-v635b{
  color:#93a4bd!important;
}

.post-detail-author-v639e{
  background:rgba(2,6,23,.52)!important;
  border-color:rgba(96,165,250,.22)!important;
}

.post-detail-author-avatar-v639e,
.comment-avatar-v641g,
.comment-avatar-v639e{
  background:linear-gradient(135deg,#38bdf8,#8b5cf6 55%,#ec4899)!important;
  box-shadow:0 12px 28px rgba(139,92,246,.22)!important;
}

.post-action-btn-v637b{
  transition:transform .15s ease, background .15s ease!important;
}

.post-action-btn-v637b:hover{
  transform:translateY(-1px)!important;
}

.post-content-v635b{
  color:#e5e7eb!important;
  font-size:17px!important;
  line-height:2!important;
}

.post-content-v635b p{
  margin:0 0 16px!important;
}

.post-comments-card-v635b h2{
  color:#fff!important;
  font-weight:1000!important;
  padding-bottom:14px!important;
  border-bottom:1px solid rgba(148,163,184,.12)!important;
}

.post-comment-v635b{
  background:rgba(2,6,23,.42)!important;
  border:1px solid rgba(148,163,184,.10)!important;
  border-radius:20px!important;
  padding:16px!important;
  margin:14px 0!important;
}

.post-comment-v635b p{
  color:#e2e8f0!important;
  line-height:1.8!important;
  margin:8px 0 0!important;
}

.post-comment-form-v635b{
  background:rgba(2,6,23,.42)!important;
  border:1px solid rgba(148,163,184,.12)!important;
  border-radius:18px!important;
  padding:12px!important;
}

.post-comment-form-v635b input{
  background:transparent!important;
  color:#e5e7eb!important;
}

.post-comment-form-v635b button{
  background:linear-gradient(135deg,#38bdf8,#8b5cf6 58%,#ec4899)!important;
  color:#fff!important;
  border:0!important;
  font-weight:1000!important;
  border-radius:14px!important;
}

@media(max-width:720px){
  .post-detail-wrap-v635b{
    margin:20px auto 42px!important;
    padding:0 12px!important;
  }

  .post-detail-card-v635b h1{
    font-size:26px!important;
  }

  .post-detail-author-actions-v639e{
    gap:10px!important;
  }

  .post-detail-author-actions-v639e .post-actions-v637b{
    width:100%!important;
  }
}

/* V6-42-K light background unify post detail */
html,
body,
.post-detail-page-v635b{
  background:#f7f7f8!important;
  color:#111827!important;
}

.post-detail-page-v635b{
  background:
    radial-gradient(circle at 12% 0%, rgba(59,130,246,.06), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f7f7f8 45%,#f3f4f6 100%)!important;
}

.post-detail-card-v635b,
.post-comments-card-v635b{
  background:#ffffff!important;
  border:1px solid rgba(17,24,39,.08)!important;
  box-shadow:0 14px 36px rgba(15,23,42,.07)!important;
}

.post-detail-card-v635b h1,
.post-comments-card-v635b h2{
  color:#111827!important;
}

.post-detail-top-v635b,
.post-comments-card-v635b h2{
  border-bottom:1px solid rgba(17,24,39,.08)!important;
}

.post-detail-top-v635b span,
.post-detail-muted-v635b{
  color:#6b7280!important;
}

.post-detail-author-v639e{
  background:#f9fafb!important;
  border:1px solid rgba(17,24,39,.08)!important;
}

.post-detail-author-avatar-v639e,
.comment-avatar-v641g,
.comment-avatar-v639e{
  background:#eff6ff!important;
  color:#2563eb!important;
  box-shadow:none!important;
}

.post-content-v635b{
  color:#1f2937!important;
}

.post-comment-v635b{
  background:#f9fafb!important;
  border:1px solid rgba(17,24,39,.08)!important;
}

.post-comment-v635b p{
  color:#1f2937!important;
}

.post-comment-form-v635b{
  background:#ffffff!important;
  border:1px solid rgba(17,24,39,.10)!important;
}

.post-comment-form-v635b input{
  color:#111827!important;
}

.post-comment-form-v635b button,
.post-login-v635b{
  background:#2563eb!important;
  color:#ffffff!important;
}

.post-action-btn-v637b{
  background:#ffffff!important;
  color:#374151!important;
  border:1px solid rgba(17,24,39,.10)!important;
}

.post-action-btn-v637b.active,
.post-action-btn-v637b:hover{
  background:#eff6ff!important;
  color:#1d4ed8!important;
  border-color:rgba(37,99,235,.22)!important;
}

.post-back-v635b{
  background:#ffffff!important;
  color:#374151!important;
  border:1px solid rgba(17,24,39,.10)!important;
}

/* V6-42-L light polish fix detail */
.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;
}

.post-detail-card-v635b,
.post-comments-card-v635b{
  background:#ffffff!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 12px 32px rgba(15,23,42,.07)!important;
}

.post-detail-author-v639e,
.post-comment-v635b{
  background:#f8fafc!important;
  border:1px solid rgba(15,23,42,.08)!important;
}

.post-action-btn-v637b,
.post-back-v635b{
  background:#ffffff!important;
  color:#334155!important;
  border:1px solid rgba(15,23,42,.10)!important;
}

.post-action-btn-v637b:hover,
.post-action-btn-v637b.active{
  background:#eff6ff!important;
  color:#1d4ed8!important;
  border-color:rgba(37,99,235,.24)!important;
}