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

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

.n_cf435b_hwr {
    height: 90px;
    position: relative;
}

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

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

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

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

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

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

.n_cf435b_hnlin {
    color: #333;
}

.n_cf435b_hico {
    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;
}

.n_cf435b_hihom {
    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");
}

.n_cf435b_himh {
    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");
}

.n_cf435b_hitop {
    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");
}

.n_cf435b_hinew {
    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");
}

.n_cf435b_hitag {
    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");
}

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

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

.n_cf435b_hnav li:hover,
.n_cf435b_hnav li.n_cf435b_curre {
    background-color: rgba(90, 103, 242, 0.06);
}

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

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

.n_cf435b_hnav li:hover .n_cf435b_hitop,
.n_cf435b_hnav li.n_cf435b_curre .n_cf435b_hitop {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235A67F2'%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");
}

.n_cf435b_hnav li:hover .n_cf435b_hinew,
.n_cf435b_hnav li.n_cf435b_curre .n_cf435b_hinew {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235A67F2'%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");
}

.n_cf435b_hnav li:hover .n_cf435b_hitag,
.n_cf435b_hnav li.n_cf435b_curre .n_cf435b_hitag {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235A67F2'%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");
}

.n_cf435b_hnav li:hover .n_cf435b_hncn,
.n_cf435b_hnav li:hover .n_cf435b_hnen,
.n_cf435b_hnav li.n_cf435b_curre .n_cf435b_hncn,
.n_cf435b_hnav li.n_cf435b_curre .n_cf435b_hnen {
    color: #5A67F2;
}

.n_cf435b_hnav li.n_cf435b_curre::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 3px;
    background: var(--gradient);
    border-radius: 2px;
}

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

.n_cf435b_hset:hover {
    background: rgba(90, 103, 242, 0.1);
}

.n_cf435b_hsico {
    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;
}

.n_cf435b_hset:hover .n_cf435b_hsico {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235A67F2'%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");
}

.n_cf435b_hsbox {
    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);
}

.n_cf435b_hsbox.n_cf435b_none {
    display: none;
}

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

.n_cf435b_hsrc input[type=text] {
    background: #F5F6FA;
    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;
}

.n_cf435b_hsrc input[type=text]:focus {
    background: #fff;
    border-color: #5A67F2;
    box-shadow: 0 0 8px rgba(90, 103, 242, 0.2);
}

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

.n_cf435b_hsbtn:hover {
    background: #4453D9;
}

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

    .n_cf435b_hnav {
        margin-left: 30px;
    }

    .n_cf435b_hnav li a {
        padding: 0 20px;
    }
}

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

    .n_cf435b_hwr {
        height: auto;
    }

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

    .n_cf435b_hlog h1 {
        line-height: 50px;
    }

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

    .n_cf435b_hnav li {
        height: auto;
    }

    .n_cf435b_hnav li a {
        height: auto;
        padding: 8px 12px;
    }

    .n_cf435b_hico {
        margin: 4px auto 2px;
    }

    .n_cf435b_hset {
        float: none;
        margin: 10px auto 0;
    }

    .n_cf435b_hsbox {
        top: auto;
        position: relative;
    }
}