/* Shared PC header treatment. Page-specific search and account behavior stays intact. */
@media (min-width: 1024px) {
    :root {
        --chrome-ink: #17212b;
        --chrome-coral: #f25545;
        --chrome-teal: #0e8a78;
        --chrome-line: #dfe6e9;
        --chrome-muted: #74818b;
    }

    body,
    body input,
    body button,
    body select,
    body textarea {
        font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
        letter-spacing: 0;
    }

    body > .header,
    body > .top-nav {
        position: relative;
        z-index: 20;
    }

    body > .header .top,
    body > .top-nav {
        height: 36px !important;
        border: 0 !important;
        background: var(--chrome-ink) !important;
        color: #d7e0e5;
        line-height: 36px !important;
    }

    body > .header .top .row,
    body > .top-nav .top-nav-container {
        width: calc(100% - 48px) !important;
        max-width: 1200px !important;
        height: 36px;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    body > .header .logoin-info,
    body > .header .logoin-info span,
    body > .header .logoin-info a,
    body > .top-nav .login-info,
    body > .top-nav .login-info span,
    body > .top-nav .login-info a,
    body > .top-nav .nav-links,
    body > .top-nav .nav-links a {
        color: #cbd5db !important;
        font-size: 12px;
    }

    body > .header .logoin-info a:hover,
    body > .top-nav .login-info a:hover,
    body > .top-nav .nav-links a:hover {
        color: #ffffff !important;
    }

    body > .header .logoin-info a.color-orange,
    body > .top-nav .login-info a[style] {
        color: #ffb2a8 !important;
    }

    body > .top-nav .nav-links {
        display: flex;
        align-items: center;
        gap: 0;
        height: 36px;
    }

    body > .top-nav .nav-links a {
        margin: 0 !important;
        padding: 0 12px;
    }

    body > .header .cont,
    body > .header .header-main,
    body > .header-main,
    body > .custom-search-container {
        display: block !important;
        min-height: 108px;
        border-bottom: 1px solid var(--chrome-line) !important;
        background: #ffffff !important;
        box-sizing: border-box;
    }

    body > .header .cont {
        height: 108px;
        padding: 16px 0 12px;
    }

    body > .header-main {
        height: 108px;
        padding: 16px 0 12px !important;
    }

    body > .custom-search-container {
        height: 108px;
        padding: 16px 0 12px !important;
    }

    body > .header .cont > .row,
    body > .header-main .header-container,
    body > .custom-search-container .custom-search-wrapper {
        display: flex;
        align-items: center;
        width: calc(100% - 48px) !important;
        max-width: 1200px !important;
        height: 80px;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    body > .header .logo-wrap,
    body > .header-main .logo,
    body > .custom-search-container .site-logo {
        display: flex;
        flex: 0 0 190px;
        align-items: center;
        width: 190px !important;
        height: 68px !important;
        margin: 0 34px 0 0 !important;
    }

    body > .header .logo-wrap img,
    body > .header-main .logo img,
    body > .custom-search-container .site-logo {
        display: block;
        width: 190px !important;
        max-width: 190px !important;
        height: 60px !important;
        object-fit: contain;
    }

    body > .header .cont .fr,
    body > .header-main .search-area,
    body > .custom-search-container .custom-search-box {
        flex: 1;
        float: none !important;
        width: auto !important;
        min-width: 0;
        margin: 0 !important;
    }

    body > .header .search-wrap,
    body > .header-main .search-wrap,
    body > .custom-search-container .custom-search-box {
        width: 100% !important;
        margin: 0 !important;
    }

    body > .header .search-tab-cont .advanced,
    body > .header-main .search-tab-cont .advanced,
    body > .custom-search-container .advanced {
        width: 100% !important;
        height: 46px !important;
        border: 1px solid #cfd9de !important;
        border-radius: 6px !important;
        background: #ffffff !important;
        background-image: none !important;
        box-shadow: 0 6px 18px rgba(23, 33, 43, 0.06);
        box-sizing: border-box;
    }

    body > .header .search-tab-cont ul li,
    body > .header-main .search-tab-cont ul li,
    body > .custom-search-container .custom-search-box ul li {
        height: 44px !important;
        line-height: 44px !important;
        border-color: #e5eaed !important;
        color: #3e4b55 !important;
    }

    body > .header .search-tab-cont .input-search,
    body > .header-main .search-tab-cont .input-search,
    body > .custom-search-container .input-search {
        height: 44px !important;
        padding-left: 12px !important;
    }

    body > .header .search-tab-cont .input-search input,
    body > .header-main .search-tab-cont .input-search input,
    body > .custom-search-container .input-search input {
        width: 100% !important;
        height: 44px !important;
        line-height: 44px !important;
        color: #17212b;
    }

    body > .header .search-tab-cont .btn-search,
    body > .header-main .search-tab-cont .btn-search,
    body > .custom-search-container .btn-search {
        top: 3px !important;
        right: 3px !important;
        width: 98px !important;
        height: 38px !important;
        border: 0 !important;
        border-radius: 4px !important;
        background: var(--chrome-coral) !important;
        color: #ffffff !important;
        line-height: 38px !important;
        font-size: 15px !important;
        font-weight: 700;
    }

    body > .header .search-tab-cont .btn-search:hover,
    body > .header-main .search-tab-cont .btn-search:hover,
    body > .custom-search-container .btn-search:hover {
        background: #d94335 !important;
    }

    body > .header .search-tab-cont .advanced,
    body > .header-main .search-tab-cont .advanced,
    body > .custom-search-container .advanced {
        display: flex;
        align-items: center;
    }

    body > .header .search-tab-cont .advanced > ul,
    body > .header-main .search-tab-cont .advanced > ul,
    body > .custom-search-container .advanced > ul {
        display: flex;
        flex: 0 0 auto;
        align-items: stretch;
        height: 44px;
        float: none !important;
    }

    body > .header .search-tab-cont .advanced > ul > li,
    body > .header-main .search-tab-cont .advanced > ul > li,
    body > .custom-search-container .advanced > ul > li {
        flex: 0 0 auto;
        width: auto !important;
        max-width: none !important;
        float: none !important;
        padding: 0 24px 0 12px;
    }

    body > .header .search-tab-cont .input-search,
    body > .header-main .search-tab-cont .input-search,
    body > .custom-search-container .input-search {
        display: flex !important;
        flex: 1 1 auto;
        align-items: center;
        width: auto !important;
        min-width: 0;
        box-sizing: border-box;
        padding: 0 116px 0 14px !important;
    }

    body > .header .search-tab-cont .input-search .icon-search,
    body > .header-main .search-tab-cont .input-search .icon-search,
    body > .custom-search-container .input-search .icon-search {
        display: block;
        flex: 0 0 13px;
        width: 13px;
        height: 13px;
        margin: 0 9px 0 0;
        vertical-align: initial;
    }

    body > .header .search-tab-cont .input-search input,
    body > .header-main .search-tab-cont .input-search input,
    body > .custom-search-container .input-search input {
        display: block;
        flex: 1 1 auto;
        width: auto !important;
        min-width: 0;
        height: 44px !important;
        line-height: 44px !important;
        margin: 0;
        padding: 0 !important;
        vertical-align: initial;
    }

    body > .header .hot-search,
    body > .header-main .hot-search,
    body > .custom-search-container .hot-search {
        margin-top: 7px !important;
        color: var(--chrome-muted);
    }

    body > .header .hot-search a,
    body > .header-main .hot-search a,
    body > .custom-search-container .hot-search a {
        color: var(--chrome-muted) !important;
    }

    body > .header .hot-search a:hover,
    body > .header-main .hot-search a:hover,
    body > .custom-search-container .hot-search a:hover {
        color: var(--chrome-coral) !important;
    }

    body > .header .nav {
        border-top: 1px solid var(--chrome-line);
    }

    /* Legacy PC templates keep their original links and search form. */
    body > .bfbtop,
    body > .bfbtop1 {
        min-width: 0 !important;
    }

    body > .bfbtop {
        height: 36px !important;
        border: 0 !important;
        background: var(--chrome-ink) !important;
    }

    body > .bfbtop > .yjcode,
    body > .bfbtop1 > .yjcode {
        width: calc(100% - 48px) !important;
        max-width: 1200px !important;
        min-width: 0 !important;
        margin: 0 auto !important;
    }

    body > .bfbtop .top,
    body > .bfbtop .top .u1 {
        display: flex !important;
        float: none !important;
        align-items: center;
        width: 100% !important;
        height: 36px !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body > .bfbtop .top .u1 > li {
        float: none !important;
        height: 36px !important;
        color: #cbd5db !important;
        line-height: 36px !important;
    }

    body > .bfbtop .top .u1 > .l1 {
        flex: 1;
        min-width: 0;
    }

    body > .bfbtop .top .u1 > .l0 {
        display: none !important;
    }

    body > .bfbtop .top a,
    body > .bfbtop .top span {
        color: #cbd5db !important;
        font-size: 12px;
    }

    body > .bfbtop .top a:hover {
        color: #ffffff !important;
    }

    body > .bfbtop1 {
        height: 108px !important;
        border: 0 !important;
        border-bottom: 1px solid var(--chrome-line) !important;
        background: #ffffff !important;
    }

    /* Some legacy pages already render the common header before top1.html. */
    body > .top-nav ~ .bfbtop1 {
        display: none !important;
    }

    body > .bfbtop1 .top1 {
        display: flex !important;
        float: none !important;
        align-items: center;
        width: 100% !important;
        height: 108px !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body > .bfbtop1 .top1 .logo {
        display: flex !important;
        float: none !important;
        flex: 0 0 190px;
        align-items: center;
        width: 190px !important;
        height: 68px !important;
        margin: 0 34px 0 0 !important;
        padding: 0 !important;
    }

    body > .bfbtop1 .top1 .logo img {
        display: block;
        width: 190px !important;
        max-width: 190px !important;
        height: 60px !important;
        object-fit: contain;
    }

    body > .bfbtop1 .top1 .resou {
        display: block !important;
        float: none !important;
        flex: 1;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body > .bfbtop1 .top1 .resou form,
    body > .bfbtop1 .top1 .resou .u1 {
        width: 100% !important;
        margin: 0 !important;
    }

    body > .bfbtop1 .top1 .resou .u1 {
        display: flex !important;
        float: none !important;
        height: 46px !important;
        border: 1px solid #cfd9de !important;
        border-radius: 6px !important;
        background: #ffffff !important;
        box-shadow: 0 6px 18px rgba(23, 33, 43, 0.06);
        box-sizing: border-box;
    }

    body > .bfbtop1 .top1 .resou .u1 > li {
        float: none !important;
        height: 44px !important;
    }

    body > .bfbtop1 .top1 .resou .u1 .l1,
    body > .bfbtop1 .top1 .resou .u1 .l1 .topnwd {
        flex: 0 0 96px;
        width: 96px !important;
        height: 44px !important;
        background: #f8fafb !important;
    }

    body > .bfbtop1 .top1 .resou .u1 .l1 .topnwd span {
        height: 44px !important;
        line-height: 44px !important;
    }

    body > .bfbtop1 .top1 .resou .u1 .l2 {
        flex: 1;
        width: auto !important;
        min-width: 0;
    }

    body > .bfbtop1 .top1 .resou .u1 .l2 input {
        width: 100% !important;
        height: 44px !important;
        padding: 0 12px !important;
        box-sizing: border-box;
    }

    body > .bfbtop1 .top1 .resou .u1 .l3 {
        flex: 0 0 102px;
        width: 102px !important;
    }

    body > .bfbtop1 .top1 .resou .u1 .l3 input {
        width: 96px !important;
        height: 38px !important;
        margin: 3px !important;
        border-radius: 4px !important;
        background: var(--chrome-coral) !important;
        color: #ffffff !important;
        font-size: 15px !important;
        font-weight: 700;
    }

    body > .bfbtop1 .top1 .resou .d1 {
        float: none !important;
        width: 100% !important;
        margin: 7px 0 0 !important;
        color: var(--chrome-muted) !important;
        line-height: 18px;
    }

    body > .bfbtop1 .top1 .resou .d1 a {
        color: var(--chrome-muted) !important;
    }

    body > .bfbtop1 .top1 .resou .d1 a:hover {
        color: var(--chrome-coral) !important;
    }

    body > .bfbtop1 .top1 .topfbxl,
    body > .bfbtop1 .top1 .menu {
        display: none !important;
    }
}