/* Final corporate website theme: DingTalk-inspired blue/cyan with pink-purple accents. */
:root {
    --fy-blue: #126bff;
    --fy-blue-2: #0b7dff;
    --fy-cyan: #00c2ff;
    --fy-cyan-soft: #dff7ff;
    --fy-pink: #ff2d7a;
    --fy-purple: #823bff;
    --fy-ink: #101828;
    --fy-text: #516071;
    --fy-muted: #7a8797;
    --fy-line: #dbeafe;
    --fy-soft: #f4f9ff;
    --fy-soft-2: #eef7ff;
    --fy-glass: rgba(255, 255, 255, .76);
    --fy-blue-grad: linear-gradient(135deg, #126bff 0%, #00c2ff 100%);
    --fy-accent-grad: linear-gradient(135deg, #126bff 0%, #00c2ff 58%, #ff2d7a 100%);
    --fy-dark-grad: linear-gradient(135deg, #061a3d 0%, #082b63 50%, #104fbf 100%);
    --fy-shadow: 0 22px 60px rgba(18, 107, 255, .13);
    --fy-shadow-hover: 0 30px 78px rgba(18, 107, 255, .22);
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
    color: var(--fy-text) !important;
    background: #fff !important;
}

.header {
    background: rgba(255, 255, 255, .92) !important;
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(18, 107, 255, .12) !important;
    box-shadow: 0 10px 34px rgba(16, 24, 40, .05) !important;
}

.header .wzr,
.header .logo .logowz span,
.top .wzr,
.wzr span {
    color: var(--fy-blue) !important;
}

.header .logo .logowz {
    border-left-color: rgba(18, 107, 255, .18) !important;
    color: var(--fy-muted) !important;
}

.header .nav li a,
.nav li a,
.nav li a.li {
    color: var(--fy-ink) !important;
}

.header .nav li.fy-active a,
.header .nav li.cur a,
.header .nav li a:hover,
.nav li.fy-active a,
.nav li.cur a,
.nav li a:hover {
    color: #fff !important;
    background: var(--fy-blue-grad) !important;
    box-shadow: 0 14px 28px rgba(18, 107, 255, .24) !important;
}

.sdfy-page,
.main,
.content,
.ny_content,
.indexbox1,
.indexbox3,
.indexbox6,
.news,
.case_list {
    background: #fff !important;
}

.sdfy-hero,
.sdfy-about-hero,
.fullSlide .bd li a,
.banner .bd li a,
.index_ban .p li a,
.website_ban {
    background:
        radial-gradient(circle at 82% 18%, rgba(0, 194, 255, .18), transparent 28%),
        radial-gradient(circle at 14% 80%, rgba(18, 107, 255, .16), transparent 32%),
        linear-gradient(135deg, #f7fbff 0%, #ffffff 46%, #edf7ff 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-corporate-blue.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-corporate-blue.svg") !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !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"],
img[src*="web5"],
img[src*="web6"] {
    content: url("/wp-content/themes/moban0628/service-corporate-card.svg") !important;
    object-fit: cover !important;
}

.sdfy-hero:before {
    background: linear-gradient(135deg, rgba(18, 107, 255, .16), rgba(0, 194, 255, .16)) !important;
}

.sdfy-hero:after {
    background: radial-gradient(circle, rgba(18, 107, 255, .15), rgba(0, 194, 255, .08) 58%, transparent 70%) !important;
}

.sdfy-eyebrow {
    color: var(--fy-blue) !important;
    border-color: rgba(18, 107, 255, .22) !important;
    background: rgba(255, 255, 255, .72) !important;
    backdrop-filter: blur(14px);
    box-shadow: 0 12px 34px rgba(18, 107, 255, .1) !important;
}

.sdfy-hero h1,
.sdfy-about-grid h1,
.sdfy-title h2,
.sdfy-service h3,
.sdfy-trouble h3,
.sdfy-case h3,
.sdfy-team-card h3,
.sdfy-news-item h3,
.diysbt .b1,
.indextit h2,
.index_title h2,
.indexbox_tit h2 {
    color: var(--fy-ink) !important;
}

.sdfy-hero h1 span,
.sdfy-gradient-text,
.sdfy-title small,
.sdfy-metric b,
.sdfy-service strong,
.sdfy-tags span,
.sdfy-case b,
.sdfy-news-date b,
.sdfy-about-card b,
.sdfy-value b,
.diysbt .b1 span,
.diysbt .b2 span,
.indextit h2 span,
.index_title h2 span,
.indexbox_tit span {
    background: linear-gradient(135deg, var(--fy-blue), var(--fy-cyan)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

.sdfy-btn,
.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-color: transparent !important;
    background: var(--fy-blue-grad) !important;
    box-shadow: 0 16px 36px rgba(18, 107, 255, .24) !important;
}

.sdfy-btn.ghost {
    color: var(--fy-blue) !important;
    background: rgba(255, 255, 255, .74) !important;
    border: 1px solid rgba(18, 107, 255, .28) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .54), 0 14px 30px rgba(18, 107, 255, .08) !important;
}

.sdfy-btn:hover,
.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 {
    background: var(--fy-accent-grad) !important;
    box-shadow: 0 20px 46px rgba(18, 107, 255, .28) !important;
}

.sdfy-metrics .sdfy-wrap,
.sdfy-trouble,
.sdfy-service,
.sdfy-list li,
.sdfy-plan,
.sdfy-step,
.sdfy-case,
.sdfy-news-item,
.sdfy-side,
.sdfy-about-card,
.sdfy-value,
.indexbox1_gun li,
.service_list dl,
.news_list li,
.pro_list li,
.case_list li,
.website_box1,
.website_box2,
.website_box3,
.website_box4,
.website_box5 {
    border-color: rgba(18, 107, 255, .16) !important;
    background: rgba(255, 255, 255, .88) !important;
    backdrop-filter: blur(10px);
    box-shadow: var(--fy-shadow) !important;
}

.sdfy-trouble:hover,
.sdfy-service:hover,
.sdfy-case:hover,
.sdfy-news-item:hover,
.indexbox1_gun li:hover,
.service_list dl:hover,
.news_list li:hover,
.pro_list li:hover,
.case_list li:hover {
    transform: translateY(-7px) !important;
    box-shadow: var(--fy-shadow-hover) !important;
}

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

.sdfy-no,
.sdfy-list b,
.sdfy-step b,
.sdfy-news-date,
.index_wuxun li,
.index_wuxun li.tb1,
.index_wuxun li.tb2,
.index_wuxun li.tb3,
.index_wuxun li.tb4,
.index_wuxun li.tb5,
.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,
.fdright_nav li,
.fdright_nav li a,
.fdright_nav_tel,
.fdright_nav_xq {
    background: var(--fy-blue-grad) !important;
    color: #fff !important;
    box-shadow: 0 16px 36px rgba(18, 107, 255, .2) !important;
}

.sdfy-feature-band,
.sdfy-cta {
    background: var(--fy-dark-grad) !important;
}

.sdfy-resource {
    background: linear-gradient(135deg, #126bff 0%, #00c2ff 78%, #ff2d7a 100%) !important;
    box-shadow: 0 26px 72px rgba(18, 107, 255, .24) !important;
}

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

.sdfy-hero-media {
    position: relative;
    isolation: isolate;
}

.sdfy-hero-media img,
.sdfy-split img {
    animation: fyFloat 5.6s ease-in-out infinite;
    border-color: rgba(18, 107, 255, .16) !important;
    box-shadow: 0 28px 74px rgba(18, 107, 255, .14) !important;
}

.sdfy-hero-media:after {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: 9%;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(0, 194, 255, .9), transparent);
    animation: fyScan 2.8s ease-in-out infinite;
    z-index: 2;
}

.sdfy-service:before,
.sdfy-trouble:before,
.sdfy-case:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: var(--fy-blue-grad);
    opacity: .95;
}

.sdfy-service,
.sdfy-trouble,
.sdfy-case {
    position: relative;
    overflow: hidden;
}

.page-geo .sdfy-hero-media:before,
.page-newmedia .sdfy-hero-media:before,
.page-video .sdfy-hero-media:before,
.page-overseas .sdfy-hero-media:before {
    position: absolute;
    right: 24px;
    top: 24px;
    z-index: 3;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(18, 107, 255, .2);
    color: var(--fy-blue);
    font-size: 13px;
    font-weight: 800;
    backdrop-filter: blur(12px);
    animation: fyGlow 2.8s ease-in-out infinite;
}

.page-geo .sdfy-hero-media:before { content: "AI ANSWER GRAPH"; }
.page-newmedia .sdfy-hero-media:before { content: "CHANNEL MATRIX"; }
.page-video .sdfy-hero-media:before { content: "VIDEO FUNNEL"; }
.page-overseas .sdfy-hero-media:before { content: "GLOBAL TRUST"; }

.page-geo .sdfy-service:nth-child(3n+1):before { background: linear-gradient(90deg, #126bff, #00c2ff); }
.page-newmedia .sdfy-service:nth-child(3n+1):before { background: linear-gradient(90deg, #00c2ff, #24d3b5); }
.page-video .sdfy-service:nth-child(3n+1):before { background: linear-gradient(90deg, #126bff, #ff2d7a); }
.page-overseas .sdfy-service:nth-child(3n+1):before { background: linear-gradient(90deg, #0b7dff, #6d8cff); }

.page-geo .sdfy-service:nth-child(2n),
.page-newmedia .sdfy-service:nth-child(2n),
.page-video .sdfy-service:nth-child(2n),
.page-overseas .sdfy-service:nth-child(2n) {
    transform: translateY(18px);
}

.footer,
.foot,
.copyright,
.foot_link {
    display: none !important;
}

.sdfy-site-footer {
    display: block !important;
    position: relative;
    overflow: hidden;
    padding: 70px 0 26px;
    color: rgba(255, 255, 255, .86);
    background: var(--fy-dark-grad);
}

.sdfy-site-footer:before {
    content: "";
    position: absolute;
    inset: -140px -120px auto auto;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 194, 255, .28), transparent 66%);
}

.sdfy-footer-inner {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.2fr repeat(3, .8fr);
    gap: 42px;
    position: relative;
    z-index: 1;
}

.sdfy-footer-brand img {
    width: 218px;
    max-width: 78%;
    display: block;
    margin-bottom: 20px;
    filter: brightness(0) invert(1);
}

.sdfy-footer-brand h2,
.sdfy-footer-col h3 {
    margin: 0 0 16px;
    color: #fff;
}

.sdfy-footer-brand p,
.sdfy-footer-col p,
.sdfy-footer-col a {
    margin: 0 0 10px;
    display: block;
    color: rgba(255, 255, 255, .72);
    line-height: 1.75;
}

.sdfy-footer-col a:hover {
    color: #fff;
}

.sdfy-footer-bottom {
    width: min(1200px, calc(100% - 48px));
    margin: 42px auto 0;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .58);
    font-size: 13px;
    position: relative;
    z-index: 1;
}

.fy-mobile-tabs {
    border-top-color: rgba(18, 107, 255, .14) !important;
}

.fy-mobile-tabs a {
    background: #f1f7ff !important;
    color: var(--fy-blue) !important;
}

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

/* Final pass: neutralize old template orange/yellow accents while keeping the logo pink. */
.f60,
.orange,
.red,
[style*="color:#ff5900"],
[style*="color: #ff5900"],
[style*="color:#ff6600"],
[style*="color: #ff6600"],
[style*="color:#f60"],
[style*="color: #f60"],
.diysbt .b1 span,
.diysbt .b2 span,
.indexbox1_gun .nr .bt,
.index_ser .one span,
.indexbox8 .diysbt span,
.index_news a:hover,
.index_ourcase_cs span,
.indexbox7_bt span,
.foot_link dt {
    color: var(--fy-blue) !important;
}

[style*="background:#ff5900"],
[style*="background: #ff5900"],
[style*="background:#ff6600"],
[style*="background: #ff6600"],
[style*="background:#f60"],
[style*="background: #f60"],
.index_wuxun li:hover,
.index_case_an a,
.index_case_an a.on,
.indexbox7_an a,
.indexbox7_an .lan,
.top_mess input[type="submit"],
.top_mess .submit,
.fdright_nav li a,
.fdright_nav li {
    background: var(--fy-grad) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 14px 34px rgba(18, 107, 255, .22) !important;
}

.indexbox1_gun .nr .yc a,
.index_case .pic_bg,
.index_case .pic_more,
.index_ourcase_right .fd,
.top_mess_left .s4 span,
.top_mess_left em,
.top_mess_left dt span,
.top_mess_left dd span,
.foot_topbj,
.foot_top {
    background: var(--fy-accent-grad) !important;
    color: #fff !important;
}

.indexbox1_gun li:hover,
.index_case li a:hover,
.index_news dd:hover,
.indexbox8_pic li:hover,
.top_mess_wp,
.top_mess_right {
    border-color: rgba(18, 107, 255, .22) !important;
    box-shadow: 0 22px 58px rgba(18, 107, 255, .14) !important;
}

@keyframes fyFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}

@keyframes fyScan {
    0%, 100% { opacity: .18; transform: scaleX(.78); }
    50% { opacity: .95; transform: scaleX(1); }
}

@keyframes fyGlow {
    0%, 100% { box-shadow: 0 0 0 rgba(0, 194, 255, 0); }
    50% { box-shadow: 0 0 32px rgba(0, 194, 255, .22); }
}

@media (max-width: 1180px) {
    .sdfy-footer-inner {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .sdfy-hero,
    .sdfy-about-hero {
        background:
            radial-gradient(circle at 80% 18%, rgba(0, 194, 255, .18), transparent 30%),
            linear-gradient(135deg, #f8fbff 0%, #fff 54%, #eef7ff 100%) !important;
    }

    .sdfy-hero h1,
    .sdfy-about-grid h1 {
        font-size: clamp(28px, 8vw, 36px) !important;
        line-height: 1.14 !important;
        max-width: calc(100vw - 34px) !important;
        overflow-wrap: anywhere !important;
        word-break: break-all !important;
    }

    .sdfy-about-grid h1 span,
    .sdfy-hero h1 span {
        display: inline !important;
        font-size: inherit !important;
    }

    .sdfy-hero p,
    .sdfy-about-grid p,
    .sdfy-title p {
        font-size: 16px !important;
        line-height: 1.85 !important;
        overflow-wrap: anywhere !important;
    }

    .sdfy-about-grid,
    .sdfy-about-grid > *,
    .sdfy-hero-grid,
    .sdfy-hero-grid > * {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .page-geo .sdfy-service:nth-child(2n),
    .page-newmedia .sdfy-service:nth-child(2n),
    .page-video .sdfy-service:nth-child(2n),
    .page-overseas .sdfy-service:nth-child(2n) {
        transform: none;
    }

    .sdfy-hero-media:after {
        left: 18%;
        right: 18%;
        bottom: 12%;
    }

    .sdfy-site-footer {
        padding: 52px 0 86px;
    }

    .fullSlide .bd li a,
    .banner .bd li a,
    .index_ban .p li a,
    .website_ban {
        background-image: url("/wp-content/themes/moban0628/hero-corporate-blue-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-corporate-blue-mobile.svg") !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .sdfy-footer-inner {
        width: calc(100% - 32px);
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .sdfy-footer-bottom {
        width: calc(100% - 32px);
        margin-top: 30px;
    }
}
