/* 世界视图（U-3）。
 * 复用 base.css 的设计令牌（--paper/--ink/--accent/--rule…）。
 * 单 accent、hairline、无阴影无渐变，与阅读页同一套视觉语言。
 */

#worldViewBody {
  padding: var(--sp-6) var(--sp-7) var(--sp-7);
  max-width: 960px;
}

.wd-head {
  display: flex; align-items: center; gap: var(--sp-3);
  flex-wrap: wrap; margin-bottom: var(--sp-3);
}
.wd-title {
  font-family: "Songti SC", "SimSun", serif;
  font-size: var(--fs-xl); font-weight: 600; letter-spacing: .02em;
  margin-right: auto;
}
.wd-hint {
  color: var(--ink-3); font-size: var(--fs-sm);
  margin: 0 0 var(--sp-5);
  line-height: 1.7;
}

.wd-btn, .wd-btn-ghost, .wd-btn-primary {
  font-family: inherit; font-size: var(--fs-sm);
  border: 1px solid var(--rule); border-radius: var(--radius);
  background: transparent; color: var(--ink-2);
  padding: 6px 12px; cursor: pointer; line-height: 1.4;
}
.wd-btn:hover, .wd-btn-ghost:hover { border-color: var(--ink-3); color: var(--ink); }
.wd-btn-primary {
  border-color: var(--accent); color: var(--accent);
}
.wd-btn-primary:hover { background: var(--accent); color: var(--paper); }

.wd-list { display: flex; flex-direction: column; gap: var(--sp-4); }

.wd-card {
  border: 1px solid var(--rule); border-radius: var(--radius);
  padding: var(--sp-4) var(--sp-5); background: var(--paper);
}
.wd-card-top {
  display: flex; align-items: baseline; gap: var(--sp-3);
  flex-wrap: wrap; margin-bottom: var(--sp-3);
}
.wd-name {
  font-family: "Songti SC", "SimSun", serif;
  font-size: var(--fs-lg); font-weight: 600;
}
.wd-summary { color: var(--ink-3); font-size: var(--fs-sm); }

.wd-books {
  display: flex; align-items: center; gap: var(--sp-2);
  flex-wrap: wrap; margin-bottom: var(--sp-3);
  font-size: var(--fs-sm);
}
.wd-books-label { color: var(--ink-3); }
.wd-empty { color: var(--ink-3); font-style: italic; }
.wd-book-tag {
  font-family: inherit; font-size: var(--fs-xs);
  border: 1px solid var(--rule-2); border-radius: var(--radius);
  background: var(--paper-2); color: var(--ink-2);
  padding: 3px 9px; cursor: pointer;
}
.wd-book-tag:hover { border-color: var(--accent); color: var(--accent); }

.wd-acts { display: flex; gap: var(--sp-2); }

/* hidden 一律生效（这些块是 flex，会盖掉浏览器对 [hidden] 的默认 display:none） */
#worldPane[hidden] { display: none; }


/* 世界背景（多行） */
.wd-summary-body {
  margin: var(--sp-1) 0 var(--sp-3); padding: var(--sp-2) var(--sp-3);
  border-left: 2px solid var(--rule-2); color: var(--ink-2);
  font-size: var(--fs-sm); line-height: 1.7; white-space: pre-wrap;
}
.wd-summary-empty { margin: var(--sp-1) 0 var(--sp-3); color: var(--ink-3);
  font-size: var(--fs-xs); font-style: italic; }

.wd-toggle { display:inline-flex; align-items:center; gap:var(--sp-2);
  font-size:var(--fs-sm); color:var(--ink-3); margin-bottom:var(--sp-4); cursor:pointer; }
.wd-toggle input { margin:0; }