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>

common/district.js

@@ -0,0 +1,10 @@
+// xuchao: 卡片角标用的区县简称。后端 districtName 返回的是 region.name 行政区划全称
+//         （如「芷江侗族自治县」「怀化高新技术产业开发区」），列表缩略图只有 75px，必须缩短显示
+export function shortDistrict(name) {
+	if (!name) return ''
+	return name
+		.replace('高新技术产业开发区', '高新区')
+		.replace(/(苗族|侗族|瑶族|回族|土家族|各族)*自治县$/, '')
+		.replace(/(苗族|侗族|瑶族|回族|土家族|各族)*自治州$/, '')
+		.replace(/([^市])县$/, '$1')
+}