/* wp-chat-ui footer 留言板样式（chatui-feedback.css，2026-10-07）
 *
 * 亮色 footer 场景：中性灰系、克制不抢版面。颜色直写字面量不走
 * var(--chat-*)——那是暗色默认 token（消费纪律第 2 条允许消费 CSS 带
 * 字面默认值；footer 是亮色页面，暗 token 反而不可读）。
 * 自身全宽流式，≤640px 无需特殊处理。
 */

.chatui-fb {
  border-top: 1px solid #e4e4e7;
  margin-top: 20px;
  padding-top: 20px;
}

/* 头行：标题 + 写下留言 */
.chatui-fb-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.chatui-fb-title {
  font-size: 13px;
  color: #6b6b70;
}
.chatui-fb-toggle {
  border: 0;
  background: none;
  padding: 2px 6px;
  font-size: 12px;
  color: #8a8a90;
  cursor: pointer;
  border-radius: 6px;
}
.chatui-fb-toggle:hover {
  color: #3f3f46;
  background: #f2f2f4;
}

/* 折叠表单 */
.chatui-fb-input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-height: 72px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1.6;
  color: #27272a;
  border: 1px solid #d4d4d8;
  border-radius: 8px;
  background: #fff;
  resize: vertical;
}
.chatui-fb-input:focus {
  outline: none;
  border-color: #a1a1aa;
}
.chatui-fb-btnrow {
  margin-top: 8px;
  text-align: right;
}
.chatui-fb-submit {
  padding: 5px 16px;
  font-size: 13px;
  color: #fff;
  background: #52525b;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}
.chatui-fb-submit:hover:not(:disabled) {
  background: #3f3f46;
}
.chatui-fb-submit:disabled {
  opacity: .6;
  cursor: default;
}

/* 结果/错误提示行 */
.chatui-fb-hint {
  margin: 8px 0 0;
  font-size: 12px;
  color: #71717a;
}
.chatui-fb-hint.is-err {
  color: #b3372f;
}

/* 留言列表 */
.chatui-fb-list {
  margin-top: 12px;
}
.chatui-fb-empty {
  margin: 0;
  font-size: 12px;
  color: #a1a1aa;
}
.chatui-fb-item {
  padding: 6px 0;
  border-bottom: 1px dashed #ececee;
}
.chatui-fb-item:last-child {
  border-bottom: 0;
}
.chatui-fb-meta {
  margin: 0 0 2px;
  font-size: 12px;
  color: #a1a1aa;
}
.chatui-fb-author {
  color: #8a8a90;
}
.chatui-fb-text {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: #3f3f46;
  word-break: break-word;
}

/* ── /feedback/ 子页面（wpt-fb-page，module-feedback templates 消费）──
 * 页面主体布局与组件在该页的放大形态（footer 紧凑形态照旧不动） */
.wpt-fb-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 28px 20px 40px;
}
/* 顶部搜索框隐藏（用户令 2026-10-07）：header part 的 wp:search 块只在本页
 * body.wpt-fb-nosearch 下不显示，其余页面照常 */
.wpt-fb-nosearch .wp-block-search {
  display: none;
}
/* 标语两枚 h2「找工具 找资料」同藏（用户令 2026-10-07 政策三页不需要——
 * 搜索框都收了标语更没意义）。header 作用域实测只命中这两枚（/about/ 实证
 * header .wp-block-heading 恰 2 枚），页面自身 h2 全在 main 不受波及 */
.wpt-fb-nosearch header .wp-block-heading {
  display: none;
}
/* 标语藏后回收占位（用户令 2026-10-07：藏完「关于」等标题离页面太靠下）：
 * ① header 里撑标语行的 spacer（h=100，可见内容只剩 logo+站名 50px）；
 * ② page 模板标题区 h1 前后两枚 spacer（前 102 / 后 38，:has(+ h1) 与
 *    h1 + 精准锚定紧贴关系，正文里其他 spacer 不动——/about/ 实证 h1 顶
 *    由 270px 收到 ~110px） */
.wpt-fb-nosearch header .wp-block-spacer,
.wpt-fb-nosearch main .wp-block-spacer:has(+ h1),
.wpt-fb-nosearch main h1 + .wp-block-spacer {
  display: none;
}
.wpt-fb-page-title {
  margin: 0 0 8px;
  font-size: 24px;
}
.wpt-fb-page-sub {
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.7;
  color: #71717a;
}
.wpt-fb-page .chatui-fb-item {
  padding: 10px 0;
}
.wpt-fb-page .chatui-fb-text {
  font-size: 14px;
}