样式(styles.css): 调整body和.card-header的背景渐变,并移除.chat-message的悬浮效果

This commit is contained in:
2025-08-29 14:33:13 +08:00
parent 626f8992f6
commit 23b470334d

View File

@@ -24,7 +24,7 @@
body { body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%); background: linear-gradient(135deg, var(--dark-color) 0%, var(--secondary-color) 100%);
min-height: 100vh; min-height: 100vh;
line-height: 1.6; line-height: 1.6;
color: var(--dark-color); color: var(--dark-color);
@@ -53,7 +53,7 @@ body {
} }
.card-header { .card-header {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%); background: linear-gradient(135deg, var(--secondary-color) 0%, var(--secondary-color) 100%);
color: white; color: white;
border-radius: var(--border-radius) var(--border-radius) 0 0 !important; border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
padding: 20px; padding: 20px;
@@ -89,11 +89,13 @@ body {
} }
.btn-primary:hover { .btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4); box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
background: linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%); background: linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%);
} }
.btn-success:hover {
transform: translateY(-2px);
}
.btn-outline-primary { .btn-outline-primary {
border: 2px solid var(--primary-color); border: 2px solid var(--primary-color);
color: var(--primary-color); color: var(--primary-color);
@@ -159,9 +161,6 @@ body {
transition: var(--transition); transition: var(--transition);
} }
.chat-message:hover {
transform: translateX(5px);
}
.chat-message.user { .chat-message.user {
background: #e3f2fd; background: #e3f2fd;
@@ -683,7 +682,7 @@ body {
.accordion-body { .accordion-body {
background: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95);
padding: 20px; padding: 10px;
} }
.accordion-item:first-of-type .accordion-button { .accordion-item:first-of-type .accordion-button {