/* 夸张配色方案 */

body {
    font-family: 'Arial', sans-serif; /* 可以选择更活泼的字体 */
    background-color: #ffcc00; /* 亮黄色背景 */
    color: #333; /* 深灰色文本 */
}

.navbar-brand {
    font-weight: bold;
    color: #ff3366 !important; /* 鲜艳的粉红色品牌文字 */
}

.navbar-light .navbar-nav .nav-link {
    color: #007bff; /* 亮蓝色导航链接 */
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #ff6600; /* 鲜艳的橙色悬停/焦点效果 */
}

.jumbotron.bg-primary {
    background-color: #ff6600 !important; /* 鲜艳的橙色 Hero 区背景 */
    color: #fff !important; /* 白色 Hero 区文本 */
    padding: 4rem 2rem;
    border-radius: 0; /* 去除圆角 */
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1); /* 添加阴影 */
}

.display-4 {
    font-size: 3.5rem;
    font-weight: bolder; /* 更粗的标题字体 */
    text-shadow: 2px 2px 3px rgba(0,0,0,0.2); /* 添加文字阴影 */
}

.btn-warning {
    background-color: #00ff99 !important; /* 鲜艳的绿色按钮背景 */
    border-color: #00ff99 !important;
    color: #333 !important; /* 深灰色按钮文字 */
    font-weight: bold;
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.2); /* 添加按钮阴影 */
}

.btn-warning:hover,
.btn-warning:focus {
    background-color: #00cc77 !important; /* 略微深色的绿色悬停/焦点效果 */
    border-color: #00cc77 !important;
    box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.3); /* 悬停/焦点时阴影更明显 */
}

.section {
    margin-bottom: 2rem;
    padding: 2rem;
    background-color: #f8f9fa; /* 浅灰色 Section 背景 */
    border-radius: 0.5rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.05); /* 添加 Section 阴影 */
}

h2 {
    color: #ff3366; /* 鲜艳的粉红色 Section 标题 */
    font-weight: bolder;
    margin-bottom: 1.5rem;
    border-bottom: 3px dashed #ff3366; /* 虚线标题下划线 */
    padding-bottom: 0.5rem;
}

.card {
    border: none; /* 去除卡片边框 */
    border-radius: 0.75rem;
    box-shadow: 0 0.3rem 0.7rem rgba(0,0,0,0.1); /* 卡片阴影 */
    background-color: #fff; /* 白色卡片背景 */
    margin-bottom: 1.5rem;
}

.card-title {
    color: #007bff; /* 亮蓝色卡片标题 */
    font-weight: bold;
    margin-bottom: 1rem;
}

.card-text {
    color: #555; /* 稍浅的灰色卡片文本 */
}

.footer {
    background-color: #333 !important; /* 深灰色页脚背景 */
    color: #fff !important; /* 白色页脚文本 */
    padding: 1.5rem 0;
}

.footer a {
    color: #fff !important; /* 白色页脚链接 */
    text-decoration: none;
}

.footer a:hover,
.footer a:focus {
    text-decoration: underline; /* 链接悬停/焦点下划线 */
}

.bi-5x { font-size: 5em; } /* 放大图标 */
.bi-3x { font-size: 3em; }

.card-text img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100%;
    height: auto;
}