/* ==========================================================================
   图表容器公共高度类（GhChart / ECharts 容器唯一真相源）
   --------------------------------------------------------------------------
   为什么必须是静态 CSS 而不是 JS 运行时注入：
   ECharts 容器自身没有内容撑高，高度全靠这几个类。若等 chart-render.js 执行
   才注入样式，首屏排版时容器高度为 0；区域页 / 详情页的图表数据还要等接口
   （api/pc/macro/chart/{id}、api/pc/macro/channel/{code}/region/{id}/data）
   回来才渲染，几百毫秒后一次性撑出 320px，把下面的表格、地图整块往下顶 ——
   就是「图表出来时页面挤压位移」。放进 head 引入的 CSS，首屏即占位。
   PC 端由 pc/layout/head.html 引入，手机端由 mobile/layout/head.html 引入。
   ========================================================================== */

/* 父容器自带高度时用（父容器必须是 height 而非 min-height，否则 100% 取不到） */
.gh-chart { width: 100%; height: 100%; }

/* 自带固定高度，父容器无需设高 */
.gh-chart-320 { width: 100%; height: 320px; }
.gh-chart-420 { width: 100%; height: 420px; }