/* TodoCMS 站点切换器样式 */

/* 基础样式 */
.todo-site-switcher { position: relative; display: flex; font-family: inherit; }
.todo-site-switcher .site-name { font-size: 12px; display: inline-block; word-break: keep-all; }
.todo-site-switcher .site-default-badge { font-size: 10px; color: #fff; background: rgba(0, 0, 0, 0.3); padding: 1px 5px; border-radius: 3px; margin-left: 4px; vertical-align: middle; }

/* 下拉菜单样式 */
.todo-site-switcher.dropdown-style { position: relative; }
.todo-site-switcher.dropdown-style .current-site { align-self: center; display: flex; align-items: center; padding: 5px 10px; background: none; border: 1px solid transparent; cursor: pointer; font-size: 13px; color: #999; text-decoration: none; transition: all 0.2s ease; }
.todo-site-switcher.dropdown-style .current-site:hover { color: #333; }
.todo-site-switcher.dropdown-style .current-site i { margin-left: 3px; font-size: 11px; }
.todo-site-switcher.dropdown-style .site-dropdown-list { position: absolute; top: 120%; left: 0; background: #fff; border: 1px solid #efefef; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); z-index: 1000; max-height: 200px; min-width: 120px; overflow-y: auto; }
.todo-site-switcher.dropdown-style .site-option { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; color: #333; text-decoration: none; transition: background-color 0.2s ease; border-bottom: 1px solid #eee; }
.todo-site-switcher.dropdown-style .site-option:last-child { border-bottom: none; }
.todo-site-switcher.dropdown-style .site-option:hover { background: #f5f5f5; }

/* 列表样式 */
.todo-site-switcher.site-list-style { list-style: none; margin: 0; padding: 0; display: flex; gap: 8px; }
.todo-site-switcher.site-list-style li { margin: 0; padding: 0; }
.todo-site-switcher.site-list-style a { display: flex; align-items: center; padding: 6px 10px; color: #666; text-decoration: none; border-radius: 3px; transition: all 0.2s ease; font-size: 13px; }
.todo-site-switcher.site-list-style a:hover { background: #f0f0f0; color: #333; }
.todo-site-switcher.site-list-style .current a { background: #0073aa; color: #fff; }
.todo-site-switcher.site-list-style .current a:hover { background: #005a87; }

/* 响应式 */
@media (max-width: 768px) {
  .todo-site-switcher.dropdown-style .current-site { padding: 6px 10px; font-size: 12px; }
  .todo-site-switcher.dropdown-style .site-option { padding: 6px 10px; font-size: 12px; }
}

/* 动画效果 */
.todo-site-switcher.dropdown-style .site-dropdown-list { opacity: 0; transform: translateY(-10px); transition: all 0.2s ease; }
.todo-site-switcher.dropdown-style .site-dropdown-list.show { opacity: 1; transform: translateY(0); }