/*
Theme Name: Twenty Twenty-Five Child
Template: twentytwentyfive
*/
/* Slogan 淡入动画 */
/* 强制文字颜色 #111111，确保在任何背景都可见 */
/* ===== Scroll Fade-Up Animation for .fade-up-slogan ===== */
/* ===== Scroll Fade-Up Animation ===== */
.fade-up-slogan {
    opacity: 0 !important;
    transform: translateY(20px) !important;
    transition: opacity 0.6s ease, transform 0.6s ease !important;
    color: #111111 !important;
}
body.scrolled .fade-up-slogan {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
/* ===== Scroll Fade-Up Animation for Row 1 ===== */
.fade-up-row-1 {
	opacity: 0 !important;
	transform: translateY(20px) !important;
	transition: opacity 0.6s ease 0.2s, transform 0.6s ease !important;
}
body.scrolled .fade-up-row-1 {
	opacity: 1 !important;
	transform: translateY(0) !important;
}
/* ===== Scroll Fade-Up Animation for Row 2 (0.2s delay) ===== */
.fade-up-row-2 {
	opacity: 0 !important;
	transform: translateY(20px) !important;
	transition: opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s !important;
}
body.scrolled .fade-up-row-2 {
	opacity: 1 !important;
	transform: translateY(0) !important;
}
/* ===== Hover Zoom & Fade-Up for Grid Image Area ===== */
/* 鼠标悬停时整体效果 */
.wp-block-cover:hover {
    cursor: pointer; /* 鼠标指针变化，提示可交互 */
}

/* 鼠标悬停时图片放大 */
.wp-block-cover:hover .wp-block-cover__image-background {
    transform: scale(1.05); /* 从原始尺寸放大到 1.05 倍 */
    transition: transform 0.5s ease; /* 动画过渡 */
}

/* 鼠标悬停时文字向上淡入 */
.wp-block-cover:hover .wp-block-cover__inner-container {
    opacity: 1; /* 从透明到不透明 */
    transform: translateY(-20px); /* 向上移动 20px */
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* 初始状态（鼠标未悬停时） */
.wp-block-cover__inner-container {
    opacity: 0; /* 文字初始透明 */
    transform: translateY(20px); /* 文字初始向下偏移 20px */
}
/* ===== 网格图区 hover：图片放大 + 白色遮罩淡入 ===== */
.wp-block-cover {
    position: relative;          /* 让伪元素/遮罩相对它绝对定位 */
    overflow: hidden;            /* 防止放大时图片溢出 */
}

/* 图片放大 */
.wp-block-cover:hover .wp-block-cover__image-background {
    transform: scale(1.05);
    transition: transform 0.5s ease;
}

/* 5% 白色遮罩：用 ::before 做遮罩层，不污染原 DOM */
.wp-block-cover::before {
    content: "";
    position: absolute;
    inset: 0;                    /* top:0 right:0 bottom:0 left:0 的简写 */
    background: rgba(255, 255, 255, 0.05); /* 5% 白 */
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 1;                  /* 位于图片之上、文字之下 */
    pointer-events: none;        /* 遮罩不拦截鼠标事件 */
}

/* 悬停时遮罩淡入 */
.wp-block-cover:hover::before {
    opacity: 1;
}

/* 文字区域保持原上升动画，但提升层级确保在遮罩之上 */
.wp-block-cover__inner-container {
    position: relative;
    z-index: 2;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.wp-block-cover:hover .wp-block-cover__inner-container {
    opacity: 1;
    transform: translateY(-20px);
}

/* 让头像固定 160px，并保持圆形 */
.my-avatar img{
    width:60px !important;   /* 想要多大就改这里 */
    height:60px !important;
    max-width:none;           /* 防止主题再限制一次 */
}