.hdr-mn {
    z-index: 200;
    position: relative;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.hdr-cn {
    width: 100%;
    height: 90px;
    background: #fff;
    position: relative;
    z-index: 200;
}

.hdr-wr {
    height: 90px;
    position: relative;
}

.hdr-logo {
    float: left;
    height: 90px;
    line-height: 90px;
    display: inline-block;
}

.hdr-logo h1 {
    margin: 0;
    padding: 0;
    line-height: 90px;
}

.hdr-logo img {
    width: 150px;
    height: auto;
    max-height: 90px;
    vertical-align: middle;
    display: inline-block;
}

.hdr-nav {
    float: left;
    list-style: none;
    margin: 0 0 0 60px;
    padding: 0;
    height: 90px;
}

.hdr-nav li {
    float: left;
    height: 90px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.hdr-nav li a {
    display: block;
    height: 90px;
    padding: 0 28px;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
}

.hdr-nav-link {
    color: #333;
}

.hdr-ico {
    display: block;
    width: 22px;
    height: 22px;
    margin: 18px auto 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 0.2s ease;
}

.hdr-ico-home {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 3l9 8h-3v9h-4v-6H10v6H6v-9H3l9-8z'/%3E%3C/svg%3E");
}

.hdr-ico-mh {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M3 3h8v8H3V3zm10 0h8v8h-8V3zM3 13h8v8H3v-8zm10 0h8v8h-8v-8zM5 5v4h4V5H5zm10 0v4h4V5h-4zM5 15v4h4v-4H5zm10 0v4h4v-4h-4z'/%3E%3C/svg%3E");
}

.hdr-ico-topic {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
}

.hdr-ico-news {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM7 7h10v2H7V7zm0 4h10v2H7v-2zm0 4h7v2H7v-2z'/%3E%3C/svg%3E");
}

.hdr-ico-tags {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M21.41 11.58L12.43 2.6c-.37-.37-.88-.58-1.42-.58H4c-1.1 0-2 .9-2 2v7.01c0 .53.21 1.04.59 1.41l8.98 8.99c.78.78 2.05.78 2.83 0l7.01-7.01c.78-.78.78-2.04 0-2.83zM6.5 7C5.67 7 5 6.33 5 5.5S5.67 4 6.5 4 8 4.67 8 5.5 7.33 7 6.5 7z'/%3E%3C/svg%3E");
}

.hdr-nav-cn {
    display: block;
    font-size: 15px;
    color: #666;
    line-height: 1;
    margin-bottom: 4px;
    font-weight: 500;
}

.hdr-nav-en {
    display: block;
    font-size: 11px;
    color: #bbb;
    line-height: 1;
    text-transform: uppercase;
}

.hdr-nav li:hover,
.hdr-nav li.current {
    background-color: rgba(255, 125, 60, 0.06);
}

.hdr-nav li:hover .hdr-ico-home,
.hdr-nav li.current .hdr-ico-home {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF7D3C'%3E%3Cpath d='M12 3l9 8h-3v9h-4v-6H10v6H6v-9H3l9-8z'/%3E%3C/svg%3E");
}

.hdr-nav li:hover .hdr-ico-mh,
.hdr-nav li.current .hdr-ico-mh {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF7D3C'%3E%3Cpath d='M3 3h8v8H3V3zm10 0h8v8h-8V3zM3 13h8v8H3v-8zm10 0h8v8h-8v-8zM5 5v4h4V5H5zm10 0v4h4V5h-4zM5 15v4h4v-4H5zm10 0v4h4v-4h-4z'/%3E%3C/svg%3E");
}

.hdr-nav li:hover .hdr-ico-topic,
.hdr-nav li.current .hdr-ico-topic {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF7D3C'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
}

.hdr-nav li:hover .hdr-ico-news,
.hdr-nav li.current .hdr-ico-news {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF7D3C'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM7 7h10v2H7V7zm0 4h10v2H7v-2zm0 4h7v2H7v-2z'/%3E%3C/svg%3E");
}

.hdr-nav li:hover .hdr-ico-tags,
.hdr-nav li.current .hdr-ico-tags {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF7D3C'%3E%3Cpath d='M21.41 11.58L12.43 2.6c-.37-.37-.88-.58-1.42-.58H4c-1.1 0-2 .9-2 2v7.01c0 .53.21 1.04.59 1.41l8.98 8.99c.78.78 2.05.78 2.83 0l7.01-7.01c.78-.78.78-2.04 0-2.83zM6.5 7C5.67 7 5 6.33 5 5.5S5.67 4 6.5 4 8 4.67 8 5.5 7.33 7 6.5 7z'/%3E%3C/svg%3E");
}

.hdr-nav li:hover .hdr-nav-cn,
.hdr-nav li:hover .hdr-nav-en,
.hdr-nav li.current .hdr-nav-cn,
.hdr-nav li.current .hdr-nav-en {
    color: #FF7D3C;
}

.hdr-nav li.current::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 3px;
    background: #FF7D3C;
    border-radius: 2px;
}

.hdr-setbox {
    float: right;
    width: 40px;
    height: 40px;
    background: #F4F5F5;
    margin-top: 25px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    transition: background-color 0.2s ease;
    text-align: center;
    line-height: 40px;
}

.hdr-setbox:hover {
    background: rgba(255, 125, 60, 0.1);
}

.hdr-search-ico {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.hdr-setbox:hover .hdr-search-ico {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF7D3C'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E");
}

.hdr-search-box {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    position: absolute;
    top: 90px;
    left: 0;
    z-index: 199;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.hdr-search-box._none {
    display: none;
}

.hdr-srch {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hdr-srch input[type=text] {
    background: #F4F5F5;
    font-size: 14px;
    color: #333;
    flex: 1;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 20px;
    border: 1px solid #eee;
    box-sizing: border-box;
    outline: none;
    transition: all 0.3s ease;
}

.hdr-srch input[type=text]:focus {
    background: #fff;
    border-color: #FF7D3C;
    box-shadow: 0 0 8px rgba(255, 125, 60, 0.2);
}

.hdr-srch-btn {
    background: #FF7D3C;
    color: #fff;
    font-size: 14px;
    height: 40px;
    padding: 0 25px;
    border-radius: 20px;
    cursor: pointer;
    border: none;
    transition: background-color 0.2s ease;
}

.hdr-srch-btn:hover {
    background: #E66A28;
}

@media (max-width: 1200px) {
    .hdr-wr {
        width: 95%;
        margin: 0 auto;
    }

    .hdr-nav {
        margin-left: 30px;
    }

    .hdr-nav li a {
        padding: 0 20px;
    }
}

@media (max-width: 768px) {
    .hdr-cn {
        height: auto;
        padding: 10px 0;
    }

    .hdr-wr {
        height: auto;
    }

    .hdr-logo {
        float: none;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

    .hdr-logo h1 {
        line-height: 50px;
    }

    .hdr-nav {
        float: none;
        margin-left: 0;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .hdr-nav li {
        height: auto;
    }

    .hdr-nav li a {
        height: auto;
        padding: 8px 12px;
    }

    .hdr-ico {
        margin: 4px auto 2px;
    }

    .hdr-setbox {
        float: none;
        margin: 10px auto 0;
    }

    .hdr-search-box {
        top: auto;
        position: relative;
    }
}