huimv-baqing/ruoyi-screen/src/style.css

/* 思源黑体：文件放在 public/font，构建后路径为 /font/... */
@font-face {
  font-family: "Source Han Sans SC";
  src: url("/font/SourceHanSansSC.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* 大屏全局：占满视口、去掉默认边距，避免 Vite 模板里 #app 定宽影响 21:9 缩放 */
html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--screen-bg);
  font-family: "Source Han Sans SC", "Microsoft YaHei", sans-serif;
}

#app {
  width: 100%;
  height: 100%;
  margin: 0;
}

/* 双语块：上行汉语，下行藏文（符合 doc/可视化大屏.md） */
.bilingual {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  line-height: 1.35;
}

.bilingual__zh {
  font-size: inherit;
  font-weight: 600;
  color: #e8eef5;
}

.bilingual__bo {
  font-size: 0.85em;
  font-weight: 400;
  color: #9fb0c3;
}

/* 路由页面根节点：在 ScreenLayout 的 screen-body 内撑满剩余高度 */
.screen-page {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  /* 中间地图区域无面板，点击穿透到底图 */
  pointer-events: none;
}

.screen-page > * {
  pointer-events: auto;
}