/* 添加深色边框 hover 效果 */
.hover-border-dark {
    transition: border-color 0.3s ease-in-out;
}

.hover-border-dark:hover {
    border-color: var(--wp--preset--color--border-dark, #475569) !important;
    border-width: 2px !important;
    transition: border-color 0.3s ease-in-out;
}

/* 按钮反色 hover 效果 (Secondary Button) */
.wp-block-button.is-style-secondary-button .wp-block-button__link {
    transition: all 0.3s ease-in-out !important;
    text-decoration: none !important;
}

.wp-block-button.is-style-secondary-button:hover .wp-block-button__link,
.wp-block-button.is-style-secondary-button .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--main, #0F172A) !important;
    color: #ffffff !important;
    border-color: var(--wp--preset--color--main, #0F172A) !important;
}

/* 全局平滑滚动 (用于页面内锚点跳转) */
html {
    scroll-behavior: smooth;
}

/* Outline 按钮 hover 效果 (边框/字体变粗，深蓝色) */
.wp-block-button.is-style-outline .wp-block-button__link {
    transition: all 0.3s ease-in-out !important;
}

.wp-block-button.is-style-outline:hover .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    color: var(--wp--preset--color--primary, #1E3A8A) !important;
    border-color: var(--wp--preset--color--primary, #1E3A8A) !important;
    border-width: 3px !important;
}

/* 卡片 Hover 效果 (投影 + 深蓝色边框渐显 + 图片轻微放大) */
.hover-card-effect {
    transition: outline-color 0.3s ease, box-shadow 0.4s ease, transform 0.4s ease !important;
    outline: 1px solid transparent;
    /* 用 outline 避免 hover 时的排版跳动 */
    outline-offset: -1px;
}

.hover-card-effect:hover {
    outline-color: var(--wp--preset--color--primary, #1E3A8A) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-2px);
    /* 让卡片也有轻微浮起感，可根据喜好删减 */
}

/* 确保图片放大时不溢出边缘 */
.hover-card-effect .wp-block-post-featured-image,
.hover-card-effect .wp-block-image {
    overflow: hidden;
}

.hover-card-effect .wp-block-post-featured-image img,
.hover-card-effect .wp-block-image img {
    transition: transform 0.5s ease !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

.hover-card-effect:hover .wp-block-post-featured-image img,
.hover-card-effect:hover .wp-block-image img {
    transform: scale(1.04) !important;
}