【问题】：手机版中的blogger组件显示问题

[xingpingcn]

检查清单

• [X] 已经搜索过，没有发现类似 issue。
• [X] 已经搜索过主题文档，没有发现相关内容。
• [X] 已经尝试使用过最新版，问题依旧存在。

主题版本

5.x

复现地址

https://xingpingcn.github.io/

问题描述

没有以卡片形式显示

配置文件

站点配置文件

```yml 在这里粘贴替换 `blog/_config.yml` 中修改过的部分 ```

主题配置文件

```yml 在这里粘贴替换 `themes/volantis/_config.yml` 中修改过的部分 ```

环境信息

node.js & npm

``` 在这里粘贴替换 `node -v && npm -v` 输出的信息 ```

package.json

``` 在这里粘贴替换 `npm ls --depth 0` 输出的信息 ```

[xaoxuu]

这个好像本来就设计成这个样子的

[xingpingcn]

这个好像本来就设计成这个样子的

文字没有反色

[ulua3809]

这个好像本来就设计成这个样子的

文字没有反色

在xxx\themes\volantis\source\css\_style\_layout\sidebar.styl 约line 180 - 200

    @media screen and (max-width: $device-tablet)
      box-shadow: none
      // 移除手机显示blogger背景限制
      //background: transparent !important
      // 移除手机端blogger顶部padding
      //margin-top: 2 * $gap
      //backdrop-filter: none
      //字体颜色改为text
      color: var(--color-text)

效果

模糊是自己加的