.elementor-kit-85{--e-global-color-primary:#1A4D2E;--e-global-color-secondary:#4A934A;--e-global-color-text:#4A5568;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-size:22px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:17px;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Noto Sans";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Noto Sans SC";--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:1.5px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-85 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- 通用字体和颜色设置 --- */
body {
    font-family: 'Noto Sans SC', sans-serif; /* 主要中文字体 */
    color: #333; /* 默认文本颜色 */
}

h1, h2, h3, h4 {
    font-family: 'Playfair Display', serif; /* 标题字体 */
    color: #1a4d2e; /* 深绿色标题颜色 */
}

/* --- 主要按钮样式 --- */
.btn-primary {
    background-color: #4a934a; /* 充满活力的绿色 */
    color: white;
    padding: 1rem 2rem;
    border-radius: 0.5rem;
    transition: background-color 0.3s ease; /* 鼠标悬停时的平滑过渡 */
}

.btn-primary:hover {
    background-color: #3b7a3b; /* 悬停时更深的绿色 */
}

/* --- 区域标题下划线效果 --- */
.section-title {
    position: relative;
    display: inline-block;
    margin-bottom: 2rem;
}

.section-title::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    width: 60px;
    height: 4px;
    background-color: #4a934a;
    border-radius: 2px;
}

/* --- 产品卡片样式及悬停效果 --- */
.product-card {
    background-color: white;
    border-radius: 0.75rem;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    text-align: center;
}

.product-card:hover {
    transform: translateY(-5px); /* 悬停时向上轻微移动 */
    box-shadow: 0 10px 15px rgba(0,0,0,0.15); /* 悬停时阴影加深 */
}

.product-card img {
    width: 100%;
    height: 200px; /* 固定高度以保持一致性 */
    object-fit: contain; /* 确保整个图片可见 */
    background-color: #f8f8f8; /* 产品图片背景色 */
    border-bottom: 1px solid #eee;
}

/* --- 导航菜单下拉样式 (针对手动实现的下拉菜单或Elementor未完全覆盖的情况) --- */
/* 注意：Elementor的导航菜单小部件通常会生成自己的HTML结构。
   这些CSS选择器可能需要根据Elementor实际生成的类名进行调整。 */
.dropdown { /* 应用于包含下拉菜单的导航项（通常是<li>） */
    position: relative;
    display: inline-block;
}

.dropdown-content { /* 应用于下拉菜单内容容器（通常是<ul>或<div>） */
    display: none; /* 默认隐藏 */
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1; /* 确保在其他内容之上 */
    border-radius: 0.5rem;
    top: 100%; /* 定位在父元素正下方 */
    left: 0;
    padding: 0.5rem 0;
}

.dropdown-content a { /* 应用于下拉菜单中的链接 */
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-weight: normal; /* 覆盖父元素可能的字体粗细 */
}

.dropdown-content a:hover {
    background-color: #f1f1f1; /* 悬停时浅灰色背景 */
    color: #3b7a3b; /* 悬停时绿色文字 */
}

.dropdown:hover .dropdown-content {
    display: block; /* 鼠标悬停时显示下拉菜单 */
}

/* --- Logo 图片尺寸调整 --- */
.logo-img {
    height: 60px; /* Logo 的固定高度 */
    width: auto; /* 宽度自适应，保持比例 */
    object-fit: contain; /* 确保整个图片可见 */
}

/* --- 语言切换按钮样式 --- */
.lang-switcher-wrapper {
    display: flex; /* 使按钮横向排列 */
    align-items: center; /* 垂直居中 */
    gap: 0.5rem; /* 按钮之间的间距 */
}

.lang-toggle-btn {
    color: #4a5568; /* 默认文字颜色 (gray-700) */
    font-weight: 500; /* 字体粗细 (font-medium) */
    border: 1px solid #e2e8f0; /* 默认边框颜色 (gray-300) */
    padding: 0.25rem 0.75rem; /* 内边距 (py-1 px-3) */
    border-radius: 9999px; /* 圆角 (rounded-full) */
    transition: all 0.3s ease; /* 平滑过渡效果 */
    text-decoration: none; /* 移除下划线 */
    white-space: nowrap; /* 防止按钮文字换行 */
}

.lang-toggle-btn:hover {
    color: #38a169; /* 悬停文字颜色 (green-600) */
    border-color: #38a169; /* 悬停边框颜色 (green-600) */
}

.lang-toggle-btn.active {
    border-color: #38a169; /* 活跃按钮边框颜色 (green-600) */
    color: #38a169; /* 活跃按钮文字颜色 (green-600) */
    background-color: #f0fdf4; /* 活跃按钮背景色 (green-50) */
}/* End custom CSS */