:root {
    --dt-blue: #1677ff;
    --dt-blue-hover: #0958d9;
    --dt-blue-active: #003eb3;
    --dt-cyan: #00c2ff;
    --dt-ink: #102033;
    --dt-muted: #5f6f89;
    --dt-soft: #f5f9ff;
    --dt-card: #ffffff;
    --dt-line: rgba(22, 119, 255, 0.12);
    --fy-red: #e6004f;
    --dt-grad: linear-gradient(135deg, #1677ff 0%, #1aa8ff 56%, #62d6ff 100%);
    --dt-deep-grad: linear-gradient(135deg, #063b91 0%, #1677ff 58%, #00c2ff 100%);
}

/* Final order-sensitive overrides. Keep this block at the end. */
.nav li a.li,
.nav li a {
    position: relative !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: color .18s ease, background-color .18s ease, transform .18s ease !important;
}

.nav li a:before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    right: 50% !important;
    bottom: 10px !important;
    height: 3px !important;
    border-radius: 3px !important;
    background: linear-gradient(90deg, var(--dt-blue), var(--dt-cyan)) !important;
    opacity: 0 !important;
    transition: left .22s ease, right .22s ease, opacity .22s ease !important;
}

.nav li.cur a,
.nav li a:hover {
    background: linear-gradient(180deg, rgba(22, 119, 255, 0.10), rgba(0, 194, 255, 0.04)) !important;
    color: var(--dt-blue) !important;
    box-shadow: none !important;
}

.nav li.cur a:before,
.nav li a:hover:before {
    left: 16px !important;
    right: 16px !important;
    opacity: 1 !important;
}

.indexbox1_gun li,
.service_list dl,
.news_list li,
.pro_list li {
    border-radius: 10px !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: var(--dt-shadow-soft) !important;
}

.indexbox1_gun li:hover,
.service_list dl:hover,
.news_list li:hover,
.pro_list li:hover {
    transform: translateY(-5px) !important;
    box-shadow: var(--dt-shadow-hover) !important;
}

.indexbox1_gun li:nth-child(4n+1),
.service_list dl:nth-child(4n+1) {
    border-top: 4px solid var(--dt-blue) !important;
}

.indexbox1_gun li:nth-child(4n+2),
.service_list dl:nth-child(4n+2) {
    border-top: 4px solid var(--dt-cyan) !important;
}

.indexbox1_gun li:nth-child(4n+3),
.service_list dl:nth-child(4n+3) {
    border-top: 4px solid var(--dt-green) !important;
}

.indexbox1_gun li:nth-child(4n),
.service_list dl:nth-child(4n) {
    border-top: 4px solid var(--dt-purple) !important;
}

/* Final Moli override - this block must remain the last CSS in this file. */
:root {
    --moli-pink: #ff2d7a;
    --moli-purple: #8a35e8;
    --moli-black: #13151f;
    --moli-text: #4f5665;
    --moli-muted: #7a8293;
    --moli-line: #f7d8e7;
    --moli-soft: #fff6fb;
    --moli-grad: linear-gradient(135deg, #ff2d7a 0%, #c52be5 54%, #823bff 100%);
    --moli-grad-hover: linear-gradient(135deg, #e6005c 0%, #a928df 54%, #6f37ff 100%);
}

.header {
    background: rgba(255, 255, 255, 0.98) !important;
    border-bottom: 1px solid rgba(255, 45, 122, 0.1) !important;
    box-shadow: 0 10px 30px rgba(19, 21, 31, 0.05) !important;
    line-height: normal !important;
}

.header > .wpb {
    width: min(1320px, calc(100% - 56px)) !important;
    min-height: 104px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 18px !important;
}

.header .top {
    order: 0 !important;
    width: 100% !important;
    height: 28px !important;
    line-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--moli-muted) !important;
    border: 0 !important;
}

.header .logo {
    order: 1 !important;
    float: none !important;
    width: auto !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    background: transparent !important;
}

.header .nav,
header .nav,
.nav {
    order: 2 !important;
    float: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.header .nav > ul,
.nav > ul,
.nav ul {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    background: transparent !important;
}

.header .nav > ul > li,
.nav > ul > li,
.nav li {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.logo img[src*="header_logo"],
.logo img[src*="logo.jpg"],
h1 img[src*="logo.jpg"] {
    width: 230px !important;
    max-width: 32vw !important;
    max-height: 58px !important;
    object-fit: contain !important;
    filter: none !important;
}

.header .logo .logowz {
    float: none !important;
    width: auto !important;
    max-width: 230px !important;
    height: auto !important;
    margin: 0 0 0 14px !important;
    padding-left: 14px !important;
    border-left: 1px solid #f2dbe7 !important;
    color: var(--moli-muted) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
}

.header .logo .logowz span {
    color: var(--moli-pink) !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
}

.header .nav > ul > li .li,
.nav li a.li,
.nav li a {
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 13px !important;
    color: var(--moli-black) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    transition: color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.nav li.fy-active a,
.nav li.cur a,
.nav li a:hover {
    color: #fff !important;
    background: var(--moli-grad) !important;
    box-shadow: 0 12px 25px rgba(255, 45, 122, 0.24) !important;
    transform: translateY(-1px) !important;
}

.nav li a:before,
.nav li.fy-active a:before,
.nav li.cur a:before,
.nav li a:hover:before,
.curbg,
.header .nav .curbg,
.topan {
    display: none !important;
}

body,
.main,
.content,
.ny_content,
.indexbox1,
.indexbox3,
.indexbox6,
.news,
.case_list {
    background: #fff !important;
    color: var(--moli-text) !important;
}

.indexbox2,
.indexbox4,
.indexbox5,
.indexbox7,
.indexbox8,
.about,
.case,
.service,
.process,
.solution {
    background: linear-gradient(180deg, var(--moli-soft) 0%, #fff 100%) !important;
}

.fullSlide .bd li a,
.banner .bd li a,
.index_ban .p li a,
.website_ban {
    background-image: url("/wp-content/themes/moban0628/hero-moli-feiying.svg") !important;
    background-position: center center !important;
    background-size: cover !important;
}

.banner .focus .bd li img,
img[src*="1-1G01G4161"],
img[src*="1-1G01G41632"],
img[src*="1-1G01G41649"],
img[src*="1-1G01G41F"],
img[src*="1-1G01G41H"] {
    content: url("/wp-content/themes/moban0628/hero-moli-feiying.svg") !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.indexbox1_gun .pic img,
.indexbox2 img[alt],
.index_fuwu img[alt],
.ul li .pic img,
.service_list img[alt],
img[src*="web1"],
img[src*="web2"],
img[src*="web3"],
img[src*="web4"] {
    content: url("/wp-content/themes/moban0628/service-moli-card.svg") !important;
    object-fit: cover !important;
}

.indexbox1_gun li,
.service_list dl,
.news_list li,
.pro_list li,
.case_list li,
.youshi li,
.process li {
    border: 1px solid var(--moli-line) !important;
    border-top: 0 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 16px 38px rgba(255, 45, 122, 0.08) !important;
    transform: translateY(0) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.indexbox1_gun li:hover,
.service_list dl:hover,
.news_list li:hover,
.pro_list li:hover,
.case_list li:hover,
.youshi li:hover,
.process li:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(255, 45, 122, 0.34) !important;
    box-shadow: 0 28px 68px rgba(138, 53, 232, 0.2) !important;
}

.indexbox1_gun li:nth-child(n),
.service_list dl:nth-child(n) {
    border-top: 0 !important;
}

.indexbox1_gun li h3,
.service_list dt,
.service_list h3,
.title,
.indextit h2,
.index_title h2,
.nytil01,
.nytil03,
.nytil05 {
    color: var(--moli-black) !important;
}

.indexbox1_gun li h3 a,
.service_list dl a,
.news_list li a:hover,
.pro_list li a:hover,
.indextit span,
.index_title span,
.nytil01 span,
.nytil03 span,
.nytil05 span {
    color: var(--moli-pink) !important;
}

.zx,
.webpd_xq,
.index_mess,
.indexbox7_an a,
.search .submit,
input[type="submit"],
button,
.submit,
.service_list dd.btn a,
.more a,
.more {
    color: #fff !important;
    border: 0 !important;
    background: var(--moli-grad) !important;
    box-shadow: 0 14px 30px rgba(255, 45, 122, 0.24) !important;
}

.zx:hover,
.webpd_xq:hover,
.index_mess:hover,
.indexbox7_an a:hover,
.search .submit:hover,
input[type="submit"]:hover,
button:hover,
.submit:hover,
.service_list dd.btn a:hover,
.more a:hover,
.more:hover {
    color: #fff !important;
    background: var(--moli-grad-hover) !important;
    box-shadow: 0 18px 38px rgba(138, 53, 232, 0.28) !important;
    transform: translateY(-1px) !important;
}

.line,
.nytil01:before,
.nytil03:before,
.nytil05:before,
.ban-a a.on,
.ban-a a:hover {
    background: var(--moli-grad) !important;
    border-color: transparent !important;
}

.fy-mobile-tabs {
    border-top-color: var(--moli-line) !important;
    box-shadow: 0 -10px 26px rgba(255, 45, 122, 0.1) !important;
}

.fy-mobile-tabs a {
    background: var(--moli-soft) !important;
    color: var(--moli-black) !important;
}

.fy-mobile-tabs a.cur,
.fy-mobile-tabs a:hover {
    color: #fff !important;
    background: var(--moli-grad) !important;
}

@media (max-width: 1280px) {
    .header > .wpb {
        width: min(1180px, calc(100% - 32px)) !important;
    }

    .logo img[src*="header_logo"],
    .logo img[src*="logo.jpg"],
    h1 img[src*="logo.jpg"] {
        width: 198px !important;
        max-width: 25vw !important;
    }

    .header .logo .logowz {
        display: none !important;
    }

    .header .nav > ul > li .li,
    .nav li a.li,
    .nav li a {
        padding: 0 10px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 768px) {
    body {
        background: #fff !important;
        padding-bottom: 58px !important;
    }

    .header > .wpb {
        width: calc(100% - 28px) !important;
        min-height: 72px !important;
        display: block !important;
    }

    .header .top,
    .header .logo .logowz {
        display: none !important;
    }

    .header .logo {
        min-height: 72px !important;
        display: flex !important;
        align-items: center !important;
    }

    .logo img[src*="header_logo"],
    .logo img[src*="logo.jpg"],
    h1 img[src*="logo.jpg"] {
        width: 156px !important;
        max-width: 54vw !important;
        max-height: 44px !important;
    }

    .header .nav,
    .nav {
        display: none !important;
    }

    .banner .focus .bd li img,
    img[src*="1-1G01G4161"],
    img[src*="1-1G01G41632"],
    img[src*="1-1G01G41649"],
    img[src*="1-1G01G41F"],
    img[src*="1-1G01G41H"] {
        height: 250px !important;
        object-position: center center !important;
    }
}

/* Moli-style final palette and one-line header fix. Keep this block last. */
:root {
    --moli-pink: #ff2d7a;
    --moli-hot: #e6005c;
    --moli-purple: #8a35e8;
    --moli-violet: #6f37ff;
    --moli-black: #13151f;
    --moli-text: #4f5665;
    --moli-muted: #7a8293;
    --moli-line: #f7d8e7;
    --moli-soft: #fff6fb;
    --moli-soft-2: #fffafe;
    --moli-grad: linear-gradient(135deg, #ff2d7a 0%, #c52be5 54%, #823bff 100%);
    --moli-grad-hover: linear-gradient(135deg, #e6005c 0%, #a928df 54%, #6f37ff 100%);
    --moli-shadow: 0 20px 52px rgba(255, 45, 122, 0.14);
    --moli-shadow-hover: 0 28px 68px rgba(138, 53, 232, 0.2);
}

body,
.main,
.content,
.ny_content,
.indexbox1,
.indexbox3,
.indexbox6,
.news,
.case_list {
    background: #fff !important;
    color: var(--moli-text) !important;
}

.header {
    background: rgba(255, 255, 255, 0.98) !important;
    border-bottom: 1px solid rgba(255, 45, 122, 0.1) !important;
    box-shadow: 0 10px 30px rgba(19, 21, 31, 0.05) !important;
    line-height: normal !important;
}

.header > .wpb {
    width: min(1320px, calc(100% - 56px)) !important;
    min-height: 104px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 18px !important;
}

.header .top {
    order: 0 !important;
    width: 100% !important;
    height: 28px !important;
    line-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--moli-muted) !important;
    border: 0 !important;
}

.header .logo {
    order: 1 !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    background: transparent !important;
}

.header .nav,
header .nav,
.nav {
    order: 2 !important;
    float: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.header .nav > ul,
.nav > ul,
.nav ul {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    background: transparent !important;
}

.header .nav > ul > li,
.nav > ul > li,
.nav li {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.logo img[src*="header_logo"],
.logo img[src*="logo.jpg"],
h1 img[src*="logo.jpg"] {
    width: 230px !important;
    max-width: 32vw !important;
    max-height: 58px !important;
    object-fit: contain !important;
    filter: none !important;
}

.header .logo .logowz {
    float: none !important;
    width: auto !important;
    max-width: 230px !important;
    height: auto !important;
    margin: 0 0 0 14px !important;
    padding-left: 14px !important;
    border-left: 1px solid #f2dbe7 !important;
    color: var(--moli-muted) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
}

.header .logo .logowz span {
    color: var(--moli-pink) !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
}

.header .nav > ul > li .li,
.nav li a.li,
.nav li a {
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 13px !important;
    color: var(--moli-black) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    transition: color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.nav li.fy-active a,
.nav li.cur a,
.nav li a:hover {
    color: #fff !important;
    background: var(--moli-grad) !important;
    box-shadow: 0 12px 25px rgba(255, 45, 122, 0.24) !important;
    transform: translateY(-1px) !important;
}

.nav li a:before,
.nav li.fy-active a:before,
.nav li.cur a:before,
.nav li a:hover:before,
.curbg,
.header .nav .curbg,
.topan {
    display: none !important;
}

.indexbox2,
.indexbox4,
.indexbox5,
.indexbox7,
.indexbox8,
.about,
.case,
.service,
.process,
.solution {
    background: linear-gradient(180deg, var(--moli-soft) 0%, #fff 100%) !important;
}

.fullSlide .bd li a,
.banner .bd li a,
.index_ban .p li a,
.website_ban {
    background-image: url("/wp-content/themes/moban0628/hero-moli-feiying.svg") !important;
    background-position: center center !important;
    background-size: cover !important;
}

.banner .focus .bd li img,
img[src*="1-1G01G4161"],
img[src*="1-1G01G41632"],
img[src*="1-1G01G41649"],
img[src*="1-1G01G41F"],
img[src*="1-1G01G41H"] {
    content: url("/wp-content/themes/moban0628/hero-moli-feiying.svg") !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.indexbox1_gun .pic img,
.indexbox2 img[alt],
.index_fuwu img[alt],
.ul li .pic img,
.service_list img[alt],
img[src*="web1"],
img[src*="web2"],
img[src*="web3"],
img[src*="web4"] {
    content: url("/wp-content/themes/moban0628/service-moli-card.svg") !important;
    object-fit: cover !important;
}

.indexbox1_gun li,
.service_list dl,
.news_list li,
.pro_list li,
.case_list li,
.youshi li,
.process li {
    border: 1px solid var(--moli-line) !important;
    border-top: 0 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 16px 38px rgba(255, 45, 122, 0.08) !important;
    transform: translateY(0) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.indexbox1_gun li:hover,
.service_list dl:hover,
.news_list li:hover,
.pro_list li:hover,
.case_list li:hover,
.youshi li:hover,
.process li:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(255, 45, 122, 0.34) !important;
    box-shadow: var(--moli-shadow-hover) !important;
}

.indexbox1_gun li:nth-child(n),
.service_list dl:nth-child(n) {
    border-top: 0 !important;
}

.indexbox1_gun li h3,
.service_list dt,
.service_list h3,
.title,
.indextit h2,
.index_title h2,
.nytil01,
.nytil03,
.nytil05 {
    color: var(--moli-black) !important;
}

.indexbox1_gun li h3 a,
.service_list dl a,
.news_list li a:hover,
.pro_list li a:hover,
.indextit span,
.index_title span,
.nytil01 span,
.nytil03 span,
.nytil05 span {
    color: var(--moli-pink) !important;
}

.zx,
.webpd_xq,
.index_mess,
.indexbox7_an a,
.search .submit,
input[type="submit"],
button,
.submit,
.service_list dd.btn a,
.more a,
.more {
    color: #fff !important;
    border: 0 !important;
    background: var(--moli-grad) !important;
    box-shadow: 0 14px 30px rgba(255, 45, 122, 0.24) !important;
}

.zx:hover,
.webpd_xq:hover,
.index_mess:hover,
.indexbox7_an a:hover,
.search .submit:hover,
input[type="submit"]:hover,
button:hover,
.submit:hover,
.service_list dd.btn a:hover,
.more a:hover,
.more:hover {
    color: #fff !important;
    background: var(--moli-grad-hover) !important;
    box-shadow: 0 18px 38px rgba(138, 53, 232, 0.28) !important;
    transform: translateY(-1px) !important;
}

.line,
.nytil01:before,
.nytil03:before,
.nytil05:before,
.ban-a a.on,
.ban-a a:hover {
    background: var(--moli-grad) !important;
    border-color: transparent !important;
}

.fy-mobile-tabs {
    border-top-color: var(--moli-line) !important;
    box-shadow: 0 -10px 26px rgba(255, 45, 122, 0.1) !important;
}

.fy-mobile-tabs a {
    background: var(--moli-soft) !important;
    color: var(--moli-black) !important;
}

.fy-mobile-tabs a.cur,
.fy-mobile-tabs a:hover {
    color: #fff !important;
    background: var(--moli-grad) !important;
}

@media (max-width: 1280px) {
    .header > .wpb {
        width: min(1180px, calc(100% - 32px)) !important;
    }

    .logo img[src*="header_logo"],
    .logo img[src*="logo.jpg"],
    h1 img[src*="logo.jpg"] {
        width: 198px !important;
        max-width: 25vw !important;
    }

    .header .logo .logowz {
        display: none !important;
    }

    .header .nav > ul > li .li,
    .nav li a.li,
    .nav li a {
        padding: 0 10px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 768px) {
    body {
        background: #fff !important;
        padding-bottom: 58px !important;
    }

    .header > .wpb {
        width: calc(100% - 28px) !important;
        min-height: 72px !important;
        display: block !important;
    }

    .header .top,
    .header .logo .logowz {
        display: none !important;
    }

    .header .logo {
        min-height: 72px !important;
        display: flex !important;
        align-items: center !important;
    }

    .logo img[src*="header_logo"],
    .logo img[src*="logo.jpg"],
    h1 img[src*="logo.jpg"] {
        width: 156px !important;
        max-width: 54vw !important;
        max-height: 44px !important;
    }

    .header .nav,
    .nav {
        display: none !important;
    }

    .banner .focus .bd li img,
    img[src*="1-1G01G4161"],
    img[src*="1-1G01G41632"],
    img[src*="1-1G01G41649"],
    img[src*="1-1G01G41F"],
    img[src*="1-1G01G41H"] {
        height: 250px !important;
        object-position: center center !important;
    }
}

.nav li.cur a {
    background: transparent !important;
    color: var(--dt-blue) !important;
}

.nav li.fy-active a {
    background: transparent !important;
    color: var(--dt-blue) !important;
}

.header .nav li.cur,
.nav li.cur,
.header .nav .curbg,
.nav .curbg {
    background: transparent !important;
    box-shadow: none !important;
}

.nav li a:hover {
    background: linear-gradient(180deg, rgba(22, 119, 255, 0.10), rgba(0, 194, 255, 0.04)) !important;
    color: var(--dt-blue) !important;
}

.nav li.fy-active a:before {
    left: 16px !important;
    right: 16px !important;
    opacity: 1 !important;
}

/* Moli-style final palette and one-line header fix. */
:root {
    --moli-black: #151823;
    --moli-text: #20232f;
    --moli-muted: #667080;
    --moli-pink: #ff2d7a;
    --moli-pink-2: #ff4f9a;
    --moli-purple: #8a35e8;
    --moli-soft: #fff6fb;
    --moli-soft-2: #fbf3ff;
    --moli-line: #ffe1ef;
    --moli-grad: linear-gradient(135deg, #ff2d7a 0%, #8a35e8 100%);
    --moli-shadow: 0 16px 40px rgba(255, 45, 122, 0.12);
    --moli-shadow-hover: 0 24px 56px rgba(138, 53, 232, 0.18);
}

html body {
    background: #fff !important;
    color: var(--moli-text) !important;
}

.header {
    background: #fff !important;
    border-bottom: 1px solid rgba(255, 45, 122, 0.10) !important;
    box-shadow: 0 10px 28px rgba(20, 18, 32, 0.04) !important;
    line-height: normal !important;
}

.header > .wpb {
    width: min(1320px, calc(100% - 56px)) !important;
    min-height: 104px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 18px !important;
}

.header .top {
    order: 0 !important;
    width: 100% !important;
    height: 28px !important;
    line-height: 28px !important;
    background: transparent !important;
    color: var(--moli-muted) !important;
    overflow: hidden !important;
}

.header .top .wzl,
.header .top .wzr {
    float: none !important;
}

.header .top .wzl {
    display: inline-block !important;
    padding-left: 0 !important;
    color: var(--moli-muted) !important;
}

.header .top .wzr {
    display: inline-flex !important;
    align-items: center !important;
    float: right !important;
}

.header .top .wzr span,
.top a,
.top span,
.top h1 {
    color: var(--moli-pink) !important;
}

.header .logo {
    order: 1 !important;
    float: none !important;
    width: auto !important;
    min-height: 76px !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    background: transparent !important;
}

.header .logo a {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
}

.logo img[src*="header_logo"],
.logo img[src*="logo.jpg"],
h1 img[src*="logo.jpg"] {
    width: 230px !important;
    height: auto !important;
    max-height: 58px !important;
    object-fit: contain !important;
    filter: none !important;
}

.header .logo .logowz {
    float: none !important;
    height: auto !important;
    max-width: 230px !important;
    margin: 0 0 0 14px !important;
    padding-left: 14px !important;
    border-left: 1px solid #f1dbe6 !important;
    color: var(--moli-muted) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
}

.header .logo .logowz span,
.logowz span {
    display: block !important;
    color: var(--moli-pink) !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
}

.header .nav {
    order: 2 !important;
    float: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    height: 76px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.header .nav > ul,
.nav ul {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 4px !important;
}

.header .nav > ul > li,
.nav li {
    float: none !important;
}

.header .nav > ul > li .li,
.nav li a.li,
.nav li a {
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 13px !important;
    color: var(--moli-black) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
    background: transparent !important;
    white-space: nowrap !important;
}

.nav li.fy-active a,
.nav li.cur a,
.nav li a:hover {
    color: #fff !important;
    background: var(--moli-grad) !important;
    box-shadow: 0 10px 22px rgba(255, 45, 122, 0.22) !important;
}

.nav li a:before,
.nav li.fy-active a:before,
.nav li.cur a:before,
.nav li a:hover:before {
    display: none !important;
}

.curbg,
.header .nav .curbg,
.topan {
    display: none !important;
}

.index_ban,
.banner,
.index_banner,
.fullSlide,
.in-banner,
.website_ban {
    background: linear-gradient(135deg, #fff6fb 0%, #ffffff 48%, #f5edff 100%) !important;
}

.fullSlide .bd li a,
.banner .bd li a,
.index_ban .p li a,
.website_ban {
    background-image: url("/wp-content/themes/moban0628/hero-moli-feiying.svg") !important;
    background-position: center center !important;
    background-size: cover !important;
}

.banner .focus .bd li img,
img[src*="1-1G01G4161"],
img[src*="1-1G01G41632"],
img[src*="1-1G01G41649"],
img[src*="1-1G01G41F"],
img[src*="1-1G01G41H"] {
    content: url("/wp-content/themes/moban0628/hero-moli-feiying.svg") !important;
}

.index_ban:after,
.banner:after,
.fullSlide:after {
    background: linear-gradient(180deg, rgba(255,255,255,0), #fff6fb) !important;
}

.indexbox1,
.indexbox3,
.indexbox6,
.content,
.main,
.news {
    background: #fff !important;
}

.indexbox2,
.indexbox4,
.indexbox5,
.indexbox7,
.indexbox8,
.about,
.case {
    background: linear-gradient(180deg, var(--moli-soft) 0%, #fff 100%) !important;
}

.indexbox1_gun .pic img,
.indexbox2 img[alt],
.index_fuwu img[alt],
.ul li .pic img,
.service_list img[alt],
img[src*="web1"],
img[src*="web2"],
img[src*="web3"],
img[src*="web4"],
img[src*="web5"],
img[src*="web6"] {
    content: url("/wp-content/themes/moban0628/service-moli-card.svg") !important;
}

.indexbox1_gun li,
.service_list dl,
.indexbox2 ul li,
.news_list li,
.pro_list li,
.website_box1,
.website_box2,
.website_box3,
.website_box4,
.website_box5 {
    border-radius: 4px !important;
    border: 1px solid var(--moli-line) !important;
    border-top: 0 !important;
    background: #fff !important;
    box-shadow: var(--moli-shadow) !important;
}

.indexbox1_gun li:hover,
.service_list dl:hover,
.indexbox2 ul li:hover,
.news_list li:hover,
.pro_list li:hover,
.website_box1:hover,
.website_box2:hover,
.website_box3:hover,
.website_box4:hover,
.website_box5:hover {
    transform: translateY(-6px) !important;
    border-color: #ffc0da !important;
    box-shadow: var(--moli-shadow-hover) !important;
}

.indexbox1_gun li:nth-child(n),
.service_list dl:nth-child(n) {
    border-top: 0 !important;
}

a:hover,
.indexbox2_bt .b1 span,
.indexbox2_bt .b2 span,
.index_case_bt span,
.index_news_bt span,
.foot_bt,
.nr a:hover,
.f60,
.orange {
    color: var(--moli-pink) !important;
}

.zx,
.webpd_xq,
.index_mess,
.indexbox7_an a,
.search .submit,
input[type="submit"],
button,
.submit,
.service_list dd.btn a {
    background: var(--moli-grad) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(255, 45, 122, 0.22) !important;
}

.zx:hover,
.webpd_xq:hover,
.index_mess:hover,
.indexbox7_an a:hover,
.search .submit:hover,
input[type="submit"]:hover,
button:hover,
.submit:hover,
.service_list dd.btn a:hover {
    background: linear-gradient(135deg, #ff4f9a 0%, #9f48f2 100%) !important;
    transform: translateY(-2px) !important;
}

.indexbox7_an .lan,
.xx {
    background: #fff !important;
    border: 1px solid #ffc0da !important;
    color: var(--moli-pink) !important;
}

.line,
.nytil01:before,
.nytil03:before,
.nytil05:before {
    background: var(--moli-grad) !important;
}

.footer,
.foot,
.copyright {
    background: #0b0c14 !important;
}

@media (max-width: 1280px) {
    .header > .wpb {
        width: min(1180px, calc(100% - 32px)) !important;
    }

    .logo img[src*="header_logo"],
    .logo img[src*="logo.jpg"],
    h1 img[src*="logo.jpg"] {
        width: 200px !important;
    }

    .header .logo .logowz {
        max-width: 180px !important;
    }

    .header .nav > ul > li .li,
    .nav li a.li,
    .nav li a {
        padding: 0 9px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 768px) {
    .header > .wpb {
        width: calc(100% - 28px) !important;
        min-height: 80px !important;
        display: block !important;
    }

    .header .top,
    .header .logo .logowz {
        display: none !important;
    }

    .header .logo {
        min-height: 72px !important;
        display: flex !important;
    }

    .header .nav {
        display: none !important;
    }
}

/* DingTalk-inspired visual refresh v2: cleaner nav, richer section rhythm, clearer hover states. */
:root {
    --dt-purple: #6d5dfc;
    --dt-green: #19c37d;
    --dt-amber: #ffb020;
    --dt-rose: #e6004f;
    --dt-bg-a: #f6fbff;
    --dt-bg-b: #eef7ff;
    --dt-bg-c: #f8f6ff;
    --dt-bg-d: #effcf7;
    --dt-shadow-soft: 0 10px 30px rgba(21, 91, 214, 0.10);
    --dt-shadow-hover: 0 18px 44px rgba(22, 119, 255, 0.18);
}

.header {
    background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.96) 100%) !important;
    box-shadow: 0 8px 28px rgba(16, 32, 51, 0.06) !important;
}

.top {
    background: linear-gradient(90deg, #0a4fbd 0%, #1677ff 58%, #13c2c2 100%) !important;
}

.nav ul {
    gap: 2px !important;
}

.nav li a.li,
.nav li a {
    position: relative !important;
    overflow: hidden !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.nav li a:before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    right: 50% !important;
    bottom: 10px !important;
    height: 3px !important;
    border-radius: 3px !important;
    background: linear-gradient(90deg, var(--dt-blue), var(--dt-cyan)) !important;
    transition: left .22s ease, right .22s ease, opacity .22s ease !important;
    opacity: 0 !important;
}

.nav li.cur a,
.nav li a:hover {
    background: linear-gradient(180deg, rgba(22, 119, 255, 0.10), rgba(0, 194, 255, 0.04)) !important;
    color: var(--dt-blue) !important;
    box-shadow: none !important;
}

.nav li.cur a:before,
.nav li a:hover:before {
    left: 16px !important;
    right: 16px !important;
    opacity: 1 !important;
}

.nav li a:active {
    background: rgba(22, 119, 255, 0.16) !important;
}

.index_ban {
    position: relative !important;
}

.index_ban:after,
.banner:after,
.fullSlide:after {
    content: "" !important;
    position: absolute !important;
    inset: auto 0 0 0 !important;
    height: 72px !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(255,255,255,0), var(--dt-bg-a)) !important;
}

.indexbox1 {
    background:
        radial-gradient(circle at 12% 4%, rgba(0, 194, 255, 0.12), transparent 26%),
        linear-gradient(180deg, var(--dt-bg-a) 0%, #ffffff 100%) !important;
}

.indexbox2,
.indexbox5,
.content,
.main {
    background:
        radial-gradient(circle at 82% 8%, rgba(109, 93, 252, 0.10), transparent 30%),
        var(--dt-bg-b) !important;
}

.indexbox3,
.indexbox6,
.news {
    background:
        radial-gradient(circle at 10% 20%, rgba(25, 195, 125, 0.11), transparent 26%),
        #ffffff !important;
}

.indexbox4,
.indexbox7,
.about {
    background:
        linear-gradient(135deg, rgba(22, 119, 255, 0.08), rgba(109, 93, 252, 0.08)),
        var(--dt-bg-c) !important;
}

.indexbox8,
.case {
    background:
        radial-gradient(circle at 80% 20%, rgba(255, 176, 32, 0.12), transparent 26%),
        var(--dt-bg-d) !important;
}

.indexbox1_gun li,
.indexbox2 ul li,
.news_list li,
.pro_list li,
.service_list dl,
.website_box1,
.website_box2,
.website_box3,
.website_box4,
.website_box5 {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(22, 119, 255, 0.12) !important;
    border-radius: 10px !important;
    box-shadow: var(--dt-shadow-soft) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}

.indexbox1_gun li:hover,
.indexbox2 ul li:hover,
.news_list li:hover,
.pro_list li:hover,
.service_list dl:hover,
.website_box1:hover,
.website_box2:hover,
.website_box3:hover,
.website_box4:hover,
.website_box5:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(22, 119, 255, 0.28) !important;
    box-shadow: var(--dt-shadow-hover) !important;
}

.indexbox1_gun li:nth-child(4n+1),
.service_list dl:nth-child(4n+1) {
    border-top: 4px solid var(--dt-blue) !important;
}

.indexbox1_gun li:nth-child(4n+2),
.service_list dl:nth-child(4n+2) {
    border-top: 4px solid var(--dt-cyan) !important;
}

.indexbox1_gun li:nth-child(4n+3),
.service_list dl:nth-child(4n+3) {
    border-top: 4px solid var(--dt-green) !important;
}

.indexbox1_gun li:nth-child(4n),
.service_list dl:nth-child(4n) {
    border-top: 4px solid var(--dt-purple) !important;
}

.zx,
.webpd_xq,
.index_mess,
.indexbox7_an a,
.search .submit,
input[type="submit"],
button,
.submit {
    background: linear-gradient(135deg, var(--dt-blue), #28a8ff) !important;
    box-shadow: 0 10px 22px rgba(22, 119, 255, 0.20) !important;
}

.indexbox7_an a:nth-child(2),
.fdright_nav_xq,
.top_mess_sbt {
    background: linear-gradient(135deg, var(--dt-rose), #ff5a86) !important;
    box-shadow: 0 10px 22px rgba(230, 0, 79, 0.20) !important;
}

.indexbox7_an .lan,
.xx {
    background: #ffffff !important;
    border: 1px solid rgba(22, 119, 255, 0.28) !important;
    color: var(--dt-blue) !important;
}

.indexbox7_an .lan:hover,
.xx:hover {
    background: #eef7ff !important;
    color: var(--dt-blue-hover) !important;
}

.line,
.nytil01:before,
.nytil03:before,
.nytil05:before {
    background: linear-gradient(90deg, var(--dt-blue), var(--dt-cyan), var(--dt-green)) !important;
}

.footer,
.foot,
.copyright {
    background:
        radial-gradient(circle at 78% 0%, rgba(0, 194, 255, 0.18), transparent 30%),
        linear-gradient(135deg, #071b3a 0%, #092f6d 58%, #102033 100%) !important;
}

.fy-mobile-tabs {
    gap: 8px !important;
}

.fy-mobile-tabs a {
    background: #f1f7ff !important;
    border: 1px solid rgba(22, 119, 255, 0.12) !important;
}

.fy-mobile-tabs a.cur,
.fy-mobile-tabs a:hover {
    background: linear-gradient(135deg, var(--dt-blue), var(--dt-cyan)) !important;
}

@media (max-width: 768px) {
    .nav li a.li,
    .nav li a {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .service_list dl {
        border-top-width: 4px !important;
    }
}

html body {
    background: var(--dt-soft) !important;
    color: var(--dt-ink) !important;
}

.top {
    background: #0b55c8 !important;
    color: #fff !important;
}

.top a,
.top span,
.top h1 {
    color: rgba(255, 255, 255, 0.94) !important;
}

.header,
.head,
.logo,
.nav {
    background: #fff !important;
}

.logo {
    min-height: 82px !important;
}

.logo img[src*="header_logo"],
.logo img[src*="logo.jpg"],
h1 img[src*="logo.jpg"] {
    content: url("/wp-content/themes/moban0628/feiying-logo-red.png") !important;
    width: 250px !important;
    height: auto !important;
    max-height: 58px !important;
    object-fit: contain !important;
    filter: none !important;
}

.logowz span {
    color: var(--dt-blue) !important;
}

.nav {
    box-shadow: 0 6px 24px rgba(16, 32, 51, 0.04) !important;
}

.nav ul {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
}

.nav li {
    position: relative !important;
}

.nav li a.li,
.nav li a {
    border-radius: 6px !important;
    color: var(--dt-ink) !important;
    transition: color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.nav li.cur a,
.nav li a:hover {
    background: rgba(22, 119, 255, 0.09) !important;
    color: var(--dt-blue) !important;
    box-shadow: inset 0 -2px 0 var(--dt-blue) !important;
}

.nav li a:active {
    background: rgba(22, 119, 255, 0.16) !important;
    color: var(--dt-blue-active) !important;
    transform: translateY(1px) !important;
}

.curbg {
    display: none !important;
}

.index_ban,
.banner,
.index_banner,
.fullSlide,
.in-banner,
.website_ban {
    background: var(--dt-deep-grad) !important;
}

.fullSlide .bd li a,
.banner .bd li a,
.index_ban .p li a,
.website_ban {
    background-image: url("/wp-content/themes/moban0628/hero-dingtalk-feiying.svg") !important;
    background-size: cover !important;
    background-position: left center !important;
}

.banner img,
.fullSlide img,
.in-banner img,
.mBan2 img,
.slideBox img {
    filter: none !important;
}

.banner .focus .bd li img,
img[src*="1-1G01G4161"],
img[src*="1-1G01G41632"],
img[src*="1-1G01G41649"],
img[src*="1-1G01G41F"],
img[src*="1-1G01G41H"] {
    content: url("/wp-content/themes/moban0628/hero-dingtalk-feiying.svg") !important;
    filter: none !important;
}

.indexbox1,
.indexbox2,
.indexbox3,
.indexbox4,
.indexbox5,
.indexbox6,
.indexbox7,
.indexbox8,
.content,
.main,
.about,
.news,
.case {
    background: var(--dt-soft) !important;
}

.index_ourcase,
.index_case {
    display: none !important;
}

.indexbox1_gun ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 26px !important;
}

.indexbox1_gun li {
    background: var(--dt-card) !important;
    border: 1px solid var(--dt-line) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(22, 119, 255, 0.08) !important;
    overflow: hidden !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.indexbox1_gun li:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(22, 119, 255, 0.32) !important;
    box-shadow: 0 18px 44px rgba(22, 119, 255, 0.16) !important;
}

.indexbox1_gun li:active {
    transform: translateY(-1px) !important;
}

.indexbox1_gun img,
.indexbox2 img,
.index_fuwu img,
.service_list img {
    content: url("/wp-content/themes/moban0628/service-dingtalk-card.svg") !important;
    filter: none !important;
}

.indexbox1_gun .pic img,
.indexbox2 img[alt],
.index_fuwu img[alt],
.ul li .pic img,
.service_list img[alt],
img[src*="web1"],
img[src*="web2"],
img[src*="web3"],
img[src*="web4"],
img[src*="web5"],
img[src*="web6"] {
    content: url("/wp-content/themes/moban0628/service-dingtalk-card.svg") !important;
    filter: none !important;
}

.service_list dl:has(a[href="list-5.html"]) {
    display: none !important;
}

.service_list dd.btn img {
    display: none !important;
}

.service_list dd.btn a {
    display: inline-block !important;
    min-width: 86px !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    background: var(--dt-grad) !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    box-shadow: 0 8px 18px rgba(22, 119, 255, 0.18) !important;
}

.service_list dd.btn a:before {
    content: "+ 查看";
}

img[src*="index_t_service"] {
    content: url("/wp-content/themes/moban0628/mobile-service-dingtalk-title.svg") !important;
    filter: none !important;
}

a:hover,
.indexbox2_bt .b1 span,
.indexbox2_bt .b2 span,
.index_case_bt span,
.index_news_bt span,
.foot_bt,
.nr a:hover,
.f60,
.orange,
[style*="#ff5900"],
[style*="#FF6600"],
[style*="#ff6600"],
[style*="#f60"],
[style*="#F60"] {
    color: var(--dt-blue) !important;
}

.zx,
.xx,
.webpd_xq,
.index_mess,
.indexbox7_an a,
.indexbox7_an .lan,
.fdright_nav li a,
.fdright_nav li,
.fdright_nav_tel,
.fdright_nav_xq,
.top_mess_bt,
.top_mess_sbt,
.search .submit,
input[type="submit"],
button,
.submit,
[style*="background:#ff5900"],
[style*="background: #ff5900"],
[style*="background:#ff6600"],
[style*="background: #ff6600"],
[style*="background:#F60"],
[style*="background: #F60"] {
    background: var(--dt-grad) !important;
    border-color: transparent !important;
    color: #fff !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 20px rgba(22, 119, 255, 0.18) !important;
    transition: background .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

.zx:hover,
.xx:hover,
.webpd_xq:hover,
.index_mess:hover,
.indexbox7_an a:hover,
.fdright_nav li a:hover,
.search .submit:hover,
input[type="submit"]:hover,
button:hover,
.submit:hover {
    background: linear-gradient(135deg, var(--dt-blue-hover) 0%, #168bff 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 26px rgba(22, 119, 255, 0.25) !important;
}

.zx:active,
.xx:active,
.webpd_xq:active,
.index_mess:active,
.indexbox7_an a:active,
.fdright_nav li a:active,
.search .submit:active,
input[type="submit"]:active,
button:active,
.submit:active {
    background: var(--dt-blue-active) !important;
    transform: translateY(1px) !important;
    box-shadow: 0 5px 12px rgba(22, 119, 255, 0.18) !important;
}

.line,
.nytil01:before,
.nytil03:before,
.nytil05:before,
.ban-a a.on,
.ban-a a:hover {
    background: var(--dt-grad) !important;
    border-color: transparent !important;
}

.website_cate,
#news_type_hid,
.foot_service_list,
.case_nav,
.news_nav,
.web_nav,
.sub_nav,
.left_nav,
.category,
.catelist {
    display: none !important;
}

.footer,
.foot,
.copyright {
    background: #061b3d !important;
    color: rgba(255, 255, 255, 0.86) !important;
}

.footer a,
.foot a,
.copyright a {
    color: rgba(255, 255, 255, 0.86) !important;
}

.footer a:hover,
.foot a:hover,
.copyright a:hover {
    color: #76d7ff !important;
}

.fdright_nav_wx img,
.tbwx img,
.foot_ewm img,
img[src*="footer_wx"] {
    filter: none !important;
}

.fy-mobile-tabs {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 999 !important;
    display: flex !important;
    gap: 6px !important;
    overflow-x: auto !important;
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom)) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border-top: 1px solid var(--dt-line) !important;
    box-shadow: 0 -8px 24px rgba(16, 32, 51, 0.08) !important;
}

.fy-mobile-tabs a {
    flex: 0 0 auto !important;
    min-width: 72px !important;
    padding: 8px 10px !important;
    border-radius: 6px !important;
    background: #eef6ff !important;
    color: var(--dt-blue) !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.fy-mobile-tabs a.cur,
.fy-mobile-tabs a:hover {
    background: var(--dt-blue) !important;
    color: #fff !important;
}

.fy-mobile-tabs a:active {
    background: var(--dt-blue-active) !important;
    transform: translateY(1px) !important;
}

@media (max-width: 768px) {
    body {
        background: var(--dt-soft) !important;
        padding-bottom: 58px !important;
    }

    header,
    .header,
    .top_nav,
    .nav {
        background: #fff !important;
    }

    .logo img[src*="logo.jpg"],
    .logo img[src*="header_logo"],
    h1 img[src*="logo.jpg"] {
        width: 150px !important;
        max-height: 42px !important;
    }

    .top_nav li a {
        color: var(--dt-ink) !important;
        border-bottom: 1px solid #edf3fb !important;
    }

    .top_nav li a:hover,
    .top_nav li a:active {
        color: var(--dt-blue) !important;
        background: #eef6ff !important;
    }

    .service_list {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 22px 12px !important;
        padding: 0 16px !important;
        width: 100% !important;
        max-width: 100vw !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .service_list * {
        box-sizing: border-box !important;
    }

    .service_list dl {
        float: none !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        overflow: hidden !important;
    }

    .service_list dt,
    .service_list dd {
        width: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    .service_list dd:not(.btn) {
        padding: 0 10px !important;
        line-height: 1.6 !important;
    }

    .service_list dt img {
        width: 100% !important;
        aspect-ratio: 1.7 / 1 !important;
        object-fit: cover !important;
        border-radius: 4px !important;
    }

    .banner .focus .bd li:nth-child(n+2),
    .fullSlide .bd li:nth-child(n+2),
    .index_ban .p li:nth-child(n+2) {
        display: none !important;
    }

    .banner .focus .bd li img,
    img[src*="1-1G01G4161"],
    img[src*="1-1G01G41632"],
    img[src*="1-1G01G41649"],
    img[src*="1-1G01G41F"],
    img[src*="1-1G01G41H"] {
        height: 250px !important;
        object-fit: cover !important;
        object-position: left center !important;
    }
}

/* Final order-sensitive overrides. Keep this block at the end. */
.nav li a.li,
.nav li a {
    position: relative !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: color .18s ease, background-color .18s ease, transform .18s ease !important;
}

.nav li a:before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    right: 50% !important;
    bottom: 10px !important;
    height: 3px !important;
    border-radius: 3px !important;
    background: linear-gradient(90deg, var(--dt-blue), var(--dt-cyan)) !important;
    opacity: 0 !important;
    transition: left .22s ease, right .22s ease, opacity .22s ease !important;
}

.nav li.cur a,
.nav li a:hover {
    background: linear-gradient(180deg, rgba(22, 119, 255, 0.10), rgba(0, 194, 255, 0.04)) !important;
    color: var(--dt-blue) !important;
    box-shadow: none !important;
}

.nav li.cur a:before,
.nav li a:hover:before {
    left: 16px !important;
    right: 16px !important;
    opacity: 1 !important;
}

.indexbox1_gun li,
.service_list dl,
.news_list li,
.pro_list li {
    border-radius: 10px !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: var(--dt-shadow-soft) !important;
}

.indexbox1_gun li:hover,
.service_list dl:hover,
.news_list li:hover,
.pro_list li:hover {
    transform: translateY(-5px) !important;
    box-shadow: var(--dt-shadow-hover) !important;
}

.indexbox1_gun li:nth-child(4n+1),
.service_list dl:nth-child(4n+1) {
    border-top: 4px solid var(--dt-blue) !important;
}

.indexbox1_gun li:nth-child(4n+2),
.service_list dl:nth-child(4n+2) {
    border-top: 4px solid var(--dt-cyan) !important;
}

.indexbox1_gun li:nth-child(4n+3),
.service_list dl:nth-child(4n+3) {
    border-top: 4px solid var(--dt-green) !important;
}

.indexbox1_gun li:nth-child(4n),
.service_list dl:nth-child(4n) {
    border-top: 4px solid var(--dt-purple) !important;
}

/* Actual EOF final Moli override. */
:root {
    --moli-pink: #ff2d7a;
    --moli-purple: #8a35e8;
    --moli-black: #13151f;
    --moli-text: #4f5665;
    --moli-muted: #7a8293;
    --moli-line: #f7d8e7;
    --moli-soft: #fff6fb;
    --moli-grad: linear-gradient(135deg, #ff2d7a 0%, #c52be5 54%, #823bff 100%);
    --moli-grad-hover: linear-gradient(135deg, #e6005c 0%, #a928df 54%, #6f37ff 100%);
}

.header {
    background: rgba(255, 255, 255, 0.98) !important;
    border-bottom: 1px solid rgba(255, 45, 122, 0.1) !important;
    box-shadow: 0 10px 30px rgba(19, 21, 31, 0.05) !important;
    line-height: normal !important;
}

.header > .wpb {
    width: min(1320px, calc(100% - 56px)) !important;
    min-height: 104px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 18px !important;
}

.header .top {
    order: 0 !important;
    width: 100% !important;
    height: 28px !important;
    line-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    color: var(--moli-muted) !important;
    border: 0 !important;
}

.header .logo {
    order: 1 !important;
    float: none !important;
    width: auto !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    background: transparent !important;
}

.header .nav,
header .nav,
.nav {
    order: 2 !important;
    float: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.header .nav > ul,
.nav > ul,
.nav ul {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    background: transparent !important;
}

.header .nav > ul > li,
.nav > ul > li,
.nav li {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.logo img[src*="header_logo"],
.logo img[src*="logo.jpg"],
h1 img[src*="logo.jpg"] {
    width: 230px !important;
    max-width: 32vw !important;
    max-height: 58px !important;
    object-fit: contain !important;
    filter: none !important;
}

.header .logo .logowz {
    float: none !important;
    width: auto !important;
    max-width: 230px !important;
    height: auto !important;
    margin: 0 0 0 14px !important;
    padding-left: 14px !important;
    border-left: 1px solid #f2dbe7 !important;
    color: var(--moli-muted) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
}

.header .logo .logowz span {
    color: var(--moli-pink) !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
}

.header .nav > ul > li .li,
.nav li a.li,
.nav li a {
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 13px !important;
    color: var(--moli-black) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}

.nav li.fy-active a,
.nav li.cur a,
.nav li a:hover {
    color: #fff !important;
    background: var(--moli-grad) !important;
    box-shadow: 0 12px 25px rgba(255, 45, 122, 0.24) !important;
    transform: translateY(-1px) !important;
}

.nav li a:before,
.nav li.fy-active a:before,
.nav li.cur a:before,
.nav li a:hover:before,
.curbg,
.header .nav .curbg,
.topan {
    display: none !important;
}

body,
.main,
.content,
.ny_content,
.indexbox1,
.indexbox3,
.indexbox6,
.news,
.case_list {
    background: #fff !important;
    color: var(--moli-text) !important;
}

.indexbox2,
.indexbox4,
.indexbox5,
.indexbox7,
.indexbox8,
.about,
.case,
.service,
.process,
.solution {
    background: linear-gradient(180deg, var(--moli-soft) 0%, #fff 100%) !important;
}

.fullSlide .bd li a,
.banner .bd li a,
.index_ban .p li a,
.website_ban {
    background-image: url("/wp-content/themes/moban0628/hero-moli-feiying.svg") !important;
    background-position: center center !important;
    background-size: cover !important;
}

.banner .focus .bd li img,
img[src*="1-1G01G4161"],
img[src*="1-1G01G41632"],
img[src*="1-1G01G41649"],
img[src*="1-1G01G41F"],
img[src*="1-1G01G41H"] {
    content: url("/wp-content/themes/moban0628/hero-moli-feiying.svg") !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.indexbox1_gun .pic img,
.indexbox2 img[alt],
.index_fuwu img[alt],
.ul li .pic img,
.service_list img[alt],
img[src*="web1"],
img[src*="web2"],
img[src*="web3"],
img[src*="web4"] {
    content: url("/wp-content/themes/moban0628/service-moli-card.svg") !important;
    object-fit: cover !important;
}

.indexbox1_gun li,
.service_list dl,
.news_list li,
.pro_list li,
.case_list li,
.youshi li,
.process li {
    border: 1px solid var(--moli-line) !important;
    border-top: 0 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 16px 38px rgba(255, 45, 122, 0.08) !important;
    transform: translateY(0) !important;
}

.indexbox1_gun li:hover,
.service_list dl:hover,
.news_list li:hover,
.pro_list li:hover,
.case_list li:hover,
.youshi li:hover,
.process li:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(255, 45, 122, 0.34) !important;
    box-shadow: 0 28px 68px rgba(138, 53, 232, 0.2) !important;
}

.indexbox1_gun li:nth-child(n),
.service_list dl:nth-child(n) {
    border-top: 0 !important;
}

.indexbox1_gun li h3,
.service_list dt,
.service_list h3,
.title,
.indextit h2,
.index_title h2,
.nytil01,
.nytil03,
.nytil05 {
    color: var(--moli-black) !important;
}

.indexbox1_gun li h3 a,
.service_list dl a,
.news_list li a:hover,
.pro_list li a:hover,
.indextit span,
.index_title span,
.nytil01 span,
.nytil03 span,
.nytil05 span {
    color: var(--moli-pink) !important;
}

.zx,
.webpd_xq,
.index_mess,
.indexbox7_an a,
.search .submit,
input[type="submit"],
button,
.submit,
.service_list dd.btn a,
.more a,
.more {
    color: #fff !important;
    border: 0 !important;
    background: var(--moli-grad) !important;
    box-shadow: 0 14px 30px rgba(255, 45, 122, 0.24) !important;
}

.zx:hover,
.webpd_xq:hover,
.index_mess:hover,
.indexbox7_an a:hover,
.search .submit:hover,
input[type="submit"]:hover,
button:hover,
.submit:hover,
.service_list dd.btn a:hover,
.more a:hover,
.more:hover {
    color: #fff !important;
    background: var(--moli-grad-hover) !important;
    box-shadow: 0 18px 38px rgba(138, 53, 232, 0.28) !important;
    transform: translateY(-1px) !important;
}

.line,
.nytil01:before,
.nytil03:before,
.nytil05:before,
.ban-a a.on,
.ban-a a:hover {
    background: var(--moli-grad) !important;
    border-color: transparent !important;
}

.fy-mobile-tabs {
    border-top-color: var(--moli-line) !important;
    box-shadow: 0 -10px 26px rgba(255, 45, 122, 0.1) !important;
}

.fy-mobile-tabs a {
    background: var(--moli-soft) !important;
    color: var(--moli-black) !important;
}

.fy-mobile-tabs a.cur,
.fy-mobile-tabs a:hover {
    color: #fff !important;
    background: var(--moli-grad) !important;
}

@media (max-width: 1280px) {
    .header > .wpb {
        width: min(1180px, calc(100% - 32px)) !important;
    }

    .logo img[src*="header_logo"],
    .logo img[src*="logo.jpg"],
    h1 img[src*="logo.jpg"] {
        width: 198px !important;
        max-width: 25vw !important;
    }

    .header .logo .logowz {
        display: none !important;
    }

    .header .nav > ul > li .li,
    .nav li a.li,
    .nav li a {
        padding: 0 10px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 768px) {
    body {
        background: #fff !important;
        padding-bottom: 58px !important;
    }

    .header > .wpb {
        width: calc(100% - 28px) !important;
        min-height: 72px !important;
        display: block !important;
    }

    .header .top,
    .header .logo .logowz {
        display: none !important;
    }

    .header .logo {
        min-height: 72px !important;
        display: flex !important;
        align-items: center !important;
    }

    .logo img[src*="header_logo"],
    .logo img[src*="logo.jpg"],
    h1 img[src*="logo.jpg"] {
        width: 156px !important;
        max-width: 54vw !important;
        max-height: 44px !important;
    }

    .header .nav,
    .nav {
        display: none !important;
    }

    .banner .focus .bd li img,
    img[src*="1-1G01G4161"],
    img[src*="1-1G01G41632"],
    img[src*="1-1G01G41649"],
    img[src*="1-1G01G41F"],
    img[src*="1-1G01G41H"] {
        height: 250px !important;
        object-position: center center !important;
    }
}

/* Visual QA fixes after screenshot review. */
.banner,
.banner .focus,
.banner .focus .bd,
.fullSlide,
.fullSlide .bd,
.index_ban {
    overflow: hidden !important;
}

.banner .focus .bd ul,
.banner .focus .bd li,
.fullSlide .bd ul,
.fullSlide .bd li,
.index_ban .p,
.index_ban .p li {
    left: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
}

.banner .focus .bd li img,
img[src*="1-1G01G4161"],
img[src*="1-1G01G41632"],
img[src*="1-1G01G41649"],
img[src*="1-1G01G41F"],
img[src*="1-1G01G41H"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    display: block !important;
}

.indextit h2,
.index_title h2,
.indexbox_tit,
.indexbox_tit h2 {
    color: var(--moli-black) !important;
    background: none !important;
    -webkit-text-fill-color: var(--moli-black) !important;
}

.indextit h2 span,
.index_title h2 span,
.indexbox_tit span,
.indexbox_tit h2 span {
    color: var(--moli-pink) !important;
    -webkit-text-fill-color: var(--moli-pink) !important;
}

.fdright_nav li,
.fdright_nav li a,
.fdright_nav_tel,
.fdright_nav_xq {
    color: #fff !important;
    border-color: transparent !important;
    background: var(--moli-grad) !important;
    box-shadow: 0 12px 26px rgba(255, 45, 122, 0.24) !important;
}

.fdright_nav li a:hover,
.fdright_nav_tel:hover,
.fdright_nav_xq:hover {
    color: #fff !important;
    background: var(--moli-grad-hover) !important;
}

@media (max-width: 768px) {
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .wpb,
    .main,
    .content,
    .ny_content,
    .indexbox1,
    .indexbox2,
    .indexbox3,
    .indexbox4,
    .indexbox5,
    .indexbox6,
    .indexbox7,
    .indexbox8,
    .indextit,
    .index_title,
    .indexbox_tit,
    .service_list,
    .news_list,
    .pro_list {
        width: 100% !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .fullSlide .bd li a,
    .banner .bd li a,
    .index_ban .p li a,
    .website_ban {
        background-image: url("/wp-content/themes/moban0628/hero-moli-feiying-mobile.svg") !important;
        background-position: center center !important;
        background-size: cover !important;
    }

    .banner .focus .bd li img,
    img[src*="1-1G01G4161"],
    img[src*="1-1G01G41632"],
    img[src*="1-1G01G41649"],
    img[src*="1-1G01G41F"],
    img[src*="1-1G01G41H"] {
        content: url("/wp-content/themes/moban0628/hero-moli-feiying-mobile.svg") !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
        height: auto !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    .indextit,
    .index_title,
    .indexbox_tit {
        padding-left: 18px !important;
        padding-right: 18px !important;
        text-align: center !important;
    }

    .indextit h2,
    .index_title h2,
    .indexbox_tit h2 {
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: 30px !important;
        line-height: 1.22 !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    .indextit p,
    .index_title p,
    .indexbox_tit p {
        max-width: 100% !important;
        font-size: 17px !important;
        line-height: 1.7 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .service_list {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .service_list dl,
    .indexbox1_gun li,
    .news_list li,
    .pro_list li {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
}

.wpc,
.diysbt {
    max-width: 100vw !important;
    box-sizing: border-box !important;
}

.diysbt .b1,
.diysbt .b2 {
    color: var(--moli-black) !important;
    background: none !important;
    -webkit-text-fill-color: var(--moli-black) !important;
}

.diysbt .b1 span,
.diysbt .b2 span {
    color: var(--moli-pink) !important;
    -webkit-text-fill-color: var(--moli-pink) !important;
}

@media (max-width: 768px) {
    .wpc,
    .diysbt {
        width: 100% !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    .diysbt {
        padding-left: 18px !important;
        padding-right: 18px !important;
        text-align: center !important;
    }

    .diysbt .b1 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: 30px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    .diysbt .b2 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: 17px !important;
        line-height: 1.7 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .indexbox1_gun li .nr,
    .indexbox1_gun li .nr p,
    .service_list dl,
    .service_list dd,
    .service_list p {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        overflow: visible !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    .indexbox1_gun li,
    .indexbox1_gun li .nr {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .indexbox1_gun li .nr,
    .indexbox1_gun li .nr .bt,
    .indexbox1_gun li .nr p {
        display: block !important;
        float: none !important;
        left: auto !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
    }

    .indexbox1_gun li .nr p {
        width: calc(100vw - 120px) !important;
        max-width: calc(100vw - 120px) !important;
        padding: 0 !important;
        font-size: 15px !important;
        line-height: 1.75 !important;
    }
}

/* Legacy homepage and inner-page blocks: replace old orange/yellow accents. */
.index_wuxun,
.index_ser,
.index_ourcase,
.website_show,
.website_info,
.web_service,
.web_content,
.advantage,
.youshi,
.tiyan {
    background: linear-gradient(180deg, #fff6fb 0%, #ffffff 100%) !important;
}

.index_wuxun {
    padding: 34px 0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 45, 122, 0.08) !important;
}

.index_wuxun ul {
    border: 1px solid rgba(255, 45, 122, 0.18) !important;
    background: rgba(255, 255, 255, 0.42) !important;
    box-shadow: 0 20px 52px rgba(255, 45, 122, 0.08) !important;
}

.index_wuxun li,
.index_wuxun li.tb1,
.index_wuxun li.tb2,
.index_wuxun li.tb3,
.index_wuxun li.tb4,
.index_wuxun li.tb5 {
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.78) !important;
    background: linear-gradient(135deg, rgba(255, 45, 122, 0.9), rgba(138, 53, 232, 0.9)) !important;
    box-shadow: 0 14px 30px rgba(255, 45, 122, 0.2) !important;
}

.index_wuxun li p,
.index_wuxun li a,
.index_wuxun li span,
.index_wuxun li b {
    color: #ffffff !important;
}

.index_wuxun li.tb3,
.index_wuxun li:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ff2d7a 0%, #c52be5 54%, #823bff 100%) !important;
    border-color: transparent !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 22px 46px rgba(138, 53, 232, 0.24) !important;
}

.index_ser .index_ser_left ul li.an,
.index_ser .index_ser_left ul li.an span,
.index_ser .index_ser_left ul li.an:hover,
.index_ser .index_ser_left ul li.tb a,
.index_ser .index_ser_right .tb,
.index_ser .index_ser_pic .nr {
    color: #ffffff !important;
    border-color: rgba(255, 45, 122, 0.22) !important;
    background: var(--moli-grad) !important;
    box-shadow: 0 14px 32px rgba(255, 45, 122, 0.2) !important;
}

.index_ser .index_ser_left ul li.an em,
.index_ser .index_ser_left ul li.an span,
.index_ser .index_ser_left ul li.tb a,
.index_ser .index_ser_pic .nr,
.index_ser .index_ser_pic .nr span,
.index_ser .index_ser_pic .nr p,
.index_ser .index_ser_pic .nr .big {
    color: #ffffff !important;
}

.index_ser .index_ser_left ul li.nr p,
.index_ser .index_ser_left ul li.nr span,
.index_ser .index_ser_right .bt span,
.index_ser .index_ser_right .nr p span,
.index_ourcase .index_ourcase_cs span,
.index_ourcase .index_ourcase_big,
.orange,
.red,
.yellow,
[style*="color:#f"],
[style*="color: #f"],
[style*="color:#e"],
[style*="color: #e"] {
    color: var(--moli-pink) !important;
    -webkit-text-fill-color: var(--moli-pink) !important;
}

.index_ser .index_ser_right,
.index_ser .index_ser_right .nr,
.index_ourcase .index_ourcase_left,
.index_ourcase .index_ourcase_right,
.website_box1,
.website_box2,
.website_box3,
.website_box4,
.website_box5 {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid var(--moli-line) !important;
    box-shadow: 0 18px 48px rgba(255, 45, 122, 0.08) !important;
}

.index_ser .index_ser_right .bt,
.index_ser .index_ser_left ul li.sm .one,
.index_ser .index_ser_left ul li.sm span,
.index_ourcase .index_ourcase_cs b,
.index_ourcase .index_ourcase_ban .x li.on {
    color: var(--moli-black) !important;
    border-color: var(--moli-line) !important;
}

.index_ser .index_ser_right .nr li,
.index_ser .index_ser_right .nr p {
    color: var(--moli-text) !important;
    border-color: rgba(255, 45, 122, 0.12) !important;
}

.index_ser .index_ser_left ul li,
.index_ser .index_ser_left ul li img,
.index_ser .index_ser_right,
.index_ourcase img,
.website_info img {
    border-color: var(--moli-line) !important;
}

@media (max-width: 768px) {
    .index_wuxun {
        padding: 24px 16px !important;
    }

    .index_wuxun ul {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .index_wuxun li,
    .index_wuxun li.tb1,
    .index_wuxun li.tb2,
    .index_wuxun li.tb3,
    .index_wuxun li.tb4,
    .index_wuxun li.tb5 {
        width: 100% !important;
        max-width: 100% !important;
        min-height: auto !important;
        margin: 0 !important;
        padding: 16px 18px !important;
        box-sizing: border-box !important;
        border-radius: 8px !important;
    }

    .index_ser,
    .index_ourcase {
        padding-left: 16px !important;
        padding-right: 16px !important;
        overflow: hidden !important;
    }

    .index_ser .index_ser_left,
    .index_ser .index_ser_right,
    .index_ser .index_ser_pic,
    .index_ourcase .index_ourcase_left,
    .index_ourcase .index_ourcase_right {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
}