{"id":2,"date":"2026-05-15T09:32:31","date_gmt":"2026-05-15T09:32:31","guid":{"rendered":"https:\/\/imgedits.net\/?page_id=2"},"modified":"2026-05-27T18:28:56","modified_gmt":"2026-05-27T10:28:56","slug":"home","status":"publish","type":"page","link":"https:\/\/imgedits.net\/pl\/?page_id=168","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec338c7 e-flex e-con-boxed e-con e-parent\" data-id=\"ec338c7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;_ha_eqh_enable&quot;:false,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cb6e2e3 e-con-full e-flex e-con e-child\" data-id=\"cb6e2e3\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9dea6ec elementor-widget elementor-widget-html\" data-id=\"9dea6ec\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .imgedits-logo {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-family: 'Inter', sans-serif;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n  }\r\n  \r\n  \/* \u56fe\u6807\u5bb9\u5668\uff1a\u4f7f\u7528\u66f4\u9002\u5408\u6df1\u8272\u80cc\u666f\u7684\u660e\u4eae\u6e10\u53d8 *\/\r\n  .logo-icon {\r\n    width: 42px;\r\n    height: 42px;\r\n    background: linear-gradient(135deg, #FFB347, #FF6B6B);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 4px 15px rgba(255, 107, 107, 0.2);\r\n  }\r\n  \r\n  \/* \u56fe\u6807\u5185\u90e8\u5143\u7d20 *\/\r\n  .icon-square {\r\n    width: 18px;\r\n    height: 18px;\r\n    border: 2px solid white;\r\n    border-radius: 4px;\r\n    position: relative;\r\n  }\r\n  .icon-square::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: -5px;\r\n    right: -5px;\r\n    width: 6px;\r\n    height: 6px;\r\n    background: white;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  \/* \u6587\u5b57\u989c\u8272\uff1a\u9002\u914d #211a14 \u80cc\u666f *\/\r\n  .text-img { \r\n    font-size: 26px; \r\n    font-weight: 900; \r\n    color: #ffffff; \/* \u767d\u8272\u9ed1\u4f53\uff0c\u5728\u6df1\u8272\u80cc\u666f\u4e0a\u6781\u5176\u6e05\u6670 *\/\r\n    letter-spacing: -0.5px; \r\n  }\r\n  .text-edits { \r\n    font-size: 26px; \r\n    font-weight: 500; \r\n    color: #FFB347; \/* \u547c\u5e94\u56fe\u6807\u4eae\u90e8\u989c\u8272\u7684\u6696\u91d1\u8272 *\/\r\n  }\r\n<\/style>\r\n\r\n<a href=\"\/\" class=\"imgedits-logo\">\r\n  <div class=\"logo-icon\">\r\n    <div class=\"icon-square\"><\/div>\r\n  <\/div>\r\n  <div class=\"text-part\">\r\n    <span class=\"text-img\">Img<\/span><span class=\"text-edits\">Edits<\/span>\r\n  <\/div>\r\n<\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e23843f e-con-full e-flex e-con e-child\" data-id=\"e23843f\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31177b5 e-con-full e-flex e-con e-child\" data-id=\"31177b5\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8af1a70 elementor-widget elementor-widget-shortcode\" data-id=\"8af1a70\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"ai-user-container\"><button type=\"button\" class=\"ai-auth-btn\" onclick=\"openAiModal()\">Sign In \/ Register<\/button><button type=\"button\" class=\"ai-mobile-trigger\" onclick=\"openAiModal()\" aria-label=\"Sign In\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\/><\/svg>\n                  <\/button><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a4782c6 e-flex e-con-boxed e-con e-parent\" data-id=\"a4782c6\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b4b8ce elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5b4b8ce\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"rs-generator-wrapper\">\r\n    <div class=\"rs-banner-header\">\r\n        <h1 class=\"rs-banner-title\">Create stunning AI-generated images in seconds<\/h1>\r\n        <p class=\"rs-banner-subtitle\">\r\n            <span class=\"sparkle-icon\">\u2728<\/span> Unlimited Free Generations. No Login. Total Creative Freedom. <span class=\"sparkle-icon\">\u2728<\/span>\r\n        <\/p>\r\n        \r\n        <div class=\"rs-pill-group\">\r\n            <span class=\"rs-pill pill-orange\">100% Free<\/span>\r\n            <span class=\"rs-pill pill-green\">Powered by Nano Banana<\/span>\r\n            <span class=\"rs-pill pill-blue\">No Login Required<\/span>\r\n            <span class=\"rs-pill pill-purple\">Unlimited Generations<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"generator-container\" id=\"banana-generator-wrapper\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u6574\u4f53\u5e03\u5c40\u53ca\u5b57\u4f53\u4f18\u5316 *\/\r\n.rs-generator-wrapper {\r\n    width: 100% !important;\r\n    max-width: 1000px !important;\r\n    margin: 40px auto !important;\r\n    padding: 0 20px;\r\n    box-sizing: border-box;\r\n    \/* \u5b57\u4f53\u5df2\u6539\u4e3a Arial *\/\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n}\r\n\r\n.rs-banner-header {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n    animation: fadeIn 0.8s ease-out;\r\n}\r\n\r\n\/* \u6807\u9898\u6837\u5f0f\uff1a\u6e10\u53d8\u9ad8\u4eae *\/\r\n.rs-banner-title {\r\n    color: #ffffff;\r\n    font-size: 48px;\r\n    font-weight: 800;\r\n    margin: 0 0 16px 0;\r\n    letter-spacing: -1px;\r\n    background: linear-gradient(to right, #fff, #a3a3a3);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.rs-banner-subtitle {\r\n    color: #888;\r\n    font-size: 18px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\/* \u80f6\u56ca\u6807\u7b7e\uff1a\u73bb\u7483\u62df\u6001\u98ce\u683c *\/\r\n.rs-pill-group {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 12px;\r\n}\r\n\r\n.rs-pill {\r\n    font-size: 13px;\r\n    font-weight: 600; \/* \u7565\u5fae\u52a0\u7c97\u4ee5\u9002\u914d Arial *\/\r\n    padding: 6px 16px;\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    background: rgba(255, 255, 255, 0.03);\r\n    color: #e0e0e0;\r\n    backdrop-filter: blur(10px);\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    cursor: default;\r\n}\r\n\r\n\/* \u60ac\u505c\u65f6\u7684\u8272\u5f69\u547c\u5438\u6548\u679c *\/\r\n.pill-orange:hover { border-color: #bd5300; color: #ffb347; box-shadow: 0 0 15px rgba(189, 83, 0, 0.3); }\r\n.pill-green:hover  { border-color: #00875a; color: #00e699; box-shadow: 0 0 15px rgba(0, 135, 90, 0.3); }\r\n.pill-blue:hover   { border-color: #1d63ed; color: #4d94ff; box-shadow: 0 0 15px rgba(29, 99, 237, 0.3); }\r\n.pill-purple:hover { border-color: #7c22e5; color: #b873ff; box-shadow: 0 0 15px rgba(124, 34, 229, 0.3); }\r\n\r\n\/* \u5165\u573a\u52a8\u6548 *\/\r\n@keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(20px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* \u79fb\u52a8\u7aef\u9002\u914d *\/\r\n@media (max-width: 768px) {\r\n    .rs-banner-title { font-size: 32px; }\r\n    .rs-pill { font-size: 11px; padding: 4px 12px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a07eee2 elementor-widget elementor-widget-html\" data-id=\"a07eee2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"raph-ui-container\">\r\n    <div class=\"raph-solid-card main-panel\">\r\n        <div class=\"raph-input-group\">\r\n            <div class=\"raph-upload-box\" id=\"upload-trigger\">\r\n                <input type=\"file\" id=\"image-upload\" accept=\"image\/*\" hidden>\r\n                <div id=\"preview-box\" class=\"hidden\">\r\n                    <img decoding=\"async\" id=\"input-preview\" src=\"\">\r\n                    <span id=\"remove-img\">\u2715<\/span>\r\n                <\/div>\r\n                <div id=\"plus-icon\">+<\/div>\r\n            <\/div>\r\n            <textarea id=\"banana-prompt\" placeholder=\"Describe the image you want to generate...\"><\/textarea>\r\n        <\/div>\r\n\r\n        <div class=\"raph-options-bar\">\r\n            <div class=\"raph-dropdown\" id=\"ratio-dropdown\">\r\n                <div class=\"trigger\"><span id=\"selected-ratio-text\">1:1<\/span> <i class=\"arrow-down\"><\/i><\/div>\r\n                <div class=\"menu hidden\">\r\n                    <div class=\"item active\" data-value=\"1:1\">1:1<\/div>\r\n                    <div class=\"item\" data-value=\"16:9\">16:9<\/div>\r\n                    <div class=\"item\" data-value=\"9:16\">9:16<\/div>\r\n                    <div class=\"item\" data-value=\"21:9\">21:9<\/div>\r\n                    <div class=\"item\" data-value=\"3:2\">3:2<\/div>\r\n                    <div class=\"item\" data-value=\"2:3\">2:3<\/div>\r\n                    <div class=\"item\" data-value=\"4:3\">4:3<\/div>\r\n                    <div class=\"item\" data-value=\"3:4\">3:4<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"raph-dropdown\" id=\"style-dropdown\">\r\n                <div class=\"trigger\"><span id=\"selected-style-text\">No Style<\/span> <i class=\"arrow-down\"><\/i><\/div>\r\n                <div class=\"menu style-grid hidden\">\r\n                    <div class=\"item active\" data-value=\"none\" data-prompt=\"\">None<\/div>\r\n                    <div class=\"item\" data-value=\"anime\" data-prompt=\", anime style, vibrant colors, detailed line work, Japanese aesthetic\">Anime<\/div>\r\n                    <div class=\"item\" data-value=\"digital_art\" data-prompt=\", digital painting, highly detailed, sharp focus, trend on ArtStation\">Digital Art<\/div>\r\n                    <div class=\"item\" data-value=\"fantasy_art\" data-prompt=\", fantasy art, mythical atmosphere, epic composition, magical lighting\">Fantasy Art<\/div>\r\n                    <div class=\"item\" data-value=\"neon_punk\" data-prompt=\", neon punk style, cyber aesthetic, glowing neon lights, dark atmosphere, high contrast\">Neon Punk<\/div>\r\n                    <div class=\"item\" data-value=\"line_art\" data-prompt=\", line art style, black and white, minimal shading, clean lines, sketch aesthetic\">Line Art<\/div>\r\n                    <div class=\"item\" data-value=\"cinematic\" data-prompt=\", cinematic, film still, dramatic lighting, shallow depth of field, anamorphic, 35mm film\">Cinematic<\/div>\r\n                    <div class=\"item\" data-value=\"pixel_art\" data-prompt=\", pixel art, 8-bit aesthetic, retro gaming style, low resolution, detailed pixels\">Pixel Art<\/div>\r\n                    <div class=\"item\" data-value=\"enhance\" data-prompt=\", ultra-high resolution, sharp details, photorealistic, Unreal Engine 5 render, 8k\">Enhance<\/div>\r\n                    <div class=\"item\" data-value=\"photographic\" data-prompt=\", photorealistic, professional photography, National Geographic style, studio lighting, sharp\">Photographic<\/div>\r\n                    <div class=\"item\" data-value=\"comic_book\" data-prompt=\", comic book style, bold lines, cel shading, dynamic composition, ink illustration\">Comic Book<\/div>\r\n                    <div class=\"item\" data-value=\"origami\" data-prompt=\", origami art, folded paper style, paper texture, delicate, clean lines\">Origami<\/div>\r\n                    <div class=\"item\" data-value=\"craft_clay\" data-prompt=\", craft clay style, claymation aesthetic, soft shapes, sculpted texture, playful lighting\">Craft Clay<\/div>\r\n                    <div class=\"item\" data-value=\"3d_model\" data-prompt=\", 3D model render, ZBrush style, clean topology, studio lighting, detailed mesh\">3D Model<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"raph-dropdown\" id=\"color-dropdown\">\r\n                <div class=\"trigger\"><span id=\"selected-color-text\">No Color<\/span> <i class=\"arrow-down\"><\/i><\/div>\r\n                <div class=\"menu hidden\">\r\n                    <div class=\"item active\" data-value=\"none\" data-prompt=\"\">None<\/div>\r\n                    <div class=\"item\" data-value=\"warm\" data-prompt=\", warm tone lighting, sepia hints, cozy atmosphere, golden hour feel\">Warm Tone<\/div>\r\n                    <div class=\"item\" data-value=\"cool\" data-prompt=\", cool tone lighting, blue and green hues, cold atmosphere, twilight feel\">Cool Tone<\/div>\r\n                    <div class=\"item\" data-value=\"muted\" data-prompt=\", muted colors, desaturated, subtle palette, calm low-contrast\">Muted Colors<\/div>\r\n                    <div class=\"item\" data-value=\"vibrant\" data-prompt=\", vibrant colors, highly saturated, rich hues, popping color palette\">Vibrant Colors<\/div>\r\n                    <div class=\"item\" data-value=\"pastel\" data-prompt=\", pastel colors, soft hues, light and airy palette, gentle tones\">Pastel Colors<\/div>\r\n                    <div class=\"item\" data-value=\"bw\" data-prompt=\", black and white photography style, monochrome, grayscale, high contrast B&W\">Black And White<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"raph-dropdown\" id=\"lighting-dropdown\">\r\n                <div class=\"trigger\"><span id=\"selected-lighting-text\">Dramatic<\/span> <i class=\"arrow-down\"><\/i><\/div>\r\n                <div class=\"menu hidden\">\r\n                    <div class=\"item\" data-value=\"none\" data-prompt=\"\">None<\/div>\r\n                    <div class=\"item active\" data-value=\"dramatic\" data-prompt=\", dramatic lighting, high contrast, deep shadows, theatrical illumination\">Dramatic<\/div>\r\n                    <div class=\"item\" data-value=\"dimly_lit\" data-prompt=\", dimly lit, low ambient light, moody atmosphere, subtle visibility\">Dimly Lit<\/div>\r\n                    <div class=\"item\" data-value=\"studio\" data-prompt=\", studio lighting, professional setup, clean illumination, soft shadows\">Studio<\/div>\r\n                    <div class=\"item\" data-value=\"low_light\" data-prompt=\", low light environment, dark scene, high ISO feel, grainy texture\">Low Light<\/div>\r\n                    <div class=\"item\" data-value=\"golden_hour\" data-prompt=\", golden hour lighting, warm sunlight, soft glow, late afternoon feel\">Golden Hour<\/div>\r\n                    <div class=\"item\" data-value=\"backlight\" data-prompt=\", backlit composition, rim lighting effect, silhouette effect, glowing edges\">Backlight<\/div>\r\n                    <div class=\"item\" data-value=\"volumetric\" data-prompt=\", volumetric lighting, light shafts, crepuscular rays, visible dust particles\">Volumetric<\/div>\r\n                    <div class=\"item\" data-value=\"sunlight\" data-prompt=\", direct sunlight, harsh natural light, strong highlights, bright day feel\">Sunlight<\/div>\r\n                    <div class=\"item\" data-value=\"rim_lighting\" data-prompt=\", rim lighting effect, glowing edge light, high contrast composition, separation lighting\">Rim Lighting<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"raph-dropdown\" id=\"composition-dropdown\">\r\n                <div class=\"trigger\"><span id=\"selected-composition-text\">No Composition<\/span> <i class=\"arrow-down\"><\/i><\/div>\r\n                <div class=\"menu hidden\">\r\n                    <div class=\"item active\" data-value=\"none\" data-prompt=\"\">None<\/div>\r\n                    <div class=\"item\" data-value=\"blurry_background\" data-prompt=\", shallow depth of field, blurry background, bokeh effect, sharp subject\">Blurry Background<\/div>\r\n                    <div class=\"item\" data-value=\"close_up\" data-prompt=\", close-up shot, detailed view, tightly cropped, intimate framing\">Close Up<\/div>\r\n                    <div class=\"item\" data-value=\"wide_angle\" data-prompt=\", wide angle lens, expansive perspective, broad view, panoramic feel\">Wide Angle<\/div>\r\n                    <div class=\"item\" data-value=\"narrow_dof\" data-prompt=\", narrow depth of field, focused subject, significant blur, cinematic focus\">Narrow Depth Of Field<\/div>\r\n                    <div class=\"item\" data-value=\"shot_from_below\" data-prompt=\", low angle shot, worm's-eye view, shot from below, imposing perspective\">Shot From Below<\/div>\r\n                    <div class=\"item\" data-value=\"shot_from_above\" data-prompt=\", high angle shot, bird's-eye view, shot from above, aerial perspective\">Shot From Above<\/div>\r\n                    <div class=\"item\" data-value=\"macrophotography\" data-prompt=\", macrophotography style, extreme close-up, tiny details magnified, shallow focus\">Macrophotography<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"raph-action-bar\">\r\n        <div class=\"left-controls\">\r\n            <!-- \u5df2\u7ecf\u5e2e\u4f60\u5c06 Provider \u9009\u62e9\u5668\u5b8c\u5168\u79fb\u9664\uff0c\u53ea\u4fdd\u7559\u7cbe\u7b80\u6574\u6d01\u7684\u5355\u4e2a Model \u9009\u62e9\u5668 -->\r\n            <div class=\"raph-dropdown\" id=\"model-dropdown\">\r\n                <div class=\"trigger\">\r\n                    <div class=\"user-pill\">\r\n                        <div class=\"avatar model-nano-banana\"><\/div>\r\n                        <span id=\"selected-model-text\">Nano Banana 2<\/span>\r\n                        <i class=\"arrow-down\" style=\"font-size: 8px; margin-left: 5px;\">\u25bc<\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"menu hidden\">\r\n                    <!-- \u3010\u6838\u5fc3\u6539\u52a8\u3011\uff1a\u901a\u8fc7\u589e\u52a0 data-provider \u5c5e\u6027\uff0c\u76f4\u63a5\u628a\u5bf9\u5e94\u7684\u4f9b\u5e94\u5546\u5173\u7cfb\u786c\u7ed1\u5b9a\u5230\u6a21\u578b\u9879\u91cc -->\r\n\r\n                    <div class=\"item active\" data-value=\"gemini-2.5\" data-provider=\"openai\" data-points=\"5\" data-avatar=\"model-nano-banana\">\r\n                        <div class=\"avatar model-nano-banana\"><\/div>Imgedits Free\r\n                    <\/div>\r\n                    <div class=\"item\" data-value=\"gemini-3pro\" data-provider=\"openai\" data-points=\"30\" data-avatar=\"model-nano-banana-pro\">\r\n                        <div class=\"avatar model-nano-banana-pro\"><\/div>Nano Banana Pro\/2\r\n                    <\/div>\r\n                    <div class=\"item\" data-value=\"gemini3.1\" data-provider=\"openai\" data-points=\"20\" data-avatar=\"model-nano-banana-2\">\r\n                        <div class=\"avatar model-nano-banana-2\"><\/div>Google Gemini 3.1\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"toggle-group\">\r\n                <label class=\"switch\">\r\n                    <input type=\"checkbox\" id=\"fast-mode\">\r\n                    <span class=\"slider\"><\/span>\r\n                <\/label>\r\n                <span class=\"label-text\">Fast Mode<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"right-buttons\">\r\n            <button class=\"btn-plain\" id=\"clear-btn\">Clear<\/button>\r\n            <button class=\"btn-generate\" id=\"generate-btn\">\r\n                Generate Image <span id=\"points-display\"><svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"currentColor\" style=\"display:inline-block; vertical-align:-1px; margin-right:3px;\"><path d=\"M12 .587l3.668 7.431 8.2 1.192-5.934 5.787 1.4 8.168L12 18.896l-7.334 3.857 1.4-8.168L.132 9.21l8.2-1.192L12 .587z\"\/><\/svg>5<\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"result-display\" class=\"raph-solid-card result-panel hidden\">\r\n        <div class=\"dual-display-wrapper\">\r\n            <div class=\"display-column left-column\">\r\n                <span class=\"badge badge-original\">Original<\/span>\r\n                <div class=\"image-container-box\">\r\n                    <img decoding=\"async\" id=\"result-input-preview\" src=\"\" alt=\"Original Input\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"center-arrow\">\r\n                <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"currentColor\"><path d=\"M12 21l-1.41-1.41L16.17 14H4v-2h12.17l-5.58-5.59L12 5l8 8-8 8z\"\/><\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"display-column right-column\">\r\n                <span class=\"badge badge-edited\">Edited<\/span>\r\n                \r\n                <div id=\"loader-container\" class=\"loader-container\">\r\n                    <div class=\"spinner\"><\/div>\r\n                    <div id=\"loader-text\" class=\"status-msg\">Generating...<\/div>\r\n                    <div class=\"sub-status-msg\">Generating your image...<\/div>\r\n                    <div class=\"progress-bar-bg\">\r\n                        <div class=\"progress-bar-fill\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div id=\"output-container\" class=\"output-wrapper hidden\">\r\n                    <h3 class=\"output-title\" style=\"color: #ffffff !important; font-size: 18px; font-weight: 600; margin: 0 0 12px 0; text-align: center; letter-spacing: -0.3px; user-select: none;\">\r\n                    <\/h3>\r\n                    <img decoding=\"async\" id=\"output-image\" src=\"\" class=\"hidden\">\r\n                    <div class=\"download-container\">\r\n                        <a id=\"download-link\" class=\"download-tag hidden\" download=\"2.dealscont.png\">\r\n                            Download\u2193\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n:root {\r\n    --raph-bg: #1a140f;\r\n    --raph-card: #2d241e;\r\n    --raph-border: #4a3d35;\r\n    --raph-accent: #a67c66;\r\n    --raph-text: #ffffff;\r\n    --raph-dim: #b3a49b;\r\n    --raph-dropdown-bg: rgba(45, 36, 30, 0.98); \r\n    --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.raph-ui-container {\r\n    max-width: 1100px;\r\n    margin: 20px auto;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    color: var(--raph-text);\r\n    padding: 0 12px; \r\n    box-sizing: border-box;\r\n}\r\n\r\n.raph-solid-card {\r\n    background: var(--raph-card);\r\n    border: 1px solid var(--raph-border);\r\n    border-radius: 18px;\r\n    padding: 24px;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.6), 0 0 20px rgba(0,0,0,0.3); \r\n    box-sizing: border-box;\r\n}\r\n\r\n.raph-input-group { \r\n    display: flex; \r\n    gap: 20px; \r\n    margin-bottom: 20px;\r\n    background: rgba(0,0,0,0.15);\r\n    padding: 12px;\r\n    border-radius: 14px;\r\n}\r\n\r\n.raph-upload-box {\r\n    width: 80px; height: 100px;\r\n    background: var(--raph-dropdown-bg); border: 2px dashed var(--raph-border);\r\n    border-radius: 12px; display: flex; align-items: center; justify-content: center;\r\n    cursor: pointer; position: relative; flex-shrink: 0;\r\n}\r\n\r\n#preview-box, #input-preview { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }\r\n\r\n#remove-img {\r\n    position: absolute; top: -8px; right: -8px; \r\n    background: #3d3128 !important;\r\n    border: 1px solid var(--raph-border);\r\n    width: 20px; height: 20px; border-radius: 50%; font-size: 10px;\r\n    display: flex; align-items: center; justify-content: center; z-index: 10;\r\n    color: #fff;\r\n}\r\n\r\n#banana-prompt {\r\n    flex: 1; background: transparent; border: none; outline: none;\r\n    font-size: 16px; color: #fff; resize: none; height: 100px;\r\n    line-height: 1.5;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.raph-options-bar { \r\n    display: flex; \r\n    gap: 15px; \r\n    font-size: 13px; \r\n    color: var(--raph-dim); \r\n    align-items: center; \r\n    flex-wrap: wrap; \r\n}\r\n\r\n.raph-dropdown { position: relative; cursor: pointer; color: #fff; }\r\n.raph-dropdown .trigger { \r\n    display: flex; align-items: center; gap: 6px; white-space: nowrap; \r\n    padding: 4px 8px; border-radius: 6px;\r\n}\r\n.raph-dropdown .trigger:hover { color: #fff; opacity: 0.8; }\r\n\r\n.raph-dropdown .menu {\r\n    position: absolute; top: 100%; left: 0; margin-top: 10px;\r\n    background: var(--raph-dropdown-bg); border: 1px solid var(--raph-border);\r\n    border-radius: 12px; z-index: 100;\r\n    box-shadow: 0 15px 40px rgba(0,0,0,0.8); \r\n    backdrop-filter: blur(12px); \r\n    padding: 4px !important; \r\n}\r\n\r\n#model-dropdown .menu { top: auto; bottom: 100%; margin-bottom: 10px; }\r\n\r\n.raph-dropdown .item { \r\n    padding: 6px 12px !important; \r\n    margin: 2px 0 !important;    \r\n    font-size: 13px !important;   \r\n    border-radius: 8px; white-space: nowrap; \r\n    display: flex; align-items: center; gap: 10px; \r\n}\r\n.raph-dropdown .item:hover { background: rgba(255,255,255,0.05); }\r\n.raph-dropdown .item.active { background: rgba(166, 124, 102, 0.2); color: var(--raph-accent); }\r\n\r\n.raph-dropdown .menu.style-grid {\r\n    width: 340px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px !important; \r\n}\r\n\r\n.user-pill {\r\n    padding: 4px 10px !important;\r\n}\r\n.style-grid .item { white-space: normal; font-size: 12px; }\r\n\r\n.raph-action-bar { display: flex; justify-content: space-between; margin-top: 20px; align-items: center; }\r\n.left-controls { display: flex; align-items: center; gap: 12px; }\r\n.right-buttons { display: flex; align-items: center; }\r\n\r\n.user-pill { \r\n    background: var(--raph-dropdown-bg); padding: 6px 12px; border-radius: 20px; \r\n    display: flex; align-items: center; gap: 8px; font-size: 13px; \r\n    border: 1px solid var(--raph-border);\r\n}\r\n.user-pill:hover { opacity: 0.9; } \r\n\r\n.avatar { \r\n    width: 24px;          \r\n    height: 24px;         \r\n    border-radius: 50%;   \r\n    flex-shrink: 0;\r\n    background-size: cover;       \r\n    background-position: center;  \r\n    background-repeat: no-repeat;\r\n    display: inline-block;\r\n}\r\n\r\n.model-nano-banana { \r\n    background-image: url('https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_2_logo.png') !important;\r\n}     \r\n.model-nano-banana-pro { \r\n    background-image: url('https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_2_logo.png') !important;\r\n} \r\n.model-gpt-image{\r\n    background-image:url('https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_189_chatgpt_PNG5.png') !important\r\n}\r\n.model-nano-banana-2 { \r\n    background-image: url('https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/gemini_logo.png') !important;\r\n} \r\n\r\n\r\n\r\n\/* Generate Image \u6309\u94ae *\/\r\n.btn-generate {\r\n    background: var(--raph-accent) !important;\r\n    color: #ffffff !important;\r\n    border: none !important;\r\n    padding: 10px 24px;\r\n    border-radius: 12px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);\r\n    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), filter 0.2s ease;\r\n    outline: none !important;\r\n}\r\n\r\n\/* \u60ac\u505c\u6001\uff1a\u4fdd\u6301\u539f\u8272\uff0c\u901a\u8fc7\u8f7b\u5fae\u4eae\u5ea6\u589e\u52a0\u53cd\u9988 *\/\r\n.btn-generate:hover {\r\n    background: var(--raph-accent) !important;\r\n    color: #ffffff !important;\r\n    filter: brightness(1.1); \/* \u60ac\u505c\u65f6\u5fae\u4eae *\/\r\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;\r\n}\r\n\r\n\/* \u70b9\u51fb\u6001\uff1a\u4fdd\u6301\u539f\u8272\uff0c\u901a\u8fc7\u7f29\u653e\u548c\u6697\u5316\u4ea7\u751f\u6253\u51fb\u611f *\/\r\n.btn-generate:active {\r\n    background: var(--raph-accent) !important;\r\n    transform: scale(0.96) !important; \/* \u7f29\u653e\u5e45\u5ea6\u7a0d\u5fae\u52a0\u5927\u4e00\u70b9\uff0c\u624b\u611f\u66f4\u597d *\/\r\n    filter: brightness(0.9); \/* \u70b9\u51fb\u65f6\u5fae\u6697 *\/\r\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;\r\n}\r\n\r\n\/* Clear \u6309\u94ae *\/\r\n.btn-plain {\r\n    background: transparent !important;\r\n    border: none !important;\r\n    color: var(--raph-dim) !important;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    margin-right: 15px;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.btn-plain:hover {\r\n    color: #ffffff !important;\r\n}\r\n\r\n#clear-btn.btn-plain { \r\n    background: transparent !important; border: none !important; \r\n    color: var(--raph-dim) !important; cursor: pointer; font-size: 14px; \r\n    margin-right: 15px;\r\n}\r\n#clear-btn.btn-plain:hover { color: #fff !important; }\r\n\r\n.switch { position: relative; width: 34px; height: 18px; display: inline-block; vertical-align: middle; }\r\n.switch input { opacity: 0; width: 0; height: 0; }\r\n.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: #4a3d35; border-radius: 18px; transition: .3s; }\r\n.slider:before { position: absolute; content: \"\"; height: 14px; width: 14px; left: 2px; bottom: 2px; background: white; border-radius: 50%; transition: .3s; }\r\ninput:checked + .slider { background: var(--raph-accent); }\r\ninput:checked + .slider:before { transform: translateX(16px); }\r\n\r\n.result-panel { margin-top: 25px; text-align: center; background: rgba(0,0,0,0.3); }\r\n.status-msg { color: var(--raph-accent); margin-bottom: 15px; font-size: 14px; font-weight: 500; }\r\n#output-image { max-width: 100%; border-radius: 12px; box-shadow: 0 15px 40px rgba(0,0,0,0.7); }\r\n\/* 2. \u4e0b\u8f7d\u6309\u94ae *\/\r\n.download-tag {\r\n    display: inline-block; \r\n    margin-top: 15px; \r\n    padding: 12px 24px; \r\n    background: var(--raph-accent); \/* \u4f7f\u7528\u5168\u5c40\u5496\u8272\uff0c\u62d2\u7edd\u9ed8\u8ba4\u7ea2 *\/\r\n    color: #fff; \r\n    text-decoration: none; \r\n    border-radius: 25px; \r\n    font-weight: bold;\r\n    transition: transform 0.2s;\r\n}\r\n\/* \u5f3a\u5236\u8ba9\u4e0b\u8f7d\u6309\u94ae\u7684 hover \u548c active \u4fdd\u6301\u539f\u8272 *\/\r\n.download-tag:hover,\r\n.download-tag:active {\r\n    background: var(--raph-accent) !important;\r\n    color: #fff !important;\r\n    text-decoration: none !important;\r\n    filter: none !important;\r\n    outline: none !important;\r\n}\r\n\r\n.download-tag:active {\r\n    transform: scale(0.98); \/* \u4fdd\u6301\u6309\u4e0b\u7f29\u653e\u7684\u7edf\u4e00\u4f53\u9a8c *\/\r\n}\r\n.hidden { display: none !important; }\r\n\r\n.dual-display-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    width: 100%;\r\n}\r\n\r\n.display-column {\r\n    flex: 1;\r\n    background: rgba(0, 0, 0, 0.2);\r\n    border: 1px solid var(--raph-border);\r\n    border-radius: 14px;\r\n    min-height: 320px;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n}\r\n\r\n.image-container-box {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.image-container-box img {\r\n    max-width: 100%;\r\n    max-height: 280px;\r\n    border-radius: 8px;\r\n    object-fit: contain;\r\n}\r\n\r\n.badge {\r\n    position: absolute;\r\n    top: 12px;\r\n    left: 12px;\r\n    padding: 4px 10px;\r\n    font-size: 11px;\r\n    font-weight: bold;\r\n    border-radius: 6px;\r\n    text-transform: uppercase;\r\n    z-index: 10;\r\n}\r\n.badge-original { background: #3d1414; color: #ff6b6b; border: 1px solid #5a1f1f; }\r\n.badge-edited { background: #e67e22; color: #fff; }\r\n\r\n.center-arrow {\r\n    color: var(--raph-border);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.loader-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n}\r\n\r\n.spinner {\r\n    width: 36px;\r\n    height: 36px;\r\n    border: 3px solid rgba(255, 255, 255, 0.1);\r\n    border-top-color: var(--raph-accent);\r\n    border-radius: 50%;\r\n    animation: raphSpin 1s linear infinite;\r\n    margin-bottom: 15px;\r\n}\r\n@keyframes raphSpin {\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n.sub-status-msg {\r\n    font-size: 12px;\r\n    color: var(--raph-dim);\r\n    margin-top: 4px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.progress-bar-bg {\r\n    width: 140px;\r\n    height: 4px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border-radius: 2px;\r\n    overflow: hidden;\r\n    margin-bottom: 20px;\r\n}\r\n.progress-bar-fill {\r\n    width: 35%; \r\n    height: 100%;\r\n    background: var(--raph-accent);\r\n    border-radius: 2px;\r\n}\r\n\r\n.btn-fast-ad {\r\n    background: #b8876e;\r\n    color: #fff;\r\n    border: none;\r\n    padding: 8px 18px;\r\n    border-radius: 8px;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n}\r\n.btn-fast-ad:hover { opacity: 0.9; }\r\n\r\n@media (max-width: 768px) {\r\n    .dual-display-wrapper { flex-direction: column; }\r\n    .center-arrow { transform: rotate(90deg); margin: 5px 0; }\r\n    .display-column { width: 100%; min-height: 240px; }\r\n}\r\n@media (max-width: 768px) {\r\n    .raph-solid-card { padding: 16px; }\r\n    .raph-input-group { flex-direction: column; gap: 12px; }\r\n    .raph-upload-box { width: 100%; height: 64px; }\r\n    #banana-prompt { height: 120px; }\r\n    .raph-options-bar { gap: 10px; }\r\n    \r\n    .raph-dropdown {\r\n        flex: 1 1 calc(50% - 10px); \r\n        min-width: 120px;\r\n    }\r\n    \r\n    .raph-dropdown .trigger {\r\n        background: rgba(255, 255, 255, 0.03); \r\n        padding: 8px 12px;\r\n        border-radius: 8px;\r\n        border: 1px solid var(--raph-border);\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .raph-dropdown .menu.style-grid {\r\n        display: flex;\r\n        flex-direction: column;    \r\n        width: 220px;              \r\n        max-height: 280px;         \r\n        overflow-y: auto;          \r\n        left: auto;                \r\n        right: 0;                  \r\n    }\r\n\r\n    .style-grid .item {\r\n        white-space: nowrap !important; \r\n        font-size: 13px !important;\r\n        padding: 8px 12px !important;\r\n    }\r\n\r\n    .raph-action-bar {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 16px;\r\n    }\r\n    \r\n    .left-controls {\r\n        flex-wrap: wrap;\r\n        justify-content: flex-start;\r\n        gap: 10px;\r\n        width: 100%;\r\n    }\r\n    \r\n    .right-buttons {\r\n        display: flex;\r\n        gap: 10px;\r\n        width: 100%;\r\n    }\r\n    \r\n    #clear-btn.btn-plain {\r\n        flex: 1;\r\n        text-align: center;\r\n        margin-right: 0;\r\n        padding: 12px 0;\r\n        background: rgba(255,255,255,0.05) !important; \r\n        border-radius: 12px;\r\n    }\r\n    \r\n    .btn-generate {\r\n        flex: 2; \r\n        padding: 12px 16px;\r\n        text-align: center;\r\n        font-size: 14px; \r\n    }\r\n    \r\n    #model-dropdown .menu {\r\n        bottom: 100%;\r\n        left: 0;\r\n        right: auto; \r\n    }\r\n    \r\n}\r\n\/* \u57fa\u7840\u72b6\u6001 *\/\r\n.raph-upload-box {\r\n    width: 80px; height: 100px;\r\n    background: var(--raph-dropdown-bg); \r\n    border: 2px dashed var(--raph-border);\r\n    border-radius: 12px; \r\n    transition: all 0.3s ease; \/* \u5173\u952e\uff1a\u5e73\u6ed1\u8fc7\u6e21 *\/\r\n    display: flex; align-items: center; justify-content: center;\r\n    cursor: pointer; position: relative; flex-shrink: 0;\r\n}\r\n\r\n\/* \u62d6\u62fd\u8fdb\u5165\u65f6\u7684\u6df1\u8272\u53cd\u9988 *\/\r\n.raph-upload-box.drag-over {\r\n    background: #1a140f !important; \/* \u52a0\u6df1\u5e95\u8272 *\/\r\n    border-color: var(--raph-accent) !important; \/* \u8fb9\u6846\u53d8\u8272 *\/\r\n    border-style: solid !important; \/* \u8fb9\u6846\u53d8\u5b9e\u7ebf\u66f4\u9192\u76ee *\/\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ \u57fa\u7840\u7edf\u4e00\u914d\u7f6e\uff1a\u6307\u5411\u6ce8\u518c\u597d\u7684\u6807\u51c6 WordPress REST API \u8def\u7531\r\n    const AI_API_URL = '\/wp-json\/v1\/ai\/image-edit';\r\n    \r\n    const fileInput = document.getElementById('image-upload');\r\n    const uploadTrigger = document.getElementById('upload-trigger');\r\n    const previewBox = document.getElementById('preview-box');\r\n    const inputPreview = document.getElementById('input-preview');\r\n    const removeImg = document.getElementById('remove-img');\r\n    const plusIcon = document.getElementById('plus-icon');\r\n    \r\n    \/\/ \u6838\u5fc3\u6570\u636e\u7f13\u5b58\u53d8\u91cf\r\n    let globalImageBase64 = ''; \/\/ \u5b58\u50a8\u538b\u7f29\u540e\u7684\u56fe\u7247 Base64 \u5b57\u7b26\u4e32\r\n    let globalMimeType = 'image\/png'; \/\/ \u52a8\u6001\u8ffd\u8e2a\u56fe\u7247\u683c\u5f0f\r\n    \r\n    let currentRatio = '1:1';\r\n    let currentStylePrompt = '';\r\n    let currentColorPrompt = '';\r\n    let currentLightingPrompt = ', dramatic lighting, high contrast, deep shadows, theatrical illumination';\r\n    let currentCompositionPrompt = ''; \r\n    \r\n    \/\/ \ud83c\udf1f\u3010\u5b8c\u7f8e\u89e3\u8026\u91cd\u6784\u3011\uff1a\u521d\u59cb\u5316\u65f6\u76f4\u63a5\u4ece HTML \u91cc\u90a3\u9879\u5e26\u6709 .active \u7684\u8282\u70b9\u4e0a\u52a8\u6001\u5265\u79bb\u521d\u59cb\u72b6\u6001\r\n    \/\/ \ud83d\udee0\ufe0f \u4f18\u5316\u70b9\uff1a\u5c06\u672a\u6355\u83b7\u5230\u6fc0\u6d3b\u9879\u65f6\u7684\u515c\u5e95 model \u7edf\u4e00\u5bf9\u9f50\u4e3a\u540e\u7aef\u7684 'gpt-image-2'\r\n    const defaultModelItem = document.querySelector('#model-dropdown .menu .item.active') || document.querySelector('#model-dropdown .menu .item');\r\n    let selectedModel    = defaultModelItem ? defaultModelItem.getAttribute('data-value') : 'gpt-image-2';\r\n    let selectedProvider = defaultModelItem ? (defaultModelItem.getAttribute('data-provider') || 'openai') : 'openai';\r\n    let currentPoints     = defaultModelItem ? (defaultModelItem.getAttribute('data-points') || '2') : '2'; \r\n\r\n    const svgStar = `<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"currentColor\" style=\"display:inline-block; vertical-align:-1px; margin-right:3px;\"><path d=\"M12 .587l3.668 7.431 8.2 1.192-5.934 5.787 1.4 8.168L12 18.896l-7.334 3.857 1.4-8.168L.132 9.21l8.2-1.192L12 .587z\"\/><\/svg>`;\r\n\r\n    \/\/ \ud83c\udf1f \u4e13\u95e8\u7528\u6765\u5728\u751f\u6210\u533a\u57df\u663e\u793a\u82f1\u6587\u9519\u8bef\u63d0\u793a\r\n    function renderErrorToPanel(message) {\r\n        if (loaderContainer) loaderContainer.classList.add('hidden');\r\n        if (outputContainer) outputContainer.classList.add('hidden');\r\n        if (outputImg) outputImg.classList.add('hidden');\r\n        if (downloadLink) downloadLink.classList.add('hidden');\r\n        \r\n        if (resultPanel) {\r\n            resultPanel.classList.remove('hidden');\r\n            resultPanel.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n            \r\n            let errorBox = document.getElementById('error-display-box');\r\n            if (!errorBox) {\r\n                errorBox = document.createElement('div');\r\n                errorBox.id = 'error-display-box';\r\n                errorBox.style.cssText = 'color: #ef4444; background: rgba(239, 68, 68, 0.08); border: 1px solid rgba(239, 68, 68, 0.2); padding: 20px; border-radius: 12px; text-align: center; font-size: 14px; margin: 20px 0;';\r\n                resultPanel.appendChild(errorBox);\r\n            }\r\n            errorBox.innerText = message;\r\n            errorBox.classList.remove('hidden');\r\n        }\r\n    }\r\n\r\n    \/\/ \ud83c\udf1f \u5f00\u59cb\u6b63\u5e38\u751f\u6210\u65f6\uff0c\u6e05\u7406\u4e0a\u4e00\u6b21\u7559\u4e0b\u7684\u9519\u8bef\u8282\u70b9\r\n    function clearErrorPanel() {\r\n        const errorBox = document.getElementById('error-display-box');\r\n        if (errorBox) errorBox.classList.add('hidden');\r\n    }\r\n\r\n    \/\/ \u26a1 \u901a\u8fc7 Canvas \u9650\u5236\u6700\u5927\u5c3a\u5bf8\u5e76\u7b49\u6bd4\u538b\u7f29\u56fe\u7247\r\n    function compressAndGetBase64(file, maxWidth = 1024, maxHeight = 1024) {\r\n        return new Promise((resolve, reject) => {\r\n            const reader = new FileReader();\r\n            reader.readAsDataURL(file);\r\n            reader.onload = function(e) {\r\n                const img = new Image();\r\n                img.src = e.target.result;\r\n                img.onload = function() {\r\n                    let width = img.width;\r\n                    let height = img.height;\r\n\r\n                    if (width > height) {\r\n                        if (width > maxWidth) {\r\n                            height = Math.round((height * maxWidth) \/ width);\r\n                            width = maxWidth;\r\n                        }\r\n                    } else {\r\n                        if (height > maxHeight) {\r\n                            width = Math.round((width * maxHeight) \/ height);\r\n                            height = maxHeight;\r\n                        }\r\n                    }\r\n\r\n                    const canvas = document.createElement('canvas');\r\n                    canvas.width = width;\r\n                    canvas.height = height;\r\n                    const ctx = canvas.getContext('2d');\r\n                    ctx.drawImage(img, 0, 0, width, height);\r\n\r\n                    const compressedBase64 = canvas.toDataURL('image\/jpeg', 0.85);\r\n                    resolve({\r\n                        base64: compressedBase64,\r\n                        mimeType: 'image\/jpeg'\r\n                    });\r\n                };\r\n                img.onerror = (err) => reject(err);\r\n            };\r\n            reader.onerror = (err) => reject(err);\r\n        });\r\n    }\r\n\r\n    \/\/ 1. \u9009\u62e9\u56fe\u7247\u4e8b\u4ef6\u4e0e\u9884\u89c8\u6302\u8f7d\r\n    if (uploadTrigger) {\r\n        uploadTrigger.onclick = (e) => { \r\n            if(e.target !== removeImg) fileInput.click(); \r\n        };\r\n    }\r\n\r\n    if (fileInput) {\r\n        fileInput.onchange = async function() {\r\n            const file = this.files[0];\r\n            if(!file) return;\r\n            \r\n            const objectUrl = URL.createObjectURL(file);\r\n            if(inputPreview) inputPreview.src = objectUrl;\r\n            const resultInputPreview = document.getElementById('result-input-preview');\r\n            if(resultInputPreview) resultInputPreview.src = objectUrl;\r\n\r\n            if(previewBox) previewBox.classList.remove('hidden');\r\n            if(plusIcon) plusIcon.classList.add('hidden');\r\n\r\n            try {\r\n                const compressedResult = await compressAndGetBase64(file);\r\n                globalImageBase64 = compressedResult.base64;\r\n                globalMimeType = compressedResult.mimeType;\r\n            } catch(err) {\r\n                console.error(\"\u56fe\u7247\u538b\u7f29\u5931\u8d25:\", err);\r\n                renderErrorToPanel(\"Image loading failed. Please try changing to another image.\");\r\n            }\r\n        };\r\n    }\r\n\r\n    if (removeImg) {\r\n        removeImg.onclick = (e) => {\r\n            e.stopPropagation();\r\n            if(fileInput) fileInput.value = '';\r\n            if(previewBox) previewBox.classList.add('hidden');\r\n            if(plusIcon) plusIcon.classList.remove('hidden');\r\n            \r\n            globalImageBase64 = '';\r\n            globalMimeType = 'image\/png';\r\n            \r\n            const resultInputPreview = document.getElementById('result-input-preview');\r\n            if(resultInputPreview) resultInputPreview.src = '';\r\n            clearErrorPanel();\r\n        };\r\n    }\r\n\r\n    \/\/ \u62d6\u62fd\u903b\u8f91\uff1a\u5305\u542b\u81ea\u52a8\u6df1\u8272\u53cd\u9988\r\n    if (uploadTrigger) {\r\n        ['dragenter', 'dragover'].forEach(eventName => {\r\n            uploadTrigger.addEventListener(eventName, (e) => {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                uploadTrigger.classList.add('drag-over');\r\n            }, false);\r\n        });\r\n\r\n        ['dragleave', 'drop'].forEach(eventName => {\r\n            uploadTrigger.addEventListener(eventName, (e) => {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                uploadTrigger.classList.remove('drag-over');\r\n            }, false);\r\n        });\r\n\r\n        uploadTrigger.addEventListener('drop', (e) => {\r\n            const dt = e.dataTransfer;\r\n            const files = dt.files;\r\n            if (files.length > 0) {\r\n                fileInput.files = files;\r\n                fileInput.onchange(); \r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ 2. \u4e0b\u62c9\u83dc\u5355\u57fa\u7840\u5c55\u5f00\/\u9690\u85cf\u903b\u8f91\r\n    document.querySelectorAll('.raph-dropdown .trigger').forEach(trigger => {\r\n        trigger.onclick = function(e) {\r\n            e.stopPropagation();\r\n            const targetMenu = this.nextElementSibling;\r\n            document.querySelectorAll('.raph-dropdown .menu').forEach(menu => {\r\n                if(menu !== targetMenu) menu.classList.add('hidden');\r\n            });\r\n            if(targetMenu) targetMenu.classList.toggle('hidden');\r\n        };\r\n    });\r\n\r\n    document.addEventListener('click', () => {\r\n        document.querySelectorAll('.raph-dropdown .menu').forEach(menu => menu.classList.add('hidden'));\r\n    });\r\n\r\n    \/\/ 3. \u901a\u7528\u4e0b\u62c9\u83dc\u5355\u9879\u70b9\u51fb\u7ed1\u5b9a\r\n    function setupDropdown(dropdownId, triggerTextId, promptSetter) {\r\n        const dropdown = document.getElementById(dropdownId);\r\n        if (!dropdown) return;\r\n        const menu = dropdown.querySelector('.menu');\r\n        const triggerText = document.getElementById(triggerTextId);\r\n\r\n        menu.querySelectorAll('.item').forEach(item => {\r\n            item.onclick = (e) => {\r\n                e.stopPropagation();\r\n                menu.querySelector('.item.active')?.classList.remove('active');\r\n                item.classList.add('active');\r\n                \r\n                const val = item.dataset.prompt !== undefined ? item.dataset.prompt : item.dataset.value;\r\n                if (promptSetter) promptSetter(val);\r\n                \r\n                if(dropdownId === 'ratio-dropdown') {\r\n                    currentRatio = item.dataset.value;\r\n                    if(triggerText) triggerText.innerText = currentRatio;\r\n                } else if(triggerText) {\r\n                    triggerText.innerText = item.innerText.trim();\r\n                }\r\n                \r\n                menu.classList.add('hidden');\r\n            };\r\n        });\r\n    }\r\n\r\n    setupDropdown('ratio-dropdown', 'selected-ratio-text', null);\r\n    setupDropdown('style-dropdown', 'selected-style-text', (p) => currentStylePrompt = p);\r\n    setupDropdown('color-dropdown', 'selected-color-text', (p) => currentColorPrompt = p);\r\n    setupDropdown('lighting-dropdown', 'selected-lighting-text', (p) => currentLightingPrompt = p);\r\n    setupDropdown('composition-dropdown', 'selected-composition-text', (p) => currentCompositionPrompt = p);\r\n    \r\n    \/\/ 4. \u6a21\u578b\u4e0e\u6e20\u9053\u9009\u62e9\u8054\u5408\u7ed1\u5b9a\r\n    const modelDropdown = document.getElementById('model-dropdown');\r\n    const pointsDisplay = document.getElementById('points-display'); \r\n\r\n    if (modelDropdown) {\r\n        const modelMenu = modelDropdown.querySelector('.menu');\r\n        const pillAvatar = modelDropdown.querySelector('.user-pill .avatar'); \r\n        const modelTriggerText = document.getElementById('selected-model-text');\r\n        \r\n        modelMenu.querySelectorAll('.item').forEach(item => {\r\n            item.addEventListener('click', (e) => {\r\n                e.stopPropagation();\r\n                modelMenu.querySelector('.item.active')?.classList.remove('active');\r\n                item.classList.add('active');\r\n\r\n                \/\/ \u70b9\u51fb\u540c\u6b65\u5347\u7ea7\u53d8\u91cf\r\n                selectedModel    = item.getAttribute('data-value'); \r\n                selectedProvider = item.getAttribute('data-provider') || 'openai';\r\n                currentPoints    = item.getAttribute('data-points') || '2'; \r\n                \r\n                if (modelTriggerText) modelTriggerText.innerText = item.innerText.trim();\r\n                \r\n                const newAvatarClass = item.getAttribute('data-avatar');\r\n                if (pillAvatar && newAvatarClass) {\r\n                    pillAvatar.className = 'avatar ' + newAvatarClass;\r\n                }\r\n\r\n                if (pointsDisplay) {\r\n                    pointsDisplay.innerHTML = `${svgStar}${currentPoints}`;\r\n                }\r\n                modelMenu.classList.add('hidden');\r\n            });\r\n        });\r\n    }\r\n\r\n    \/\/ 5. \u91cd\u7f6e\/\u6e05\u7a7a\u6309\u94ae\r\n    const clearBtn = document.getElementById('clear-btn');\r\n    if (clearBtn) {\r\n        clearBtn.onclick = () => {\r\n            const promptInput = document.getElementById('banana-prompt');\r\n            if(promptInput) promptInput.value = '';\r\n            if(removeImg) removeImg.click(); \r\n            \r\n            document.querySelector('#style-dropdown .menu [data-value=\"none\"]')?.click();\r\n            document.querySelector('#color-dropdown .menu [data-value=\"none\"]')?.click();\r\n            document.querySelector('#lighting-dropdown .menu [data-value=\"dramatic\"]')?.click();\r\n            document.querySelector('#composition-dropdown .menu [data-value=\"none\"]')?.click();\r\n            \r\n            \/\/ \ud83d\udee0\ufe0f \u4f18\u5316\u70b9\uff1a\u6062\u590d\u81f3\u4f60\u5728 HTML \u91cc\u771f\u6b63\u8bbe\u7f6e\u7684\u9ed8\u8ba4\u6838\u5fc3\u9879\uff08\u8fd9\u91cc\u6539\u4e3a\u4e86\u6062\u590d gpt-image-2 \u7684\u70b9\u51fb\u72b6\u6001\uff09\r\n            const initialItem = document.querySelector('#model-dropdown .menu .item[data-value=\"gpt-image-2\"]');\r\n            if(initialItem) initialItem.click();\r\n            \r\n            if (resultPanel) resultPanel.classList.add('hidden');\r\n            clearErrorPanel();\r\n        };\r\n    }\r\n\r\n    \/\/ 6. \ud83d\ude80 \u53d1\u9001\u5f02\u6b65\u751f\u6210\u8bf7\u6c42\r\n    const genBtn = document.getElementById('generate-btn');\r\n    const resultPanel = document.getElementById('result-display');\r\n    const outputImg = document.getElementById('output-image');\r\n    const downloadLink = document.getElementById('download-link');\r\n    const loaderContainer = document.getElementById('loader-container');\r\n    const outputContainer = document.getElementById('output-container');\r\n\r\n    if (genBtn) {\r\n        genBtn.onclick = async () => {\r\n            const userPromptEl = document.getElementById('banana-prompt');\r\n            const userPrompt = userPromptEl ? userPromptEl.value : '';\r\n\r\n            clearErrorPanel();\r\n\r\n            if (!globalImageBase64) {\r\n                renderErrorToPanel(\"Please upload a reference image before generating!\");\r\n                return;\r\n            }\r\n\r\n            const finalPrompt = `${userPrompt}${currentStylePrompt}${currentColorPrompt}${currentLightingPrompt}${currentCompositionPrompt}`;\r\n\r\n            if (resultPanel) resultPanel.classList.remove('hidden');\r\n            if (loaderContainer) loaderContainer.classList.remove('hidden');\r\n            if (outputContainer) outputContainer.classList.add('hidden');\r\n            if (outputImg) outputImg.classList.add('hidden');\r\n            if (downloadLink) downloadLink.classList.add('hidden');\r\n\r\n            resultPanel.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n\r\n            try {\r\n                \/\/ \ud83c\udf1f \u6839\u636e\u9009\u62e9\u7684\u6a21\u578b\u52a8\u6001\u5206\u6d41\u8def\u7531\u5730\u5740 (\u4e25\u683c\u5339\u914d\u540e\u53f0 rest \u8def\u7531)\r\n                const requestUrl = (selectedModel === 'gpt-image-2') ? '\/wp-json\/v1\/ai\/gpt-image-edit' : AI_API_URL;\r\n\r\n                const response = await fetch(requestUrl, {\r\n                    method: 'POST',\r\n                    headers: {\r\n                        'Content-Type': 'application\/json',\r\n                        'X-WP-Nonce': (typeof wpApiSettings !== 'undefined') ? wpApiSettings.nonce : '' \r\n                    },\r\n                    credentials: 'include', \r\n                    body: JSON.stringify({\r\n                        model: selectedModel,\r\n                        provider: selectedProvider,\r\n                        points: currentPoints,\r\n                        text: finalPrompt,\r\n                        image_base64: globalImageBase64,\r\n                        mime_type: globalMimeType,\r\n                        aspect_ratio: currentRatio\r\n                    })\r\n                });\r\n\r\n                \/\/ \u5c1d\u8bd5\u89e3\u6790\u540e\u7aef\u8fd4\u56de\u7684 JSON \u6570\u636e\r\n                const result = await response.json();\r\n\r\n                \/\/ \ud83c\udf1f\u3010\u6838\u5fc3\u4fee\u590d\u5224\u5b9a\u3011\uff1a\u5982\u679c HTTP \u72b6\u6001\u4e0d\u6b63\u5e38\uff0c\u4f18\u5148\u89e3\u5305 WordPress \u7684\u9519\u8bef\u54cd\u5e94\u6587\u672c\r\n                if (!response.ok) {\r\n                    const errorMsg = result.message || (result.code ? `Error Code: ${result.code}` : 'Server connection logic error.');\r\n                    throw new Error(errorMsg);\r\n                }\r\n\r\n                \/\/ \ud83c\udf1f \u989d\u5916\u9632\u5fa1\u6027\u6821\u9a8c\uff1a\u5982\u679c\u540e\u7aef\u901a\u8fc7 200 \u8fd4\u56de\u4e86\u5e26\u6709\u4e1a\u52a1\u9519\u8bef\u4fe1\u606f\u7684 JSON \u5bf9\u8c61\r\n                if (result.code && result.message) {\r\n                    throw new Error(result.message);\r\n                }\r\n\r\n                \/\/ \u6210\u529f\u62ff\u56de\u6709\u6548\u7684\u56fe\u7247\r\n                if (result.success && result.image_url) {\r\n                    if (outputImg) {\r\n                        outputImg.src = result.image_url;\r\n                        outputImg.classList.remove('hidden');\r\n                    }\r\n                    if (downloadLink) {\r\n                        downloadLink.href = result.image_url;\r\n                        downloadLink.classList.remove('hidden');\r\n                    }\r\n                    \r\n                    if (loaderContainer) loaderContainer.classList.add('hidden');\r\n                    if (outputContainer) outputContainer.classList.remove('hidden');\r\n\r\n                    \/\/ \u52a8\u753b\u66f4\u65b0\u53f3\u4e0a\u89d2\u79ef\u5206\u4f59\u989d\r\n                    if (result.balance !== undefined) {\r\n                        const balanceEl = document.getElementById('nav-balance-text');\r\n                        if (balanceEl) {\r\n                            balanceEl.classList.add('balance-updated');\r\n                            balanceEl.innerText = result.balance;\r\n                            setTimeout(() => {\r\n                                balanceEl.classList.remove('balance-updated');\r\n                            }, 300);\r\n                        }\r\n                    }\r\n\r\n                } else {\r\n                    throw new Error(result.message || 'Failed to retrieve a valid generated image URL.');\r\n                }\r\n\r\n            } catch (error) {\r\n                console.error(\"\u751f\u6210\u51fa\u9519\uff1a\", error);\r\n                const finalErrorMessage = error.message || 'An unknown error occurred while generating the image.';\r\n                renderErrorToPanel(finalErrorMessage);\r\n            }\r\n        };\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4410305 elementor-widget elementor-widget-html\" data-id=\"4410305\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fame-title\">\r\n    <h2>Ignite Your Imagination<\/h2>\r\n    <p>Explore limitless possibilities. See what others have created and find your next spark of inspiration.<\/p>\r\n<\/div>\r\n<div class=\"fame-gallery-grid\">\r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_67_image.webp\" alt=\"AI Generated Image 1\">\r\n    <\/div>\r\n    \r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_102_image-scaled.webp\" alt=\"AI Generated Image 2\">\r\n    <\/div>\r\n    \r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_112_image.webp\" alt=\"AI Generated Image 3\">\r\n    <\/div>\r\n    \r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_202_image.webp\" alt=\"AI Generated Image 4\">\r\n    <\/div>\r\n    \r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_148_image.webp\" alt=\"AI Generated Image 5\">\r\n    <\/div>\r\n    \r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_192_image.webp\" alt=\"AI Generated Image 6\">\r\n    <\/div>\r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_90_image-1.jpeg\" alt=\"AI Generated Image 7\">\r\n    <\/div>\r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_128_image.webp\" alt=\"AI Generated Image 8\">\r\n    <\/div>\r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_166_image.webp\" alt=\"AI Generated Image 9\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u6807\u9898\u5bb9\u5668\u57fa\u7840\u63a7\u5236 *\/\r\n.fame-title {\r\n    margin-bottom: 24px; \/* \u548c\u4e0b\u65b9\u56fe\u7247\u7f51\u683c\u4fdd\u6301\u9ad8\u7ea7\u7684\u7559\u767d *\/\r\n    padding: 0 4px;\r\n    background: transparent;\r\n    text-align: center;\r\n    \r\n}\r\n\r\n\/* \u4e3b\u6807\u9898\uff1a\u5927\u5b57\u91cd\u3001\u5fae\u7ec6\u5b57\u95f4\u8ddd\uff0c\u5448\u73b0\u9ad8\u7ea7\u611f *\/\r\n.fame-title h2 {\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    margin: 0 0 8px 0;\r\n    color: #ffffff; \/* \u5982\u679c\u4f60\u7f51\u7ad9\u662f\u6d45\u8272\u80cc\u666f\uff0c\u8bf7\u6539\u6210 #111827 *\/\r\n    letter-spacing: -0.02em; \/* \u7a0d\u5fae\u7d27\u51d1\u7684\u5b57\u95f4\u8ddd\u663e\u5f97\u66f4\u4e13\u4e1a *\/\r\n}\r\n\r\n\/* \u526f\u6807\u9898\uff1a\u67d4\u548c\u3001\u4f4e\u9971\u548c\u5ea6 *\/\r\n.fame-title p {\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    margin: 0;\r\n    color: #9ca3af; \/* \u4f18\u96c5\u7684\u7070\u8272\uff0c\u6d45\u8272\u80cc\u666f\u53ef\u6539\u6210 #6b7280 *\/\r\n}\r\n\r\n\/* -------------------------------------------\r\n   \u5982\u679c\u4f60\u9009\u4e86\u201c\u9009\u9879 B\u201d\uff0c\u8bf7\u628a\u4e0b\u9762\u8fd9\u5c0f\u6bb5\u4e5f\u52a0\u4e0a\uff1a\r\n------------------------------------------- *\/\r\n.fame-title.style-bar {\r\n    position: relative;\r\n    padding-left: 16px; \/* \u4e3a\u5de6\u4fa7\u7ad6\u6761\u7559\u51fa\u7a7a\u95f4 *\/\r\n}\r\n\r\n.fame-title.style-bar::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background: linear-gradient(to bottom, #6366f1, #3b82f6); \/* \u79d1\u6280\u611f\u84dd\u7d2b\u6e10\u53d8\u7ad6\u6761 *\/\r\n    border-radius: 2px;\r\n}\r\n\/* \u6574\u4e2a\u753b\u5eca\u5bb9\u5668 *\/\r\n.fame-gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr); \/* \u4e25\u683c\u6bcf\u884c3\u4e2a *\/\r\n    gap: 20px; \/* \u56fe\u7247\u4e4b\u95f4\u7684\u95f4\u8ddd\uff0c\u53ef\u81ea\u884c\u8c03\u6574 *\/\r\n    padding: 10px 0;\r\n    background: transparent; \/* \u900f\u660e\u80cc\u666f *\/\r\n    width: 100%;\r\n}\r\n\r\n\/* \u5355\u4e2a\u56fe\u7247\u5916\u5305\u5bb9\u5668 *\/\r\n.fame-gallery-item {\r\n    position: relative;\r\n    border-radius: 12px; \/* \u5706\u89d2\u6548\u679c\uff0c\u5b8c\u7f8e\u5951\u5408\u73b0\u4ee3UI *\/\r\n    overflow: hidden;\r\n    background: transparent;\r\n    aspect-ratio: 3 \/ 4; \/* \ud83c\udf1f \u6838\u5fc3\uff1a\u9501\u5b9a\u9ad8\u6863\u7684\u7eb5\u5411\u9ec4\u91d1\u6bd4\u4f8b(\u5bf9\u9f50\u4f60\u622a\u56fe\u91cc\u7684\u6d77\u62a5\u6bd4\u4f8b) *\/\r\n    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;\r\n}\r\n\r\n\/* \u56fe\u7247\u672c\u4f53\u63a7\u5236 *\/\r\n.fame-gallery-item img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover; \/* \ud83c\udf1f \u6838\u5fc3\uff1a\u65e0\u8bba\u56fe\u7247\u539f\u56fe\u662f\u4ec0\u4e48\u5c3a\u5bf8\uff0c\u81ea\u52a8\u7b49\u6bd4\u88c1\u526a\u586b\u5145\uff0c\u7edd\u4e0d\u62c9\u4f38 *\/\r\n    display: block;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n\/* \u60ac\u505c\u5fae\u52a8\u6548 (SaaS \u5e38\u89c1\u7684\u9ad8\u7ea7\u65e0\u611f\u4ea4\u4e92) *\/\r\n.fame-gallery-item:hover {\r\n    transform: translateY(-4px); \/* \u5411\u4e0a\u5fae\u62ac *\/\r\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15); \/* \u67d4\u548c\u9634\u5f71 *\/\r\n}\r\n\r\n.fame-gallery-item:hover img {\r\n    transform: scale(1.03); \/* \u56fe\u7247\u5fae\u5fae\u653e\u5927 *\/\r\n}\r\n\r\n\/* \ud83d\udcf1 \u54cd\u5e94\u5f0f\uff1a\u624b\u673a\u7aef\u81ea\u52a8\u964d\u7ea7\u4e3a\u6bcf\u884c1\u4e2a\uff08\u62162\u4e2a\uff0c\u770b\u4f60\u524d\u53f0\u89c6\u89c9\u4e60\u60ef\uff09 *\/\r\n@media (max-width: 767px) {\r\n    .fame-gallery-grid {\r\n        grid-template-columns: repeat(2, 1fr); \/* \u79fb\u52a8\u7aef\u6539\u6bcf\u884c2\u4e2a\uff0c\u5982\u679c\u60f3\u6539\u62101\u4e2a\uff0c\u628a2\u6539\u62101\u5373\u53ef *\/\r\n        gap: 12px; \/* \u79fb\u52a8\u7aef\u95f4\u8ddd\u7f29\u5c0f *\/\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41b84ab elementor-widget elementor-widget-html\" data-id=\"41b84ab\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fame-carousel-header\">\r\n    <div class=\"fame-title\">\r\n        <h2>Try a style<\/h2>\r\n    <\/div>\r\n    <div class=\"fame-nav-btns\">\r\n        <button class=\"nav-btn prev\" onclick=\"scrollCarousel(-1)\">\r\n            <i class=\"fas fa-chevron-left\"><\/i>\r\n        <\/button>\r\n        <button class=\"nav-btn next\" onclick=\"scrollCarousel(1)\">\r\n            <i class=\"fas fa-chevron-right\"><\/i>\r\n        <\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"fame-carousel-container\" id=\"styleCarousel\">\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_33_sugar-cookie.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">Sugar cookie<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_28_doodle_v2.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">Doodle<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_24_dramatic_v2.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">Dramatic<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_27_style_3d_glam_doll.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">3D glam doll<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_22_sketch.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">Sketch<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_34_art-school.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">Art school<\/div>\r\n    <\/div>\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_31_pop-art.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">Pop art<\/div>\r\n    <\/div>\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_26_baseball-bobblehead.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">Baseball bobblehead<\/div>\r\n    <\/div>\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_29_inkwork.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">Inkwork<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u5bb9\u5668\u57fa\u7840\u8bbe\u7f6e *\/\r\n.fame-carousel-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n    background: transparent;\r\n}\r\n\r\n\/* \u6309\u94ae\u6837\u5f0f\uff1a\u6df1\u8272\u534a\u900f\u660e\u611f *\/\r\n.fame-nav-btns {\r\n    display: flex;\r\n    gap: 10px;\r\n}\r\n\r\n.nav-btn prev{color:#fff;}\r\n.nav-btn {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    border: none;\r\n    background: rgba(255, 255, 255, 0.05); \/* \u900f\u660e\u80cc\u666f *\/\r\n    color: #fff;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.3s ease;\r\n    \r\n}\r\n\r\n.nav-btn:hover {\r\n    background: rgba(255, 255, 255, 0.15);\r\n}\r\n\/* 1. \u7cbe\u51c6\u63a7\u5236\u70b9\u51fb\u77ac\u95f4\u7684\u80cc\u666f\u8272 *\/\r\n.nav-btn:active {\r\n    background: rgba(255, 255, 255, 0.05) !important; \/* \u5f3a\u5236\u70b9\u51fb\u65f6\u4fdd\u6301\u8fd9\u4e2a\u534a\u900f\u660e\u7070\uff0c\u4f60\u53ef\u4ee5\u6362\u6210\u522b\u7684\u989c\u8272 *\/\r\n}\r\n\r\n\/* 2. \u5f3a\u6740\u53ef\u80fd\u6b8b\u7559\u7684\u5168\u5c40\u7126\u70b9\/\u70b9\u51fb\u7ea2\u8272\uff08\u53cc\u91cd\u4fdd\u9669\uff09 *\/\r\n.nav-btn:focus,\r\n.nav-btn:focus-visible {\r\n    background: rgba(255, 255, 255, 0.05) !important;\r\n}\r\n\r\n\r\n\/* \u8f6e\u64ad\u6eda\u52a8\u5bb9\u5668 *\/\r\n.fame-carousel-container {\r\n    display: flex;\r\n    gap: 16px;\r\n    overflow-x: auto; \/* \u5f00\u542f\u6a2a\u5411\u6eda\u52a8 *\/\r\n    scroll-behavior: smooth; \/* \u4e1d\u6ed1\u6eda\u52a8\u6548\u679c *\/\r\n    scroll-snap-type: x mandatory; \/* \u6838\u5fc3\uff1a\u81ea\u52a8\u6355\u6349\u5bf9\u9f50\u5361\u7247 *\/\r\n    padding-bottom: 10px;\r\n    background: transparent;\r\n}\r\n\r\n\/* \u9690\u85cf\u6eda\u52a8\u6761 (Chrome, Safari, Opera) *\/\r\n.fame-carousel-container::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n\/* \u9690\u85cf\u6eda\u52a8\u6761 (IE, Edge, Firefox) *\/\r\n.fame-carousel-container {\r\n    -ms-overflow-style: none;  \r\n    scrollbar-width: none;  \r\n}\r\n\r\n\/* \u5355\u4e2a\u98ce\u683c\u5361\u7247 *\/\r\n.fame-style-card {\r\n    flex: 0 0 180px; \/* \u5361\u7247\u56fa\u5b9a\u5bbd\u5ea6 *\/\r\n    scroll-snap-align: start; \/* \u6355\u6349\u8d77\u59cb\u70b9 *\/\r\n    background: transparent;\r\n}\r\n\r\n\/* \u56fe\u7247\u5305\u56f4\u5708\uff1a\u5b9e\u73b0\u622a\u56fe\u4e2d\u7684\u5706\u89d2\u6548\u679c *\/\r\n.fame-style-img-wrapper {\r\n    width: 100%;\r\n    aspect-ratio: 1 \/ 1; \/* \u6b63\u65b9\u5f62\u56fe\u7247 *\/\r\n    border-radius: 20px; \/* \u9ad8\u7ea7\u5706\u89d2 *\/\r\n    overflow: hidden;\r\n    margin-bottom: 12px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.fame-style-card img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* \u60ac\u505c\u5fae\u52a8 *\/\r\n.fame-style-card:hover .fame-style-img-wrapper {\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* \u5e95\u90e8\u6807\u9898\u6837\u5f0f *\/\r\n.fame-style-caption {\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    text-align: left;\r\n    padding-left: 2px;\r\n}\r\n\r\n\/* \u9002\u914d\u624b\u673a\u7aef\uff1a\u5361\u7247\u7a0d\u5c0f\u4e00\u70b9 *\/\r\n@media (max-width: 767px) {\r\n    .fame-style-card {\r\n        flex: 0 0 140px;\r\n    }\r\n    .fame-carousel-header h2 {\r\n        font-size: 22px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ \u7b80\u5355\u7684 JS \u63a7\u5236\u6309\u94ae\u6eda\u52a8\r\nfunction scrollCarousel(direction) {\r\n    const container = document.getElementById('styleCarousel');\r\n    const scrollAmount = 200; \/\/ \u6bcf\u6b21\u70b9\u51fb\u6eda\u52a8\u7684\u8ddd\u79bb\r\n    container.scrollBy({\r\n        left: direction * scrollAmount,\r\n        behavior: 'smooth'\r\n    });\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91137f4 elementor-widget elementor-widget-html\" data-id=\"91137f4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fame-discover-header\">\r\n    <div class=\"fame-title\">\r\n        <h2>Discover something new<\/h2>\r\n    <\/div>\r\n    <div class=\"fame-nav-btns2\">\r\n        <button class=\"nav-btn prev2\" onclick=\"scrollDiscover(-1)\">\r\n            <i class=\"fas fa-chevron-left\"><\/i>\r\n        <\/button>\r\n        <button class=\"nav-btn next2\" onclick=\"scrollDiscover(1)\">\r\n            <i class=\"fas fa-chevron-right\"><\/i>\r\n        <\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"fame-discover-grid\" id=\"discoverGrid\">\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/4b77aaa8-2f92-453b-9c38-3af83019af87.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Create a holiday card<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/17cae968-e467-4a6c-a81b-2b2910b19ace.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Create an album cover<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/159fe495-8d01-459d-958e-8363944c22ff.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Redecorate my room<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/c47dcf71-08d2-4833-8a23-57de7ed278e5.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">What would I look like as a K-Pop star?<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/52f3a85e-7b8a-4efb-b7c8-8d8b52cd0c6c-1.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Style me<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/f40b42ee-8fd0-4746-adea-0333e5bb1485.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Give us a matching outfit<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/f71017ea-97ff-41ae-87af-556ddb96ef59.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Me as The Girl with a Pearl<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/f4ec5355-263a-48ce-80f3-77dfff8dbace.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Create a professional product photo<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/5a634cf8-4cbc-47c3-84e0-14be8d756ddc.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Create a professional job photo<\/div>\r\n    <\/div>\r\n     <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/1dc2c9dd-c6a3-4800-9453-eadeb37edab8.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Remove people in the background<\/div>\r\n    <\/div>\r\n     <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/378450dd-7d2f-4bb6-81c2-c32690834df9.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Restore an old photo<\/div>\r\n    <\/div>\r\n     <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/30833b71-a9d6-4e5d-bd2e-ccbf26d2e6c7.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Turn into a keychain<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u5934\u90e8\u57fa\u672c\u5bf9\u9f50 *\/\r\n.fame-discover-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 24px;\r\n    background: transparent;\r\n}\r\n\r\n.fame-discover-header h2 {\r\n    color: #fff;\r\n    margin: 0;\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* \u6309\u94ae\u533a\u57df *\/\r\n.fame-nav-btns2 {\r\n    display: flex;\r\n    gap: 10px;\r\n}\r\n\r\n.nav-btn {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    border: none;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    color: #fff;\r\n    cursor: pointer;\r\n    \r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    \r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    line-height: 1 !important;\r\n    box-sizing: border-box !important;\r\n    \r\n    transition: all 0.3s ease;\r\n    -webkit-tap-highlight-color: transparent !important;\r\n}\r\n\r\n.nav-btn i {\r\n    font-size: 14px;\r\n    line-height: 1 !important;\r\n    display: block;\r\n}\r\n\r\n.nav-btn:hover {\r\n    background: rgba(255, 255, 255, 0.15) !important;\r\n}\r\n\r\n.nav-btn:active,\r\n.nav-btn:focus,\r\n.nav-btn:focus-visible {\r\n    background: rgba(255, 255, 255, 0.05) !important;\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n\/* \ud83c\udf1f \u6838\u5fc3\u4fee\u590d\uff1a\u5f00\u542f Grid \u6a2a\u5411\u6d41\u673a\u5236 *\/\r\n.fame-discover-grid {\r\n    display: grid !important;\r\n    \/* \u5f3a\u884c\u9501\u6b7b\u7eb5\u5411\u53ea\u6709 2 \u884c\uff0c\u6bcf\u884c\u9ad8\u5ea6\u81ea\u9002\u5e94 *\/\r\n    grid-template-rows: repeat(3, auto); \r\n    \/* \u6838\u5fc3\u5c5e\u6027\uff1a\u8ba9\u7f51\u683c\u6cbf\u7740\u6a2a\u5411\u6392\u5217\uff08\u6392\u5217\u4e0d\u6ee12\u884c\u4e0d\u5f80\u53f3\u8d70\uff09\uff0c\u5b9e\u73b0\u6a2a\u5411\u65e0\u9650\u5ef6\u4f38 *\/\r\n    grid-auto-flow: column !important; \r\n    \/* \u5f3a\u5236\u5355\u5217\u5bbd\u5ea6\uff1a\u5229\u7528 calc \u8ba1\u7b97\uff0c\u8ba9\u5c4f\u5e55\u4e0a\u4e0d\u591a\u4e0d\u5c11\u521a\u597d\u653e\u4e0b 3 \u4e2a\u5361\u7247\uff08\u51cf\u53bb gap \u95f4\u8ddd\uff09 *\/\r\n    grid-auto-columns: calc((100% - 32px) \/ 3) !important; \r\n    \r\n    gap: 16px;\r\n    background: transparent;\r\n    \r\n    overflow-x: auto;            \/* \u6fc0\u6d3b\u6a2a\u5411\u6eda\u52a8 *\/\r\n    scroll-behavior: smooth;     \/* \u4e1d\u6ed1\u6eda\u52a8 *\/\r\n    scroll-snap-type: x mandatory; \/* \u81ea\u52a8\u5438\u9644\u5bf9\u9f50 *\/\r\n    padding-bottom: 10px;        \r\n}\r\n\r\n\/* \u9690\u85cf\u6a2a\u5411\u6eda\u52a8\u6761 (Chrome, Safari, Opera) *\/\r\n.fame-discover-grid::-webkit-scrollbar {\r\n    display: none !important;\r\n}\r\n\r\n\/* \u9690\u85cf\u6a2a\u5411\u6eda\u52a8\u6761 (IE, Edge, Firefox) *\/\r\n.fame-discover-grid {\r\n    -ms-overflow-style: none !important;  \r\n    scrollbar-width: none !important;  \r\n}\r\n\r\n\/* \u5355\u4e2a\u957f\u6761\u5361\u7247\u6837\u5f0f *\/\r\n.fame-discover-card {\r\n    display: flex;\r\n    align-items: center;\r\n    width: 100% !important; \/* \u5bbd\u5ea6\u76f4\u63a5\u7ee7\u627f\u5916\u5c42\u5217\u5bbd\u5206\u914d *\/\r\n    scroll-snap-align: start; \r\n    \r\n    background: rgba(255, 255, 255, 0.03); \r\n    border-radius: 12px;                  \r\n    padding: 14px 16px;                   \r\n    cursor: pointer;\r\n    transition: background 0.3s ease, transform 0.2s ease;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.fame-discover-card:hover {\r\n    background: rgba(255, 255, 255, 0.07);\r\n    transform: translateY(-2px); \r\n}\r\n\r\n\/* \u5361\u7247\u5185\u5de6\u4fa7\u6b63\u65b9\u5f62\u56fe\u7247\u5305\u88f9\u5708 *\/\r\n.fame-discover-img {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 8px;   \r\n    overflow: hidden;\r\n    flex-shrink: 0;       \r\n    margin-right: 16px;   \r\n    background: rgba(255, 255, 255, 0.05); \r\n}\r\n\r\n.fame-discover-img img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* \u53f3\u4fa7\u6587\u672c\u6837\u5f0f *\/\r\n.fame-discover-text {\r\n    color: #e5e5e5;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    line-height: 1.4;\r\n    text-align: left;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2; \r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* \ud83d\udcf1 \u54cd\u5e94\u5f0f\uff1a\u79fb\u52a8\u7aef\u9002\u914d *\/\r\n@media (max-width: 991px) {\r\n    \/* \u5e73\u677f\u7aef\u5355\u5c4f\u663e\u793a 2 \u5217\uff08\u6bcf\u884c2\u4e2a\uff09 *\/\r\n    .fame-discover-grid {\r\n        grid-auto-columns: calc((100% - 16px) \/ 2) !important; \r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .fame-discover-header h2 {\r\n        font-size: 22px;\r\n    }\r\n    \/* \u624b\u673a\u7aef\u5355\u5c4f\u53ea\u5c55\u793a 1 \u5217\uff0c\u9732\u51fa\u53f3\u4fa7\u5361\u7247\u8fb9\u7f18\u6697\u793a\u53ef\u6ed1\u52a8\uff0c\u4f53\u9a8c\u6700\u597d *\/\r\n    .fame-discover-grid {\r\n        grid-auto-columns: calc(100% - 40px) !important; \r\n        gap: 12px;\r\n    }\r\n    .fame-discover-card {\r\n        padding: 12px 14px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ \u63a7\u5236\u5de6\u53f3\u6eda\u52a8\u7684\u903b\u8f91\r\nfunction scrollDiscover(direction) {\r\n    const grid = document.getElementById('discoverGrid');\r\n    \/\/ \u52a8\u6001\u83b7\u53d6\u5f53\u524d\u5bb9\u5668\u7684\u5bbd\u5ea6\u4f5c\u4e3a\u6eda\u52a8\u6b65\u957f\uff0c\u4fdd\u8bc1\u6bcf\u6b21\u70b9\u51fb\u521a\u597d\u5207\u6362\u4e00\u6574\u5c4f\r\n    const scrollAmount = grid.clientWidth; \r\n    grid.scrollBy({\r\n        left: direction * (scrollAmount + 16),\r\n        behavior: 'smooth'\r\n    });\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-915b20f elementor-widget elementor-widget-html\" data-id=\"915b20f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fame-features-section\">\r\n    <div class=\"fame-features-header\">\r\n        <h2>Key Features of Imgedits Image Generator<\/h2>\r\n        <p>Experience the next generation of AI image generation with the Imgedits Image Generator \u2014 powerful, free and privacy-focused.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"fame-features-grid\">\r\n        <div class=\"fame-feature-card\">\r\n            <div class=\"fame-feature-icon-wrapper\">\r\n                <i class=\"fas fa-dollar-sign\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"fame-feature-title\">Zero-Cost Creation<\/h3>\r\n            <p class=\"fame-feature-desc\">The Imgedits Image Generator is the world's first completely free AI image generator with no generation count limits or registration requirements.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"fame-feature-card\">\r\n            <div class=\"fame-feature-icon-wrapper\">\r\n                <i class=\"fas fa-magic\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"fame-feature-title\">State-of-the-Art Quality<\/h3>\r\n            <p class=\"fame-feature-desc\">Scene-aware intelligent routing in the Imgedits Image Generator picks the best available model to deliver photorealistic images with exceptional detail and style control.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"fame-feature-card\">\r\n            <div class=\"fame-feature-icon-wrapper\">\r\n                <i class=\"fas fa-language\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"fame-feature-title\">Advanced Text Understanding<\/h3>\r\n            <p class=\"fame-feature-desc\">The Imgedits Image Generator offers superior text-to-image capabilities with accurate interpretation of complex prompts and text overlay features.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"fame-feature-card\">\r\n            <div class=\"fame-feature-icon-wrapper\">\r\n                <i class=\"fas fa-bolt\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"fame-feature-title\">Lightning-Fast Generation<\/h3>\r\n            <p class=\"fame-feature-desc\">An optimized inference pipeline ensures the Imgedits Image Generator delivers rapid image generation without compromising quality.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"fame-feature-card\">\r\n            <div class=\"fame-feature-icon-wrapper\">\r\n                <i class=\"fas fa-shield-alt\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"fame-feature-title\">Enhanced Privacy Protection<\/h3>\r\n            <p class=\"fame-feature-desc\">We follow a minimal data collection approach: guest requests are typically processed temporarily, while signed-in users retain only the information needed for account, history...<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"fame-feature-card\">\r\n            <div class=\"fame-feature-icon-wrapper\">\r\n                <i class=\"fas fa-palette\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"fame-feature-title\">Multi-Style Support<\/h3>\r\n            <p class=\"fame-feature-desc\">The Imgedits Image Generator creates images across various artistic styles, from photorealistic to anime, oil paintings to digital art.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u6574\u4f53\u533a\u5757\u5bb9\u5668 *\/\r\n.fame-features-section {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    background: transparent;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n\/* \u5934\u90e8\u6587\u6848\u6837\u5f0f *\/\r\n.fame-features-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.fame-features-header h2 {\r\n    color: #fff;\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    margin: 0 0 16px 0;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.fame-features-header p {\r\n    color: #999;\r\n    font-size: 18px;\r\n    line-height: 1.6;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* \ud83c\udf1f \u7f51\u683c\u5e03\u5c40\uff1a\u6807\u51c6 3 \u5217 *\/\r\n.fame-features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    column-gap: 40px;\r\n    row-gap: 50px;\r\n}\r\n\r\n\/* \u5355\u4e2a\u7279\u6027\u5361\u7247\u5e03\u5c40 *\/\r\n.fame-feature-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start; \/* \u5de6\u5bf9\u9f50 *\/\r\n    text-align: left;\r\n    background: transparent;\r\n}\r\n\r\n\/* \ud83c\udf1f \u56fe\u6807\u5305\u56f4\u5708\uff1a\u91d1\u8272\u8f7b\u5962\u7ebf\u6761\u611f *\/\r\n.fame-feature-icon-wrapper {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 50%;\r\n    border: 1.5px solid #cca464; \/* \u91d1\u8272\u8fb9\u6846 *\/\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    margin-bottom: 20px;\r\n    box-sizing: border-box !important;\r\n    background: transparent;\r\n}\r\n\r\n\/* \u56fe\u6807\u672c\u8eab\u6837\u5f0f *\/\r\n.fame-feature-icon-wrapper i {\r\n    color: #cca464; \/* \u91d1\u8272\u56fe\u6807 *\/\r\n    font-size: 18px;\r\n    line-height: 1 !important;\r\n    display: block;\r\n}\r\n\r\n\/* \u7279\u6027\u6807\u9898 *\/\r\n.fame-feature-title {\r\n    color: #fff;\r\n    font-size: 22px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n}\r\n\r\n\/* \u7279\u6027\u63cf\u8ff0\u6587\u672c *\/\r\n.fame-feature-desc {\r\n    color: #999;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n\/* \ud83d\udcf1 \u54cd\u5e94\u5f0f\uff1a\u5e73\u677f\u7aef\u9002\u914d (2\u5217) *\/\r\n@media (max-width: 991px) {\r\n    .fame-features-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        column-gap: 30px;\r\n        row-gap: 40px;\r\n    }\r\n    .fame-features-header h2 {\r\n        font-size: 30px;\r\n    }\r\n}\r\n\r\n\/* \ud83d\udcf1 \u54cd\u5e94\u5f0f\uff1a\u624b\u673a\u7aef\u9002\u914d (\u5355\u5217) *\/\r\n@media (max-width: 767px) {\r\n    .fame-features-section {\r\n        padding: 40px 16px;\r\n    }\r\n    .fame-features-header {\r\n        margin-bottom: 35px;\r\n    }\r\n    .fame-features-header h2 {\r\n        font-size: 24px;\r\n    }\r\n    .fame-features-header p {\r\n        font-size: 15px;\r\n    }\r\n    .fame-features-grid {\r\n        grid-template-columns: 1fr;\r\n        row-gap: 35px;\r\n    }\r\n    .fame-feature-title {\r\n        font-size: 19px;\r\n        margin-bottom: 8px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7af5299 elementor-widget elementor-widget-html\" data-id=\"7af5299\" data-element_type=\"widget\" id=\"pricing\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fame-pricing-section\">\r\n    <h2 class=\"fame-title-main\">Choose Your Plan<\/h2>\r\n    <p class=\"fame-subtitle-main\">Free images include a watermark. Upgrade for clean outputs, faster generation, and commercial use.<\/p>\r\n    \r\n    <div class=\"fame-pricing-toggle\">\r\n        <span id=\"toggle-label-monthly\" class=\"toggle-text active\">Monthly<\/span>\r\n        <label class=\"fame-switch\">\r\n            <input type=\"checkbox\" id=\"billing-toggle\">\r\n            <span class=\"fame-slider\"><\/span>\r\n        <\/label>\r\n        <span id=\"toggle-label-yearly\" class=\"toggle-text\" style=\"position: relative;\">\r\n            Yearly\r\n            <span class=\"fame-badge-save-toggle\">SAVE 50%<\/span>\r\n        <\/span>\r\n    <\/div>\r\n\r\n    <div class=\"fame-grid-3col fame-pricing-container\">\r\n        <div class=\"fame-price-card\">\r\n            <div class=\"fame-price-header\">\r\n                <span class=\"fame-plan-name\">Free<\/span>\r\n                <div class=\"fame-plan-price\">Free<\/div>\r\n                <p class=\"fame-plan-desc\">Perfect for getting started<\/p>\r\n            <\/div>\r\n            <button class=\"fame-btn btn-secondary\" id=\"btn-free\" data-monthly=\"#\" data-yearly=\"#\">Get Started<\/button>\r\n            <ul class=\"fame-features-list\">\r\n                <li class=\"check\">10 credits per day<\/li>\r\n                <li class=\"check\">~4  images per day<\/li>\r\n                <li class=\"check\">Unlimited Basic generations (Slow Queue)<\/li>\r\n                <li class=\"check\">Basic features<\/li>\r\n                <li class=\"check\">Community support<\/li>\r\n                <li class=\"cross\">Images include watermark (free plan). Upgrade to remove.<\/li>\r\n                <li class=\"cross\">Basic model only (No Pro\/Max\/Ultra access)<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"fame-price-card\" id=\"card-premium\">\r\n            <div class=\"fame-ribbon-save\">SAVE 50%<\/div>\r\n            <div class=\"fame-price-header\">\r\n                <span class=\"fame-plan-name\">Premium<\/span>\r\n                <div class=\"fame-plan-price\" id=\"price-premium\">$20<span>\/month<\/span><\/div>\r\n                <p class=\"fame-plan-desc\">Great for active creators<\/p>\r\n            <\/div>\r\n            <button class=\"fame-btn btn-primary\" id=\"btn-premium\" data-monthly=\"https:\/\/buy.stripe.com\/00w8wP3cibfC6ok2Na4sE07\" data-yearly=\"https:\/\/buy.stripe.com\/9B6bJ1bIOgzWeUQ5Zm4sE09\">Upgrade to Premium<\/button>\r\n            <ul class=\"fame-features-list\">\r\n                <li class=\"check\">1000 credits per month<\/li>\r\n                <li class=\"check\">Supports Nano Banana series models<\/li>\r\n                <li class=\"check\">Supports Google Gemini models<\/li>\r\n                <li class=\"check\">Supports Chatgpt Image2<\/li>\r\n                <li class=\"check\">Unlimited Basic generations<\/li>\r\n                <li class=\"check\">Priority queue<\/li>\r\n                <li class=\"check\">No ads<\/li>\r\n                <li class=\"check\">No watermarks<\/li>\r\n                <li class=\"check\">Fast AI Photo Editor<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"fame-price-card ultimate-highlight\" id=\"card-ultimate\">\r\n            <div class=\"fame-ribbon-save\">SAVE 50%<\/div>\r\n            <div class=\"fame-tag-best\">Best Value<\/div>\r\n            <div class=\"fame-price-header\">\r\n                <span class=\"fame-plan-name\">Ultimate<\/span>\r\n                <div class=\"fame-plan-price\" id=\"price-ultimate\">$40<span>\/month<\/span><\/div>\r\n                <p class=\"fame-plan-desc\">Ultimate power for power users<\/p>\r\n            <\/div>\r\n            <button class=\"fame-btn btn-action\" id=\"btn-ultimate\" data-monthly=\"https:\/\/buy.stripe.com\/cNi6oH6ou83q8wsdrO4sE08\" data-yearly=\"https:\/\/buy.stripe.com\/3cI00j4gm3Nah2YafC4sE0a\">Upgrade to Ultimate<\/button>\r\n            <ul class=\"fame-features-list\">\r\n                <li class=\"check\">2500 credits per month<\/li>\r\n                <li class=\"check\">Supports Nano Banana series models<\/li>\r\n                <li class=\"check\">Supports Google Gemini models<\/li>\r\n                <li class=\"check\">Supports Chatgpt Image2<\/li>\r\n                <li class=\"check\">Unlimited Basic generations<\/li>\r\n                <li class=\"check\">Highest priority queue<\/li>\r\n                <li class=\"check\">Unlock Max (1.5K) & Ultra (2K)<\/li>\r\n                <li class=\"check\">Full privacy<\/li>\r\n                <li class=\"check\">No ads<\/li>\r\n                <li class=\"check\">No watermarks<\/li>\r\n                <li class=\"check\">Instant AI Photo Editor<\/li>\r\n                <li class=\"check\">Advanced Refine feature<\/li>\r\n                <li class=\"check\">Early access to new features<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const toggle = document.getElementById('billing-toggle');\r\n    const labelMonthly = document.getElementById('toggle-label-monthly');\r\n    const labelYearly = document.getElementById('toggle-label-yearly');\r\n    \r\n    const pricePremium = document.getElementById('price-premium');\r\n    const priceUltimate = document.getElementById('price-ultimate');\r\n    const cardPremium = document.getElementById('card-premium');\r\n    const cardUltimate = document.getElementById('card-ultimate');\r\n    \r\n    const btnFree = document.getElementById('btn-free');\r\n    const btnPremium = document.getElementById('btn-premium');\r\n    const btnUltimate = document.getElementById('btn-ultimate');\r\n\r\n    \/\/ \ud83c\udf1f \u7eaf\u524d\u7aef\u591a\u91cd\u4ea4\u53c9\u9a8c\u8bc1\uff1a\u5224\u65ad WordPress \u7528\u6237\u662f\u5426\u767b\u5f55\r\n    function isUserLoggedIn() {\r\n        return document.cookie.indexOf('wordpress_logged_in_') !== -1 || \r\n               document.body.classList.contains('logged-in') || \r\n               !!document.getElementById('wpadminbar') ||\r\n               (typeof window.wp_current_user_id !== 'undefined' && window.wp_current_user_id > 0);\r\n    }\r\n\r\n    function handleBtnClick(e) {\r\n        const isYearly = toggle.checked;\r\n        let targetUrl = isYearly ? this.getAttribute('data-yearly') : this.getAttribute('data-monthly');\r\n        \r\n        if(targetUrl && targetUrl !== '#') {\r\n            \r\n            \/\/ 1. \u9a8c\u8bc1\u767b\u5f55\u72b6\u6001\uff0c\u672a\u767b\u5f55\u5219\u62e6\u622a\r\n            if (!isUserLoggedIn()) {\r\n                alert('Please log in to your account before purchasing.');\r\n                window.location.href = '\/wp-login.php'; \r\n                return;\r\n            }\r\n\r\n            \/\/ 2. \u5c1d\u8bd5\u83b7\u53d6\u771f\u5b9e\u7684 WP User ID\r\n            let wpUserId = window.wp_current_user_id;\r\n\r\n            \/\/ 3. \u4fdd\u5e95\u9632\u5fa1\uff1a\u5982\u679c\u662f\u767b\u5f55\u72b6\u6001\u4f46\u5728 HTML \u7ec4\u4ef6\u4e2d\u62ff\u4e0d\u5230\u7cbe\u51c6 ID (\u53ef\u80fd\u672a\u52a0 hooks \u6216\u88ab\u7f13\u5b58\u5265\u79bb)\r\n            \/\/ \u4f20\u4e00\u4e2a\u7279\u5f02\u6027\u5b57\u7b26\u4e32\uff0c\u540e\u7aef Webhook \u8bc6\u522b\u5230\u540e\u4f1a\u81ea\u52a8\u89e6\u53d1\u90ae\u4ef6\u548c Stripe ID \u7684\u4ea4\u53c9\u4fdd\u5e95\u67e5\u8be2\uff0c\u7edd\u4e0d\u4e22\u5355\u3002\r\n            if (!wpUserId || wpUserId === 0) {\r\n                wpUserId = \"LOGGED_IN_USER\"; \r\n            }\r\n\r\n            \/\/ 4. \u52a8\u6001\u7ec4\u88c5 client_reference_id \u4f20\u5165 Stripe\r\n            try {\r\n                const urlObj = new URL(targetUrl);\r\n                urlObj.searchParams.set('client_reference_id', wpUserId);\r\n                targetUrl = urlObj.toString();\r\n            } catch (err) {\r\n                const separator = targetUrl.includes('?') ? '&' : '?';\r\n                targetUrl = targetUrl + separator + 'client_reference_id=' + wpUserId;\r\n            }\r\n\r\n            window.location.href = targetUrl;\r\n        }\r\n    }\r\n    \r\n    btnFree.addEventListener('click', handleBtnClick);\r\n    btnPremium.addEventListener('click', handleBtnClick);\r\n    btnUltimate.addEventListener('click', handleBtnClick);\r\n\r\n    toggle.addEventListener('change', function() {\r\n        if (this.checked) {\r\n            labelMonthly.classList.remove('active');\r\n            labelYearly.classList.add('active');\r\n            pricePremium.innerHTML = '$10<span>\/month<\/span>';\r\n            priceUltimate.innerHTML = '$20<span>\/month<\/span>';\r\n            cardPremium.classList.add('show-ribbon');\r\n            cardUltimate.classList.add('show-ribbon');\r\n            btnPremium.textContent = 'Unlock Premium Yearly';\r\n            btnUltimate.textContent = 'Upgrade to Ultimate Yearly';\r\n        } else {\r\n            labelMonthly.classList.add('active');\r\n            labelYearly.classList.remove('active');\r\n            pricePremium.innerHTML = '$20<span>\/month<\/span>';\r\n            priceUltimate.innerHTML = '$40<span>\/month<\/span>';\r\n            cardPremium.classList.remove('show-ribbon');\r\n            cardUltimate.classList.remove('show-ribbon');\r\n            btnPremium.textContent = 'Upgrade to Premium';\r\n            btnUltimate.textContent = 'Upgrade to Ultimate';\r\n        }\r\n    });\r\n});\r\n<\/script>\r\n\r\n<style>\r\n.fame-pricing-section *, \r\n.fame-pricing-section *:focus, \r\n.fame-pricing-section *:active {\r\n    outline: none !important;\r\n    -webkit-tap-highlight-color: transparent !important;\r\n}\r\n.fame-pricing-section {\r\n    background-color: #211a14;\r\n    color: #e3e1dc;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    padding: 60px 20px;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n}\r\n.fame-title-main {\r\n    text-align: center;\r\n    color: #fff;\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    margin-bottom: 16px;\r\n}\r\n.fame-subtitle-main {\r\n    text-align: center;\r\n    color: #a3a19c;\r\n    font-size: 16px;\r\n    max-width: 700px;\r\n    margin: 0 auto 50px auto;\r\n    line-height: 1.6;\r\n}\r\n.fame-grid-3col {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n.fame-pricing-toggle {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 15px;\r\n    margin-bottom: 50px;\r\n    font-size: 15px;\r\n    color: #8f8d88;\r\n}\r\n.fame-pricing-toggle .toggle-text.active {\r\n    color: #fff;\r\n    font-weight: 600;\r\n}\r\n.fame-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n.fame-switch input { display: none; }\r\n.fame-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    background-color: #2a2825;\r\n    border-radius: 34px;\r\n    transition: .3s;\r\n}\r\n.fame-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px; width: 18px;\r\n    left: 3px; bottom: 3px;\r\n    background-color: #fff;\r\n    border-radius: 50%;\r\n    transition: .3s;\r\n}\r\ninput:checked + .fame-slider { background-color: #d49a55; }\r\ninput:checked + .fame-slider:before { transform: translateX(20px); }\r\n.fame-badge-save-toggle {\r\n    position: absolute;\r\n    top: -24px;\r\n    left: 45px;\r\n    background: #d49a55;\r\n    color: #131210;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    padding: 3px 6px;\r\n    border-radius: 50px;\r\n    white-space: nowrap;\r\n    box-shadow: 0 4px 10px rgba(212,154,85,0.3);\r\n}\r\n.fame-pricing-container { align-items: start; }\r\n.fame-price-card {\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.04);\r\n    border-radius: 20px;\r\n    padding: 45px 30px;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n}\r\n.fame-ribbon-save {\r\n    position: absolute;\r\n    top: -60px;\r\n    right: 24px;\r\n    width: 38px;\r\n    height: 52px;\r\n    background: #d49a55;\r\n    color: #131210;\r\n    font-size: 9px;\r\n    font-weight: 800;\r\n    text-align: center;\r\n    line-height: 1.2;\r\n    padding-top: 8px;\r\n    box-sizing: border-box;\r\n    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 85%, 0% 100%);\r\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    z-index: 10;\r\n}\r\n.fame-price-card.show-ribbon .fame-ribbon-save { transform: translateY(60px); }\r\n.ultimate-highlight {\r\n    border: 1px solid #d49a55;\r\n    background: linear-gradient(180deg, rgba(212,154,85,0.06) 0%, rgba(0,0,0,0) 100%);\r\n}\r\n.fame-tag-best {\r\n    position: absolute;\r\n    top: 16px; left: 30px;\r\n    background: rgba(212,154,85,0.15);\r\n    color: #d49a55;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    padding: 3px 10px;\r\n    border-radius: 20px;\r\n    text-transform: uppercase;\r\n}\r\n.fame-price-header { margin-bottom: 24px; margin-top: 10px; }\r\n.fame-plan-name { font-size: 18px; color: #fff; font-weight: 600; }\r\n.fame-plan-price { font-size: 46px; font-weight: 800; color: #fff; margin: 15px 0 5px 0; }\r\n.fame-plan-price span { font-size: 14px; color: #8f8d88; font-weight: 400; }\r\n.fame-plan-desc { font-size: 13px; color: #8f8d88; margin: 0; }\r\n.fame-btn {\r\n    width: 100%;\r\n    padding: 15px;\r\n    border-radius: 10px;\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    border: none;\r\n    margin-bottom: 30px;\r\n    transition: all 0.2s ease;\r\n}\r\n.btn-secondary { background: #1c1a17; color: #5c5a54; }\r\n.btn-secondary:hover { background: #262420; color: #8f8d88; }\r\n.btn-secondary:focus, .btn-secondary:active { background: #1c1a17 !important; color: #5c5a54 !important; }\r\n.btn-primary { background: transparent; border: 1px solid rgba(255,255,255,0.12); color: #fff; }\r\n.btn-primary:hover { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.25); }\r\n.btn-primary:focus, .btn-primary:active { background: rgba(255,255,255,0.08) !important; border-color: rgba(255,255,255,0.25) !important; color: #fff !important; }\r\n.btn-action { \r\n    background: linear-gradient(135deg, #d49a55 0%, #a97233 100%); \r\n    color: #131210; \r\n    box-shadow: 0 4px 15px rgba(212,154,85,0.2);\r\n}\r\n.btn-action:hover { \r\n    background: linear-gradient(135deg, #e3aa66 0%, #bc8342 100%);\r\n    transform: translateY(-1px);\r\n}\r\n.btn-action:focus, .btn-action:active {\r\n    background: linear-gradient(135deg, #d49a55 0%, #a97233 100%) !important;\r\n    color: #131210 !important;\r\n    transform: translateY(0);\r\n}\r\n.fame-features-list {\r\n    list-style: none;\r\n    padding: 0; margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    font-size: 13.5px;\r\n    color: #b5b3ae;\r\n}\r\n.fame-features-list li { position: relative; padding-left: 24px; line-height: 1.4; }\r\n.fame-features-list li.check::before { content: \"\u2713\"; position: absolute; left: 0; color: #d49a55; font-weight: bold; }\r\n.fame-features-list li.cross { color: #575550; }\r\n.fame-features-list li.cross::before { content: \"\u2715\"; position: absolute; left: 0; color: #403f3a; }\r\n@media (max-width: 991px) { .fame-grid-3col { grid-template-columns: repeat(2, 1fr); gap: 20px; } }\r\n@media (max-width: 767px) { .fame-grid-3col { grid-template-columns: 1fr; } .fame-title-main { font-size: 28px; } }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d394d99 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"d394d99\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fame-reviews-section\">\r\n    <div class=\"fame-reviews-header\">\r\n        <h2>What Users Say About Imgedits<\/h2>\r\n        <p>See how creators use Imgedits and AI Image Editor to boost their productivity<\/p>\r\n        <div class=\"fame-reviews-rating\">Rated 4.9\/5 by 25,017+ users.<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-reviews-marquee-wrapper\">\r\n        <!-- \u7b2c\u4e00\u5217\uff1a\u4e2d\u901f\u6eda\u52a8 -->\r\n        <div class=\"fame-reviews-column scroll-up\">\r\n            <div class=\"fame-reviews-track\">\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">With the AI Image Editor feature, I can precisely control every detail. Imgedits is the most powerful AI Image Generator available!<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=11\" alt=\"Michael Chen\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Zane<\/h4><span>Creative Director<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">As an e-commerce manager, the Imgedits Image Generator helps me quickly generate product showcase images. The results are much better than other AI tools!<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=45\" alt=\"Michael Chen\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Judy<\/h4><span>E-commerce Manager<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- \u590d\u5236\u4e00\u4efd\u7528\u4e8e\u65e0\u7f1d\u5faa\u73af\u6eda\u52a8 -->\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">With the AI Image Editor feature, I can precisely control every detail. Imgedits is the most powerful AI Image Generator available!<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=11\" alt=\"Michael Chen\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Alistair<\/h4><span>Creative Director<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">As an e-commerce manager, the Imgedits Image Generator helps me quickly generate product showcase images. The results are much better than other AI tools!<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=60\" alt=\"Sarah Wang\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Sarah<\/h4><span>E-commerce Manager<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u7b2c\u4e8c\u5217\uff1a\u6162\u901f\u6eda\u52a8 -->\r\n        <div class=\"fame-reviews-column scroll-up-slow\">\r\n            <div class=\"fame-reviews-track\">\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">The level of detail is unparalleled. As a game developer, the Imgedits Image Generator has become our go-to tool for concept design.<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=33\" alt=\"Kevin Wu\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Everett<\/h4><span>Game Concept Artist<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">AI Image Editor lets me maintain brand style consistency effortlessly. The Imgedits platform truly understands what designers need.<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=12\" alt=\"David Liu\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Dominic<\/h4><span>Brand Designer<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- \u590d\u5236\u4e00\u4efd\u7528\u4e8e\u65e0\u7f1d\u5faa\u73af\u6eda\u52a8 -->\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">The level of detail is unparalleled. As a game developer, the Imgedits Image Generator has become our go-to tool for concept design.<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=33\" alt=\"Kevin Wu\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Kevin<\/h4><span>Game Concept Artist<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">AI Image Editor lets me maintain brand style consistency effortlessly. The Imgedits platform truly understands what designers need.<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=12\" alt=\"David Liu\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>David<\/h4><span>Brand Designer<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u7b2c\u4e09\u5217\uff1a\u5feb\u901f\u6eda\u52a8 -->\r\n        <div class=\"fame-reviews-column scroll-up-fast\">\r\n            <div class=\"fame-reviews-track\">\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">As an indie developer, Imgedits's API integration is incredibly smooth. It's hands down the best AI Image Generator solution on the market!<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=20\" alt=\"Nina Patel\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Lexi luna<\/h4><span>Full-stack Developer<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">I've tried dozens of platforms, but combining the Imgedits background swap with its AI Image Editor is an absolute game-changer for my workflow.<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=47\" alt=\"Marcus Thompson\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Marcus Thompson<\/h4><span>Digital Marketer<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- \u590d\u5236\u4e00\u4efd\u7528\u4e8e\u65e0\u7f1d\u5faa\u73af\u6eda\u52a8 -->\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">As an indie developer, Imgedits's API integration is incredibly smooth. It's hands down the best AI Image Generator solution on the market!<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=60\" alt=\"Nina Patel\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Nina Patel<\/h4><span>Full-stack Developer<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">I've tried dozens of platforms, but combining the Imgedits background swap with its AI Image Editor is an absolute game-changer for my workflow.<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=47\" alt=\"Marcus Thompson\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Axel<\/h4><span>Digital Marketer<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u4fdd\u6301\u539f CSS \u4e0d\u53d8 *\/\r\n.fame-reviews-section { max-width: 1200px; margin: 0 auto; padding: 80px 20px; background: transparent; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif; }\r\n.fame-reviews-header { text-align: center; margin-bottom: 60px; }\r\n.fame-reviews-header h2 { color: #fff; font-size: 38px; font-weight: 700; margin: 0 0 16px 0; }\r\n.fame-reviews-header p { color: #999; font-size: 16px; line-height: 1.5; margin: 0 0 12px 0; }\r\n.fame-reviews-rating { color: #7f7f7f; font-size: 13px; font-weight: 600; }\r\n.fame-reviews-marquee-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; height: 650px; overflow: hidden; position: relative; -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%); }\r\n.fame-reviews-column { display: flex; flex-direction: column; overflow: hidden; }\r\n.fame-reviews-track { display: flex; flex-direction: column; gap: 24px; }\r\n.scroll-up .fame-reviews-track { animation: fameScrollUp 25s linear infinite; }\r\n.scroll-up-slow .fame-reviews-track { animation: fameScrollUp 35s linear infinite; }\r\n.scroll-up-fast .fame-reviews-track { animation: fameScrollUp 18s linear infinite; }\r\n.fame-reviews-marquee-wrapper:hover .fame-reviews-track { animation-play-state: paused !important; }\r\n@keyframes fameScrollUp { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } }\r\n.fame-review-card { background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.04); border-radius: 20px; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; transition: background 0.3s ease; }\r\n.fame-review-card:hover { background: rgba(255, 255, 255, 0.04); }\r\n.fame-review-content { color: #b3b3b3; font-size: 15px; line-height: 1.6; margin: 0 0 24px 0; }\r\n.fame-review-user { display: flex; align-items: center; gap: 14px; }\r\n.fame-user-avatar { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #333; flex-shrink: 0; }\r\n.fame-user-avatar img { width: 100%; height: 100%; object-fit: cover; }\r\n.fame-user-info h4 { color: #fff; font-size: 15px; margin: 0 0 3px 0; }\r\n.fame-user-info span { color: #666; font-size: 13px; display: block; }\r\n@media (max-width: 991px) { .fame-reviews-marquee-wrapper { grid-template-columns: repeat(2, 1fr); height: 550px; } .fame-reviews-column:nth-child(3) { display: none !important; } }\r\n@media (max-width: 767px) { .fame-reviews-marquee-wrapper { grid-template-columns: 1fr; height: 450px; } .fame-reviews-column:nth-child(2) { display: none !important; } }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23067d0 elementor-widget elementor-widget-html\" data-id=\"23067d0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"faq-section\">\r\n    <h2 class=\"faq-title\">Frequently Asked Questions<\/h2>\r\n    <p class=\"faq-subtitle\">Have another question? <a href=\"https:\/\/imgedits.net\/contact-us\/\" style=\"color:#fff \">Contact us<\/a>\r\n    <\/p>\r\n    \r\n    <div class=\"faq-grid\">\r\n        <div class=\"faq-item\"><h3>1. What is Imgedits and how does it work?<\/h3><p>Imgedits Image Generator is a completely free AI image generator powered by an intelligent multi-model routing system. It lets you create high-quality images from text descriptions with no registration and no generation count limits.<\/p><\/div>\r\n        <div class=\"faq-item\"><h3>2. Is Imgedits really free to use?<\/h3><p>Yes, Imgedits Image Generator is completely free to use! We are committed to being the world's largest and most powerful free AI Image Generator. There are no hidden fees, no credit card required, and no generation count limits.<\/p><\/div>\r\n        \r\n        <div class=\"faq-item\"><h3>3. What makes Imgedits different from other AI image generators?<\/h3><p>Imgedits offers free access to an intelligent multi-model router with no generation count limits. We provide superior image quality, fast generation speed and complete privacy protection with no cost or registration requirements.<\/p><\/div>\r\n        <div class=\"faq-item\"><h3>4. Do I need to create an account to use Imgedits?<\/h3><p>No account needed \u2014 the Imgedits Image Generator lets you visit imgedits.net and start generating images immediately. We believe in making AI accessible to everyone without barriers.<\/p><\/div>\r\n\r\n        <div class=\"faq-item\"><h3>5. What types of images can I create with Imgedits?<\/h3><p>The Imgedits Image Generator lets you create a wide variety of images including photorealistic scenes, artistic illustrations, digital art, anime-style images and more. Our intelligent router picks the best model for each prompt to handle complex instructions and deliver diverse visual styles.<\/p><\/div>\r\n        <div class=\"faq-item\"><h3>6. How does Imgedits protect my privacy?<\/h3><p>We follow a minimal data collection approach: requests from users who are not signed in are typically processed temporarily, while signed-in users retain only the information needed for account features, history, subscriptions, and security protections.<\/p><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.faq-section { max-width: 1000px; margin: 0 auto; padding: 40px 20px; font-family: sans-serif; color: #e0e0e0; }\r\n.faq-title { text-align: center; font-size: 36px; margin-bottom: 10px; color: #fff; }\r\n.faq-subtitle { text-align: center; margin-bottom: 50px; color: #b3b3b3; }\r\n.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }\r\n.faq-item h3 { font-size: 18px; margin-bottom: 10px; color: #fff; border-left: 3px solid #ff9900; padding-left: 15px; }\r\n.faq-item p { font-size: 14px; line-height: 1.6; color: #a0a0a0; padding-left: 18px; }\r\n\r\n@media (max-width: 768px) {\r\n    .faq-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a325cd e-flex e-con-boxed e-con e-parent\" data-id=\"3a325cd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ebc0e9 elementor-widget elementor-widget-html\" data-id=\"9ebc0e9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"footer-section\">\r\n    <div class=\"footer-container\">\r\n        <div class=\"footer-left\">\r\n            &copy; 2026 \u2022 Imgedits All rights reserved.\r\n        <\/div>\r\n        <div class=\"footer-right\">\r\n            <a href=\"https:\/\/imgedits.net\/privacy-policy\/\">Privacy Policy<\/a>\r\n            <a href=\"https:\/\/imgedits.net\/privacy-policy\/\">Terms of Service<\/a>\r\n            <a href=\"https:\/\/imgedits.net\/contact-us\/\">Contact Us<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n.footer-section {\r\n    background-color: rgb(19, 18, 16); \/* \u5339\u914d\u622a\u56fe\u4e2d\u7684\u6df1\u8272\u80cc\u666f *\/\r\n    padding: 30px 20px;\r\n    background: #211a14;\r\n    border-top: 1px solid #333;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n.footer-container {\r\n    max-width: 100%;!important\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    color: #888;\r\n    font-size: 14px;\r\n}\r\n\r\n.footer-right a {\r\n    color: #888;\r\n    text-decoration: none;\r\n    margin-left: 25px;\r\n    transition: color 0.3s;\r\n}\r\n\r\n.footer-right a:hover {\r\n    color: #fff; \/* \u60ac\u505c\u65f6\u53d8\u767d\uff0c\u7b26\u5408\u73b0\u4ee3\u8bbe\u8ba1 *\/\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .footer-container {\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        text-align: center;\r\n    }\r\n    .footer-right a {\r\n        margin: 0 10px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ImgEdits Create stunning AI-generated images in seconds \u2728 Unlimited Free Generations. No Login. Total Creative Freedom. \u2728 100% Free Powered by Nano Banana No Login Required Unlimited Generations \u2715 + 1:1 1:1 16:9 9:16 21:9 3:2 2:3 4:3 3:4 No Style None Anime Digital Art Fantasy Art Neon Punk Line Art Cinematic Pixel Art Enhance [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/imgedits.net\/pl\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imgedits.net\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imgedits.net\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imgedits.net\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imgedits.net\/pl\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":697,"href":"https:\/\/imgedits.net\/pl\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":933,"href":"https:\/\/imgedits.net\/pl\/wp-json\/wp\/v2\/pages\/2\/revisions\/933"}],"wp:attachment":[{"href":"https:\/\/imgedits.net\/pl\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}