@windcoder/astro-theme-orchid 0.2.1 → 0.3.0

package/src/styles/global.css

@@ -699,6 +699,112 @@ html.dark #modeToggle .i-sun {
 	text-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
 }
 
+/* ---------- 3.5b 全站背景壁纸（§4.92）：fixed 视口背景，与顶部 banner（§4.42）独立 ---------- */
+/* body 背景传播为画布底色：负 z-index 定位子元素画在其上、内容之下——壁纸加载中仍有底色兜底，
+   body 自身的径向渐变装饰同样在画布层，被壁纸自然覆盖 */
+.site-wallpaper {
+	position: fixed;
+	inset: 0;
+	z-index: -1;
+	overflow: hidden;
+	pointer-events: none;
+}
+.site-wallpaper img {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+	filter: blur(var(--wp-blur, 0px));
+	/* 模糊边缘泛出透明底：按模糊量轻微放大补偿（服务端算好 --wp-scale） */
+	transform: scale(var(--wp-scale, 1));
+}
+/* 遮罩层：浅/暗双档不透明度（--wp-dim / --wp-dim-dark），保证任意壁纸下正文可读 */
+.site-wallpaper-dim {
+	position: absolute;
+	inset: 0;
+	background: rgb(0 0 0 / var(--wp-dim, 0.45));
+}
+html.dark .site-wallpaper-dim {
+	background: rgb(0 0 0 / var(--wp-dim-dark, 0.65));
+}
+
+/* ---------- 3.5c 番组追番页（§4.93） ---------- */
+.bangumi-grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+	gap: 20px;
+}
+.bangumi-card {
+	display: flex;
+	flex-direction: column;
+	padding: 0;
+	overflow: hidden;
+	color: var(--ink);
+	transition:
+		box-shadow 0.2s,
+		transform 0.2s,
+		border-color 0.2s;
+}
+.bangumi-card:hover {
+	box-shadow: var(--shadow-md);
+	transform: translateY(-2px);
+	border-color: var(--border-2);
+	color: var(--ink);
+}
+.bangumi-cover {
+	position: relative;
+	aspect-ratio: 3 / 4;
+	overflow: hidden;
+	/* 封面加载前的底色兜底 */
+	background: var(--border);
+}
+.bangumi-cover img {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+	transition: transform 0.3s;
+}
+.bangumi-card:hover .bangumi-cover img {
+	transform: scale(1.05);
+}
+/* bgm.tv 封面在暗色下偏刺眼：柔和压暗降饱和（类级固定，无配置项） */
+html.dark .bangumi-cover img {
+	filter: brightness(0.85) saturate(0.9);
+}
+.bangumi-score {
+	position: absolute;
+	top: 8px;
+	right: 8px;
+	padding: 2px 7px;
+	border-radius: 999px;
+	background: rgb(0 0 0 / 0.62);
+	color: #ffd76a;
+	font-size: 12px;
+	font-weight: 700;
+	font-variant-numeric: tabular-nums;
+}
+.bangumi-title {
+	padding: 10px 12px 4px;
+	font-size: 13.5px;
+	font-weight: 600;
+	line-height: 1.45;
+	/* 两行截断：长译名不出卡片 */
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
+}
+.bangumi-meta {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 4px 10px;
+	padding: 0 12px 12px;
+	font-size: 12px;
+	color: var(--ink-2);
+}
+.bangumi-rate {
+	color: var(--accent, var(--ink-2));
+}
+
 /* ---------- 4. Main 通用 ---------- */
 .site-main {
 	min-height: calc(100vh - var(--header-h) - 200px);
@@ -2218,6 +2324,18 @@ html.dark .ec-collapse__toggle:hover {
 .prose figure img {
 	width: 100%;
 }
+/* 暗色外链图适配（§4.89）：rehypeExternalLinks 给外链 img 打 data-external 标记，
+   暗色下压亮度防白底截图/图表刺眼。--img-adapt-b 由 BaseLayout 按配置注入（关闭时
+   brightness(1) 无操作）；.no-adapt 供单图豁免（markdown 内联 HTML class） */
+html.dark .prose img[data-external],
+html.dark .moment-content img[data-external] {
+	filter: brightness(var(--img-adapt-b, 1));
+	transition: filter 0.3s ease;
+}
+html.dark .prose img[data-external].no-adapt,
+html.dark .moment-content img[data-external].no-adapt {
+	filter: none;
+}
 .prose figcaption {
 	padding: 8px 14px;
 	font-size: 13px;