@yaoxiu/marketing-dsl 2.6.0 → 2.7.0

package/dist/docs/index.cjs

@@ -327,23 +327,45 @@ countdown_end          // \u5012\u8BA1\u65F6\u5F52\u96F6`
         tone: "info",
         text: "`close` \u7684 `reason` \u4F1A\u4E00\u8D77\u4F20\u7ED9\u5BBF\u4E3B\uFF0C\u5BBF\u4E3B\u636E\u6B64\u51B3\u5B9A\u540E\u7EED\u884C\u4E3A\uFF0C\u5E76\u539F\u6837\u4E0A\u62A5\u7ED9\u540E\u7AEF\u3002\u4E0D\u5199 `reason` \u9ED8\u8BA4\u662F `action`\u3002"
       },
-      { t: "h3", text: "\u300C\u4E0D\u518D\u63D0\u9192\u300D\u5C31\u5199 close \u7684 reason\uFF0C\u4E0D\u8981\u914D call" },
+      { t: "h3", text: "\u300C\u4ECA\u65E5\u4E0D\u518D\u63D0\u793A\u300D/\u300C\u4E0D\u518D\u63D0\u793A\u300D\uFF1AdismissToday / dismissForever" },
       {
         t: "p",
-        text: "\u60F3\u8BA9\u7269\u6599\u300C\u5173\u4E86\u5C31\u522B\u518D\u51FA\u73B0\u300D\uFF0C\u4E00\u6761 `close` \u5C31\u591F\u4E86\uFF0C\u628A\u7528\u6237\u7684\u610F\u56FE\u5199\u8FDB `reason`\uFF1A"
+        text: "\u5BBF\u4E3B\u6CE8\u518C\u4E86\u4E24\u4E2A\u73B0\u6210\u7684\u65B9\u6CD5\uFF0C\u7528 `call` \u8C03\u5373\u53EF\uFF0C\u4E0D\u9700\u8981\u65B0\u7684\u52A8\u4F5C\u7C7B\u578B\uFF1A`dismissToday`\uFF08\u4ECA\u5929\u4E4B\u5185\u4E0D\u518D\u5C55\u793A\u8FD9\u6761\u7269\u6599\uFF09\u3001`dismissForever`\uFF08\u6C38\u4E45\u4E0D\u518D\u5C55\u793A\uFF09\u3002"
       },
       {
         t: "code",
-        code: `{ "type": "close", "reason": "user-dismiss" }`
+        code: `// \u300C\u4ECA\u65E5\u4E0D\u518D\u63D0\u793A\u300D\u6309\u94AE\uFF1A\u5148\u5199\u6807\u8BB0\uFF0C\u518D\u5173\u6389\u8FD9\u4E00\u5C42
+"action": {
+  "type": "sequence",
+  "actions": [
+    { "type": "call", "name": "dismissToday" },
+    { "type": "close", "reason": "dismiss-today" }
+  ]
+}
+
+// \u300C\u4E0D\u518D\u63D0\u793A\u300D\u6309\u94AE\uFF1A\u540C\u6837\u4E24\u6B65
+"action": {
+  "type": "sequence",
+  "actions": [
+    { "type": "call", "name": "dismissForever" },
+    { "type": "close", "reason": "dismiss-forever" }
+  ]
+}`
       },
       {
-        t: "p",
-        text: '\u4E0A\u62A5\u51FA\u53BB\u5C31\u662F `{ "id": "...", "event": "close", "reason": "user-dismiss" }`\uFF0C\u540E\u7AEF\u770B\u5230\u8FD9\u4E2A `reason` \u5C31\u6C38\u4E45\u538B\u5236\u8FD9\u6761\u7269\u6599\u3002\u8FD9\u4E2A\u4FE1\u606F\u8D70 `close` \u7684 `reason`\uFF0C\u4E0D\u8D70 `extra`\u2014\u2014`extra` \u53EA\u5C5E\u4E8E `click`\u3002'
+        t: "note",
+        tone: "warn",
+        text: "**\u6807\u8BB0\u548C\u5173\u95ED\u662F\u4E24\u56DE\u4E8B\uFF0C`close` \u5FC5\u987B\u81EA\u5DF1\u914D\u3002** \u8FD9\u4E24\u4E2A\u65B9\u6CD5\u53EA\u5199\u4E00\u6761\u300C\u4EE5\u540E\u522B\u518D\u5C55\u793A\u300D\u7684\u8BB0\u5F55\uFF0C\u4E0D\u4F1A\u987A\u624B\u628A\u5F53\u524D\u8FD9\u5C42\u5173\u6389\u2014\u2014\u7559\u51FA\u300C\u5148\u52FE\u4E00\u4E2A\u590D\u9009\u6846\u3001\u7A0D\u540E\u518D\u70B9\u5173\u95ED\u300D\u8FD9\u7C7B\u4EA4\u4E92\u7684\u4F59\u5730\u3002\u53EA\u5199 `call` \u4E0D\u5199 `close`\uFF0C\u7528\u6237\u70B9\u5B8C\u6309\u94AE\u5F39\u7A97\u8FD8\u6775\u5728\u90A3\u513F\u3002"
       },
       {
         t: "note",
         tone: "warn",
-        text: "**\u4E0D\u8981**\u518D\u914D\u4E00\u6761 `call` \u8BA9\u5BBF\u4E3B\u5199 `localStorage` \u8BB0\u4F4F\u3002\u9891\u63A7\u7531\u540E\u7AEF\u7B97\uFF0C\u524D\u7AEF\u5B58\u4E00\u4EFD\u540E\u7AEF\u770B\u4E0D\u89C1\u7684\u4F9D\u636E\uFF0C\u4E24\u8FB9\u5C31\u5BF9\u4E0D\u4E0A\uFF1B\u800C\u4E14\u6362\u8BBE\u5907\u3001\u6E05\u7F13\u5B58\u5C31\u5931\u6548\u2014\u2014\u7528\u6237\u7684\u957F\u671F\u610F\u56FE\u8BE5\u8DDF\u7740\u8D26\u53F7\u8D70\uFF0C\u4E0D\u8BE5\u8DDF\u7740\u6D4F\u89C8\u5668\u8D70\uFF1B`call` \u7684\u65B9\u6CD5\u8FD8\u662F\u5404\u4E2A\u5BBF\u4E3B\u5404\u6CE8\u518C\u4E00\u4EFD\u7684\uFF0C\u884C\u4E3A\u8FDF\u65E9\u5206\u53C9\u3002"
+        text: "**\u8BB0\u5F55\u5B58\u5728\u7528\u6237\u6D4F\u89C8\u5668\u672C\u5730\uFF0C\u6309\u767B\u5F55\u8D26\u53F7\u9694\u79BB\u3002** \u540C\u4E00\u53F0\u7535\u8111\u6362\u4E2A\u8D26\u53F7\u767B\u5F55\u4E92\u4E0D\u5F71\u54CD\uFF0C\u4F46**\u6362\u8BBE\u5907\u3001\u6362\u6D4F\u89C8\u5668\u3001\u6E05\u7F13\u5B58\u5C31\u5931\u6548**\u2014\u2014\u5B83\u662F\u300C\u5C11\u70E6\u6211\u4E00\u4E0B\u300D\u7684\u4F53\u9A8C\u4F18\u5316\uFF0C\u4E0D\u662F\u300C\u540E\u7AEF\u6C38\u4E45\u538B\u5236\u8FD9\u6761\u6295\u653E\u300D\u7684\u51ED\u636E\u3002\u771F\u6B63\u7684\u957F\u671F\u9891\u63A7\u4ECD\u7531\u540E\u7AEF\u7B97\u3002"
+      },
+      {
+        t: "note",
+        tone: "info",
+        text: "`close` \u7684 `reason` \u7167\u65E7\u8981\u5199\uFF1A\u5173\u95ED\u4E8B\u4EF6\u4ECD\u4F1A\u539F\u6837\u4E0A\u62A5\u7ED9\u540E\u7AEF\uFF0C`reason` \u662F\u540E\u7AEF\u552F\u4E00\u80FD\u770B\u5230\u7684\u300C\u7528\u6237\u4E3A\u4EC0\u4E48\u5173\u300D\u3002\u8FD9\u4E2A\u4FE1\u606F\u8D70 `close` \u7684 `reason`\uFF0C\u4E0D\u8D70 `extra`\u2014\u2014`extra` \u53EA\u5C5E\u4E8E `click`\u3002"
       },
       { t: "h3", text: "call \u7684\u9002\u7528\u8FB9\u754C" },
       {
@@ -355,15 +377,15 @@ countdown_end          // \u5012\u8BA1\u65F6\u5F52\u96F6`
         head: ["\u2705 \u8BE5\u7528 call", "\u274C \u4E0D\u8BE5\u7528 call"],
         rows: [
           [
-            "\u5524\u8D77\u5145\u503C\u5F39\u7A97\u3001\u6253\u5F00\u5BA2\u670D\u4F1A\u8BDD\u3001\u590D\u5236\u5230\u526A\u8D34\u677F\u3001\u8DF3\u8F6C\u5E94\u7528\u5185\u7279\u5B9A\u9875\u9762",
-            "\u8BB0\u5F55\u7528\u6237\u610F\u56FE\u3001\u5199\u672C\u5730\u5B58\u50A8"
+            "\u5524\u8D77\u5145\u503C\u5F39\u7A97\u3001\u6253\u5F00\u5BA2\u670D\u4F1A\u8BDD\u3001\u590D\u5236\u5230\u526A\u8D34\u677F\u3001\u8DF3\u8F6C\u5E94\u7528\u5185\u7279\u5B9A\u9875\u9762\u3001\u300C\u4ECA\u65E5\u4E0D\u518D\u63D0\u793A / \u4E0D\u518D\u63D0\u793A\u300D\uFF08`dismissToday` / `dismissForever`\uFF09",
+            "\u8BA9\u5BBF\u4E3B\u505A\u4E00\u4EF6\u5B83\u6CA1\u6CE8\u518C\u8FC7\u7684\u4E8B"
           ]
         ]
       },
       {
         t: "note",
         tone: "info",
-        text: "\u5224\u65AD\u6807\u51C6\u53EA\u6709\u4E00\u6761\uFF1A**\u8FD9\u4EF6\u4E8B\u540E\u7AEF\u9700\u4E0D\u9700\u8981\u77E5\u9053**\u3002\u9700\u8981 \u2192 \u8D70\u4E0A\u62A5\uFF08`close` \u7684 `reason`\uFF0C\u6216 `track`\uFF09\uFF1B\u7EAF\u7CB9\u662F\u5BBF\u4E3B\u7684\u672C\u5730\u52A8\u4F5C\u3001\u540E\u7AEF\u4E0D\u5173\u5FC3 \u2192 \u624D\u7528 `call`\u3002"
+        text: "`call` \u53EA\u80FD\u8C03**\u4E0A\u9762\u6E05\u5355\u91CC\u5DF2\u6CE8\u518C**\u7684\u65B9\u6CD5\u540D\uFF0C\u540D\u5B57\u662F\u5BBF\u4E3B\u4E0E\u8FD0\u8425\u4E4B\u95F4\u7684\u5951\u7EA6\uFF0C\u5199\u4E86\u6CA1\u6CE8\u518C\u7684\u540D\u5B57\uFF0C\u90A3\u4E00\u6B65\u4F1A\u9759\u9ED8\u5931\u6548\uFF08\u7269\u6599\u7167\u5E38\u663E\u793A\uFF0C\u6309\u94AE\u70B9\u4E86\u6CA1\u53CD\u5E94\uFF09\u3002\u6240\u4EE5\u81EA\u5DF1\u53D1\u660E\u4E00\u4E2A\u540D\u5B57\u53BB\u300C\u8BB0\u4E00\u7B14\u8D26\u300D\u662F\u884C\u4E0D\u901A\u7684\u2014\u2014\u672C\u5730\u8BB0\u8D26\u7528\u73B0\u6210\u7684 `dismissToday` / `dismissForever`\uFF0C\u9700\u8981\u540E\u7AEF\u77E5\u9053\u7684\u4E8B\u4E00\u5F8B\u8D70\u4E0A\u62A5\uFF08`close` \u7684 `reason`\uFF0C\u6216 `track`\uFF09\u3002"
       },
       { t: "h3", text: "\u66DD\u5149\u548C\u5173\u95ED\u4E5F\u8981\u57CB\u70B9\uFF1Astage.onShow / stage.onClose" },
       {
@@ -427,7 +449,7 @@ countdown_end          // \u5012\u8BA1\u65F6\u5F52\u96F6`
       {
         t: "note",
         tone: "info",
-        text: '`close` \u53EA\u662F\u901A\u77E5\u5BBF\u4E3B\u300C\u7528\u6237\u5173\u6389\u4E86\u300D\uFF0C**\u8FD9\u4E00\u6B21\u5173\u4E0D\u5173\u7531\u5BBF\u4E3B\u51B3\u5B9A**\uFF1B\u800C\u300C\u4EE5\u540E\u8FD8\u51FA\u4E0D\u51FA\u300D\u7531\u540E\u7AEF\u6839\u636E\u4E0A\u62A5\u7684 `reason` \u51B3\u5B9A\uFF0C\u6240\u4EE5\u60F3\u8BA9\u5B83\u522B\u518D\u51FA\u73B0\uFF0C\u5199 `reason: "user-dismiss"` \u5373\u53EF\uFF0C\u4E0D\u9700\u8981\u518D\u914D `call`\u3002'
+        text: '`close` \u53EA\u662F\u901A\u77E5\u5BBF\u4E3B\u300C\u7528\u6237\u5173\u6389\u4E86\u300D\uFF0C**\u8FD9\u4E00\u6B21\u5173\u4E0D\u5173\u7531\u5BBF\u4E3B\u51B3\u5B9A**\uFF1B`reason` \u4F1A\u539F\u6837\u4E0A\u62A5\uFF0C\u540E\u7AEF\u636E\u6B64\u5224\u65AD\u300C\u4EE5\u540E\u8FD8\u51FA\u4E0D\u51FA\u300D\u3002\u60F3\u5728\u524D\u7AEF\u4E5F\u7ACB\u523B\u751F\u6548\uFF08\u4ECA\u5929\u4E4B\u5185 / \u6C38\u4E45\u4E0D\u518D\u51FA\u73B0\uFF09\uFF0C\u5728 `close` \u4E4B\u524D\u518D\u52A0\u4E00\u6761 `{ "type": "call", "name": "dismissToday" }`\uFF08\u6216 `dismissForever`\uFF09\uFF0C\u89C1\u4E0A\u4E00\u8282\u3002'
       },
       {
         t: "note",
@@ -2884,7 +2906,8 @@ var noticeToPopup = {
                 fontSize: 13,
                 cursor: "pointer"
               },
-              action: { type: "close", reason: "user-dismiss" }
+              // 公告条行末的关闭只管「这一次」，不写本地标记
+              action: { type: "close", reason: "user-close" }
             }
           ]
         }
@@ -3251,12 +3274,14 @@ var confirmAndSwitch = {
                     cursor: "pointer"
                   },
                   // 确认后整个关掉，两层一起消失。
-                  // 「不再提醒」的意图靠 reason 上报给后端，不配 call 写本地存储
+                  // 标记写在这一步而不是上一层的「不再提醒」按钮上：
+                  // 那个按钮只是打开二次确认，用户还可能反悔，真正的意图在这里才确定
                   action: {
                     type: "sequence",
                     actions: [
                       { type: "track", event: "popup_never_remind_confirm" },
-                      { type: "closeAll", reason: "user-dismiss" }
+                      { type: "call", name: "dismissForever" },
+                      { type: "closeAll", reason: "dismiss-forever" }
                     ]
                   },
                   children: [
@@ -3592,8 +3617,15 @@ var imageBanner = {
             fontSize: 12,
             cursor: "pointer"
           },
-          // 「不再提醒」写在 close 的 reason 上，上报给后端即可，不配 call 写本地存储
-          action: { type: "close", reason: "user-dismiss" }
+          // 「不再提醒」两步走：先调宿主的 dismissForever 写本地标记（前端立刻不再展示），
+          // 再 close 关掉；reason 照旧上报给后端，那是后端唯一看得到的「为什么关」
+          action: {
+            type: "sequence",
+            actions: [
+              { type: "call", name: "dismissForever" },
+              { type: "close", reason: "dismiss-forever" }
+            ]
+          }
         }
       ]
     }
@@ -3701,8 +3733,15 @@ function createDrawerBanner(options) {
           fontSize: 9,
           cursor: "pointer"
         },
-        // 「不再提醒」写在 close 的 reason 上，上报给后端即可，不配 call 写本地存储
-        action: { type: "close", reason: "user-dismiss" }
+        // 「不再提醒」两步走：dismissForever 写本地标记 + close 关掉，缺一不可
+        // （这两个方法只写标记、不关闭）
+        action: {
+          type: "sequence",
+          actions: [
+            { type: "call", name: "dismissForever" },
+            { type: "close", reason: "dismiss-forever" }
+          ]
+        }
       }
     ]
   };
@@ -4762,20 +4801,22 @@ var achieveCell3 = (verb, value, unit, label) => ({
   type: "flex",
   style: {
     direction: "column",
+    // grid 不在白名单，用 flex wrap + 半宽复刻 grid-template-columns: 1fr 1fr（gap 9）
     width: "calc(50% - 5px)",
     background: "rgba(255,255,255,0.16)",
     borderWidth: 1,
     borderStyle: "solid",
     borderColor: "rgba(255,255,255,0.2)",
     radius: 10,
-    padding: "10px 13px",
-    gap: 3
+    // .period-price-modal .ac 把基础规则的 9px 11px 覆盖成 10px 13px
+    padding: "10px 13px"
   },
   children: [
     {
-      // lineHeight 必须显式给，否则 20px 数字的默认行高会把格子撑高
+      // .ac .n：line-height 1.1 × 20px = 22px，显式给死，
+      // 否则 20px 数字的默认行高（≈1.5）会把格子撑高 8px 左右
       type: "flex",
-      style: { align: "baseline", gap: 3, height: 22 },
+      style: { align: "baseline", height: 22, whiteSpace: "nowrap" },
       children: [
         {
           type: "text",
@@ -4784,7 +4825,10 @@ var achieveCell3 = (verb, value, unit, label) => ({
             fontSize: 11.5,
             fontWeight: "600",
             lineHeight: 1.1,
-            color: "rgba(255,255,255,0.92)"
+            letterSpacing: 0.2,
+            marginRight: 3,
+            // demo 是 opacity .7 叠在 .m-top 的白字上，等价于这个色值
+            color: "rgba(255,255,255,0.7)"
           }
         },
         {
@@ -4795,14 +4839,25 @@ var achieveCell3 = (verb, value, unit, label) => ({
         {
           type: "text",
           content: ` ${unit}`,
-          style: { fontSize: 12, lineHeight: 1.1, color: "rgba(255,255,255,0.92)" }
+          style: {
+            fontSize: 12,
+            fontWeight: "600",
+            lineHeight: 1.1,
+            // demo 是 opacity .85
+            color: "rgba(255,255,255,0.85)"
+          }
         }
       ]
     },
     {
       type: "text",
       content: label,
-      style: { fontSize: 11.5, lineHeight: 1.35, color: "rgba(255,255,255,0.72)" }
+      style: {
+        fontSize: 11,
+        lineHeight: 1.4,
+        marginTop: 2,
+        color: "rgba(255,255,255,0.85)"
+      }
     }
   ]
 });
@@ -4813,7 +4868,15 @@ var loseRow3 = {
     {
       type: "text",
       content: "",
-      style: { width: 6, height: 6, radius: "50%", background: "#f53f3f", marginTop: 7 }
+      style: {
+        width: 6,
+        height: 6,
+        radius: "50%",
+        background: "#f53f3f",
+        marginTop: 7,
+        // demo 的 flex: none —— 文案换行时圆点不许被压扁
+        flexShrink: "0"
+      }
     },
     {
       type: "flex",
@@ -4829,20 +4892,6 @@ var loseRow3 = {
             color: "#1f2533"
           }
         },
-        {
-          type: "text",
-          content: "{{ item.tag }}",
-          visibleWhen: "item.tag != ''",
-          style: {
-            background: "{{ item.sev == 'lose' ? '#ffd5cf' : 'rgba(255,255,255,0.78)' }}",
-            color: "{{ item.sev == 'lose' ? '#cf1322' : '#8a7f78' }}",
-            fontSize: 10,
-            fontWeight: "800",
-            radius: 4,
-            padding: "1px 6px",
-            whiteSpace: "nowrap"
-          }
-        },
         {
           type: "text",
           content: "\u2014 {{ item.t }}",
@@ -4856,14 +4905,18 @@ var tierCard3 = {
   type: "box",
   style: {
     flex: "1",
-    height: 121,
+    height: 119,
     radius: 12,
     background: "{{ item.key == current.key ? '#fffaf0' : '#ffffff' }}",
     borderStyle: "solid",
     borderWidth: "{{ item.key == current.key ? '2px' : '1px' }}",
     borderColor: "{{ item.key == current.key ? '#f0a000' : '#e5e8ed' }}",
-    cursor: "pointer"
+    shadow: "{{ item.key == current.key ? '0 7px 18px rgba(240,160,0,0.1)' : 'none' }}",
+    cursor: "pointer",
+    transition: "border-color 0.15s, background 0.15s, box-shadow 0.15s"
   },
+  // .tcol:hover { border-color: var(--gold) }
+  hoverStyle: { borderColor: "#faad14" },
   action: {
     type: "sequence",
     actions: [
@@ -4877,6 +4930,8 @@ var tierCard3 = {
   },
   children: [
     {
+      // .thot：top -9、字号 11、padding 2px 8px、radius 6。
+      // 宽 38 = 2 字 × 11px + 左右 8px；居中靠 left: calc(50% - 19px)
       type: "text",
       rect: ["calc(50% - 19px)", -9, 38, 22],
       content: "\u63A8\u8350",
@@ -4888,29 +4943,41 @@ var tierCard3 = {
         fontWeight: "800",
         radius: 6,
         textAlign: "center",
-        lineHeight: 22
+        lineHeight: 22,
+        whiteSpace: "nowrap"
       }
     },
     {
       type: "text",
       rect: [0, 12, "100%", 19],
       content: "{{ item.p }}",
-      style: { fontSize: 13, color: "#8a909c", textAlign: "center" }
+      style: { fontSize: 13, lineHeight: 1.45, color: "#8a909c", textAlign: "center" }
     },
     {
       type: "flex",
-      rect: [0, 34, "100%", 26],
+      rect: [0, 36, "100%", 26],
       style: { justify: "center", align: "baseline" },
       children: [
         {
+          // .tpr i：符号比数字小一号、字重 600
           type: "text",
           content: "\xA5",
-          style: { fontSize: 13, fontWeight: "800", color: "#1f2533" }
+          style: {
+            fontSize: 14,
+            fontWeight: "600",
+            lineHeight: 1.2,
+            color: "{{ item.key == current.key ? '#d46b08' : '#1f2533' }}"
+          }
         },
         {
           type: "text",
           content: "{{ item.price }}",
-          style: { fontSize: 21, fontWeight: "800", color: "#1f2533" }
+          style: {
+            fontSize: 21,
+            fontWeight: "800",
+            lineHeight: 1.2,
+            color: "{{ item.key == current.key ? '#d46b08' : '#1f2533' }}"
+          }
         }
       ]
     },
@@ -4918,14 +4985,21 @@ var tierCard3 = {
       type: "text",
       rect: [4, 63, "calc(100% - 8px)", 32],
       content: "{{ item.per }}",
-      style: { fontSize: 11, color: "#8a909c", textAlign: "center", lineHeight: 1.35 }
+      style: {
+        fontSize: 11,
+        lineHeight: 1.5,
+        textAlign: "center",
+        color: "{{ item.key == current.key ? '#d46b08' : '#8a909c' }}",
+        fontWeight: "{{ item.key == current.key ? '600' : '400' }}"
+      }
     },
     {
+      // .tflag 的 margin-top: auto（贴底）在绝对定位里直接写死 y = 119 - 9 - 15
       type: "text",
-      rect: [0, 98, "100%", 15],
+      rect: [0, 95, "100%", 15],
       content: "{{ item.flag }}",
       visibleWhen: "item.flag != ''",
-      style: { fontSize: 11, color: "#8a909c", textAlign: "center" }
+      style: { fontSize: 11, lineHeight: 1.35, color: "#8a909c", textAlign: "center" }
     }
   ]
 };
@@ -4934,13 +5008,37 @@ var quotaLow = {
   type: "popup",
   meta: { name: "\u642C\u5BB6\u6B21\u6570\u5C06\u5C3D \xB7 \u989D\u5EA6\u8FDB\u5EA6\u6761\uFF08\u590D\u523B\u8FD0\u8425 demo\uFF09" },
   stage: {
+    // .modal.period-price-modal { width: min(520px, calc(100vw - 24px)) }
     width: 520,
     height: "auto",
     layout: "flow",
     mask: true,
     maskClosable: false,
-    closeButton: { show: true, position: "top-right", offset: [14, 14] },
-    style: { radius: 18 }
+    closeButton: {
+      // .m-close：24×24 的半透明白圆点，字符 ×、15px
+      show: true,
+      position: "top-right",
+      offset: [14, 14],
+      size: 24,
+      icon: "\xD7",
+      style: { background: "rgba(255,255,255,0.3)", fontSize: 15, color: "#ffffff" }
+    },
+    // .modal 的圆角与投影（--shadow-lg）
+    style: { radius: 18, shadow: "0 28px 72px rgba(16,27,51,0.24)" },
+    // demo 的 animation: pop .38s cubic-bezier(.16,1,.3,1) both
+    // 注意 easing 的小数必须写成 0.16 —— 校验的正则不认 CSS 允许的 .16 简写
+    animate: {
+      name: "pop",
+      duration: 380,
+      easing: "cubic-bezier(0.16, 1, 0.3, 1)",
+      fill: "both"
+    }
+  },
+  keyframes: {
+    pop: {
+      from: { opacity: 0, transform: "translateY(14px) scale(0.96)" },
+      to: { opacity: 1, transform: "none" }
+    }
   },
   data: {
     // 实时统计走后端数据源。$source 填的是宿主注册过的数据源名（不是接口地址），
@@ -4948,20 +5046,11 @@ var quotaLow = {
     stat: { $source: "userStatistics" },
     // 总额度：运营按当前套餐手填。为什么不走接口、以后怎么换，见文件头注释
     total: 30,
+    // 三条都没有状态标签 —— demo 这一屏的 lose 配置里就没有 tag 字段
     lose: [
-      { b: "\u6279\u91CF\u642C\u5BB6", tag: "\u5C06\u505C\u7528", sev: "lose", t: "\u989D\u5EA6\u5F52\u96F6\u540E\u65E0\u6CD5\u7EE7\u7EED\u4E0A\u8D27" },
-      {
-        b: "1688 \u4E00\u4EF6\u4EE3\u53D1",
-        tag: "\u5C06\u505C\u7528",
-        sev: "lose",
-        t: "\u6E90\u5934\u8D27\u6E90\u65AD\u4F9B\uFF0C\u9009\u54C1\u3001\u94FA\u8D27\u3001\u4EE3\u53D1\u90FD\u8981\u624B\u52A8\u505A"
-      },
-      {
-        b: "AI \u81EA\u52A8\u4F18\u5316",
-        tag: "\u5C06\u6682\u505C",
-        sev: "pause",
-        t: "\u65B0\u5546\u54C1\u4E0D\u518D\u8865\u4E3B\u6807\u9898 / \u77ED\u6807\u9898 / \u767D\u5E95\u56FE"
-      }
+      { b: "\u6279\u91CF\u642C\u5BB6", t: "\u989D\u5EA6\u5F52\u96F6\u540E\u65E0\u6CD5\u7EE7\u7EED\u4E0A\u8D27" },
+      { b: "1688 \u4E00\u4EF6\u4EE3\u53D1", t: "\u6E90\u5934\u8D27\u6E90\u65AD\u4F9B\uFF0C\u9009\u54C1\u3001\u94FA\u8D27\u3001\u4EE3\u53D1\u90FD\u8981\u624B\u52A8\u505A" },
+      { b: "AI \u81EA\u52A8\u4F18\u5316", t: "\u65B0\u5546\u54C1\u4E0D\u518D\u8865\u4E3B\u6807\u9898 / \u77ED\u6807\u9898 / \u767D\u5E95\u56FE" }
     ],
     // 价格档位从后端数据源取，后端返回几档就渲染几档，配置时不用知道数量
     tiers: { $source: "listRenewTiers", params: { scene: "quota_low" } }
@@ -4969,118 +5058,114 @@ var quotaLow = {
   state: { period: 1 },
   derived: { current: { list: "tiers", indexBy: "period" } },
   nodes: [
-    // ===== 深色渐变头部：标签 + 2×2 成果格 =====
+    // ===== .m-top 深色渐变头部：（标签 + 额度条）同排 + 2×2 成果格 =====
     {
       type: "flex",
       style: {
         direction: "column",
         background: "linear-gradient(135deg,#2b0f0f,#3a1414)",
-        padding: "20px 22px 16px",
-        gap: 13
+        padding: "20px 22px 16px"
       },
       children: [
         {
-          type: "text",
-          content: "\u26A1 \u642C\u5BB6\u6B21\u6570\u5373\u5C06\u7528\u5B8C",
-          style: {
-            // 不写 alignSelf 会被 flex 列拉满整行，标签必须按内容宽度
-            alignSelf: "flex-start",
-            background: "rgba(255,255,255,0.18)",
-            color: "#ffffff",
-            fontSize: 12,
-            fontWeight: "700",
-            radius: 6,
-            padding: "5px 10px"
-          }
-        },
-        {
-          // 四格并列写死（扁平对象没法 bind 遍历），flex + wrap 排成 2×2。
-          // 第一格的数字不是统计字段，而是「总额度 − 剩余次数」现算出来的
-          type: "flex",
-          style: { gap: 9, wrap: true },
-          children: [
-            achieveCell3("\u5DF2\u7528", USED, "\u6B21", "\u642C\u5BB6\u6B21\u6570"),
-            achieveCell3("\u5DF2\u4E0A\u67B6", "{{ stat.move_success_count }}", "\u4E2A", "\u7D2F\u8BA1\u4E0A\u67B6\u5546\u54C1"),
-            achieveCell3("\u65E5\u5747", "{{ stat.avg_daily_move_count }}", "\u4E2A", "\u5E73\u5747\u6BCF\u5929\u4E0A\u67B6"),
-            achieveCell3(
-              "\u5DF2\u8865\u9F50",
-              "{{ stat.white_image_fill_count }}",
-              "\u5F20",
-              "\u767D\u5E95\u56FE \xB7 \u5408\u89C4\u53EF\u62A5\u6D3B\u52A8"
-            )
-          ]
-        }
-      ]
-    },
-    // ===== 白色 body =====
-    {
-      type: "flex",
-      style: { direction: "column", background: "#ffffff", padding: "22px 26px 24px" },
-      children: [
-        // ===== 额度进度条：轨道 + 填充条 + 百分比表达式（本示例的重点）=====
-        {
+          // .m-top-head：右侧留 30px 给关闭按钮让位
           type: "flex",
           style: {
-            direction: "column",
-            background: "#fff8f3",
-            radius: 10,
-            padding: "8px 13px 9px",
-            gap: 4
+            align: "center",
+            justify: "space-between",
+            gap: 14,
+            padding: "0 30px 0 0"
           },
           children: [
             {
-              // 标题行：左边「剩余 N 次」，右边「已用 X / 总额度 次」
+              // .tag：flex: none，按内容宽度，不许被额度条挤扁
+              type: "text",
+              content: "\u26A1 \u642C\u5BB6\u6B21\u6570\u5373\u5C06\u7528\u5B8C",
+              style: {
+                background: "rgba(255,255,255,0.18)",
+                color: "#ffffff",
+                fontSize: 12,
+                fontWeight: "700",
+                radius: 6,
+                padding: "3px 10px",
+                flexShrink: "0",
+                whiteSpace: "nowrap"
+              }
+            },
+            {
+              // ===== 额度进度条（本示例的重点）。.m-top .quota 反白配色版 =====
               type: "flex",
-              style: { align: "baseline", justify: "space-between" },
+              style: {
+                direction: "column",
+                flex: "1",
+                maxWidth: 280,
+                background: "rgba(255,255,255,0.12)",
+                borderWidth: 1,
+                borderStyle: "solid",
+                borderColor: "rgba(255,255,255,0.16)",
+                radius: 7,
+                padding: "3px 10px 4px"
+              },
               children: [
                 {
+                  // .qh：左「搬家次数剩余」，右加粗的剩余次数
                   type: "flex",
-                  style: { align: "baseline", gap: 3 },
+                  style: { align: "baseline", justify: "space-between" },
                   children: [
                     {
                       type: "text",
                       content: "\u642C\u5BB6\u6B21\u6570\u5269\u4F59",
-                      style: { fontSize: 12, lineHeight: 1.35, color: "#3f4656" }
+                      style: {
+                        fontSize: 10.5,
+                        lineHeight: 1.25,
+                        color: "rgba(255,255,255,0.85)"
+                      }
                     },
                     {
                       type: "text",
                       content: "{{ user.collectCount }} \u6B21",
                       style: {
-                        fontSize: 15,
+                        fontSize: 12.5,
                         fontWeight: "800",
-                        lineHeight: 1.25,
-                        color: "#cf1322"
+                        lineHeight: 1.15,
+                        color: "#ffb066"
+                      }
+                    }
+                  ]
+                },
+                {
+                  // .qbar 轨道。用 flex 而不是 box —— box 的子节点走绝对定位、必须给 rect，
+                  // 填充条要的是「跟着父级流」；overflow: hidden 必须写，
+                  // 否则填充条的直角会戳出轨道的圆角外面
+                  type: "flex",
+                  style: {
+                    height: 3,
+                    radius: 4,
+                    background: "rgba(255,255,255,0.2)",
+                    margin: "2px 0 1px",
+                    overflow: "hidden"
+                  },
+                  children: [
+                    {
+                      // 填充条。宽度是算出来的：已用 ÷ 总额度 × 100，节点 style 里的
+                      // 字符串同样走插值，所以百分比不需要后端多下发一个字段
+                      type: "box",
+                      style: {
+                        width: "{{ (total - user.collectCount) / total * 100 }}%",
+                        height: "100%",
+                        background: "linear-gradient(90deg,#f53f3f,#ff7a45)"
                       }
                     }
                   ]
                 },
                 {
+                  // .qn
                   type: "text",
                   content: `\u5DF2\u7528 ${USED} / {{ total }} \u6B21`,
-                  style: { fontSize: 10.5, lineHeight: 1.35, color: "#8a909c" }
-                }
-              ]
-            },
-            {
-              // 轨道。用 flex 而不是 box —— box 的子节点走绝对定位、必须给 rect，
-              // 填充条要的是「跟着父级流」；overflow: hidden 必须写，否则填充条的
-              // 直角会戳出轨道的圆角外面
-              type: "flex",
-              style: {
-                height: 5,
-                radius: 4,
-                background: "#ffe0cc",
-                overflow: "hidden"
-              },
-              children: [
-                {
-                  // 填充条。宽度是算出来的：已用 ÷ 总额度 × 100，节点 style 里的
-                  // 字符串同样走插值，所以百分比不需要后端多下发一个字段
-                  type: "box",
                   style: {
-                    width: "{{ (total - user.collectCount) / total * 100 }}%",
-                    height: "100%",
-                    background: "linear-gradient(90deg,#f53f3f,#ff7a45)"
+                    fontSize: 9,
+                    lineHeight: 1.25,
+                    color: "rgba(255,255,255,0.6)"
                   }
                 }
               ]
@@ -5088,17 +5173,49 @@ var quotaLow = {
           ]
         },
         {
+          // .achieve：四格并列写死（扁平对象没法 bind 遍历），flex + wrap 复刻 2×2 grid。
+          // 第一格的数字不是统计字段，而是「总额度 − 剩余次数」现算出来的
+          type: "flex",
+          style: { gap: 9, wrap: true, marginTop: 14 },
+          children: [
+            achieveCell3("\u5DF2\u7528", USED, "\u6B21", "\u642C\u5BB6\u6B21\u6570"),
+            achieveCell3("\u5DF2\u4E0A\u67B6", "{{ stat.move_success_count }}", "\u4E2A", "\u7D2F\u8BA1\u4E0A\u67B6\u5546\u54C1"),
+            achieveCell3("\u65E5\u5747", "{{ stat.avg_daily_move_count }}", "\u4E2A", "\u5E73\u5747\u6BCF\u5929\u4E0A\u67B6"),
+            achieveCell3(
+              "\u5DF2\u8865\u9F50",
+              "{{ stat.white_image_fill_count }}",
+              "\u5F20",
+              "\u767D\u5E95\u56FE \xB7 \u5408\u89C4\u53EF\u62A5\u6D3B\u52A8"
+            )
+          ]
+        }
+      ]
+    },
+    // ===== .m-body 白底 =====
+    {
+      type: "flex",
+      style: { direction: "column", background: "#ffffff", padding: "22px 26px 24px" },
+      children: [
+        {
+          // .m-copy-panel
           type: "text",
           content: "\u642C\u5BB6\u6B21\u6570\u7528\u5B8C\uFF0C\u4EA7\u54C1\u80FD\u529B\u5C06\u53D7\u9650\uFF1A",
-          style: { fontSize: 15, fontWeight: "800", color: "#1f2533", marginTop: 17 }
+          style: {
+            fontSize: 15,
+            fontWeight: "800",
+            lineHeight: 1.55,
+            letterSpacing: -0.15,
+            color: "#1f2533"
+          }
         },
         {
+          // .lose
           type: "repeat",
           bind: "lose",
           template: loseRow3,
           style: {
             direction: "column",
-            marginTop: 12,
+            marginTop: 14,
             background: "#ffe9e6",
             borderWidth: 1,
             borderStyle: "solid",
@@ -5108,13 +5225,20 @@ var quotaLow = {
           }
         },
         {
+          // .tiers 的 border-top：白名单没有 borderTop，用 1px 实心分隔条代替
+          type: "box",
+          style: { height: 1, background: "#eceef3", marginTop: 18 }
+        },
+        {
+          // .tv：lead 被 normalizeTrialPricing 置空，所以整行都在 <b> 里
+          //（字重 800、墨色），后面跟价格口径标记 .tv-tag
           type: "flex",
-          style: { align: "center", gap: 8, marginTop: 17, marginBottom: 9 },
+          style: { align: "center", gap: 8, marginTop: 17, marginBottom: 11 },
           children: [
             {
               type: "text",
-              content: "\u7EED\u6EE1\u989D\u5EA6 \xB7 \u9009\u62E9\u5468\u671F",
-              style: { fontSize: 13.5, fontWeight: "700", color: "#747b89" }
+              content: "\u4E13\u5C5E\u4F18\u60E0 \xB7 \u5012\u8BA1\u65F6",
+              style: { fontSize: 13.5, fontWeight: "800", color: "#1f2533" }
             },
             {
               type: "text",
@@ -5131,19 +5255,27 @@ var quotaLow = {
             }
           ]
         },
+        // .tcols：wide 版 gap 8
         { type: "repeat", bind: "tiers", style: { gap: 8 }, template: tierCard3 },
         {
+          // .m-cta（th-loss 主题的红橙渐变）
           type: "flex",
           style: {
             justify: "center",
-            align: "center",
+            align: "baseline",
             gap: 5,
-            height: 52,
+            padding: "13px",
             radius: 11,
             background: "linear-gradient(90deg,#f53f3f,#ff7a45)",
-            marginTop: 15,
+            marginTop: 20,
+            shadow: "0 8px 18px rgba(245,63,63,0.14)",
+            transition: "transform 0.18s, box-shadow 0.18s",
             cursor: "pointer"
           },
+          hoverStyle: {
+            transform: "translateY(-1px)",
+            shadow: "0 10px 22px rgba(245,63,63,0.2)"
+          },
           action: {
             type: "sequence",
             actions: [
@@ -5157,11 +5289,18 @@ var quotaLow = {
           },
           children: [
             {
+              // .m-cta .ct
               type: "text",
               content: "\u7EED\u6EE1\u989D\u5EA6 \xB7",
-              style: { fontSize: 14, fontWeight: "800", color: "#ffffff" }
+              style: {
+                fontSize: 14,
+                fontWeight: "800",
+                letterSpacing: -0.2,
+                color: "#ffffff"
+              }
             },
             {
+              // .m-cta .cp —— demo 的 syncCTAPrice() 把它同步成「选中档位名 + 价格」
               type: "text",
               content: "{{ current.p }} \xA5{{ current.price }}",
               style: { fontSize: 16.5, fontWeight: "800", color: "#ffffff" }
@@ -5169,13 +5308,14 @@ var quotaLow = {
           ]
         },
         {
+          // .m-ghost
           type: "text",
           content: "\u5347\u7EA7\u6216\u67E5\u770B\u66F4\u591A\u4EA7\u54C1\u5957\u9910",
           style: {
-            fontSize: 12.5,
+            fontSize: 12,
             color: "#8a909c",
             textAlign: "center",
-            marginTop: 11,
+            marginTop: 10,
             cursor: "pointer"
           },
           action: { type: "track", event: "popup_more_plans" }
@@ -5310,10 +5450,17 @@ var imageHotspot = {
       id: "hotspot-never",
       type: "box",
       // 最底部「不再提醒」，动作是关弹窗而不是跳转。
-      // reason 上报给后端，后端据此不再下发这条物料——不需要写本地存储
+      // dismissForever 写本地标记让它前端立刻不再出现，close 才是真正关掉这一层；
+      // reason 一并上报，后端据此决定以后还下不下发
       rect: ["30%", 478, "40%", 26],
       style: { radius: 13, background: HOTSPOT_BG, cursor: "pointer" },
-      action: { type: "close", reason: "user-dismiss" }
+      action: {
+        type: "sequence",
+        actions: [
+          { type: "call", name: "dismissForever" },
+          { type: "close", reason: "dismiss-forever" }
+        ]
+      }
     }
   ]
 };
@@ -5393,7 +5540,9 @@ var noticeBar = {
             type: "sequence",
             actions: [
               { type: "track", event: "notice_close", params: { notice: "guide" } },
-              { type: "close", reason: "user-dismiss" }
+              // 行末的 × 只是「这次关掉」，不写本地标记：下次进页面它还该出现。
+              // 要「以后别再出现」得另放一个按钮，配 dismissForever（见 action 章节）
+              { type: "close", reason: "user-close" }
             ]
           }
         }
@@ -5628,7 +5777,8 @@ function checklistSection() {
       \u6709\u4E00\u4E2A\u4E0D\u5408\u89C4\uFF0C\u6574\u4EFD\u914D\u7F6E\u5C31\u5B58\u4E0D\u4E0A
 - [ ] \u6BCF\u4E2A\u89C6\u56FE\u7684 \`stage\` \u90FD\u6709 \`onShow\` \u66DD\u5149\u57CB\u70B9\u548C \`onClose\` \u5173\u95ED\u57CB\u70B9\uFF0C\`onClose\` \u7684 params \u91CC\u5E26\u4E0A \`"reason": "{{ closeReason }}"\`
 - [ ] \u5173\u95ED\u6309\u94AE\u6CA1\u6709\u591A\u4F59\u7684 \`icon\`\uFF08\u9ED8\u8BA4\u7684\u5185\u7F6E\u77E2\u91CF\u56FE\u6807\u5C31\u662F\u5BF9\u7684\uFF09
-- [ ] \u6CA1\u6709\u7528 \`call\` \u53BB\u8BB0\u5F55\u7528\u6237\u610F\u56FE\u6216\u5199\u672C\u5730\u5B58\u50A8\uFF08\`call\` \u53EA\u7528\u6765\u8BA9\u5BBF\u4E3B\u505A\u4E00\u4EF6\u4E8B\uFF0C\u5982\u5524\u8D77\u5145\u503C / \u6253\u5F00\u5BA2\u670D / \u590D\u5236\u5230\u526A\u8D34\u677F\uFF09\u3002\u300C\u4E0D\u518D\u63D0\u9192\u300D\u5199\u6210 \`{ "type": "close", "reason": "user-dismiss" }\`\uFF0C\u4E0D\u914D \`call\`
+- [ ] \u6BCF\u4E2A \`call\` \u7684 \`name\` \u90FD\u662F\u5BBF\u4E3B\u5DF2\u6CE8\u518C\u7684\u65B9\u6CD5\uFF08\u5F53\u524D\u53EA\u6709 \`dismissToday\` / \`dismissForever\`\uFF09\uFF0C\u6CA1\u6709\u81EA\u5DF1\u53D1\u660E\u7684\u540D\u5B57\u2014\u2014\u5199\u4E86\u6CA1\u6CE8\u518C\u7684\u540D\u5B57\u90A3\u4E00\u6B65\u9759\u9ED8\u5931\u6548
+- [ ] \u914D\u4E86\u300C\u4ECA\u65E5\u4E0D\u518D\u63D0\u793A\u300D/\u300C\u4E0D\u518D\u63D0\u793A\u300D\u7684\u8BDD\uFF1A\`call\` \u540E\u9762**\u8DDF\u7740 \`close\`**\uFF08\u8FD9\u4E24\u4E2A\u65B9\u6CD5\u53EA\u5199\u6807\u8BB0\u3001\u4E0D\u5173\u95ED\uFF0C\u6F0F\u4E86 \`close\` \u7528\u6237\u70B9\u5B8C\u5F39\u7A97\u8FD8\u5728\uFF09\uFF0C\u4E14 \`close\` \u5E26\u4E0A \`reason\`
 - [ ] \u6BCF\u4E2A \`animate.name\` \u90FD\u80FD\u5728\u9876\u5C42 \`keyframes\` \u91CC\u627E\u5230\uFF1B\`easing\` \u5728\u767D\u540D\u5355\u91CC\uFF1B\u6CA1\u6709\u5B9A\u4E49\u4E86\u5374\u6CA1\u4EBA\u5F15\u7528\u7684\u5173\u952E\u5E27
 - [ ] \u88C5\u9970\u6027\u56FE\u5C42\uFF08\u5149\u6655\u3001\u626B\u5149\u3001\u5149\u70B9\uFF09\u90FD\u5199\u4E86 \`"pointerEvents": "none"\`
 - [ ] \u8F93\u51FA\u7684\u662F\u5408\u6CD5 JSON\uFF08\u6CA1\u6709\u591A\u4F59\u9017\u53F7\u3001\u6CA1\u6709\u6CE8\u91CA\uFF09`;
@@ -5668,8 +5818,11 @@ function actionSection() {
 - \`setState\`\uFF1A\`{ "type": "setState", "key": "period", "value": "{{ index }}" }\` \u505A\u9009\u4E2D\u5207\u6362
 - \`close\`\uFF1A\u5173\u6389\u5F53\u524D\u8FD9\u4E00\u5C42\uFF08\u53EA\u6709\u4E00\u5C42\u65F6\u5C31\u662F\u6574\u4F53\u5173\u95ED\uFF09\u3002\u6CE8\u610F\u5B83\u53EA\u662F**\u901A\u77E5\u5BBF\u4E3B\u9875\u9762**\u300C\u7528\u6237\u60F3\u5173\u4E86\u300D\uFF0C\u7531\u5BBF\u4E3B\u51B3\u5B9A\u5173\u4E0D\u5173\uFF1B\u591A\u89C6\u56FE\u65F6\u5173\u5185\u5C42\u4E0D\u4F1A\u901A\u77E5\u5BBF\u4E3B\uFF0C\u53EA\u662F\u56DE\u5230\u4E0B\u9762\u90A3\u5C42
 - \`closeAll\`\uFF1A\u51E0\u5C42\u90FD\u5173\u6389\uFF0C\u4E00\u5B9A\u4F1A\u901A\u77E5\u5BBF\u4E3B
-- \u60F3\u300C\u5173\u4E86\u5C31\u522B\u518D\u51FA\u73B0\u300D\uFF0C\u5C31\u5199 \`{ "type": "close", "reason": "user-dismiss" }\`\u3002\u4E0A\u62A5\u51FA\u53BB\u662F \`{ "event": "close", "reason": "user-dismiss" }\`\uFF0C\u540E\u7AEF\u636E\u6B64\u6C38\u4E45\u538B\u5236\u8FD9\u6761\u7269\u6599\u3002**\u4E0D\u8981**\u518D\u914D \`call\` \u8BA9\u5BBF\u4E3B\u5199\u672C\u5730\u5B58\u50A8\u2014\u2014\u9891\u63A7\u7531\u540E\u7AEF\u7B97\uFF0C\u524D\u7AEF\u5B58\u7684\u4F9D\u636E\u540E\u7AEF\u770B\u4E0D\u89C1\uFF0C\u800C\u4E14\u6362\u8BBE\u5907\u3001\u6E05\u7F13\u5B58\u5C31\u6CA1\u4E86
-- \`call\`\uFF1A**\u8BA9\u5BBF\u4E3B\u53BB\u505A\u4E00\u4EF6\u4E8B**\uFF08\u5524\u8D77\u5145\u503C\u5F39\u7A97\u3001\u6253\u5F00\u5BA2\u670D\u4F1A\u8BDD\u3001\u590D\u5236\u5230\u526A\u8D34\u677F\u3001\u8DF3\u8F6C\u5E94\u7528\u5185\u7279\u5B9A\u9875\u9762\uFF09\u3002\u5224\u65AD\u6807\u51C6\uFF1A**\u8FD9\u4EF6\u4E8B\u540E\u7AEF\u9700\u4E0D\u9700\u8981\u77E5\u9053**\u2014\u2014\u9700\u8981\u5C31\u8D70\u4E0A\u62A5\uFF08\`close\` \u7684 \`reason\` \u6216 \`track\`\uFF09\uFF0C\u7EAF\u672C\u5730\u52A8\u4F5C\u624D\u7528 \`call\`\u3002\u7EDD\u4E0D\u7528 \`call\` \u8BB0\u5F55\u7528\u6237\u610F\u56FE\u6216\u5199\u672C\u5730\u5B58\u50A8
+- \`call\`\uFF1A**\u8BA9\u5BBF\u4E3B\u53BB\u505A\u4E00\u4EF6\u5DF2\u6CE8\u518C\u7684\u4E8B**\u3002\u540D\u5B57\u53EA\u80FD\u4ECE\u5BBF\u4E3B\u6CE8\u518C\u7684\u6E05\u5355\u91CC\u9009\uFF0C\u5199\u4E86\u6CA1\u6CE8\u518C\u7684\u540D\u5B57\u90A3\u4E00\u6B65\u9759\u9ED8\u5931\u6548\uFF08\u7269\u6599\u7167\u5E38\u663E\u793A\uFF0C\u6309\u94AE\u70B9\u4E86\u6CA1\u53CD\u5E94\uFF09\uFF0C\u6240\u4EE5\u4E0D\u8981\u81EA\u5DF1\u53D1\u660E\u65B9\u6CD5\u540D
+- \u300C\u4ECA\u65E5\u4E0D\u518D\u63D0\u793A\u300D/\u300C\u4E0D\u518D\u63D0\u793A\u300D\u7528\u73B0\u6210\u7684\u4E24\u4E2A\u65B9\u6CD5\uFF1A\`dismissToday\` / \`dismissForever\`\u3002**\u5B83\u4EEC\u53EA\u5199\u6807\u8BB0\u3001\u4E0D\u5173\u95ED**\uFF0C\`close\` \u5FC5\u987B\u81EA\u5DF1\u914D\u5728\u540E\u9762\uFF1A
+  \`{ "type": "sequence", "actions": [{ "type": "call", "name": "dismissToday" }, { "type": "close", "reason": "dismiss-today" }] }\`
+  \uFF08\u6C38\u4E45\u7248\u628A\u4E24\u5904\u5206\u522B\u6362\u6210 \`dismissForever\` \u548C \`"dismiss-forever"\`\uFF09
+- \u8FD9\u4E24\u4E2A\u65B9\u6CD5\u7684\u8BB0\u5F55**\u5B58\u5728\u7528\u6237\u6D4F\u89C8\u5668\u672C\u5730\u3001\u6309\u767B\u5F55\u8D26\u53F7\u9694\u79BB**\uFF0C\u6362\u8BBE\u5907 / \u6E05\u7F13\u5B58\u5C31\u5931\u6548\u2014\u2014\u662F\u300C\u5C11\u70E6\u6211\u4E00\u4E0B\u300D\u7684\u4F53\u9A8C\u4F18\u5316\uFF0C\u4E0D\u662F\u540E\u7AEF\u6C38\u4E45\u538B\u5236\u8FD9\u6761\u6295\u653E\u7684\u51ED\u636E\u3002\u6240\u4EE5 \`close\` \u7684 \`reason\` \u7167\u65E7\u8981\u5199\uFF0C\u90A3\u662F\u540E\u7AEF\u552F\u4E00\u770B\u5F97\u5230\u7684\u300C\u7528\u6237\u4E3A\u4EC0\u4E48\u5173\u300D
 - \`open\`\uFF1A\u6253\u5F00\u53E6\u4E00\u4E2A\u89C6\u56FE\uFF0C\u89C1\u4E0B\u4E00\u8282
 - \u4EFB\u4F55\u8282\u70B9\u52A0 \`action\` \u90FD\u80FD\u70B9\u51FB
 - **\u6BCF\u4E2A\u53EF\u70B9\u51FB\u5143\u7D20\u90FD\u5E94\u8BE5\u914D \`track\`**\uFF0C\u5426\u5219\u6CA1\u6709\u6570\u636E\u53EF\u770B
@@ -5738,7 +5891,7 @@ countdown_end          // \u5012\u8BA1\u65F6\u5F52\u96F6
   ] } }
 \`\`\`
 
-\`close\` \u53EA\u901A\u77E5\u5BBF\u4E3B\u300C\u8FD9\u4E00\u6B21\u5173\u4E0D\u5173\u300D\uFF1B\u300C\u4EE5\u540E\u8FD8\u51FA\u4E0D\u51FA\u300D\u7531\u540E\u7AEF\u6309\u4E0A\u62A5\u7684 \`reason\` \u51B3\u5B9A\uFF0C\u6240\u4EE5 \`reason: "user-dismiss"\` \u5C31\u591F\u4E86\uFF0C\u4E0D\u8981\u518D\u914D \`call\`\u3002
+\`close\` \u53EA\u901A\u77E5\u5BBF\u4E3B\u300C\u8FD9\u4E00\u6B21\u5173\u4E0D\u5173\u300D\uFF1B\`reason\` \u4F1A\u539F\u6837\u4E0A\u62A5\uFF0C\u540E\u7AEF\u636E\u6B64\u5224\u65AD\u300C\u4EE5\u540E\u8FD8\u51FA\u4E0D\u51FA\u300D\u3002\u60F3\u8BA9\u5B83\u5728\u524D\u7AEF\u4E5F\u7ACB\u523B\u4E0D\u518D\u51FA\u73B0\uFF0C\u5728 \`close\` \u4E4B\u524D\u52A0\u4E00\u6761 \`{ "type": "call", "name": "dismissToday" }\`\uFF08\u6216 \`dismissForever\`\uFF09\u3002
 \u6574\u6761\u53EF\u70B9 + \u884C\u672B \xD7 \u4E0D\u4F1A\u51B2\u7A81\uFF1A\u5185\u5C42\u6709\u81EA\u5DF1\u7684 \`action\` \u5C31\u4E0D\u518D\u5192\u6CE1\u7ED9\u5916\u5C42\u3002`;
 }
 function viewsSection() {