From bd86f3961ebedefe2d05598e2da3e9760b0a21be Mon Sep 17 00:00:00 2001
From: "delong.wang" <w.del@qq.com>
Date: Thu, 14 Sep 2023 12:33:30 +0800
Subject: [PATCH] feat(fe): update block page styles

---
 blockpage/index.html   | 32 ++++++++++++++------------------
 blockpage/limited.html | 11 +++++++++--
 2 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/blockpage/index.html b/blockpage/index.html
index 6b88e3f..1140f98 100644
--- a/blockpage/index.html
+++ b/blockpage/index.html
@@ -44,12 +44,19 @@
         margin-bottom: 1.5rem;
         font-size: 20px;
         line-height: 1.6;
-        color: #333;
+        color: black;
+      }
+
+      .intercepted-tips {
+        margin: 8px 0;
+        font-size: 14px;
+        color: rgba(0, 0, 0, 0.7);
       }
 
       .intercepted-item {
         margin: 8px 0;
-        color: #666;
+        font-size: 12px;
+        color: rgba(0, 0, 0, 0.3);
       }
 
       .footer {
@@ -81,7 +88,6 @@
                 xmlns="http://www.w3.org/2000/svg"
                 xmlns:xlink="http://www.w3.org/1999/xlink"
               >
-                <title>编组 12</title>
                 <defs>
                   <linearGradient
                     x1="50%"
@@ -155,71 +161,60 @@
                   </filter>
                 </defs>
                 <g
-                  id="页面-1"
                   stroke="none"
                   stroke-width="1"
                   fill="none"
                   fill-rule="evenodd"
                 >
-                  <g id="编组-12" transform="translate(49.000000, 38.000000)">
+                  <g transform="translate(49.000000, 38.000000)">
                     <path
                       d="M292.40836,59.04 C290.927217,51.9634286 285.002646,46.6971429 277.761503,46.368 C222.13636,44.8868571 176.385503,16.5805714 157.953503,3.08571429 C152.358074,-1.02857143 144.95236,-1.02857143 139.356931,3.08571429 C120.431217,16.5805714 75.1740742,44.8868571 19.5489314,46.368 C12.4723599,46.6971429 6.21864565,51.9634286 4.90207422,59.04 C-3.98478292,103.474286 -19.2899258,254.057143 148.902074,324 C316.60036,253.892571 300.966074,103.474286 292.40836,59.04 Z"
-                      id="路径"
                       fill="url(#linearGradient-1)"
                       fill-rule="nonzero"
                     ></path>
                     <path
                       d="M292.40836,59.04 C290.927217,51.9634286 285.002646,46.6971429 277.761503,46.368 C222.13636,44.8868571 176.385503,16.5805714 157.953503,3.08571429 C152.358074,-1.02857143 144.95236,-1.02857143 139.356931,3.08571429 C120.431217,16.5805714 75.1740742,44.8868571 19.5489314,46.368 C12.4723599,46.6971429 6.21864565,51.9634286 4.90207422,59.04 C-3.98478292,103.474286 -19.2899258,254.057143 148.902074,324 C316.60036,253.892571 300.966074,103.474286 292.40836,59.04 Z"
-                      id="路径"
                       fill="url(#linearGradient-1)"
                       fill-rule="nonzero"
                       filter="url(#filter-2)"
                     ></path>
                     <path
                       d="M149,261.4 C205.553958,261.4 251.4,215.553958 251.4,159 C251.4,131.275004 240.381593,106.123494 222.484813,87.6855068 C209.900749,96.0964568 185.81512,106.024178 175.564259,100.853688 C166.334879,96.1984273 157.476591,88.4505652 148.989396,77.610101 C142.047769,88.5334102 134.670586,95.5517221 126.857848,98.6650367 C120.689419,101.123107 98.2592604,102.915695 75.4419467,87.761039 C57.5883513,106.192154 46.6,131.312844 46.6,159 C46.6,215.553958 92.4460416,261.4 149,261.4 Z"
-                      id="椭圆形备份-26"
                       fill="url(#linearGradient-3)"
                     ></path>
                     <g
-                      id="编组-5备份-6"
                       transform="translate(91.771423, 102.101722)"
                       fill="#FFFFFF"
                     >
                       <polygon
-                        id="路径-130备份-29"
                         transform="translate(57.217971, 95.920999) rotate(-180.000000) translate(-57.217971, -95.920999) "
                         points="56.6651511 64.9496372 -7.57241738e-17 97.1108413 50.6084036 126.892361 68.8016729 117.264704 34.3433228 97.1108413 56.6651511 84.5503086 96.9001091 107.376711 96.9001091 114.88399 114.435942 125.435553 114.435942 97.1108413"
                       ></polygon>
                       <polygon
-                        id="路径-130备份-30"
                         transform="translate(57.217971, 30.971362) rotate(-360.000000) translate(-57.217971, -30.971362) "
                         points="56.6651511 2.84217094e-14 -7.57241738e-17 32.1612041 50.6084036 61.9427239 68.8016729 52.3150668 34.3433228 32.1612041 56.6651511 19.6006714 96.9001091 42.4270741 96.9001091 49.9343528 114.435942 60.4859155 114.435942 32.1612041"
                       ></polygon>
                       <polygon
-                        id="路径-130备份-29"
                         opacity="0.40499442"
                         transform="translate(57.217971, 95.920999) rotate(-180.000000) translate(-57.217971, -95.920999) "
                         points="56.6651511 64.9496372 -7.57241738e-17 97.1108413 50.6084036 126.892361 68.8016729 117.264704 34.3433228 97.1108413 56.6651511 84.5503086 96.9001091 107.376711 96.9001091 114.88399 114.435942 125.435553 114.435942 97.1108413"
                       ></polygon>
                       <polygon
-                        id="路径-130备份-30"
                         opacity="0.40499442"
                         transform="translate(57.217971, 30.971362) rotate(-360.000000) translate(-57.217971, -30.971362) "
                         points="56.6651511 4.8316906e-13 -7.57241738e-17 32.1612041 50.6084036 61.9427239 68.8016729 52.3150668 34.3433228 32.1612041 56.6651511 19.6006714 96.9001091 42.4270741 96.9001091 49.9343528 114.435942 60.4859155 114.435942 32.1612041"
                       ></polygon>
                     </g>
                     <g
-                      id="长亭logo备份-18"
                       transform="translate(72.200000, 45.222222)"
                       fill-rule="nonzero"
                     >
-                      <g id="编组-7">
+                      <g>
                         <path
                           d="M96.7632666,18.0061837 C96.7632666,18.0061837 79.3862969,15.2966085 76.7907961,0 C74.1952953,15.2966085 56.8183256,18.0061837 56.8183256,18.0061837 C39.1836466,20.8694936 30.6424242,7.60987058 30.6424242,7.60987058 C39.0363842,30.6893013 53.7258141,29.862977 53.7258141,29.862977 L99.8741859,29.862977 C99.8741859,29.862977 114.563616,30.6700845 122.957576,7.60987058 C122.957576,7.60987058 114.416353,20.8694936 96.7816744,18.0061837 L96.7632666,18.0061837 Z"
-                          id="路径"
                           fill="#27B876"
                         ></path>
-                        <g id="路径">
+                        <g>
                           <use
                             fill="black"
                             fill-opacity="1"
@@ -235,6 +230,7 @@
               </svg>
             </div>
             <div class="intercepted">请求存在威胁，已被拦截</div>
+            <div class="intercepted-tips" id="intercepted-tips"></div>
             <div class="intercepted-item" id="EventID"></div>
             <div class="intercepted-item" id="TYPE"></div>
             <div class="intercepted-item">拦截时间: <span id="now"></span></div>
@@ -287,7 +283,7 @@
 
         /**
          * 以后引擎按此约定插入新参数：
-         * <!-- event_id: ****** type: A anymore: **** -->
+         * event_id: ****** type: A anymore: ****
          */
 
         try {
diff --git a/blockpage/limited.html b/blockpage/limited.html
index a578137..8cf6264 100644
--- a/blockpage/limited.html
+++ b/blockpage/limited.html
@@ -44,12 +44,18 @@
         margin-bottom: 1.5rem;
         font-size: 20px;
         line-height: 1.6;
-        color: #333;
+        color: black;
+      }
+
+      .intercepted-tips {
+        margin: 8px 0;
+        font-size: 14px;
+        color: rgba(0, 0, 0, 0.7);
       }
 
       .intercepted-item {
         margin: 8px 0;
-        color: #666;
+        color: rgba(0, 0, 0, 0.3);
       }
 
       .footer {
@@ -225,6 +231,7 @@
             <div id="intercepted" class="intercepted">
               请求频率过高，存在威胁，已被拦截
             </div>
+            <div class="intercepted-tips" id="intercepted-tips"></div>
             <div class="intercepted-item">
               <span id="intercepted-at">拦截时间</span>: <span id="now"></span>
             </div>