diff --git a/deploy/landing/index.html b/deploy/landing/index.html index b078d47..df81273 100644 --- a/deploy/landing/index.html +++ b/deploy/landing/index.html @@ -202,7 +202,12 @@ h1 .accent { color: var(--brand); } max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; - filter: drop-shadow(0 26px 44px rgba(15,20,25,0.13)); + /* 把图片的硬边框**融进页面白底**:径向遮罩让中心(柜体)保持不透明、四缘渐变透明。 + 否则 4:3 的图贴在白底上会有一道明显的"贴图"竖直硬边。 + 椭圆半径按柜体在画面里的占比取(柜体约占宽 50%、高 84%)⇒ 柜体完全在实心区内, + 只有背景在边缘化开。图片自带地面投影,故移除 CSS 投影(否则影子会被遮罩切断)。 */ + -webkit-mask-image: radial-gradient(ellipse 72% 86% at 50% 50%, #000 58%, transparent 92%); + mask-image: radial-gradient(ellipse 72% 86% at 50% 50%, #000 58%, transparent 92%); } /* ===== BOT: 底部备案 ===== */