/* 主题定义 */
.theme-light {
    --bg-color: #ffffff;
    --text-color: #333333;
    --sidebar-bg: #f5f5f5;
    --border-color: #dddddd;
    --hover-color: #e6e6e6;
}

.theme-dark {
    --bg-color: #1a1a1a;
    --text-color: #ffffff;
    --sidebar-bg: #2d2d2d;
    --border-color: #404040;
    --hover-color: #3d3d3d;
}

.theme-blue {
    --bg-color: #f0f8ff;
    --text-color: #000066;
    --sidebar-bg: #e6f3ff;
    --border-color: #99ccff;
    --hover-color: #cce6ff;
}

.theme-green {
    --bg-color: #f0fff0;
    --text-color: #006600;
    --sidebar-bg: #e6ffe6;
    --border-color: #99ff99;
    --hover-color: #ccffcc;
}

.theme-purple {
    --bg-color: #f8f0ff;
    --text-color: #4b0082;
    --sidebar-bg: #f3e6ff;
    --border-color: #cc99ff;
    --hover-color: #e6ccff;
}

.theme-orange {
    --bg-color: #fff5eb;
    --text-color: #cc5500;
    --sidebar-bg: #ffe6cc;
    --border-color: #ffcc99;
    --hover-color: #ffd9b3;
}

.theme-pink {
    --bg-color: #fff0f5;
    --text-color: #c71585;
    --sidebar-bg: #ffe6f0;
    --border-color: #ffb6c1;
    --hover-color: #ffc0cb;
}

.theme-gray {
    --bg-color: #f5f5f5;
    --text-color: #4d4d4d;
    --sidebar-bg: #e6e6e6;
    --border-color: #cccccc;
    --hover-color: #d9d9d9;
}

.theme-ocean {
    --bg-color: #f0ffff;
    --text-color: #006666;
    --sidebar-bg: #e6ffff;
    --border-color: #99ffff;
    --hover-color: #ccffff;
}

.theme-sunset {
    --bg-color: #fff2e6;
    --text-color: #cc3300;
    --sidebar-bg: #ffe6cc;
    --border-color: #ffcc99;
    --hover-color: #ffd9b3;
}

/* 主题切换器样式 */
.theme-switcher {
    flex: 0 0 auto;
    padding: 10px;
}

.theme-switcher select {
    padding: 8px 15px;
    border-radius: 4px;
    border: 1px solid var(--border-color);
    background: var(--bg-color);
    color: var(--text-color);
    font-size: 1em;
    cursor: pointer;
    transition: all 0.3s ease;
}

.theme-switcher select:hover {
    background: var(--hover-color);
}

.theme-switcher select:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--border-color);
}