diff --git a/src/pages/exhibit/detail.vue b/src/pages/exhibit/detail.vue index 3e6b8b1..fbde532 100644 --- a/src/pages/exhibit/detail.vue +++ b/src/pages/exhibit/detail.vue @@ -23,8 +23,6 @@ mode="aspectFill" /> - - @@ -1142,52 +1140,6 @@ const handleBack = () => { linear-gradient(90deg, rgba(10, 16, 11, 0.46) 0%, rgba(10, 16, 11, 0.1) 48%, rgba(10, 16, 11, 0.36) 100%); } -.hero-trace { - position: absolute; - z-index: 2; - pointer-events: none; - opacity: 0.42; - mix-blend-mode: screen; -} - -.immersive-hero.has-real-image .hero-trace { - opacity: 0.16; -} - -.trace-a { - left: -18px; - top: 96px; - width: 330px; - height: 300px; - border-radius: 48% 52% 54% 46%; - background: - repeating-radial-gradient(ellipse at 88% 50%, - transparent 0, - transparent 14px, - rgba(255, 24, 101, 0.95) 15px, - rgba(255, 24, 101, 0.95) 17px, - transparent 18px, - transparent 28px); - transform: rotate(-4deg); -} - -.trace-b { - right: -58px; - top: 118px; - width: 260px; - height: 270px; - border-radius: 50%; - background: - repeating-radial-gradient(ellipse at 14% 48%, - transparent 0, - transparent 17px, - rgba(255, 24, 101, 0.64) 18px, - rgba(255, 24, 101, 0.64) 20px, - transparent 21px, - transparent 31px); - transform: rotate(12deg); -} - .hero-back { position: relative; z-index: 4;