diff --git a/pictures/confirm.drawio.svg b/pictures/confirm.drawio.svg
new file mode 100644
index 0000000..8dc9893
--- /dev/null
+++ b/pictures/confirm.drawio.svg
@@ -0,0 +1,90 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="441px" height="621px" viewBox="-0.5 -0.5 441 621" content="&lt;mxfile&gt;&lt;diagram id=&quot;xqaYZJClM3BCu8lo3jDS&quot; name=&quot;Page-1&quot;&gt;5Vhdb5swFP01flwFMRB4TFKyvUyqlIdtjxY4YMnEyHEa2K/fpTafJlrUpVXTSRXyPb7XvpxzMKQIb4rqqyRl/l2klKOFk1YIP6LFwg8juDZA3QJLDWSSpRpye2DHflMDOgY9sZQeR4lKCK5YOQYTcTjQRI0wIqU4j9P2go93LUlGLWCXEG6jP1iqco1i7Dj9xDfKstxs7QWhKSlIm21SjzlJxXkA4RjhjRRC6VFRbShvyGuJ0XXbC7NdZ5Ie1DUFC13wTPjJ3ByQtmeyMO2pur1pqAN+IVifc6boriRJM3MGhQHLVcEhcmFoVqRS0epiV253r2ASKgqqZA0pbUFLjzHI0oTnnm3XM1g+IDo0GDECZ93KPQUwMCzMM4ItRlAcoHCLIgfFS7Ty0Hr1MnDRKkax31wjQEK0gjQXxRGCNuAPpsDXTbLf1EZLi1IQv2yGQAzhnHKRSVIAgyWVDPqmcjr31E/8TYU9q2j76NxKFXesSmfioSzBG8nizchiM71F6w2Ktp+NaTz3ALwV0/4M053dw+a68u6dYG9CsBe94wkT2AR/pMM2cN+Ri+UVXBzSVfPShijh5HhkyZgCWjH1E8bOg2+iX4OZx+YunTaoTaA3oan1np+QBo2Ik0zo6MlQRGZUDbS0qR1Q588w12KScqLY87iJOTrNDk+CQXudcjiYuBhPFNHNm6rhV8BkIS+cWGC6kL5layHQhdSDtLJJOF5u2NrHH32dwECv2Fun4/QqN4W3c5M78FLvrHk3gWdkrS0YOEELNJVfnAcHhy3SV79Eo/LBefgPDvVsh/qfw6HTN+L08LmVQyN/3LB7W4dG93TeYdtN3n/tplcI3u50H4ovbMXxR1Ic30px6+Pl1YpD2P9c1+n9Pz1w/Ac=&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <ellipse cx="80" cy="40" rx="70" ry="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 40px; margin-left: 11px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                confirm
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    confirm
+                </text>
+            </switch>
+        </g>
+        <path d="M 0 230 L 20 150 L 160 150 L 140 230 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 190px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                提示确定要退出吗
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="194" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    提示确定要退出吗
+                </text>
+            </switch>
+        </g>
+        <path d="M 0 380 L 20 300 L 160 300 L 140 380 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 340px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                退出？
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="344" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    退出？
+                </text>
+            </switch>
+        </g>
+        <path d="M 300 500 L 320 420 L 440 420 L 420 500 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 460px; margin-left: 301px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                确认
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="370" y="464" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    确认
+                </text>
+            </switch>
+        </g>
+        <ellipse cx="80" cy="580" rx="70" ry="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 370 500 L 370 570 Q 370 580 360 580 L 156.37 580" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 151.12 580 L 158.12 576.5 L 156.37 580 L 158.12 583.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 150 340 L 375 340 Q 385 340 384.98 350 L 384.85 410.59" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 384.84 415.84 L 381.36 408.83 L 384.85 410.59 L 388.36 408.85 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 80 230 L 80 293.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 298.88 L 76.5 291.88 L 80 293.63 L 83.5 291.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 80 80 L 80 143.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 148.88 L 76.5 141.88 L 80 143.63 L 83.5 141.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+    </g>
+    <switch>
+        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
+        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
+            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
+                Text is not SVG - cannot display
+            </text>
+        </a>
+    </switch>
+</svg>
\ No newline at end of file