/* ============================================================
   图标：直接用 App 的 MaterialIcons 字体
   （字体文件 assets/fonts/MaterialIcons-Regular.otf，与 app/build/web 同一份）
   图标继承容器字号与颜色，跟 Flutter 里 Icon(size:xx, color:xx) 一个行为
   ============================================================ */
@font-face {
  font-family: 'MaterialIcons';
  src: url('/assets/fonts/site-icons.otf') format('opentype');
  font-display: block;
}
.mi {
  font-family: 'MaterialIcons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
  speak: never;
  font-size: 22px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* 各处尺寸：照 App 的 Icon(size:) */
.brand-search .mi { font-size: 18px; }
.cat-tile .mi { font-size: 22px; }
.quick .mi { font-size: 18px; }
.card-expose .mi { font-size: 13px; }
.tabbar .tab .ic .mi { font-size: 22px; }
.tabbar .pub .fab .mi { font-size: 24px; }
.empty .ic .mi { font-size: 40px; }
.mu-edit .mi { font-size: 15px; }
.ms-insight .mi { font-size: 17px; }
.mq .mi { font-size: 18px; }
.mvip-ic .mi { font-size: 18px; }
.row .mi { font-size: 20px; }