/* 已修好公告 · 左下角贴底（与原萨友说同位置）· r4 */
.yk-lounge-left-stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
  width: 100%;
}

/* 整块贴左下角：高度随内容，从底往上长 —— 不要拉满 82%/100% */
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack {
  grid-column: 1;
  grid-row: 1 / 5;
  align-self: end !important;
  justify-self: stretch !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: 82% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  z-index: 4;
  box-sizing: border-box;
}

/* 任一展开时，整块仍贴底，但可长高到接近原萨友说展开高度 */
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack:has([data-expanded="true"]) {
  height: 82% !important;
  max-height: 82% !important;
}

body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .nature-comment-wall {
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: stretch !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  margin: 0 !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-sizing: border-box;
}

/* 收起：恢复原萨友说矮高度（贴底那一块） */
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .nature-comment-wall[data-expanded="false"] {
  flex: 0 0 auto !important;
  height: min(56%, 360px) !important;
  max-height: 360px !important;
  min-height: 260px !important;
}

/* 展开：占满 stack 剩余空间 */
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .nature-comment-wall[data-expanded="true"] {
  flex: 1 1 0 !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
}

body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .yk-fix-notice-wall {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
  min-height: 0;
  width: 100% !important;
  max-width: 100% !important;
  flex-shrink: 0;
  margin: 0 !important;
  padding: 20px 20px 16px !important;
  border: 1px solid var(--yk-edge, #d6be7755) !important;
  border-radius: 24px !important;
  background: var(--yk-glass, #0a211699) !important;
  box-shadow: 0 12px 30px #0002 !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff7e5 !important;
  overflow: hidden !important;
  box-sizing: border-box;
}

body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .yk-fix-notice-wall[data-expanded="false"] {
  flex: 0 0 auto !important;
  height: auto !important;
  max-height: none !important;
}

body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .yk-fix-notice-wall[data-expanded="true"] {
  flex: 1 1 0 !important;
  height: auto !important;
  max-height: none !important;
  min-height: 180px !important;
}

/* 展开已修好 → 萨友说压矮，整块仍贴底 */
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack:has(> .yk-fix-notice-wall[data-expanded="true"]) > .nature-comment-wall {
  flex: 0 0 auto !important;
  height: 110px !important;
  max-height: 110px !important;
  min-height: 110px !important;
}

body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack:has(> .nature-comment-wall[data-expanded="true"]) > .yk-fix-notice-wall {
  flex: 0 0 auto !important;
  height: auto !important;
  max-height: none !important;
}

.yk-fix-notice-head {
  flex: 0 0 auto;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 0 0 10px !important;
  margin: 0 !important;
  position: relative;
  font-size: 20px !important;
  color: #fff7e5 !important;
}

.yk-fix-notice-head > span {
  font-family: var(--serif, Georgia, serif);
  letter-spacing: .08em;
}

.yk-fix-notice-head:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 44px;
  height: 2px;
  background: #d6be77;
}

.yk-fix-fold {
  padding: 6px 12px;
  min-height: 34px;
  color: #e6d4a1;
  border: 1px solid #d6be7755;
  border-radius: 18px;
  font-size: 13px;
  background: transparent;
  cursor: pointer;
}

.yk-fix-notice-viewport {
  flex: 1;
  min-height: 0 !important;
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(transparent, #000 12px, #000 calc(100% - 12px), transparent);
  mask-image: linear-gradient(transparent, #000 12px, #000 calc(100% - 12px), transparent);
}

/* 收起时也露出 1～2 条，可慢滚 */
.yk-fix-notice-wall[data-expanded="false"] .yk-fix-notice-viewport {
  display: block !important;
  height: 68px !important;
  max-height: 68px !important;
  flex: 0 0 68px !important;
  overflow: hidden !important;
}
.yk-fix-notice-wall[data-expanded="true"] .yk-fix-notice-viewport {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  flex: 1 1 0 !important;
}

.yk-fix-notice-track {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.yk-fix-notice-track.is-scrolling {
  animation: ykFixStream calc(var(--fix-count, 4) * 8s) linear infinite;
}

.yk-fix-notice-track.is-scrolling:hover {
  animation-play-state: paused;
}

@keyframes ykFixStream {
  from { transform: translateY(0); }
  to { transform: translateY(-50%); }
}

.yk-fix-row {
  margin: 0;
  padding: 8px 0;
  border-bottom: 1px solid #e8dccb1c;
  min-height: 36px;
  color: #fff6e7;
  font-size: 13px;
  line-height: 1.55;
}

.yk-fix-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.yk-fix-empty {
  margin: 8px 0;
  font-size: 13px;
  color: #dbd4bc;
}

/* 非 responsive 兜底：绝对定位左下 */
body.space-lounge:not(.yk-responsive-lounge) .yk-lounge-left-stack {
  position: absolute;
  z-index: 5;
  left: 3%;
  bottom: 4%;
  width: min(92%, 430px);
  height: auto;
  max-height: 70%;
}

@media (max-width: 1100px) and (min-width: 741px) {
  body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .yk-fix-notice-wall {
    padding: 16px 14px !important;
  }
  .yk-fix-notice-head { font-size: 18px !important; }
}


/* r6：萨友交流标题排版与反馈回复完全一致 */
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .nature-comment-wall > .nature-comment-head,
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .yk-fix-notice-wall > .yk-fix-notice-head {
  flex: 0 0 auto !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 0 12px !important;
  margin: 0 !important;
  position: relative !important;
  font-size: 20px !important;
  color: #fff7e5 !important;
  line-height: 1.3 !important;
}
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .nature-comment-wall > .nature-comment-head > span,
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .yk-fix-notice-wall > .yk-fix-notice-head > span {
  font-family: var(--serif, Georgia, "Songti SC", serif) !important;
  letter-spacing: .08em !important;
  font-size: 20px !important;
}
/* 标题下横线（与反馈回复同款） */
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .nature-comment-wall > .nature-comment-head:after,
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .yk-fix-notice-wall > .yk-fix-notice-head:after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 2px !important;
  width: 44px !important;
  height: 2px !important;
  margin: 0 !important;
  background: #d6be77 !important;
}
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack .yk-comment-fold,
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack .yk-fix-fold {
  padding: 6px 12px !important;
  min-height: 34px !important;
  color: #e6d4a1 !important;
  border: 1px solid #d6be7755 !important;
  border-radius: 18px !important;
  font-size: 13px !important;
  background: transparent !important;
  margin-left: auto !important;
}


/* ===== r7：两块同宽 + 萨友交流标题/展开对齐反馈回复 + 收起露 1～2 条 ===== */
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .yk-fix-notice-wall,
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .nature-comment-wall {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-self: stretch !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  padding: 20px 20px 16px !important;
  border: 1px solid var(--yk-edge, #d6be7755) !important;
  border-radius: 24px !important;
  background: var(--yk-glass, #0a211699) !important;
}

/* 去掉萨友交流标题左侧长横线（nature 的 span::before） */
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .nature-comment-wall > .nature-comment-head > span::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  background: none !important;
}

/* 两块标题行完全一致 */
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .nature-comment-wall > .nature-comment-head,
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .yk-fix-notice-wall > .yk-fix-notice-head {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 0 14px !important;
  margin: 0 !important;
  position: relative !important;
  font-size: 20px !important;
  color: #fff7e5 !important;
  line-height: 1.3 !important;
  border: 0 !important;
  background: transparent !important;
}

body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .nature-comment-wall > .nature-comment-head > span,
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .yk-fix-notice-wall > .yk-fix-notice-head > span {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--serif, Georgia, "Songti SC", serif) !important;
  font-size: 20px !important;
  letter-spacing: .08em !important;
  gap: 0 !important;
}

/* 短金线只在标题下方左侧（不要拉满整行） */
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .nature-comment-wall > .nature-comment-head:after,
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .yk-fix-notice-wall > .yk-fix-notice-head:after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: 2px !important;
  top: auto !important;
  width: 44px !important;
  max-width: 44px !important;
  height: 2px !important;
  margin: 0 !important;
  background: #d6be77 !important;
  border: 0 !important;
}

/* 展开按钮同款、同位置 */
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .nature-comment-wall > .nature-comment-head > .yk-comment-fold,
body.yk-responsive-lounge.space-lounge #loungeView > .yk-lounge-left-stack > .yk-fix-notice-wall > .yk-fix-notice-head > .yk-fix-fold {
  flex: 0 0 auto !important;
  margin: 0 0 0 auto !important;
  padding: 6px 12px !important;
  min-height: 34px !important;
  height: 34px !important;
  box-sizing: border-box !important;
  color: #e6d4a1 !important;
  border: 1px solid #d6be7755 !important;
  border-radius: 18px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  text-shadow: none !important;
  align-self: center !important;
}
