/* ============================================================
   RONGGE — 品牌视觉重塑覆盖层
   方向：保留品牌绿 · 现代圆角卡片
   说明：本文件在 style.css / responsive.css 之后加载，
        通过覆盖设计令牌与组件样式完成全站换肤，不改 HTML。
   ============================================================ */

:root {
    /* —— 品牌绿色阶（比原模板更沉稳、现代） —— */
    --ltn__primary-color: #0a8a4d;     /* 深品牌绿（悬停态） */
    --ltn__primary-color-3: #0c3a28;
    --ltn__secondary-color: #11a05a;   /* 主强调绿 */
    --ltn__secondary-color-2: #f59e0b; /* 暖橙点缀（少量使用） */

    /* —— 文字色 —— */
    --ltn__heading-color: #10231c;
    --ltn__paragraph-color: #46564e;

    /* —— 区块底色 —— */
    --section-bg-1: #f4f8f5;           /* 浅绿灰底 */
    --section-bg-6: #0a5c38;           /* 顶栏深绿 */
    --section-bg-9: #0a5c38;
    --section-bg-7: #0c1f17;           /* 版权条深墨绿 */

    /* —— 边框 —— */
    --border-color-1: #e7eee9;
    --border-color-8: #eaf1ec;
    --border-color-9: #dfe9e2;

    /* —— 柔和现代阴影 —— */
    --ltn__box-shadow-1: 0 18px 44px rgba(10, 52, 32, 0.14);
    --ltn__box-shadow-2: 0 2px 8px rgba(10, 52, 32, 0.08);
    --ltn__box-shadow-3: 0 4px 14px rgba(10, 52, 32, 0.10);
    --ltn__box-shadow-4: 0 12px 32px rgba(10, 52, 32, 0.08);
    --ltn__box-shadow-5: 0 10px 26px rgba(10, 52, 32, 0.10);

    /* —— 圆角体系 —— */
    --rg-radius-sm: 10px;
    --rg-radius: 16px;
    --rg-radius-lg: 22px;
    --rg-radius-pill: 999px;
}

/* ============================================================
   1. 基础
   ============================================================ */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::selection {
    background: rgba(17, 160, 90, 0.18);
    color: #0c3a28;
}

/* 滚动条 */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #eef4f0; }
::-webkit-scrollbar-thumb {
    background: #b9d2c4;
    border-radius: 999px;
    border: 2px solid #eef4f0;
}
::-webkit-scrollbar-thumb:hover { background: #11a05a; }

/* 区块小标题：改成浅绿胶囊标签（去掉原模板方块符号） */
.section-title-area .section-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(17, 160, 90, 0.10);
    color: #0a8a4d !important;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.08em;
    padding: 7px 18px;
    border-radius: var(--rg-radius-pill);
    margin-bottom: 18px !important;
}
.section-title-area .section-subtitle i { display: none; }

/* ============================================================
   2. 按钮
   ============================================================ */
.theme-btn-1,
.theme-btn-2,
.theme-btn-3,
.btn.btn-effect-1,
.btn.btn-effect-2,
.btn.btn-effect-3,
.btn-white,
.btn-black {
    border-radius: var(--rg-radius-sm);
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 0 30px;
    line-height: 48px;
    height: 48px;
    transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
}
.theme-btn-1,
.btn.btn-effect-2 {
    background: linear-gradient(135deg, #13b365 0%, #0a8a4d 100%);
    box-shadow: 0 8px 20px rgba(16, 140, 78, 0.28);
}
.theme-btn-1:hover,
.btn.btn-effect-2:hover {
    background: linear-gradient(135deg, #0a8a4d 0%, #076e3c 100%);
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(16, 140, 78, 0.36);
    color: #fff;
}
.theme-btn-3 {
    border-width: 1.5px;
    border-radius: var(--rg-radius-sm);
}
.btn-round { border-radius: var(--rg-radius-pill); }

/* ============================================================
   3. 顶部栏 / 导航
   ============================================================ */
.ltn__header-top-area {
    background: linear-gradient(90deg, #0a5c38 0%, #0d7044 60%, #0a5c38 100%) !important;
}
.ltn__header-top-area a { color: rgba(255, 255, 255, 0.92); }
.ltn__header-top-area a:hover { color: #b8f5d2; }
.ltn__social-media ul li a {
    border-radius: 50%;
    transition: background-color .2s ease, transform .2s ease;
}
.ltn__social-media ul li a:hover {
    background: rgba(255, 255, 255, 0.16);
    transform: translateY(-2px);
}

/* 主导航中部：白色悬浮卡片感 */
.ltn__header-middle-area {
    box-shadow: 0 4px 24px rgba(10, 52, 32, 0.08);
}

/* 导航链接：浅绿胶囊悬停 */
.ltn__main-menu > ul > li > a {
    font-size: 16px;
    font-weight: 600;
    padding: 10px 18px !important;
    margin: 0 2px;
    border-radius: var(--rg-radius-pill);
    transition: background-color .2s ease, color .2s ease;
}
.ltn__main-menu > ul > li:hover > a,
.ltn__main-menu > ul > li.active > a {
    background: rgba(17, 160, 90, 0.12);
    color: #0a8a4d;
}

/* 下拉菜单：大圆角 + 柔影 */
.ltn__main-menu li > ul,
.ltn__main-menu .sub-menu {
    border-radius: var(--rg-radius);
    padding: 12px;
    box-shadow: 0 20px 48px rgba(10, 52, 32, 0.16) !important;
    overflow: hidden;
}
.ltn__main-menu .sub-menu li a {
    border-radius: var(--rg-radius-sm);
    padding: 10px 16px !important;
    font-weight: 500;
}
.ltn__main-menu .sub-menu li a:hover {
    background: rgba(17, 160, 90, 0.08);
    color: #0a8a4d;
}

/* Get A Quote 胶囊按钮 */
.ltn__header-extra-btn .btn {
    border-radius: var(--rg-radius-pill);
}

/* 搜索弹层输入框圆角 */
.header-search-1-form {
    box-shadow: 0 16px 40px rgba(10, 52, 32, 0.16);
    border-radius: var(--rg-radius-sm);
    overflow: hidden;
}
.header-search-1-form input[type="text"] {
    border-radius: 0;
}

/* ============================================================
   4. 分类卡片（首页轮播）
   ============================================================ */
.ltn__category-item-5 {
    border-radius: var(--rg-radius-lg);
    box-shadow: 0 8px 24px rgba(10, 52, 32, 0.07);
    transition: transform .3s ease, box-shadow .3s ease;
    overflow: hidden;
}
.ltn__category-item-5:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 44px rgba(10, 52, 32, 0.16);
    background: linear-gradient(150deg, #13b365 0%, #0a8a4d 100%);
}
.ltn__category-item-5 a { padding: 26px 18px 0px; }
.ltn__category-item-5 a .category-icon {
    background: rgba(17, 160, 90, 0.10);
    transition: background-color .3s ease;
}
.ltn__category-item-5 a .category-icon img {
    object-fit: contain;
    vertical-align: middle;
}
.ltn__category-item-5:hover a .category-icon {
    background: rgba(255, 255, 255, 0.18);
}
.ltn__category-item-5 a .category-title {
    font-weight: 600;
}
.ltn__category-item-5 a .category-btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: none;
    color: #0a8a4d;
    box-shadow: 0 6px 16px rgba(10, 52, 32, 0.14);
}

/* 轮播箭头浮于外侧、圆角方块 */
.ltn__category-area .slick-arrow {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(10, 52, 32, 0.14);
    z-index: 5;
}

/* ============================================================
   5. 特性 / 优势卡片
   ============================================================ */
.ltn__feature-item-6,
.ltn__solution-card {
    border-radius: var(--rg-radius);
    border: 1px solid #eaf1ec !important;
    box-shadow: 0 6px 20px rgba(10, 52, 32, 0.05);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.ltn__feature-item-6:hover,
.ltn__solution-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(10, 52, 32, 0.12);
    border-color: rgba(17, 160, 90, 0.35) !important;
}
.ltn__feature-item-6 .ltn__feature-icon,
.ltn__solution-card > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 18px;
    background: rgba(17, 160, 90, 0.10);
    color: #0a8a4d !important;
    margin-bottom: 8px;
}

/* ============================================================
   6. 工厂能力选项卡
   ============================================================ */
.ltn__solution-tabs,
ul.nav.ltn__solution-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 4px;
    border: none !important;
    background: #eef6f1;
    padding: 6px;
    border-radius: var(--rg-radius-pill);
}
.ltn__solution-tabs .nav-item {
    flex: 1 1 0 !important;
    min-width: 0;
    text-align: center;
}
.ltn__solution-tabs .nav-link {
    display: block;
    border: none !important;
    border-radius: var(--rg-radius-pill);
    padding: 9px 10px !important;
    white-space: nowrap;
    color: #4e6559 !important;
    font-weight: 600;
    transition: all .2s ease;
}
.ltn__solution-tabs .nav-link:hover { color: #0a8a4d !important; }
.ltn__solution-tabs .nav-link.active {
    background: #fff !important;
    color: #0a8a4d !important;
    box-shadow: 0 4px 14px rgba(10, 52, 32, 0.12);
}
.ltn__solution-img {
    border-radius: var(--rg-radius-lg);
    box-shadow: 0 18px 44px rgba(10, 52, 32, 0.14);
}

/* ============================================================
   7. 产品卡片
   ============================================================ */
.ltn__product-item {
    background: #fff;
    border: 1px solid #eaf1ec;
    border-radius: var(--rg-radius);
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(10, 52, 32, 0.05);
    transition: transform .3s ease, box-shadow .3s ease;
}
.ltn__product-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 44px rgba(10, 52, 32, 0.13);
}
.ltn__product-item .product-img { border-radius: 0; }
.ltn__product-item .product-item-brief,
.ltn__product-item .product-info {
    padding-left: 22px;
    padding-right: 22px;
}
/* 悬停遮罩改为品牌绿且减弱 */
.ltn__product-item:hover .product-img:before { opacity: .18; background-color: #0a8a4d; }

/* ============================================================
   8. 数据 / 计数块
   ============================================================ */
.ltn__counter,
.ltn__funfact-item,
[class*="counter-single"] {
    border-radius: var(--rg-radius);
}
.ltn__counter .counter-icon,
.ltn__funfact-item .counter-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 16px;
    background: rgba(17, 160, 90, 0.10);
}

/* ============================================================
   9. CTA / 图文推广横幅
   ============================================================ */
.ltn__call-to-action-4,
.ltn__call-to-action-area,
[class*="call-to-action-inner"] {
    border-radius: var(--rg-radius-lg);
    overflow: hidden;
}

/* ============================================================
   10. 页脚
   ============================================================ */
.footer-top-area {
    background: linear-gradient(165deg, #0f2c20 0%, #0b2017 55%, #081811 100%) !important;
}
.footer-top-area .footer-title {
    color: #ffffff;
    font-weight: 600;
    position: relative;
    padding-bottom: 14px;
}
.footer-top-area .footer-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 34px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #13b365, #0a8a4d);
}
.footer-top-area,
.footer-top-area p,
.footer-top-area li,
.footer-top-area a {
    color: rgba(226, 239, 231, 0.78);
}
.footer-top-area a:hover { color: #4fd08c; }
.footer-top-area .ltn__social-media ul li a {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
}
.footer-top-area .ltn__social-media ul li a:hover {
    background: linear-gradient(135deg, #13b365, #0a8a4d);
    color: #fff;
}
.ltn__copyright-area {
    background: #081811 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.ltn__copyright-area,
.ltn__copyright-area a { color: rgba(226, 239, 231, 0.7); }
.ltn__copyright-area a:hover { color: #4fd08c; }

/* ============================================================
   11. 表单 / 输入框 / 分页 / 面包屑
   ============================================================ */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="password"],
textarea,
select,
.form-control {
    border-radius: var(--rg-radius-sm) !important;
    border: 1px solid #dfe9e2;
    padding: 10px 16px;
    transition: border-color .2s ease, box-shadow .2s ease;
}
input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    border-color: #11a05a !important;
    box-shadow: 0 0 0 4px rgba(17, 160, 90, 0.12) !important;
    outline: none;
}

.ltn__pagination ul li a,
.pagination .page-link {
    border-radius: var(--rg-radius-sm) !important;
    border: 1px solid #dfe9e2;
    margin: 0 3px;
    color: #31463c;
}
.ltn__pagination ul li.active a,
.ltn__pagination ul li a:hover,
.pagination .page-item.active .page-link,
.pagination .page-link:hover {
    background: #0a8a4d !important;
    border-color: #0a8a4d !important;
    color: #fff !important;
}

/* 评论/引用等小标签 */
.breadcrumb-item a:hover,
.ltn__breadcrumb-inner a:hover { color: #11a05a; }

/* ============================================================
   12. 返回顶部 / 杂项
   ============================================================ */
.ltn__scroll-up,
#scrollUp {
    width: 46px !important;
    height: 46px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #13b365, #0a8a4d) !important;
    box-shadow: 0 10px 24px rgba(16, 140, 78, 0.35);
}

/* 回到顶部按钮图标垂直居中 */
.ltn__scroll-up i,
#scrollUp i { line-height: 46px; }

/* 通用白色阴影卡片容器（其他模板卡片统一受益） */
.box-shadow-1,
[class*="white-box"] {
    border-radius: var(--rg-radius);
}

/* ============================================================
   13. 响应式微调
   ============================================================ */
@media (max-width: 991px) {
    .ltn__solution-tabs { border-radius: var(--rg-radius); }
    .ltn__solution-tabs .nav-link { padding: 8px 8px !important; font-size: 14px; }
}
@media (max-width: 575px) {
    .ltn__solution-tabs { flex-wrap: wrap; border-radius: var(--rg-radius); }
    .ltn__solution-tabs .nav-item { flex: 1 1 45%; }
    .theme-btn-1,
    .theme-btn-2,
    .btn.btn-effect-1,
    .btn.btn-effect-2 {
        line-height: 44px;
        height: 44px;
        padding: 0 22px;
    }
}

/* ============================================================
   14. About Us 现代版（图片+浮动徽章 / 四宫格数据）
   ============================================================ */
.about-img-modern {
    position: relative;
    padding: 24px;
}
.about-img-main {
    position: relative;
    border-radius: var(--rg-radius-lg);
    overflow: hidden;
    box-shadow: 0 24px 56px rgba(10, 52, 32, 0.18);
}
.about-img-main img {
    width: 100%;
    height: 460px;
    object-fit: cover;
    display: block;
    transition: transform .6s ease;
}
.about-img-modern:hover .about-img-main img { transform: scale(1.04); }

/* 浮动经验徽章 */
.about-img-badge {
    position: absolute;
    right: 0;
    bottom: 40px;
    display: flex;
    align-items: center;
    gap: 14px;
    background: #fff;
    padding: 18px 26px 18px 22px;
    border-radius: var(--rg-radius);
    box-shadow: 0 18px 40px rgba(10, 52, 32, 0.22);
}
.about-img-badge .badge-num {
    font-family: var(--ltn__heading-font);
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(135deg, #13b365, #0a8a4d);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-img-badge .badge-num small { font-size: 28px; }
.about-img-badge .badge-label {
    font-size: 13px;
    font-weight: 600;
    color: #46564e;
    line-height: 1.35;
}

/* 装饰小圆点 */
.about-img-dot {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(17,160,90,0.55) 1.5px, transparent 2px);
    background-size: 12px 12px;
}

/* 文案段落 */
.about-lead {
    font-size: 16px;
    line-height: 1.9;
    color: #46564e;
    margin-bottom: 22px;
}

/* 四宫格数据 */
.about-stats-modern { row-gap: 20px; }
.about-stat {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 24px 22px;
    border-radius: var(--rg-radius);
    background: #fff;
    border: 1px solid #eaf1ec;
    box-shadow: 0 6px 18px rgba(10, 52, 32, 0.05);
    transition: transform .3s ease, box-shadow .3s ease;
    height: 100%;
}
.about-stat:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(10, 52, 32, 0.12);
}
.about-stat .stat-num {
    font-family: var(--ltn__heading-font);
    font-size: 38px;
    font-weight: 700;
    line-height: 1.1;
    color: #0a8a4d;
}
.about-stat .stat-num span {
    font-size: 18px;
    margin-left: 2px;
    color: #11a05a;
}
.about-stat .stat-label {
    font-size: 14px;
    font-weight: 500;
    color: #46564e;
}

@media (max-width: 991px) {
    .about-img-main img { height: 380px; }
    .about-img-badge { padding: 14px 20px; }
    .about-img-badge .badge-num { font-size: 42px; }
}
@media (max-width: 575px) {
    .about-img-modern { padding: 10px; }
    .about-img-main img { height: 280px; }
    .about-img-badge { bottom: 20px; padding: 12px 18px; gap: 10px; }
    .about-img-badge .badge-num { font-size: 36px; }
    .about-img-badge .badge-label { font-size: 12px; }
    .about-stat { padding: 18px 16px; }
    .about-stat .stat-num { font-size: 30px; }
}

/* ============================================================
   15. 生产流程时间线卡片
   ============================================================ */
.process-grid { row-gap: 30px; }
.process-card {
    background: #fff;
    border: 1px solid #eaf1ec;
    border-radius: var(--rg-radius);
    overflow: hidden;
    height: 100%;
    box-shadow: 0 6px 20px rgba(10, 52, 32, 0.05);
    transition: transform .3s ease, box-shadow .3s ease;
}
.process-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 44px rgba(10, 52, 32, 0.14);
}
.process-card-img {
    position: relative;
    height: 200px;
    overflow: hidden;
    background: #eef4f0;
}
.process-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}
.process-card:hover .process-card-img img { transform: scale(1.06); }
.process-step-no {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: linear-gradient(135deg, #13b365, #0a8a4d);
    color: #fff;
    font-family: var(--ltn__heading-font);
    font-weight: 700;
    font-size: 16px;
    border-radius: 12px;
    box-shadow: 0 6px 16px rgba(10, 52, 32, 0.28);
}
.process-card-body { padding: 20px 22px 24px; }
.process-card-titles {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #dfe9e2;
}
.process-card-titles .process-en-title {
    font-family: var(--ltn__heading-font);
    font-size: 18px;
    font-weight: 700;
    color: #0a8a4d;
    margin: 0;
    line-height: 1.35;
    letter-spacing: 0.01em;
}
.process-card-body p { margin: 0; line-height: 1.7; }
.process-card-body .process-en-desc {
    font-size: 14px;
    color: #46564e;
}
/* 收尾卡：绿色描边突出 */
.process-card-final {
    border-color: rgba(17, 160, 90, 0.45);
    box-shadow: 0 10px 30px rgba(10, 52, 32, 0.10);
}
.process-card-final .process-step-no {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

@media (max-width: 991px) {
    .process-card-img { height: 180px; }
}
@media (max-width: 575px) {
    .process-card-img { height: 200px; }
    .process-card-body { padding: 16px 16px 20px; }
    .process-card-titles .process-en-title { font-size: 16px; }
}

/* ============================================================
   16. 专利证书展示
   ============================================================ */
.patent-grid { row-gap: 30px; }
.patent-card {
    position: relative;
    display: block;
    border-radius: var(--rg-radius);
    overflow: hidden;
    background: #fff;
    border: 1px solid #eaf1ec;
    box-shadow: 0 8px 24px rgba(10, 52, 32, 0.08);
    height: 365px;
    transition: transform .3s ease, box-shadow .3s ease;
}
.patent-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 48px rgba(10, 52, 32, 0.18);
}
.patent-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform .5s ease;
}
.patent-card:hover img { transform: scale(1.04); }
.patent-zoom {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 50%;
    background: rgba(10, 138, 77, 0.92);
    color: #fff;
    font-size: 20px;
    opacity: 0;
    transition: all .35s ease;
    z-index: 2;
}
.patent-card:hover .patent-zoom {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.patent-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(10, 52, 32, 0.30) 0%, transparent 45%);
    opacity: 0;
    transition: opacity .35s ease;
    z-index: 1;
}
.patent-card:hover::after { opacity: 1; }

@media (max-width: 991px) {
    .patent-card { height: 360px; }
}
@media (max-width: 575px) {
    .patent-card { height: 460px; }
}

/* ============================================================
   17. 侧边栏重布局（卡片化 + 阴影）
   ============================================================ */
.sidebar-modern {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.widget-card {
    background: #fff;
    border: 1px solid #eaf1ec;
    border-radius: var(--rg-radius);
    box-shadow: 0 8px 28px rgba(10, 52, 32, 0.08);
    padding: 26px 24px;
    transition: box-shadow .3s ease;
}
.widget-card:hover {
    box-shadow: 0 16px 40px rgba(10, 52, 32, 0.14);
}

/* 标题：绿色左装饰条 + 图标圆角背景 */
.widget-title-modern {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--ltn__heading-font);
    font-size: 18px;
    font-weight: 700;
    color: #10231c;
    margin: 0 0 20px;
    padding-bottom: 16px;
    border-bottom: 2px solid #eef4f0;
    position: relative;
}
.widget-title-modern::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, #13b365, #0a8a4d);
    border-radius: 2px;
}
.widget-title-modern i {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: linear-gradient(135deg, #13b365, #0a8a4d);
    border-radius: 9px;
}

/* 分类列表 */
.widget-cat-list,
.widget-cat-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget-cat-list > li {
    border-bottom: 1px solid #f0f5f2;
}
.widget-cat-list > li:last-child { border-bottom: none; }
.widget-cat-list .p-category {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.widget-cat-list .p-category a {
    display: block;
    padding: 12px 14px 12px 18px;
    font-size: 14px;
    font-weight: 500;
    color: #31463c;
    transition: all .25s ease;
    border-left: 3px solid transparent;
    width: 100%;
}
.widget-cat-list .p-category a:hover,
.widget-cat-list > li.active > .p-category a {
    color: #0a8a4d;
    background: #f4faf6;
    border-left-color: #0a8a4d;
}
.widget-cat-list .p-category-ico {
    padding-right: 14px;
    color: #9aa89e;
    font-size: 12px;
    cursor: pointer;
    transition: color .25s ease;
}
.widget-cat-list .p-category:hover .p-category-ico { color: #0a8a4d; }
.widget-cat-list ul {
    padding-left: 18px;
    background: #fafdfb;
}
.widget-cat-list ul .p-category a {
    padding: 10px 14px 10px 16px;
    font-size: 13px;
    color: #6b7d72;
}
.widget-cat-list ul .p-category a:hover { color: #0a8a4d; }

/* Top Rated 产品列表 */
.widget-top-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.widget-top-list li {
    padding: 12px;
    border-radius: 12px;
    transition: background .25s ease, transform .25s ease;
}
.widget-top-list li:hover {
    background: #f4faf6;
    transform: translateX(4px);
}
.widget-top-list .top-rated-product-img {
    border-radius: 10px;
    overflow: hidden;
}
.widget-top-list .top-rated-product-img img {
    transition: transform .4s ease;
}
.widget-top-list li:hover .top-rated-product-img img { transform: scale(1.08); }
.widget-top-list .top-rated-product-info h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
}
.widget-top-list .top-rated-product-info h6 a { color: #31463c; transition: color .25s ease; }
.widget-top-list .top-rated-product-info h6 a:hover { color: #0a8a4d; }
.widget-top-list .ltn__blog-date a {
    font-size: 12px;
    color: #8a9b91;
}
.widget-top-list .ltn__blog-date i { color: #0a8a4d; }

/* ============================================================
   18. 联系页重布局
   ============================================================ */
.contact-form-modern {
    background: #fff;
    border: 1px solid #eaf1ec;
    border-radius: var(--rg-radius);
    box-shadow: 0 8px 28px rgba(10, 52, 32, 0.08);
    padding: 36px 34px;
}
.contact-info-stack {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}
.contact-info-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    background: #fff;
    border: 1px solid #eaf1ec;
    border-radius: var(--rg-radius);
    padding: 24px 22px;
    box-shadow: 0 6px 20px rgba(10, 52, 32, 0.05);
    transition: transform .3s ease, box-shadow .3s ease;
    flex: 1;
}
.contact-info-card:hover {
    transform: translateX(6px);
    box-shadow: 0 16px 36px rgba(10, 52, 32, 0.14);
}
.contact-info-icon {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-radius: 14px;
    background: linear-gradient(135deg, #13b365, #0a8a4d);
    color: #fff;
    font-size: 20px;
    box-shadow: 0 8px 20px rgba(10, 138, 77, 0.30);
}
.contact-info-body h4 {
    font-family: var(--ltn__heading-font);
    font-size: 17px;
    font-weight: 700;
    color: #10231c;
    margin: 0 0 6px;
}
.contact-info-body p {
    font-size: 14px;
    line-height: 1.7;
    color: #46564e;
    margin: 0;
}
.contact-info-body p a {
    color: #46564e;
    transition: color .25s ease;
}
.contact-info-body p a:hover { color: #0a8a4d; }

.google-map-modern iframe {
    border-radius: var(--rg-radius);
    box-shadow: 0 10px 30px rgba(10, 52, 32, 0.10);
    width: 100%;
    display: block;
}

@media (max-width: 991px) {
    .contact-form-modern { padding: 28px 22px; }
    .contact-info-stack { margin-top: 30px; }
    .contact-info-card { flex-direction: row; }
}
@media (max-width: 575px) {
    .contact-form-modern { padding: 22px 16px; }
    .contact-info-card { padding: 18px 16px; gap: 14px; }
    .contact-info-icon { width: 44px; height: 44px; line-height: 44px; font-size: 17px; }
    .google-map-modern iframe { height: 300px !important; }
}