From 3d641c87f461b4229e9f12d337f0e6b6b82da0e7 Mon Sep 17 00:00:00 2001 From: wanghu Date: Fri, 23 Oct 2026 09:13:44 +0800 Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E9=A6=96=E9=A1=B5=E5=88=8A=E5=A4=B4?= =?UTF-8?q?=E6=8F=92=E7=94=BB=E9=94=9A=E5=AE=9A=201180px=20=E5=86=85?= =?UTF-8?q?=E5=AE=B9=E5=88=97=E5=8F=B3=E7=BC=98=EF=BC=8C=E4=BD=8D=E7=BD=AE?= =?UTF-8?q?=E4=B8=8D=E9=9A=8F=E7=AA=97=E5=8F=A3=E5=AE=BD=E5=BA=A6=E6=BC=82?= =?UTF-8?q?=E7=A7=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/styles/profession-ui.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/assets/styles/profession-ui.css b/src/assets/styles/profession-ui.css index bbd2f0f..2e4224d 100644 --- a/src/assets/styles/profession-ui.css +++ b/src/assets/styles/profession-ui.css @@ -152,7 +152,8 @@ ul, ol { list-style: none; } .htxt b { font-family: var(--font-b); font-size: 21px; font-weight: 800; display: block; color: #1e63c8; line-height: 1.2; } .htxt span { display: block; margin-top: 2px; font-size: 11px; color: #5b7ba1; letter-spacing: .5px; } .hero-grid { display: none; } -.hero-illo { position: absolute; right: 200px; top: 55px; height: 250px; object-fit: contain; mix-blend-mode: multiply; z-index: 1; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 22%, #000 84%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0, #000 22%, #000 84%, transparent 100%); } +/* 插画锚定 1180px 内容列右缘（right:50%-590px），位置不随窗口宽度漂移 */ +.hero-illo { position: absolute; right: calc(50% - 590px); top: 55px; height: 250px; object-fit: contain; mix-blend-mode: multiply; z-index: 1; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 22%, #000 84%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0, #000 22%, #000 84%, transparent 100%); } /* ===== 栏目条：现代胶囊式 ===== */ .module-bar { margin-top: 14px; display: flex; align-items: center; border-radius: 10px; background: var(--card); box-shadow: var(--shadow-sm); padding: 4px 6px; }