/* 顶栏出图分辨率快速切换（1K / 2K / 4K）
   与 refined-theme 的浅色按钮体系统一；深色皮肤下也保持可读。
   只负责外观，逻辑在 book.js 的 renderResolutionQuick / switchResolution。 */

.book-res-quick[hidden] { display: none !important; }

.book-res-quick {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border: 1px solid #b8c7bc;
  border-radius: 10px;
  background: #f9fbf6d9;
  box-shadow: 0 4px 10px #586b6214;
}

.book-res-quick .book-res-quick-cap {
  padding: 0 5px 0 7px;
  color: #7b968c;
  font-size: 10px;
  letter-spacing: .5px;
  white-space: nowrap;
}

.book-res-quick button {
  min-height: 25px;
  padding: 0 9px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #5d7b73;
  font: 600 10px/1 "Manrope", "Noto Sans SC", sans-serif;
  letter-spacing: .4px;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.book-res-quick button:hover {
  border-color: #c9d6c9;
  background: #eef5ec;
  color: #45645d;
}

.book-res-quick button.active {
  border-color: #e1c260;
  background: linear-gradient(135deg, #e7c86a, #f3dc91);
  color: #57451f;
  box-shadow: 0 3px 8px #c6a04b37;
}

.book-res-quick button:disabled,
.book-res-quick.is-busy button {
  opacity: .55;
  cursor: not-allowed;
  pointer-events: none;
}

.book-res-quick em {
  padding: 0 8px 0 4px;
  color: #6f8a80;
  font: 10px/1 "DM Mono", "Menlo", monospace;
  font-style: normal;
  white-space: nowrap;
}

.book-res-quick em:empty { display: none; }

/* 顶栏按钮多，允许换行，避免挤压面包屑 */
.book-top-actions { flex-wrap: wrap; row-gap: 7px; justify-content: flex-end; }

@media (max-width: 1180px) {
  .book-res-quick .book-res-quick-cap { display: none; }
  .book-res-quick em { display: none; }
}