Md2WeChat - Smart Shadow

Input.md

Style.css (With Drop-Shadow)

/* 
  === Super Agent Party 风格 (图片轮廓阴影版) === 
*/
.wechat-content {
  font-family: Consolas, "Courier New", monospace;
  font-size: 15px;
  line-height: 1.75;
  color: #111;
  text-align: justify;
  background-color: #fff;
}
/* 
  ★ 核心修改：图片样式 
  使用 filter: drop-shadow 替代 box-shadow
*/
.wechat-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 30px auto;
  /* 1. 必须去除边框，否则阴影会沿着边框生成 */
  border: none;
  /* 2. 关键属性：轮廓投影 */
  /* 格式: X偏移 Y偏移 模糊半径 颜色 */
  /* 设置为 0px 模糊半径可获得像素风硬阴影 */
  filter: drop-shadow(6px 6px 0px #FFD700);
  /* 3. 兼容性：确保背景透明 */
  background: transparent;
  /* 4. 可选：给图片本身加一点圆角，阴影也会跟着变圆 */
  border-radius: 6px;
}
/* --- 其他样式保持不变 --- */
.wechat-content h1 {
  font-size: 24px;
  font-weight: 900;
  color: #000;
  margin-top: 40px;
  margin-bottom: 25px;
  border-left: 8px solid #000;
  padding-left: 15px;
}
.wechat-content h2 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 35px;
  margin-bottom: 20px;
  color: #000;
  border-bottom: 4px solid #FFD700;
  display: inline-block;
  padding-bottom: 4px;
}
.wechat-content p {
  margin-bottom: 20px;
  letter-spacing: 0.05em;
}
.wechat-content blockquote {
  margin: 25px 0;
  padding: 15px 20px;
  border: 2px solid #000;
  background-color: #f9f9f9;
  box-shadow: 6px 6px 0px #FFD700;
  color: #333;
  font-size: 14px;
}
.wechat-content pre {
  background: #1a1a1a;
  color: #fff;
  padding: 15px;
  margin: 20px 0;
  border: 1px solid #333;
  box-shadow: 6px 6px 0px #000;
  overflow-x: auto;
  font-size: 13px;
}
.wechat-content pre code {
  background: transparent;
  padding: 0;
  color: #fff;
}
.wechat-content a {
  color: #000;
  text-decoration: underline;
  text-decoration-color: #FFD700;
  font-weight: bold;
}

Preview