/* 根目录 *.html 落地页共用：顶栏、版心、页脚 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  color: #333;
  background: #f8f9fa;
  min-height: 100vh;
  -webkit-text-size-adjust: 100%;
  padding-bottom: env(safe-area-inset-bottom, 0);
}
.mi {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.top-bar {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 8px 12px;
  padding-top: max(8px, env(safe-area-inset-top));
  background: rgba(255,255,255,0.96);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 1px 0 rgba(0,0,0,0.04);
}
.top-bar .back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-left: -4px;
  color: #256E55;
  text-decoration: none;
  border-radius: 10px;
}
.top-bar .back:active { background: rgba(37,110,85,0.08); }
/*
  返回图标改用内联 SVG，不再用 Material Icons 的 ligature 文字符号
  —— 那套图标字体来自 Google Fonts，国内经常加载不出来，
  加载失败时页面上会直接显示 "arrow_back" 这几个英文字母。
*/
.top-bar .back .back-icon { display: block; width: 24px; height: 24px; }
.top-bar .title {
  flex: 1;
  font-size: 17px;
  font-weight: 700;
  color: #1a1a1a;
  text-align: center;
  margin-right: 40px;
}
.wrap { max-width: 640px; margin: 0 auto; padding: 0 16px 32px; }
.footer-note {
  text-align: center;
  padding: 24px 16px;
  font-size: 11px;
  color: #bbb;
  line-height: 1.8;
}