feat(media): 灯箱动作胶囊化与正文三媒样式段(T1/T3)
- 原图/下载:裸链 → 与 lbnav 同语言的胶囊按钮(图标+文字+暗底描边) - global.css 媒体段:正文 img 圆角限宽、*斜体独立段*图注约定、 video/audio 全宽样式(raw HTML 直书方案,指南随后) 验证: pnpm astro build 21 页 exit 0 Spec: 2026-10-25_add-media-and-polish Co-authored-by: GLM-5.3
This commit is contained in:
1 parent
b0b7e2cd00
commit
19ffcf180b
2 files changed
+70
-8
No files matched your search
@@ -357,12 +357,26 @@ const first = cards[0];
|
||||
gap: var(--space-3);
|
||||
margin-left: var(--space-2);
|
||||
}
|
||||
.lb-orig a {
|
||||
/* 动作胶囊:与 lbnav 同语言(暗底/描边/阴影),不再是裸链 */
|
||||
.lb-act {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
padding: 7px 12px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.22);
|
||||
background: rgba(20, 24, 30, 0.55);
|
||||
color: #dfe6f3;
|
||||
font-family: var(--font-mono);
|
||||
font-size: 12px;
|
||||
color: #9db4ff; /* 灯箱恒为暗底:用亮蓝替代主题 --accent(亮色态下对比不足) */
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 0.2em;
|
||||
text-decoration: none;
|
||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
|
||||
backdrop-filter: blur(4px);
|
||||
transition: background var(--dur) var(--ease), color var(--dur) var(--ease);
|
||||
}
|
||||
.lb-act:hover {
|
||||
background: rgba(40, 48, 60, 0.75);
|
||||
color: #fff;
|
||||
}
|
||||
.lb-meta {
|
||||
flex: 1;
|
||||
@@ -409,12 +423,26 @@ const first = cards[0];
|
||||
gap: var(--space-3);
|
||||
margin-left: var(--space-2);
|
||||
}
|
||||
.lb-orig a {
|
||||
/* 动作胶囊:与 lbnav 同语言(暗底/描边/阴影),不再是裸链 */
|
||||
.lb-act {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
padding: 7px 12px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.22);
|
||||
background: rgba(20, 24, 30, 0.55);
|
||||
color: #dfe6f3;
|
||||
font-family: var(--font-mono);
|
||||
font-size: 12px;
|
||||
color: #9db4ff; /* 灯箱恒为暗底:用亮蓝替代主题 --accent(亮色态下对比不足) */
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 0.2em;
|
||||
text-decoration: none;
|
||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
|
||||
backdrop-filter: blur(4px);
|
||||
transition: background var(--dur) var(--ease), color var(--dur) var(--ease);
|
||||
}
|
||||
.lb-act:hover {
|
||||
background: rgba(40, 48, 60, 0.75);
|
||||
color: #fff;
|
||||
}
|
||||
.lb-meta { order: 3; flex-basis: 100%; }
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user