<style>
  body {
    margin: 0;
    padding: 0;
    height: 100vh;
    background-image: url('your-image.jpg');
    background-size: cover;      /* 图片覆盖整个区域 */
    background-position: center; /* 居中显示 */
    background-repeat: no-repeat;/* 不重复 */
    background-attachment: fixed;/* 可选：滚动时背景固定 */
  }
</style>

<style>
  .fullscreen-img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;  /* 类似 background-size: cover */
    z-index: -1;        /* 确保不影响其他内容 */
  }
</style>
<p>@@##@@</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/1020">
                            <img src="https://img.php.cn/upload/ai_manual/001/503/042/68b6cd0113f2e874.png" alt="SONIFY.io">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/1020">SONIFY.io</a>
                            <p>设计和开发音频优先的产品和数据驱动的解决方案</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="SONIFY.io">
                                <span>75</span>
                            </div>
                        </div>
                        <a href="/ai/1020" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="SONIFY.io">
                        </a>
                    </div>