/* ═══════════════════════════════════════════════════════════════════════════
   NOVIRA — 全部留言页（配合 site.css / games.css 使用）
   ═══════════════════════════════════════════════════════════════════════════ */

.board-main { max-width: 860px; padding-bottom: clamp(70px, 10vh, 120px); }

.board-main .games-title,
.board-main .games-lead { opacity: 1; transform: none; }

/* 表单（与首页板块同一语言） */
.boardpg .board-form {
  margin: clamp(8px, 1.5vh, 16px) 0 clamp(30px, 4.5vh, 44px);
  padding: clamp(18px, 2.6vh, 26px);
  border: 1px solid rgba(244, 241, 238, 0.1);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(244,241,238,0.055) 0%, rgba(244,241,238,0.015) 55%, rgba(244,241,238,0.035) 100%);
  backdrop-filter: blur(14px) saturate(1.3);
  -webkit-backdrop-filter: blur(14px) saturate(1.3);
}
.boardpg .board-form .board-hint { margin-bottom: 0; }

.board-page-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: clamp(16px, 2.4vh, 24px);
}
.board-page-count {
  font-family: var(--f-mono);
  font-size: 10.5px;
  letter-spacing: 0.24em;
  color: var(--dimmer);
  text-transform: uppercase;
}

.all-list { margin-bottom: clamp(20px, 3vh, 30px); }

.board-more-wrap { display: flex; justify-content: center; }

.boardpg .board-status { text-align: center; margin-top: 8px; }

/* 复用首页的 .msg / .board-* 组件样式（games.css 没引入 home.css，这里自带一份精简版） */
.boardpg .board-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.boardpg .msg {
  padding: clamp(15px, 2.2vh, 20px) clamp(17px, 2.4vw, 24px);
  border: 1px solid rgba(244, 241, 238, 0.1);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(244,241,238,0.06) 0%, rgba(244,241,238,0.015) 60%, rgba(244,241,238,0.04) 100%);
  backdrop-filter: blur(14px) saturate(1.3);
  -webkit-backdrop-filter: blur(14px) saturate(1.3);
}
.boardpg .msg-head { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin-bottom: 7px; }
.boardpg .msg-head b { font-weight: 500; font-size: 0.86rem; letter-spacing: 0.06em; color: var(--accent); }
.boardpg .msg-head time { font-family: var(--f-mono); font-size: 10px; letter-spacing: 0.14em; color: var(--dimmer); white-space: nowrap; }
.boardpg .msg-text { margin: 0; font-size: 0.92rem; line-height: 1.95; letter-spacing: 0.03em; word-break: break-word; white-space: pre-wrap; }

.boardpg .board-row { display: flex; gap: 12px; align-items: stretch; }
.boardpg .board-name,
.boardpg .board-text {
  width: 100%;
  font: inherit;
  font-size: 0.9rem;
  letter-spacing: 0.03em;
  color: var(--fg);
  background: rgba(244, 241, 238, 0.045);
  border: 1px solid rgba(244, 241, 238, 0.13);
  border-radius: 14px;
  padding: 13px 17px;
  outline: none;
  transition: border-color 0.4s var(--ease-apple), background 0.4s var(--ease-apple);
}
.boardpg .board-name { max-width: 220px; }
.boardpg .board-text { resize: vertical; min-height: 74px; line-height: 1.9; }
.boardpg .board-name:focus,
.boardpg .board-text:focus { border-color: rgba(255, 122, 47, 0.55); background: rgba(244, 241, 238, 0.07); }
.boardpg .board-name::placeholder,
.boardpg .board-text::placeholder { color: var(--dimmer); }

.boardpg .board-send {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: 0 0 auto;
  font-family: var(--f-mono);
  font-size: 10.5px;
  letter-spacing: 0.24em;
  color: var(--fg);
  padding: 0 24px;
  border: 1px solid rgba(244, 241, 238, 0.22);
  border-radius: 100px;
  background: transparent;
  cursor: pointer;
  transition: color 0.45s var(--ease-apple), border-color 0.45s var(--ease-apple), gap 0.45s var(--ease-apple), opacity 0.3s;
}
.boardpg .board-send svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.boardpg .board-send:hover { color: var(--accent); border-color: var(--accent); gap: 15px; }
.boardpg .board-send:disabled { opacity: 0.35; cursor: default; pointer-events: none; }

.boardpg .board-hint { margin: 0; min-height: 1em; font-family: var(--f-mono); font-size: 10px; letter-spacing: 0.16em; color: var(--dimmer); }
.boardpg .board-hint.is-bad { color: #ff7a6b; }

.boardpg .board-status { font-family: var(--f-mono); font-size: 10.5px; letter-spacing: 0.2em; color: var(--dimmer); }

@media (max-width: 560px) {
  .boardpg .board-row { flex-direction: column; }
  .boardpg .board-name { max-width: none; }
  .boardpg .board-send { padding: 13px 24px; }
}