小程序端：设计系统收敛与排版层级修复

问题：88 个 wxss 里散落大量硬编码颜色/字号/字重，无法统一调整；
部分正文对比度不达 WCAG AA（4.5:1）；组件触摸目标偏小。

改动：
- 硬编码颜色收敛到语义 token（颜色统一走 design token，不再散落字面值）
- 修正全站字号阶梯：正文 ≥12px、角标 ≥11px；字重只用 400/500/600/700
- 组件触摸目标提升到 ≥44px，并补交互反馈
- 首页补氛围层次、强化排版层级

验证（本轮实测）：
- UI 契约门禁 18/18 PASS（含 wxml 结构、wxss 组件选择器、token 显式值断言）
- 声明级体检 88/88 通过（全部 wxss 声明合法）

交付物：artifacts/miniapp-design-v2-preview.html

miniapp/pages/profile-intro/profile-intro.wxss

@@ -3,91 +3,91 @@
  */
 
 .pri-page {
-  min-height: 100vh;
-  background: var(--color-bg-page);
-  padding-bottom: calc(160rpx + env(safe-area-inset-bottom));
+  min-height:100vh;
+  background:var(--color-bg-page);
+  padding-bottom:calc(160rpx + env(safe-area-inset-bottom));
 }
 
 .pri-body {
-  padding: var(--spacing-2) var(--spacing-page-x);
+  padding:var(--spacing-2) var(--spacing-page-x);
 }
 
 .pri-section {
-  margin-bottom: var(--spacing-3);
+  margin-bottom:var(--spacing-3);
 }
 
 /* ============ 文本框 ============ */
 .pri-textarea-wrap {
-  margin-top: var(--spacing-2);
-  position: relative;
+  margin-top:var(--spacing-2);
+  position:relative;
 }
 
 .pri-textarea {
-  width: 100%;
-  min-height: 320rpx;
-  padding: var(--spacing-3);
-  font-size: var(--font-size-md);
-  color: var(--color-text-primary);
-  line-height: var(--line-height-relaxed);
-  background: var(--color-bg-input);
-  border-radius: var(--radius-md);
-  box-sizing: border-box;
+  width:100%;
+  min-height:320rpx;
+  padding:var(--spacing-3);
+  font-size:var(--font-size-md);
+  color:var(--color-text-primary);
+  line-height:var(--line-height-relaxed);
+  background:var(--color-bg-input);
+  border-radius:var(--radius-md);
+  box-sizing:border-box;
 }
 
 .pri-textarea__placeholder {
-  color: var(--color-text-placeholder);
-  font-size: var(--font-size-sm);
+  color:var(--color-text-placeholder);
+  font-size:var(--font-size-sm);
 }
 
 .pri-counter {
-  position: absolute;
-  right: var(--spacing-2);
-  bottom: var(--spacing-2);
-  font-size: var(--font-size-xs);
-  color: var(--color-text-placeholder);
+  position:absolute;
+  right:var(--spacing-2);
+  bottom:var(--spacing-2);
+  font-size:var(--font-size-xs);
+  color:var(--color-text-placeholder);
 }
 
 .pri-counter--over {
-  color: var(--color-danger);
+  color:var(--color-danger-strong);
 }
 
 /* ============ 须知 ============ */
 .pri-guidelines {
-  margin-top: var(--spacing-2);
+  margin-top:var(--spacing-2);
 }
 
 .pri-guideline {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--spacing-2);
-  padding: var(--spacing-1) 0;
+  display:flex;
+  align-items:flex-start;
+  gap:var(--spacing-2);
+  padding:var(--spacing-1) 0;
 }
 
 .pri-guideline__dot {
-  width: 10rpx;
-  height: 10rpx;
-  margin-top: 14rpx;
-  border-radius: 50%;
-  background: var(--color-text-placeholder);
-  flex-shrink: 0;
+  width:10rpx;
+  height:10rpx;
+  margin-top:14rpx;
+  border-radius:50%;
+  background:var(--color-text-placeholder);
+  flex-shrink:0;
 }
 
 .pri-guideline__text {
-  flex: 1;
-  font-size: var(--font-size-sm);
-  color: var(--color-text-tertiary);
-  line-height: var(--line-height-relaxed);
+  flex:1;
+  font-size:var(--font-size-sm);
+  color:var(--color-text-tertiary);
+  line-height:var(--line-height-relaxed);
 }
 
 /* ============ 底部 ============ */
 .pri-actions {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  padding: var(--spacing-2) var(--spacing-page-x);
-  padding-bottom: calc(var(--spacing-2) + env(safe-area-inset-bottom));
-  background: var(--color-bg-card);
-  border-top: var(--border-width) solid var(--color-divider);
-  z-index: var(--z-sticky);
+  position:fixed;
+  bottom:0;
+  left:0;
+  right:0;
+  padding:var(--spacing-2) var(--spacing-page-x);
+  padding-bottom:calc(var(--spacing-2) + env(safe-area-inset-bottom));
+  background:var(--color-bg-card);
+  border-top:var(--border-width) solid var(--color-divider);
+  z-index:var(--z-sticky);
 }