body {
            background-color: #e8f5e9; /* 浅绿色背景 */
            font-family: 'Nunito', sans-serif; /* 更现代的字体 */
        }

        .navbar {
            background-color: #4caf50; /* 绿色导航栏 */
            margin-bottom: 20px;
            border-radius: 12px; /* 增加圆角 */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 添加阴影 */
        }

        .navbar-brand, .nav-link {
            color: white !important;
        }

        .navbar-brand, .nav-link, .navbar-text {
            color: white !important; /* 将“欢迎”文本颜色改为白色 */
        }

        .navbar-brand:hover, .nav-link:hover {
            color: #c8e6c9 !important; /* 浅绿色悬停效果 */
        }

        .navbar-toggler {
            border: none; /* 去掉边框 */
        }

        .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%288, 8, 8, 0.5%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
        }

        .btn-custom {
            background-color: #388e3c; /* 深绿色按钮 */
            color: white;
            border-radius: 20px;
            transition: background-color 0.3s;
        }

        .btn-custom:hover {
            background-color: #2e7d32; /* 更深的绿色悬停效果 */
        }

        .container {
            padding: 20px;
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }