@@ -706,12 +706,27 @@
|
|||||||
.stats-card {
|
.stats-card {
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
height: 120px;
|
height: 120px;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: #f9fbff;
|
||||||
|
border: 1px solid #d6e6ff;
|
||||||
|
box-shadow: 0 6px 16px rgba(11, 29, 51, 0.06);
|
||||||
|
}
|
||||||
|
.stats-card::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: #5bd3ff;
|
||||||
|
box-shadow: 0 0 10px rgba(91, 211, 255, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
.chart-container {
|
.chart-container {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
background-color: #f9fbff;
|
background-color: #f7faff;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border: 1px solid #d6e6ff;
|
border: 1px solid #d6e6ff;
|
||||||
box-shadow: 0 6px 16px rgba(11, 29, 51, 0.06);
|
box-shadow: 0 6px 16px rgba(11, 29, 51, 0.06);
|
||||||
@@ -787,5 +802,17 @@
|
|||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 首页卡片统一冷色面板感 */
|
||||||
|
.content .el-card {
|
||||||
|
background: #f9fbff;
|
||||||
|
border: 1px solid #d6e6ff;
|
||||||
|
box-shadow: 0 6px 16px rgba(11, 29, 51, 0.06);
|
||||||
|
}
|
||||||
|
.content .el-card__header {
|
||||||
|
background: #f2f7ff;
|
||||||
|
border-bottom: 1px solid #d6e6ff;
|
||||||
|
color: #2a3b55;
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
Reference in New Issue
Block a user