/* ===================================================================== KeleD base.css —— 全站基础样式（手机优先） 维护：A 基础。B、C 直接复用下面的类；页面专属样式写到各自的 shop.css / chat.css （在模板的 {% block extra_head %} 里引入），不要修改本文件，需要新的通用类请在报告里提出。 【颜色与尺寸变量】:root --c-bg #f5f5f7 页面底色 | --c-card #fff 卡片 | --c-text 正文 | --c-text-2 次要文字 | --c-text-3 弱提示 --c-border 分隔线 | --c-border-strong 输入框边框 --c-primary #c62828 主色红 | --c-primary-dark 悬停/按下 | --c-primary-soft 浅红底 --c-gold #c9a227 金色点缀（底色、边框）| --c-gold-dark 金色文字（白底上对比度够）| --c-gold-soft 浅金底 --c-success / --c-warning / --c-info / --c-danger，及对应 *-soft 浅底色 --radius 14px 卡片 | --radius-sm 10px 按钮/输入框 | --control-h 44px 控件最小高度 --font 系统中文字体栈 | --font-mono 等宽字体栈 | --shadow 卡片阴影 【页面骨架】（base.html / merchant/base.html 已用好） .site-header .header-bar .brand .site-nav .nav-link(.active) .site-footer body 上有 .site-user 或 .site-merchant，另可用 {% block body_class %} 加页面类名 【布局】 .container 用户页内容宽度，最大 480px 居中，左右 16px .container-wide 商家页内容宽度，最大 960px .page 主内容区上下留白 .stack / .stack-sm / .stack-lg 子元素纵向间距 12 / 8 / 20px .row（横向 flex、垂直居中、间距 8px） .row-between（两端对齐） .row-wrap（可换行） .row-top（顶部对齐） .grow（占满剩余） .grid-2 两列网格，窄屏（<600px）变一列 .mt-0 ~ .mt-5 / .mb-0 ~ .mb-5 上 / 下外边距 0 4 8 12 16 24px .text-center .text-right .only-mobile（<768px 才显示） .only-desktop（≥768px 才显示） .hidden 【文字】 .page-title（页标题） .section-title（区块标题） .muted（灰字） .small（13px） .tiny（12px） .strong .mono（等宽） .nowrap .break-all（长串强制换行） .text-primary .text-gold .text-success .text-danger .price（价格大字，红色，如 ¥100） .prose（长文排版：协议、说明） 【卡片】 .card .card-title .card-subtitle .card-footer（卡片底部操作区，上方有分隔线） .card-flat（无阴影） .card-red / .card-gold（卡片顶部 4px 红 / 金色条） 【按钮】 和