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>

components/hhrs-filter-bar/hhrs-filter-bar.vue

@@ -106,10 +106,12 @@
 </script>
 
 <style scoped lang="less">
-	/* xuchao: 根节点贴在 sticky 头部内，面板绝对定位到筛选条下方，遮罩 fixed 盖住整屏 */
+	/* xuchao: 根节点贴在 sticky 头部内，面板绝对定位到筛选条下方。
+	   只留上内边距：与列表的 12px 间隔必须落在头部的白底之外（各页 .list-area 的 padding-top），
+	   放在这里会是白色，头部白底和白色卡片连成一片，看上去就等于没有间隔 */
 	.hfb {
 		position: relative;
-		padding: 20rpx 0;
+		padding: 24rpx 0 0;
 	}
 
 	.hfb-row {
@@ -149,12 +151,14 @@
 		transform: rotate(180deg);
 	}
 
+	/* xuchao: 遮罩绝对定位在筛选条下方（不用 fixed）—— fixed 会盖进 sticky 头部的层叠上下文，
+	   把搜索栏和筛选条一起压灰。这里从筛选条下边缘开始向下铺满一屏，列表变暗、头部保持原色 */
 	.hfb-mask {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
+		position: absolute;
+		top: 100%;
+		left: -12px;
+		right: -12px;
+		height: 100vh;
 		background: rgba(0, 0, 0, 0.3);
 		z-index: 90;
 	}