.elementor-63 .elementor-element.elementor-element-3f7fed3{--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:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-63 .elementor-element.elementor-element-2401f47{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-63 .elementor-element.elementor-element-2401f47:not(.elementor-motion-effects-element-type-background), .elementor-63 .elementor-element.elementor-element-2401f47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-b56cb43 *//* 1. 隐藏多余的标题和控制栏（已移除对 reset 按钮的隐藏） */
.wpc-filter-header,
.wpc-filters-widget-controls-container,
.wpc-edit-filter-set,
.wpc-widget-close-container,
.wpc-filters-open-button-container,
.wpc-search-clear-icon-wrapper {
display: none !important;
}
/* 2. 父容器设置为 Flex 布局，紧凑排列 */
.wpc-filters-widget-wrapper {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
width: 100% !important;
}
/* 3. 将三个搜索/筛选区块强行拼接成一个圆角长条 */
.wpc-filters-section-35s,
.wpc-filters-section-36,
.wpc-filters-section-37 {
height: 48px !important;
background-color: #ffffff !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
box-sizing: border-box !important;
}
/* 搜索框区块 (最左侧) */
.wpc-filters-section-35s {
flex: 2 !important;
border: 1px solid #dcdcdc !important;
border-right: none !important;
border-radius: 6px 0 0 6px !important;
}
/* 中间下拉框区块 */
.wpc-filters-section-36 {
flex: 1 !important;
border: 1px solid #dcdcdc !important;
border-right: none !important;
}
/* 右侧下拉框区块 */
.wpc-filters-section-37 {
flex: 1 !important;
border: 1px solid #dcdcdc !important;
border-radius: 0 6px 6px 0 !important;
}
/* 确保内部容器铺满 */
.wpc-filter-search-form,
.wpc-search-field-wrapper,
.wpc-filter-content {
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
}
/* 4. 清除输入框和下拉框的系统默认样式 */
.wpc-search-field,
.wpc-filters-widget-select {
width: 100% !important;
height: 100% !important;
border: none !important;
background: transparent !important;
box-shadow: none !important;
outline: none !important;
color: #333 !important;
font-size: 14px !important;
margin: 0 !important;
}
/* 5. 修复搜索图标重叠及偏上问题 */
.wpc-search-field-wrapper {
position: relative !important;
}
/* 强制垂直居中搜索图标 */
.wpc-search-icon {
position: absolute !important;
left: 12px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 18px !important;
height: 18px !important;
background-image: url('data:image/svg+xml;utf8,') !important;
background-size: cover !important;
background-repeat: no-repeat !important;
pointer-events: none !important;
}
.wpc-search-field {
padding-left: 38px !important;
padding-right: 10px !important;
}
/* 6. 美化下拉框 */
.wpc-filters-widget-select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
padding-left: 15px !important;
padding-right: 30px !important;
background-image: url('data:image/svg+xml;utf8,') !important;
background-repeat: no-repeat !important;
background-position: right 10px center !important;
background-size: 24px !important;
cursor: pointer !important;
}
/* 7. 按钮区域布局 (包含 Search 和 Reset) */
.wpc-filters-section.wpc-filter-layout-submit-button {
margin: 0 0 0 15px !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
gap: 12px !important; /* Search 和 Reset 按钮之间的间距 */
}
/* 绿色搜索按钮 */
.wpc-filters-submit-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background-color: #00cc6a !important;
color: #ffffff !important;
font-weight: bold !important;
font-size: 14px !important;
text-transform: uppercase !important;
padding: 0 28px !important;
height: 48px !important;
min-width: 120px !important;
border-radius: 6px !important;
border: none !important;
text-decoration: none !important;
box-sizing: border-box !important;
line-height: 1 !important;
}
.wpc-filters-submit-button:hover {
background-color: #00b85f !important;
}
/* 恢复并美化 Reset 按钮 */
.wpc-filters-reset-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #888 !important; /* 柔和的灰色文字 */
font-size: 14px !important;
text-decoration: none !important;
height: 48px !important;
padding: 0 10px !important;
background: transparent !important;
transition: color 0.2s ease !important;
}
.wpc-filters-reset-button:hover {
color: #333 !important; /* 鼠标悬浮时颜色加深 */
text-decoration: underline !important;
}/* End custom CSS */