样式修改完成，待测试

html/kl8.html

@@ -66,9 +66,10 @@
     <div class="page-title-bar">
       <div class="page-title">快乐8走势图</div>
       <div class="qishu">
+        <div class="qishu-but" data-count="10">10期</div>
+        <div class="qishu-but" data-count="20">20期</div>
         <div class="qishu-but active" data-count="30">30期</div>
         <div class="qishu-but" data-count="60">60期</div>
-        <div class="qishu-but" data-count="100">100期</div>
       </div>
     </div>
 
@@ -77,7 +78,6 @@
         <thead>
           <tr>
             <td rowspan="2" class="col-issue">期号</td>
-            <td rowspan="2" class="col-code">开奖号</td>
             <td colspan="40" class="zone-g1">1-40</td>
             <td colspan="40" class="zone-g2">41-80</td>
           </tr>
@@ -198,13 +198,15 @@
               hitSet[n] = true;
             });
 
-            html += "<tr>";
+            html +=
+              r > 0 && r % 10 === 0
+                ? '<tr class="trend-period-separator">'
+                : "<tr>";
             html += '<td class="col-issue">' + item.issue + "</td>";
-            html += '<td class="col-code">' + item.openCode + "</td>";
 
             for (var i = 1; i <= NUM_MAX; i++) {
               if (hitSet[i]) {
-                var cls = i <= 40 ? "hit-num" : "hit-num g2";
+                var cls = "hit-num";
                 html +=
                   '<td><span class="' +
                   cls +
@@ -292,7 +294,7 @@
             html +=
               '<tr class="' +
               cls +
-              '"><td colspan="2" class="stat-label">' +
+              '"><td colspan="1" class="stat-label">' +
               labels[li] +
               "</td>";
             for (var i = 1; i <= NUM_MAX; i++)
@@ -305,7 +307,8 @@
         function loadData() {
           ApiClient.requestLegacyLotteryResultCompat({ suoxie: "kl8" }).then(function (res) {
               if (res && res.data) {
-                allData = res.data;
+                allData = Array.isArray(res.data) ? res.data : (res.data && (res.data.records || res.data.rows || res.data.list || res.data.data)) || [];
+                if (!Array.isArray(allData)) allData = [];
                 renderData(currentCount);
               }
           });