(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([[548], {
    87915: function (e, t) {
        "use strict";
        t.Z = {
            src: "https://pc.meitudata.com/web-xiuxiu-offical/release/07d9b650d8/_next/static/media/favicon.88867287.ico",
            height: 64,
            width: 64
        }
    }, 60662: function (e, t) {
        "use strict";
        t.Z = {
            src: "https://pc.meitudata.com/web-xiuxiu-offical/release/07d9b650d8/_next/static/media/logo.d3e8a504.svg",
            height: 30,
            width: 134
        }
    }, 62662: function (e, t, i) {
        "use strict";
        var a = i(85893), n = i(46670), o = i(9698), l = i(8291), r = i(58636), s = i(44930), c = i(94149),
            d = i(12944), u = i(90422), m = i(64173), h = i(53687), f = i(32675);
        t.Z = (0, n.Pi)(function (e) {
            let {onClick: t, style: i, loginCallBack: n, hasAbCode: p} = e, g = (0, l.Kw)(e => e.isUserLoggedIn),
                _ = (0, l.WX)(e => e.user.updateVipVisible), w = (0, l.Kw)(e => e.user.userInfo),
                v = (0, l.Kw)(e => e.isPcPlatform), x = (0, r.H)();

            function b() {
                var e, i;
                if (t && t(), !g) {
                    (0, o.Mp)(n, {
                        clientConfigs: {abroad: "cn" === x.state.locale ? 0 : 1},
                        page: {name: ""},
                        language: (0, h.MF)(x.state.locale)
                    });
                    return
                }
                if (v) {
                    let a = {
                        first_source: (null === (e = (0, u.FZ)()) || void 0 === e ? void 0 : e.moduleId) || "",
                        source: "topnav"
                    };
                    if (p && c.ZP.abCode) {
                        let l = (0, d.lq)();
                        a.ab_info = encodeURIComponent(JSON.stringify(l))
                    }
                    s.JT(a);
                    return
                }
                if ("cn" !== x.state.locale) {
                    let r = (null === (i = (0, u.FZ)()) || void 0 === i ? void 0 : i.moduleId) || "";
                    (0, m.m)({
                        lang: (0, h.Vp)(x.state.locale),
                        locale: x.state.locale,
                        customParams: {
                            entrance: "topnav",
                            source: r,
                            module_id: r,
                            matrix_channel: c.ZP.matrixChannel,
                            callback_origin: window.location.origin,
                            app_key: c.ZP.appKey,
                            client_id: c.ZP.clientID
                        }
                    }).create()
                } else _({visible: !0, openType: "topnav"}), document.body.style.overflowY = "hidden"
            }

            return w.vipInfo && w.vipInfo.is_vip && "cn" === x.state.locale ? null : (0, a.jsx)("div", {
                style: {
                    marginRight: "16px",
                    cursor: "pointer", ...i
                },
                children: "cn" === x.state.locale ? (0, a.jsx)(f.Z, {handleClick: b}) : (0, a.jsx)("div", {
                    onClick() {
                        b()
                    },
                    children: (0, a.jsx)("img", {
                        src: {
                            tw: "https://titan-img.meitudata.com/xiuxiu/official/web-xiuxiu-official/cutout/image/twPurchaseQuantity.gif",
                            en: "https://titan-img.meitudata.com/xiuxiu/official/web-xiuxiu-official/cutout/image/enPurchaseQuantity.gif",
                            jp: "https://titan-img.meitudata.com/xiuxiu/official/web-xiuxiu-official/cutout/image/jpPurchaseQuantity.gif",
                            kr: "https://titan-img.meitudata.com/xiuxiu/official/web-xiuxiu-official/cutout/image/krPurchaseQuantity.gif"
                        }[x.state.locale],
                        alt: "",
                        style: {display: "block", height: "32px", width: "auto", borderRadius: "8px"}
                    })
                })
            })
        })
    }, 59627: function (e, t, i) {
        "use strict";
        var a = i(85893);
        i(67294);
        var n = i(45332), o = i(66935);
        let l = e => {
            let {to: t, className: i, children: l, rel: r, beforeNavigate: s, title: c} = e, d = e => {
                e.preventDefault(), e.stopPropagation(), s && s(e), (0, n.L$)(t)
            };
            return (0, a.jsx)("span", {
                className: i || "",
                onClick: d,
                children: (0, a.jsx)("a", {
                    href: t.pathname ? (0, o.As)("", (0, o.h6)(t.pathname), t.query) : (0, o.As)(t.host || "", t.url, t.query),
                    rel: r,
                    title: c,
                    children: l
                })
            })
        };
        t.Z = l
    }, 73920: function (e, t, i) {
        "use strict";
        var a = i(85893), n = i(93967), o = i.n(n);
        i(67294);
        let l = function (e) {
            let {name: t, color: i, onClick: n, fontSize: l, className: r = ""} = e;
            return (0, a.jsx)("div", {
                className: "icon-lagecy",
                children: (0, a.jsx)("span", {
                    style: {
                        color: i,
                        width: "".concat(l, "px"),
                        height: "".concat(l, "px"),
                        display: "block",
                        fontSize: "".concat(l, "px")
                    }, onClick(e) {
                        n && n(e)
                    }, className: o()("iconfont", "icon-".concat(t), r)
                })
            })
        };
        t.Z = l
    }, 59675: function (e, t, i) {
        "use strict";
        var a = i(85893), n = i(4298), o = i.n(n);
        let l = e => {
            let {children: t, id: i = Math.random().toString(36).slice(2), ...n} = e;
            return (0, a.jsx)(o(), {
                id: i, ...n,
                dangerouslySetInnerHTML: {__html: t ? "(".concat(t.toString(), ")();") : ""}
            })
        };
        t.Z = l
    }, 43921: function (e, t, i) {
        "use strict";
        i.d(t, {
            $: function () {
                return p
            }, U: function () {
                return a
            }
        });
        var a, n = i(45332), o = i(83332), l = i(67294), r = i(53731), s = i(92539), c = i(8291), d = i(23172),
            u = i(24715), m = i(1051), h = i(9698), f = i(58636);
        (a || (a = {})).loginStateChanged = "loginStateChanged";
        let p = () => {
            let [e, t] = (0, l.useState)(!1), [i, p] = (0, l.useState)({actionType: null, value: ""}),
                g = (0, c.WX)(e => e.theme.updateCurTheme), _ = (0, f.H)();
            return (0, l.useEffect)(() => {
                (0, n.fP)() && t(!0)
            }, []), (0, l.useEffect)(() => {
                if ((0, n.fP)() && !(0, u.GK)()) {
                    let e = () => {
                        new o.QWebChannel(window.qt.webChannelTransport, function (e) {
                            var t;
                            let i = e.objects.qtObject;
                            window.qtObject = i, i.isWebStartup("true"), i.loginStateChanged.connect(function () {
                                p({
                                    actionType: a.loginStateChanged,
                                    value: new Date().getTime()
                                }), (0, h.bG)(_.state.locale)
                            }), i.changeTheme.connect(function () {
                                let e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "dark";
                                "dark" === e ? g(d.S.dark) : g(d.S.white)
                            }), i.getVersion(e => {
                                e && (0, r.ZP)("1.5.1.0", e) > 0 && s.Z.confirm({
                                    title: "温馨提示",
                                    content: "当前功能已升级，为了您更好的功能体验，请到官网下载最新版本使用~ 官网地址：https://pc.meitu.com",
                                    centered: !0,
                                    closable: !1,
                                    maskClosable: !1
                                })
                            }), null === (t = window.mtstat) || void 0 === t || t.setCommonParams({operate_source: m.getPlatform() || -1 !== navigator.userAgent.toLowerCase().indexOf("mtxx-mac") || /(macintosh)|(mac os x)/.test(navigator.userAgent.toLowerCase()) ? "macos" : "windows"})
                        })
                    };
                    window.qt && window.qt.webChannelTransport ? e() : setTimeout(e, 500)
                } else (0, u.GK)() && (window.safari = {
                    changeTheme: function () {
                        let e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "dark";
                        "dark" === e ? g(d.S.dark) : g(d.S.white)
                    }, loginStateChanged: function () {
                        p({actionType: a.loginStateChanged, value: new Date().getTime()}), (0, h.bG)(_.state.locale)
                    }
                })
            }, []), {isPCPlatform: e, qtAction: i}
        }
    }, 50926: function (e, t, i) {
        "use strict";
        var a = i(85893), n = i(67294), o = i(1880), l = i(9008), r = i.n(l), s = i(59675), c = i(87915), d = i(27991),
            u = i(24715);
        let m = () => {
            let [e, t] = (0, n.useState)();
            return (0, n.useEffect)(() => {
                t((0, u.cc)())
            }, []), (0, a.jsxs)(a.Fragment, {
                children: [(0, a.jsxs)(r(), {
                    children: [(0, a.jsx)("meta", {
                        name: "renderer",
                        content: "webkit"
                    }), (0, a.jsx)("meta", {
                        httpEquiv: "X-UA-Compatible",
                        content: "IE=edge,chrome=1"
                    }), (0, a.jsx)("meta", {
                        name: "viewport",
                        content: "width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
                    }), (0, a.jsx)("meta", {
                        name: "baidu-site-verification",
                        content: "code-vzJ7mn66xE"
                    }), (0, a.jsx)("meta", {
                        name: "referrer",
                        content: "no-referrer-when-downgrade"
                    }), (0, a.jsx)("link", {
                        rel: "icon",
                        type: "image/x-icon",
                        href: c.Z.src
                    }), (0, a.jsx)("link", {
                        rel: "apple-touch-icon-precomposed",
                        href: c.Z.src
                    }), (0, a.jsx)("link", {
                        rel: "preconnect",
                        href: o.Vo,
                        crossOrigin: "true"
                    }), (0, a.jsx)("link", {rel: "dns-prefetch", href: o.Vo}), (0, a.jsx)("link", {
                        rel: "dns-prefetch",
                        href: o.tU
                    }), (0, a.jsx)("link", {rel: "dns-prefetch", href: o.DY}), (0, a.jsx)("script", {
                        defer: !0,
                        src: "//titan-h5.meitu.com/xiuxiu-pc/web-xiuxiu-offical/js/amfe-flexible.min.js"
                    })]
                }), "MTXX-WEB" === e ? (0, a.jsx)(s.Z, {
                    id: "init-hmt",
                    children: d.ZP
                }) : e ? (0, a.jsx)(s.Z, {id: "init-hmt", children: d.FF}) : null]
            })
        };
        t.Z = m
    }, 50548: function (e, t, i) {
        "use strict";
        i.d(t, {
            Z: function () {
                return V
            }
        });
        var a = i(85893), n = i(67294), o = i(46670), l = i(50926), r = i(23493), s = i.n(r);
        let c = function (e) {
            let {top: t = 60, loadFn: i, delay: a = 200} = e, o = (0, n.useRef)(s()(e => {
                let i = document.documentElement.scrollTop;
                e(!(i >= t))
            }, a));
            (0, n.useEffect)(() => {
                window.addEventListener("scroll", () => {
                    o.current(i)
                })
            }, [i])
        };
        var d = i(8291), u = i(60662), m = {
            src: "https://pc.meitudata.com/web-xiuxiu-offical/release/07d9b650d8/_next/static/media/darkThemeLogo.79c2c705.svg",
            height: 30,
            width: 134
        }, h = i(64106), f = i.n(h), p = i(93967), g = i.n(p), _ = i(45332), w = i(59627), v = {
            src: "https://pc.meitudata.com/web-xiuxiu-offical/release/07d9b650d8/_next/static/media/download.b8c9974a.svg",
            height: 36,
            width: 103
        }, x = i(87345);
        i(3751);
        var b = i(62662), k = i(9698), y = i(43921), j = i(1051);
        let P = () => {
            var e, t, i, o, l, r;
            let s = (0, d.Kw)(e => e.user.userInfo), h = (0, d.Kw)(e => e.link.isHomePage),
                p = (0, d.Kw)(e => e.link.isPcPage), P = (0, d.Kw)(e => e.isStoreInitialized),
                C = (0, d.WX)(e => e.user.updateVipVisible), [I, N] = (0, n.useState)(""), [S, Z] = (0, n.useState)(!1), [E, T] = (0, n.useState)(!1),
                M = (0, n.useRef)(0), {isPCPlatform: L} = (0, y.$)(), B = e => {
                    if ("/id-photos" === window.location.pathname && S !== e && Z(e), h && E === e) {
                        T(!e);
                        return
                    }
                    if (p) {
                        window.scrollY >= M.current ? T(!0) : T(!1);
                        return
                    }
                };
            c({loadFn: B});
            let A = (e, t) => {
                let i = "", a = window.location.pathname;
                "/" === a && (i = "home"), "/download" === a && (i = "download"), window._stat_track("home_tab_click", {
                    class: e,
                    source: i,
                    location: t - 2
                })
            }, K = () => {
                (0, _.L$)({url: window.location.origin})
            }, W = async () => {
                if (window._stat_track("web_account_click", {class: "loginup"}), L) {
                    j.relogin(0), (0, _.yJ)();
                    return
                }
                (0, k.Mp)()
            }, D = () => {
                if (window._stat_track("web_account_click", {class: "open"}), L) {
                    j.account();
                    return
                }
                console.log(">>>> inin"), C({visible: !0})
            }, V = () => {
                window._stat_track("web_account_click", {class: "center"})
            };
            (0, n.useEffect)(() => {
                N((0, k.zy)());
                let e = document.getElementById("cardsWrap");
                M.current = (null == e ? void 0 : e.offsetTop) || 0
            }, []);
            let H = {
                id: (null === (e = s.userInfo) || void 0 === e ? void 0 : e.id) || 0,
                screen_name: (null === (t = s.userInfo) || void 0 === t ? void 0 : t.screen_name) || "",
                avatar: (null === (i = s.userInfo) || void 0 === i ? void 0 : i.avatar) || "",
                is_vip: (null === (o = s.vipInfo) || void 0 === o ? void 0 : o.is_vip) || !1,
                vip_end_time: (null === (l = s.vipInfo) || void 0 === l ? void 0 : l.vip_end_time) || 0,
                vip_days: (null === (r = s.vipInfo) || void 0 === r ? void 0 : r.vip_days) || 0
            };
            return (0, a.jsx)("header", {
                className: f().container, children: (0, a.jsx)("div", {
                    id: "headerCommonModule",
                    className: g()(f().headerCommonModule, [{
                        [f().isIdPhotosHeaderModule]: S,
                        [f().headerModule]: !S,
                        [f().homeHeaderModule]: h,
                        [f().whiteWrap]: E && h,
                        [f().headerDarkModule]: p && !E,
                        [f().filter]: p && E
                    }]),
                    children: (0, a.jsxs)("div", {
                        className: f().inner,
                        children: [(0, a.jsx)("div", {
                            className: f().menu,
                            children: (0, a.jsxs)("div", {
                                className: f().logo,
                                children: [(0, a.jsx)("div", {
                                    className: f().logoImg,
                                    onClick: () => K(),
                                    children: (0, a.jsx)(w.Z, {
                                        className: f().logoAlink,
                                        rel: "noreferrer",
                                        to: {url: "/", target: "_self"},
                                        children: h || p ? (0, a.jsx)("img", {
                                            src: E ? u.Z.src : m.src,
                                            alt: "美图秀秀"
                                        }) : (0, a.jsx)("img", {src: u.Z.src, alt: "美图秀秀"})
                                    })
                                }), (0, a.jsx)("div", {
                                    className: f().tooltip,
                                    children: "拖动LOGO到书签栏，收藏美图秀秀打开更便捷～"
                                })]
                            })
                        }), (0, a.jsxs)("div", {
                            className: f().innerRight,
                            children: [P ? (0, a.jsx)(b.Z, {style: {marginRight: "24px"}}) : null, (0, a.jsx)(w.Z, {
                                className: f().downLoadItem,
                                to: {url: "/download", host: "官网", target: "_blank"},
                                beforeNavigate: () => A("download", 4),
                                children: (0, a.jsx)("img", {src: v.src, alt: ""})
                            }), (0, a.jsx)("div", {
                                className: f().userInfoWrapper,
                                children: (0, a.jsx)(x.Z, {
                                    userInfo: H,
                                    callback: I,
                                    onLogin: W,
                                    onLogout: k.QK,
                                    onJump2Center: V,
                                    onOpenVipModal: D
                                })
                            })]
                        })]
                    })
                })
            })
        };
        var C = i(1880), I = i(66935);
        let N = {
            tel: "400-0093-360",
            qq: "800019025",
            title: "在线咨询",
            manualOnline: "9:00-21:00",
            desc: "其它时间欢迎留言，客服在线时回复。",
            copyright: ' meitu. 厦门美图网科技有限公司 | 厦门美图之家科技有限公司 All Rights Reserved.<br/><a target="_blank" href="https://public.static.meitudata.com/meitu/business-license/meituwang/Meitu-business-license--20221216.pdf">营业执照</a>, <a target="_blank" href="https://public.static.meitudata.com/meitu/business-license/meituwang/ICP-EDI-2019-2024.pdf">经营许可证</a>, <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35020302000186">闽公网安备 35020302000186号</a>, <a target="_blank" href="https://beian.miit.gov.cn">闽B2-20040192</a>, <a target="_blank" href="https://public.static.meitudata.com/meitu/business-license/meituwang/network-culture-2021-2024.pdf">闽网文(2021)3392-058号</a>,<a target="_blank" href="https://beian.cac.gov.cn/#/index">网信算备 350203814951001230023号</a>, 违法和不良信息举报电话：400-990-9696, 网络文化经营',
            cols: [{
                title: "功能",
                key: "func",
                region: "bottom_function",
                list: [{title: "图片编辑", url: (0, I.As)("设计室", "/editor/", {from: "all"})}, {
                    title: "海报设计",
                    url: (0, I.As)("设计室", "/", {from: "all"})
                }, {title: "抠图", url: (0, I.As)("抠图", "/", {from: "all"})}, {
                    title: "拼图",
                    url: (0, I.As)("设计室", "/puzzle/", {from: "all"})
                }, {title: "证件照", url: (0, I.As)("设计室", "/certified", {from: "all"})}, {
                    title: "工具箱",
                    url: (0, I.As)("设计室", "/tools/", {from: "all"})
                }]
            }, {
                title: "公司",
                key: "company",
                region: "company",
                list: [{title: "关于我们", url: "https://www.meitu.com/"}, {
                    title: "加入我们",
                    url: "https://hr.meitu.com"
                }, {
                    title: "用户协议",
                    url: "https://pro.meitu.com/posterlabs/rules/global/service-web.html",
                    isTrack: !0,
                    trackEvent: "mfsm_enter"
                }, {title: "隐私政策", url: (0, I.As)("官网", "/legal-agreement")}]
            }, {
                title: "友情链接",
                key: "link",
                region: "link",
                list: [{title: "美图秀秀电脑版", url: (0, I.As)("官网", "/pc")}, {
                    title: "下载中心",
                    url: (0, I.As)("官网", "/download")
                }, {
                    title: "美图看看",
                    url: "https://kankan.dl.meitu.com/V2/1125/KanKan_kk360Setup.exe"
                }, {title: "供稿中心", url: "".concat(C.Z_, "/materials#/Entrance")}, {
                    title: "文章中心",
                    url: (0, I.As)("设计室", "/articles")
                }, {title: "美图云修", url: "https://yunxiu.meitu.com/home?channel=pcxiuxiu"}, {
                    title: "WinkStudio",
                    url: "https://wink.meitu.com/"
                }, {title: "开拍", url: "https://kaipai.meitu.com"}, {
                    title: "美图学院",
                    url: "https://pc.meitu.com/school-post"
                }, {title: "开放平台", url: "https://pc.meitu.com/open"}]
            }]
        };
        var S = {
            src: "https://pc.meitudata.com/web-xiuxiu-offical/release/07d9b650d8/_next/static/media/footer-logo.d04126fc.svg",
            height: 48,
            width: 207
        }, Z = {
            src: "https://pc.meitudata.com/web-xiuxiu-offical/release/07d9b650d8/_next/static/media/qr-code.0d1df46b.svg",
            height: 80,
            width: 80
        }, E = i(64413), T = i.n(E);
        let M = () => {
            let [e, t] = (0, n.useState)(!1);
            (0, n.useEffect)(() => {
                let e = window.location.pathname;
                "/id-photos" === e && t(!0)
            }, []);
            let i = (e, t, i) => {
                if (window._stat_track("bottom_nav_click", {
                    region: i,
                    class: "mtxx_web",
                    value: e.title
                }), e.isTrack && window._stat_track(e.trackEvent), "func" !== t) {
                    (0, _.L$)({url: e.url, target: "_blank"});
                    return
                }
                if ((null == e ? void 0 : e.type) === "edit") return (0, _.L$)({
                    url: "/image/edit?from=all",
                    useCheckJump: !0,
                    target: "_blank"
                });
                (0, _.L$)({url: e.url, useCheckJump: !0})
            };
            return (0, a.jsx)("footer", {
                className: g()([{[T().isIdPhotosContainer]: e}], T().container),
                id: "footerContainer",
                children: (0, a.jsxs)("div", {
                    className: T().inner,
                    children: [(0, a.jsxs)("div", {
                        className: T().info,
                        children: [(0, a.jsxs)("div", {
                            className: T().col,
                            children: [(0, a.jsx)("img", {
                                className: T().footerLogo,
                                src: S.src,
                                alt: "美图秀秀"
                            }), (0, a.jsx)("div", {
                                className: T().serviceInfo,
                                children: (0, a.jsx)("img", {className: T().qrcode, src: Z.src, alt: ""})
                            })]
                        }), N.cols.map((e, t) => (0, a.jsxs)("div", {
                            className: T().col,
                            children: [(0, a.jsx)("div", {
                                className: T().colTitle,
                                children: e.title
                            }), (0, a.jsx)("div", {
                                className: T().colContent,
                                children: e.list.map((t, n) => (0, a.jsx)("a", {
                                    className: T().link,
                                    href: t.url,
                                    target: "_blank",
                                    rel: "noreferrer",
                                    onClick(a) {
                                        a.preventDefault(), i(t, e.key, e.region)
                                    },
                                    children: t.title
                                }, "link_".concat(n)))
                            })]
                        }, "col_".concat(t)))]
                    }), (0, a.jsx)("div", {
                        className: T().copyright,
                        dangerouslySetInnerHTML: {__html: "\xa9 ".concat(new Date().getFullYear()).concat(N.copyright)}
                    })]
                })
            })
        };
        var L = i(94387), B = i.n(L), A = i(5152), K = i.n(A), W = i(81115);
        let D = e => {
            let t = (0, d.Kw)(e => e.link.isHomePage),
                o = (0, d.Kw)(e => e.user.vipVisible), [r, s] = (0, n.useState)(!1),
                c = (0, d.Kw)(e => e.layout.topOperatingVisible),
                u = K()(() => Promise.all([i.e(4751), i.e(8598)]).then(i.bind(i, 4751)), {
                    loadableGenerated: {webpack: () => [4751]},
                    ssr: !1
                });
            return (0, n.useEffect)(() => {
                let e = window.location.pathname;
                "/id-photos" === e && s(!0)
            }, []), (0, a.jsxs)("div", {
                className: g()(B().page, [{[B().homePage]: t}, {[B().maxPage]: c}, {[B().minPage]: !c}, {[B().isIdPhotosPage]: r}]),
                children: [(0, a.jsx)(l.Z, {}), (0, a.jsx)(P, {}), (0, a.jsx)("main", {
                    style: e.mainStyle,
                    children: e.children
                }), (0, a.jsx)(M, {}), (0, a.jsx)(u, {
                    projectName: "首页",
                    isShowCommunity: !1,
                    isShowGoTop: !0,
                    onGoTopClick() {
                        window._stat_track("home_lateral_click", {class: "back_top"})
                    }
                }), o ? (0, a.jsx)(W.Z, {onClose: k.bG}) : null]
            })
        };
        var V = (0, o.Pi)(D)
    }, 81115: function (e, t, i) {
        "use strict";
        var a = i(85893), n = i(67294), o = i(73920), l = i(8291), r = i(90422), s = i(12944), c = i(81786), d = i.n(c),
            u = i(94149), m = i(67113);
        let h = e => {
            let {onClose: t} = e, [i, c] = (0, n.useState)(""), h = (0, l.Kw)(e => e.user.vipOpenType),
                f = (0, l.WX)(e => e.user.updateVipVisible), p = () => {
                    f({visible: !1}), t && t()
                };
            return (0, n.useEffect)(() => {
                var e;
                let t = (null === (e = (0, r.FZ)()) || void 0 === e ? void 0 : e.moduleId) || "",
                    i = "&entrance=".concat(h, "&module_id=").concat(t);
                /(pc\.meitu\.com)|(localhost)/.test(window.location.host) ? i += "&source=".concat({"/": "home"}[window.location.pathname] || "") : i += "&app_key=".concat(u.ZP.appKey, "&client_id=").concat(u.ZP.clientID, "&callback_origin=").concat(window.location.origin, "&source=").concat(t, "&matrix_channel=").concat(u.ZP.matrixChannel), u.ZP.abCode && (i += "ab_info=".concat(encodeURIComponent(JSON.stringify((0, s.lq)()))));
                let a = (0, m.Ov)(i);
                c(a)
            }, []), (0, n.useEffect)(() => {
                let e = e => {
                    let t = e.data || e.originalEvent && e.originalEvent.data;
                    "string" == typeof t && /^[\[\{]/.test(t) && (t = JSON.parse(t)), t && "closeVipSubscribeDialog" === t.action && (t.data && t.data.needLogin && p(), t.data && t.data.success && p())
                };
                return window.addEventListener("message", e, !1), () => {
                    window.removeEventListener("message", e, !1)
                }
            }, []), (0, a.jsx)("div", {
                className: d().dialog,
                children: (0, a.jsxs)("div", {
                    className: d().dialogBody,
                    children: [(0, a.jsx)(o.Z, {
                        className: d().dialogClose,
                        name: "crossFill",
                        color: "#808080",
                        onClick: p
                    }), (0, a.jsx)("iframe", {className: d().iframe, src: i, style: {width: "100%", height: "100%"}})]
                })
            })
        };
        t.Z = h
    }, 12944: function (e, t, i) {
        "use strict";
        i.d(t, {
            iA: function () {
                return l
            }, lq: function () {
                return r
            }
        });
        var a = i(56178);
        let n = {}, o = null, l = async () => {
            var e;
            await (o = new a.hh({
                appKey: "11CB34B59399E101",
                env: "release"
            })).init(), n = o.getABInfo(), null === (e = window.mtstat) || void 0 === e || e.setABInfo(n)
        }, r = () => n
    }, 27991: function (e, t, i) {
        "use strict";
        i.d(t, {
            FF: function () {
                return a
            }, X6: function () {
                return n
            }, cs: function () {
                return l
            }, l6: function () {
                return r
            }, u1: function () {
                return o
            }
        }), t.ZP = () => {
            var e, t, i, a = a || [];
            (t = document.createElement("script")).src = "https://hm.baidu.com/hm.js?cbbb38e7564bf602b18ac8a97b33def3", null === (e = (i = document.getElementsByTagName("script")[0]).parentNode) || void 0 === e || e.insertBefore(t, i)
        };
        let a = () => {
            var e, t, i, a = a || [];
            (t = document.createElement("script")).src = "https://hm.baidu.com/hm.js?955c848815268f6a2c2d2197cae110e3", null === (e = (i = document.getElementsByTagName("script")[0]).parentNode) || void 0 === e || e.insertBefore(t, i)
        }, n = () => {
            var e, t, i;
            (t = document.createElement("script")).src = "https://hm.baidu.com/hm.js?948a3e71e024991ef78897ecf6377e4e", null === (e = (i = document.getElementsByTagName("script")[0]).parentNode) || void 0 === e || e.insertBefore(t, i)
        }, o = () => {
            var e, t, i;
            (t = document.createElement("script")).src = "https://hm.baidu.com/hm.js?c0d83d5ee06d8646e9a79ad71c662b75", null === (e = (i = document.getElementsByTagName("script")[0]).parentNode) || void 0 === e || e.insertBefore(t, i)
        }, l = () => {
            var e, t, i;
            window.dataLayer = window.dataLayer || [], window.dataLayer.push({
                "gtm.start": new Date().getTime(),
                event: "gtm.js"
            }), t = document.createElement("script"), i = document.getElementsByTagName("script")[0], t.src = "https://www.googletagmanager.com/gtm.js?id=GTM-N52TFWGQ", t.async = !0, null === (e = i.parentNode) || void 0 === e || e.insertBefore(t, i)
        }, r = () => {
            var e, t;
            (e = document.createElement("noscript")).innerHTML = '<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N52TFWGQ" height="0" width="0" style="display:none;visibility:hidden"></iframe>', (t = document.getElementsByTagName("body")[0]).insertBefore(e, t.firstChild)
        }
    }, 44930: function (e, t, i) {
        "use strict";
        i.d(t, {
            JT: function () {
                return o
            }, S4: function () {
                return l
            }
        });
        var a = i(53731);

        function n() {
            return window.PCB
        }

        async function o(e) {
            let t = n(), i = await t.getVersion(), o = t.clientInfo.isPC, l = t.clientInfo.isMac;
            return l && 0 >= (0, a.ZP)("1.7.65", i) || o && 0 >= (0, a.ZP)("7.0.9.9", i) ? t.openSubscribeWithParams(e || {}) : t.openSubscribe()
        }

        async function l(e) {
            n().setHomeButton(e)
        }
    }, 64413: function (e) {
        e.exports = {
            container: "footer_container__U2TIL",
            isIdPhotosContainer: "footer_isIdPhotosContainer__YS2ua",
            inner: "footer_inner__CAz2F",
            info: "footer_info__ddoBM",
            footerLogo: "footer_footerLogo__8Kxbl",
            serviceInfo: "footer_serviceInfo__ivhhG",
            qrcode: "footer_qrcode__Q7Gg_",
            serviceDetail: "footer_serviceDetail__EjJQJ",
            onlineService: "footer_onlineService__TDuZT",
            onlineServiceBtn: "footer_onlineServiceBtn__VfSye",
            customerServiceImg: "footer_customerServiceImg__Py8t_",
            col: "footer_col__IM1St",
            colTitle: "footer_colTitle__Rao6H",
            colContent: "footer_colContent__sxGMZ",
            link: "footer_link__7naRh",
            copyright: "footer_copyright__No8VH"
        }
    }, 64106: function (e) {
        e.exports = {
            container: "header_container__agpsU",
            headerModule: "header_headerModule___iN8W",
            headerDarkModule: "header_headerDarkModule__RPy88",
            homeHeaderModule: "header_homeHeaderModule__d500L",
            whiteWrap: "header_whiteWrap__S5KWE",
            isIdPhotosHeaderModule: "header_isIdPhotosHeaderModule__tXm3p",
            headerCommonModule: "header_headerCommonModule__B6Ujx",
            inner: "header_inner__4w1DF",
            innerRight: "header_innerRight__bT_6E",
            menu: "header_menu__wLaHA",
            downLoadItem: "header_downLoadItem__waayn",
            logo: "header_logo__nZ4Uw",
            logoImg: "header_logoImg__XYW4i",
            logoAlink: "header_logoAlink__BZPZk",
            tooltip: "header_tooltip__HG2tj",
            filter: "header_filter__K778v"
        }
    }, 94387: function (e) {
        e.exports = {
            page: "layout_page__XjMQM",
            minPage: "layout_minPage__KAr75",
            maxPage: "layout_maxPage__mgg3o",
            isIdPhotosPage: "layout_isIdPhotosPage__VE60I",
            homePage: "layout_homePage__ES2__"
        }
    }, 81786: function (e) {
        e.exports = {
            dialog: "vip-modal_dialog__UPh2p",
            dialogBody: "vip-modal_dialogBody__71WlB",
            dialogClose: "vip-modal_dialogClose__u5D1j",
            dialogContent: "vip-modal_dialogContent__ZpLUf",
            iframe: "vip-modal_iframe__RZoob"
        }
    }
}]);