样式修改完成，待测试

html/qxc.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>
 
@@ -178,13 +179,13 @@
         var currentCount = 30;
         var allData = [];
         var hitClasses = [
-          "hit-p1",
-          "hit-p2",
-          "hit-p3",
-          "hit-p4",
-          "hit-p5",
-          "hit-p6",
-          "hit-p7",
+          "hit-red",
+          "hit-red",
+          "hit-red",
+          "hit-red",
+          "hit-red",
+          "hit-red",
+          "hit-blue",
         ];
         var posMaxes = [9, 9, 9, 9, 9, 9, LAST_MAX]; // max value for each position
 
@@ -198,7 +199,12 @@
         }
 
         function parseCode(code) {
-          var nums = code.split(",").map(function (n) {
+          var value = String(code || "");
+          var parts = value.split(/[,+\s、，]+/).filter(Boolean);
+          if (parts.length <= 1) {
+            parts = value.replace(/[^\d]/g, "").split("").filter(Boolean);
+          }
+          var nums = parts.map(function (n) {
             return parseInt(n);
           });
           return nums;
@@ -211,9 +217,12 @@
             var item = data[r];
             var nums = parseCode(item.openCode);
 
-            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: "qxc" }) + "</td>";
 
             for (var p = 0; p < POS_COUNT; p++) {
               var max = posMaxes[p];
@@ -323,7 +332,8 @@
         function loadData() {
           ApiClient.requestLegacyLotteryResultCompat({ suoxie: "qxc" }).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);
               }
           });