body {
}
/*.top-div {
            background-color: #000000;*/ /* 黑色背景 */
/*color: #FFFFFF;*/ /* 白色文字 */
/*padding: 20px;*/
/*width: 300px;*/
/*}

        .nav-container {
            position: absolute;
            top: 20px;
            right: 20px;
            background-color: #000000;*/ /* 黑色背景 */
/*color: #FFFFFF;*/ /* 白色文字 */
/*}

        .nav-button {
            background-color: #333333;
            color: white;
            border: 1px solid #555555;
            padding: 8px 15px;
            margin-left: 10px;
            cursor: pointer;
            border-radius: 4px;
        }

            .nav-button:hover {
                background-color: #555555;
            }*/

:root {
    --primary-color: #4e73df;
    --secondary-color: #6f42c1;
    --success-color: #1cc88a;
    --light-bg: #f8f9fc;
}

body {
    background-color: var(--light-bg);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #5a5c69;
}

.navbar {
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}