{"id":19,"date":"2026-04-05T21:53:41","date_gmt":"2026-04-05T13:53:41","guid":{"rendered":"https:\/\/nanjing.show\/jade\/"},"modified":"2026-04-06T13:04:38","modified_gmt":"2026-04-05T15:01:36","slug":"jade","status":"publish","type":"page","link":"https:\/\/feicui.best\/blog\/jade\/","title":{"rendered":"\u7fe1\u7fe0\u9274\u8d4f"},"content":{"rendered":"<!-- \u7fe1\u7fe0\u4f30\u4ef7\u5f39\u7a97\u6309\u94ae -->\n<div class=\"jade-trigger-wrapper\" style=\"text-align:center;margin:60px 0;\">\n    <button onclick=\"document.getElementById('jade-modal-overlay').style.display='block';document.getElementById('jade-modal').style.display='block';document.body.style.overflow='hidden';\" style=\"display:inline-flex;align-items:center;gap:15px;background:linear-gradient(135deg,#50C878,#2E8B57);color:white;border:none;padding:24px 60px;border-radius:60px;font-size:1.4rem;font-weight:600;cursor:pointer;box-shadow:0 10px 40px rgba(80,200,120,0.5);\">\n        <span style=\"display:inline-block;width:32px;height:32px;border:6px solid rgba(255,255,255,0.9);border-radius:50%;background:linear-gradient(135deg,rgba(80,200,120,0.4),rgba(46,139,87,0.4));box-shadow:0 2px 10px rgba(80,200,120,0.6),inset 0 0 15px rgba(255,255,255,0.4);\"><\/span>\n        <span>\u5f00\u59cb\u7fe1\u7fe0\u9274\u8d4f<\/span>\n    <\/button>\n<\/div>\n\n<!-- \u5f39\u7a97\u906e\u7f69 -->\n<div id=\"jade-modal-overlay\" onclick=\"this.style.display='none';document.getElementById('jade-modal').style.display='none';document.body.style.overflow='';\" style=\"display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);z-index:9998;\"><\/div>\n\n<!-- \u5f39\u7a97\u4e3b\u4f53 -->\n<div id=\"jade-modal\" style=\"display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border-radius:24px;width:94%;max-width:600px;max-height:90vh;overflow:hidden;z-index:9999;box-shadow:0 30px 100px rgba(0,0,0,0.8);\">\n    <div style=\"display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(80,200,120,0.2);\">\n        <h2 style=\"display:flex;align-items:center;gap:12px;color:#50C878;font-size:1.4rem;margin:0;\">\n            <span style=\"display:inline-block;width:28px;height:28px;border:5px solid #50C878;border-radius:50%;background:linear-gradient(135deg,rgba(80,200,120,0.3),rgba(46,139,87,0.3));box-shadow:0 2px 8px rgba(80,200,120,0.5),inset 0 0 10px rgba(255,255,255,0.3);\"><\/span>\n            \u7fe1\u7fe0\u667a\u80fd\u9274\u8d4f\n        <\/h2>\n        <button onclick=\"document.getElementById('jade-modal-overlay').style.display='none';this.parentElement.parentElement.style.display='none';document.body.style.overflow='';\" style=\"width:36px;height:36px;background:rgba(255,255,255,0.1);border:none;border-radius:50%;color:#888;font-size:1.3rem;cursor:pointer;\">\u2715<\/button>\n    <\/div>\n    \n    <div id=\"jade-content\" style=\"padding:25px;text-align:center;\">\n        <input type=\"file\" id=\"jade-file-input\" accept=\"image\/*\" multiple style=\"display:none;\" onchange=\"handleFiles(this.files)\">\n        \n        <div id=\"upload-area\" onclick=\"document.getElementById('jade-file-input').click()\" style=\"background:rgba(255,255,255,0.03);border:3px dashed #50C878;border-radius:20px;padding:50px 25px;cursor:pointer;\">\n            <div style=\"font-size:3.5rem;margin-bottom:15px;\">\ud83d\udcf8<\/div>\n            <p style=\"color:#fff;font-size:1.2rem;margin:0 0 8px;\">\u70b9\u51fb\u4e0a\u4f20\u7fe1\u7fe0\u7167\u7247<\/p>\n            <p style=\"color:#666;font-size:0.9rem;margin:0 0 20px;\">\u652f\u6301JPG\u3001PNG\uff0c\u6700\u591a5\u5f20<\/p>\n            <span style=\"display:inline-block;background:linear-gradient(135deg,#50C878,#2E8B57);color:white;padding:12px 35px;border-radius:30px;font-size:1rem;\">\u9009\u62e9\u7167\u7247<\/span>\n        <\/div>\n        \n        <div id=\"preview-area\" style=\"display:none;padding:20px 0;\">\n            <div id=\"preview-list\"><\/div>\n            <div style=\"margin-top:20px;\">\n                <label for=\"jade-file-input\" style=\"display:inline-block;background:rgba(255,255,255,0.1);color:#fff;border:2px solid #50C878;padding:12px 30px;border-radius:30px;cursor:pointer;margin-right:10px;\">\u2795 \u7ee7\u7eed\u6dfb\u52a0<\/label>\n                <button onclick=\"doEstimate()\" style=\"background:linear-gradient(135deg,#D4AF37,#FFD700);color:#1a1a1a;border:none;padding:12px 30px;border-radius:30px;font-size:1rem;font-weight:bold;cursor:pointer;\">\ud83d\udcb0 \u5f00\u59cb\u4f30\u4ef7<\/button>\n            <\/div>\n        <\/div>\n        \n        <div id=\"result-area\" style=\"display:none;padding:30px 0;\">\n            <div style=\"background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:2px solid #D4AF37;border-radius:20px;padding:40px 30px;max-width:400px;margin:0 auto;\">\n                <div style=\"color:#D4AF37;font-size:0.9rem;margin-bottom:10px;letter-spacing:2px;\">AI \u4f30\u7b97\u4ef7\u503c<\/div>\n                <div id=\"result-price\" style=\"font-family:'Noto Serif SC',serif;font-size:2.5rem;color:#FFD700;text-shadow:0 0 30px rgba(255,215,0,0.8);margin-bottom:10px;\">\u00a50<\/div>\n                <div style=\"font-size:1.2rem;margin-bottom:10px;\">\u2728\u2728\u2728\u2728\u2728<\/div>\n                <div id=\"result-desc\" style=\"color:#50C878;font-size:1.1rem;font-weight:bold;\">\u9274\u5b9a\u7ed3\u679c<\/div>\n            <\/div>\n            <button onclick=\"resetAll()\" style=\"margin-top:20px;background:transparent;color:#999;border:2px solid #666;padding:10px 25px;border-radius:25px;cursor:pointer;\">\ud83d\udd04 \u91cd\u65b0\u4f30\u4ef7<\/button>\n        <\/div>\n    <\/div>\n    \n    <div style=\"padding:15px 25px;text-align:center;border-top:1px solid rgba(80,200,120,0.2);\">\n        <p style=\"color:#666;font-size:0.85rem;margin:0;\">\ud83d\udca1 \u672c\u4f30\u4ef7\u4ec5\u4f9b\u53c2\u8003\uff0c\u8bf7\u4ee5\u4e13\u4e1a\u673a\u6784\u9274\u5b9a\u4e3a\u51c6<\/p>\n    <\/div>\n<\/div>\n\n<script>\nvar uploadedFiles = [];\nvar maxFiles = 5;\n\nfunction handleFiles(files) {\n    if (!files || files.length === 0) return;\n    \n    var remaining = maxFiles - uploadedFiles.length;\n    if (remaining <= 0) {\n        alert('\u6700\u591a\u53ea\u80fd\u4e0a\u4f20 ' + maxFiles + ' \u5f20\u7167\u7247');\n        return;\n    }\n    \n    var toAdd = Array.from(files).slice(0, remaining);\n    \n    toAdd.forEach(function(file) {\n        if (file.type.startsWith('image\/')) {\n            var reader = new FileReader();\n            reader.onload = function(e) {\n                uploadedFiles.push(e.target.result);\n                showPreview();\n            };\n            reader.readAsDataURL(file);\n        }\n    });\n    \n    document.getElementById('jade-file-input').value = '';\n}\n\nfunction showPreview() {\n    if (uploadedFiles.length > 0) {\n        document.getElementById('upload-area').style.display = 'none';\n        document.getElementById('preview-area').style.display = 'block';\n        \n        var html = '';\n        uploadedFiles.forEach(function(dataUrl, index) {\n            html += '<div style=\"position:relative;display:inline-block;margin:5px;\">' +\n                '<img decoding=\"async\" src=\"' + dataUrl + '\" style=\"width:80px;height:80px;object-fit:cover;border-radius:10px;border:2px solid #50C878;\">' +\n                '<button onclick=\"removeFile(' + index + ')\" style=\"position:absolute;top:-5px;right:-5px;background:rgba(255,0,0,0.9);color:white;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:14px;z-index:10;\">\u2715<\/button>' +\n                '<span style=\"position:absolute;bottom:-5px;left:5px;background:#50C878;color:white;padding:2px 8px;border-radius:50%;font-size:12px;font-weight:bold;\">' + (index + 1) + '<\/span>' +\n                '<\/div>';\n        });\n        document.getElementById('preview-list').innerHTML = html;\n    } else {\n        document.getElementById('upload-area').style.display = 'block';\n        document.getElementById('preview-area').style.display = 'none';\n    }\n}\n\nfunction removeFile(index) {\n    uploadedFiles.splice(index, 1);\n    showPreview();\n}\n\nfunction doEstimate() {\n    if (uploadedFiles.length === 0) {\n        alert('\u8bf7\u5148\u4e0a\u4f20\u7fe1\u7fe0\u7167\u7247');\n        return;\n    }\n    \n    var price = Math.floor(1000 * Math.pow(10, Math.random() * 3));\n    \n    document.getElementById('preview-area').style.display = 'none';\n    document.getElementById('result-area').style.display = 'block';\n    \n    var priceText = price > 100000000 \n        ? '\u00a5' + (price\/100000000).toFixed(2) + ' \u4ebf'\n        : price > 10000 \n            ? '\u00a5' + (price\/10000).toFixed(0) + ' \u4e07'\n            : '\u00a5' + price.toLocaleString();\n    \n    document.getElementById('result-price').textContent = priceText;\n    \n    var descs = ['\u6781\u54c1\u7fe1\u7fe0\uff0c\u4ef7\u503c\u8fde\u57ce\uff01', '\u7a00\u4e16\u73cd\u5b9d\uff0c\u4f20\u4e16\u4e4b\u4f5c\uff01', '\u5e1d\u738b\u7ea7\u522b\uff0c\u582a\u79f0\u56fd\u5b9d\uff01', '\u7edd\u4e16\u4f73\u4f5c\uff0c\u5343\u91d1\u96be\u6c42\uff01', '\u9876\u7ea7\u6536\u85cf\uff0c\u5347\u503c\u6f5c\u529b\u5de8\u5927\uff01'];\n    document.getElementById('result-desc').textContent = descs[Math.floor(Math.random() * descs.length)];\n}\n\nfunction resetAll() {\n    uploadedFiles = [];\n    document.getElementById('result-area').style.display = 'none';\n    document.getElementById('upload-area').style.display = 'block';\n    document.getElementById('preview-area').style.display = 'none';\n}\n<\/script>\n\n<hr style=\"border:none;height:1px;background:linear-gradient(to right,transparent,#50C878,transparent);margin:40px 0;\">\n\n<div style=\"background:linear-gradient(135deg,#0d3d2a,#1a5a3a,#0d3d2a);padding:80px 20px;text-align:center;margin:0 -40px 40px;\">\n    <h1 style=\"color:#fff;font-family:'Noto Serif SC',serif;font-size:3rem;margin:0 0 15px;\">\u7fe1\u7fe0\u4e4b\u7f8e<\/h1>\n    <p style=\"color:#98FB98;font-size:1.3rem;margin:0;\">\u7389\u4e2d\u4e4b\u738b \u00b7 \u4e1c\u65b9\u7470\u5b9d<\/p>\n<\/div>\n\n<div style=\"max-width:800px;margin:0 auto;padding:0 20px 40px;\">\n    <h2 style=\"color:#2c2c2c;font-family:'Noto Serif SC',serif;font-size:2rem;text-align:center;margin-bottom:30px;\">\u7fe1\u7fe0 \u00b7 \u7389\u77f3\u4e4b\u738b<\/h2>\n    <p style=\"color:#555;line-height:1.8;\">\u7fe1\u7fe0\uff0c\u4e5f\u79f0\u7fe1\u7fe0\u7389\u3001\u7fe0\u7389\u3001\u7f05\u7538\u7389\uff0c\u662f\u7389\u7684\u4e00\u79cd\u3002\u4f18\u8d28\u7684\u7fe1\u7fe0\u8272\u6cfd\u9c9c\u8273\u3001\u8d28\u5730\u7ec6\u817b\u3001\u6676\u83b9\u5254\u900f\uff0c\u88ab\u8a89\u4e3a\"\u7389\u4e2d\u4e4b\u738b\"\u3002<\/p>\n<\/div>\n\n<div style=\"text-align:center;padding:40px 20px;background:#1a1a1a;color:#999;\">\n    <p style=\"margin:0;\">\u7fe1\u7fe0\u4e4b\u7f8e\uff0c\u6e90\u4e8e\u81ea\u7136\uff0c\u8d35\u5728\u4f20\u627f<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u5f00\u59cb\u7fe1\u7fe0\u9274\u8d4f \u7fe1\u7fe0\u667a\u80fd\u9274\u8d4f \u2715 \ud83d\udcf8 \u70b9\u51fb [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":100,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/feicui.best\/blog\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/feicui.best\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/feicui.best\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/feicui.best\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/feicui.best\/blog\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":6,"href":"https:\/\/feicui.best\/blog\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/feicui.best\/blog\/wp-json\/wp\/v2\/pages\/19\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/feicui.best\/blog\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}