@charset "utf-8";

html { height: 100%; }

body.大屏主体 { width: 100%; height: 100%; margin: 0; overflow: hidden; background: #122031; }

header.大屏页眉 { width: 100%; height: 5rem; overflow: hidden; }

h1.大屏大标题 { text-align: center; color: #a0c4ff; }

main.大屏主要 { width: 100%; height: calc(100% - 6rem); overflow: hidden; display: flex; }

article.左侧文章 { flex: 1; display: flex; flex-direction: column; justify-content: space-around; }

article.中部文章 { flex: 2; display: flex; flex-direction: column; }

.核心分区 { flex: 0 0 66.67%; }

.底部分区 { flex: 0 0 33.33%; display: flex; align-items: center; overflow: hidden; }

article.右侧文章 { flex: 1; display: flex; flex-direction: column; justify-content: space-around; }

section.指标部分 { width: calc(100% - 2rem); height: 10rem; margin: 1rem; border-radius: 1rem; border: 1px solid rgba(64, 128, 255, 0.25); box-shadow: 0 15px 35px rgba(0, 10, 30, 0.8), inset 0 0 20px rgba(0, 180, 255, 0.15); }

section.指标部分:hover { border-color: #2f7cf0; box-shadow: 0 18px 40px rgba(0, 60, 130, 0.9), inset 0 0 25px #1a53ff40; }

h3.指标中标题 { margin: .1rem .5rem; color: #a0c4ff; border-bottom: .1px solid #375381; }

footer.大屏页脚 { width: 100%; height: 1rem; overflow: hidden; }