/* Inner pages use html font-size ~90px for about rem.
   English header/footer CSS is written for 16px root.
   Convert homepage rem clamps to px so nav matches index.html. */

/* about/style.css body { text-align:justify; font-family: HarmonyOS }
   css/index.css body { letter-spacing:.5px }
   Scope resets: do NOT left-align the centered CTA. */
body {
    font-family: Barlow-Regular, "Microsoft YaHei", sans-serif !important;
    text-align: left;
    letter-spacing: 0;
    word-spacing: normal;
}
/* Beat HarmonyOS / Arial / sourcehansans on about content. Keep icon fonts. */
body *:not(i):not(.fa):not(.fas):not(.far):not(svg):not(path) {
    font-family: Barlow-Regular, "Microsoft YaHei", sans-serif !important;
    letter-spacing: 0 !important;
}
.wjn_brand_desc,
.wjn_newsletter_desc,
.wjn_column_title,
.wjn_copyright_section,
.wjn_copyright_section a,
.zzb07tail,
.zzb07link {
    text-align: left !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
}

.wjh_nav {
    font-family: Barlow-Regular, "Microsoft YaHei", sans-serif;
    letter-spacing: 0;
    text-align: left;
    padding: clamp(12px, 8px + 0.8vw, 16px) 0 !important;
    --wjh-font-xs: 14px;
    --wjh-font-sm: 16px;
    --wjh-font-base: 16px;
    --wjh-font-md: 20px;
    --wjh-font-lg: 24px;
}
.wjh_nav .wjh_container {
    display: block;
    max-width: 1400px;
    height: auto;
    padding: 0 !important;
}
.wjh_nav_logo {
    float: left !important;
    width: 19% !important;
    flex: none;
    padding: 0;
    font-size: 20px !important;
}
.wjh_nav_logo img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}
.wjh_nav_right {
    float: right !important;
    display: flex !important;
    align-items: center;
    flex: none;
    justify-content: flex-end;
    gap: 0;
}
.wjh_nav_desktop {
    display: block !important;
    float: left;
    text-align: left;
    margin: 0;
    padding: 0;
}
.wjh_dropdown {
    position: relative;
    display: inline-block;
}
.wjh_nav a.wjh_nav_link,
.wjh_nav .wjh_nav_link {
    display: inline-block !important;
    padding: clamp(10px, 8px + 0.5vw, 12.4px) clamp(15px, 11.2px + 0.8vw, 18.4px) !important;
    font-size: 18px !important;
    line-height: normal !important;
    letter-spacing: 0 !important;
    font-family: Barlow-Regular, "Microsoft YaHei", sans-serif;
    white-space: nowrap;
    word-wrap: normal !important;
}
.wjh_dropdown_menu {
    min-width: clamp(160px, 128px + 5vw, 192px) !important;
    max-width: none;
    padding: clamp(10px, 8px + 0.5vw, 14px) 0 !important;
    border-radius: 0 0 clamp(8px, 6.4px + 0.3vw, 12px) clamp(8px, 6.4px + 0.3vw, 12px) !important;
    transform: translateY(clamp(10px, 8px + 0.4vw, 12px)) !important;
    z-index: 1001;
}
.wjh_dropdown:hover .wjh_dropdown_menu {
    transform: translateY(0) !important;
}
.wjh_dropdown_item,
.wjh_mobile_menu_item,
.wjh_mobile_dropdown_item {
    font-size: 14px !important;
    padding: clamp(8px, 6.4px + 0.3vw, 12px) clamp(20px, 16px + 0.8vw, 24px) !important;
    line-height: 1.5;
    white-space: nowrap;
}
.wjh_yuyanz {
    display: flex !important;
    align-items: center;
    line-height: 35px !important;
    margin-top: 5px !important;
    margin-left: 0;
}
.wjh_yuyan {
    display: inline-block;
    padding-top: 5px !important;
    margin-right: 5px !important;
}
.wjh_yuyan img {
    width: 25px !important;
    height: auto !important;
}
.wjh_btn_z {
    display: inline-block;
    margin-left: 0;
}
.wjh_btn {
    font-size: 14px !important;
    padding: clamp(8px, 6.4px + 0.3vw, 12px) clamp(20px, 16px + 0.8vw, 24px) !important;
    line-height: normal !important;
    font-family: Barlow-Regular, "Microsoft YaHei", sans-serif;
    white-space: nowrap;
}
.wjh_icon_zx {
    width: 15px !important;
    height: 15px !important;
    margin-top: 0 !important;
    margin-left: 3px;
}
.wjh_mobile_menu_btn {
    display: none !important;
}
.wjh_mobile_menu {
    display: none !important;
}

/* ---- Footer: same font + width as homepage ---- */
.wjn_container_z,
.wjn_container_z h1,
.wjn_container_z h3,
.wjn_container_z p,
.wjn_container_z a,
.wjn_container_z span,
.wjn_container_z li,
.wjn_cta_btn {
    font-family: Barlow-Regular, "Microsoft YaHei", sans-serif !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
}
.wjn_container_z {
    font-size: 16px !important;
}
.wjn_container {
    max-width: 1400px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 24px !important;
}
.wjn_cta_section,
.wjn_cta_title,
.wjn_cta_desc {
    text-align: center !important;
}
.wjn_cta_section {
    padding: 60px 0 !important;
}
.wjn_cta_title {
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}
.wjn_cta_desc,
.wjn_brand_desc,
.wjn_newsletter_desc {
    font-size: 16px !important;
}
.wjn_column_title {
    font-size: 18px !important;
}
.wjn_links_list a,
.wjn_contact_text,
.wjn_contact_info p {
    font-size: 14px !important;
}
.wjn_copyright_section,
.wjn_copyright_section a {
    font-size: 13px !important;
}
.wjn_brand_logo img {
    height: 60px !important;
    width: auto !important;
}
.wjn_cta_btn {
    font-size: 16px !important;
}

@media (min-width: 1680px) and (max-width: 1920px) {
    .wjh_nav .wjh_container,
    .wjn_container {
        max-width: 1600px;
    }
}