/* ============================================================
   LoyalBrew 顾客端基础排版规范 v1.1
   统一字体、间距、行高，确保跨页面一致性
   ============================================================ */

/* ---- 基础字体与基准 ---- */
:root {
  --font-base: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-size-base: 14px;
  --line-height-base: 1.5;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 20px;
}

/* ---- 全局重置（仅影响本项目，不影响其他模块） ---- */
*{box-sizing:border-box;margin:0;padding:0}

/* 全局基准：body */
body{
  font-family:var(--font-base);
  font-size:var(--font-size-base);
  line-height:var(--line-height-base);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* 移除冲突的 body padding-bottom（由 customer.css 控制） */
/* 仅在未显式设置 padding-bottom 的页面恢复默认 */
body[style*="padding-bottom:70px"]{padding-bottom:0}
body[style*="padding-bottom:80px"]{padding-bottom:0}

/* ---- 头部排版 ---- */
.topbar h3{
  font-size:18px;
  font-weight:700;
  color:#111827;
}

/* 统一 h1/h2/h3 尺寸（仅在未被更具体规则覆盖时生效） */
.topbar h1,
.topbar h2,
.topbar h3{
  margin:0;
  font-size:inherit;
  font-weight:inherit;
  color:inherit;
}

/* ---- 内容区排版 ---- */
.content{
  /* 保留原有 padding，防止干扰布局 */
}

/* 卡片基准 */
.card,.c-card{
  font-size:14px;
  line-height:1.5;
}

/* 按钮基准 */
.btn{
  font-size:14px;
}

/* 表单基准 */
.form-group{
  margin-bottom:var(--space-md);
}
.form-group label{
  font-size:13px;
  font-weight:500;
  margin-bottom:6px;
}
.form-group input,.form-group select,.form-group textarea{
  width:100%;
  padding:10px 12px;
  border:1px solid var(--c-line);
  border-radius:10px;
  font-size:14px;
  font-family:inherit;
}

/* ---- 列表与项目 ---- */
.list-item{
  padding:var(--space-sm) 0;
  border-bottom:1px solid var(--c-line);
}
.list-item:last-child{border-bottom:none}

/* ---- 表格排版 ---- */
th{
  font-size:12px;
  font-weight:600;
  color:var(--c-t3);
  padding:var(--space-sm) 0;
}
td{
  font-size:13px;
  color:var(--c-t2);
  padding:var(--space-sm) 0;
}

/* ---- 间距重置（仅在需要覆盖时使用） */
.mt-sm{margin-top:var(--space-sm)}
.mt-md{margin-top:var(--space-lg)}
.mb-sm{margin-bottom:var(--space-sm)}
.mb-md{margin-bottom:var(--space-lg)}
/* ---- 结束 ---- */