@charset "UTF-8";
/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1.0.1
*/

/**
 * ==================== 性能优化说明 ====================
 * 所有CSS文件已通过 functions/script-style.php 使用 wp_enqueue_style 并行加载
 * 原18个 @import 串行加载已优化为并行加载，性能提升5-10倍
 *
 * 加载的CSS文件列表：
 * - diy.css (基础样式)
 * - css/product.css (产品单页)
 * - css/page.css (单页面)
 * - css/single-archive.css (文章存档)
 * - css/single.css (文章单页)
 * - css/block-faq-list.css (折叠卡)
 * - css/plugin.css (插件)
 * - css/font-type.css (字体)
 * - css/header.css (头部)
 * - css/footer.css (底部)
 * - css/block-btn.css (按钮)
 * - css/clean-layout.css (布局/间距/填充/阴影)
 * - css/icon.css (图标)
 * - css/block-breadcrumb.css (面包屑)
 * - css/block-slider.css (轮播)
 * - css/block-lightbox.css (弹窗)
 * - css/block-tabs.css (切换卡)
 * - css/block-UX.css (UX编辑器，条件加载)
 * ===================================================
 */
.uxf-fullpage-dot{
    margin: 0 !important;
}
 /* ==========================================================================
关于-团队
   ========================================================================== */
 .team-item .img-inner {
    position: relative !important;
    overflow: hidden !important;
}

.team-item .img-inner::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 1;
}

/* 图片容器基础设置 */
.team-item .img-inner {
    position: relative !important;
    overflow: hidden !important;
}

/* 1. 底部渐变遮罩 */
.team-item .img-inner::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 1;
}

/* 2. VIEW DETAILS 文字 (使用伪元素模拟) */
/* 注意：由于 ::after 被遮罩占用，我们将文字放入一个包裹层或改用其他方式 */
/* 这里我们重新分配：::after 做遮罩，利用 img-inner 内部已有的元素或者双伪元素技巧 */

/* 修正方案：将文字和图标统一放在 ::before，但通过 font-family 优先级处理 */
.team-item .img-inner::before {
    content: 'VIEW\A DETAILS \ea70'; 
    position: absolute;
    bottom: 15px;
    left: 20px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.1;
    font-weight: 900;
    z-index: 2;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    white-space: pre;
    text-align: left;
    
    /* 关键：先写 RemixIcon 字体，再写系统字体确保回退 */
    font-family: 'remixicon', sans-serif !important;
}

/* 3. 悬浮触发逻辑 */
.team-item:hover .img-inner::after {
    opacity: 1;
    transform: translateY(0);
}

.team-item:hover .img-inner::before {
    opacity: 1;
    transform: translateY(0);
}

/* 4. 图片缩放 */
.team-item .img-inner img {
    transition: transform 0.6s ease !important;
}

.team-item:hover .img-inner img {
    transform: scale(1.08);
}



 .text-row-toggle-btn{
     margin-top: 15px;
 }
.service-list .text-box{
    padding-right: 30px;
}
.follow img{
    padding: 5px;
    border:1px solid #eee;
    background: #fff;
    border-radius: 4px;
}

.map-style P{
    font-size: 0;
}