/*
全站侧边栏CSS：右侧边栏（欧爸头像卡片、二维码等widget）的间距和尺寸。每个页面都加载（见functions.php）。
配色/字号token统一记在docs/视觉样式规范_配色字号交互.md。
*/

/* 侧边栏变窄后，原生60px左内边距显得太空，收窄。 */
@media (min-width: 993px) {
	.ast-right-sidebar #secondary {
		padding-left: 24px;
	}
}

/* 侧边栏（#secondary，欧爸头像卡片那一栏）顶部对齐上面的#primary。 */
.ast-separate-container.ast-right-sidebar #secondary,
.ast-separate-container.ast-left-sidebar #secondary {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* 侧边栏"扫码找欧爸微信"二维码图片在侧边栏堆叠成100%宽度后会撑满手机屏幕，这里限制
   一个够扫码用的宽度、居中显示。用min()而不是固定200px：781~921px侧边栏还在右侧、
   卡片内宽不到200px，固定值会把原生max-width:100%顶掉、图片溢出卡片。外层figure是居中对齐，
   WP原生给它display:table（宽度由图片撑开），跟图片的百分比max-width互相依赖、图片会被算成0宽，
   所以figure同时改回block，图片自己用margin auto居中。用wp-image-2371这个WordPress给该附件
   自动生成的唯一class选中，不会误伤侧边栏其他图片。 */
@media (max-width: 921px) {
	#secondary .wp-block-image:has(> .wp-image-2371) {
		display: block;
	}
	#secondary .wp-image-2371 {
		display: block;
		max-width: min(200px, 100%);
		margin-left: auto;
		margin-right: auto;
	}
}