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:
wait4xandGLM-5.3 committed 2026-10-25 11:45:06 +08:00
1 parent b0b7e2cd00
commit 19ffcf180b
2 files changed
+70 -8

No files matched your search

+36 -8
View File
@@ -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%; }
}