样式修改完成，待测试

html/qlc.html

@@ -66,9 +66,10 @@
     <div class="page-title-bar">
       <div class="page-title">七乐彩走势图</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>
 
@@ -78,10 +79,9 @@
           <tr>
             <td rowspan="2" class="col-issue">期号</td>
             <td rowspan="2" class="col-code">开奖号</td>
-            <td colspan="10" class="zone-z1">一区(01-10)</td>
-            <td colspan="10" class="zone-z2">二区(11-20)</td>
-            <td colspan="10" class="zone-z3">三区(21-30)</td>
-            <td colspan="1" class="zone-sp">特别号</td>
+            <td colspan="10" class="zone-z1">一区</td>
+            <td colspan="10" class="zone-z2">二区</td>
+            <td colspan="10" class="zone-z3">三区</td>
           </tr>
           <tr id="header-row"></tr>
         </thead>
@@ -179,8 +179,6 @@
           for (var i = 1; i <= MAIN_MAX; i++) {
             html += "<td>" + (i < 10 ? "0" + i : i) + "</td>";
           }
-          // Special number column
-          html += "<td>特</td>";
           $("#header-row").html(html);
         }
 
@@ -213,12 +211,20 @@
               specialSet[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>";
+            html += '<td class="col-code">' + CommonUtil.renderTrendOpenCode(item.openCode, { mode: "qlc" }) + "</td>";
 
             for (var i = 1; i <= MAIN_MAX; i++) {
-              if (mainSet[i]) {
+              if (specialSet[i]) {
+                html +=
+                  '<td><span class="hit-blue">' +
+                  (i < 10 ? "0" + i : i) +
+                  "</span></td>";
+              } else if (mainSet[i]) {
                 html +=
                   '<td><span class="hit-main">' +
                   (i < 10 ? "0" + i : i) +
@@ -227,19 +233,8 @@
                 html +=
                   '<td><span class="miss-num">' +
                   (i < 10 ? "0" + i : i) +
-                  "</span></td>";
-              }
-            }
-            // Show special number
-            if (parsed.specials.length > 0) {
-              html +=
-                '<td><span class="hit-special">' +
-                (parsed.specials[0] < 10
-                  ? "0" + parsed.specials[0]
-                  : parsed.specials[0]) +
                 "</span></td>";
-            } else {
-              html += "<td>-</td>";
+              }
             }
             html += "</tr>";
           }
@@ -299,11 +294,8 @@
 
         function buildStats(data) {
           var ms = calcStats(data, MAIN_MAX, function (d) {
-            return parseCode(d.openCode).mains;
-          });
-          // Special number stats (1-30 range for special)
-          var ss = calcStats(data, MAIN_MAX, function (d) {
-            return parseCode(d.openCode).specials;
+            var parsed = parseCode(d.openCode);
+            return parsed.mains.concat(parsed.specials);
           });
 
           var labels = [
@@ -325,8 +317,6 @@
               "</td>";
             for (var i = 1; i <= MAIN_MAX; i++)
               stats += "<td>" + ms[keys[li]][i] + "</td>";
-            // Special column stats
-            stats += "<td>-</td>";
             stats += "</tr>";
           }
           return stats;
@@ -335,7 +325,8 @@
         function loadData() {
           ApiClient.requestLegacyLotteryResultCompat({ suoxie: "qlc" }).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);
               }
           });