{"id":344,"date":"2025-09-16T21:28:28","date_gmt":"2025-09-16T13:28:28","guid":{"rendered":"https:\/\/yinyang.taichi.us.kg\/?p=344"},"modified":"2025-09-19T20:29:33","modified_gmt":"2025-09-19T12:29:33","slug":"%e5%90%83%e8%8b%a6%e7%9a%84%e4%ba%ba%e4%b8%8a%e4%ba%ba%e5%8d%b0%e5%ba%a6%e8%be%b2%e6%b0%91","status":"publish","type":"post","link":"https:\/\/yinyang.taichi.us.kg\/?k=60528503a2f3a6af","title":{"rendered":"\u5403\u82e6\u7684\u4eba\u4e0a\u4eba\u5370\u5ea6\u8fb2\u6c11"},"content":{"rendered":"\n<style>\n\/* Basic styling for the post container *\/\n.ai-showcase-container {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    max-width: 900px;\n    margin: 2em auto;\n    padding: 20px;\n    background-color: #f9f9f9;\n    border-radius: 12px;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n}\n\n\/* Headings style *\/\n.ai-showcase-container h1, .ai-showcase-container h2, .ai-showcase-container h3 {\n    color: #2c3e50;\n    text-align: center;\n    margin-bottom: 0.5em;\n}\n\n.ai-showcase-container h1 {\n    font-size: 2.5em;\n    margin-bottom: 1em;\n}\n\n.ai-showcase-container h2 {\n    font-size: 1.8em;\n    border-bottom: 2px solid #e0e0e0;\n    padding-bottom: 10px;\n    margin-top: 2em;\n}\n\n.ai-showcase-container p.intro {\n    text-align: center;\n    font-size: 1.1em;\n    color: #555;\n    margin-bottom: 2em;\n}\n\n\/* Styling for the prompt box *\/\n.prompt-box {\n    background-color: #ffffff;\n    border: 1px solid #ddd;\n    border-left: 5px solid #3498db;\n    padding: 20px;\n    margin: 2em 0;\n    border-radius: 8px;\n    white-space: pre-wrap; \/* Preserves line breaks *\/\n    font-family: 'Courier New', Courier, monospace;\n    font-size: 0.95em;\n    line-height: 1.6;\n    color: #333;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n}\n\n\/* Grid layout for the media *\/\n.media-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 25px;\n    margin-top: 2em;\n}\n\n\/* Card styling for each media item *\/\n.media-card {\n    background-color: #fff;\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: 0 5px 20px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.media-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 25px rgba(0,0,0,0.15);\n}\n\n.media-card h3 {\n    font-size: 1.2em;\n    padding: 15px 0;\n    margin: 0;\n    background-color: #ecf0f1;\n    color: #34495c;\n}\n\n\/* Responsive image and video styling *\/\n.media-card img, .media-card video {\n    width: 100%;\n    height: auto;\n    display: block;\n}\n\n\/* Make images clickable *\/\n.media-card img {\n    cursor: pointer;\n}\n\n\n\/* --- START: NEW STYLES FOR IMAGE POPUP (LIGHTBOX) --- *\/\n.image-modal-overlay {\n    display: none; \/* Hidden by default *\/\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n    background-color: rgba(0,0,0,0.85);\n    justify-content: center;\n    align-items: center;\n    animation: fadeIn 0.3s;\n}\n\n.image-modal-content {\n    margin: auto;\n    display: block;\n    max-width: 90%;\n    max-height: 90vh;\n    animation: zoomIn 0.3s;\n}\n\n.image-modal-close {\n    position: absolute;\n    top: 20px;\n    right: 35px;\n    color: #fff;\n    font-size: 40px;\n    font-weight: bold;\n    transition: 0.3s;\n    cursor: pointer;\n}\n\n.image-modal-close:hover,\n.image-modal-close:focus {\n    color: #bbb;\n    text-decoration: none;\n}\n\n@keyframes fadeIn {\n  from {opacity: 0}\n  to {opacity: 1}\n}\n\n@keyframes zoomIn {\n  from {transform: scale(0.9)}\n  to {transform: scale(1)}\n}\n\/* --- END: NEW STYLES FOR IMAGE POPUP (LIGHTBOX) --- *\/\n\n<\/style>\n\n<div class=\"ai-showcase-container\">\n\n    <h1>AI \u6a21\u578b\u5927\u6bd4\u62fc\uff1a\u4e00\u500b\u63d0\u793a\uff0c\u516d\u7a2e\u8a6e\u91cb<\/h1>\n    <p class=\"intro\">\n        \u9019\u662f\u4e00\u5834\u95dc\u65bc\u4e0d\u540c AI \u6a21\u578b\u5982\u4f55\u8a6e\u91cb\u540c\u4e00\u6bb5\u8a73\u7d30\u63d0\u793a\u8a5e\u7684\u63a2\u7d22\u3002\u4ee5\u4e0b\u662f\u7531\u4e94\u6b3e\u4e3b\u6d41\u7684\u5716\u50cf\u751f\u6210\u5668\u548c\u4e00\u6b3e\u5f71\u7247\u751f\u6210\u5668\u6240\u5275\u4f5c\u7684\u8996\u89ba\u6210\u679c\uff0c\u5b83\u5011\u7684\u5171\u540c\u4efb\u52d9\u662f\u6253\u9020\u4e00\u5e45\u6975\u5ea6\u903c\u771f\u7684\u5370\u5ea6\u8fb2\u592b\u8096\u50cf\u3002\n    <\/p>\n\n    <h2>\u4e3b\u8981\u63d0\u793a\u8a5e<\/h2>\n    <div class=\"prompt-box\">\n        <code>\n\"Ultra-high resolution hyper-realistic full body portrait of an Indian farmer working in his field. his face expressive and alive, not CGI, not cartoon, not 3D. His eyes look weary yet resilient, reflecting decades of hard labor. He wears a white talapagga white dhoti His feet are bare and cracked from years of toil. He grips a traditional wooden hoe (cangkul) with calloused hands, bending low as he digs into the soil, his posture slightly hunched. The scene is a rice field at midday: bright green paddies stretch to the horizon, mud and water glisten under the sun, and distant mountains frame the background under a clear blue sky. Straw, dust, and small leaves swirl in the hot wind. emerges faintly from the clouds, blurred and surreal. Ultra-detailed, cinematic realism, 8K UHD quality, 9:16 portrait ratio.\"\n\n\"style\": \"Ultra photo-realism, cinematic, hyper-detailed, 8K UHD, natural daylight\"\n\"subject\": \" Indian male farmer, bending low while hoeing the field\"\n\"composition\": \"Full body bent working pose, rice field with mountains in background, and Indian village style huts\"\n\"lighting\": \"Bright midday sunlight, cinematic contrast, natural shadows on face, clothes, and soil, atmospheric depth\"\n\"quality\": \"8K UHD, ultra high resolution, hyper-detailed textures, cinematic sharpness\"\n        <\/code>\n    <\/div>\n\n    <h2>AI \u751f\u6210\u7d50\u679c<\/h2>\n    <div class=\"media-grid\">\n        <div class=\"media-card\">\n            <h3>1. Seedream Model<\/h3>\n            <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/decm4ed20\/image\/upload\/v1758021066\/seedream-4__Ultra-high_resoluti_v3g7wp.jpg\" alt=\"Indian farmer generated by Seedream AI model\">\n        <\/div>\n\n        <div class=\"media-card\">\n            <h3>2. Flux.1-kontext-pro<\/h3>\n            <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/decm4ed20\/image\/upload\/v1758021067\/flux-1-kontext-pro__Ultra-high_resoluti_zeq8mx.png\" alt=\"Indian farmer generated by Flux.1 AI model\">\n        <\/div>\n\n        <div class=\"media-card\">\n            <h3>3. Grok Model <\/h3>\n            <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/decm4ed20\/image\/upload\/v1758021067\/1758004444595_f4pmwl.png\" alt=\"Indian farmer generated by Grok model\">\n        <\/div>\n\n        <div class=\"media-card\">\n            <h3>4. Chatgpt 5<\/h3>\n            <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/decm4ed20\/image\/upload\/v1758021069\/5aeb5db8-1b9e-47c4-a803-205ad5c0434a_wkiskh.png\" alt=\"Indian farmer generated by ChatGPT 5\">\n        <\/div>\n        \n        <div class=\"media-card\">\n            <h3>5. Copilot (DALL-E 3)<\/h3>\n            <img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/decm4ed20\/image\/upload\/v1758021071\/copilot_image_1758002256412_opfygw.png\" alt=\"Indian farmer generated by Copilot AI model\">\n        <\/div>\n\n        <div class=\"media-card\">\n            <h3>6. Whisk Video<\/h3>\n            <video controls autoplay loop muted playsinline>\n                <source src=\"https:\/\/res.cloudinary.com\/decm4ed20\/video\/upload\/v1758021510\/Whisk_ydohvzy3etykjwmj1co4itotgtm2qtl1gjnw0cn_komf9b.mp4\" type=\"video\/mp4\">\n                Your browser does not support the video tag.\n            <\/video>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"imageModal\" class=\"image-modal-overlay\">\n  <span class=\"image-modal-close\">&times;<\/span>\n  <img class=\"image-modal-content\" id=\"modalImage\">\n<\/div>\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Get the modal elements\n    var modal = document.getElementById(\"imageModal\");\n    var modalImg = document.getElementById(\"modalImage\");\n    var span = document.getElementsByClassName(\"image-modal-close\")[0];\n\n    \/\/ Get all images in the grid and add click event\n    var images = document.querySelectorAll('.media-card img');\n    images.forEach(function(img) {\n        img.onclick = function(){\n            modal.style.display = \"flex\";\n            modalImg.src = this.src;\n            modalImg.alt = this.alt;\n        }\n    });\n\n    \/\/ Function to close the modal\n    function closeModal() {\n        modal.style.display = \"none\";\n    }\n\n    \/\/ When the user clicks on <span> (x), close the modal\n    if (span) {\n        span.onclick = closeModal;\n    }\n\n    \/\/ When the user clicks anywhere on the overlay, close it\n    window.onclick = function(event) {\n        if (event.target == modal) {\n            closeModal();\n        }\n    }\n    \n    \/\/ When the user presses the 'Escape' key, close it\n    document.addEventListener('keydown', function(event) {\n        if (event.key === \"Escape\") {\n            closeModal();\n        }\n    });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>AI \u6a21\u578b\u5927\u6bd4\u62fc\uff1a\u4e00\u500b\u63d0\u793a\uff0c\u516d\u7a2e\u8a6e\u91cb<br \/>\n\u9019\u662f\u4e00\u5834\u95dc\u65bc\u4e0d\u540c AI \u6a21\u578b\u5982\u4f55\u8a6e\u91cb\u540c\u4e00\u6bb5\u8a73\u7d30\u63d0\u793a\u8a5e\u7684\u63a2\u7d22\u3002\u4ee5\u4e0b\u662f\u7531\u4e94\u6b3e\u4e3b\u6d41\u7684\u5716\u50cf\u751f\u6210\u5668\u548c\u4e00\u6b3e\u5f71\u7247\u751f\u6210\u5668\u6240\u5275\u4f5c\u7684\u8996\u89ba\u6210\u679c\uff0c\u5b83\u5011\u7684\u5171\u540c\u4efb\u52d9\u662f\u6253\u9020\u4e00\u5e45\u6975\u5ea6\u903c\u771f\u7684\u5370\u5ea6\u8fb2\u592b\u8096\u50cf\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"video","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-344","post","type-post","status-publish","format-video","hentry","category-uncategorized","post_format-post-format-video"],"_links":{"self":[{"href":"https:\/\/yinyang.taichi.us.kg\/index.php?rest_route=\/wp\/v2\/posts\/344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yinyang.taichi.us.kg\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yinyang.taichi.us.kg\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yinyang.taichi.us.kg\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yinyang.taichi.us.kg\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=344"}],"version-history":[{"count":4,"href":"https:\/\/yinyang.taichi.us.kg\/index.php?rest_route=\/wp\/v2\/posts\/344\/revisions"}],"predecessor-version":[{"id":358,"href":"https:\/\/yinyang.taichi.us.kg\/index.php?rest_route=\/wp\/v2\/posts\/344\/revisions\/358"}],"wp:attachment":[{"href":"https:\/\/yinyang.taichi.us.kg\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=344"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yinyang.taichi.us.kg\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=344"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yinyang.taichi.us.kg\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}