视图不能直接当物理维度表用，但可作逻辑维度层封装；需要省名时，再从 v_dim_store_with_city JOIN dim_province兼容性影响：BigQuery 标准 SQL 对多层视图嵌套深度有限制（默认 10 层），雪花模型若用 5 层视图套娃（v_dim_a → v_dim_b → ...），可能报 Resources exceeded during query executi

...</div><div class="row mt-4">...

但其内部子元素（如 .header_icon、.header_txt_frame、.header_menu_container）若采用 position: relative 并设置 top: 30% 或 left: 6%，这些百分比将基于元素自身的原始高度/宽度计算（而非父容器），导致定位不可预测、难以对齐。/* 移除 top/left，由 flex 自动对齐 */}.header_txt_fra

必须在直接父容器上设置 container-type: inline-size（最常用）或 container-type: size（需同时设宽高）不能靠继承，也不能设在 body 或远祖元素上——只对**最近的、有 container-type 的祖先**生效如果父容器是 flex/grid 项，注意它可能被压缩到 0 宽，导致 inline-size 查询始终为 0container-name

constructor() 集中声明初始化行为，避免分散在函数体各处static 关键字直白标出工具方法或类级别状态，无需靠命名约定（如 Utils.create()）暗示方法定义天然属于实例作用域，消除了 this 绑定歧义带来的阅读负担继承表达更接近自然语言extends + super() 的组合比 Parent.call(this) + Object.setPrototypeOf(Chil