<!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 3</span>
        <span class="caption">Regression analysis of appearance anxiety, interpersonal sensitivity, social support, and depression.</span>
    </div>
    <table class="table table-bordered table-condensed table-hover table-text" data-jats-content-type="text">
<colgroup>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
</colgroup>
<thead>
<tr>
<th colspan="2">Regression model</th>
<th colspan="4">Model fit index</th>
<th>Significance of regression coefficients</th>
</tr>
<tr>
<th>Outcome variables</th>
<th>Predictive variables</th>
<th>R</th>
<th>R<sup>2</sup>
</th>
<th>F</th>
<th>β</th>
<th>t</th>
</tr>
</thead>
<tbody>
<tr>
<td>Interpersonal sensitivity</td>
<td>Appearance anxiety</td>
<td data-jats-char="." style="text-align:char;">0.582</td>
<td data-jats-char="." style="text-align:char;">0.338</td>
<td data-jats-char="." style="text-align:char;">52.310</td>
<td data-jats-char="." style="text-align:char;">0.575</td>
<td data-jats-char="." style="text-align:char;">18.648<a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-3fn3" href="#table-3fn3">***</a>
</td>
</tr>
<tr>
<td>Social support</td>
<td>Appearance anxiety</td>
<td data-jats-char="." style="text-align:char;">0.417</td>
<td data-jats-char="." style="text-align:char;">0.174</td>
<td data-jats-char="." style="text-align:char;">18.825</td>
<td data-jats-char="." style="text-align:char;">0.234</td>
<td>5.569<a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-3fn3" href="#table-3fn3">***</a>
</td>
</tr>
<tr>
<td></td>
<td>Interpersonal sensitivity</td>
<td></td>
<td></td>
<td></td>
<td data-jats-char="." style="text-align:char;">−0.179</td>
<td>−4.289<a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-3fn3" href="#table-3fn3">***</a>
</td>
</tr>
<tr>
<td>Depression</td>
<td>Appearance anxiety</td>
<td data-jats-char="." style="text-align:char;">0.583</td>
<td data-jats-char="." style="text-align:char;">0.340</td>
<td data-jats-char="." style="text-align:char;">40.790</td>
<td data-jats-char="." style="text-align:char;">0.168</td>
<td data-jats-char="." style="text-align:char;">4.370<a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-3fn3" href="#table-3fn3">***</a>
</td>
</tr>
<tr>
<td></td>
<td>Interpersonal sensitivity</td>
<td></td>
<td></td>
<td></td>
<td data-jats-char="." style="text-align:char;">0.384</td>
<td data-jats-char="." style="text-align:char;">10.142<a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-3fn3" href="#table-3fn3">***</a>
</td>
</tr>
<tr>
<td></td>
<td>Social support</td>
<td></td>
<td></td>
<td></td>
<td data-jats-char="." style="text-align:char;">−0.161</td>
<td>−4.801<a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-3fn3" href="#table-3fn3">***</a>
</td>
</tr>
</tbody>
</table>
    <div class="note">
        Notes: *** P < 0.001. β is the normalization factor.
    </div>
</body>
</html>