.elementor-43541 .elementor-element.elementor-element-8e0af31{--display:flex;--min-height:208px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-43541 .elementor-element.elementor-element-8e0af31:not(.elementor-motion-effects-element-type-background), .elementor-43541 .elementor-element.elementor-element-8e0af31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#20345A;}.elementor-43541 .elementor-element.elementor-element-8d57947{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-43541 .elementor-element.elementor-element-7110d33 .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}.elementor-43541 .elementor-element.elementor-element-d77529c .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}.elementor-43541 .elementor-element.elementor-element-fdafea3{--display:flex;--justify-content:space-around;--margin-top:-37px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-43541 .elementor-element.elementor-element-47e5f3a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--border-radius:15px 15px 15px 15px;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.26);--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-43541 .elementor-element.elementor-element-47e5f3a:not(.elementor-motion-effects-element-type-background), .elementor-43541 .elementor-element.elementor-element-47e5f3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-43541 .elementor-element.elementor-element-907b24a{width:var( --container-widget-width, 44.606% );max-width:44.606%;--container-widget-width:44.606%;--container-widget-flex-grow:0;}.elementor-43541 .elementor-element.elementor-element-907b24a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-43541 .elementor-element.elementor-element-7bd5328{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-43541 .elementor-element.elementor-element-7bd5328:not(.elementor-motion-effects-element-type-background), .elementor-43541 .elementor-element.elementor-element-7bd5328 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-43541 .elementor-element.elementor-element-54b82c8{--grid-columns:3;}.elementor-43541 .elementor-element.elementor-element-54b82c8 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-43541 .elementor-element.elementor-element-54b82c8 .e-loop-item > .elementor-section, .elementor-43541 .elementor-element.elementor-element-54b82c8 .e-loop-item > .elementor-section > .elementor-container, .elementor-43541 .elementor-element.elementor-element-54b82c8 .e-loop-item > .e-con, .elementor-43541 .elementor-element.elementor-element-54b82c8 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-43541 .elementor-element.elementor-element-380d6e0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-43541 .elementor-element.elementor-element-380d6e0:not(.elementor-motion-effects-element-type-background), .elementor-43541 .elementor-element.elementor-element-380d6e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F4F6;}.elementor-43541 .elementor-element.elementor-element-f6fe2f8 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:24px;font-weight:800;color:#1F2937;}.elementor-43541 .elementor-element.elementor-element-6808eb3 .elementor-heading-title{font-size:16px;color:#4B5563;}.elementor-43541 .elementor-element.elementor-element-0e98de9 .elementor-button{background-color:var( --e-global-color-astglobalcolor3 );}.elementor-43541 .elementor-element.elementor-element-0e98de9 .elementor-button:hover, .elementor-43541 .elementor-element.elementor-element-0e98de9 .elementor-button:focus{background-color:#0D4689;color:var( --e-global-color-astglobalcolor5 );}.elementor-43541 .elementor-element.elementor-element-0e98de9 .elementor-button:hover svg, .elementor-43541 .elementor-element.elementor-element-0e98de9 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor5 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-43541 .elementor-element.elementor-element-907b24a{width:var( --container-widget-width, 308.625px );max-width:308.625px;--container-widget-width:308.625px;--container-widget-flex-grow:0;}.elementor-43541 .elementor-element.elementor-element-54b82c8{--grid-columns:2;}}@media(max-width:880px){.elementor-43541 .elementor-element.elementor-element-907b24a{width:var( --container-widget-width, 232.622px );max-width:232.622px;--container-widget-width:232.622px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-43541 .elementor-element.elementor-element-907b24a{width:100%;max-width:100%;}.elementor-43541 .elementor-element.elementor-element-1dd2616{width:100%;max-width:100%;}.elementor-43541 .elementor-element.elementor-element-7bd5328{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-43541 .elementor-element.elementor-element-54b82c8{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-907b24a *//* 搜索框基础样式微调 */
#elementorResourceSearch {
    transition: all 0.3s ease;
    outline: none; /* 去掉浏览器自带的蓝色外框 */
}

/* 搜索框焦点状态 (极客蓝) */
#elementorResourceSearch:focus {
    border-color: #3182ce !important; /* 匹配丝带颜色 */
    box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1) !important; /* 淡淡的蓝色外晕 */
    background-color: #fff;
}

/* 优化占位文字垂直观感 */
#elementorResourceSearch::placeholder {
color: #a0aec0;
    font-size: 14px;
    letter-spacing: 0.3px;
    /* 部分浏览器可能需要单独调整 placeholder 的行高 */
    line-height: normal; 
}

/* 确保容器内元素不会因为 Elementor 默认样式产生偏移 */
.search-wrapper span svg {
    display: block; /* 消除 baseline 间隙 */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1dd2616 *//* 容器样式 */
.filter-tabs {
    display: flex;
    gap: 1rem;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 2px;
    margin-bottom: 2rem;
    overflow-x: auto; /* 允许横向溢出时滚动 */
    white-space: nowrap; /* 强制按钮不换行，保持在一行内 */
    -webkit-overflow-scrolling: touch; /* 让移动端滚动更流畅 */
    scrollbar-width: none; /* 隐藏火狐浏览器的滚动条 */
}

/* 隐藏 Chrome 和 Safari 的滚动条，保持界面整洁 */
.filter-tabs::-webkit-scrollbar {
    display: none;
}


/* 基础按钮样式 */
.filter-tabs button {
    flex-shrink: 0; /* 关键：防止按钮文字因为空间不足而被挤压换行 */
    background: transparent !important;
    border: none !important;
    color: #718096 !important; /* gray-500 */
    padding: 0.5rem 1rem !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    outline: none !important;
}

/* Hover 效果 */
.filter-tabs button:hover {
    color: #3182ce !important; /* blue-600 */
}

/* 激活状态 (选中后的样式) */
.filter-tabs button.active {
    color: #1a365d !important; /* primary-blue */
    font-weight: 700 !important;
}

/* 激活状态的橙色下划线 */
.filter-tabs button.active::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #ed8936 !important; /* accent-orange */
}


/* 过滤按钮里的数字样式 */
.tab-count {
    font-size: 0.85em;
    color: #a0aec0; /* 浅灰色，不干扰主文字 */
    margin-left: 3px;
    font-weight: 400;
}

/* 当按钮激活时，数字颜色也可以稍微亮一点 */
button.active .tab-count {
    color: #ed8936; /* 对应你激活状态的下划线颜色 */
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-54b82c8 *//* 1. 精选卡片基础样式 - 极客蓝版 */
.resource-featured {
    border: 1px solid #bee3f8 !important; /* 浅蓝边框 */
    border-left: 5px solid #3182ce !important; /* 左侧深蓝垂直条 */
    background-color: #f7fafc !important; /* 极淡的底色 */
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.1) !important;
    position: relative;
    overflow: visible !important; /* 确保丝带能超出边界显示 */
    transition: all 0.3s ease-in-out;
}

/* 2. 悬停状态优化 - 防止重叠 */
.resource-featured:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 20px rgba(49, 130, 206, 0.15) !important;
    background-color: #ffffff !important;
}

/* 3. 极客蓝燕尾丝带 (修复重叠与显示问题) */
.resource-featured::before {
    content: "FEATURED";
    position: absolute;
    top: -5px; /* 稍微往上浮动一点点，更有立体感 */
    left: 15px;
    background: #3182ce;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    padding: 6px 10px 10px 10px;
    /* 燕尾形状 */
    clip-path: polygon(100% 0, 100% 100%, 50% 88%, 0 100%, 0 0);
    z-index: 99; /* 确保在最上层 */
    pointer-events: none; /* 防止遮挡鼠标点击事件 */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    letter-spacing: 0.5px;
}

/* 4. 强制所有 Featured 卡片应用样式 (解决部分不显示问题) */
.resource-featured.elementor-post, 
.resource-featured.e-loop-item {
    display: flex !important; /* 确保布局一致 */
}


/* 移动端丝带微调 */
@media (max-width: 767px) {
    .resource-featured::before {
        font-size: 8px !important;
        padding: 4px 8px 8px 8px !important;
        left: 10px !important;
        top: -2px !important;
    }
    .resource-featured {
        border-left-width: 3px !important; /* 手机端左边条变细一点更精致 */
    }
}/* End custom CSS */
/* Start custom CSS *//* --- 图标控制逻辑 --- */
/* 默认隐藏所有可能的图标类名 */
.my-icon-pdf, .my-icon-sheet, .my-icon-ppt { display: none !important; }

/* 只有当父级有对应分类类名时才显示 */
.custom-cat-guide .my-icon-pdf { display: inline-block !important; }
.custom-cat-datasheet .my-icon-sheet { display: inline-block !important; }
.custom-cat-corporate .my-icon-ppt { display: inline-block !important; }

/* 修复下载按钮 */
.custom-download-link {
    background: #1a365d;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
}


/* 1. 标签通用基础样式 */
.cat-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 50px; /* 圆角药丸状 */
    letter-spacing: 0.5px;
    display: inline-block;
}

/* 2. 技术指南 (Technical Guides) - 橙/红色调 */
.cat-guide {
    background-color: #fff5f5 !important; /* 极浅红 */
    color: #c53030 !important;             /* 深红 */
    border: 1px solid #feb2b2;
}

/* 3. 数据手册 (Datasheets) - 绿色调 */
.cat-datasheet {
    background-color: #f0fff4 !important; /* 极浅绿 */
    color: #2f855a !important;             /* 深绿 */
    border: 1px solid #9ae6b4;
}

/* 4. 企业文件 (Corporate) - 蓝色调 */
.cat-corporate {
    background-color: #ebf8ff !important; /* 极浅蓝 */
    color: #2b6cb0 !important;             /* 深蓝 */
    border: 1px solid #bee3f8;
}/* End custom CSS */