55 lines
1.0 KiB
CSS
55 lines
1.0 KiB
CSS
/* assets/style.css */
|
|
|
|
/* 全局字体 */
|
|
body {
|
|
font-family: "微软雅黑", "Microsoft YaHei", sans-serif;
|
|
background-color: #f0f4f8;
|
|
}
|
|
|
|
/* 标题栏 */
|
|
.app-header {
|
|
background-color: #2E8B57; /* SeaGreen */
|
|
color: white;
|
|
}
|
|
|
|
/* 卡片通用样式 */
|
|
.func-card {
|
|
width: 100%;
|
|
padding: 1rem;
|
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
background-color: white;
|
|
border-radius: 0.5rem;
|
|
}
|
|
|
|
/* 核心功能区顶部边框 */
|
|
.card-core {
|
|
border-top: 4px solid #16a34a; /* green-600 */
|
|
}
|
|
|
|
/* 数据管理区顶部边框 */
|
|
.card-data {
|
|
border-top: 4px solid #3b82f6; /* blue-500 */
|
|
}
|
|
|
|
/* 系统操作区顶部边框 */
|
|
.card-system {
|
|
border-top: 4px solid #ef4444; /* red-500 */
|
|
}
|
|
|
|
.card-logging {
|
|
border-top: 4px solid #9c1be0;
|
|
}
|
|
|
|
/* 标题文字 */
|
|
.section-title {
|
|
font-size: 1.125rem;
|
|
font-weight: 700;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
/* 绿色标题 */
|
|
.text-green { color: #166534; }
|
|
/* 蓝色标题 */
|
|
.text-blue { color: #1e40af; }
|
|
/* 红色标题 */
|
|
.text-red { color: #991b1b; } |