<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Styled Table</title>
  <style>
    body {
      font-family: 'Georgia', serif;
      padding: 2rem;
      background-color: #fff;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      font-size: 16px;
    }

    caption {
      caption-side: top;
      font-weight: bold;
      text-align: left;
      background-color: #eaf3fb;
      padding: 0.75rem 1rem;
      font-size: 18px;
    }

    caption span {
      color: #007acc;
    }

    th, td {
      padding: 10px 15px;
      text-align: left;
      vertical-align: top;
      border-bottom: 1px solid #ccc;
    }

    th {
      font-weight: bold;
      border-bottom: 3px solid #007acc;
    }

    tr:last-child td {
      border-bottom: 3px solid #007acc;
    }

    td em {
      font-style: italic;
    }

    .table-caption {
      background-color: #eaf6ff; /* light blue background */
      border-top: 2px solid #00aaff; /* top border */
      padding: 10px;
      font-family: 'Georgia', serif;
      font-size: 18px;
    }

    .table-caption .label {
      color: #00aaff;
      font-weight: bold;
    }

    .table-caption .caption {
      font-weight: bold;
    }

    .note {
        font-size: 16px;
        padding: 10px;
    }
  </style>
</head>
<body>
    <div class="table-caption">
        <span class="label">Table 2</span>
        <span class="caption">Cold in middle-aged and elderly with different characteristics.</span>
    </div>
    <table class="table table-bordered table-condensed table-hover">
<colgroup>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
</colgroup>
<thead>
<tr>
<th>Variables</th>
<th>0 times<br/>(<i>n</i> = 817)</th>
<th>1 time<br/>(<i>n</i> = 418)</th>
<th>≥ 2 times<br/>(<i>n</i> = 448)</th>
<th>
<i>χ</i><sup>2</sup>
</th>
<th>
<i>P</i>-value</th>
</tr>
</thead>
<tbody>
<tr>
<td><b>Weekly PA level</b></td>
<td></td>
<td></td>
<td></td>
<td rowspan="4">33.936</td>
<td rowspan="4">0.202</td>
</tr>
<tr>
<td>Low</td>
<td>314 (38.43)</td>
<td>196 (46.89)</td>
<td>247 (55.13)</td>
</tr>
<tr>
<td>Moderate</td>
<td>210 (25.70)</td>
<td>87 (20.81)</td>
<td>85 (18.97)</td>
</tr>
<tr>
<td>High</td>
<td>293 (35.86)</td>
<td>135 (32.30)</td>
<td>116 (25.89)</td>
</tr>
<tr>
<td><b>Genders</b></td>
<td></td>
<td></td>
<td></td>
<td rowspan="3">3.196</td>
<td rowspan="3">&lt;0.001</td>
</tr>
<tr>
<td>Male</td>
<td>377 (46.14)</td>
<td>178 (42.58)</td>
<td>185 (41.29)</td>
</tr>
<tr>
<td>Female</td>
<td>440 (53.86)</td>
<td>240 (57.42)</td>
<td>263 (58.71)</td>
</tr>
<tr>
<td><b>Age (years)</b></td>
<td></td>
<td></td>
<td></td>
<td rowspan="4">5.336</td>
<td rowspan="4">0.255</td>
</tr>
<tr>
<td>40∼59</td>
<td>472 (57.77)</td>
<td>233 (55.74)</td>
<td>242 (54.02)</td>
</tr>
<tr>
<td>60∼69</td>
<td>202 (24.72)</td>
<td>93 (22.25)</td>
<td>110 (24.55)</td>
</tr>
<tr>
<td>≥70</td>
<td>143 (17.50)</td>
<td>92 (22.01)</td>
<td>96 (21.43)</td>
</tr>
<tr>
<td><b>Chronic disease</b></td>
<td></td>
<td></td>
<td></td>
<td rowspan="4">18.195</td>
<td rowspan="4">0.0011</td>
</tr>
<tr>
<td>None</td>
<td>434 (53.12)</td>
<td>191 (45.69)</td>
<td>186 (41.52)</td>
</tr>
<tr>
<td>Single</td>
<td>258 (31.58)</td>
<td>143 (34.21)</td>
<td>171 (38.17)</td>
</tr>
<tr>
<td>Multiple</td>
<td>125 (15.30)</td>
<td>84 (20.10)</td>
<td>91 (20.31)</td>
</tr>
<tr>
<td><b>Regions</b></td>
<td></td>
<td></td>
<td></td>
<td rowspan="4">40.085</td>
<td rowspan="4">&lt;0.001</td>
</tr>
<tr>
<td>Eastern China</td>
<td>533 (65.24)</td>
<td>250 (59.81)</td>
<td>213 (47.54)</td>
</tr>
<tr>
<td>Central China</td>
<td>201 (24.60)</td>
<td>130 (31.10)</td>
<td>168 (37.50)</td>
</tr>
<tr>
<td>Western China</td>
<td>83 (10.16)</td>
<td>38 (9.09)</td>
<td>67 (14.96)</td>
</tr>
</tbody>
</table>
    <div class="note">
        
    </div>
</body>
</html>