/* Shared language controls and layout adjustments for English copy. */
.language-switch {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 8px;
    margin-left: 38px;
    color: rgba(255, 255, 255, .5);
}
.language-switch button {
    padding: 7px 0;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, .7);
    font: inherit;
    font-size: 14px;
    cursor: pointer;
}
.language-switch button[aria-pressed="true"] { color: #fff; font-weight: 600; }
.language-switch button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.language-en { display: none !important; }
html[lang="en"] .language-zh { display: none !important; }
html[lang="en"] .language-en { display: block !important; }
.home-section-title {
    height: 44px;
    margin: 0 auto;
    color: #333;
    font: 700 32px/44px Arial, sans-serif;
    text-align: center;
}
#hotBooks .home-section-title { color: #fff; }
.hero-copy {
    position: absolute;
    width: 552px;
    left: -90px;
    top: 210px;
    color: #fff4e5;
    font-family: Arial, sans-serif;
}
.hero-copy h1 {
    font-size: 49px;
    font-weight: 800;
    line-height: 1.12;
    font-style: italic;
    text-shadow: 1px 2px 1px rgba(73, 45, 17, .4);
}
.hero-copy p {
    margin-top: 20px;
    color: rgba(255, 244, 229, .88);
    font-size: 18px;
    line-height: 29px;
    letter-spacing: .2px;
    text-shadow: 0 2px 8px rgba(20, 12, 60, .25);
}
html[lang="en"] .company-stats {
    display: grid !important;
    grid-template-columns: 140px 160px 1fr 170px;
    width: 959px;
    height: 78px;
    margin: 53px auto 0;
    align-items: center;
    font-family: Arial, sans-serif;
    text-align: center;
}
.company-stats > div { padding: 0 14px; border-right: 1px solid #aaa; }
.company-stats > div:last-child { border-right: 0; }
.company-stats strong { display: block; color: #ed2d22; font-size: 29px; font-weight: 700; line-height: 32px; }
.company-stats small { font-size: 12px; }
.company-stats span { display: block; margin-top: 8px; color: #333; font-size: 13px; }
html[lang="en"] #hotBooks #swiperBooksTabContent .desc {
    box-sizing: border-box;
    padding: 0 28px;
    max-width: 1080px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 15px;
    line-height: 23px;
}
html[lang="en"] #apps #swiperappTabContent :is(#swiperapp1, #swiperapp2) .swiper-wrapper .swiper-slide .desc {
    width: 300px;
    height: auto;
    font-size: 15px;
    line-height: 25px;
}
html[lang="en"] .page-footer .desc .content .content-right .other .apps .apps-content div { padding-right: 25px; }
html[lang="en"] .page-footer .desc .content .content-right .other .apps .apps-content div:last-child { padding-right: 0; }
html[lang="en"] .page-footer .desc .content .content-left .address span { margin-right: 12px; }
.company-stats > div:last-child strong { font-size: 24px; white-space: nowrap; }

/* Current About and Careers pages. */
.site-section-title {
    box-sizing: border-box;
    height: 38px;
    margin: 0 0 43px;
    padding-left: 15px;
    border-left: 7px solid #ed2d22;
    color: #333;
    font: 700 32px/38px Arial, sans-serif;
}
html[lang="en"] .page-nav .page-nav-content { justify-content: space-between; }
html[lang="en"] .page-nav .page-nav-content .nav-item { margin-right: 0; white-space: nowrap; }
html[lang="en"] .page-item .content .rczp-tabs { height: auto; min-height: 48px; align-items: stretch; gap: 20px; }
html[lang="en"] .page-item .content .rczp-tabs-title { flex: 0 0 auto; align-self: center; }
html[lang="en"] .page-item .content .rczp-tabs-content { gap: 20px; }
html[lang="en"] .page-item .content .rczp-tabs-item { margin-left: 0; height: auto; padding-bottom: 10px; font-size: 14px; line-height: 22px; flex: 1; }
html[lang="en"] #gsjs .company-stats { margin-top: 40px; }
.vision-copy, .culture-copy { width: 959px; margin: 0 auto; font-family: Arial, sans-serif; text-align: center; }
.vision-copy h3, .culture-copy h3 { font-size: 25px; line-height: 36px; }
.vision-columns { display: flex; justify-content: space-between; gap: 40px; margin-top: 65px; }
.vision-columns > div { flex: 1; }
.vision-columns h4 { color: #ed2d22; font-size: 22px; line-height: 30px; }
.vision-columns p { margin-top: 16px; font-size: 16px; line-height: 26px; }
.culture-copy > p { margin-top: 20px; color: #ed2d22; font-size: 19px; line-height: 30px; }
.culture-values { display: flex; justify-content: space-between; gap: 50px; margin-top: 65px; }
.culture-values > div { position: relative; isolation: isolate; flex: 1; background: #ed2d22; border-radius: 7px; padding: 55px 10px; color: #fff; font-size: 24px; line-height: 32px; font-weight: 700; }
.culture-values > div::before, .culture-values > div::after { content: ''; position: absolute; z-index: -1; left: 15px; right: 15px; top: -9px; height: 15px; background: #ed2d22; border-radius: 7px 7px 0 0; }
.culture-values > div::after { left: 30px; right: 30px; top: -18px; }
html[lang="en"] .milestone-graphic { display: grid !important; grid-template-columns: repeat(5, 1fr); width: 959px; margin: 0 auto; gap: 32px 20px; }
.milestone-graphic > div { border-left: 1px solid #aaa; padding-left: 10px; }
.milestone-graphic strong { color: #ed2d22; font: 700 23px/30px Arial, sans-serif; }
.milestone-graphic p { color: #333; font-size: 14px; line-height: 23px; }

/* Earlier pages retain their original header, sidebar and content columns. */
.legacy-page > .wrap:first-child { position: relative; }
.legacy-page .language-switch { position: absolute; right: 10px; top: 28px; color: #999; }
.legacy-page .language-switch button { color: #666; }
.legacy-page .language-switch button[aria-pressed="true"] { color: #ed2d22; }
.legacy-page .language-switch button:focus-visible { outline-color: #ed2d22; }
html[lang="en"] .legacy-page #menu li a { padding-left: 8px; width: 142px; }
html[lang="en"] .legacy-page #menu li .submenu { width: 800px; }
html[lang="en"] .legacy-page #menu li .submenu a { padding: 0; width: auto; font-size: 12px; margin: 0 4px; }
html[lang="en"] .legacy-page .side h3 { height: auto; min-height: 41px; line-height: 22px; padding-top: 9px; padding-bottom: 9px; box-sizing: border-box; }
html[lang="en"] .legacy-page .side li { padding-left: 25px; }
html[lang="en"] .legacy-page .conactus { display: flex; align-items: center; gap: 30px; font-size: 14px; }
html[lang="en"] .legacy-page .conactus .addr { flex: 1; line-height: 24px; }
html[lang="en"] .legacy-page .conactus .tel { flex: 0 0 auto; }
html[lang="en"] .legacy-page .joinus_hd { display: flex; flex-wrap: wrap; }
html[lang="en"] .legacy-page .joinus_hd li { box-sizing: border-box; width: 33.333%; }
html[lang="en"] .legacy-page .joinus_bd dt { height: auto; min-height: 45px; }
html[lang="en"] .legacy-page .product_info .btnlink { display: inline-block; margin-right: 5px; font-size: 12px; }
.legacy-ceo-copy { min-height: 395px; font-size: 18px; line-height: 36px; }
.legacy-ceo-copy img { display: block; width: 140px; margin: 45px 20px 0 auto; }
/* Translate the two text regions of the legacy banner while keeping its artwork. */
html[lang="en"] .legacy-page .mainbox { position: relative; }
html[lang="en"] .legacy-page .mainbox::before { position: absolute; left: calc(50% - 410px); top: 122px; width: 137px; height: 46px; content: 'Mobile Apps'; background: #f2f2f2; color: #ed2d22; font: 22px/46px Arial, sans-serif; text-align: center; }
html[lang="en"] .legacy-page .banner_p2::before { content: 'About Us'; }
html[lang="en"] .legacy-page .banner_p3::before { content: 'Careers'; }
html[lang="en"] .legacy-page .banner_p4::before { content: 'News'; }
html[lang="en"] .legacy-page .mainbox::after { content: 'A New Force in Mobile Internet'; position: absolute; left: calc(50% + 100px); top: 30px; padding: 6px 10px; background: #f2f2f2; color: #555; font: 18px/30px Arial, sans-serif; }
.news-language-note { margin-bottom: 16px; color: #777; font-size: 13px; }
html[lang="en"] .news-language-note[hidden] { display: none !important; }
html[lang="en"] .legacy-page .side h3 { font-family: Arial, sans-serif; font-size: 13px; white-space: nowrap; }