/**
 * Hero内容区域修复样式
 * 
 * 解决hero区域出现阴影效果的问题
 * 移除默认的黑色半透明背景，只在Instagram内置浏览器中应用
 */

/* 移除默认的黑色半透明背景 */
.hero-content {
  background: transparent !important;
}

.theme-hero-overlay {
  background-color: transparent !important;
}

/* 在Instagram浏览器中强制移除任何蒙版 */
html.instagram-browser .hero-content {
  background: transparent !important;
  background-color: transparent !important;
}

html.instagram-browser .theme-hero-overlay {
  background-color: transparent !important;
  background: transparent !important;
}

/* 移除Instagram浏览器中可能的::before伪元素蒙版 */
html.instagram-browser .theme-hero::before {
  background: transparent !important;
  display: none !important;
}