/* 全局字体配置 - Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* 全局基础样式 - 覆盖 index_hk.css 的固定高度 */
html {
    scroll-behavior: smooth;
    height: auto !important;
    min-height: 100vh;
}
:root {
    --heading-font: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --body-font: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    height: auto !important;
    min-height: 100vh;
    font: 14px 'Montserrat', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    font-family: var(--body-font, 'Montserrat', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif);
}

#app {
    min-height: 100vh;
}
@media (min-width: 1025px) {
    main::before {
        height: 0px;
    }
}
/* 标题字体 */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font, 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif);
    font-weight: 600;
}

/* 链接和按钮字体 */
a, button, input, select, textarea {
    font-family: inherit;
}

.header-container {
    background-color: #e8e8e8;
}
.remind-message {
    background: #444645;
    font-size: 14px;
    padding: 10px;
    line-height: 1.4;
    padding-bottom: 12px;
    color: #ffa63a;
    font-weight: 600;
}
.remind-message a {
    color: #ffa63a;;
}
.hk_wrap {
    border-bottom: 1px rgba(48, 44, 37, 0.1) solid;
    background: #e8e8e8;
}

.GO_Back,
.goback {
    white-space: nowrap;
}

.hk_tel {
    display: flex;
    max-width: 66vw;
    margin: 0 auto;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 4px 0;
}

.hk_tel img {
    width: 16px;
}

.c_regist>a {
    display: inline-block;
    line-height: 40px;
    font-size: 14px;
    font-weight: 700;
    font-weight: bold;
    position: relative;
    color: #ffffff;
    cursor: pointer;
    transition: all .35s ease-in-out;
}

.c_regist .normal-font {
    color: #fff;
    font-weight: normal;
    font-size: 14px;
}

.isActive {
    color: #f98800;
}

.c_regist span {
    padding: 0 3px !important;
}

.hk_tel .c_tel,.c_mail,
.track {
    padding-right: 20px;
}

.hk_tel span {
    font-size: 13px;
    position: relative;
    color: #101010;
    cursor: pointer;
    font-weight: 500;
}

.c_mail::after,
.c_tel::after,
.track::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 20px;
    background-color: #302c25;
    position: relative;
    top: 0px;
}

.after-line {
    padding-right: 15px;
}


.right-wrap span:hover {
    color: #f98800;
}

/* SVG 居中样式 */
.c_tel,
.c_mail,
.c_wx,
.track,
.subscribe {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.c_tel svg,
.c_mail svg,
.c_wx svg,
.track svg,
.subscribe svg {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-inline-end: 6px;
}

.c_tel svg image,
.c_mail svg image,
.c_wx svg image,
.track svg image,
.subscribe svg image {
    object-fit: contain;
}

.right-wrap .svg-hover,
.track .svg-hover,
.subscribe .svg-hover {
    display: flex;
    align-items: center;
    justify-content: center;
}

.right-wrap a,
.track a,
.subscribe a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    text-decoration: none;
}

.header-container {
    visibility: visible;
    position: relative;
    z-index: 999;
}

.headFix {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    z-index: 2;
}


.bg-wrap {
    background-color: #202020;
}

.hk_logo {
    max-width: 66vw;
    margin: 0 auto;

}

.hk_search {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    /* height: 110px; */
    padding-top: 20px;
    padding-bottom: 20px;
    
}

.result {
    width: 95%;
    height: 42px;
    border: 2px solid #f98800;
    border-radius: 19px;
    padding-left: 34px;
    box-sizing: border-box;
}

.hk_searchwrap {
    width: 50.5%;
    margin-left: 38px;
    position: relative;
}

.hk_submit {
    position: absolute;
    background: #f98800;
    border: none;
    height: 42px;
    width: 60px;
    right: 0;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}

.hk_submit>img {
    width: 25px;
}
.hk_submit:hover {
    cursor: pointer;
    user-select: none;
}

.column {
    text-align: center;
    align-items: center;
}

.down-arrow {
    display: inline-block;
    position: relative;
}

.down-arrow::after {
    display: inline-block;
    content: " ";
    height: 9px;
    width: 9px;
    border-width: 0 2px 2px 0;
    border-color: #000;
    border-style: solid;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform-origin: center;
    position: absolute;
    margin-top: -12px;
    margin-left: 1px;
}



.hknavgater .head_nav {
    max-width: 66vw;
    margin: 0 auto;
}

.hknavgater .navgater-link {
    display: inline-block;
    position: relative;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 700;
}

.hover-dropdown {
    position: relative;
}

.hknavgater {
    background-color: #fff;
}

.navgater-dropdown {
    background-color: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 2px solid #FFA500;
    box-shadow: 0 8px 8px rgb(10 10 10 / 10%);
    display: none;
    font-size: 14px;
    font-weight: normal;
    left: 0;
    min-width: 200%;
    position: absolute;
    top: 100%;
    z-index: 200;
}


.first-nav {
    font-size: calc((100vw / 2560) * 16);
    display: block;
    position: relative;
    padding: 15px 0;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    transition: color .3s ease;
}
.white {
    color: #fff;
}
.first-nav::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #202020;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .3s ease;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}
.c_regist >a:hover {
    color: #f98800;
}
.navgater-link:hover .first-nav::after {
    animation: loadingLine .3s ease-in-out forwards;
}
@keyframes loadingLine {
    0% {
        transform: scaleX(0);
        background-position: 100% 0;
    }
    100% {
        transform: scaleX(1);
        background-position: 0% 0;
    }
}
.navgater-link >a {
    color: #333;
}

.navgater-link > a:hover {
    color: #333;
}
.robotic-show:hover .navgater-dropdown {
    display: block;
    font-size: 14px;
    color: #333e48;
}

.navgater-dropdown .second-nav {
    display: block;
    line-height: 20px;
    text-align: left;
    padding: 6px 20px;
}

.second-nav:hover {
    background-color: whitesmoke;
    color: #f98800;
}


input {
    outline: none;
    /* border: 0; */
}

#learn_footer {
    background: #eee;
}

.container {
    padding-right: 0px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
.container-header {
    max-width: 66vw;
    margin: 0 auto;
    padding: 0 20px;
}

.newsletter-container {
    display: flex;
    justify-content: space-between;
    height: 95px;
}

.newsletter-title {
    font-size: 22px;
    display: flex;
    align-items: center;
}

.newsletter-wrap {
    color: #fff;
    font-family: sans-serif;
    margin-left: 18px;
}

.discount {
    display: inline-block;
    text-transform: none;
    margin: 0;
    padding: 22px 20px 6px 0;
    line-height: 60px;
    color: #fff;
    font-family: sans-serif;
    font-size: 24px;
    font-weight: bold;
}

a.hk_righthref {
    display: inline-block;
    min-width: 10%;
    background: #f98800;
    text-align: center;
    height: 42px;
    margin-top: 38px;
    line-height: 42px;
    font-size: 14px;
    font-family: sans-serif;
    border-radius: 21px;
    color: #fff;
}

a.hk_righthref:hover {
    color: #fff;
}

.footerwrap,
.subscribe-content,
.concate {
    flex: 0 0 25%;
}

.hk_footerwrap {
    display: flex;
    justify-content: space-between;
    padding-top: 58px;
    padding-bottom: 60px;
}

.footer_tel,
.footer_mail {
    display: flex;
}

.footer_tel>img,
.footer_mail>img {
    width: 47px;
    margin-right: 22px;
}

.footer_tel {
    margin: 40px 0 0;
}

.footer_mail {
    padding-top: 28px;
}


.text {
    display: flex;
    flex-direction: column;
}

.text>span {
    font-family: sans-serif;
    font-size: 14px;
    color: #333e48;
    padding-top: 5px;
}

.footer_href {
    margin-top: 34px;
}

.footer_href>ul {
    display: flex;
}

.footer_href>ul>li:nth-of-type(1) {
    margin-left: 0;
}

.footer_href>ul>li {
    margin-left: 20px;
}

.footerwrap>p,
.sub-tit,
.follow {
    font-size: 19px;
    color: #595a5a;
    font-family: sans-serif;
}

.f-list>li>a {
    display: inline-block;
    color: #333e48;
    font-size: 14px;
}

.f-list>li>a>span {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #333e48;
    line-height: 30px;
}

.f-list>li>a:hover>span {
    color: #df3737;
    font-weight: 700;
}

button {
    outline: none;
}



.footer-content>p {
    line-height: 40px;
    font-family: "Open Sans", sans-serif;
    color: #333e48;
    font-size: 14px;
    margin: 0 auto;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    line-height: 2;
    margin-bottom: 10px;
}

.footer-content>img {
    width: 100px;
    height: 68px;
}

.left {
    width: 25%;
}

.left>ul {
    border: 2px solid #ddd;
    -webkit-border-radius: 6px 6px 6px 6px;
    padding-bottom: 10px;
}

.left>ul>li {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #151111;
    text-align: left;
    padding: 0 40px;
    /*text-transform: capitalize;*/
}

.left>ul>li:nth-last-child(1) a {
    border-bottom: none;
}

.left>ul>li>a {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid #ddd;
    padding: 20px 0 10px 0;
}

.left>ul>li:hover a {
    cursor: pointer;
    user-select: none;
    color: #f98800;
    font-weight: 700;
    transition: all .3s;
}

.right {
    width: 70%;
}

.rightdad {
    flex-direction: column;
    align-items: center;
}

#content_learn {
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
    height: 1300px;
}

.imgandname {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.imgandname>li {
    display: flex !important;
    flex-direction: column;
    text-align: center;
    border-radius: 6px;
    flex-shrink: 0;
    width: 33.2%;
    border: 1px solid #d4d4d4
}

.imgandname>li>a {
    display: inline-block;
    padding: 20px;
    transition: all .5s linear;
}

.imgandname>li>a>img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    transition: all .5s linear;
}

.imgandname>li>a>span {
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #151111;
    line-height: 54px;
    text-align: center;
    font-weight: 900;
}

.background {
    background: #fff;
}

.color {
    font-size: 16px;
    color: #f98800;
    ;
    font-weight: 700;
}

.footer_href>ul>li>a>img {
    width: 26px !important;
    margin-right: 8px;
}
/* 下拉栏 */
.navgater-link .dropdown-drawer {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translate(-69%) !important;
    width: 100vw;
    background: #fff !important;
    box-shadow: 0 4px 20px #0000001a;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity .3s ease, visibility .3s ease;
    z-index: 1000 !important;
    margin-top: 0;
}
.navgater-link.has-dropdown:hover .dropdown-drawer {
    opacity: 1 !important;
    visibility: visible !important;
}
.navgater-link.dropdown-software-wrapper {
    padding: 0;
}
.software-wrapper{
    padding-top: 0px !important;
}
.navgater-link .software-columns-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.navgater-link .about-column,
.navgater-link .software-column {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    padding: 8% 20%;
    justify-content: flex-start;
}
.navgater-link .about-column .column-description,
.navgater-link .software-column .column-description {
    font-size: calc((100vw / 2560) * 16);;
    color: #333;
    margin: 0;
    font-weight: 500;
    text-align: left;
}
.navgater-link .about-column .column-title-wrap,
.navgater-link .software-column .column-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 20px;
}
.navgater-link .about-column .column-icon,
.navgater-link .software-column .column-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
    flex-shrink: 0;
}
.navgater-link .about-column .column-title,
.navgater-link .software-column .column-title {
    font-size: calc((100vw / 2560) * 18);
    font-weight: 600;
    margin: 0;
    color: #333;
}

.navgater-link .about-column:hover,
.navgater-link .software-column:hover {
    background-color: #f98700;
}

/* 尾部导航栏样式 */
@media screen and (min-width: 768px) {
    .footer-subscription-section--desktop {
        display: block;
    }
    .subscription-wrapper {
        flex-direction: row;
        justify-content: space-between;
        gap: 40px;
        font-size: 16px;
    }
    .subscription-left {
        text-align: left;
        flex: 0 0 auto;
    }
    .subscription-right {
        flex: 0 0 50%;
        width: auto;
    }
    .subscription-input {
        padding: 1rem 50px;
        font-size: calc(18 / 16* 1rem);
    }
}
.footer-subscription-section {
    padding: 40px 0;
}
.subscription-success p {
    margin: 0;
}
strong {
    font-weight: 700;
}
.subscription-success {
    display: none;
    color: #28a745;
    font-size: 1.2rem;
    padding: 12px;
    background-color: #d4edda;
    border-radius: 4px;
}
.subscription-input {
    flex: 1;
    padding: 20px 24px;
    border: 1px solid #ddd;
    border-radius: 25px 0 0 25px;
    font-size: 16px;
    background-color: #fff;
    height: 60px;
    box-sizing: border-box;
    min-width: 0;
}
.subscription-form {
    display: flex;
}
.subscription-title {
    margin: 0 0 8px;
    font-size: 20px;
    font-size: calc(20 / 16 * 1rem);
    font-weight: 600;
    color: #ffffff;
}
.subscription-form .subscription-btn {
    font-size: 16px;
}
.footer-subscription-section {
    padding: 40px 0;
}
.container-2026 {
    padding-top: 92px;
    width: 100%;
    max-width: 66vw;
    margin-right: auto;
    margin-left: auto;
}
.footer-bottom-container {
    /* padding-top: 0px; */
    width: 100%;
    max-width: 66vw;
    margin-right: auto;
    margin-left: auto;
}
.contact-text-content {
    font-size: 1rem;
    color: #ffffff;
    font-weight: 400;
}
.footer-subscription-section .subscription-wrapper {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.footer-subscription-section .subscription-left {
    text-align: left;
    flex: 0 0 auto;
}

.footer-subscription-section .subscription-right {
    flex: 0 0 50%;
    width: auto;
}
.subscription-btn {
    padding: 12px 16px;
    border: none;
    border-radius: 0 25px 25px 0;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.3s;
}
/* 移动端响应式 - 小屏幕下变成纵向排列 */
@media screen and (max-width: 767px) {
    .header-mobile_bottom .search-dropdown .layui-tab-item{
        padding: 2px 15px;
        font-size: 1rem;
    }
    .header-mobile_bottom .search-dropdown .layui-ul li a{
        font-size: 1rem;
        color: #333;
        padding: 3px 15px;
    }
    .footer-2026 .footer-mobile-contact .copyright-row {
        padding: 0px 0;
    }
    .footer-subscription-section .subscription-wrapper {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }
    .footer-subscription-section .subscription-left {
        text-align: center;
    }
    .footer-subscription-section .subscription-right {
        flex: 1;
        width: 100%;
    }
    .footer-2026 .footer-subscription-section--mobile .subscription-btn{
        height: 42px;
    }
    .footer-2026 .footer-subscription-section--mobile .subscription-input{
        height: 42px;
    }
    .footer-2026 .footer-subscription-section--mobile{
        padding: 24px 0;
    }
    .footer-2026 .footer-subscription-section--mobile{
        padding: 23px 0;
    }
    .footer-mobile-contact-padding{
        padding-top: 17px
    }
}

/* 桌面端菜单 */
.footer-2026 .footer-menu-desktop {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
}

.footer-2026 .footer-menu-desktop .block-widget {
    flex: 1;
    padding: 0 15px;
}

.footer-2026 .footer-menu-desktop .block-widget:first-child {
    padding-left: 0;
}

.footer-2026 .footer-menu-desktop .block-widget:last-child {
    padding-right: 0;
}

/* 桌面端菜单列表显示 */
.footer-2026 .footer-menu-desktop .menu-list {
    display: block !important;
    margin-top: 20px;
}

/* ==================== 移动端菜单样式 ==================== */
.footer-2026 .footer-mobile-content {
    display: none;
}

/* 移动端菜单容器 */
.footer-2026 .footer-menu-mobile {
    display: block;
}

/* 手风琴菜单项 */
.footer-2026 .footer-menu-mobile .accordion-item {
    overflow: visible;
}

/* 手风琴菜单内容包装 */
.footer-2026 .footer-menu-mobile .block-wrapper {
    overflow: visible;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* 手风琴菜单标题 */
.footer-2026 .footer-menu-mobile .accordion-header {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 15px;
}

.footer-2026 .footer-menu-mobile .accordion-header .icon {
    display: flex;
    align-items: center;
    transition: transform 0.3s ease;
}

.footer-2026 .footer-menu-mobile .accordion-header .icon svg {
    transition: transform 0.3s ease;
    transform: rotate(0deg);
}
.footer-2026 .footer-menu-mobile .accordion-header .icon svg.rotated {
    transform: rotate(-180deg);
}

/* 手风琴菜单内容 */
.footer-2026 .footer-menu-mobile .accordion-content {
    display: none !important;
    visibility: visible !important;
}

.footer-2026 .footer-menu-mobile .accordion-content.open {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    padding-left: 20px;
}

.footer-2026 .footer-menu-mobile .accordion-content li {
    list-style: none;
    margin: 0 0 8px;
    font-size: 1rem;
    /* padding: 12px 0; */
    list-style: none;
    display: block !important;
    visibility: visible !important;
}

.footer-2026 .footer-menu-mobile .accordion-content li a {
    opacity: 1;
    text-decoration: none;
    display: block !important;
    visibility: visible !important;
}
.footer-2026 .footer-menu-mobile .accordion-content li a:hover {
    color: #f98800;
    transition: all .35s ease-in-out;
}
/* 移动端订阅表单样式 */
.footer-2026 .footer-subscription-section--mobile {
    display: none;
    padding: 20px 0;
}

.footer-2026 .footer-subscription-section--mobile .subscription-form--mobile {
    display: flex;
    width: 100%;
}

.footer-2026 .footer-subscription-section--mobile .subscription-input {
    flex: 1;
    padding: 15px 20px;
    border: 1px solid #ddd;
    border-radius: 25px 0 0 25px;
    font-size: 14px;
    background-color: #fff;
    height: 45px;
    box-sizing: border-box;
    min-width: 0;
}

.footer-2026 .footer-subscription-section--mobile .subscription-btn {
    padding: 15px 20px;
    border: none;
    border-radius: 0 25px 25px 0;
    font-size: 14px;
    height: 45px;
    cursor: pointer;
}

/* 移动端联系方式样式 */
.footer-2026 .footer-mobile-contact {
    display: none;
}

/* 移动端联系方式容器 - 左右分布 */
.footer-2026 .footer-mobile-contact .mobile-contact-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding: 15px 0 40px;
    border-bottom: 1px solid #ffffff;
}

.footer-2026 .footer-mobile-contact .contact-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-2026 .footer-mobile-contact .contact-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #ffffff;
}

.footer-2026 .footer-mobile-contact .contact-icon img {
    width: 24px;
    height: 24px;
}

.footer-2026 .footer-mobile-contact .contact-text p {
    margin: 0;
    font-size: 1rem;
    color: #ffffff;
}
.footer-2026 .footer-mobile-contact .social-row {
    display: flex;
    align-items: flex-end;
}

.footer-2026 .footer-mobile-contact .social-icons {
    display: flex;
    gap: 16px;
    align-items: center;
}

.footer-2026 .footer-mobile-contact .social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
}

.footer-2026 .footer-mobile-contact .social-icon:hover {
    opacity: 1;
}

.footer-2026 .footer-mobile-contact .copyright-row {
    display: flex;
    justify-content: flex-start;
    padding: 15px 0;
}

.footer-2026 .footer-mobile-contact .copyright-row p {
    margin: 0;
    font-size: 12px;
    color: #ffffff;
    opacity: 1;
    text-align: left;
}

.footer-2026 .footer-mobile-contact .region-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
}

.footer-2026 .footer-mobile-contact .region-row .contact-icon img {
    width: 20px;
    height: 20px;
}

.footer-2026 .footer-mobile-contact .region-row .contact-text p {
    margin: 0;
    font-size: 12px;
    color: #ffffff;
}

.footer-2026 .footer-mobile-contact .big-social-row {
    display: flex;
    justify-content: flex-start;
    padding: 20px 0;
}

.footer-2026 .footer-mobile-contact .big-social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: flex-start;
    align-items: center;
}

.footer-2026 .footer-mobile-contact .big-social-icons .social-icon img {
    height: 30px;
    width: auto;
}

/* 移动端响应式 - 显示移动端内容，隐藏桌面端内容 */
@media screen and (max-width: 767px) {
    /* 显示移动端内容容器 */
    .footer-2026 .footer-mobile-content {
        display: block !important;
    }
    
    /* 显示移动端联系方式 */
    .footer-2026 .footer-mobile-contact {
        display: block !important;
    }
    
    /* 隐藏桌面端菜单 */
    .footer-2026 .footer-menu-desktop {
        display: none !important;
    }
    
    /* 隐藏桌面端订阅 */
    .footer-2026 .footer-subscription-section--desktop {
        display: none !important;
    }
    
    /* 显示移动端订阅 */
    .footer-2026 .footer-subscription-section--mobile {
        display: block !important;
    }
    
    /* 隐藏桌面端底部联系方式 */
    .footer-2026 .footer-bottom-section--desktop {
        display: none !important;
    }
    .footer-2026 .footer-mobile-contact .big-social-icons .social-icon img{
        height: 24px;
    }
    .footer-2026 .footer-mobile-contact .big-social-icons{
        gap: 10px;
    }
}

@media screen and (min-width: 768px) {
    .footer-2026 .footer-subscription-section--mobile {
        display: none !important;
    }
}


/* 页脚底部联系方式区域布局 - 电脑端 */
.footer-bottom-section--desktop {
    padding-bottom: 5%;
    position: relative;
    z-index: 1;
    overflow: visible;
}

.footer-2026 .footer-bottom-layout {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

.footer-2026 .footer-bottom-layout .bottom-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 0 10px 0;
}
.footer-2026 .footer-bottom-layout .copyright-padding {
    
    padding: 50px 0px 10px 0px;
}

.footer-2026 .footer-bottom-layout .bottom {
    border-bottom: 1px solid #ffffff;
}

/* 第一行：联系方式 + 社交图标 */
.footer-2026 .contact-social-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    border-bottom: 1px solid #ffffff;
}

.footer-2026 .contact-wrapper {
    display: flex;
    flex-direction: column;
}

.footer-2026 .social-wrapper {
    display: flex;
    align-items: flex-end;
}

.footer-2026 .social-wrapper .social-icons {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
}

.footer-2026 .contact-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    font-size: calc((100vw / 2560) * 16);
}

.footer-2026 .contact-icon img {
    display: block;
    width: 24px;
    height: 24px;
}

.contact-padding1 {
    padding: 10px 0px 10px 0px;
    justify-content: flex-start;
}
.contact-padding {
    padding: 10px 0px 40px 0px;
    justify-content: flex-start;
}
/* 社交媒体图标区域 */
.footer-2026 .social-content {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.footer-2026 .social-content .social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.footer-2026 .social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
    height: 32px;

}

.footer-2026 .social-icon:hover {
    opacity: 1;
}

.footer-2026 .social-icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    height: 32px ;
    width: auto;
}
@media screen and (max-width: 767px) {
    .footer-2026 .social-icon {
        height: 24px;
        width: auto;
    }
    .footer-2026 .social-icon img {
        height: 24px;
        width: auto;
    }
}
.subscription-padding{
    padding-top: 0px;
}
/* 大社交图标行 */
.footer-2026 .big-social-icons {
    gap: 24px;
}

.footer-2026 .big-social-icons .social-icon img {
    height: 32px;
    width: auto;
}

.footer-2026 .subscription-form .subscription-btn {
    /* font-size: 1rem; */
    font-size: 16px;
}
.subscription-input {
    flex: 1;
    padding: 20px 24px;
    border: 1px solid #ddd;
    border-radius: 25px 0 0 25px;
    font-size: 16px;
    background-color: #fff;
    height: 60px;
    box-sizing: border-box;
    min-width: 0;
}
.subscription-form {
    display: flex;
}
.subscription-form--mobile {
    width: 100%;
}
.footer-subscription-inline--mobile {
    display: block;
    padding: 24px 15px 10px;
}
a {
    text-decoration: none;
    color: var(--body-link);
    transition: all .35s ease-in-out;
}
#section-footer-widget-2026 .text-color-1 {
    color: #ffffff;
    padding: 0 0;
}
#section-footer-widget-2026 .text-color-1:hover {
    color: #f98800;
}
/* 桌面端菜单列表显示 */
@media screen and (min-width: 768px) {
    .section-footer-widget .block-menu ul {
        display: block !important;
    }
}

/* 移动端菜单列表默认隐藏 */
@media screen and (max-width: 767px) {
    .section-footer-widget .block-menu ul {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    #section-footer-widget-2026 {
        padding-bottom: 30%;
    }
}
@media (max-width: 991px) {
    .section-footer-widget {
        padding-top: 30px;
    }
}
@media (max-width: 792px) {
    .container-2026 {
        max-width: 100%;
        padding: 60px 3% 0;
    }
}
@media (max-width: 991px) {
    .section-footer .section-footer-widget .block-widget {
        width: 100%;
    }
}
.section-wrapper .block-widget_title {
    font-size: calc(18 / 16 * 1rem);
}
.section-footer-widget .block-menu ul li {
    list-style: none;
    margin: 0 0 8px;
    font-size:  1rem;
}
.section-wrapper, .tab-heading {
    position: relative;
}
#section-footer-widget-2026 .text-color {
    font-size: calc(18 / 16 * 1rem);
    color: #ffffff;
}
.section-footer-widget .block-menu .block-widget_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section-wrapper .block-widget_title {
    font-size: calc(18 / 16* 1rem);
    /* font-size: 16px; */
}
.section-footer-widget .block-menu .block-widget_title .icon {
    flex: 0 0 16px;
    display: flex;
    align-items: center;
    transition: all .35s ease-in-out;
    -webkit-margin-start: 5px;
    margin-inline-start: 5px;
}
.section-footer-widget .block-menu .block-widget_title .icon svg {
    color: currentColor;
}
.section-footer-widget .block-menu .block-widget_title .icon svg path {
    fill: currentColor;
}














@media screen and (min-width:768px)and (max-width:1024px) {
    .hk_logo {
        max-width: 950px;
    }

    .hk_submit {
        right: 0;
    }

    .hknavgater>ul {
        max-width: 990px;
        margin: 0 auto;
    }

    .button-two {
        width: 24%;
    }

    .button-two {
        justify-content: space-around;
    }
}

@media screen and (min-width:768px) {
    .imgandname>li:hover {
        box-shadow: 0 0 4px #c7c6c6;
        transition: all .6s linear;
    }

    .imgandname>li:hover a {
        transform: translateY(-6px);
        transition: all .4s;
    }

    .imgandname>li:hover a img {
        transform: scale(1.1);
        transition: all .5s;
    }

    /* Wobble To Bottom Right */
    @-webkit-keyframes hvr-wobble-to-bottom-right {
        16.65% {
            -webkit-transform: translate(8px, 8px);
            transform: translate(8px, 8px);
        }

        33.3% {
            -webkit-transform: translate(-6px, -6px);
            transform: translate(-6px, -6px);
        }

        49.95% {
            -webkit-transform: translate(4px, 4px);
            transform: translate(4px, 4px);
        }

        66.6% {
            -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
        }

        83.25% {
            -webkit-transform: translate(1px, 1px);
            transform: translate(1px, 1px);
        }

        100% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    @keyframes hvr-wobble-to-bottom-right {
        16.65% {
            -webkit-transform: translate(8px, 8px);
            transform: translate(8px, 8px);
        }

        33.3% {
            -webkit-transform: translate(-6px, -6px);
            transform: translate(-6px, -6px);
        }

        49.95% {
            -webkit-transform: translate(4px, 4px);
            transform: translate(4px, 4px);
        }

        66.6% {
            -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
        }

        83.25% {
            -webkit-transform: translate(1px, 1px);
            transform: translate(1px, 1px);
        }

        100% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    .hvr-wobble-to-bottom-right {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    }

    .hvr-wobble-to-bottom-right:hover,
    .hvr-wobble-to-bottom-right:focus,
    .hvr-wobble-to-bottom-right:active {
        -webkit-animation-name: hvr-wobble-to-bottom-right;
        animation-name: hvr-wobble-to-bottom-right;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
}


/* 改版之后的额learnList页面样式表 */


/* devanagari */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: local('Poppins Light'), local('Poppins-Light'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

.learn-detail-title {
    display: table-cell;
    font-size: 28px;
    font-weight: 900;
    color: #000;
    font-family: "Open Sans", sans-serif;
}

.learn-detail-title::after {
    position: relative;
    top: -14px;
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    border-bottom: 8px solid #FF7A00;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.learn-detail-item {
    flex-shrink: 0;
    width: 33.3%;
    margin-bottom: 20px;
    height: 120px;
}


.learn-detail-parent {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 10px;
    padding-bottom: 18px;
}

.learn-detail-parent::after {
    width: 33.3%;
    content: '';
}

.learn-detail-item img {
    width: 31%;
    border: 2px solid rgba(227, 227, 227, 1);
    border-radius: 5px;
    height: 100%;
}

.learn-detail-item p {
    font-family: "Poppins";
    color: rgba(16, 16, 16, 1);
    font-size: 16px;
    text-align: left;
    padding: 10px 32px 0 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height: 22px;
}

.learn-detail-item a {
    display: flex;
    justify-content: flex-start;
}

.learn-wrap {
    padding: 46px 0 0 0;
}

.learn-detail-item a:hover p {
    transition: all 0.35s ease 0s;
    color: #ff9900;
}

/* .learn-wrap::after {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: rgba(187, 187, 187, 1);
} */

.learn-wrap:last-child::after {
    display: none;
}

.fourItem {
    width: 19%;
    height: auto;
}

.fourItem>a {
    display: block;
}

.fourItem>a>img {
    width: 54%;
}

.fourItem>a>p {
    padding-left: 0px;
    padding-right: 50px;
}

@media screen and (min-width:320px)and (max-width:768px) {
    html {
        font-size: 100px;
    }

    body,
    html {
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .learn-detail-item {
        width: 100%;
    }

    .learn-detail-item p {
        padding-right: 0px;
    }

    .learn-detail-item {
        height: auto;
    }

    .learn-detail-item img {
        width: 31%;
        border: 2px solid rgba(227, 227, 227, 1);
        border-radius: 5px;
        height: 31%;
    }
}

.head_nav>ul>li {
    width: 100%;
    padding: 0px 7%;
}


.footer-subscribe {
    display: flex;
    justify-content: space-between;
}

.occupation {
    flex: 1;
}

.sub-wrap {
    margin: 22px 0;
    color: #202020;
    font-family: "Open Sans", sans-serif;
}

.email-input {
    width: 205px;
    height: 42px;
    border-right-style: none;
    border-radius: 4px 0 0 4px;
    font-size: 16px;
}

.submit-img {
    border: 1px solid #ddd;
    height: 42px;
    border-left-style: none;
    width: 52px;
    background: #4F4F4F;
    border-radius: 0 4px 4px 0;
    padding: 13px 14px 10px;
    margin-left: -6px;
    cursor: pointer;
}

.footer_logo {
    line-height: 1;
}

.footer_logo img {
    width: 308px;
}

.email-font {
    font-size: 19px;
    font-weight: 600;
    color: #333e48
}

.bottom-email {
    display: flex;
    align-items: center;
}

.follow {
    position: relative;
    top: -30px;
}

.footer-icon {
    margin-top: -18px;
}

.footer-icon img {
    width: 24px;
    margin-right: 20px;
}

.logo_hiwonder {
    width: 270px;
}

.phone-show {
    display: none;
}

.newsletter-title svg {
    height: 64px;
    width: 64px;
}

.svg-white {
    filter: drop-shadow(100000px 0 0 #fff);
    -webkit-filter: drop-shadow(100000px 0 0 #fff);
    transform: translate(-100000px);
}

.hk_home {
    height: 95px;
}

@media(min-width: 991px) and (max-width: 1200px) {

    .hk_tel,
    .hk_logo {
        max-width: 66vw;
        padding: 0 15px;
    }

    .logo_hiwonder {
        flex: 0 0 25%;
    }

    .hk_searchwrap {
        margin-left: 0;
        flex: 0 0 45%;
    }

    .result,
    .logo_hiwonder {
        width: 100%;
    }

    .c_regist {
        flex: 0 0 17%;
    }

    .hk_buy {
        flex: 0 0 6%;
    }


    .discount {
        font-size: 16px;
    }
}

@media (max-width: 990px) {

    .footer-subscribe,
    a.hk_righthref,
    .hknavgater,
    .discount,
    .concate,
    .submit-success {
        display: none;
    }

    .second-width {
        display: inline-block;
        width: 210px;
    }

    .second-nav-box .left-arrow::after {
        border-width: 0 0 2px 2px;
        margin-top: -10px;
    }

    .first-menu .down-arrow::after {
        border-width: 2px 2px 0 0;
    }

    .footerwrap .f-list li {
        line-height: 30px;
    }

    .phone-buy {
        position: absolute;
        top: 0.2rem;
        right: 0.2rem;
    }

    #learn-flex {
        margin-top: 50px;
        padding: 0 0.2rem;
    }

    .app-menu .logo {
        position: fixed;
        top: 0;
        z-index: 2;
        background-color: #202020;
    }

    .hk_home,
    .newsletter-container {
        height: 55px;
    }

    .newsletter-container {
        justify-content: space-around;
    }

    .newsletter-title {
        margin-left: 10px;
    }

    .newsletter-title svg {
        width: 22px;
        margin: 5px;
    }

    .newsletter-wrap {
        margin-left: 0;
    }

    .newsletter-wrap,
    .phone-submit .submit-img {
        font-size: 12px;
    }

    .phone-submit .submit-img {
        background: #f98800;
        text-align: center;
        color: #fff;
        border-radius: 0 20px 20px 0;
        margin-left: -3px;
        padding: 0px;
        width: auto;
        height: 28px;
        line-height: 28px;

    }

    .phone-submit .email-input {
        width: 140px;
        height: 28px;
        padding-left: 5px;
        font-size: 12px;
        border-radius: 20px 0 0 20px;
    }

    .footer-content,
    .phone-show,
    .bottom-email {
        display: block;
    }

    .footer-content,
    .concate,
    .bottom-email {
        margin-bottom: 20px;
    }

    .follow,
    .footer_logo,
    .footer-icon,
    .rights {
        text-align: center;
    }

    .footer-content .follow {
        margin-top: 30px;
        font-weight: 500;
    }

    .phone-submit {
        display: flex;
        align-items: center;
    }

    .submit-success .headline p {
        line-height: 30px;
    }
}

.subscribe-content {
    margin-top: -90px;
    margin-bottom: 50px;
}

@media(min-width: 991px) {
    .footer-content {
        padding-bottom: 20px;
    }
}

@media(min-width: 1200px) {}

@media(min-width: 1270px) {

    .hk_tel,
    .hk_logo,
    .newsletter-container,
    .footer-subscribe,
    .hk_footerwrap,
    .footer-content {
        width: 66vw;
        margin: 0 auto;
    }
}
@media (min-width: 1441px) {
    .fix-container .container-header {
        max-width: 66vw;
    }
}

/* ==================== 移动端头部导航样式 ==================== */

/* 隐藏桌面端头部，显示移动端头部 */
@media screen and (max-width: 990px) {
    .header-container:not(.app_header) {
        display: none !important;
    }

    .app_header {
        display: block !important;
    }

    /* 移动端顶部栏 */
    .app_header .mobile-layout-bar {
        background-color: #202020;
        padding: 10px 15px;
        position: relative;
    }

    /* 移动端顶部栏吸附效果 */
    .app_header .mobile-layout-bar.mobileFixed {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        max-width: 100%;
        z-index: 1000;
    }

    /* 页面主体内容在移动端头部下方 */
    main {
        padding-top: 50px;
    }
}

/* 移动端顶部提示条 */
.app_header .remind-message {
    background-color: #000000;
    padding: 8px 15px;
    text-align: left;
}

.app_header .remind-message a {
    color: #ffa63a;
    font-size: 12px;
    text-decoration: none;
}

.container-1{


}

/* 移动端搜索栏 - 恢复正常流 */
.app_header .header-mobile_bottom {
    background-color: #202020;
    padding: 10px 15px;
}

/* 页面主体内容在移动端头部下方 */
main {
    padding-top: 0;
}

/* 移动端头部栏 - 三栏布局 */
.app_header .mobile-header-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 汉堡菜单按钮 */
.app_header .mobile-menu-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    cursor: pointer;
    gap: 5px;
    padding: 5px;
}

.app_header .mobile-menu-btn .hamburger-line {
    width: 22px;
    height: 2px;
    background-color: #fff;
    border-radius: 1px;
    transition: all 0.3s ease;
}

/* 汉堡菜单点击后的动画效果 */
.app_header .mobile-menu-btn.active .hamburger-line:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.app_header .mobile-menu-btn.active .hamburger-line:nth-child(2) {
    opacity: 0;
}

.app_header .mobile-menu-btn.active .hamburger-line:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

/* 移动端 Logo */
.app_header .mobile-logo {
    flex: 1;
    text-align: left;
    padding-left: 41px;
}

.app_header .mobile-logo a {
    display: inline-block;
}

.app_header .mobile-logo img {
    height: 15px;
    width: auto;
}

/* 移动端购物车 */
.app_header .mobile-cart a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333333;
}

/* 抽屉导航 */
.app_header .drawer {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    background-color: #ffffff;
    z-index: 1001;
    transition: left 0.3s ease;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.app_header .drawer.open,
.app_header .app-menu.active .drawer {
    left: 0;
}

/* 抽屉导航内部包装 */
.app_header .drawer-wrapper {
    padding: 0px 0;
}

/* 抽屉遮罩层 */
.app_header .drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.app_header .app-menu.active .drawer-overlay {
    opacity: 1;
    visibility: visible;
}

/* 移动端导航列表 */
.app_header .mobile-nav-2026 {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 移动端导航项 */
.app_header .mobile-nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* 隐藏复选框 */
.app_header .mobile-nav-checkbox,
.app_header .mobile-nav-checkbox-2026 {
    display: none;
}

.app_header .d-none {
    display: none;
}

/* 导航项包装 */
.app_header .mobile-nav-item_wrap,
.app_header .mobile-nav-item-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 39px;
}

/* 一级导航链接 */
.app_header .mobile-nav-link {
    color: #333e48;
    font-size: 15px;
    text-decoration: none;
    flex: 1;
    font-weight: 600;
}

.app_header .mobile-nav-link--toggle {
    cursor: pointer;
}

/* 导航切换箭头 */
.app_header .mobile-nav-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 5px;
    transition: transform 0.3s ease;
}

.app_header .mobile-nav-toggle svg {
    width: 18px;
    height: 18px;
    fill: #333e48;
    transition: transform 0.3s ease;
}

/* 二级导航子菜单 */
.app_header .mobile-nav-sub {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background-color: rgba(0, 0, 0, 0.025);
}

/* 复选框选中时展开子菜单 */
.app_header .mobile-nav-checkbox:checked ~ .mobile-nav-item_wrap .mobile-nav-toggle svg,
.app_header .mobile-nav-checkbox:checked ~ .mobile-nav-item_wrap .mobile-nav-toggle svg,
.app_header .mobile-nav-checkbox-2026:checked ~ .mobile-nav-item_wrap .mobile-nav-toggle svg {
    transform: rotate(180deg);
}

.app_header .mobile-nav-checkbox:checked ~ .mobile-nav-sub,
.app_header .mobile-nav-checkbox-2026:checked ~ .mobile-nav-sub {
    max-height: 2000px;
}

/* 选中后文字变橙色 - 移除了 checked 时的颜色变化，改用 hover */

/* 悬停时变色 */
.app_header .mobile-nav-item_wrap > .mobile-nav-link:hover {
    color: #F98A05;
}

/* 二级导航项 */
.app_header .mobile-nav-sub-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.app_header .mobile-nav-sub-item > .mobile-nav-item_wrap,
.app_header .mobile-nav-sub-item > .mobile-nav-item-wrap {
    padding-left: 30px;
}

.app_header .mobile-nav-sub-item > a {
    display: block;
    padding: 12px 20px 12px 30px;
    color: #333e48;
    font-size: 14px;
    text-decoration: none;
}

/* 三级导航 */
.app_header .mobile-nav-sub--lv2 {
    background-color: rgba(0, 0, 0, 0.03);
}

.app_header .mobile-nav-sub--lv2 .mobile-nav-sub-item > .mobile-nav-item_wrap,
.app_header .mobile-nav-sub--lv2 .mobile-nav-sub-item > .mobile-nav-item-wrap {
    padding-left: 45px;
}

.app_header .mobile-nav-sub--lv2 .mobile-nav-sub-item > a {
    padding-left: 45px;
    font-size: 13px;
    color: #666666;
}

/* 选中后文字变橙色 - 只作用于当前展开的二级菜单的直接子项 */
/* .app_header .mobile-nav-checkbox:checked ~ .mobile-nav-sub > .mobile-nav-sub-item > .mobile-nav-item_wrap > a,
.app_header .mobile-nav-checkbox-2026:checked ~ .mobile-nav-sub > .mobile-nav-sub-item > .mobile-nav-item_wrap > a {
    color: #F98A05;
} */
.app_header .mobile-nav-sub-item > .mobile-nav-item_wrap > a:hover{
    color: #F98A05;
}

/* 导航项悬停效果 */
.app_header .mobile-nav-link:hover {
    color: #F98A05;
}

.app_header .mobile-nav-sub-item > a:hover {
    color: #F98A05;
    background-color: rgba(0, 0, 0, 0.03);
}

/* 自定义网格布局 - Explore 区域 */
.app_header .mobile-nav-sub--custom-list {
    padding: 0;
    background-color: #ffffff;
}

.app_header .mobile-nav-sub--custom-grid {
    max-height: none;
    background: transparent;
}

.app_header .mobile-nav-sub-item--custom-shell {
    border: none;
}

.app_header .mobile-nav-custom-grid-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 10px 15px;
}

.app_header .mobile-nav-custom-grid-wrap--compact {
    gap: 8px;
}

.app_header .mobile-nav-custom-item {
    width: 100%;
}

.app_header .mobile-nav-custom-card {
    display: block;
    text-decoration: none;
    color: #333e48;
}

.app_header .mobile-nav-custom-card__media {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.05);
}

.app_header .mobile-nav-custom-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.app_header .mobile-nav-custom-card__title {
    display: block;
    font-size: 12px;
    color: #333e48;
    margin-top: 6px;
    line-height: 1.3;
}

.app_header .mobile-nav-sub-item--explore-group {
    border-bottom: none;
}

/* About Us 列表样式 */
.app_header .mobile-nav-sub--custom-list .mobile-nav-sub-item a {
    padding: 12px 20px;
    display: block;
}

.app_header .mobile-nav-sub--custom-list .mobile-nav-custom-card__title {
    font-size: 14px;
    color: #333e48;
}

/* 选中 Explore 和 About Us 后的样式 */
.app_header .mobile-nav-sub--custom-list .mobile-nav-checkbox:checked ~ .mobile-nav-item_wrap .mobile-nav-link,
.app_header .mobile-nav-sub--custom-list .mobile-nav-checkbox-2026:checked ~ .mobile-nav-item_wrap .mobile-nav-link {
    color: #F98A05;
}

/* 手机端搜索栏 - 滚动隐藏效果 */
.app_header .header-mobile_bottom {
    transition: transform 0.3s ease;
    background: #000;
    padding: 10px 15px;
}

.app_header .header-mobile_bottom.hide {
    transform: translateY(-100%);
}

/* 手机端搜索栏样式 */
.app_header .header-mobile_bottom .result {
    width: 100%;
    height: 42px;
    border: 2px solid #f98800;
    border-radius: 28px;
    padding-left: 15px;
    font-size: 14px;
    box-sizing: border-box;
}

.app_header .header-mobile_bottom .hk_submit {
    position: absolute;
    right: 0;
    top: 0;
    height: 42px;
    width: 66px;
    background: #f98800;
    border: none;
    border-radius: 0 18px 18px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.app_header .header-mobile_bottom .hk_submit img {
    width: 18px;
    height: 18px;
}

.app_header .header-mobile_bottom .search-form {
    position: relative;
    display: flex;
    align-items: center;
}

/* ==================== 搜索框下拉框样式 ==================== */
.search-dropdown {
    position: absolute;
    top: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    display: none;
}

.search-dropdown.active {
    display: block;
}

.search-dropdown .layui-fluid {
    padding: 10px 0;
}

.search-dropdown .layui-tab-content {
    padding: 0;
}

.search-dropdown .layui-loading {
    text-align: center;
    padding: 20px;
    color: #999;
}

.search-dropdown .layui-tab-item {
    padding: 10px 15px;
    color: #333;
    font-size: 1.25rem;
    font-weight: 600;
}

.search-dropdown .layui-ul {
    display: flex;
    flex-wrap: wrap;
    overflow: overlay;
    margin: 0;
    padding: 0;
    list-style: none;
}

.search-dropdown .layui-ul li {
    width: 100%;
}

.search-dropdown .layui-ul .hot-p {
    width: 100%;
    text-align: left;
}

.search-dropdown .layui-ul li a {
    display: flex;
    gap: 5px;
    font-size: 1rem;
    color: #333;
    padding: 3px 20px;
    font-weight: 600;
    align-items: center;
    text-decoration: none;
    transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

.search-dropdown .layui-ul .search-p a {
    flex-direction: column;
    align-items: flex-start;
}

.search-dropdown .layui-ul li a:hover {
    background-color: #edf2fa;
    color: #f98800;
}

/* 桌面端下拉框样式 */
@media (min-width: 991px) {
    .hk_searchwrap .search-dropdown {
        left: 0;
        right: 0;
        min-width: 500px;
        max-width: 700px;
    }

    .hk_searchwrap .search-dropdown .layui-ul {
        max-height: 400px;
        overflow-y: auto;
    }

    .hk_searchwrap .search-dropdown .layui-ul .search-p {
        width: 156px;
        display: flex;
    }

    .hk_searchwrap .search-dropdown .layui-ul .search-p a img {
        width: 60px;
        height: 60px;
        margin-bottom: 5px;
        object-fit: cover;
        border-radius: 4px;
    }
}

/* 移动端下拉框样式 */
@media (max-width: 990px) {
    .header-mobile_bottom .search-dropdown {
        left: 0;
        right: 0;
    }

    .header-mobile_bottom .search-dropdown .layui-ul {
        max-height: 300px;
        overflow-y: auto;
    }

    .header-mobile_bottom .search-dropdown .layui-ul .search-p {
        width: 88px;
        display: flex;
    }

    .header-mobile_bottom .search-dropdown .layui-tab-item {
        padding: 0px 15px;
        font-size: 1rem;
    }

    .header-mobile_bottom .search-dropdown .layui-ul li a {
        padding: 3px 14px;
        font-size: 1rem;
    }

    .header-mobile_bottom .search-dropdown .layui-ul .search-p a img {
        width: 50px;
        height: 50px;
        margin-bottom: 5px;
        object-fit: cover;
        border-radius: 4px;
    }

    .hk_searchwrap {
        display: none;
    }
}

@media (min-width: 991px) {
    .header-mobile_bottom {
        display: none;
    }
}

/* 抽屉关闭按钮样式 */
.mobile-layout-bar-1 {
    background: #fff;
    padding: 9px;
}

.app_header .drawer-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.app_header .drawer-close svg {
    fill: #333;
    width: 22px;
    height: 22px;
}