{"id":3095,"date":"2025-06-10T18:06:23","date_gmt":"2025-06-10T10:06:23","guid":{"rendered":"https:\/\/blog.kangyue.pro\/?p=3095"},"modified":"2025-06-11T05:44:57","modified_gmt":"2025-06-10T21:44:57","slug":"mermaid%e7%9a%84%e4%b8%83%e4%b8%ad%e8%af%ad%e6%b3%95%e7%a4%ba%e4%be%8b","status":"publish","type":"post","link":"https:\/\/blog.kangyue.pro\/?p=3095","title":{"rendered":"Mermaid\u7684\u4e03\u79cd\u8bed\u6cd5\u793a\u4f8b"},"content":{"rendered":"\n<p><em>\u4ee5\u4e0b\u5185\u5bb9\u7531ChatGPT\u751f\u6210\uff0c\u672c\u4eba\u4fee\u6539\u3002<\/em><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Mermaid \u662f\u4e00\u79cd\u57fa\u4e8e\u6587\u672c\u7684\u56fe\u8868\u548c\u6d41\u7a0b\u56fe\u7ed8\u5236\u5de5\u5177\uff0c\u5e38\u7528\u4e8e\u6587\u6863\u3001Markdown \u6587\u4ef6\u4e2d\u5feb\u901f\u751f\u6210\u56fe\u8868\u3002\u4e0b\u9762\u662f Mermaid \u7684\u57fa\u672c\u8bed\u6cd5\u4ecb\u7ecd\uff0c\u9002\u7528\u4e8e\u5404\u79cd\u56fe\u7c7b\u578b\uff0c\u5305\u62ec\u6d41\u7a0b\u56fe\u3001\u65f6\u5e8f\u56fe\u3001\u7518\u7279\u56fe\u7b49\u3002<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83d\udccc \u4e00\u3001\u997c\u56fe\uff08Pie Chart\uff09<\/h1>\n\n\n\n<div class=\"wp-block-visualize-mermaid\"><pre class=\"visualizeMermaid__content js-visualize-content\">pie\n    title 2024\u5e74\u5168\u5e02\u5404\u53bf\u533a\u5730\u533a\u751f\u4ea7\u603b\u503c\n\"\u534e\u9f99\u533a\":457.94\n\"\u6fee\u9633\u53bf\":335.93\n\"\u8303\u53bf\":281.61\n\"\u6e05\u4e30\u53bf\":255.42\n\"\u7ecf\u5f00\u533a\":250.88\n\"\u5357\u4e50\u53bf\":210.94\n\"\u53f0\u524d\u53bf\":155\n\"\u5de5\u4e1a\u56ed\u533a\":70.84<\/pre><pre class=\"visualizeMermaid__error visualizeMermaid__error--hidden js-visualize-error\"><\/pre><div class=\"visualizeMermaid__canvas\"><svg id=\"graphDiv1749549304470\" width=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"100%\" viewBox=\"0 0 1814 450\"><style>#graphDiv1749549304470 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);color:#333}#graphDiv1749549304470 .label text{fill:#333}#graphDiv1749549304470 .node rect,#graphDiv1749549304470 .node circle,#graphDiv1749549304470 .node ellipse,#graphDiv1749549304470 .node polygon,#graphDiv1749549304470 .node path{fill:#eee;stroke:#999;stroke-width:1px}#graphDiv1749549304470 .node .label{text-align:center}#graphDiv1749549304470 .node.clickable{cursor:pointer}#graphDiv1749549304470 .arrowheadPath{fill:#333}#graphDiv1749549304470 .edgePath .path{stroke:#666;stroke-width:1.5px}#graphDiv1749549304470 .edgeLabel{background-color:#fff;text-align:center}#graphDiv1749549304470 .edgeLabel rect{opacity:0.5}#graphDiv1749549304470 .cluster rect{fill:#eaf2fb;stroke:#26a;stroke-width:1px}#graphDiv1749549304470 .cluster text{fill:#333}#graphDiv1749549304470 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#eaf2fb;border:1px solid #26a;border-radius:2px;pointer-events:none;z-index:100}#graphDiv1749549304470 .actor{stroke:#999;fill:#eee}#graphDiv1749549304470 text.actor{fill:#333;stroke:none}#graphDiv1749549304470 .actor-line{stroke:#666}#graphDiv1749549304470 .messageLine0{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#graphDiv1749549304470 .messageLine1{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#graphDiv1749549304470 #arrowhead{fill:#333}#graphDiv1749549304470 .sequenceNumber{fill:#fff}#graphDiv1749549304470 #sequencenumber{fill:#333}#graphDiv1749549304470 #crosshead path{fill:#333 !important;stroke:#333 !important}#graphDiv1749549304470 .messageText{fill:#333;stroke:none}#graphDiv1749549304470 .labelBox{stroke:#999;fill:#eee}#graphDiv1749549304470 .labelText{fill:#333;stroke:none}#graphDiv1749549304470 .loopText{fill:#333;stroke:none}#graphDiv1749549304470 .loopLine{stroke-width:2;stroke-dasharray:'2 2';stroke:#999}#graphDiv1749549304470 .note{stroke:#770;fill:#ffa}#graphDiv1749549304470 .noteText{fill:black;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:14px}#graphDiv1749549304470 .activation0{fill:#f4f4f4;stroke:#666}#graphDiv1749549304470 .activation1{fill:#f4f4f4;stroke:#666}#graphDiv1749549304470 .activation2{fill:#f4f4f4;stroke:#666}#graphDiv1749549304470 .mermaid-main-font{font-family:\"trebuchet ms\", verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549304470 .section{stroke:none;opacity:0.2}#graphDiv1749549304470 .section0{fill:#80b3e6}#graphDiv1749549304470 .section2{fill:#80b3e6}#graphDiv1749549304470 .section1,#graphDiv1749549304470 .section3{fill:#fff;opacity:0.2}#graphDiv1749549304470 .sectionTitle0{fill:#333}#graphDiv1749549304470 .sectionTitle1{fill:#333}#graphDiv1749549304470 .sectionTitle2{fill:#333}#graphDiv1749549304470 .sectionTitle3{fill:#333}#graphDiv1749549304470 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549304470 .grid .tick{stroke:#e6e6e6;opacity:0.8;shape-rendering:crispEdges}#graphDiv1749549304470 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549304470 .grid path{stroke-width:0}#graphDiv1749549304470 .today{fill:none;stroke:#d42;stroke-width:2px}#graphDiv1749549304470 .task{stroke-width:2}#graphDiv1749549304470 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549304470 .taskText:not([font-size]){font-size:11px}#graphDiv1749549304470 .taskTextOutsideRight{fill:#333;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549304470 .taskTextOutsideLeft{fill:#333;text-anchor:end;font-size:11px}#graphDiv1749549304470 .task.clickable{cursor:pointer}#graphDiv1749549304470 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749549304470 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749549304470 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749549304470 .taskText0,#graphDiv1749549304470 .taskText1,#graphDiv1749549304470 .taskText2,#graphDiv1749549304470 .taskText3{fill:#fff}#graphDiv1749549304470 .task0,#graphDiv1749549304470 .task1,#graphDiv1749549304470 .task2,#graphDiv1749549304470 .task3{fill:#26a;stroke:#1a4d80}#graphDiv1749549304470 .taskTextOutside0,#graphDiv1749549304470 .taskTextOutside2{fill:#333}#graphDiv1749549304470 .taskTextOutside1,#graphDiv1749549304470 .taskTextOutside3{fill:#333}#graphDiv1749549304470 .active0,#graphDiv1749549304470 .active1,#graphDiv1749549304470 .active2,#graphDiv1749549304470 .active3{fill:#eee;stroke:#1a4d80}#graphDiv1749549304470 .activeText0,#graphDiv1749549304470 .activeText1,#graphDiv1749549304470 .activeText2,#graphDiv1749549304470 .activeText3{fill:#333 !important}#graphDiv1749549304470 .done0,#graphDiv1749549304470 .done1,#graphDiv1749549304470 .done2,#graphDiv1749549304470 .done3{stroke:#666;fill:#bbb;stroke-width:2}#graphDiv1749549304470 .doneText0,#graphDiv1749549304470 .doneText1,#graphDiv1749549304470 .doneText2,#graphDiv1749549304470 .doneText3{fill:#333 !important}#graphDiv1749549304470 .crit0,#graphDiv1749549304470 .crit1,#graphDiv1749549304470 .crit2,#graphDiv1749549304470 .crit3{stroke:#b1361b;fill:#d42;stroke-width:2}#graphDiv1749549304470 .activeCrit0,#graphDiv1749549304470 .activeCrit1,#graphDiv1749549304470 .activeCrit2,#graphDiv1749549304470 .activeCrit3{stroke:#b1361b;fill:#eee;stroke-width:2}#graphDiv1749549304470 .doneCrit0,#graphDiv1749549304470 .doneCrit1,#graphDiv1749549304470 .doneCrit2,#graphDiv1749549304470 .doneCrit3{stroke:#b1361b;fill:#bbb;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#graphDiv1749549304470 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#graphDiv1749549304470 .milestoneText{font-style:italic}#graphDiv1749549304470 .doneCritText0,#graphDiv1749549304470 .doneCritText1,#graphDiv1749549304470 .doneCritText2,#graphDiv1749549304470 .doneCritText3{fill:#333 !important}#graphDiv1749549304470 .activeCritText0,#graphDiv1749549304470 .activeCritText1,#graphDiv1749549304470 .activeCritText2,#graphDiv1749549304470 .activeCritText3{fill:#333 !important}#graphDiv1749549304470 .titleText{text-anchor:middle;font-size:18px;fill:#333;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549304470 g.classGroup text{fill:#999;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#graphDiv1749549304470 g.classGroup text .title{font-weight:bolder}#graphDiv1749549304470 g.clickable{cursor:pointer}#graphDiv1749549304470 g.classGroup rect{fill:#eee;stroke:#999}#graphDiv1749549304470 g.classGroup line{stroke:#999;stroke-width:1}#graphDiv1749549304470 .classLabel .box{stroke:none;stroke-width:0;fill:#eee;opacity:0.5}#graphDiv1749549304470 .classLabel .label{fill:#999;font-size:10px}#graphDiv1749549304470 .relation{stroke:#999;stroke-width:1;fill:none}#graphDiv1749549304470 .dashed-line{stroke-dasharray:3}#graphDiv1749549304470 #compositionStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749549304470 #compositionEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749549304470 #aggregationStart{fill:#eee;stroke:#999;stroke-width:1}#graphDiv1749549304470 #aggregationEnd{fill:#eee;stroke:#999;stroke-width:1}#graphDiv1749549304470 #dependencyStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749549304470 #dependencyEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749549304470 #extensionStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749549304470 #extensionEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749549304470 .commit-id,#graphDiv1749549304470 .commit-msg,#graphDiv1749549304470 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549304470 .pieTitleText{text-anchor:middle;font-size:25px;fill:#333;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549304470 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549304470 g.stateGroup text{fill:#999;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549304470 g.stateGroup text{fill:#999;stroke:none;font-size:10px}#graphDiv1749549304470 g.stateGroup .state-title{font-weight:bolder;fill:#000}#graphDiv1749549304470 g.stateGroup rect{fill:#eee;stroke:#999}#graphDiv1749549304470 g.stateGroup line{stroke:#999;stroke-width:1}#graphDiv1749549304470 .transition{stroke:#999;stroke-width:1;fill:none}#graphDiv1749549304470 .stateGroup .composit{fill:white;border-bottom:1px}#graphDiv1749549304470 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#graphDiv1749549304470 .state-note{stroke:#770;fill:#ffa}#graphDiv1749549304470 .state-note text{fill:black;stroke:none;font-size:10px}#graphDiv1749549304470 .stateLabel .box{stroke:none;stroke-width:0;fill:#eee;opacity:0.5}#graphDiv1749549304470 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549304470 .node circle.state-start{fill:black;stroke:black}#graphDiv1749549304470 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#graphDiv1749549304470 #statediagram-barbEnd{fill:#999}#graphDiv1749549304470 .statediagram-cluster rect{fill:#eee;stroke:#999;stroke-width:1px}#graphDiv1749549304470 .statediagram-cluster rect.outer{rx:5px;ry:5px}#graphDiv1749549304470 .statediagram-state .divider{stroke:#999}#graphDiv1749549304470 .statediagram-state .title-state{rx:5px;ry:5px}#graphDiv1749549304470 .statediagram-cluster.statediagram-cluster .inner{fill:white}#graphDiv1749549304470 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#graphDiv1749549304470 .statediagram-cluster .inner{rx:0;ry:0}#graphDiv1749549304470 .statediagram-state rect.basic{rx:5px;ry:5px}#graphDiv1749549304470 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#graphDiv1749549304470 .note-edge{stroke-dasharray:5}#graphDiv1749549304470 .statediagram-note rect{fill:#ffa;stroke:#770;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '\"trebuchet ms\", verdana, arial';--mermaid-font-family: \"Comic Sans MS\", \"Comic Sans\", cursive}\n\n:root { --mermaid-font-family: \"trebuchet ms\", verdana, arial;}<\/style><style>#graphDiv1749549304470 {\n    color: rgb(60, 67, 74);\n    font: 13px \/ 18.2px -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  }<\/style><g><\/g><svg width=\"1814\" height=\"450\"><g transform=\"translate(907,225)\"><path d=\"M1.1327982892113017e-14,-185A185,185,0,0,1,183.04886629637517,-26.79762205143887L0,0Z\" fill=\"#66c2a5\" stroke=\"black\" style=\"stroke-width: 2px; opacity: 0.7;\"><\/path><path d=\"M183.04886629637517,-26.79762205143887A185,185,0,0,1,114.95607920891504,144.94861107617987L0,0Z\" fill=\"#fc8d62\" stroke=\"black\" style=\"stroke-width: 2px; opacity: 0.7;\"><\/path><path d=\"M114.95607920891504,144.94861107617987A185,185,0,0,1,-37.85211199159097,181.08621597950534L0,0Z\" fill=\"#8da0cb\" stroke=\"black\" style=\"stroke-width: 2px; opacity: 0.7;\"><\/path><path d=\"M-37.85211199159097,181.08621597950534A185,185,0,0,1,-155.78286163046505,99.78326524133884L0,0Z\" fill=\"#e78ac3\" stroke=\"black\" style=\"stroke-width: 2px; opacity: 0.7;\"><\/path><path d=\"M-155.78286163046505,99.78326524133884A185,185,0,0,1,-180.88821406843672,-38.787291876739864L0,0Z\" fill=\"#a6d854\" stroke=\"black\" style=\"stroke-width: 2px; opacity: 0.7;\"><\/path><path d=\"M-180.88821406843672,-38.787291876739864A185,185,0,0,1,-119.6005090992266,-141.1407744884724L0,0Z\" fill=\"#ffd92f\" stroke=\"black\" style=\"stroke-width: 2px; opacity: 0.7;\"><\/path><path d=\"M-119.6005090992266,-141.1407744884724A185,185,0,0,1,-40.463494012666594,-180.52065159500975L0,0Z\" fill=\"#e5c494\" stroke=\"black\" style=\"stroke-width: 2px; opacity: 0.7;\"><\/path><path d=\"M-40.463494012666594,-180.52065159500975A185,185,0,0,1,1.303290589681841e-13,-185L0,0Z\" fill=\"#b3b3b3\" stroke=\"black\" style=\"stroke-width: 2px; opacity: 0.7;\"><\/path><text transform=\"translate(60.48495672529226,-69.9844269101314)\" class=\"slice\" style=\"text-anchor: middle; font-size: 17px;\">23%<\/text><text transform=\"translate(85.98826814569581,34.092048065552106)\" class=\"slice\" style=\"text-anchor: middle; font-size: 17px;\">17%<\/text><text transform=\"translate(21.288124989062332,90.01703024678197)\" class=\"slice\" style=\"text-anchor: middle; font-size: 17px;\">14%<\/text><text transform=\"translate(-52.50278135986407,76.15581362889053)\" class=\"slice\" style=\"text-anchor: middle; font-size: 17px;\">13%<\/text><text transform=\"translate(-91.01827169319849,16.490124862568617)\" class=\"slice\" style=\"text-anchor: middle; font-size: 17px;\">12%<\/text><text transform=\"translate(-79.36061214232897,-47.51992466739427)\" class=\"slice\" style=\"text-anchor: middle; font-size: 17px;\">10%<\/text><text transform=\"translate(-41.20926762659863,-82.8133217645529)\" class=\"slice\" style=\"text-anchor: middle; font-size: 17px;\">8%<\/text><text transform=\"translate(-10.177668292167816,-91.93837647106132)\" class=\"slice\" style=\"text-anchor: middle; font-size: 17px;\">4%<\/text><text x=\"0\" y=\"-200\" class=\"pieTitleText\">2024\u5e74\u5168\u5e02\u5404\u53bf\u533a\u5730\u533a\u751f\u4ea7\u603b\u503c<\/text><g class=\"legend\" transform=\"translate(216,-88)\"><rect width=\"18\" height=\"18\" style=\"fill: rgb(102, 194, 165); stroke: rgb(102, 194, 165);\"><\/rect><text x=\"22\" y=\"14\">\u534e\u9f99\u533a<\/text><\/g><g class=\"legend\" transform=\"translate(216,-66)\"><rect width=\"18\" height=\"18\" style=\"fill: rgb(252, 141, 98); stroke: rgb(252, 141, 98);\"><\/rect><text x=\"22\" y=\"14\">\u6fee\u9633\u53bf<\/text><\/g><g class=\"legend\" transform=\"translate(216,-44)\"><rect width=\"18\" height=\"18\" style=\"fill: rgb(141, 160, 203); stroke: rgb(141, 160, 203);\"><\/rect><text x=\"22\" y=\"14\">\u8303\u53bf<\/text><\/g><g class=\"legend\" transform=\"translate(216,-22)\"><rect width=\"18\" height=\"18\" style=\"fill: rgb(231, 138, 195); stroke: rgb(231, 138, 195);\"><\/rect><text x=\"22\" y=\"14\">\u6e05\u4e30\u53bf<\/text><\/g><g class=\"legend\" transform=\"translate(216,0)\"><rect width=\"18\" height=\"18\" style=\"fill: rgb(166, 216, 84); stroke: rgb(166, 216, 84);\"><\/rect><text x=\"22\" y=\"14\">\u7ecf\u5f00\u533a<\/text><\/g><g class=\"legend\" transform=\"translate(216,22)\"><rect width=\"18\" height=\"18\" style=\"fill: rgb(255, 217, 47); stroke: rgb(255, 217, 47);\"><\/rect><text x=\"22\" y=\"14\">\u5357\u4e50\u53bf<\/text><\/g><g class=\"legend\" transform=\"translate(216,44)\"><rect width=\"18\" height=\"18\" style=\"fill: rgb(229, 196, 148); stroke: rgb(229, 196, 148);\"><\/rect><text x=\"22\" y=\"14\">\u53f0\u524d\u53bf<\/text><\/g><g class=\"legend\" transform=\"translate(216,66)\"><rect width=\"18\" height=\"18\" style=\"fill: rgb(179, 179, 179); stroke: rgb(179, 179, 179);\"><\/rect><text x=\"22\" y=\"14\">\u5de5\u4e1a\u56ed\u533a<\/text><\/g><\/g><\/svg><\/svg><\/div><\/div>\n\n\n\n<p>\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n\n\n\t\t<div class='wp-block-bch-code-highlight  align' id='bhcCodeHighlight-7e2e0f26-1' data-attributes='{&quot;cId&quot;:&quot;7e2e0f26-1&quot;,&quot;code&quot;:&quot;pie\\ntitle 2024\\u5e74\\u5168\\u5e02\\u5404\\u53bf\\u533a\\u5730\\u533a\\u751f\\u4ea7\\u603b\\u503c\\n\\&quot;\\u534e\\u9f99\\u533a\\&quot;:457.94\\n\\&quot;\\u6fee\\u9633\\u53bf\\&quot;:335.93\\n\\&quot;\\u8303\\u53bf\\&quot;:281.61\\n\\&quot;\\u6e05\\u4e30\\u53bf\\&quot;:255.42\\n\\&quot;\\u7ecf\\u5f00\\u533a\\&quot;:250.88\\n\\&quot;\\u5357\\u4e50\\u53bf\\&quot;:210.94\\n\\&quot;\\u53f0\\u524d\\u53bf\\&quot;:155\\n\\&quot;\\u5de5\\u4e1a\\u56ed\\u533a\\&quot;:70.84&quot;,&quot;align&quot;:&quot;&quot;,&quot;language&quot;:&quot;javascript&quot;,&quot;lineNumbers&quot;:true,&quot;theme&quot;:&quot;default&quot;,&quot;codeTypo&quot;:{&quot;desktop&quot;:18,&quot;tablet&quot;:15,&quot;mobile&quot;:14},&quot;clipBoard&quot;:true,&quot;wordWrap&quot;:true,&quot;width&quot;:{&quot;desktop&quot;:&quot;100%&quot;,&quot;tablet&quot;:&quot;100%&quot;,&quot;mobile&quot;:&quot;100%&quot;},&quot;height&quot;:{&quot;desktop&quot;:&quot;0px&quot;,&quot;tablet&quot;:&quot;0px&quot;,&quot;mobile&quot;:&quot;0px&quot;},&quot;padding&quot;:{&quot;top&quot;:&quot;0px&quot;,&quot;right&quot;:&quot;0px&quot;,&quot;bottom&quot;:&quot;0px&quot;,&quot;left&quot;:&quot;0px&quot;},&quot;background&quot;:{&quot;color&quot;:&quot;#d3cfcf42&quot;},&quot;layout&quot;:{&quot;align&quot;:&quot;left&quot;},&quot;border&quot;:{&quot;color&quot;:&quot;#000&quot;,&quot;style&quot;:&quot;solid&quot;,&quot;width&quot;:&quot;0px&quot;},&quot;shadow&quot;:[],&quot;alignment&quot;:&quot;center&quot;,&quot;clipBoardColors&quot;:{&quot;color&quot;:&quot;#fff&quot;,&quot;bg&quot;:&quot;#00000024&quot;}}'><\/div>\r\n\r\n\t\t\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83d\udccc \u4e8c\u3001\u6d41\u7a0b\u56fe\uff08Flowchart\uff09<\/h1>\n\n\n\n<div class=\"wp-block-visualize-mermaid\"><pre class=\"visualizeMermaid__content js-visualize-content\">graph TD\n    A[\u5f00\u59cb] --> B{\u6761\u4ef6\u5224\u65ad}\n    B -- \u662f --> C[\u6267\u884c\u64cd\u4f5c1]\n    B -- \u5426 --> D[\u6267\u884c\u64cd\u4f5c2]\n    C --> E[\u7ed3\u675f]\n    D --> E<\/pre><pre class=\"visualizeMermaid__error visualizeMermaid__error--hidden js-visualize-error\"><\/pre><div class=\"visualizeMermaid__canvas\"><svg id=\"graphDiv1749548507382\" width=\"223.96875\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"397.97320556640625\" viewBox=\"0 0.0000019073486328125 223.96875 397.97320556640625\"><style>#graphDiv1749548507382 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);color:#333}#graphDiv1749548507382 .label text{fill:#333}#graphDiv1749548507382 .node rect,#graphDiv1749548507382 .node circle,#graphDiv1749548507382 .node ellipse,#graphDiv1749548507382 .node polygon,#graphDiv1749548507382 .node path{fill:#eee;stroke:#999;stroke-width:1px}#graphDiv1749548507382 .node .label{text-align:center}#graphDiv1749548507382 .node.clickable{cursor:pointer}#graphDiv1749548507382 .arrowheadPath{fill:#333}#graphDiv1749548507382 .edgePath .path{stroke:#666;stroke-width:1.5px}#graphDiv1749548507382 .edgeLabel{background-color:#fff;text-align:center}#graphDiv1749548507382 .edgeLabel rect{opacity:0.5}#graphDiv1749548507382 .cluster rect{fill:#eaf2fb;stroke:#26a;stroke-width:1px}#graphDiv1749548507382 .cluster text{fill:#333}#graphDiv1749548507382 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#eaf2fb;border:1px solid #26a;border-radius:2px;pointer-events:none;z-index:100}#graphDiv1749548507382 .actor{stroke:#999;fill:#eee}#graphDiv1749548507382 text.actor{fill:#333;stroke:none}#graphDiv1749548507382 .actor-line{stroke:#666}#graphDiv1749548507382 .messageLine0{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#graphDiv1749548507382 .messageLine1{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#graphDiv1749548507382 #arrowhead{fill:#333}#graphDiv1749548507382 .sequenceNumber{fill:#fff}#graphDiv1749548507382 #sequencenumber{fill:#333}#graphDiv1749548507382 #crosshead path{fill:#333 !important;stroke:#333 !important}#graphDiv1749548507382 .messageText{fill:#333;stroke:none}#graphDiv1749548507382 .labelBox{stroke:#999;fill:#eee}#graphDiv1749548507382 .labelText{fill:#333;stroke:none}#graphDiv1749548507382 .loopText{fill:#333;stroke:none}#graphDiv1749548507382 .loopLine{stroke-width:2;stroke-dasharray:'2 2';stroke:#999}#graphDiv1749548507382 .note{stroke:#770;fill:#ffa}#graphDiv1749548507382 .noteText{fill:black;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:14px}#graphDiv1749548507382 .activation0{fill:#f4f4f4;stroke:#666}#graphDiv1749548507382 .activation1{fill:#f4f4f4;stroke:#666}#graphDiv1749548507382 .activation2{fill:#f4f4f4;stroke:#666}#graphDiv1749548507382 .mermaid-main-font{font-family:\"trebuchet ms\", verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548507382 .section{stroke:none;opacity:0.2}#graphDiv1749548507382 .section0{fill:#80b3e6}#graphDiv1749548507382 .section2{fill:#80b3e6}#graphDiv1749548507382 .section1,#graphDiv1749548507382 .section3{fill:#fff;opacity:0.2}#graphDiv1749548507382 .sectionTitle0{fill:#333}#graphDiv1749548507382 .sectionTitle1{fill:#333}#graphDiv1749548507382 .sectionTitle2{fill:#333}#graphDiv1749548507382 .sectionTitle3{fill:#333}#graphDiv1749548507382 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548507382 .grid .tick{stroke:#e6e6e6;opacity:0.8;shape-rendering:crispEdges}#graphDiv1749548507382 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548507382 .grid path{stroke-width:0}#graphDiv1749548507382 .today{fill:none;stroke:#d42;stroke-width:2px}#graphDiv1749548507382 .task{stroke-width:2}#graphDiv1749548507382 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548507382 .taskText:not([font-size]){font-size:11px}#graphDiv1749548507382 .taskTextOutsideRight{fill:#333;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548507382 .taskTextOutsideLeft{fill:#333;text-anchor:end;font-size:11px}#graphDiv1749548507382 .task.clickable{cursor:pointer}#graphDiv1749548507382 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749548507382 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749548507382 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749548507382 .taskText0,#graphDiv1749548507382 .taskText1,#graphDiv1749548507382 .taskText2,#graphDiv1749548507382 .taskText3{fill:#fff}#graphDiv1749548507382 .task0,#graphDiv1749548507382 .task1,#graphDiv1749548507382 .task2,#graphDiv1749548507382 .task3{fill:#26a;stroke:#1a4d80}#graphDiv1749548507382 .taskTextOutside0,#graphDiv1749548507382 .taskTextOutside2{fill:#333}#graphDiv1749548507382 .taskTextOutside1,#graphDiv1749548507382 .taskTextOutside3{fill:#333}#graphDiv1749548507382 .active0,#graphDiv1749548507382 .active1,#graphDiv1749548507382 .active2,#graphDiv1749548507382 .active3{fill:#eee;stroke:#1a4d80}#graphDiv1749548507382 .activeText0,#graphDiv1749548507382 .activeText1,#graphDiv1749548507382 .activeText2,#graphDiv1749548507382 .activeText3{fill:#333 !important}#graphDiv1749548507382 .done0,#graphDiv1749548507382 .done1,#graphDiv1749548507382 .done2,#graphDiv1749548507382 .done3{stroke:#666;fill:#bbb;stroke-width:2}#graphDiv1749548507382 .doneText0,#graphDiv1749548507382 .doneText1,#graphDiv1749548507382 .doneText2,#graphDiv1749548507382 .doneText3{fill:#333 !important}#graphDiv1749548507382 .crit0,#graphDiv1749548507382 .crit1,#graphDiv1749548507382 .crit2,#graphDiv1749548507382 .crit3{stroke:#b1361b;fill:#d42;stroke-width:2}#graphDiv1749548507382 .activeCrit0,#graphDiv1749548507382 .activeCrit1,#graphDiv1749548507382 .activeCrit2,#graphDiv1749548507382 .activeCrit3{stroke:#b1361b;fill:#eee;stroke-width:2}#graphDiv1749548507382 .doneCrit0,#graphDiv1749548507382 .doneCrit1,#graphDiv1749548507382 .doneCrit2,#graphDiv1749548507382 .doneCrit3{stroke:#b1361b;fill:#bbb;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#graphDiv1749548507382 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#graphDiv1749548507382 .milestoneText{font-style:italic}#graphDiv1749548507382 .doneCritText0,#graphDiv1749548507382 .doneCritText1,#graphDiv1749548507382 .doneCritText2,#graphDiv1749548507382 .doneCritText3{fill:#333 !important}#graphDiv1749548507382 .activeCritText0,#graphDiv1749548507382 .activeCritText1,#graphDiv1749548507382 .activeCritText2,#graphDiv1749548507382 .activeCritText3{fill:#333 !important}#graphDiv1749548507382 .titleText{text-anchor:middle;font-size:18px;fill:#333;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548507382 g.classGroup text{fill:#999;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#graphDiv1749548507382 g.classGroup text .title{font-weight:bolder}#graphDiv1749548507382 g.clickable{cursor:pointer}#graphDiv1749548507382 g.classGroup rect{fill:#eee;stroke:#999}#graphDiv1749548507382 g.classGroup line{stroke:#999;stroke-width:1}#graphDiv1749548507382 .classLabel .box{stroke:none;stroke-width:0;fill:#eee;opacity:0.5}#graphDiv1749548507382 .classLabel .label{fill:#999;font-size:10px}#graphDiv1749548507382 .relation{stroke:#999;stroke-width:1;fill:none}#graphDiv1749548507382 .dashed-line{stroke-dasharray:3}#graphDiv1749548507382 #compositionStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548507382 #compositionEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548507382 #aggregationStart{fill:#eee;stroke:#999;stroke-width:1}#graphDiv1749548507382 #aggregationEnd{fill:#eee;stroke:#999;stroke-width:1}#graphDiv1749548507382 #dependencyStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548507382 #dependencyEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548507382 #extensionStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548507382 #extensionEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548507382 .commit-id,#graphDiv1749548507382 .commit-msg,#graphDiv1749548507382 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548507382 .pieTitleText{text-anchor:middle;font-size:25px;fill:#333;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548507382 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548507382 g.stateGroup text{fill:#999;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548507382 g.stateGroup text{fill:#999;stroke:none;font-size:10px}#graphDiv1749548507382 g.stateGroup .state-title{font-weight:bolder;fill:#000}#graphDiv1749548507382 g.stateGroup rect{fill:#eee;stroke:#999}#graphDiv1749548507382 g.stateGroup line{stroke:#999;stroke-width:1}#graphDiv1749548507382 .transition{stroke:#999;stroke-width:1;fill:none}#graphDiv1749548507382 .stateGroup .composit{fill:white;border-bottom:1px}#graphDiv1749548507382 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#graphDiv1749548507382 .state-note{stroke:#770;fill:#ffa}#graphDiv1749548507382 .state-note text{fill:black;stroke:none;font-size:10px}#graphDiv1749548507382 .stateLabel .box{stroke:none;stroke-width:0;fill:#eee;opacity:0.5}#graphDiv1749548507382 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548507382 .node circle.state-start{fill:black;stroke:black}#graphDiv1749548507382 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#graphDiv1749548507382 #statediagram-barbEnd{fill:#999}#graphDiv1749548507382 .statediagram-cluster rect{fill:#eee;stroke:#999;stroke-width:1px}#graphDiv1749548507382 .statediagram-cluster rect.outer{rx:5px;ry:5px}#graphDiv1749548507382 .statediagram-state .divider{stroke:#999}#graphDiv1749548507382 .statediagram-state .title-state{rx:5px;ry:5px}#graphDiv1749548507382 .statediagram-cluster.statediagram-cluster .inner{fill:white}#graphDiv1749548507382 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#graphDiv1749548507382 .statediagram-cluster .inner{rx:0;ry:0}#graphDiv1749548507382 .statediagram-state rect.basic{rx:5px;ry:5px}#graphDiv1749548507382 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#graphDiv1749548507382 .note-edge{stroke-dasharray:5}#graphDiv1749548507382 .statediagram-note rect{fill:#ffa;stroke:#770;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '\"trebuchet ms\", verdana, arial';--mermaid-font-family: \"Comic Sans MS\", \"Comic Sans\", cursive}\n\n:root { --mermaid-font-family: \"trebuchet ms\", verdana, arial;}<\/style><style>#graphDiv1749548507382 {\n    color: rgb(60, 67, 74);\n    font: 13px \/ 18.2px -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  }<\/style><g><g class=\"output\"><g class=\"clusters\"><\/g><g class=\"edgePaths\"><g class=\"edgePath\" style=\"opacity: 1;\"><path class=\"path\" d=\"M111.984375,46.203125L111.984375,71.203125L112.48437500000001,96.70312652587891\" marker-end=\"url(#arrowhead50)\" style=\"fill:none\"><\/path><defs><marker id=\"arrowhead50\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerUnits=\"strokeWidth\" markerWidth=\"8\" markerHeight=\"6\" orient=\"auto\"><path d=\"M 0 0 L 10 5 L 0 10 z\" class=\"arrowheadPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"><\/path><\/marker><\/defs><\/g><g class=\"edgePath\" style=\"opacity: 1;\"><path class=\"path\" d=\"M90.90472234777857,174.28418706945826L47.4921875,229.46540069580078L47.4921875,263.5669631958008\" marker-end=\"url(#arrowhead51)\" style=\"fill:none\"><\/path><defs><marker id=\"arrowhead51\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerUnits=\"strokeWidth\" markerWidth=\"8\" markerHeight=\"6\" orient=\"auto\"><path d=\"M 0 0 L 10 5 L 0 10 z\" class=\"arrowheadPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"><\/path><\/marker><\/defs><\/g><g class=\"edgePath\" style=\"opacity: 1;\"><path class=\"path\" d=\"M134.06402898048682,174.28418879295066L176.4765625,229.46540069580078L176.4765625,263.5669631958008\" marker-end=\"url(#arrowhead52)\" style=\"fill:none\"><\/path><defs><marker id=\"arrowhead52\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerUnits=\"strokeWidth\" markerWidth=\"8\" markerHeight=\"6\" orient=\"auto\"><path d=\"M 0 0 L 10 5 L 0 10 z\" class=\"arrowheadPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"><\/path><\/marker><\/defs><\/g><g class=\"edgePath\" style=\"opacity: 1;\"><path class=\"path\" d=\"M47.4921875,301.7700881958008L47.4921875,326.7700881958008L88.98772239685059,355.1458961295042\" marker-end=\"url(#arrowhead53)\" style=\"fill:none\"><\/path><defs><marker id=\"arrowhead53\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerUnits=\"strokeWidth\" markerWidth=\"8\" markerHeight=\"6\" orient=\"auto\"><path d=\"M 0 0 L 10 5 L 0 10 z\" class=\"arrowheadPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"><\/path><\/marker><\/defs><\/g><g class=\"edgePath\" style=\"opacity: 1;\"><path class=\"path\" d=\"M176.4765625,301.7700881958008L176.4765625,326.7700881958008L134.9810276031494,355.1458961295042\" marker-end=\"url(#arrowhead54)\" style=\"fill:none\"><\/path><defs><marker id=\"arrowhead54\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerUnits=\"strokeWidth\" markerWidth=\"8\" markerHeight=\"6\" orient=\"auto\"><path d=\"M 0 0 L 10 5 L 0 10 z\" class=\"arrowheadPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"><\/path><\/marker><\/defs><\/g><\/g><g class=\"edgeLabels\"><g class=\"edgeLabel\" style=\"opacity: 1;\" transform=\"\"><g transform=\"translate(0,0)\" class=\"label\"><rect rx=\"0\" ry=\"0\" width=\"0\" height=\"0\" style=\"fill:#e8e8e8;\"><\/rect><foreignObject width=\"0\" height=\"0\"><div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" style=\"display: inline-block; white-space: nowrap;\"><span class=\"edgeLabel\"><\/span><\/div><\/foreignObject><\/g><\/g><g class=\"edgeLabel\" style=\"opacity: 1;\" transform=\"translate(47.4921875,229.46540069580078)\"><g transform=\"translate(-6.5011162757873535,-9.1015625)\" class=\"label\"><rect rx=\"0\" ry=\"0\" width=\"13.002232551574707\" height=\"18.203125\" style=\"fill:#e8e8e8;\"><\/rect><foreignObject width=\"13.002232551574707\" height=\"18.203125\"><div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" style=\"display: inline-block; white-space: nowrap;\"><span class=\"edgeLabel\">\u662f<\/span><\/div><\/foreignObject><\/g><\/g><g class=\"edgeLabel\" style=\"opacity: 1;\" transform=\"translate(176.4765625,229.46540069580078)\"><g transform=\"translate(-6.5011162757873535,-9.1015625)\" class=\"label\"><rect rx=\"0\" ry=\"0\" width=\"13.002232551574707\" height=\"18.203125\" style=\"fill:#e8e8e8;\"><\/rect><foreignObject width=\"13.002232551574707\" height=\"18.203125\"><div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" style=\"display: inline-block; white-space: nowrap;\"><span class=\"edgeLabel\">\u5426<\/span><\/div><\/foreignObject><\/g><\/g><g class=\"edgeLabel\" style=\"opacity: 1;\" transform=\"\"><g transform=\"translate(0,0)\" class=\"label\"><rect rx=\"0\" ry=\"0\" width=\"0\" height=\"0\" style=\"fill:#e8e8e8;\"><\/rect><foreignObject width=\"0\" height=\"0\"><div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" style=\"display: inline-block; white-space: nowrap;\"><span class=\"edgeLabel\"><\/span><\/div><\/foreignObject><\/g><\/g><g class=\"edgeLabel\" style=\"opacity: 1;\" transform=\"\"><g transform=\"translate(0,0)\" class=\"label\"><rect rx=\"0\" ry=\"0\" width=\"0\" height=\"0\" style=\"fill:#e8e8e8;\"><\/rect><foreignObject width=\"0\" height=\"0\"><div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" style=\"display: inline-block; white-space: nowrap;\"><span class=\"edgeLabel\"><\/span><\/div><\/foreignObject><\/g><\/g><\/g><g class=\"nodes\"><g class=\"node default\" style=\"opacity: 1;\" id=\"A\" transform=\"translate(111.984375,27.1015625)\"><rect rx=\"0\" ry=\"0\" x=\"-22.996651649475098\" y=\"-19.1015625\" width=\"45.993303298950195\" height=\"38.203125\" class=\"label-container\"><\/rect><g class=\"label\" transform=\"translate(0,0)\"><g transform=\"translate(-12.996651649475098,-9.1015625)\"><foreignObject width=\"25.993303298950195\" height=\"18.203125\"><div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" style=\"display: inline-block; white-space: nowrap;\">\u5f00\u59cb<\/div><\/foreignObject><\/g><\/g><\/g><g class=\"node default\" style=\"opacity: 1;\" id=\"B\" transform=\"translate(111.984375,145.7834815979004)\"><polygon points=\"49.5803581237793,0 99.1607162475586,-49.5803581237793 49.5803581237793,-99.1607162475586 0,-49.5803581237793\" transform=\"translate(-49.5803581237793,49.5803581237793)\" class=\"label-container\"><\/polygon><g class=\"label\" transform=\"translate(0,0)\"><g transform=\"translate(-25.98772430419922,-9.1015625)\"><foreignObject width=\"51.97544860839844\" height=\"18.203125\"><div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" style=\"display: inline-block; white-space: nowrap;\">\u6761\u4ef6\u5224\u65ad<\/div><\/foreignObject><\/g><\/g><\/g><g class=\"node default\" style=\"opacity: 1;\" id=\"C\" transform=\"translate(47.4921875,282.6685256958008)\"><rect rx=\"0\" ry=\"0\" x=\"-39.4921875\" y=\"-19.1015625\" width=\"78.984375\" height=\"38.203125\" class=\"label-container\"><\/rect><g class=\"label\" transform=\"translate(0,0)\"><g transform=\"translate(-29.4921875,-9.1015625)\"><foreignObject width=\"58.984375\" height=\"18.203125\"><div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" style=\"display: inline-block; white-space: nowrap;\">\u6267\u884c\u64cd\u4f5c1<\/div><\/foreignObject><\/g><\/g><\/g><g class=\"node default\" style=\"opacity: 1;\" id=\"D\" transform=\"translate(176.4765625,282.6685256958008)\"><rect rx=\"0\" ry=\"0\" x=\"-39.4921875\" y=\"-19.1015625\" width=\"78.984375\" height=\"38.203125\" class=\"label-container\"><\/rect><g class=\"label\" transform=\"translate(0,0)\"><g transform=\"translate(-29.4921875,-9.1015625)\"><foreignObject width=\"58.984375\" height=\"18.203125\"><div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" style=\"display: inline-block; white-space: nowrap;\">\u6267\u884c\u64cd\u4f5c2<\/div><\/foreignObject><\/g><\/g><\/g><g class=\"node default\" style=\"opacity: 1;\" id=\"E\" transform=\"translate(111.984375,370.8716506958008)\"><rect rx=\"0\" ry=\"0\" x=\"-22.996651649475098\" y=\"-19.1015625\" width=\"45.993303298950195\" height=\"38.203125\" class=\"label-container\"><\/rect><g class=\"label\" transform=\"translate(0,0)\"><g transform=\"translate(-12.996651649475098,-9.1015625)\"><foreignObject width=\"25.993303298950195\" height=\"18.203125\"><div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" style=\"display: inline-block; white-space: nowrap;\">\u7ed3\u675f<\/div><\/foreignObject><\/g><\/g><\/g><\/g><\/g><\/g><\/svg><\/div><\/div>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>graph TD<\/code>\uff1a\u8868\u793a\u56fe\u7684\u65b9\u5411\u662f\u4ece\u4e0a\u5230\u4e0b\uff08Top Down\uff09\u3002\u4f60\u4e5f\u53ef\u4ee5\u5199\uff1a<\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>LR<\/code> \u5de6\u5230\u53f3<\/li>\n\n\n\n<li><code>RL<\/code> \u53f3\u5230\u5de6<\/li>\n\n\n\n<li><code>BT<\/code> \u4e0b\u5230\u4e0a<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83d\udccc \u4e09\u3001\u65f6\u5e8f\u56fe\uff08Sequence Diagram\uff09<\/h1>\n\n\n\n<div class=\"wp-block-visualize-mermaid\"><pre class=\"visualizeMermaid__content js-visualize-content\">sequenceDiagram\n    participant Alice\n    participant Bob\n    Alice->>Bob: \u4f60\u597d\u5417\uff1f\n    Bob-->>Alice: \u6211\u5f88\u597d\uff0c\u8c22\u8c22\uff01V<\/pre><pre class=\"visualizeMermaid__error visualizeMermaid__error--hidden js-visualize-error\"><\/pre><div class=\"visualizeMermaid__canvas\"><svg id=\"graphDiv1749548648221\" width=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"100%\" style=\"max-width:456.9999694824219px;\" viewBox=\"-50 -10 456.9999694824219 231\"><style>#graphDiv1749548648221 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);color:#333}#graphDiv1749548648221 .label text{fill:#333}#graphDiv1749548648221 .node rect,#graphDiv1749548648221 .node circle,#graphDiv1749548648221 .node ellipse,#graphDiv1749548648221 .node polygon,#graphDiv1749548648221 .node path{fill:#eee;stroke:#999;stroke-width:1px}#graphDiv1749548648221 .node .label{text-align:center}#graphDiv1749548648221 .node.clickable{cursor:pointer}#graphDiv1749548648221 .arrowheadPath{fill:#333}#graphDiv1749548648221 .edgePath .path{stroke:#666;stroke-width:1.5px}#graphDiv1749548648221 .edgeLabel{background-color:#fff;text-align:center}#graphDiv1749548648221 .edgeLabel rect{opacity:0.5}#graphDiv1749548648221 .cluster rect{fill:#eaf2fb;stroke:#26a;stroke-width:1px}#graphDiv1749548648221 .cluster text{fill:#333}#graphDiv1749548648221 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#eaf2fb;border:1px solid #26a;border-radius:2px;pointer-events:none;z-index:100}#graphDiv1749548648221 .actor{stroke:#999;fill:#eee}#graphDiv1749548648221 text.actor{fill:#333;stroke:none}#graphDiv1749548648221 .actor-line{stroke:#666}#graphDiv1749548648221 .messageLine0{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#graphDiv1749548648221 .messageLine1{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#graphDiv1749548648221 #arrowhead{fill:#333}#graphDiv1749548648221 .sequenceNumber{fill:#fff}#graphDiv1749548648221 #sequencenumber{fill:#333}#graphDiv1749548648221 #crosshead path{fill:#333 !important;stroke:#333 !important}#graphDiv1749548648221 .messageText{fill:#333;stroke:none}#graphDiv1749548648221 .labelBox{stroke:#999;fill:#eee}#graphDiv1749548648221 .labelText{fill:#333;stroke:none}#graphDiv1749548648221 .loopText{fill:#333;stroke:none}#graphDiv1749548648221 .loopLine{stroke-width:2;stroke-dasharray:'2 2';stroke:#999}#graphDiv1749548648221 .note{stroke:#770;fill:#ffa}#graphDiv1749548648221 .noteText{fill:black;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:14px}#graphDiv1749548648221 .activation0{fill:#f4f4f4;stroke:#666}#graphDiv1749548648221 .activation1{fill:#f4f4f4;stroke:#666}#graphDiv1749548648221 .activation2{fill:#f4f4f4;stroke:#666}#graphDiv1749548648221 .mermaid-main-font{font-family:\"trebuchet ms\", verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548648221 .section{stroke:none;opacity:0.2}#graphDiv1749548648221 .section0{fill:#80b3e6}#graphDiv1749548648221 .section2{fill:#80b3e6}#graphDiv1749548648221 .section1,#graphDiv1749548648221 .section3{fill:#fff;opacity:0.2}#graphDiv1749548648221 .sectionTitle0{fill:#333}#graphDiv1749548648221 .sectionTitle1{fill:#333}#graphDiv1749548648221 .sectionTitle2{fill:#333}#graphDiv1749548648221 .sectionTitle3{fill:#333}#graphDiv1749548648221 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548648221 .grid .tick{stroke:#e6e6e6;opacity:0.8;shape-rendering:crispEdges}#graphDiv1749548648221 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548648221 .grid path{stroke-width:0}#graphDiv1749548648221 .today{fill:none;stroke:#d42;stroke-width:2px}#graphDiv1749548648221 .task{stroke-width:2}#graphDiv1749548648221 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548648221 .taskText:not([font-size]){font-size:11px}#graphDiv1749548648221 .taskTextOutsideRight{fill:#333;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548648221 .taskTextOutsideLeft{fill:#333;text-anchor:end;font-size:11px}#graphDiv1749548648221 .task.clickable{cursor:pointer}#graphDiv1749548648221 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749548648221 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749548648221 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749548648221 .taskText0,#graphDiv1749548648221 .taskText1,#graphDiv1749548648221 .taskText2,#graphDiv1749548648221 .taskText3{fill:#fff}#graphDiv1749548648221 .task0,#graphDiv1749548648221 .task1,#graphDiv1749548648221 .task2,#graphDiv1749548648221 .task3{fill:#26a;stroke:#1a4d80}#graphDiv1749548648221 .taskTextOutside0,#graphDiv1749548648221 .taskTextOutside2{fill:#333}#graphDiv1749548648221 .taskTextOutside1,#graphDiv1749548648221 .taskTextOutside3{fill:#333}#graphDiv1749548648221 .active0,#graphDiv1749548648221 .active1,#graphDiv1749548648221 .active2,#graphDiv1749548648221 .active3{fill:#eee;stroke:#1a4d80}#graphDiv1749548648221 .activeText0,#graphDiv1749548648221 .activeText1,#graphDiv1749548648221 .activeText2,#graphDiv1749548648221 .activeText3{fill:#333 !important}#graphDiv1749548648221 .done0,#graphDiv1749548648221 .done1,#graphDiv1749548648221 .done2,#graphDiv1749548648221 .done3{stroke:#666;fill:#bbb;stroke-width:2}#graphDiv1749548648221 .doneText0,#graphDiv1749548648221 .doneText1,#graphDiv1749548648221 .doneText2,#graphDiv1749548648221 .doneText3{fill:#333 !important}#graphDiv1749548648221 .crit0,#graphDiv1749548648221 .crit1,#graphDiv1749548648221 .crit2,#graphDiv1749548648221 .crit3{stroke:#b1361b;fill:#d42;stroke-width:2}#graphDiv1749548648221 .activeCrit0,#graphDiv1749548648221 .activeCrit1,#graphDiv1749548648221 .activeCrit2,#graphDiv1749548648221 .activeCrit3{stroke:#b1361b;fill:#eee;stroke-width:2}#graphDiv1749548648221 .doneCrit0,#graphDiv1749548648221 .doneCrit1,#graphDiv1749548648221 .doneCrit2,#graphDiv1749548648221 .doneCrit3{stroke:#b1361b;fill:#bbb;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#graphDiv1749548648221 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#graphDiv1749548648221 .milestoneText{font-style:italic}#graphDiv1749548648221 .doneCritText0,#graphDiv1749548648221 .doneCritText1,#graphDiv1749548648221 .doneCritText2,#graphDiv1749548648221 .doneCritText3{fill:#333 !important}#graphDiv1749548648221 .activeCritText0,#graphDiv1749548648221 .activeCritText1,#graphDiv1749548648221 .activeCritText2,#graphDiv1749548648221 .activeCritText3{fill:#333 !important}#graphDiv1749548648221 .titleText{text-anchor:middle;font-size:18px;fill:#333;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548648221 g.classGroup text{fill:#999;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#graphDiv1749548648221 g.classGroup text .title{font-weight:bolder}#graphDiv1749548648221 g.clickable{cursor:pointer}#graphDiv1749548648221 g.classGroup rect{fill:#eee;stroke:#999}#graphDiv1749548648221 g.classGroup line{stroke:#999;stroke-width:1}#graphDiv1749548648221 .classLabel .box{stroke:none;stroke-width:0;fill:#eee;opacity:0.5}#graphDiv1749548648221 .classLabel .label{fill:#999;font-size:10px}#graphDiv1749548648221 .relation{stroke:#999;stroke-width:1;fill:none}#graphDiv1749548648221 .dashed-line{stroke-dasharray:3}#graphDiv1749548648221 #compositionStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548648221 #compositionEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548648221 #aggregationStart{fill:#eee;stroke:#999;stroke-width:1}#graphDiv1749548648221 #aggregationEnd{fill:#eee;stroke:#999;stroke-width:1}#graphDiv1749548648221 #dependencyStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548648221 #dependencyEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548648221 #extensionStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548648221 #extensionEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548648221 .commit-id,#graphDiv1749548648221 .commit-msg,#graphDiv1749548648221 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548648221 .pieTitleText{text-anchor:middle;font-size:25px;fill:#333;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548648221 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548648221 g.stateGroup text{fill:#999;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548648221 g.stateGroup text{fill:#999;stroke:none;font-size:10px}#graphDiv1749548648221 g.stateGroup .state-title{font-weight:bolder;fill:#000}#graphDiv1749548648221 g.stateGroup rect{fill:#eee;stroke:#999}#graphDiv1749548648221 g.stateGroup line{stroke:#999;stroke-width:1}#graphDiv1749548648221 .transition{stroke:#999;stroke-width:1;fill:none}#graphDiv1749548648221 .stateGroup .composit{fill:white;border-bottom:1px}#graphDiv1749548648221 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#graphDiv1749548648221 .state-note{stroke:#770;fill:#ffa}#graphDiv1749548648221 .state-note text{fill:black;stroke:none;font-size:10px}#graphDiv1749548648221 .stateLabel .box{stroke:none;stroke-width:0;fill:#eee;opacity:0.5}#graphDiv1749548648221 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548648221 .node circle.state-start{fill:black;stroke:black}#graphDiv1749548648221 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#graphDiv1749548648221 #statediagram-barbEnd{fill:#999}#graphDiv1749548648221 .statediagram-cluster rect{fill:#eee;stroke:#999;stroke-width:1px}#graphDiv1749548648221 .statediagram-cluster rect.outer{rx:5px;ry:5px}#graphDiv1749548648221 .statediagram-state .divider{stroke:#999}#graphDiv1749548648221 .statediagram-state .title-state{rx:5px;ry:5px}#graphDiv1749548648221 .statediagram-cluster.statediagram-cluster .inner{fill:white}#graphDiv1749548648221 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#graphDiv1749548648221 .statediagram-cluster .inner{rx:0;ry:0}#graphDiv1749548648221 .statediagram-state rect.basic{rx:5px;ry:5px}#graphDiv1749548648221 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#graphDiv1749548648221 .note-edge{stroke-dasharray:5}#graphDiv1749548648221 .statediagram-note rect{fill:#ffa;stroke:#770;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '\"trebuchet ms\", verdana, arial';--mermaid-font-family: \"Comic Sans MS\", \"Comic Sans\", cursive}\n\n:root { --mermaid-font-family: \"trebuchet ms\", verdana, arial;}<\/style><style>#graphDiv1749548648221 {\n    color: rgb(60, 67, 74);\n    font: 13px \/ 18.2px -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  }<\/style><g><\/g><g><line id=\"actor4\" x1=\"75\" y1=\"5\" x2=\"75\" y2=\"220\" class=\"actor-line\" stroke-width=\"0.5px\" stroke=\"#999\"><\/line><rect x=\"0\" y=\"0\" fill=\"#eaeaea\" stroke=\"#666\" width=\"150\" height=\"65\" rx=\"3\" ry=\"3\" class=\"actor\"><\/rect><text x=\"75\" y=\"32.5\" dominant-baseline=\"central\" alignment-baseline=\"central\" class=\"actor\" style=\"text-anchor: middle; font-size: 14px; font-family: Open-Sans, &quot;sans-serif&quot;;\"><tspan x=\"75\" dy=\"0\">Alice<\/tspan><\/text><\/g><g><line id=\"actor5\" x1=\"281.9999694824219\" y1=\"5\" x2=\"281.9999694824219\" y2=\"220\" class=\"actor-line\" stroke-width=\"0.5px\" stroke=\"#999\"><\/line><rect x=\"206.99996948242188\" y=\"0\" fill=\"#eaeaea\" stroke=\"#666\" width=\"150\" height=\"65\" rx=\"3\" ry=\"3\" class=\"actor\"><\/rect><text x=\"281.9999694824219\" y=\"32.5\" dominant-baseline=\"central\" alignment-baseline=\"central\" class=\"actor\" style=\"text-anchor: middle; font-size: 14px; font-family: Open-Sans, &quot;sans-serif&quot;;\"><tspan x=\"281.9999694824219\" dy=\"0\">Bob<\/tspan><\/text><\/g><defs><marker id=\"arrowhead\" refX=\"5\" refY=\"2\" markerWidth=\"6\" markerHeight=\"4\" orient=\"auto\"><path d=\"M 0,0 V 4 L6,2 Z\"><\/path><\/marker><\/defs><defs><marker id=\"crosshead\" markerWidth=\"15\" markerHeight=\"8\" orient=\"auto\" refX=\"16\" refY=\"4\"><path fill=\"black\" stroke=\"#000000\" stroke-width=\"1px\" d=\"M 9,2 V 6 L16,4 Z\" style=\"stroke-dasharray: 0, 0;\"><\/path><path fill=\"none\" stroke=\"#000000\" stroke-width=\"1px\" d=\"M 0,1 L 6,7 M 6,1 L 0,7\" style=\"stroke-dasharray: 0, 0;\"><\/path><\/marker><\/defs><defs><marker id=\"sequencenumber\" refX=\"15\" refY=\"15\" markerWidth=\"60\" markerHeight=\"40\" orient=\"auto\"><circle cx=\"15\" cy=\"15\" r=\"6\"><\/circle><\/marker><\/defs><g><text x=\"178.49998474121094\" y=\"93\" class=\"messageText\" style=\"font-size: 16px; font-family: &quot;trebuchet ms&quot;, verdana, arial; text-anchor: middle;\">\u4f60\u597d\u5417\uff1f<\/text><line x1=\"75\" y1=\"100\" x2=\"281.9999694824219\" y2=\"100\" class=\"messageLine0\" stroke-width=\"2\" stroke=\"black\" marker-end=\"url(#arrowhead)\" style=\"fill: none;\"><\/line><\/g><g><text x=\"178.49998474121094\" y=\"128\" class=\"messageText\" style=\"font-size: 16px; font-family: &quot;trebuchet ms&quot;, verdana, arial; text-anchor: middle;\">\u6211\u5f88\u597d\uff0c\u8c22\u8c22\uff01V<\/text><line x1=\"281.9999694824219\" y1=\"135\" x2=\"75\" y2=\"135\" class=\"messageLine1\" stroke-width=\"2\" stroke=\"black\" marker-end=\"url(#arrowhead)\" style=\"stroke-dasharray: 3, 3; fill: none;\"><\/line><\/g><g><rect x=\"0\" y=\"155\" fill=\"#eaeaea\" stroke=\"#666\" width=\"150\" height=\"65\" rx=\"3\" ry=\"3\" class=\"actor\"><\/rect><text x=\"75\" y=\"187.5\" dominant-baseline=\"central\" alignment-baseline=\"central\" class=\"actor\" style=\"text-anchor: middle; font-size: 14px; font-family: Open-Sans, &quot;sans-serif&quot;;\"><tspan x=\"75\" dy=\"0\">Alice<\/tspan><\/text><\/g><g><rect x=\"206.99996948242188\" y=\"155\" fill=\"#eaeaea\" stroke=\"#666\" width=\"150\" height=\"65\" rx=\"3\" ry=\"3\" class=\"actor\"><\/rect><text x=\"281.9999694824219\" y=\"187.5\" dominant-baseline=\"central\" alignment-baseline=\"central\" class=\"actor\" style=\"text-anchor: middle; font-size: 14px; font-family: Open-Sans, &quot;sans-serif&quot;;\"><tspan x=\"281.9999694824219\" dy=\"0\">Bob<\/tspan><\/text><\/g><\/svg><\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83d\udccc \u56db\u3001\u7518\u7279\u56fe\uff08Gantt Chart\uff09<\/h1>\n\n\n\n<div class=\"wp-block-visualize-mermaid\"><pre class=\"visualizeMermaid__content js-visualize-content\">gantt\n    title \u9879\u76ee\u5f00\u53d1\u8ba1\u5212\n    dateFormat  YYYY-MM-DD\n    section \u8bbe\u8ba1\n    \u539f\u578b\u8bbe\u8ba1       :a1, 2025-06-01, 5d\n    UI\u8bbe\u8ba1         :after a1, 3d\n    section \u5f00\u53d1\n    \u524d\u7aef\u5f00\u53d1       :2025-06-08, 5d\n    \u540e\u7aef\u5f00\u53d1       :2025-06-08, 5d\n    \u8054\u8c03\u6d4b\u8bd5       :2025-06-13, 3d<\/pre><pre class=\"visualizeMermaid__error visualizeMermaid__error--hidden js-visualize-error\"><\/pre><div class=\"visualizeMermaid__canvas\"><svg id=\"graphDiv1749548673890\" width=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"100%\" viewBox=\"0 0 1814 220\"><style>#graphDiv1749548673890 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);color:#333}#graphDiv1749548673890 .label text{fill:#333}#graphDiv1749548673890 .node rect,#graphDiv1749548673890 .node circle,#graphDiv1749548673890 .node ellipse,#graphDiv1749548673890 .node polygon,#graphDiv1749548673890 .node path{fill:#eee;stroke:#999;stroke-width:1px}#graphDiv1749548673890 .node .label{text-align:center}#graphDiv1749548673890 .node.clickable{cursor:pointer}#graphDiv1749548673890 .arrowheadPath{fill:#333}#graphDiv1749548673890 .edgePath .path{stroke:#666;stroke-width:1.5px}#graphDiv1749548673890 .edgeLabel{background-color:#fff;text-align:center}#graphDiv1749548673890 .edgeLabel rect{opacity:0.5}#graphDiv1749548673890 .cluster rect{fill:#eaf2fb;stroke:#26a;stroke-width:1px}#graphDiv1749548673890 .cluster text{fill:#333}#graphDiv1749548673890 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#eaf2fb;border:1px solid #26a;border-radius:2px;pointer-events:none;z-index:100}#graphDiv1749548673890 .actor{stroke:#999;fill:#eee}#graphDiv1749548673890 text.actor{fill:#333;stroke:none}#graphDiv1749548673890 .actor-line{stroke:#666}#graphDiv1749548673890 .messageLine0{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#graphDiv1749548673890 .messageLine1{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#graphDiv1749548673890 #arrowhead{fill:#333}#graphDiv1749548673890 .sequenceNumber{fill:#fff}#graphDiv1749548673890 #sequencenumber{fill:#333}#graphDiv1749548673890 #crosshead path{fill:#333 !important;stroke:#333 !important}#graphDiv1749548673890 .messageText{fill:#333;stroke:none}#graphDiv1749548673890 .labelBox{stroke:#999;fill:#eee}#graphDiv1749548673890 .labelText{fill:#333;stroke:none}#graphDiv1749548673890 .loopText{fill:#333;stroke:none}#graphDiv1749548673890 .loopLine{stroke-width:2;stroke-dasharray:'2 2';stroke:#999}#graphDiv1749548673890 .note{stroke:#770;fill:#ffa}#graphDiv1749548673890 .noteText{fill:black;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:14px}#graphDiv1749548673890 .activation0{fill:#f4f4f4;stroke:#666}#graphDiv1749548673890 .activation1{fill:#f4f4f4;stroke:#666}#graphDiv1749548673890 .activation2{fill:#f4f4f4;stroke:#666}#graphDiv1749548673890 .mermaid-main-font{font-family:\"trebuchet ms\", verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548673890 .section{stroke:none;opacity:0.2}#graphDiv1749548673890 .section0{fill:#80b3e6}#graphDiv1749548673890 .section2{fill:#80b3e6}#graphDiv1749548673890 .section1,#graphDiv1749548673890 .section3{fill:#fff;opacity:0.2}#graphDiv1749548673890 .sectionTitle0{fill:#333}#graphDiv1749548673890 .sectionTitle1{fill:#333}#graphDiv1749548673890 .sectionTitle2{fill:#333}#graphDiv1749548673890 .sectionTitle3{fill:#333}#graphDiv1749548673890 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548673890 .grid .tick{stroke:#e6e6e6;opacity:0.8;shape-rendering:crispEdges}#graphDiv1749548673890 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548673890 .grid path{stroke-width:0}#graphDiv1749548673890 .today{fill:none;stroke:#d42;stroke-width:2px}#graphDiv1749548673890 .task{stroke-width:2}#graphDiv1749548673890 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548673890 .taskText:not([font-size]){font-size:11px}#graphDiv1749548673890 .taskTextOutsideRight{fill:#333;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548673890 .taskTextOutsideLeft{fill:#333;text-anchor:end;font-size:11px}#graphDiv1749548673890 .task.clickable{cursor:pointer}#graphDiv1749548673890 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749548673890 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749548673890 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749548673890 .taskText0,#graphDiv1749548673890 .taskText1,#graphDiv1749548673890 .taskText2,#graphDiv1749548673890 .taskText3{fill:#fff}#graphDiv1749548673890 .task0,#graphDiv1749548673890 .task1,#graphDiv1749548673890 .task2,#graphDiv1749548673890 .task3{fill:#26a;stroke:#1a4d80}#graphDiv1749548673890 .taskTextOutside0,#graphDiv1749548673890 .taskTextOutside2{fill:#333}#graphDiv1749548673890 .taskTextOutside1,#graphDiv1749548673890 .taskTextOutside3{fill:#333}#graphDiv1749548673890 .active0,#graphDiv1749548673890 .active1,#graphDiv1749548673890 .active2,#graphDiv1749548673890 .active3{fill:#eee;stroke:#1a4d80}#graphDiv1749548673890 .activeText0,#graphDiv1749548673890 .activeText1,#graphDiv1749548673890 .activeText2,#graphDiv1749548673890 .activeText3{fill:#333 !important}#graphDiv1749548673890 .done0,#graphDiv1749548673890 .done1,#graphDiv1749548673890 .done2,#graphDiv1749548673890 .done3{stroke:#666;fill:#bbb;stroke-width:2}#graphDiv1749548673890 .doneText0,#graphDiv1749548673890 .doneText1,#graphDiv1749548673890 .doneText2,#graphDiv1749548673890 .doneText3{fill:#333 !important}#graphDiv1749548673890 .crit0,#graphDiv1749548673890 .crit1,#graphDiv1749548673890 .crit2,#graphDiv1749548673890 .crit3{stroke:#b1361b;fill:#d42;stroke-width:2}#graphDiv1749548673890 .activeCrit0,#graphDiv1749548673890 .activeCrit1,#graphDiv1749548673890 .activeCrit2,#graphDiv1749548673890 .activeCrit3{stroke:#b1361b;fill:#eee;stroke-width:2}#graphDiv1749548673890 .doneCrit0,#graphDiv1749548673890 .doneCrit1,#graphDiv1749548673890 .doneCrit2,#graphDiv1749548673890 .doneCrit3{stroke:#b1361b;fill:#bbb;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#graphDiv1749548673890 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#graphDiv1749548673890 .milestoneText{font-style:italic}#graphDiv1749548673890 .doneCritText0,#graphDiv1749548673890 .doneCritText1,#graphDiv1749548673890 .doneCritText2,#graphDiv1749548673890 .doneCritText3{fill:#333 !important}#graphDiv1749548673890 .activeCritText0,#graphDiv1749548673890 .activeCritText1,#graphDiv1749548673890 .activeCritText2,#graphDiv1749548673890 .activeCritText3{fill:#333 !important}#graphDiv1749548673890 .titleText{text-anchor:middle;font-size:18px;fill:#333;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548673890 g.classGroup text{fill:#999;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#graphDiv1749548673890 g.classGroup text .title{font-weight:bolder}#graphDiv1749548673890 g.clickable{cursor:pointer}#graphDiv1749548673890 g.classGroup rect{fill:#eee;stroke:#999}#graphDiv1749548673890 g.classGroup line{stroke:#999;stroke-width:1}#graphDiv1749548673890 .classLabel .box{stroke:none;stroke-width:0;fill:#eee;opacity:0.5}#graphDiv1749548673890 .classLabel .label{fill:#999;font-size:10px}#graphDiv1749548673890 .relation{stroke:#999;stroke-width:1;fill:none}#graphDiv1749548673890 .dashed-line{stroke-dasharray:3}#graphDiv1749548673890 #compositionStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548673890 #compositionEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548673890 #aggregationStart{fill:#eee;stroke:#999;stroke-width:1}#graphDiv1749548673890 #aggregationEnd{fill:#eee;stroke:#999;stroke-width:1}#graphDiv1749548673890 #dependencyStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548673890 #dependencyEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548673890 #extensionStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548673890 #extensionEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548673890 .commit-id,#graphDiv1749548673890 .commit-msg,#graphDiv1749548673890 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548673890 .pieTitleText{text-anchor:middle;font-size:25px;fill:#333;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548673890 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548673890 g.stateGroup text{fill:#999;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548673890 g.stateGroup text{fill:#999;stroke:none;font-size:10px}#graphDiv1749548673890 g.stateGroup .state-title{font-weight:bolder;fill:#000}#graphDiv1749548673890 g.stateGroup rect{fill:#eee;stroke:#999}#graphDiv1749548673890 g.stateGroup line{stroke:#999;stroke-width:1}#graphDiv1749548673890 .transition{stroke:#999;stroke-width:1;fill:none}#graphDiv1749548673890 .stateGroup .composit{fill:white;border-bottom:1px}#graphDiv1749548673890 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#graphDiv1749548673890 .state-note{stroke:#770;fill:#ffa}#graphDiv1749548673890 .state-note text{fill:black;stroke:none;font-size:10px}#graphDiv1749548673890 .stateLabel .box{stroke:none;stroke-width:0;fill:#eee;opacity:0.5}#graphDiv1749548673890 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548673890 .node circle.state-start{fill:black;stroke:black}#graphDiv1749548673890 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#graphDiv1749548673890 #statediagram-barbEnd{fill:#999}#graphDiv1749548673890 .statediagram-cluster rect{fill:#eee;stroke:#999;stroke-width:1px}#graphDiv1749548673890 .statediagram-cluster rect.outer{rx:5px;ry:5px}#graphDiv1749548673890 .statediagram-state .divider{stroke:#999}#graphDiv1749548673890 .statediagram-state .title-state{rx:5px;ry:5px}#graphDiv1749548673890 .statediagram-cluster.statediagram-cluster .inner{fill:white}#graphDiv1749548673890 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#graphDiv1749548673890 .statediagram-cluster .inner{rx:0;ry:0}#graphDiv1749548673890 .statediagram-state rect.basic{rx:5px;ry:5px}#graphDiv1749548673890 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#graphDiv1749548673890 .note-edge{stroke-dasharray:5}#graphDiv1749548673890 .statediagram-note rect{fill:#ffa;stroke:#770;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '\"trebuchet ms\", verdana, arial';--mermaid-font-family: \"Comic Sans MS\", \"Comic Sans\", cursive}\n\n:root { --mermaid-font-family: \"trebuchet ms\", verdana, arial;}<\/style><style>#graphDiv1749548673890 {\n    color: rgb(60, 67, 74);\n    font: 13px \/ 18.2px -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  }<\/style><g><\/g><g class=\"grid\" transform=\"translate(75, 170)\" fill=\"none\" font-size=\"10\" font-family=\"sans-serif\" text-anchor=\"middle\"><path class=\"domain\" stroke=\"currentColor\" d=\"M0.5,-135V0.5H1664.5V-135\"><\/path><g class=\"tick\" opacity=\"1\" transform=\"translate(0.5,0)\"><line stroke=\"currentColor\" y2=\"-135\"><\/line><text fill=\"#000\" y=\"3\" dy=\"1em\" stroke=\"none\" font-size=\"10\" style=\"text-anchor: middle;\">2025-06-01<\/text><\/g><g class=\"tick\" opacity=\"1\" transform=\"translate(222.5,0)\"><line stroke=\"currentColor\" y2=\"-135\"><\/line><text fill=\"#000\" y=\"3\" dy=\"1em\" stroke=\"none\" font-size=\"10\" style=\"text-anchor: middle;\">2025-06-03<\/text><\/g><g class=\"tick\" opacity=\"1\" transform=\"translate(444.5,0)\"><line stroke=\"currentColor\" y2=\"-135\"><\/line><text fill=\"#000\" y=\"3\" dy=\"1em\" stroke=\"none\" font-size=\"10\" style=\"text-anchor: middle;\">2025-06-05<\/text><\/g><g class=\"tick\" opacity=\"1\" transform=\"translate(666.5,0)\"><line stroke=\"currentColor\" y2=\"-135\"><\/line><text fill=\"#000\" y=\"3\" dy=\"1em\" stroke=\"none\" font-size=\"10\" style=\"text-anchor: middle;\">2025-06-07<\/text><\/g><g class=\"tick\" opacity=\"1\" transform=\"translate(887.5,0)\"><line stroke=\"currentColor\" y2=\"-135\"><\/line><text fill=\"#000\" y=\"3\" dy=\"1em\" stroke=\"none\" font-size=\"10\" style=\"text-anchor: middle;\">2025-06-09<\/text><\/g><g class=\"tick\" opacity=\"1\" transform=\"translate(1109.5,0)\"><line stroke=\"currentColor\" y2=\"-135\"><\/line><text fill=\"#000\" y=\"3\" dy=\"1em\" stroke=\"none\" font-size=\"10\" style=\"text-anchor: middle;\">2025-06-11<\/text><\/g><g class=\"tick\" opacity=\"1\" transform=\"translate(1331.5,0)\"><line stroke=\"currentColor\" y2=\"-135\"><\/line><text fill=\"#000\" y=\"3\" dy=\"1em\" stroke=\"none\" font-size=\"10\" style=\"text-anchor: middle;\">2025-06-13<\/text><\/g><g class=\"tick\" opacity=\"1\" transform=\"translate(1553.5,0)\"><line stroke=\"currentColor\" y2=\"-135\"><\/line><text fill=\"#000\" y=\"3\" dy=\"1em\" stroke=\"none\" font-size=\"10\" style=\"text-anchor: middle;\">2025-06-15<\/text><\/g><\/g><g><rect x=\"0\" y=\"48\" width=\"1776.5\" height=\"24\" class=\"section section0\"><\/rect><rect x=\"0\" y=\"72\" width=\"1776.5\" height=\"24\" class=\"section section0\"><\/rect><rect x=\"0\" y=\"96\" width=\"1776.5\" height=\"24\" class=\"section section1\"><\/rect><rect x=\"0\" y=\"120\" width=\"1776.5\" height=\"24\" class=\"section section1\"><\/rect><rect x=\"0\" y=\"144\" width=\"1776.5\" height=\"24\" class=\"section section1\"><\/rect><\/g><g><rect id=\"a1\" rx=\"3\" ry=\"3\" x=\"75\" y=\"50\" width=\"555\" height=\"20\" transform-origin=\"352.5px 60px\" class=\"task task0 \"><\/rect><rect id=\"task1\" rx=\"3\" ry=\"3\" x=\"630\" y=\"74\" width=\"332\" height=\"20\" transform-origin=\"796px 84px\" class=\"task task0 \"><\/rect><rect id=\"task2\" rx=\"3\" ry=\"3\" x=\"852\" y=\"98\" width=\"554\" height=\"20\" transform-origin=\"1129px 108px\" class=\"task task1 \"><\/rect><rect id=\"task3\" rx=\"3\" ry=\"3\" x=\"852\" y=\"122\" width=\"554\" height=\"20\" transform-origin=\"1129px 132px\" class=\"task task1 \"><\/rect><rect id=\"task4\" rx=\"3\" ry=\"3\" x=\"1406\" y=\"146\" width=\"333\" height=\"20\" transform-origin=\"1572.5px 156px\" class=\"task task1 \"><\/rect><text id=\"a1-text\" font-size=\"11\" x=\"352.5\" y=\"63.5\" text-height=\"20\" class=\" taskText taskText0  width-44.421817779541016\">\u539f\u578b\u8bbe\u8ba1       <\/text><text id=\"task1-text\" font-size=\"11\" x=\"796\" y=\"87.5\" text-height=\"20\" class=\" taskText taskText0  width-32.907936096191406\">UI\u8bbe\u8ba1         <\/text><text id=\"task2-text\" font-size=\"11\" x=\"1129\" y=\"111.5\" text-height=\"20\" class=\" taskText taskText1  width-44.421775817871094\">\u524d\u7aef\u5f00\u53d1       <\/text><text id=\"task3-text\" font-size=\"11\" x=\"1129\" y=\"135.5\" text-height=\"20\" class=\" taskText taskText1  width-44.421775817871094\">\u540e\u7aef\u5f00\u53d1       <\/text><text id=\"task4-text\" font-size=\"11\" x=\"1572.5\" y=\"159.5\" text-height=\"20\" class=\" taskText taskText1  width-44.421775817871094\">\u8054\u8c03\u6d4b\u8bd5       <\/text><\/g><g><text dy=\"0em\" x=\"10\" y=\"74\" class=\"sectionTitle sectionTitle0\"><tspan alignment-baseline=\"central\" x=\"10\">\u8bbe\u8ba1<\/tspan><\/text><text dy=\"0em\" x=\"10\" y=\"134\" class=\"sectionTitle sectionTitle1\"><tspan alignment-baseline=\"central\" x=\"10\">\u5f00\u53d1<\/tspan><\/text><\/g><g class=\"today\"><line x1=\"1155\" x2=\"1155\" y1=\"25\" y2=\"195\" class=\"today\"><\/line><\/g><text x=\"907\" y=\"25\" class=\"titleText\">\u9879\u76ee\u5f00\u53d1\u8ba1\u5212<\/text><\/svg><\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83d\udccc \u4e94\u3001\u7c7b\u56fe\uff08Class Diagram\uff09<\/h1>\n\n\n\n<div class=\"wp-block-visualize-mermaid\"><pre class=\"visualizeMermaid__content js-visualize-content\">classDiagram\n    class Animal {\n        +String name\n        +int age\n        +eat()\n    }\n    class Dog {\n        +String breed\n        +bark()\n    }\n    Animal &lt;|-- Dog<\/pre><pre class=\"visualizeMermaid__error visualizeMermaid__error--hidden js-visualize-error\"><\/pre><div class=\"visualizeMermaid__canvas\"><svg id=\"graphDiv1749548713089\" width=\"115.33342742919922\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"220\" viewBox=\"-20 -20 115.33342742919922 220\"><style>#graphDiv1749548713089 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);color:#333}#graphDiv1749548713089 .label text{fill:#333}#graphDiv1749548713089 .node rect,#graphDiv1749548713089 .node circle,#graphDiv1749548713089 .node ellipse,#graphDiv1749548713089 .node polygon,#graphDiv1749548713089 .node path{fill:#eee;stroke:#999;stroke-width:1px}#graphDiv1749548713089 .node .label{text-align:center}#graphDiv1749548713089 .node.clickable{cursor:pointer}#graphDiv1749548713089 .arrowheadPath{fill:#333}#graphDiv1749548713089 .edgePath .path{stroke:#666;stroke-width:1.5px}#graphDiv1749548713089 .edgeLabel{background-color:#fff;text-align:center}#graphDiv1749548713089 .edgeLabel rect{opacity:0.5}#graphDiv1749548713089 .cluster rect{fill:#eaf2fb;stroke:#26a;stroke-width:1px}#graphDiv1749548713089 .cluster text{fill:#333}#graphDiv1749548713089 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#eaf2fb;border:1px solid #26a;border-radius:2px;pointer-events:none;z-index:100}#graphDiv1749548713089 .actor{stroke:#999;fill:#eee}#graphDiv1749548713089 text.actor{fill:#333;stroke:none}#graphDiv1749548713089 .actor-line{stroke:#666}#graphDiv1749548713089 .messageLine0{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#graphDiv1749548713089 .messageLine1{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#graphDiv1749548713089 #arrowhead{fill:#333}#graphDiv1749548713089 .sequenceNumber{fill:#fff}#graphDiv1749548713089 #sequencenumber{fill:#333}#graphDiv1749548713089 #crosshead path{fill:#333 !important;stroke:#333 !important}#graphDiv1749548713089 .messageText{fill:#333;stroke:none}#graphDiv1749548713089 .labelBox{stroke:#999;fill:#eee}#graphDiv1749548713089 .labelText{fill:#333;stroke:none}#graphDiv1749548713089 .loopText{fill:#333;stroke:none}#graphDiv1749548713089 .loopLine{stroke-width:2;stroke-dasharray:'2 2';stroke:#999}#graphDiv1749548713089 .note{stroke:#770;fill:#ffa}#graphDiv1749548713089 .noteText{fill:black;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:14px}#graphDiv1749548713089 .activation0{fill:#f4f4f4;stroke:#666}#graphDiv1749548713089 .activation1{fill:#f4f4f4;stroke:#666}#graphDiv1749548713089 .activation2{fill:#f4f4f4;stroke:#666}#graphDiv1749548713089 .mermaid-main-font{font-family:\"trebuchet ms\", verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548713089 .section{stroke:none;opacity:0.2}#graphDiv1749548713089 .section0{fill:#80b3e6}#graphDiv1749548713089 .section2{fill:#80b3e6}#graphDiv1749548713089 .section1,#graphDiv1749548713089 .section3{fill:#fff;opacity:0.2}#graphDiv1749548713089 .sectionTitle0{fill:#333}#graphDiv1749548713089 .sectionTitle1{fill:#333}#graphDiv1749548713089 .sectionTitle2{fill:#333}#graphDiv1749548713089 .sectionTitle3{fill:#333}#graphDiv1749548713089 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548713089 .grid .tick{stroke:#e6e6e6;opacity:0.8;shape-rendering:crispEdges}#graphDiv1749548713089 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548713089 .grid path{stroke-width:0}#graphDiv1749548713089 .today{fill:none;stroke:#d42;stroke-width:2px}#graphDiv1749548713089 .task{stroke-width:2}#graphDiv1749548713089 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548713089 .taskText:not([font-size]){font-size:11px}#graphDiv1749548713089 .taskTextOutsideRight{fill:#333;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548713089 .taskTextOutsideLeft{fill:#333;text-anchor:end;font-size:11px}#graphDiv1749548713089 .task.clickable{cursor:pointer}#graphDiv1749548713089 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749548713089 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749548713089 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749548713089 .taskText0,#graphDiv1749548713089 .taskText1,#graphDiv1749548713089 .taskText2,#graphDiv1749548713089 .taskText3{fill:#fff}#graphDiv1749548713089 .task0,#graphDiv1749548713089 .task1,#graphDiv1749548713089 .task2,#graphDiv1749548713089 .task3{fill:#26a;stroke:#1a4d80}#graphDiv1749548713089 .taskTextOutside0,#graphDiv1749548713089 .taskTextOutside2{fill:#333}#graphDiv1749548713089 .taskTextOutside1,#graphDiv1749548713089 .taskTextOutside3{fill:#333}#graphDiv1749548713089 .active0,#graphDiv1749548713089 .active1,#graphDiv1749548713089 .active2,#graphDiv1749548713089 .active3{fill:#eee;stroke:#1a4d80}#graphDiv1749548713089 .activeText0,#graphDiv1749548713089 .activeText1,#graphDiv1749548713089 .activeText2,#graphDiv1749548713089 .activeText3{fill:#333 !important}#graphDiv1749548713089 .done0,#graphDiv1749548713089 .done1,#graphDiv1749548713089 .done2,#graphDiv1749548713089 .done3{stroke:#666;fill:#bbb;stroke-width:2}#graphDiv1749548713089 .doneText0,#graphDiv1749548713089 .doneText1,#graphDiv1749548713089 .doneText2,#graphDiv1749548713089 .doneText3{fill:#333 !important}#graphDiv1749548713089 .crit0,#graphDiv1749548713089 .crit1,#graphDiv1749548713089 .crit2,#graphDiv1749548713089 .crit3{stroke:#b1361b;fill:#d42;stroke-width:2}#graphDiv1749548713089 .activeCrit0,#graphDiv1749548713089 .activeCrit1,#graphDiv1749548713089 .activeCrit2,#graphDiv1749548713089 .activeCrit3{stroke:#b1361b;fill:#eee;stroke-width:2}#graphDiv1749548713089 .doneCrit0,#graphDiv1749548713089 .doneCrit1,#graphDiv1749548713089 .doneCrit2,#graphDiv1749548713089 .doneCrit3{stroke:#b1361b;fill:#bbb;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#graphDiv1749548713089 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#graphDiv1749548713089 .milestoneText{font-style:italic}#graphDiv1749548713089 .doneCritText0,#graphDiv1749548713089 .doneCritText1,#graphDiv1749548713089 .doneCritText2,#graphDiv1749548713089 .doneCritText3{fill:#333 !important}#graphDiv1749548713089 .activeCritText0,#graphDiv1749548713089 .activeCritText1,#graphDiv1749548713089 .activeCritText2,#graphDiv1749548713089 .activeCritText3{fill:#333 !important}#graphDiv1749548713089 .titleText{text-anchor:middle;font-size:18px;fill:#333;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548713089 g.classGroup text{fill:#999;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#graphDiv1749548713089 g.classGroup text .title{font-weight:bolder}#graphDiv1749548713089 g.clickable{cursor:pointer}#graphDiv1749548713089 g.classGroup rect{fill:#eee;stroke:#999}#graphDiv1749548713089 g.classGroup line{stroke:#999;stroke-width:1}#graphDiv1749548713089 .classLabel .box{stroke:none;stroke-width:0;fill:#eee;opacity:0.5}#graphDiv1749548713089 .classLabel .label{fill:#999;font-size:10px}#graphDiv1749548713089 .relation{stroke:#999;stroke-width:1;fill:none}#graphDiv1749548713089 .dashed-line{stroke-dasharray:3}#graphDiv1749548713089 #compositionStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548713089 #compositionEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548713089 #aggregationStart{fill:#eee;stroke:#999;stroke-width:1}#graphDiv1749548713089 #aggregationEnd{fill:#eee;stroke:#999;stroke-width:1}#graphDiv1749548713089 #dependencyStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548713089 #dependencyEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548713089 #extensionStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548713089 #extensionEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548713089 .commit-id,#graphDiv1749548713089 .commit-msg,#graphDiv1749548713089 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548713089 .pieTitleText{text-anchor:middle;font-size:25px;fill:#333;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548713089 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548713089 g.stateGroup text{fill:#999;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548713089 g.stateGroup text{fill:#999;stroke:none;font-size:10px}#graphDiv1749548713089 g.stateGroup .state-title{font-weight:bolder;fill:#000}#graphDiv1749548713089 g.stateGroup rect{fill:#eee;stroke:#999}#graphDiv1749548713089 g.stateGroup line{stroke:#999;stroke-width:1}#graphDiv1749548713089 .transition{stroke:#999;stroke-width:1;fill:none}#graphDiv1749548713089 .stateGroup .composit{fill:white;border-bottom:1px}#graphDiv1749548713089 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#graphDiv1749548713089 .state-note{stroke:#770;fill:#ffa}#graphDiv1749548713089 .state-note text{fill:black;stroke:none;font-size:10px}#graphDiv1749548713089 .stateLabel .box{stroke:none;stroke-width:0;fill:#eee;opacity:0.5}#graphDiv1749548713089 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548713089 .node circle.state-start{fill:black;stroke:black}#graphDiv1749548713089 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#graphDiv1749548713089 #statediagram-barbEnd{fill:#999}#graphDiv1749548713089 .statediagram-cluster rect{fill:#eee;stroke:#999;stroke-width:1px}#graphDiv1749548713089 .statediagram-cluster rect.outer{rx:5px;ry:5px}#graphDiv1749548713089 .statediagram-state .divider{stroke:#999}#graphDiv1749548713089 .statediagram-state .title-state{rx:5px;ry:5px}#graphDiv1749548713089 .statediagram-cluster.statediagram-cluster .inner{fill:white}#graphDiv1749548713089 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#graphDiv1749548713089 .statediagram-cluster .inner{rx:0;ry:0}#graphDiv1749548713089 .statediagram-state rect.basic{rx:5px;ry:5px}#graphDiv1749548713089 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#graphDiv1749548713089 .note-edge{stroke-dasharray:5}#graphDiv1749548713089 .statediagram-note rect{fill:#ffa;stroke:#770;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '\"trebuchet ms\", verdana, arial';--mermaid-font-family: \"Comic Sans MS\", \"Comic Sans\", cursive}\n\n:root { --mermaid-font-family: \"trebuchet ms\", verdana, arial;}<\/style><style>#graphDiv1749548713089 {\n    color: rgb(60, 67, 74);\n    font: 13px \/ 18.2px -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  }<\/style><g><\/g><defs><marker id=\"extensionStart\" class=\"extension\" refX=\"0\" refY=\"7\" markerWidth=\"190\" markerHeight=\"240\" orient=\"auto\"><path d=\"M 1,7 L18,13 V 1 Z\"><\/path><\/marker><\/defs><defs><marker id=\"extensionEnd\" refX=\"19\" refY=\"7\" markerWidth=\"20\" markerHeight=\"28\" orient=\"auto\"><path d=\"M 1,1 V 13 L18,7 Z\"><\/path><\/marker><\/defs><defs><marker id=\"compositionStart\" class=\"extension\" refX=\"0\" refY=\"7\" markerWidth=\"190\" markerHeight=\"240\" orient=\"auto\"><path d=\"M 18,7 L9,13 L1,7 L9,1 Z\"><\/path><\/marker><\/defs><defs><marker id=\"compositionEnd\" refX=\"19\" refY=\"7\" markerWidth=\"20\" markerHeight=\"28\" orient=\"auto\"><path d=\"M 18,7 L9,13 L1,7 L9,1 Z\"><\/path><\/marker><\/defs><defs><marker id=\"aggregationStart\" class=\"extension\" refX=\"0\" refY=\"7\" markerWidth=\"190\" markerHeight=\"240\" orient=\"auto\"><path d=\"M 18,7 L9,13 L1,7 L9,1 Z\"><\/path><\/marker><\/defs><defs><marker id=\"aggregationEnd\" refX=\"19\" refY=\"7\" markerWidth=\"20\" markerHeight=\"28\" orient=\"auto\"><path d=\"M 18,7 L9,13 L1,7 L9,1 Z\"><\/path><\/marker><\/defs><defs><marker id=\"dependencyStart\" class=\"extension\" refX=\"0\" refY=\"7\" markerWidth=\"190\" markerHeight=\"240\" orient=\"auto\"><path d=\"M 5,7 L9,13 L1,7 L9,1 Z\"><\/path><\/marker><\/defs><defs><marker id=\"dependencyEnd\" refX=\"19\" refY=\"7\" markerWidth=\"20\" markerHeight=\"28\" orient=\"auto\"><path d=\"M 18,7 L9,13 L14,7 L9,1 Z\"><\/path><\/marker><\/defs><g id=\"classid-Animal-4\" class=\"classGroup \" transform=\"translate(0.3166847229003906,0 )\"><rect x=\"0\" y=\"0\" width=\"74.70005798339844\" height=\"69.99999237060547\"><\/rect><text y=\"15\" x=\"0\"><tspan class=\"title\" x=\"20.94377899169922\">Animal<\/tspan><\/text><line x1=\"0\" y1=\"21.428571701049805\" y2=\"21.428571701049805\" x2=\"74.70005798339844\"><\/line><text x=\"5\" y=\"31.428571701049805\" fill=\"white\" class=\"classText\"><tspan x=\"5\">+String name<\/tspan><tspan x=\"5\" dy=\"10\">+int age<\/tspan><\/text><line x1=\"0\" y1=\"47.857139587402344\" y2=\"47.857139587402344\" x2=\"74.70005798339844\"><\/line><text x=\"5\" y=\"62.857139587402344\" fill=\"white\" class=\"classText\"><tspan x=\"5\">+eat()<\/tspan><\/text><\/g><g id=\"classid-Dog-5\" class=\"classGroup \" transform=\"translate(0,119.99999237060547 )\"><rect x=\"0\" y=\"0\" width=\"75.33342742919922\" height=\"60\"><\/rect><text y=\"15\" x=\"0\"><tspan class=\"title\" x=\"28.76708984375\">Dog<\/tspan><\/text><line x1=\"0\" y1=\"21.428571701049805\" y2=\"21.428571701049805\" x2=\"75.33342742919922\"><\/line><text x=\"5\" y=\"31.428571701049805\" fill=\"white\" class=\"classText\"><tspan x=\"5\">+String breed<\/tspan><\/text><line x1=\"0\" y1=\"37.85714340209961\" y2=\"37.85714340209961\" x2=\"75.33342742919922\"><\/line><text x=\"5\" y=\"52.85714340209961\" fill=\"white\" class=\"classText\"><tspan x=\"5\">+bark()<\/tspan><\/text><\/g><path d=\"M37.66671371459961,69.99999237060547L37.66671371459961,74.16665903727214C37.66671371459961,78.3333257039388,37.66671371459961,86.66665903727214,37.66671371459961,94.99999237060547C37.66671371459961,103.3333257039388,37.66671371459961,111.66665903727214,37.66671371459961,115.8333257039388L37.66671371459961,119.99999237060547\" id=\"edge1\" class=\"relation\" marker-start=\"url(#extensionStart)\"><\/path><\/svg><\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83d\udccc \u516d\u3001\u72b6\u6001\u56fe\uff08State Diagram\uff09<\/h1>\n\n\n\n<div class=\"wp-block-visualize-mermaid\"><pre class=\"visualizeMermaid__content js-visualize-content\">stateDiagram\n    [*] --> \u7a7a\u95f2\n    \u7a7a\u95f2 --> \u64ad\u653e\u4e2d : \u70b9\u51fb\u64ad\u653e\n    \u64ad\u653e\u4e2d --> \u6682\u505c : \u70b9\u51fb\u6682\u505c\n    \u6682\u505c --> \u64ad\u653e\u4e2d : \u70b9\u51fb\u64ad\u653e\n    \u64ad\u653e\u4e2d --> [*] : \u64ad\u653e\u7ed3\u675f<\/pre><pre class=\"visualizeMermaid__error visualizeMermaid__error--hidden js-visualize-error\"><\/pre><div class=\"visualizeMermaid__canvas\"><svg id=\"graphDiv1749548729849\" width=\"289.8383560180664\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"-19.24362277984619  -9.5367431640625e-7 165.62191772460938 248.28570556640625\"><style>#graphDiv1749548729849 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);color:#333}#graphDiv1749548729849 .label text{fill:#333}#graphDiv1749548729849 .node rect,#graphDiv1749548729849 .node circle,#graphDiv1749548729849 .node ellipse,#graphDiv1749548729849 .node polygon,#graphDiv1749548729849 .node path{fill:#eee;stroke:#999;stroke-width:1px}#graphDiv1749548729849 .node .label{text-align:center}#graphDiv1749548729849 .node.clickable{cursor:pointer}#graphDiv1749548729849 .arrowheadPath{fill:#333}#graphDiv1749548729849 .edgePath .path{stroke:#666;stroke-width:1.5px}#graphDiv1749548729849 .edgeLabel{background-color:#fff;text-align:center}#graphDiv1749548729849 .edgeLabel rect{opacity:0.5}#graphDiv1749548729849 .cluster rect{fill:#eaf2fb;stroke:#26a;stroke-width:1px}#graphDiv1749548729849 .cluster text{fill:#333}#graphDiv1749548729849 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#eaf2fb;border:1px solid #26a;border-radius:2px;pointer-events:none;z-index:100}#graphDiv1749548729849 .actor{stroke:#999;fill:#eee}#graphDiv1749548729849 text.actor{fill:#333;stroke:none}#graphDiv1749548729849 .actor-line{stroke:#666}#graphDiv1749548729849 .messageLine0{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#graphDiv1749548729849 .messageLine1{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#graphDiv1749548729849 #arrowhead{fill:#333}#graphDiv1749548729849 .sequenceNumber{fill:#fff}#graphDiv1749548729849 #sequencenumber{fill:#333}#graphDiv1749548729849 #crosshead path{fill:#333 !important;stroke:#333 !important}#graphDiv1749548729849 .messageText{fill:#333;stroke:none}#graphDiv1749548729849 .labelBox{stroke:#999;fill:#eee}#graphDiv1749548729849 .labelText{fill:#333;stroke:none}#graphDiv1749548729849 .loopText{fill:#333;stroke:none}#graphDiv1749548729849 .loopLine{stroke-width:2;stroke-dasharray:'2 2';stroke:#999}#graphDiv1749548729849 .note{stroke:#770;fill:#ffa}#graphDiv1749548729849 .noteText{fill:black;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:14px}#graphDiv1749548729849 .activation0{fill:#f4f4f4;stroke:#666}#graphDiv1749548729849 .activation1{fill:#f4f4f4;stroke:#666}#graphDiv1749548729849 .activation2{fill:#f4f4f4;stroke:#666}#graphDiv1749548729849 .mermaid-main-font{font-family:\"trebuchet ms\", verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548729849 .section{stroke:none;opacity:0.2}#graphDiv1749548729849 .section0{fill:#80b3e6}#graphDiv1749548729849 .section2{fill:#80b3e6}#graphDiv1749548729849 .section1,#graphDiv1749548729849 .section3{fill:#fff;opacity:0.2}#graphDiv1749548729849 .sectionTitle0{fill:#333}#graphDiv1749548729849 .sectionTitle1{fill:#333}#graphDiv1749548729849 .sectionTitle2{fill:#333}#graphDiv1749548729849 .sectionTitle3{fill:#333}#graphDiv1749548729849 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548729849 .grid .tick{stroke:#e6e6e6;opacity:0.8;shape-rendering:crispEdges}#graphDiv1749548729849 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548729849 .grid path{stroke-width:0}#graphDiv1749548729849 .today{fill:none;stroke:#d42;stroke-width:2px}#graphDiv1749548729849 .task{stroke-width:2}#graphDiv1749548729849 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548729849 .taskText:not([font-size]){font-size:11px}#graphDiv1749548729849 .taskTextOutsideRight{fill:#333;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548729849 .taskTextOutsideLeft{fill:#333;text-anchor:end;font-size:11px}#graphDiv1749548729849 .task.clickable{cursor:pointer}#graphDiv1749548729849 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749548729849 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749548729849 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749548729849 .taskText0,#graphDiv1749548729849 .taskText1,#graphDiv1749548729849 .taskText2,#graphDiv1749548729849 .taskText3{fill:#fff}#graphDiv1749548729849 .task0,#graphDiv1749548729849 .task1,#graphDiv1749548729849 .task2,#graphDiv1749548729849 .task3{fill:#26a;stroke:#1a4d80}#graphDiv1749548729849 .taskTextOutside0,#graphDiv1749548729849 .taskTextOutside2{fill:#333}#graphDiv1749548729849 .taskTextOutside1,#graphDiv1749548729849 .taskTextOutside3{fill:#333}#graphDiv1749548729849 .active0,#graphDiv1749548729849 .active1,#graphDiv1749548729849 .active2,#graphDiv1749548729849 .active3{fill:#eee;stroke:#1a4d80}#graphDiv1749548729849 .activeText0,#graphDiv1749548729849 .activeText1,#graphDiv1749548729849 .activeText2,#graphDiv1749548729849 .activeText3{fill:#333 !important}#graphDiv1749548729849 .done0,#graphDiv1749548729849 .done1,#graphDiv1749548729849 .done2,#graphDiv1749548729849 .done3{stroke:#666;fill:#bbb;stroke-width:2}#graphDiv1749548729849 .doneText0,#graphDiv1749548729849 .doneText1,#graphDiv1749548729849 .doneText2,#graphDiv1749548729849 .doneText3{fill:#333 !important}#graphDiv1749548729849 .crit0,#graphDiv1749548729849 .crit1,#graphDiv1749548729849 .crit2,#graphDiv1749548729849 .crit3{stroke:#b1361b;fill:#d42;stroke-width:2}#graphDiv1749548729849 .activeCrit0,#graphDiv1749548729849 .activeCrit1,#graphDiv1749548729849 .activeCrit2,#graphDiv1749548729849 .activeCrit3{stroke:#b1361b;fill:#eee;stroke-width:2}#graphDiv1749548729849 .doneCrit0,#graphDiv1749548729849 .doneCrit1,#graphDiv1749548729849 .doneCrit2,#graphDiv1749548729849 .doneCrit3{stroke:#b1361b;fill:#bbb;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#graphDiv1749548729849 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#graphDiv1749548729849 .milestoneText{font-style:italic}#graphDiv1749548729849 .doneCritText0,#graphDiv1749548729849 .doneCritText1,#graphDiv1749548729849 .doneCritText2,#graphDiv1749548729849 .doneCritText3{fill:#333 !important}#graphDiv1749548729849 .activeCritText0,#graphDiv1749548729849 .activeCritText1,#graphDiv1749548729849 .activeCritText2,#graphDiv1749548729849 .activeCritText3{fill:#333 !important}#graphDiv1749548729849 .titleText{text-anchor:middle;font-size:18px;fill:#333;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548729849 g.classGroup text{fill:#999;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#graphDiv1749548729849 g.classGroup text .title{font-weight:bolder}#graphDiv1749548729849 g.clickable{cursor:pointer}#graphDiv1749548729849 g.classGroup rect{fill:#eee;stroke:#999}#graphDiv1749548729849 g.classGroup line{stroke:#999;stroke-width:1}#graphDiv1749548729849 .classLabel .box{stroke:none;stroke-width:0;fill:#eee;opacity:0.5}#graphDiv1749548729849 .classLabel .label{fill:#999;font-size:10px}#graphDiv1749548729849 .relation{stroke:#999;stroke-width:1;fill:none}#graphDiv1749548729849 .dashed-line{stroke-dasharray:3}#graphDiv1749548729849 #compositionStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548729849 #compositionEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548729849 #aggregationStart{fill:#eee;stroke:#999;stroke-width:1}#graphDiv1749548729849 #aggregationEnd{fill:#eee;stroke:#999;stroke-width:1}#graphDiv1749548729849 #dependencyStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548729849 #dependencyEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548729849 #extensionStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548729849 #extensionEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749548729849 .commit-id,#graphDiv1749548729849 .commit-msg,#graphDiv1749548729849 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548729849 .pieTitleText{text-anchor:middle;font-size:25px;fill:#333;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548729849 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548729849 g.stateGroup text{fill:#999;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548729849 g.stateGroup text{fill:#999;stroke:none;font-size:10px}#graphDiv1749548729849 g.stateGroup .state-title{font-weight:bolder;fill:#000}#graphDiv1749548729849 g.stateGroup rect{fill:#eee;stroke:#999}#graphDiv1749548729849 g.stateGroup line{stroke:#999;stroke-width:1}#graphDiv1749548729849 .transition{stroke:#999;stroke-width:1;fill:none}#graphDiv1749548729849 .stateGroup .composit{fill:white;border-bottom:1px}#graphDiv1749548729849 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#graphDiv1749548729849 .state-note{stroke:#770;fill:#ffa}#graphDiv1749548729849 .state-note text{fill:black;stroke:none;font-size:10px}#graphDiv1749548729849 .stateLabel .box{stroke:none;stroke-width:0;fill:#eee;opacity:0.5}#graphDiv1749548729849 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749548729849 .node circle.state-start{fill:black;stroke:black}#graphDiv1749548729849 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#graphDiv1749548729849 #statediagram-barbEnd{fill:#999}#graphDiv1749548729849 .statediagram-cluster rect{fill:#eee;stroke:#999;stroke-width:1px}#graphDiv1749548729849 .statediagram-cluster rect.outer{rx:5px;ry:5px}#graphDiv1749548729849 .statediagram-state .divider{stroke:#999}#graphDiv1749548729849 .statediagram-state .title-state{rx:5px;ry:5px}#graphDiv1749548729849 .statediagram-cluster.statediagram-cluster .inner{fill:white}#graphDiv1749548729849 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#graphDiv1749548729849 .statediagram-cluster .inner{rx:0;ry:0}#graphDiv1749548729849 .statediagram-state rect.basic{rx:5px;ry:5px}#graphDiv1749548729849 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#graphDiv1749548729849 .note-edge{stroke-dasharray:5}#graphDiv1749548729849 .statediagram-note rect{fill:#ffa;stroke:#770;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '\"trebuchet ms\", verdana, arial';--mermaid-font-family: \"Comic Sans MS\", \"Comic Sans\", cursive}\n\n:root { --mermaid-font-family: \"trebuchet ms\", verdana, arial;}<\/style><style>#graphDiv1749548729849 {\n    color: rgb(60, 67, 74);\n    font: 13px \/ 18.2px -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  }<\/style><g><\/g><defs><marker id=\"dependencyEnd\" refX=\"19\" refY=\"7\" markerWidth=\"20\" markerHeight=\"28\" orient=\"auto\"><path d=\"M 19,7 L9,13 L14,7 L9,1 Z\"><\/path><\/marker><\/defs><g id=\"start2\" class=\"stateGroup\" transform=\"translate(42.53999999999999,0 )\" data-x-shift=\"42.53999999999999\"><circle r=\"5\" cx=\"13\" cy=\"13\" style=\"stroke: black; fill: black;\"><\/circle><\/g><g id=\"\u7a7a\u95f2\" class=\"stateGroup\" transform=\"translate(29.539999999999992,46 )\" data-x-shift=\"29.539999999999992\"><rect x=\"8\" y=\"8\" width=\"36.00000190734863\" height=\"27.428571701049805\" rx=\"5\"><\/rect><text x=\"16\" y=\"26\" font-size=\"24\" class=\"state-title\">\u7a7a\u95f2<\/text><\/g><g id=\"\u64ad\u653e\u4e2d\" class=\"stateGroup\" transform=\"translate(24.539999999999992,125.42857360839844 )\" data-x-shift=\"24.539999999999992\"><rect x=\"8\" y=\"8\" width=\"46\" height=\"27.428571701049805\" rx=\"5\"><\/rect><text x=\"16\" y=\"26\" font-size=\"24\" class=\"state-title\">\u64ad\u653e\u4e2d<\/text><\/g><g id=\"\u6682\u505c\" class=\"stateGroup\" transform=\"translate(4.079999999999991,204.85714721679688 )\" data-x-shift=\"4.079999999999991\"><rect x=\"8\" y=\"8\" width=\"36.00000190734863\" height=\"27.428571701049805\" rx=\"5\"><\/rect><text x=\"16\" y=\"26\" font-size=\"24\" class=\"state-title\">\u6682\u505c<\/text><\/g><g id=\"end2\" class=\"stateGroup\" transform=\"translate(106.07999999999998,211.5714340209961 )\" data-x-shift=\"106.07999999999998\"><circle r=\"7\" cx=\"15\" cy=\"15\" style=\"stroke: black; fill: white;\"><\/circle><circle r=\"5\" cx=\"15\" cy=\"15\" style=\"stroke: black; fill: black;\"><\/circle><\/g><path d=\"M55.53999999999999,26L55.539999999999985,27.666666666666668C55.53999999999999,29.333333333333332,55.53999999999999,32.666666666666664,55.539999999999985,36C55.53999999999999,39.333333333333336,55.53999999999999,42.666666666666664,55.539999999999985,44.333333333333336L55.53999999999999,46\" id=\"edge5\" class=\"transition\" marker-end=\"url(#dependencyEnd)\"><\/path><path d=\"M55.53999999999999,89.42857360839844L55.539999999999985,92.42857360839844C55.53999999999999,95.42857360839844,55.53999999999999,101.42857360839844,55.539999999999985,107.42857360839844C55.53999999999999,113.42857360839844,55.53999999999999,119.42857360839844,55.539999999999985,122.42857360839844L55.53999999999999,125.42857360839844\" id=\"edge6\" class=\"transition\" marker-end=\"url(#dependencyEnd)\"><\/path><g class=\"stateLabel\"><rect class=\"box\" x=\"31.182856597900383\" y=\"94.21428775787354\" width=\"48.71428680419922\" height=\"19.428571701049805\"><\/rect><text text-anchor=\"middle\" x=\"55.53999999999999\" y=\"107.42857360839844\">\u70b9\u51fb\u64ad\u653e<\/text><text text-anchor=\"middle\" x=\"55.53999999999999\" y=\"118.85714530944824\"><\/text><\/g><path d=\"M30.66230159231771,168.85714721679688L27.225251326931424,171.85714721679688C23.78820106154514,174.85714721679688,16.91410053077257,180.85714721679688,14.990863173481694,186.85714721679688C13.06762581619082,192.85714721679688,16.09525163238164,198.85714721679688,17.60906454047705,201.85714721679688L19.12287744857246,204.85714721679688\" id=\"edge7\" class=\"transition\" marker-end=\"url(#dependencyEnd)\"><\/path><g class=\"stateLabel\"><rect class=\"box\" x=\"-11.243622677926027\" y=\"171.27189459622213\" width=\"48\" height=\"19.428571701049805\"><\/rect><text text-anchor=\"middle\" x=\"12.756377322073973\" y=\"184.48618044674703\">\u70b9\u51fb\u6682\u505c<\/text><text text-anchor=\"middle\" x=\"12.756377322073973\" y=\"195.91475214779683\"><\/text><\/g><path d=\"M44.00057585625474,204.85714721679688L45.92381321354562,201.85714721679688C47.847050570836494,198.85714721679688,51.69352528541824,192.85714721679688,53.61676264270911,186.85714721679688C55.53999999999999,180.85714721679688,55.53999999999999,174.85714721679688,55.539999999999985,171.85714721679688L55.53999999999999,168.85714721679688\" id=\"edge8\" class=\"transition\" marker-end=\"url(#dependencyEnd)\"><\/path><g class=\"stateLabel\"><rect class=\"box\" x=\"30.270426736839262\" y=\"175.06613321194743\" width=\"48.71428680419922\" height=\"19.428571701049805\"><\/rect><text text-anchor=\"middle\" x=\"54.62757013893887\" y=\"188.28041906247233\">\u70b9\u51fb\u64ad\u653e<\/text><text text-anchor=\"middle\" x=\"54.62757013893887\" y=\"199.70899076352214\"><\/text><\/g><path d=\"M86.53999999999999,165.92746356990887L92.29666666666667,169.41574417772355C98.05333333333333,172.9040247855382,109.56666666666665,179.88058600116756,115.32333333333331,187.48791440968208C121.07999999999998,195.09524281819662,121.07999999999998,203.33333841959634,121.07999999999997,207.45238622029623L121.07999999999998,211.5714340209961\" id=\"edge9\" class=\"transition\" marker-end=\"url(#dependencyEnd)\"><\/path><g class=\"stateLabel\"><rect class=\"box\" x=\"90.37829718991922\" y=\"169.58193143834927\" width=\"48\" height=\"19.428571701049805\"><\/rect><text text-anchor=\"middle\" x=\"114.37829718991922\" y=\"182.79621728887417\">\u64ad\u653e\u7ed3\u675f<\/text><text text-anchor=\"middle\" x=\"114.37829718991922\" y=\"194.22478898992398\"><\/text><\/g><\/svg><\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83d\udccc \u4e03\u3001\u5b9e\u4f53\u5173\u7cfb\u56fe\uff08ER\u56fe\uff09<\/h1>\n\n\n\n<div class=\"wp-block-visualize-mermaid\"><pre class=\"visualizeMermaid__content js-visualize-content\">erDiagram\n    HLQZF ||--o{ ZHONGYUANLUJIEDAOBAN : PAICHU\n\n    HLQZF }|..|{ YUECUNXIANGZHENGFU : ZHIDAO<\/pre><pre class=\"visualizeMermaid__error visualizeMermaid__error--hidden js-visualize-error\"><\/pre><div class=\"visualizeMermaid__canvas\"><svg id=\"graphDiv1749549918398\" width=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"290\" style=\"max-width: 468.9896545410156px;\" viewBox=\"0 0 468.9896545410156 290\"><style>#graphDiv1749549918398 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);color:#333}#graphDiv1749549918398 .label text{fill:#333}#graphDiv1749549918398 .node rect,#graphDiv1749549918398 .node circle,#graphDiv1749549918398 .node ellipse,#graphDiv1749549918398 .node polygon,#graphDiv1749549918398 .node path{fill:#eee;stroke:#999;stroke-width:1px}#graphDiv1749549918398 .node .label{text-align:center}#graphDiv1749549918398 .node.clickable{cursor:pointer}#graphDiv1749549918398 .arrowheadPath{fill:#333}#graphDiv1749549918398 .edgePath .path{stroke:#666;stroke-width:1.5px}#graphDiv1749549918398 .edgeLabel{background-color:#fff;text-align:center}#graphDiv1749549918398 .edgeLabel rect{opacity:0.5}#graphDiv1749549918398 .cluster rect{fill:#eaf2fb;stroke:#26a;stroke-width:1px}#graphDiv1749549918398 .cluster text{fill:#333}#graphDiv1749549918398 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#eaf2fb;border:1px solid #26a;border-radius:2px;pointer-events:none;z-index:100}#graphDiv1749549918398 .actor{stroke:#999;fill:#eee}#graphDiv1749549918398 text.actor{fill:#333;stroke:none}#graphDiv1749549918398 .actor-line{stroke:#666}#graphDiv1749549918398 .messageLine0{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#graphDiv1749549918398 .messageLine1{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#graphDiv1749549918398 #arrowhead{fill:#333}#graphDiv1749549918398 .sequenceNumber{fill:#fff}#graphDiv1749549918398 #sequencenumber{fill:#333}#graphDiv1749549918398 #crosshead path{fill:#333 !important;stroke:#333 !important}#graphDiv1749549918398 .messageText{fill:#333;stroke:none}#graphDiv1749549918398 .labelBox{stroke:#999;fill:#eee}#graphDiv1749549918398 .labelText{fill:#333;stroke:none}#graphDiv1749549918398 .loopText{fill:#333;stroke:none}#graphDiv1749549918398 .loopLine{stroke-width:2;stroke-dasharray:'2 2';stroke:#999}#graphDiv1749549918398 .note{stroke:#770;fill:#ffa}#graphDiv1749549918398 .noteText{fill:black;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:14px}#graphDiv1749549918398 .activation0{fill:#f4f4f4;stroke:#666}#graphDiv1749549918398 .activation1{fill:#f4f4f4;stroke:#666}#graphDiv1749549918398 .activation2{fill:#f4f4f4;stroke:#666}#graphDiv1749549918398 .mermaid-main-font{font-family:\"trebuchet ms\", verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549918398 .section{stroke:none;opacity:0.2}#graphDiv1749549918398 .section0{fill:#80b3e6}#graphDiv1749549918398 .section2{fill:#80b3e6}#graphDiv1749549918398 .section1,#graphDiv1749549918398 .section3{fill:#fff;opacity:0.2}#graphDiv1749549918398 .sectionTitle0{fill:#333}#graphDiv1749549918398 .sectionTitle1{fill:#333}#graphDiv1749549918398 .sectionTitle2{fill:#333}#graphDiv1749549918398 .sectionTitle3{fill:#333}#graphDiv1749549918398 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549918398 .grid .tick{stroke:#e6e6e6;opacity:0.8;shape-rendering:crispEdges}#graphDiv1749549918398 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549918398 .grid path{stroke-width:0}#graphDiv1749549918398 .today{fill:none;stroke:#d42;stroke-width:2px}#graphDiv1749549918398 .task{stroke-width:2}#graphDiv1749549918398 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549918398 .taskText:not([font-size]){font-size:11px}#graphDiv1749549918398 .taskTextOutsideRight{fill:#333;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549918398 .taskTextOutsideLeft{fill:#333;text-anchor:end;font-size:11px}#graphDiv1749549918398 .task.clickable{cursor:pointer}#graphDiv1749549918398 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749549918398 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749549918398 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#graphDiv1749549918398 .taskText0,#graphDiv1749549918398 .taskText1,#graphDiv1749549918398 .taskText2,#graphDiv1749549918398 .taskText3{fill:#fff}#graphDiv1749549918398 .task0,#graphDiv1749549918398 .task1,#graphDiv1749549918398 .task2,#graphDiv1749549918398 .task3{fill:#26a;stroke:#1a4d80}#graphDiv1749549918398 .taskTextOutside0,#graphDiv1749549918398 .taskTextOutside2{fill:#333}#graphDiv1749549918398 .taskTextOutside1,#graphDiv1749549918398 .taskTextOutside3{fill:#333}#graphDiv1749549918398 .active0,#graphDiv1749549918398 .active1,#graphDiv1749549918398 .active2,#graphDiv1749549918398 .active3{fill:#eee;stroke:#1a4d80}#graphDiv1749549918398 .activeText0,#graphDiv1749549918398 .activeText1,#graphDiv1749549918398 .activeText2,#graphDiv1749549918398 .activeText3{fill:#333 !important}#graphDiv1749549918398 .done0,#graphDiv1749549918398 .done1,#graphDiv1749549918398 .done2,#graphDiv1749549918398 .done3{stroke:#666;fill:#bbb;stroke-width:2}#graphDiv1749549918398 .doneText0,#graphDiv1749549918398 .doneText1,#graphDiv1749549918398 .doneText2,#graphDiv1749549918398 .doneText3{fill:#333 !important}#graphDiv1749549918398 .crit0,#graphDiv1749549918398 .crit1,#graphDiv1749549918398 .crit2,#graphDiv1749549918398 .crit3{stroke:#b1361b;fill:#d42;stroke-width:2}#graphDiv1749549918398 .activeCrit0,#graphDiv1749549918398 .activeCrit1,#graphDiv1749549918398 .activeCrit2,#graphDiv1749549918398 .activeCrit3{stroke:#b1361b;fill:#eee;stroke-width:2}#graphDiv1749549918398 .doneCrit0,#graphDiv1749549918398 .doneCrit1,#graphDiv1749549918398 .doneCrit2,#graphDiv1749549918398 .doneCrit3{stroke:#b1361b;fill:#bbb;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#graphDiv1749549918398 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#graphDiv1749549918398 .milestoneText{font-style:italic}#graphDiv1749549918398 .doneCritText0,#graphDiv1749549918398 .doneCritText1,#graphDiv1749549918398 .doneCritText2,#graphDiv1749549918398 .doneCritText3{fill:#333 !important}#graphDiv1749549918398 .activeCritText0,#graphDiv1749549918398 .activeCritText1,#graphDiv1749549918398 .activeCritText2,#graphDiv1749549918398 .activeCritText3{fill:#333 !important}#graphDiv1749549918398 .titleText{text-anchor:middle;font-size:18px;fill:#333;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549918398 g.classGroup text{fill:#999;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#graphDiv1749549918398 g.classGroup text .title{font-weight:bolder}#graphDiv1749549918398 g.clickable{cursor:pointer}#graphDiv1749549918398 g.classGroup rect{fill:#eee;stroke:#999}#graphDiv1749549918398 g.classGroup line{stroke:#999;stroke-width:1}#graphDiv1749549918398 .classLabel .box{stroke:none;stroke-width:0;fill:#eee;opacity:0.5}#graphDiv1749549918398 .classLabel .label{fill:#999;font-size:10px}#graphDiv1749549918398 .relation{stroke:#999;stroke-width:1;fill:none}#graphDiv1749549918398 .dashed-line{stroke-dasharray:3}#graphDiv1749549918398 #compositionStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749549918398 #compositionEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749549918398 #aggregationStart{fill:#eee;stroke:#999;stroke-width:1}#graphDiv1749549918398 #aggregationEnd{fill:#eee;stroke:#999;stroke-width:1}#graphDiv1749549918398 #dependencyStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749549918398 #dependencyEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749549918398 #extensionStart{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749549918398 #extensionEnd{fill:#999;stroke:#999;stroke-width:1}#graphDiv1749549918398 .commit-id,#graphDiv1749549918398 .commit-msg,#graphDiv1749549918398 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549918398 .pieTitleText{text-anchor:middle;font-size:25px;fill:#333;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549918398 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549918398 g.stateGroup text{fill:#999;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549918398 g.stateGroup text{fill:#999;stroke:none;font-size:10px}#graphDiv1749549918398 g.stateGroup .state-title{font-weight:bolder;fill:#000}#graphDiv1749549918398 g.stateGroup rect{fill:#eee;stroke:#999}#graphDiv1749549918398 g.stateGroup line{stroke:#999;stroke-width:1}#graphDiv1749549918398 .transition{stroke:#999;stroke-width:1;fill:none}#graphDiv1749549918398 .stateGroup .composit{fill:white;border-bottom:1px}#graphDiv1749549918398 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#graphDiv1749549918398 .state-note{stroke:#770;fill:#ffa}#graphDiv1749549918398 .state-note text{fill:black;stroke:none;font-size:10px}#graphDiv1749549918398 .stateLabel .box{stroke:none;stroke-width:0;fill:#eee;opacity:0.5}#graphDiv1749549918398 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#graphDiv1749549918398 .node circle.state-start{fill:black;stroke:black}#graphDiv1749549918398 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#graphDiv1749549918398 #statediagram-barbEnd{fill:#999}#graphDiv1749549918398 .statediagram-cluster rect{fill:#eee;stroke:#999;stroke-width:1px}#graphDiv1749549918398 .statediagram-cluster rect.outer{rx:5px;ry:5px}#graphDiv1749549918398 .statediagram-state .divider{stroke:#999}#graphDiv1749549918398 .statediagram-state .title-state{rx:5px;ry:5px}#graphDiv1749549918398 .statediagram-cluster.statediagram-cluster .inner{fill:white}#graphDiv1749549918398 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#graphDiv1749549918398 .statediagram-cluster .inner{rx:0;ry:0}#graphDiv1749549918398 .statediagram-state rect.basic{rx:5px;ry:5px}#graphDiv1749549918398 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#graphDiv1749549918398 .note-edge{stroke-dasharray:5}#graphDiv1749549918398 .statediagram-note rect{fill:#ffa;stroke:#770;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '\"trebuchet ms\", verdana, arial';--mermaid-font-family: \"Comic Sans MS\", \"Comic Sans\", cursive}\n\n:root { --mermaid-font-family: \"trebuchet ms\", verdana, arial;}<\/style><style>#graphDiv1749549918398 {\n    color: rgb(60, 67, 74);\n    font: 13px \/ 18.2px -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  }<\/style><g><\/g><defs><marker id=\"ONLY_ONE_START\" refX=\"0\" refY=\"9\" markerWidth=\"18\" markerHeight=\"18\" orient=\"auto\"><path stroke=\"gray\" fill=\"none\" d=\"M9,0 L9,18 M15,0 L15,18\"><\/path><\/marker><\/defs><defs><marker id=\"ONLY_ONE_END\" refX=\"18\" refY=\"9\" markerWidth=\"18\" markerHeight=\"18\" orient=\"auto\"><path stroke=\"gray\" fill=\"none\" d=\"M3,0 L3,18 M9,0 L9,18\"><\/path><\/marker><\/defs><defs><marker id=\"ZERO_OR_ONE_START\" refX=\"0\" refY=\"9\" markerWidth=\"30\" markerHeight=\"18\" orient=\"auto\"><circle stroke=\"gray\" fill=\"white\" cx=\"21\" cy=\"9\" r=\"6\"><\/circle><path stroke=\"gray\" fill=\"none\" d=\"M9,0 L9,18\"><\/path><\/marker><\/defs><defs><marker id=\"ZERO_OR_ONE_END\" refX=\"30\" refY=\"9\" markerWidth=\"30\" markerHeight=\"18\" orient=\"auto\"><circle stroke=\"gray\" fill=\"white\" cx=\"9\" cy=\"9\" r=\"6\"><\/circle><path stroke=\"gray\" fill=\"none\" d=\"M21,0 L21,18\"><\/path><\/marker><\/defs><defs><marker id=\"ONE_OR_MORE_START\" refX=\"18\" refY=\"18\" markerWidth=\"45\" markerHeight=\"36\" orient=\"auto\"><path stroke=\"gray\" fill=\"none\" d=\"M0,18 Q 18,0 36,18 Q 18,36 0,18 M42,9 L42,27\"><\/path><\/marker><\/defs><defs><marker id=\"ONE_OR_MORE_END\" refX=\"27\" refY=\"18\" markerWidth=\"45\" markerHeight=\"36\" orient=\"auto\"><path stroke=\"gray\" fill=\"none\" d=\"M3,9 L3,27 M9,18 Q27,0 45,18 Q27,36 9,18\"><\/path><\/marker><\/defs><defs><marker id=\"ZERO_OR_MORE_START\" refX=\"18\" refY=\"18\" markerWidth=\"57\" markerHeight=\"36\" orient=\"auto\"><circle stroke=\"gray\" fill=\"white\" cx=\"48\" cy=\"18\" r=\"6\"><\/circle><path stroke=\"gray\" fill=\"none\" d=\"M0,18 Q18,0 36,18 Q18,36 0,18\"><\/path><\/marker><\/defs><defs><marker id=\"ZERO_OR_MORE_END\" refX=\"39\" refY=\"18\" markerWidth=\"57\" markerHeight=\"36\" orient=\"auto\"><circle stroke=\"gray\" fill=\"white\" cx=\"9\" cy=\"18\" r=\"6\"><\/circle><path stroke=\"gray\" fill=\"none\" d=\"M21,18 Q39,0 57,18 Q39,36 21,18\"><\/path><\/marker><\/defs><path d=\"M187.74406051635742,90.58193336970707L174.036158879598,99.65161114142256C160.32825724283853,108.72128891313805,132.91245396931967,126.86064445656903,119.20455233256023,144.26365556161784C105.49665069580078,161.66666666666666,105.49665069580078,178.33333333333334,105.49665069580078,186.66666666666666L105.49665069580078,195\" stroke=\"gray\" fill=\"none\" marker-end=\"url(#ZERO_OR_MORE_END)\" marker-start=\"url(#ONLY_ONE_START)\"><\/path><path d=\"M287.7440605163574,90.58193336970707L301.4519621531169,99.65161114142256C315.1598637898763,108.72128891313805,342.5756670633952,126.86064445656903,356.2835687001546,144.26365556161784C369.99147033691406,161.66666666666666,369.99147033691406,178.33333333333334,369.99147033691406,186.66666666666666L369.99147033691406,195\" stroke=\"gray\" fill=\"none\" stroke-dasharray=\"8,8\" marker-end=\"url(#ONE_OR_MORE_END)\" marker-start=\"url(#ONE_OR_MORE_START)\"><\/path><g id=\"HLQZF\" transform=\"translate(187.74406051635742,20 )\"><rect fill=\"honeydew\" fill-opacity=\"100%\" stroke=\"gray\" x=\"0\" y=\"0\" width=\"100\" height=\"75\"><\/rect><text id=\"entity-HLQZF\" x=\"0\" y=\"0\" dominant-baseline=\"middle\" text-anchor=\"middle\" style=\"font-family: &quot;trebuchet ms&quot;, verdana, arial;; font-size: 12px\" transform=\"translate(50,37.5)\">HLQZF<\/text><\/g><g id=\"ZHONGYUANLUJIEDAOBAN\" transform=\"translate(20,195 )\"><rect fill=\"honeydew\" fill-opacity=\"100%\" stroke=\"gray\" x=\"0\" y=\"0\" width=\"170.99330139160156\" height=\"75\"><\/rect><text id=\"entity-ZHONGYUANLUJIEDAOBAN\" x=\"0\" y=\"0\" dominant-baseline=\"middle\" text-anchor=\"middle\" style=\"font-family: &quot;trebuchet ms&quot;, verdana, arial;; font-size: 12px\" transform=\"translate(85.49665069580078,37.5)\">ZHONGYUANLUJIEDAOBAN<\/text><\/g><g id=\"YUECUNXIANGZHENGFU\" transform=\"translate(290.99330139160156,195 )\"><rect fill=\"honeydew\" fill-opacity=\"100%\" stroke=\"gray\" x=\"0\" y=\"0\" width=\"157.996337890625\" height=\"75\"><\/rect><text id=\"entity-YUECUNXIANGZHENGFU\" x=\"0\" y=\"0\" dominant-baseline=\"middle\" text-anchor=\"middle\" style=\"font-family: &quot;trebuchet ms&quot;, verdana, arial;; font-size: 12px\" transform=\"translate(78.9981689453125,37.5)\">YUECUNXIANGZHENGFU<\/text><\/g><rect x=\"111.37735939025879\" y=\"124.93635082244873\" width=\"38.64152145385742\" height=\"14.285715103149414\" fill=\"white\" fill-opacity=\"85%\"><\/rect><text id=\"rel208\" x=\"130.6981201171875\" y=\"132.07920837402344\" text-anchor=\"middle\" dominant-baseline=\"middle\" style=\"font-family: &quot;trebuchet ms&quot;, verdana, arial;; font-size: 12px\">PAICHU<\/text><rect x=\"324.3976821899414\" y=\"124.93635082244873\" width=\"40.78465270996094\" height=\"14.285715103149414\" fill=\"white\" fill-opacity=\"85%\"><\/rect><text id=\"rel209\" x=\"344.7900085449219\" y=\"132.07920837402344\" text-anchor=\"middle\" dominant-baseline=\"middle\" style=\"font-family: &quot;trebuchet ms&quot;, verdana, arial;; font-size: 12px\">ZHIDAO<\/text><\/svg><\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4ee5\u4e0b\u5185\u5bb9\u7531ChatGPT\u751f\u6210\uff0c\u672c\u4eba\u4fee\u6539\u3002 \ud83d\udccc \u4e00\u3001\u997c\u56fe\uff08Pie Chart\uff09 \u4ee3\u7801\u5982\u4e0b\uff1a \ud83d\udccc \u4e8c\u3001\u6d41\u7a0b\u56fe\uff08Fl [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,6],"tags":[],"class_list":["post-3095","post","type-post","status-publish","format-standard","hentry","category-5","category-6"],"_links":{"self":[{"href":"https:\/\/blog.kangyue.pro\/index.php?rest_route=\/wp\/v2\/posts\/3095","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.kangyue.pro\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.kangyue.pro\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.kangyue.pro\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.kangyue.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3095"}],"version-history":[{"count":3,"href":"https:\/\/blog.kangyue.pro\/index.php?rest_route=\/wp\/v2\/posts\/3095\/revisions"}],"predecessor-version":[{"id":3098,"href":"https:\/\/blog.kangyue.pro\/index.php?rest_route=\/wp\/v2\/posts\/3095\/revisions\/3098"}],"wp:attachment":[{"href":"https:\/\/blog.kangyue.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.kangyue.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.kangyue.pro\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}