/* R1.3 阅读方式：切换条、顺读哨兵、音频位（演示） */

.r13-readbar {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 10px 0 4px;
  padding: 4px;
  border: 1px solid #ddd0b8;
  border-radius: 999px;
  background: #f7f0e3;
  font-size: 12.5px;
}
.r13-readbar-label {
  flex: 0 0 auto;
  padding: 0 4px 0 8px;
  color: #8a7c66;
  letter-spacing: .08em;
}
.r13-readbar button {
  flex: 1 1 0;
  min-height: 36px;
  padding: 0 8px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #5d5346;
  font: inherit;
  font-size: 13px;
}
.r13-readbar button.on {
  background: #342f29;
  color: #f8f2e7;
}
.r13-readbar .r13-readbar-sample {
  flex: 0 0 auto;
  padding: 0 12px;
  color: #93392b;
  border-left: 1px solid #ddd0b8;
  border-radius: 0 999px 999px 0;
}

/* 顺读哨兵：不占视觉，只做「读到这儿了」的判定位 */
.r13-sentinel { height: 1px; margin: 0; }

.r13-stopnote {
  margin: 10px 0 0;
  padding: 8px 12px;
  border-left: 2px solid #93392b;
  background: #f7efe4;
  color: #6b4a3a;
  font-size: 12.5px;
  line-height: 1.6;
}

/* 音频位：位置时钟（本轮无配音）。贴在正文上方，滚动时留在顶部 */
.r13-audio {
  position: sticky;
  top: 0;
  z-index: 6;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 4px 8px;
  margin: 8px 0 2px;
  padding: 8px 10px;
  border: 1px solid #ddd0b8;
  border-radius: 10px;
  background: #f7f0e3;
  box-shadow: 0 4px 10px #342f2914;
  font-size: 12px;
  color: #6b6154;
}
.r13-audio button {
  grid-column: 1;
  grid-row: 1;
  flex: 0 0 auto;
  min-height: 36px;
  min-width: 56px;
  padding: 0 12px;
  border: 1px solid #c9b99b;
  border-radius: 8px;
  background: #fffaf0;
  color: #342f29;
  font: inherit;
}
.r13-audio-track { grid-column: 2; grid-row: 1; display: flex; align-items: center; gap: 6px; min-width: 0; }
.r13-audio-track input { flex: 1 1 auto; min-width: 0; accent-color: #93392b; }
.r13-audio-time { flex: 0 0 auto; font-variant-numeric: tabular-nums; letter-spacing: .01em; font-size: 11.5px; }
.r13-audio-note { grid-column: 1 / -1; grid-row: 2; color: #9a8b74; font-size: 11px; }

/* R1.3.1 玩家版：抬头右侧一个极小的「阅读」入口（不是常驻操作栏） */
.r13-entry {
  flex: 0 0 auto;
  margin-left: auto;
  min-height: 32px;
  padding: 0 8px;
  border: 0;
  background: none;
  color: #8a7c66;
  font: inherit;
  font-size: 12px;
  letter-spacing: .06em;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.r13-mode-list { list-style: none; margin: 12px 0; padding: 0; border-top: 1px solid #ddd0b8; }
.r13-mode-list li { border-bottom: 1px solid #ddd0b8; }
.r13-mode-list button {
  width: 100%;
  display: block;
  min-height: 52px;
  padding: 12px 4px;
  border: 0;
  background: transparent;
  text-align: left;
  font: inherit;
  color: #342f29;
}
.r13-mode-list button.on { background: #f7efe4; }
.r13-mode-list b { display: block; font-size: 15px; font-weight: 600; }
.r13-mode-list button.on b { color: #93392b; }
.r13-mode-list span { display: block; margin-top: 3px; font-size: 12.5px; color: #6b6154; line-height: 1.55; }

/* 样板清单 */
.r13-sample-list { list-style: none; margin: 12px 0; padding: 0; border-top: 1px solid #ddd0b8; }
.r13-sample-list li { border-bottom: 1px solid #ddd0b8; }
.r13-sample-list button {
  width: 100%;
  display: block;
  padding: 12px 4px;
  border: 0;
  background: transparent;
  text-align: left;
  font: inherit;
  color: #342f29;
}
.r13-sample-list b { display: block; font-size: 14px; font-weight: 600; }
.r13-sample-list span { display: block; margin-top: 2px; font-size: 12.5px; color: #6b6154; }
.r13-sample-note { font-size: 12px; color: #8a7c66; line-height: 1.6; }

@media (max-width: 360px) {
  .r13-readbar-label { display: none; }
  .r13-audio-note { display: none; }
}