/* 小绿书工作区专用样式（assets/modules/mod-xiaolvshu.css）
 * 只用 .xls- 前缀类名，不动全局样式；页面头部自己写 div.page-head，不依赖 TITLES。 */

.xls-head h1 { font-size: 22px; margin: 0 0 8px; }
.xls-head .muted { color: var(--muted, #666); font-size: 14px; }
.xls-draft-note { background: #fff7e0; border: 1px solid #f0d98c; border-radius: 8px; padding: 10px 14px; font-size: 14px; margin: 12px 0; }

.xls-steps { background: #eaf4ec; border: 1px solid #cfe4d5; border-radius: 8px; padding: 10px 14px; font-size: 14px; margin: 0 0 14px; color: #145c39; }
.xls-card h2 { font-size: 18px; margin: 0 0 8px; }

.xls-genres { display: flex; flex-direction: column; gap: 8px; margin: 8px 0; }
.xls-radio { display: block; background: #fff; border: 1px solid var(--border, #e3e3e3); border-radius: 8px; padding: 10px 12px; cursor: pointer; font-size: 14px; line-height: 1.6; }
.xls-radio:hover { border-color: #1e7a4c; }
.xls-radio input { margin-right: 6px; }
.xls-radio .small { color: var(--muted, #666); font-size: 13px; }

.xls-outline-card { background: #f7f3ec; }
.xls-outline-card ol.steps { margin: 8px 0; }

.xls-countbar { height: 10px; background: #e8e8e8; border-radius: 999px; overflow: hidden; margin: 6px 0; }
.xls-countbar-fill { height: 100%; background: #1e7a4c; width: 0%; transition: width .2s ease; }
.xls-total { font-size: 14px; font-weight: 700; color: #145c39; margin: 6px 0 12px; }

.xls-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.xls-grid2 input { width: 100%; font-family: inherit; font-size: 15px; padding: 9px 12px; border: 1px solid var(--border, #e3e3e3); border-radius: 8px; background: #fff; }
.xls-quote { width: 100%; font-family: inherit; font-size: 15px; padding: 9px 12px; border: 1px solid var(--border, #e3e3e3); border-radius: 8px; background: #fff; margin-bottom: 8px; }

.xls-topic { margin: 12px 0; }
.xls-topic h3 { margin: 0 0 6px; }
.xls-topic p { margin: 4px 0; }

ul.xls-checks { list-style: none; padding: 0; margin: 8px 0; }
ul.xls-checks li { padding: 10px 12px; border-radius: 8px; margin-bottom: 8px; font-size: 14px; line-height: 1.6; }
ul.xls-checks li.ok { background: #eaf4ec; border: 1px solid #cfe4d5; }
ul.xls-checks li.bad { background: #fdecea; border: 1px solid #f5c6c0; }
ul.xls-checks li .small { color: var(--muted, #666); font-size: 13px; }

.xls-preview-card { background: #fbfaf7; }
.xls-preview-body { white-space: normal; font-size: 15px; line-height: 1.8; border-top: 1px solid var(--border, #e3e3e3); padding-top: 12px; }

@media (max-width: 760px) {
  .xls-grid2 { grid-template-columns: 1fr; }
}