/* head.css - 头部专用样式 */
.chn-header * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.chn-header {
    font-family: 'Segoe UI', 'PingFang SC', Roboto, 'Helvetica Neue', sans-serif;
    background: #fff;
    width: 100%;
    position: relative;
    z-index: 1000;
}
/* PC/平板 容器 */
.pc_header_wrapper {
    display: block;
    background: #fff;
    border-bottom: 1px solid #eef2f6;
    box-shadow: 0 1px 6px rgba(0,0,0,0.02);
}
.header_container {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
}
/* 上行 */
.header_top_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0 12px;
    border-bottom: 1px solid #f0f3f8;
}
.header_logo_area { width: 30%; flex-shrink: 0; }
.logo_img { max-height: 52px; width: auto; vertical-align: middle; }
.header_slogan_area { width: 35%; flex-shrink: 0; padding-left: 18px; }
.slogan_main {
    font-size: 18px; font-weight: 600; color: #1A2C3E;
    border-left: 3px solid #2a7de1; padding-left: 16px; line-height: 1.3;
}
.slogan_sub {
    font-size: 12px; color: #6c7a8e; margin-top: 6px; padding-left: 19px;
}
.header_right_area {
    width: 35%; flex-shrink: 0;
    display: flex; flex-direction: column; align-items: flex-end; gap: 10px;
}
.right_top_row {
    display: flex; align-items: center; gap: 22px; font-size: 13px;
}
.login_register a { text-decoration: none; color: #2c3e50; font-weight: 500; transition: color 0.2s; }
.login_register a:hover { color: #2a7de1; }
.login_register .sep { margin: 0 6px; color: #cbd5e1; }
.lang_select {
    border: 1px solid #e2e8f0; background: #f9fafc; padding: 5px 10px;
    border-radius: 30px; font-size: 12px; cursor: pointer;
}
.right_bottom_row { display: flex; gap: 24px; align-items: center; }
.contact_phone_item { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; }
.phone_number { color: #2a7de1; font-weight: 700; }
/* 下行 */
.header_bottom_row {
    display: flex; align-items: center; justify-content: space-between;
    min-height: 64px;
}
.nav_area { width: 85%; flex-shrink: 0; }
.main_nav_list {
    display: flex; list-style: none; gap: 2px; flex-wrap: wrap;
}
.nav_item { position: relative; }
.nav_item > .nav_link {
    display: block; padding: 18px 22px; font-size: 16px; font-weight: 600;
    color: #1f2a3e; text-decoration: none; white-space: nowrap;
}
.nav_item > .nav_link i {
    display: block; font-size: 11px; font-weight: 400;
    color: #7f8c9a; margin-top: 4px;
}
.nav_item.active > .nav_link,
.nav_item:hover > .nav_link { color: #2a7de1; background: #f5f9ff; }
.nav_item.active > .nav_link i,
.nav_item:hover > .nav_link i { color: #2a7de1; }
.submenu_wrapper {
    position: absolute; top: 100%; left: 0; background: #fff;
    min-width: 210px; box-shadow: 0 12px 24px rgba(0,0,0,0.08);
    border-radius: 14px; padding: 8px 0;
    opacity: 0; visibility: hidden; transform: translateY(12px);
    transition: all 0.25s; z-index: 110; border: 1px solid #edf2f7;
}
.nav_item:hover .submenu_wrapper {
    opacity: 1; visibility: visible; transform: translateY(0);
}
.submenu_link {
    display: block; padding: 10px 22px; font-size: 14px;
    color: #2d3a4b; text-decoration: none; white-space: nowrap;
}
.submenu_link:hover { background: #f0f7ff; color: #2a7de1; }
.search_area { width: 15%; flex-shrink: 0; text-align: right; }
.search_form {
    display: flex; align-items: center; background: #f8fafd;
    border-radius: 48px; border: 1px solid #e2e8f0; overflow: hidden;
}
.search_form:focus-within { border-color: #2a7de1; background: #fff; box-shadow: 0 0 0 2px rgba(42,125,225,0.1); }
.search_input {
    flex: 1; border: none; padding: 10px 16px; font-size: 13px;
    background: transparent; outline: none;
}
.search_btn {
    background: transparent; border: none; padding: 0 18px;
    cursor: pointer; font-size: 16px; color: #4b5a6e;
}
.search_btn:hover { color: #2a7de1; }

/* ========= 移动端 (≤991px) ========= */
@media screen and (max-width: 991px) {
    .pc_header_wrapper { display: none; }
    .mobile_header_wrapper { display: block; background: #fff; border-bottom: 1px solid #eef2f6; }
    .mobile_top_bar {
        display: flex; justify-content: space-between; align-items: center;
        padding: 12px 20px; background: #fff;
    }
    .mobile_logo img { max-height: 42px; width: auto; }
    .mobile_tools { display: flex; align-items: center; gap: 20px; }
    .mobile_phone_icon, .mobile_search_toggle, .mobile_menu_icon {
        font-size: 22px; cursor: pointer; color: #2a7de1; text-decoration: none;
    }
    .mobile_menu_icon { font-size: 28px; color: #1f2a3e; }
    .mobile_collapse_panel {
        display: none; background: #fff; border-top: 1px solid #edf2f7;
        padding: 8px 0 20px; max-height: 85vh; overflow-y: auto;
    }
    .mobile_nav_list { list-style: none; padding: 0 18px; }
    .mobile_nav_item { border-bottom: 1px solid #f0f3f8; }
    .mobile_nav_flex {
        display: flex; justify-content: space-between; align-items: center;
        padding: 14px 0;
    }
    .mobile_nav_link {
        font-size: 16px; font-weight: 500; color: #1e2a3a;
        text-decoration: none; flex: 1;
    }
    .sub_toggle_arrow {
        font-size: 14px; color: #8a99ae; padding: 0 8px; cursor: pointer;
    }
    .mobile_submenu {
        display: none; background: #fafcff; padding: 6px 0 12px 20px;
        border-radius: 16px; margin-bottom: 8px;
    }
    .mobile_sub_link {
        display: block; padding: 12px 0 12px 12px; font-size: 14px;
        color: #3a4a62; text-decoration: none; border-bottom: 1px dashed #eef2f8;
    }
    .mobile_contact_card {
        background: #f8fafd; margin: 16px 18px; padding: 12px 16px;
        border-radius: 28px;
    }
    .mobile_contact_row {
        display: flex; justify-content: space-between; font-weight: 600;
        font-size: 14px; gap: 12px; flex-wrap: wrap;
    }
    .mobile_lang_login {
        display: flex; justify-content: space-between; align-items: center;
        padding: 12px 18px; background: #fff;
        border-top: 1px solid #edf2f7; border-bottom: 1px solid #edf2f7;
        margin: 8px 0;
    }
    .mobile_login_links a { text-decoration: none; color: #2c3e50; font-size: 14px; margin-right: 6px; }
    .mobile_lang_select {
        border: 1px solid #dee4ec; background: #fff; padding: 6px 12px;
        border-radius: 40px; font-size: 12px;
    }
    .mobile_search_form_wrap { padding: 14px 18px; background: #fff; }
    .mobile_search_form {
        display: flex; background: #f5f7fb; border-radius: 48px;
        border: 1px solid #e2e8f0; overflow: hidden;
    }
    .mobile_search_input {
        flex: 1; padding: 12px 16px; border: none; background: transparent;
        font-size: 14px; outline: none;
    }
    .mobile_search_submit {
        background: transparent; border: none; padding: 0 18px;
        font-size: 18px; color: #2a7de1; cursor: pointer;
    }
}

/* 小屏桌面微调 (992~1200px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .header_container { padding: 0 20px; }
    .nav_item > .nav_link { padding: 18px 14px; font-size: 15px; }
    .slogan_main { font-size: 16px; }
    .right_bottom_row { gap: 12px; }
}