/* 思源黑体:文件放在 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; }