/* ============================================================
   template.css — 5 类页面模板公共工具类（2026-09-19）
   由模板内联 style 迁移而来，配合 chengxiang/flexible/district
   系列页面 CSS 使用；新样式一律写在本文件，不再使用内联 style。
   ============================================================ */

/* —— 通用工具类 —— */
.u-mt8  { margin-top: 8px; }
.u-mt16 { margin-top: 16px; }
.u-hide { display: none; }
.u-pad12 { padding: 12px; }
.u-va-mid { vertical-align: middle; }
.u-h28 { height: 28px; }

/* 卡片头部标题靠左（标题紧随图标，徽章/右侧元素保持原位） */
.card-header h2 { margin-right: auto; }
.card-header h3 { margin-right: auto; }

/* —— 灵活就业：特殊群体优惠与提示 —— */
.icon-green { color: var(--green); }
.num-green { color: var(--green); font-weight: 600; }
.special-benefits {
  margin-top: 12px; padding: 10px;
  background: var(--bg); border-radius: 6px;
  border-left: 3px solid var(--green);
}
.special-benefits-title { font-size: 13px; color: var(--text); margin: 0 0 6px 0; font-weight: 600; }
.special-benefits-desc { font-size: 12px; color: var(--muted); margin: 4px 0; }

/* —— 区县页：二维码定位 / 来源注 / 卡片更多链接 —— */
.right-anchor { right: 14px; left: auto; }
.meta-line { margin-top: 12px; font-size: 12px; color: var(--muted); display: flex; align-items: center; gap: 6px; }
.sidebar-card-link {
  display: block; padding: 12px 16px;
  border-top: 1px solid var(--border);
  font-size: 13px; color: var(--primary, var(--blue)); text-decoration: none;
}

/* —— 社交模块（partials/social.php）—— */
.cmt-submit-btn { align-self: stretch; }
.glyph-wechat { background: #07c160; }
.glyph-weibo { background: #e6162d; }
.glyph-copy { background: var(--blue-deep); }