/* ============================================================
   快礼主题 - 高级感全局样式（优化版）
   说明：统一卡片、按钮、导航、间距等视觉效果
   ============================================================ */

/* ---------- 基础平滑 ---------- */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* =================================================================
   1. 卡片体系（全站统一，含头部/轮播/页脚等排除）
   ================================================================= */

/* 通用卡片：圆角 + 多层微阴影 + 悬停上浮 */
.hover-lift,
.wp-block-group.has-background,
.kuaili-team-card,
.kuaili-product-grid > div,
.kuaili-city-grid > div,
.kuaili-testimonial-carousel .item,
.footer-section .wp-block-column > div,
.wp-block-query .wp-block-group,
main .wp-block-group.has-background {
    border-radius: 8px !important;
    border: none !important;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.04),
        0 4px 12px rgba(0, 0, 0, 0.06),
        0 0 0 0.5px rgba(0, 0, 0, 0.04) !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}

.hover-lift:hover,
.wp-block-group.has-background:hover,
.kuaili-team-card:hover,
.wp-block-query .wp-block-group:hover,
main .wp-block-group.has-background:hover {
    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.06),
        0 8px 24px rgba(0, 0, 0, 0.1),
        0 0 0 0.5px rgba(0, 0, 0, 0.06) !important;
    transform: translateY(-2px) !important;
}

/* 卡片内标题与正文颜色 */
.hover-lift h2, .hover-lift h3, .hover-lift h4,
.wp-block-group.has-background h2, .wp-block-group.has-background h3, .wp-block-group.has-background h4 {
    letter-spacing: -0.3px;
    color: #1a1a1a;
}
.hover-lift p, .wp-block-group.has-background p {
    color: #555;
    line-height: 1.7;
}

/* 卡片内图片悬停放大 */
.hover-lift img,
.wp-block-group.has-background img {
    border-radius: 4px !important;
    transition: transform 0.4s ease !important;
}
.hover-lift:hover img,
.wp-block-group.has-background:hover img {
    transform: scale(1.02) !important;
}

/* ---------- 排除不需要卡片效果的容器（头部、页脚、轮播等） ---------- */
.kuaili-popup-block, .kuaili-popup-container,
.site-header,
.footer-section,
.header-user-area .user-dropdown,
.swiper-slide, .owl-carousel .owl-item,
.wp-block-cover {
    box-shadow: none !important;
    transform: none !important;
    border-radius: 0 !important;
}

/* 彻底重置头部内部所有 group 块的卡片样式 */
.site-header .wp-block-group,
.site-header .wp-block-group.has-background {
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
}

/* 首页主容器下的直系 group 特殊处理（透明背景+细边框） */
.home main.wp-block-group > .wp-block-group,
.home main.wp-block-group > .wp-block-html + .wp-block-group {
    background-color: transparent !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* =================================================================
   2. 按钮高级感
   ================================================================= */
.wp-block-button__link {
    transition: all 0.3s ease !important;
    position: relative;
    overflow: hidden;
}
.wp-block-button__link:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(13, 110, 253, 0.3);
}
/* 光泽扫过效果 */
.wp-block-button__link:not(.is-style-outline)::after {
    content: "";
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}
.wp-block-button__link:not(.is-style-outline):hover::after {
    left: 100%;
}

/* =================================================================
   3. 标题与分隔线
   ================================================================= */
h1, h2, h3, h4 { letter-spacing: -0.02em; }
.wp-block-separator {
    opacity: 0.3;
    border-color: rgba(0,0,0,0.1) !important;
}

/* =================================================================
   4. 滚动渐显动画
   ================================================================= */
.kuaili-fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.kuaili-fade-in-up.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* =================================================================
   5. 导航菜单（下划线动画）
   ================================================================= */
.wp-block-navigation .wp-block-navigation-item__content {
    text-decoration: none !important;
    border-bottom: none !important;
}
.wp-block-navigation > .wp-block-navigation-item > .wp-block-navigation-item__content {
    position: relative;
}
.wp-block-navigation > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
    content: "";
    position: absolute;
    bottom: -4px; left: 0;
    width: 0; height: 2px;
    background-color: #0d6efd;
    transition: width 0.3s ease;
}
.wp-block-navigation > .wp-block-navigation-item > .wp-block-navigation-item__content:hover::after,
.wp-block-navigation > .current-menu-item > .wp-block-navigation-item__content::after {
    width: 100%;
}
/* 子菜单重置下划线，添加悬停背景 */
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    text-decoration: none !important;
    border-bottom: none !important;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content::after {
    display: none !important;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
    background-color: #f0f7ff !important;
    border-radius: 4px;
}

/* =================================================================
   6. 头部布局与搜索框
   ================================================================= */
.site-header {
    position: relative;
    z-index: 9999 !important;
}
.header-user-area .user-dropdown {
    z-index: 99999 !important;
}
.site-header .wp-block-search {
    flex-shrink: 0 !important;
    position: relative !important;
}
.site-header .wp-block-search__button {
    width: 48px !important;
    height: 48px !important;
    flex-shrink: 0 !important;
}
.site-header .wp-block-search__button svg {
    width: 26px !important;
    height: 26px !important;
}
.site-header .wp-block-search__input {
    position: absolute !important;
    right: 56px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 220px !important;
    z-index: 10001 !important;
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease !important;
}
.site-header .wp-block-search__input:focus,
.site-header .wp-block-search__input:not(:placeholder-shown) {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* =================================================================
   7. 页面整体间距控制
   ================================================================= */
.wp-site-blocks > .wp-block-template-part:first-child + * {
    margin-top: 0 !important;
}
.home .wp-site-blocks > .wp-block-group:first-of-type {
    margin-top: 20px !important;
}
main.wp-block-group {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
}
main.wp-block-group > .wp-block-html:last-child,
main.wp-block-group > div:last-child {
    margin-bottom: 0 !important;
}

/* =================================================================
   8. 杂项：统计数字、Logo悬停、返回顶部、页脚列表
   ================================================================= */
.stat-number {
    display: inline-block;
    font-variant-numeric: tabular-nums;
}
img[style*="grayscale"] {
    transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease !important;
}
img[style*="grayscale"]:hover {
    transform: scale(1.1) !important;
}
.back-to-top {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.back-to-top.visible {
    opacity: 1;
    visibility: visible;
}
.footer-section ul {
    list-style: none !important;
    padding-left: 0 !important;
}

/* =================================================================
   9. 首页 Owl Carousel 轮播宽度
   ================================================================= */
.slider-section {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.slider-section .owl-carousel {
    max-width: 100% !important;
}

/* =================================================================
   10. 客户评价轮播（原版样式）
   ================================================================= */
.testimonial-section {
    --wp--preset--color--foreground: #1a1a2e;
    --wp--preset--color--background: #ffffff;
    --wp--preset--color--heading-color: #1a1a2e;
    --wp--preset--color--primary: #0d6efd;
}
.testimonial-section .wp-block-cover.is-light {
    background: #fff !important;
}
.testimonial-section .client-box {
    padding-bottom: 45px;
}
.testimonial-section .client-img {
    margin-top: -40px !important;
    position: relative;
    z-index: 2;
}
.testimonial-section .client-img img {
    border: 4px solid var(--wp--preset--color--foreground, #1a1a2e) !important;
    border-radius: 50%;
    object-fit: cover;
    width: 80px;
    height: 80px;
}
.testimonial-section .owl-nav button {
    background: transparent !important;
    color: #fff !important;
    font-size: 36px !important;
    line-height: 1 !important;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.testimonial-section .owl-prev { left: -50px !important; }
.testimonial-section .owl-next { right: -50px !important; }
.testimonial-section .owl-dots { display: none; }

/* =================================================================
   11. 新闻轮播（原版样式）
   ================================================================= */
.news-section .owl-nav { display: none; }
.news-section .owl-dots { display: none; }

/* ============================================================
   主页专属高级效果（覆盖部分全局卡片，保持特异性顺序）
   ============================================================ */

/* 主页直系 group 卡片（非特殊模块）的独特阴影与悬停 */
main > .wp-block-group:not(.core-data-section):not(.promise-section):not(.step-section):not(.download-section) {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
main > .wp-block-group:not(.core-data-section):not(.promise-section):not(.step-section):not(.download-section):hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}

/* 核心数据毛玻璃卡片悬浮放大 */
.core-data-section .stat-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.core-data-section .stat-card:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

/* 承诺/步骤/下载卡片悬停增强 */
.promise-card,
.step-card,
.download-card {
    transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}
.promise-card:hover,
.step-card:hover,
.download-card:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
    transform: translateY(-4px) !important;
}

/* 彻底排除头部所有卡片效果（包括悬停） */
.site-header,
.site-header .wp-block-group,
.site-header .wp-block-group.has-background,
.site-header .wp-block-group:hover,
.site-header .wp-block-group.has-background:hover {
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
}