/* 基础样式 - CSS变量、重置样式和全局样式 */

/* CSS 自定义属性 (变量) */
:root {
    --primary-color: #8b5cf6;
    --secondary-color: #6366f1;
    --background-color: #202124;
    --sidebar-bg: #171717;
    --chat-bg: #202124;
    --text-color: #e8eaed;
    --text-muted: #9aa0a6;
    --border-color: #3c4043;
    --user-message-bg: #8b5cf6;
    --user-message-text: #ffffff;
    --assistant-message-bg: #292a2d;
    --assistant-message-text: #e8eaed;
    --error-color: #f28b82;
    --success-color: #81c995;
    --warning-color: #fdd663;
    --info-color: #8b5cf6;
    --card-bg: #292a2d;
    --hover-bg: #3c4043;
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --sidebar-width: 280px;
    --header-height: 60px;
}

/* 基本重置 */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* 全局样式 */
html, body {
    height: 100%;
    font-family: var(--font-family);
    background-color: var(--background-color);
    color: var(--text-color);
}

/* 只在主应用页面隐藏overflow，认证页面和管理页面允许滚动 */
body:not(.auth-page):not(.admin-page) {
    overflow: hidden;
}

/* 通用工具类 */
.hidden {
    display: none !important;
}

/* 滚动条样式 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--background-color);
}

::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color);
}

/* 选择文本样式 */
::selection {
    background-color: rgba(138, 180, 248, 0.3);
    color: var(--text-color);
}

/* 基础动画 */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

@keyframes blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}