/* ============================================================
   SimplyRead Theme - Custom CSS
   暗色模式增强、回复可见、私密评论、阅读体验优化
   （暗色变量统一由 style.css 的 html.dark / 系统偏好提供）
   ============================================================ */

/* --- 字体声明 --- */
@font-face {
  font-family: 'EarlySummer-Subset';
  src: local('EarlySummer-Subset');
  font-display: swap;
}

@font-face {
  font-family: 'Snell-Black';
  src: local('Snell-Black');
  font-display: swap;
}

/* --- 平滑过渡 --- */
body,
header,
nav,
.article-content,
footer,
input,
textarea,
select,
button,
.sidebar-buttons a {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
}

/* --- 中文两端对齐 --- */
html[lang="zh-CN"] .article-content,
html[lang="zh"] .article-content {
  text-align: justify;
}

/* --- 响应式嵌入 --- */
iframe {
  max-width: 100%;
}

/* --- WP 区块样式 --- */
.wp-block-image img {
  display: block;
  max-width: 100%;
  height: auto;
}

.wp-block-quote {
  border-left: 4px solid var(--accent);
  margin: 1.5rem 0;
  padding: 0.5rem 0 0.5rem 1.25rem;
  font-style: italic;
}

.wp-block-pullquote {
  border-top: 3px solid var(--accent);
  border-bottom: 3px solid var(--accent);
  padding: 1.5rem 0;
  margin: 2rem 0;
  text-align: center;
  font-size: 1.25rem;
}

.wp-block-table {
  overflow-x: auto;
  margin: 1.5rem 0;
}

.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
}

.wp-block-table td,
.wp-block-table th {
  border: 1px solid var(--border-light);
  padding: 0.5rem 0.75rem;
}

.wp-block-code {
  font-family: var(--font-mono);
  overflow-x: auto;
}

/* --- focus-visible 轮廓 --- */
:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* --- admin-bar 偏移 --- */
.admin-bar .sidebar-buttons {
  bottom: calc(100px + 32px);
}
.admin-bar .ai-chat-fab {
  bottom: calc(40px + 32px);
}

@media (max-width: 782px) {
  .admin-bar .sidebar-buttons {
    bottom: calc(100px + 46px);
  }
  .admin-bar .ai-chat-fab {
    bottom: calc(40px + 46px);
  }
}

/* ============================================================
   暗色模式补充（变量由 style.css html.dark 提供）
   ============================================================ */
html.dark {
  color-scheme: dark;
}

/* ============================================================
   回复可见
   ============================================================ */
.reply-to-see-lock {
  border: 2px dashed var(--border);
  border-radius: 10px;
  padding: 2rem;
  text-align: center;
  background-color: var(--card-bg);
  margin: 1.5rem 0;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.reply-to-see-lock:hover {
  background-color: var(--card-hover);
  border-color: var(--accent);
}

.reply-to-see-lock-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.reply-to-see-lock svg {
  color: var(--text-secondary);
  opacity: 0.6;
}

.reply-to-see-btn {
  display: inline-block;
  background-color: var(--accent);
  color: #fff;
  padding: 0.5rem 1.25rem;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.reply-to-see-btn:hover {
  opacity: 0.85;
}

/* 解锁后内容 */
.reply-to-see-content.unlocked {
  border-left: 3px solid var(--accent);
  background-color: var(--card-bg);
  border-radius: 6px;
  padding: 1rem 1.25rem;
  margin: 1rem 0;
}

.reply-to-see-content.unlocked::before {
  content: '🔓 ';
  font-size: 0.85rem;
}

/* ============================================================
   私密评论
   ============================================================ */
.comment-form-private {
  margin: 0.5rem 0 1rem;
  font-size: 0.9rem;
}

.comment-form-private label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  cursor: pointer;
  user-select: none;
}

.comment-form-private input[type="checkbox"] {
  width: auto;
  accent-color: var(--accent);
}

.private-comment .comment-body {
  border-left: 3px solid var(--accent);
  padding-left: 1rem;
  background-color: var(--card-bg);
}

.private-comment .comment-meta::after {
  content: '（仅你可见）';
  color: var(--accent);
  font-size: 0.85rem;
  margin-left: 0.25rem;
}

.private-comment.bypostauthor .comment-meta::after {
  content: '（私密评论）';
  color: var(--accent);
}

/* ============================================================
   AI 聊天窗口（暗色补充）
   ============================================================ */
html.dark .ai-chat-window {
  background-color: var(--card-bg);
  border-color: var(--border);
}

html.dark .ai-chat-msg-bot {
  background-color: var(--accent-bg);
  color: var(--text);
}

html.dark .chat-input-area input {
  background-color: var(--card-bg);
  color: var(--text);
  border-color: var(--border);
}

html.dark .comment-form-private label {
  color: var(--text);
}