4dcaad36?w=200" alt="">
        </div>
      </div>
    </div>
    <div class="box">
      <h4>文字和颜色</h4>
      <div class="row">
        <div class="avatar xlarge" style="--bg: red">
          <span>永</span>
        </div>
        <div class="avatar large" style="--bg: #33fe7a">
          <span>永</span>
        </div>
        <div class="avatar" style="--bg: #569fda">
          <span>永</span>
        </div>
        <div class="avatar small" style="--bg: #ff7c00">
          <span>永</span>
