我来帮你搞定这三个需求，直接通过自定义CSS就能实现，步骤很简单：

第一步：打开Blogger的自定义CSS面板 #

1. 登录你的Blogger后台，进入「主题」页面
2. 点击「自定义」按钮，在弹出的编辑器里选择「高级」选项卡
3. 滚动到最底部，找到「添加CSS」的输入框

第二步：粘贴以下CSS代码 #

/* 1. 让所有文章摘要永久显示阴影效果，无需鼠标悬停 */
.post-summary-card {
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  /* 这里的阴影参数匹配Emporio主题默认hover阴影，可按需调整 */
}

/* 2. 确保移动端也能显示阴影（移除主题可能的移动端限制） */
@media screen and (max-width: 767px) {
  .post-summary-card {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  }
}

/* 3. 取消鼠标悬停时的图片暗淡效果 */
.post-summary-card:hover .post-image {
  opacity: 1 !important;
  filter: none !important;
}

代码说明 #

• 第一部分把原来仅在hover状态才触发的阴影，直接应用到所有摘要卡片的默认状态，让阴影永久显示
• 第二部分通过媒体查询强制移动端也加载阴影样式（部分主题会在小屏幕下隐藏hover相关效果）
• 第三部分覆盖了主题默认的hover图片暗淡逻辑，将透明度拉满、清空滤镜，保证图片始终显示原始亮度

额外调整提示 #

如果你觉得阴影的深浅、大小不符合预期，可以修改box-shadow的参数：

• 0是水平偏移量，4px是垂直偏移量，12px是模糊半径，rgba(0,0,0,0.15)是阴影的颜色与透明度，按需修改即可

粘贴完代码后点击「应用到博客」，刷新页面就能看到效果啦！

内容的提问来源于stack exchange，提问作者firoze