{"id":13,"date":"2026-03-07T12:26:15","date_gmt":"2026-03-07T04:26:15","guid":{"rendered":"https:\/\/liali.top\/?p=13"},"modified":"2026-03-07T12:26:15","modified_gmt":"2026-03-07T04:26:15","slug":"%e8%b6%85%e7%ba%a7%e4%ba%ba%e7%94%9f%e6%a8%a1%e6%8b%9f%e5%99%a8-%e4%bf%ae%e7%82%bc%e4%b8%93%e5%b1%9e","status":"publish","type":"post","link":"https:\/\/liali.top\/index.php\/2026\/03\/07\/%e8%b6%85%e7%ba%a7%e4%ba%ba%e7%94%9f%e6%a8%a1%e6%8b%9f%e5%99%a8-%e4%bf%ae%e7%82%bc%e4%b8%93%e5%b1%9e\/","title":{"rendered":"\u8d85\u7ea7\u4eba\u751f\u6a21\u62df\u5668 – \u4fee\u70bc\u4e13\u5c5e"},"content":{"rendered":"\n


\n
\n
\n
\n
\n \u8d85\u7ea7\u4eba\u751f\u6a21\u62df\u5668 – \u4fee\u70bc\u4e13\u5c5e<\/title><br>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> <script><br \/>\n tailwind.config = {<br \/>\n theme: {<br \/>\n extend: {<br \/>\n colors: {<br \/>\n 'bg-main': '#0a0a0f',<br \/>\n 'bg-panel': '#1a1a2e',<br \/>\n 'text-main': '#e0e0e0',<br \/>\n 'text-muted': '#8899a6',<br \/>\n 'accent-red': '#c0392b',<br \/>\n 'accent-blue': '#2c3e50',<br \/>\n },<br \/>\n animation: {<br \/>\n 'fadeIn': 'fadeIn 0.5s ease-out forwards',<br \/>\n },<br \/>\n keyframes: {<br \/>\n fadeIn: {<br \/>\n '0%': { opacity: '0', transform: 'translateY(10px)' },<br \/>\n '100%': { opacity: '1', transform: 'translateY(0)' },<br \/>\n }<br \/>\n }<br \/>\n }<br \/>\n }<br \/>\n }<br \/>\n <\/script><\/p>\n\n\n\n<style>\n #particles-js {<br \/>\n position: fixed;<br \/>\n width: 100%;<br \/>\n height: 100%;<br \/>\n top: 0;<br \/>\n left: 0;<br \/>\n z-index: -1;<br \/>\n }<\/p>\n<p> \/* \u5173\u952e\u4fee\u590d\uff1a\u786e\u4fdd\u8f93\u5165\u6846\u53ef\u7f16\u8f91 *\/<br \/>\n #life-input {<br \/>\n background: rgba(26, 26, 46, 0.9) !important;<br \/>\n border: 2px solid rgba(255, 255, 255, 0.15) !important;<br \/>\n color: #e0e0e0 !important;<br \/>\n position: relative;<br \/>\n z-index: 10;<br \/>\n }<\/p>\n<p> #life-input:focus {<br \/>\n border-color: #c0392b !important;<br \/>\n box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.3) !important;<br \/>\n outline: none !important;<br \/>\n }<br \/>\n <\/style>\n\n\n\n<p class=\"wp-block-paragraph\"><br>\n<\/p>\n\n\n\n<div id=\"particles-js\"><\/div>\n\n\n\n<div class=\"container mx-auto px-4 py-8 max-w-7xl\">\n<header class=\"text-center my-12\">\n<h1 class=\"text-4xl md:text-5xl font-bold text-white mb-4\">\n \u8d85\u7ea7\u4eba\u751f\u6a21\u62df\u5668 <span class=\"text-accent-red\">\ud83c\udf0c<\/span><br>\n <\/h1>\n<p class=\"text-text-muted text-lg\">\u4fee\u70bc\u4eba\u751f \u00b7 \u4e0e\u5b8c\u7f8e\u7684\u81ea\u5df1\u4ea4\u6218<\/p>\n<\/header>\n<div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n <!-- \u5de6\u4fa7\u8f93\u5165\u533a --><p><\/p>\n<aside class=\"bg-bg-panel\/80 rounded-2xl p-6 border border-white\/10\">\n<h2 class=\"text-xl font-bold text-accent-red mb-6\">\n <i class=\"fa fa-diamond mr-2\"><\/i>\u6027\u683c\u8bbe\u5b9a<br>\n <\/h2>\n<div class=\"mb-6\">\n <label class=\"block text-text-muted mb-2 text-sm\">\u8bf7\u8f93\u5165\u4f60\u7684\u4eba\u751f\u5173\u952e\u8bcd<\/label><br>\n <input type=\"text\" id=\"life-input\" class=\"w-full p-4 rounded-xl text-lg\" placeholder=\"\u4f8b\u5982\uff1aINTJ\u3001\u7fbd\u6bdb\u7403\u521b\u4f5c\u8005\u3001\u6c7d\u8f66\u8425\u9500...\" autocomplete=\"off\">\n <\/div>\n<p> <button onclick=\"startSimulation()\" class=\"w-full bg-accent-red text-white py-3 rounded-xl font-bold hover:bg-accent-red\/80 transition\"><br>\n <i class=\"fa fa-play mr-2\"><\/i>\u5f00\u59cb\u6a21\u62df<br>\n <\/button><br>\n <\/p><\/aside>\n<p> <!-- \u53f3\u4fa7\u7ed3\u679c\u533a --><\/p>\n<section class=\"lg:col-span-2 bg-bg-panel\/80 rounded-2xl p-6 border border-white\/10\">\n<div id=\"results\" class=\"text-text-muted\">\n \u8f93\u5165\u5173\u952e\u8bcd\u540e\u70b9\u51fb\u5f00\u59cb\u6a21\u62df…\n <\/div>\n<\/section><\/div>\n<p><\/p><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"> <script src=\"https:\/\/cdn.jsdelivr.net\/particles.js\/2.0.0\/particles.min.js\"><\/script><br>\n <script><br \/>\n \/\/ \u521d\u59cb\u5316\u7c92\u5b50\u80cc\u666f<br \/>\n particlesJS('particles-js', {<br \/>\n particles: {<br \/>\n number: { value: 50 },<br \/>\n color: { value: '#c0392b' },<br \/>\n opacity: { value: 0.3 },<br \/>\n size: { value: 3 },<br \/>\n move: { speed: 1 }<br \/>\n }<br \/>\n });<\/p>\n<p> \/\/ \u786e\u4fdd\u8f93\u5165\u6846\u53ef\u4ee5\u6b63\u5e38\u4f7f\u7528<br \/>\n document.getElementById('life-input').addEventListener('input', function(e) {<br \/>\n console.log('\u8f93\u5165:', e.target.value);<br \/>\n });<\/p>\n<p> function startSimulation() {<br \/>\n const input = document.getElementById('life-input').value;<br \/>\n if (!input.trim()) {<br \/>\n alert('\u8bf7\u5148\u8f93\u5165\u5173\u952e\u8bcd\uff01');<br \/>\n return;<br \/>\n }<br \/>\n document.getElementById('results').innerHTML =<br \/>\n '<\/p>\n<div class=\"text-white\">\u6b63\u5728\u6a21\u62df: ' + input + '...<\/div>\n<p>';<br \/>\n }<br \/>\n <\/script><br>\n<br>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u8d85\u7ea7\u4eba\u751f\u6a21\u62df\u5668 – \u4fee\u70bc\u4e13\u5c5e \u8d85\u7ea7\u4eba\u751f\u6a21\u62df\u5668 \ud83c\udf0c \u4fee\u70bc\u4eba\u751f \u00b7 \u4e0e\u5b8c\u7f8e\u7684\u81ea\u5df1\u4ea4\u6218 \u6027\u683c\u8bbe\u5b9a \u8bf7\u8f93\u5165…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-13","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/liali.top\/index.php\/wp-json\/wp\/v2\/posts\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liali.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/liali.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/liali.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/liali.top\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":1,"href":"https:\/\/liali.top\/index.php\/wp-json\/wp\/v2\/posts\/13\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/liali.top\/index.php\/wp-json\/wp\/v2\/posts\/13\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/liali.top\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/liali.top\/index.php\/wp-json\/wp\/v2\/categories?post=13"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/liali.top\/index.php\/wp-json\/wp\/v2\/tags?post=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}