/* theme.css — 视觉皮肤：按钮、正文排印色、状态条、清单等
   来源：原站内联 <style>。仅做文件拆分，未改任何取值与行为。 */

/* 标题画面文字 */
#titleScreen h1 {
  font-size: clamp(2.4rem, 7vw, 4.2rem);
  letter-spacing: .35em; text-indent: .35em;
  color: var(--ember-dark);
  text-shadow: 0 2px 0 rgba(255, 255, 255, .5), 0 4px 18px rgba(140, 70, 30, .25);
  margin-bottom: .5rem;
}

/* ── 按钮 ── */
.btn {
  font-family: inherit; font-size: 1.05rem;
  background: linear-gradient(180deg, #f8efd8, var(--parchment-dark));
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: .7rem 2.2rem;
  margin: .4rem;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(90, 70, 40, .18);
  transition: all .18s ease;
  letter-spacing: .12em;
}
.btn:hover:not(:disabled) {
  background: linear-gradient(180deg, #fdf6e4, #ecd9ae);
  box-shadow: 0 4px 14px rgba(90, 70, 40, .28);
  transform: translateY(-1px);
}
.btn:disabled { opacity: .35; cursor: not-allowed; }
.btn.primary { background: linear-gradient(180deg, #c9784a, var(--ember)); color: #fdf6e4; border-color: var(--ember-dark); }
.btn.primary:hover:not(:disabled) { background: linear-gradient(180deg, #d98a5c, #b0542f); }
.btn.small { font-size: .85rem; padding: .35rem .9rem; }
.btn.ghost { background: transparent; box-shadow: none; border-color: var(--line); }

/* ── 正文排印色 ── */
#storyText p { margin-bottom: .9em; }
#storyText .italic { font-style: italic; color: var(--ink-soft); }
#storyText .speaker { font-weight: bold; color: var(--ember-dark); }
#storyText .memory { color: var(--moss); font-style: italic; border-left: 3px solid var(--moss); padding-left: .8rem; margin: 1em 0; }
#storyText .combat { color: var(--ember); }
#storyText .gold-add { color: var(--gold); font-weight: bold; }
#storyText .hint { color: var(--ink-soft); font-size: .92rem; }

/* ── 状态面板 ── */
.stat-row { display: flex; justify-content: space-between; font-size: .98rem; padding: .18rem 0; }
.stat-row .lbl { color: var(--ink-soft); }
.stat-row .val { font-weight: bold; }
.val.gold { color: var(--gold); }
.val.hp { color: var(--ember); }
.hp-bar { height: 10px; background: var(--parchment-dark); border-radius: 5px; margin-top: .3rem; overflow: hidden; }
.hp-bar > div { height: 100%; background: linear-gradient(90deg, var(--ember), #d98a5c); border-radius: 5px; transition: width .4s ease; }

/* ── 背包 / 手记 ── */
#itemList { font-size: .92rem; line-height: 1.7; min-height: 2.5em; }
#itemList .item { display: flex; justify-content: space-between; }
#itemList .item .qty { color: var(--ink-soft); }
#itemList .empty { color: var(--ink-soft); font-style: italic; }
#logList { font-size: .85rem; line-height: 1.6; color: var(--ink-soft); max-height: 160px; overflow-y: auto; }
#logList .entry { border-bottom: 1px dotted var(--line); padding: .25rem 0; }
#logList .entry:last-child { border-bottom: none; }

/* ── 结局文字色 ── */
#endingText .italic { font-style: italic; color: #c9b284; }

/* ── toast 显示态 ── */
.toast.show { opacity: .92; }