/* 小红书「失眠实验手记」工作区模块专用样式
 * 只服务 assets/modules/mod-xiaohongshu.js 渲染的页面。
 * 通用按钮 / 卡片 / 输入框复用全局 assets/style.css（.btn / .card / .field / .notice / .toolbar / .badge / .muted / .small）。
 */

/* 页头：模块自己写 div.xhs-head，不依赖 TITLES */
.xhs-head { margin-bottom: 18px; }
.xhs-head h1 { font-size: 22px; margin: 0 0 8px; }
.xhs-head .xhs-lead { color: #333; font-size: 15px; margin: 8px 0; }
.xhs-head .xhs-notice {
  background: #fff7e0; border: 1px solid #f0d98c; border-radius: 8px;
  padding: 10px 14px; font-size: 14px; margin: 12px 0;
}

.xhs-h2 { font-size: 18px; margin: 24px 0 8px; }
.xhs-card h3 { margin-top: 0; }
.xhs-card ul { margin: 6px 0; padding-left: 20px; }
.xhs-card ul li { margin: 4px 0; }

/* 标题字数提示；超建议字数时标琥珀色，只提示不拦截 */
.xhs-count { font-size: 13px; color: #666; margin-top: 4px; }
.xhs-count.xhs-over { color: #8a6d00; font-weight: 700; }

/* 红线提醒：只警告，不硬拦 */
.xhs-redwarn {
  background: #fdecea; border: 1px solid #f5c6c0; border-radius: 8px;
  padding: 10px 14px; font-size: 14px; margin: 12px 0; color: #7a2e26;
}

/* 7 天记录表 */
table.xhs-diary { width: 100%; border-collapse: collapse; font-size: 15px; }
table.xhs-diary th, table.xhs-diary td {
  text-align: left; padding: 8px; border-bottom: 1px solid #e3e3e3; vertical-align: middle;
}
table.xhs-diary th { color: #666; font-size: 13px; }
table.xhs-diary td:first-child { font-weight: 700; white-space: nowrap; }
table.xhs-diary input {
  width: 100%; font-family: inherit; font-size: 15px; padding: 7px 10px;
  border: 1px solid #e3e3e3; border-radius: 8px; background: #fff;
}
table.xhs-diary input::placeholder { color: #bbb; }

/* 4 张信息图预览 */
.xhs-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 18px; margin-top: 16px;
}
.xhs-card-canvas {
  background: #fff; border: 1px solid #e3e3e3; border-radius: 10px; padding: 10px;
}
.xhs-card-canvas canvas {
  width: 100%; height: auto; display: block; border-radius: 6px; aspect-ratio: 3 / 4;
}
.xhs-card-canvas .cap { font-size: 13px; color: #666; margin: 8px 0 6px; }
.xhs-card-canvas .btn { padding: 6px 12px; font-size: 13px; }

/* 文案成品预览 */
.xhs-pre {
  white-space: pre-wrap; word-break: break-word;
  background: #f7f3ec; border: 1px solid #e3e3e3; border-radius: 8px;
  padding: 14px 16px; font-size: 14px; line-height: 1.8;
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  margin: 12px 0; max-height: 420px; overflow-y: auto;
}

@media (max-width: 760px) {
  table.xhs-diary th, table.xhs-diary td { padding: 6px 4px; font-size: 14px; }
  table.xhs-diary input { padding: 6px 8px; font-size: 14px; }
}