/* 自定义颜色变量 */
:root {
    --bs-primary: #007bff;
    --bs-primary-dark: #0056b3;
    --bs-secondary: #6c757d;
    --bs-secondary-dark: #545b62;
    --bs-success: #28a745;
    --bs-success-dark: #1e7e34;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-dark: #343a40;
    --bs-light: #f8f9fa;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #6c757d;
    --bs-gray-600: #495057;
    --bs-gray-700: #343a40;
    --bs-gray-800: #212529;
    --bs-gray-900: #121416;
}

/* 平滑滚动 */
html {
    scroll-behavior: smooth;
}

/* 基础设置 */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f5f7fa;
    color: #333;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* 选择文本样式 */
::selection {
    background-color: var(--bs-primary);
    color: #fff;
}

/* 禁用文本选择 */
.no-select {
    user-select: none;
}

/* 滚动条样式 */
::-webkit-scrollbar {
    width: 0.5rem;
}

::-webkit-scrollbar-track {
    background-color: #f8f9fa;
}

::-webkit-scrollbar-thumb {
    background-color: var(--bs-primary);
    border-radius: 0.25rem;
}

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