/* 配色面板样式（原在 Typecho footer.php 的内联 style 里，v2.css 未包含）。
   8 套配色的变量本身已由 v2.min.css 提供，这里只补面板 UI。 */

#qiwi-palette-panel, #qiwi-palette-panel * { box-sizing: border-box !important; margin: 0; padding: 0; }
#qiwi-palette-panel {
  position: fixed !important; 
  width: 220px !important; 
  background: var(--v2-surface, #fff) !important;
  border: 1px solid var(--v2-border-soft, #eee) !important;
  border-radius: 12px !important; 
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
  padding: 16px !important; 
  z-index: 99999 !important; 
  text-align: left !important;
  opacity: 0 !important; 
  visibility: hidden !important; 
  transform: translateY(10px) !important;
  transition: opacity .2s ease, transform .2s ease, visibility .2s !important;
}
#qiwi-palette-panel.is-open { 
  opacity: 1 !important; 
  visibility: visible !important; 
  transform: translateY(0) !important; 
}
#qiwi-palette-panel .theme-segment {
  display: flex !important; 
  background: var(--v2-bg, #f5f5f5) !important;
  border-radius: 8px !important; 
  padding: 4px !important; 
  margin-bottom: 12px !important;
  border: 1px solid var(--v2-border-soft, #eee) !important;
}
#qiwi-palette-panel .theme-btn {
  flex: 1 !important; 
  display: flex !important; 
  justify-content: center !important; 
  align-items: center !important;
  height: 32px !important; 
  background: transparent !important; 
  border: 1px solid transparent !important;
  border-radius: 6px !important; 
  color: var(--v2-muted, #888) !important; 
  cursor: pointer !important; 
  transition: all .2s !important;
}
#qiwi-palette-panel .theme-btn:hover { color: var(--v2-text, #333) !important; }
#qiwi-palette-panel .theme-btn.is-active {
  background: var(--v2-surface, #fff) !important; 
  color: var(--v2-text, #333) !important;
  border-color: var(--v2-border-soft, #ddd) !important; 
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

/* ====== 这里去掉了限制高度和滚动条，完美展示 8 个选项 ====== */
#qiwi-palette-panel .palette-list {
  display: flex !important; 
  flex-direction: column !important; 
  gap: 4px !important;
  /* 不再设置 max-height 和 overflow，面板自然撑开 */
}

#qiwi-palette-panel .palette-item {
  display: flex !important; 
  align-items: center !important; 
  width: 100% !important;
  padding: 8px 10px !important; 
  background: transparent !important; 
  border: none !important;
  border-radius: 8px !important; 
  cursor: pointer !important; 
  text-align: left !important; 
  transition: background .2s !important;
}
#qiwi-palette-panel .palette-item:hover,
#qiwi-palette-panel .palette-item.is-active { 
  background: var(--v2-bg, #f5f5f5) !important; 
}
#qiwi-palette-panel .p-icon {
  width: 18px !important; 
  height: 18px !important; 
  border-radius: 50% !important; 
  margin-right: 10px !important; 
  flex-shrink: 0 !important;
  background: linear-gradient(135deg, var(--pc1) 50%, var(--pc2) 50%) !important; 
  border: 1px solid var(--v2-border-soft, #ddd) !important;
}
#qiwi-palette-panel .p-name { 
  flex: 1 !important; 
  font-size: 0.85rem !important; 
  color: var(--v2-text, #333) !important; 
}
#qiwi-palette-panel .p-check { 
  color: var(--v2-accent, #b58b6b) !important; 
  font-weight: bold !important; 
  opacity: 0 !important; 
  transition: opacity .2s !important; 
}
#qiwi-palette-panel .palette-item.is-active .p-check { 
  opacity: 1 !important; 
}