@charset "utf-8";

@font-face {
    font-family: "Lora";
    src: url("../fonts/Lora-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
}

@font-face {
    font-family: "Lora";
    src: url("../fonts/Lora-Italic-Variable.ttf") format("truetype");
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
}

@font-face {
    font-family: "Google Sans Flex";
    src: url("../fonts/GoogleSansFlex-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Google Sans Flex";
    src: url("../fonts/GoogleSansFlex-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Google Sans Flex";
    src: url("../fonts/GoogleSansFlex-SemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600 700;
    font-display: swap;
}

:root {
    --jf-color-black: #191919;
    --jf-color-gold-start: #a67b4e;
    --jf-color-gold-end: #f6d6a5;
    --jf-gradient-gold: linear-gradient(90deg, var(--jf-color-gold-start) 0%, var(--jf-color-gold-end) 100%);
    --jf-font-heading: "Lora", Georgia, serif;
    --jf-font-body: "Google Sans Flex", Arial, sans-serif;
}

html {
    --text: var(--jf-color-black);
}

body,
input,
textarea,
select,
button,
.jf-lusheng-content,
.jf-lusheng-content input,
.jf-lusheng-content textarea,
.jf-lusheng-content select,
.jf-lusheng-content button,
.jf-lusheng-footer {
    font-family: var(--jf-font-body) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-theme,
.themeFont,
.sectionTit,
.BannerTitle,
.ArticleTit,
.ProductTit,
.contactTit,
.formName,
.sys-tit,
.jf-lusheng-content .themeFont,
.header.jf-lusheng-header .jf-brand-wordmark,
.jf-lusheng-footer .footLogo a,
.jf-lusheng-footer .footTit {
    font-family: var(--jf-font-heading) !important;
}

h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 *,
.font-theme *,
.themeFont *,
.sectionTit *,
.BannerTitle *,
.ArticleTit *,
.ProductTit *,
.contactTit *,
.formName *,
.sys-tit * {
    font-family: inherit !important;
}

.header.jf-lusheng-header,
.header.jf-lusheng-header .navbar,
.header.jf-lusheng-header .navbar a,
.header.jf-lusheng-header .head_language,
.header.jf-lusheng-header .head_touch,
.jf-taxonomy-sidebar,
.jf-taxonomy-sidebar a,
.jf-lusheng-content .static-form .form-input input {
    font-family: var(--jf-font-body) !important;
}

main .btn,
main .btn-empty,
main a.btn,
main input[type="submit"],
main button[type="submit"],
#contact-inquiry-form input[type="submit"] {
    border: 0 !important;
    border-radius: 8px !important;
    color: #fff !important;
    background: var(--jf-gradient-gold) !important;
    box-shadow: none;
    font-family: var(--jf-font-body) !important;
    font-weight: 500;
    text-transform: none !important;
    -webkit-text-fill-color: #fff;
    transition: color .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

main .btn::before,
main .btn-empty::before,
main a.btn::before {
    display: none !important;
    content: none !important;
}

main .btn:hover,
main .btn:focus-visible,
main .btn:active,
main .btn.active,
main .btn.is-active,
main .btn[aria-current="page"],
main .btn-empty:hover,
main .btn-empty:focus-visible,
main a.btn:hover,
main a.btn:focus-visible,
main input[type="submit"]:hover,
main input[type="submit"]:focus-visible,
main button[type="submit"]:hover,
main button[type="submit"]:focus-visible,
#contact-inquiry-form input[type="submit"]:hover,
#contact-inquiry-form input[type="submit"]:focus-visible {
    color: transparent !important;
    border: 0 !important;
    background-image: var(--jf-gradient-gold), linear-gradient(var(--jf-color-black), var(--jf-color-black)) !important;
    background-origin: border-box;
    background-clip: text, border-box !important;
    -webkit-background-clip: text, border-box !important;
    -webkit-text-fill-color: transparent;
    box-shadow: 0 .35em .85em rgb(25 25 25 / 18%);
}

/* Product archive search controls retain their compact, icon-only treatment. */
main .breadcrumb-search button[type="submit"],
main .breadcrumb-search button[type="submit"]:hover,
main .breadcrumb-search button[type="submit"]:focus-visible {
    border: 0 !important;
    border-radius: 0 !important;
    color: inherit !important;
    background: transparent !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: currentColor;
    box-shadow: none !important;
    transform: none !important;
}

/* The navigation CTA intentionally keeps its existing shell styling. */
.header.jf-lusheng-header .head_touch a,
.header.jf-lusheng-header .head_touch a:hover,
.header.jf-lusheng-header .head_touch a:focus-visible {
    -webkit-text-fill-color: currentColor;
    background-clip: border-box;
    -webkit-background-clip: border-box;
}




/* =========================================================
   Breadcrumb and product search — horizontal gold gradient
   ========================================================= */

section.pos {
    --jf-search-gradient: linear-gradient(
        90deg,
        #a67b4e 0%,
        #f6d6a5 100%
    );
}

/* 面包屑链接和当前页面文字 */
section.pos .breadcrumb a,
section.pos .breadcrumb .current {
    display: inline-block;
    color: #a67b4e;
    background-image: var(--jf-search-gradient);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 分隔符也使用渐变 */
section.pos .breadcrumb .sep {
    display: inline-block;
    color: #a67b4e;
    background-image: var(--jf-search-gradient);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 保留面包屑悬停下划线 */
section.pos .breadcrumb a:hover {
    text-decoration: underline;
    text-decoration-color: #a67b4e;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
}

/* 左侧搜索图标 */
section.pos .breadcrumb-search form > .fa-search {
    display: inline-block;
    color: #a67b4e;
    background-image: var(--jf-search-gradient);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 搜索框内用户输入的文字 */
section.pos .breadcrumb-search input[type="text"] {
    color: #a67b4e;
    background-color: transparent !important;
    background-image: var(--jf-search-gradient);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    caret-color: #191919;
}

/* Search Products 占位文字 */
section.pos .breadcrumb-search input[type="text"]::placeholder {
    color: #a67b4e;
    opacity: 1;
    background-image: var(--jf-search-gradient);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 右侧提交按钮仍然保持透明，不套用全局按钮样式 */
main section.pos .breadcrumb-search button[type="submit"],
main section.pos .breadcrumb-search button[type="submit"]:hover,
main section.pos .breadcrumb-search button[type="submit"]:focus-visible {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* 右侧箭头使用横向金色渐变 */
main section.pos .breadcrumb-search button[type="submit"] i {
    display: inline-block;
    color: #a67b4e !important;
    background-image: var(--jf-search-gradient) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    transition: transform 0.3s ease;
}

/* 箭头悬停时只轻微向右移动 */
main section.pos .breadcrumb-search button[type="submit"]:hover i,
main section.pos .breadcrumb-search button[type="submit"]:focus-visible i {
    transform: translateX(0.2em);
}




/* =========================================================
	按钮反向   
	Black button
   默认：黑底金字
   悬停：金底白字
   ========================================================= */

/* 默认状态 */
main a.btn[class*="black" i],
main span.btn[class*="blackBtn" i],
main button.btn[class*="black" i],
main a[class*="blackBtn" i],
main button[class*="blackBtn" i] {
    border: 0 !important;
    border-radius: 8px !important;

    color: transparent !important;
    background-image:
        var(--jf-gradient-gold),
        linear-gradient(
            var(--jf-color-black),
            var(--jf-color-black)
        ) !important;
    background-origin: border-box !important;
    background-clip: text, border-box !important;
    -webkit-background-clip: text, border-box !important;
    -webkit-text-fill-color: transparent !important;

    box-shadow: none !important;
    font-family: var(--jf-font-body) !important;
    font-weight: 500 !important;
    text-transform: none !important;

    transition:
        color .3s ease,
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}


/* 悬停、聚焦、点击和激活状态 */
main a.btn[class*="black" i]:hover,
main a.btn[class*="black" i]:focus-visible,
main a.btn[class*="black" i]:active,
main a.btn[class*="black" i].active,
main a.btn[class*="black" i].is-active,
main a.btn[class*="black" i][aria-current="page"],

main button.btn[class*="black" i]:hover,
main button.btn[class*="black" i]:focus-visible,
main button.btn[class*="black" i]:active,
main button.btn[class*="black" i].active,
main button.btn[class*="black" i].is-active,

main a[class*="blackBtn" i]:hover,
main a[class*="blackBtn" i]:focus-visible,
main a[class*="blackBtn" i]:active,

main span.btn[class*="blackBtn" i]:hover,
main span.btn[class*="blackBtn" i]:focus-visible,
main span.btn[class*="blackBtn" i]:active,

main button[class*="blackBtn" i]:hover,
main button[class*="blackBtn" i]:focus-visible,
main button[class*="blackBtn" i]:active {
    color: #fff !important;
    border: 0 !important;

    background: var(--jf-gradient-gold) !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: #fff !important;

    box-shadow: 0 .35em .85em rgb(25 25 25 / 18%) !important;
}


/* Black submit button：默认黑底金字 */
main input[type="submit"].btn[class*="black" i],
#contact-inquiry-form input[type="submit"].btn[class*="black" i] {
    border: 0 !important;
    border-radius: 8px !important;

    color: transparent !important;
    background-image:
        var(--jf-gradient-gold),
        linear-gradient(
            var(--jf-color-black),
            var(--jf-color-black)
        ) !important;
    background-origin: border-box !important;
    background-clip: text, border-box !important;
    -webkit-background-clip: text, border-box !important;
    -webkit-text-fill-color: transparent !important;

    box-shadow: none !important;
    font-family: var(--jf-font-body) !important;
    font-weight: 500 !important;
    text-transform: none !important;

    transition:
        color .3s ease,
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}


/* 悬停、键盘聚焦及点击：金底白字 */
main input[type="submit"].btn[class*="black" i]:hover,
main input[type="submit"].btn[class*="black" i]:focus-visible,
main input[type="submit"].btn[class*="black" i]:active,

#contact-inquiry-form input[type="submit"].btn[class*="black" i]:hover,
#contact-inquiry-form input[type="submit"].btn[class*="black" i]:focus-visible,
#contact-inquiry-form input[type="submit"].btn[class*="black" i]:active {
    color: #fff !important;
    border: 0 !important;

    background: var(--jf-gradient-gold) !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: #fff !important;

    box-shadow: 0 .35em .85em rgb(25 25 25 / 18%) !important;
}