feat: 列表卡片新增所属地区角标，并修正筛选条间距与遮罩压灰

- 三个列表（文旅场馆/商户折扣/权益待使用）缩略图左上角增加所属地区角标：
  缩略图外套 .card-thumb 承担尺寸与圆角裁切，角标半透明黑底白字 10px；
  districtName 为空的记录不渲染角标，避免空色块
- 新增 common/district.js：后端返回的是行政区划全称，卡片位宽只有 75px，
  按「芷江侗族自治县→芷江、中方县→中方、怀化高新技术产业开发区→怀化高新区」缩短显示
- 筛选条与列表的 12px 间隔移到头部白底之外（各页 .list-area 顶部内边距），
  此前放在头部内是白色、与白色卡片连成一片，视觉上等于没有间隔
- 遮罩由 fixed 改为从筛选条下边缘绝对定位铺开：fixed 会落进 sticky 头部的层叠上下文，
  把搜索栏和筛选条一起压灰；现改为列表变暗、头部保持原色
- 权益页搜索框加 1px #e5e5ea 描边：吸顶栏改白底后白色输入框无边框可辨

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

pages/discount/discount.vue

@@ -21,7 +21,11 @@
 		<!-- 商户列表 -->
 		<view class="list-area">
 			<view class="venue-card" v-for="item in list" :key="item.shopId" @click="goDetail(item)">
-				<image class="card-img" :src="item.image" mode="aspectFill" />
+				<view class="card-thumb">
+					<image class="card-img" :src="item.image" mode="aspectFill" />
+					<!-- xuchao: 左上角所属地区角标（districtName 来自商铺「所在地区」，未录入则不显示） -->
+					<text class="card-area" v-if="item.districtName">{{ shortDistrict(item.districtName) }}</text>
+				</view>
 				<view class="card-info">
 					<text class="card-name">{{ item.name }}</text>
 					<text class="card-category">{{ item.category }}</text>
@@ -43,6 +47,8 @@
 </template>
 
 <script>
+// xuchao: 角标区县简称（后端返回的是行政区划全称）
+import { shortDistrict } from '@/common/district.js'
 // xuchao: 县区 + 类型筛选条，三个列表页共用（pages.json 的 easycom 只给 u- 前缀配了规则，这里显式引入）
 import HhrsFilterBar from '@/components/hhrs-filter-bar/hhrs-filter-bar.vue'
 
@@ -89,6 +95,7 @@ export default {
 		this.loadMore()
 	},
 	methods: {
+		shortDistrict,
 		loadList() {
 			// xuchao: 请求序号 —— 新请求直接取代在途请求，过期响应整体丢弃（修复搜索竞态，故不再用 loading 提前 return）
 			const seq = ++this.reqSeq
@@ -233,8 +240,8 @@ export default {
 }
 
 .list-area {
-	// xuchao: 顶部留白交给筛选条的 20rpx 下内边距，保证「搜索栏↔筛选条」与「筛选条↔列表」间距一致
-	padding: 0 12px 12px;
+	// xuchao: 顶部 12px 必须是页面灰底（不能放进头部的白底里），否则与白色卡片连成一片看不出间隔
+	padding: 12px;
 	// xuchao: border-box 防止 padding 撑出页面横向滚动
 	box-sizing: border-box;
 }
@@ -253,13 +260,39 @@ export default {
 	margin-bottom: 12px;
 }
 
-.card-img {
+.card-thumb {
 	width: 75px;
 	height: 75px;
 	border-radius: 6px;
+	overflow: hidden;
+	position: relative;
 	flex-shrink: 0;
 }
 
+/* xuchao: image 由 thumb 裁圆角，自身不再设圆角 */
+.card-img {
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+
+.card-area {
+	position: absolute;
+	top: 0;
+	left: 0;
+	display: block;
+	max-width: 100%;
+	padding: 1px 5px;
+	border-radius: 0 0 6px 0;
+	background: rgba(0, 0, 0, 0.45);
+	color: #ffffff;
+	font-size: 10px;
+	line-height: 14px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
 .card-info {
 	flex: 1;
 	// xuchao: min-width:0 允许 flex 子项收缩到内容宽度以下，配合 nowrap 文本出省略号