​```mermaid
mermaid 图表语法
​```

graph TB
A(开始)-->B{是否登录}
B--是-->C[进入首页]
B--否-->D[弹框提示登录]
C & D-->E(结束)F[可以跳转的节点];
click F "http://www.baidu.com"

#mermaid-svg-P61slHULmsxe1PiL .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-P61slHULmsxe1PiL .label text{fill:#333}#mermaid-svg-P61slHULmsxe1PiL .node rect,#mermaid-svg-P61slHULmsxe1PiL .node circle,#mermaid-svg-P61slHULmsxe1PiL .node ellipse,#mermaid-svg-P61slHULmsxe1PiL .node polygon,#mermaid-svg-P61slHULmsxe1PiL .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-P61slHULmsxe1PiL .node .label{text-align:center;fill:#333}#mermaid-svg-P61slHULmsxe1PiL .node.clickable{cursor:pointer}#mermaid-svg-P61slHULmsxe1PiL .arrowheadPath{fill:#333}#mermaid-svg-P61slHULmsxe1PiL .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-P61slHULmsxe1PiL .flowchart-link{stroke:#333;fill:none}#mermaid-svg-P61slHULmsxe1PiL .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-P61slHULmsxe1PiL .edgeLabel rect{opacity:0.9}#mermaid-svg-P61slHULmsxe1PiL .edgeLabel span{color:#333}#mermaid-svg-P61slHULmsxe1PiL .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-P61slHULmsxe1PiL .cluster text{fill:#333}#mermaid-svg-P61slHULmsxe1PiL 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:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-P61slHULmsxe1PiL .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-P61slHULmsxe1PiL text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-P61slHULmsxe1PiL .actor-line{stroke:grey}#mermaid-svg-P61slHULmsxe1PiL .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-P61slHULmsxe1PiL .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-P61slHULmsxe1PiL #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-P61slHULmsxe1PiL .sequenceNumber{fill:#fff}#mermaid-svg-P61slHULmsxe1PiL #sequencenumber{fill:#333}#mermaid-svg-P61slHULmsxe1PiL #crosshead path{fill:#333;stroke:#333}#mermaid-svg-P61slHULmsxe1PiL .messageText{fill:#333;stroke:#333}#mermaid-svg-P61slHULmsxe1PiL .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-P61slHULmsxe1PiL .labelText,#mermaid-svg-P61slHULmsxe1PiL .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-P61slHULmsxe1PiL .loopText,#mermaid-svg-P61slHULmsxe1PiL .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-P61slHULmsxe1PiL .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-P61slHULmsxe1PiL .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-P61slHULmsxe1PiL .noteText,#mermaid-svg-P61slHULmsxe1PiL .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-P61slHULmsxe1PiL .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-P61slHULmsxe1PiL .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-P61slHULmsxe1PiL .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-P61slHULmsxe1PiL .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P61slHULmsxe1PiL .section{stroke:none;opacity:0.2}#mermaid-svg-P61slHULmsxe1PiL .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-P61slHULmsxe1PiL .section2{fill:#fff400}#mermaid-svg-P61slHULmsxe1PiL .section1,#mermaid-svg-P61slHULmsxe1PiL .section3{fill:#fff;opacity:0.2}#mermaid-svg-P61slHULmsxe1PiL .sectionTitle0{fill:#333}#mermaid-svg-P61slHULmsxe1PiL .sectionTitle1{fill:#333}#mermaid-svg-P61slHULmsxe1PiL .sectionTitle2{fill:#333}#mermaid-svg-P61slHULmsxe1PiL .sectionTitle3{fill:#333}#mermaid-svg-P61slHULmsxe1PiL .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P61slHULmsxe1PiL .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-P61slHULmsxe1PiL .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P61slHULmsxe1PiL .grid path{stroke-width:0}#mermaid-svg-P61slHULmsxe1PiL .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-P61slHULmsxe1PiL .task{stroke-width:2}#mermaid-svg-P61slHULmsxe1PiL .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P61slHULmsxe1PiL .taskText:not([font-size]){font-size:11px}#mermaid-svg-P61slHULmsxe1PiL .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P61slHULmsxe1PiL .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-P61slHULmsxe1PiL .task.clickable{cursor:pointer}#mermaid-svg-P61slHULmsxe1PiL .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-P61slHULmsxe1PiL .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-P61slHULmsxe1PiL .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-P61slHULmsxe1PiL .taskText0,#mermaid-svg-P61slHULmsxe1PiL .taskText1,#mermaid-svg-P61slHULmsxe1PiL .taskText2,#mermaid-svg-P61slHULmsxe1PiL .taskText3{fill:#fff}#mermaid-svg-P61slHULmsxe1PiL .task0,#mermaid-svg-P61slHULmsxe1PiL .task1,#mermaid-svg-P61slHULmsxe1PiL .task2,#mermaid-svg-P61slHULmsxe1PiL .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-P61slHULmsxe1PiL .taskTextOutside0,#mermaid-svg-P61slHULmsxe1PiL .taskTextOutside2{fill:#000}#mermaid-svg-P61slHULmsxe1PiL .taskTextOutside1,#mermaid-svg-P61slHULmsxe1PiL .taskTextOutside3{fill:#000}#mermaid-svg-P61slHULmsxe1PiL .active0,#mermaid-svg-P61slHULmsxe1PiL .active1,#mermaid-svg-P61slHULmsxe1PiL .active2,#mermaid-svg-P61slHULmsxe1PiL .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-P61slHULmsxe1PiL .activeText0,#mermaid-svg-P61slHULmsxe1PiL .activeText1,#mermaid-svg-P61slHULmsxe1PiL .activeText2,#mermaid-svg-P61slHULmsxe1PiL .activeText3{fill:#000 !important}#mermaid-svg-P61slHULmsxe1PiL .done0,#mermaid-svg-P61slHULmsxe1PiL .done1,#mermaid-svg-P61slHULmsxe1PiL .done2,#mermaid-svg-P61slHULmsxe1PiL .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-P61slHULmsxe1PiL .doneText0,#mermaid-svg-P61slHULmsxe1PiL .doneText1,#mermaid-svg-P61slHULmsxe1PiL .doneText2,#mermaid-svg-P61slHULmsxe1PiL .doneText3{fill:#000 !important}#mermaid-svg-P61slHULmsxe1PiL .crit0,#mermaid-svg-P61slHULmsxe1PiL .crit1,#mermaid-svg-P61slHULmsxe1PiL .crit2,#mermaid-svg-P61slHULmsxe1PiL .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-P61slHULmsxe1PiL .activeCrit0,#mermaid-svg-P61slHULmsxe1PiL .activeCrit1,#mermaid-svg-P61slHULmsxe1PiL .activeCrit2,#mermaid-svg-P61slHULmsxe1PiL .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-P61slHULmsxe1PiL .doneCrit0,#mermaid-svg-P61slHULmsxe1PiL .doneCrit1,#mermaid-svg-P61slHULmsxe1PiL .doneCrit2,#mermaid-svg-P61slHULmsxe1PiL .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-P61slHULmsxe1PiL .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-P61slHULmsxe1PiL .milestoneText{font-style:italic}#mermaid-svg-P61slHULmsxe1PiL .doneCritText0,#mermaid-svg-P61slHULmsxe1PiL .doneCritText1,#mermaid-svg-P61slHULmsxe1PiL .doneCritText2,#mermaid-svg-P61slHULmsxe1PiL .doneCritText3{fill:#000 !important}#mermaid-svg-P61slHULmsxe1PiL .activeCritText0,#mermaid-svg-P61slHULmsxe1PiL .activeCritText1,#mermaid-svg-P61slHULmsxe1PiL .activeCritText2,#mermaid-svg-P61slHULmsxe1PiL .activeCritText3{fill:#000 !important}#mermaid-svg-P61slHULmsxe1PiL .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P61slHULmsxe1PiL g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-P61slHULmsxe1PiL g.classGroup text .title{font-weight:bolder}#mermaid-svg-P61slHULmsxe1PiL g.clickable{cursor:pointer}#mermaid-svg-P61slHULmsxe1PiL g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-P61slHULmsxe1PiL g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-P61slHULmsxe1PiL .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-P61slHULmsxe1PiL .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-P61slHULmsxe1PiL .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-P61slHULmsxe1PiL .dashed-line{stroke-dasharray:3}#mermaid-svg-P61slHULmsxe1PiL #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-P61slHULmsxe1PiL #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-P61slHULmsxe1PiL #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-P61slHULmsxe1PiL #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-P61slHULmsxe1PiL #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-P61slHULmsxe1PiL #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-P61slHULmsxe1PiL #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-P61slHULmsxe1PiL #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-P61slHULmsxe1PiL .commit-id,#mermaid-svg-P61slHULmsxe1PiL .commit-msg,#mermaid-svg-P61slHULmsxe1PiL .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P61slHULmsxe1PiL .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P61slHULmsxe1PiL .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P61slHULmsxe1PiL g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P61slHULmsxe1PiL g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-P61slHULmsxe1PiL g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-P61slHULmsxe1PiL g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-P61slHULmsxe1PiL g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-P61slHULmsxe1PiL g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-P61slHULmsxe1PiL .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-P61slHULmsxe1PiL .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-P61slHULmsxe1PiL .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-P61slHULmsxe1PiL .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-P61slHULmsxe1PiL .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-P61slHULmsxe1PiL .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-P61slHULmsxe1PiL .edgeLabel text{fill:#333}#mermaid-svg-P61slHULmsxe1PiL .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-P61slHULmsxe1PiL .node circle.state-start{fill:black;stroke:black}#mermaid-svg-P61slHULmsxe1PiL .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-P61slHULmsxe1PiL #statediagram-barbEnd{fill:#9370db}#mermaid-svg-P61slHULmsxe1PiL .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-P61slHULmsxe1PiL .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-P61slHULmsxe1PiL .statediagram-state .divider{stroke:#9370db}#mermaid-svg-P61slHULmsxe1PiL .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-P61slHULmsxe1PiL .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-P61slHULmsxe1PiL .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-P61slHULmsxe1PiL .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-P61slHULmsxe1PiL .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-P61slHULmsxe1PiL .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-P61slHULmsxe1PiL .note-edge{stroke-dasharray:5}#mermaid-svg-P61slHULmsxe1PiL .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-P61slHULmsxe1PiL .error-icon{fill:#522}#mermaid-svg-P61slHULmsxe1PiL .error-text{fill:#522;stroke:#522}#mermaid-svg-P61slHULmsxe1PiL .edge-thickness-normal{stroke-width:2px}#mermaid-svg-P61slHULmsxe1PiL .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-P61slHULmsxe1PiL .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-P61slHULmsxe1PiL .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-P61slHULmsxe1PiL .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-P61slHULmsxe1PiL .marker{fill:#333}#mermaid-svg-P61slHULmsxe1PiL .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-P61slHULmsxe1PiL {color: rgba(0, 0, 0, 0.75);font: normal normal normal normal 16px/26px -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}

graph LR
A-->B
subgraph cd 流程图C-->D
end
A.->C

#mermaid-svg-ffqTBNjHYPJ5RPbL .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL .label text{fill:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL .node rect,#mermaid-svg-ffqTBNjHYPJ5RPbL .node circle,#mermaid-svg-ffqTBNjHYPJ5RPbL .node ellipse,#mermaid-svg-ffqTBNjHYPJ5RPbL .node polygon,#mermaid-svg-ffqTBNjHYPJ5RPbL .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-ffqTBNjHYPJ5RPbL .node .label{text-align:center;fill:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL .node.clickable{cursor:pointer}#mermaid-svg-ffqTBNjHYPJ5RPbL .arrowheadPath{fill:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-ffqTBNjHYPJ5RPbL .flowchart-link{stroke:#333;fill:none}#mermaid-svg-ffqTBNjHYPJ5RPbL .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-ffqTBNjHYPJ5RPbL .edgeLabel rect{opacity:0.9}#mermaid-svg-ffqTBNjHYPJ5RPbL .edgeLabel span{color:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-ffqTBNjHYPJ5RPbL .cluster text{fill:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL 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:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-ffqTBNjHYPJ5RPbL .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-ffqTBNjHYPJ5RPbL text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-ffqTBNjHYPJ5RPbL .actor-line{stroke:grey}#mermaid-svg-ffqTBNjHYPJ5RPbL .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL .sequenceNumber{fill:#fff}#mermaid-svg-ffqTBNjHYPJ5RPbL #sequencenumber{fill:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL #crosshead path{fill:#333;stroke:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL .messageText{fill:#333;stroke:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-ffqTBNjHYPJ5RPbL .labelText,#mermaid-svg-ffqTBNjHYPJ5RPbL .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-ffqTBNjHYPJ5RPbL .loopText,#mermaid-svg-ffqTBNjHYPJ5RPbL .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-ffqTBNjHYPJ5RPbL .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-ffqTBNjHYPJ5RPbL .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-ffqTBNjHYPJ5RPbL .noteText,#mermaid-svg-ffqTBNjHYPJ5RPbL .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-ffqTBNjHYPJ5RPbL .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-ffqTBNjHYPJ5RPbL .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-ffqTBNjHYPJ5RPbL .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-ffqTBNjHYPJ5RPbL .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ffqTBNjHYPJ5RPbL .section{stroke:none;opacity:0.2}#mermaid-svg-ffqTBNjHYPJ5RPbL .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-ffqTBNjHYPJ5RPbL .section2{fill:#fff400}#mermaid-svg-ffqTBNjHYPJ5RPbL .section1,#mermaid-svg-ffqTBNjHYPJ5RPbL .section3{fill:#fff;opacity:0.2}#mermaid-svg-ffqTBNjHYPJ5RPbL .sectionTitle0{fill:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL .sectionTitle1{fill:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL .sectionTitle2{fill:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL .sectionTitle3{fill:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ffqTBNjHYPJ5RPbL .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-ffqTBNjHYPJ5RPbL .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ffqTBNjHYPJ5RPbL .grid path{stroke-width:0}#mermaid-svg-ffqTBNjHYPJ5RPbL .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-ffqTBNjHYPJ5RPbL .task{stroke-width:2}#mermaid-svg-ffqTBNjHYPJ5RPbL .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ffqTBNjHYPJ5RPbL .taskText:not([font-size]){font-size:11px}#mermaid-svg-ffqTBNjHYPJ5RPbL .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ffqTBNjHYPJ5RPbL .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-ffqTBNjHYPJ5RPbL .task.clickable{cursor:pointer}#mermaid-svg-ffqTBNjHYPJ5RPbL .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-ffqTBNjHYPJ5RPbL .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-ffqTBNjHYPJ5RPbL .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-ffqTBNjHYPJ5RPbL .taskText0,#mermaid-svg-ffqTBNjHYPJ5RPbL .taskText1,#mermaid-svg-ffqTBNjHYPJ5RPbL .taskText2,#mermaid-svg-ffqTBNjHYPJ5RPbL .taskText3{fill:#fff}#mermaid-svg-ffqTBNjHYPJ5RPbL .task0,#mermaid-svg-ffqTBNjHYPJ5RPbL .task1,#mermaid-svg-ffqTBNjHYPJ5RPbL .task2,#mermaid-svg-ffqTBNjHYPJ5RPbL .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-ffqTBNjHYPJ5RPbL .taskTextOutside0,#mermaid-svg-ffqTBNjHYPJ5RPbL .taskTextOutside2{fill:#000}#mermaid-svg-ffqTBNjHYPJ5RPbL .taskTextOutside1,#mermaid-svg-ffqTBNjHYPJ5RPbL .taskTextOutside3{fill:#000}#mermaid-svg-ffqTBNjHYPJ5RPbL .active0,#mermaid-svg-ffqTBNjHYPJ5RPbL .active1,#mermaid-svg-ffqTBNjHYPJ5RPbL .active2,#mermaid-svg-ffqTBNjHYPJ5RPbL .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-ffqTBNjHYPJ5RPbL .activeText0,#mermaid-svg-ffqTBNjHYPJ5RPbL .activeText1,#mermaid-svg-ffqTBNjHYPJ5RPbL .activeText2,#mermaid-svg-ffqTBNjHYPJ5RPbL .activeText3{fill:#000 !important}#mermaid-svg-ffqTBNjHYPJ5RPbL .done0,#mermaid-svg-ffqTBNjHYPJ5RPbL .done1,#mermaid-svg-ffqTBNjHYPJ5RPbL .done2,#mermaid-svg-ffqTBNjHYPJ5RPbL .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-ffqTBNjHYPJ5RPbL .doneText0,#mermaid-svg-ffqTBNjHYPJ5RPbL .doneText1,#mermaid-svg-ffqTBNjHYPJ5RPbL .doneText2,#mermaid-svg-ffqTBNjHYPJ5RPbL .doneText3{fill:#000 !important}#mermaid-svg-ffqTBNjHYPJ5RPbL .crit0,#mermaid-svg-ffqTBNjHYPJ5RPbL .crit1,#mermaid-svg-ffqTBNjHYPJ5RPbL .crit2,#mermaid-svg-ffqTBNjHYPJ5RPbL .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-ffqTBNjHYPJ5RPbL .activeCrit0,#mermaid-svg-ffqTBNjHYPJ5RPbL .activeCrit1,#mermaid-svg-ffqTBNjHYPJ5RPbL .activeCrit2,#mermaid-svg-ffqTBNjHYPJ5RPbL .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-ffqTBNjHYPJ5RPbL .doneCrit0,#mermaid-svg-ffqTBNjHYPJ5RPbL .doneCrit1,#mermaid-svg-ffqTBNjHYPJ5RPbL .doneCrit2,#mermaid-svg-ffqTBNjHYPJ5RPbL .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-ffqTBNjHYPJ5RPbL .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-ffqTBNjHYPJ5RPbL .milestoneText{font-style:italic}#mermaid-svg-ffqTBNjHYPJ5RPbL .doneCritText0,#mermaid-svg-ffqTBNjHYPJ5RPbL .doneCritText1,#mermaid-svg-ffqTBNjHYPJ5RPbL .doneCritText2,#mermaid-svg-ffqTBNjHYPJ5RPbL .doneCritText3{fill:#000 !important}#mermaid-svg-ffqTBNjHYPJ5RPbL .activeCritText0,#mermaid-svg-ffqTBNjHYPJ5RPbL .activeCritText1,#mermaid-svg-ffqTBNjHYPJ5RPbL .activeCritText2,#mermaid-svg-ffqTBNjHYPJ5RPbL .activeCritText3{fill:#000 !important}#mermaid-svg-ffqTBNjHYPJ5RPbL .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ffqTBNjHYPJ5RPbL g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-ffqTBNjHYPJ5RPbL g.classGroup text .title{font-weight:bolder}#mermaid-svg-ffqTBNjHYPJ5RPbL g.clickable{cursor:pointer}#mermaid-svg-ffqTBNjHYPJ5RPbL g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-ffqTBNjHYPJ5RPbL g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-ffqTBNjHYPJ5RPbL .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-ffqTBNjHYPJ5RPbL .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-ffqTBNjHYPJ5RPbL .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-ffqTBNjHYPJ5RPbL .dashed-line{stroke-dasharray:3}#mermaid-svg-ffqTBNjHYPJ5RPbL #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-ffqTBNjHYPJ5RPbL #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-ffqTBNjHYPJ5RPbL #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-ffqTBNjHYPJ5RPbL #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-ffqTBNjHYPJ5RPbL #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-ffqTBNjHYPJ5RPbL #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-ffqTBNjHYPJ5RPbL #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-ffqTBNjHYPJ5RPbL #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-ffqTBNjHYPJ5RPbL .commit-id,#mermaid-svg-ffqTBNjHYPJ5RPbL .commit-msg,#mermaid-svg-ffqTBNjHYPJ5RPbL .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ffqTBNjHYPJ5RPbL .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ffqTBNjHYPJ5RPbL .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ffqTBNjHYPJ5RPbL g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ffqTBNjHYPJ5RPbL g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-ffqTBNjHYPJ5RPbL g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-ffqTBNjHYPJ5RPbL g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-ffqTBNjHYPJ5RPbL g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-ffqTBNjHYPJ5RPbL .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-ffqTBNjHYPJ5RPbL .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-ffqTBNjHYPJ5RPbL .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-ffqTBNjHYPJ5RPbL .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-ffqTBNjHYPJ5RPbL .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-ffqTBNjHYPJ5RPbL .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-ffqTBNjHYPJ5RPbL .edgeLabel text{fill:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-ffqTBNjHYPJ5RPbL .node circle.state-start{fill:black;stroke:black}#mermaid-svg-ffqTBNjHYPJ5RPbL .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-ffqTBNjHYPJ5RPbL #statediagram-barbEnd{fill:#9370db}#mermaid-svg-ffqTBNjHYPJ5RPbL .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-ffqTBNjHYPJ5RPbL .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-ffqTBNjHYPJ5RPbL .statediagram-state .divider{stroke:#9370db}#mermaid-svg-ffqTBNjHYPJ5RPbL .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-ffqTBNjHYPJ5RPbL .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-ffqTBNjHYPJ5RPbL .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-ffqTBNjHYPJ5RPbL .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-ffqTBNjHYPJ5RPbL .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-ffqTBNjHYPJ5RPbL .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-ffqTBNjHYPJ5RPbL .note-edge{stroke-dasharray:5}#mermaid-svg-ffqTBNjHYPJ5RPbL .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-ffqTBNjHYPJ5RPbL .error-icon{fill:#522}#mermaid-svg-ffqTBNjHYPJ5RPbL .error-text{fill:#522;stroke:#522}#mermaid-svg-ffqTBNjHYPJ5RPbL .edge-thickness-normal{stroke-width:2px}#mermaid-svg-ffqTBNjHYPJ5RPbL .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-ffqTBNjHYPJ5RPbL .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-ffqTBNjHYPJ5RPbL .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-ffqTBNjHYPJ5RPbL .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-ffqTBNjHYPJ5RPbL .marker{fill:#333}#mermaid-svg-ffqTBNjHYPJ5RPbL .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-ffqTBNjHYPJ5RPbL {color: rgba(0, 0, 0, 0.75);font: normal normal normal normal 16px/26px -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}

sequenceDiagram
A ->> B: a 到 b
B -->> A: b 返回 a
A -> B: 线条连接
A -x B: 同步关系
A --x B: 异步关系

#mermaid-svg-fuWTErdcVvZtoREi .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-fuWTErdcVvZtoREi .label text{fill:#333}#mermaid-svg-fuWTErdcVvZtoREi .node rect,#mermaid-svg-fuWTErdcVvZtoREi .node circle,#mermaid-svg-fuWTErdcVvZtoREi .node ellipse,#mermaid-svg-fuWTErdcVvZtoREi .node polygon,#mermaid-svg-fuWTErdcVvZtoREi .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-fuWTErdcVvZtoREi .node .label{text-align:center;fill:#333}#mermaid-svg-fuWTErdcVvZtoREi .node.clickable{cursor:pointer}#mermaid-svg-fuWTErdcVvZtoREi .arrowheadPath{fill:#333}#mermaid-svg-fuWTErdcVvZtoREi .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-fuWTErdcVvZtoREi .flowchart-link{stroke:#333;fill:none}#mermaid-svg-fuWTErdcVvZtoREi .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-fuWTErdcVvZtoREi .edgeLabel rect{opacity:0.9}#mermaid-svg-fuWTErdcVvZtoREi .edgeLabel span{color:#333}#mermaid-svg-fuWTErdcVvZtoREi .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-fuWTErdcVvZtoREi .cluster text{fill:#333}#mermaid-svg-fuWTErdcVvZtoREi 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:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-fuWTErdcVvZtoREi .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-fuWTErdcVvZtoREi text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-fuWTErdcVvZtoREi .actor-line{stroke:grey}#mermaid-svg-fuWTErdcVvZtoREi .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-fuWTErdcVvZtoREi .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-fuWTErdcVvZtoREi #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-fuWTErdcVvZtoREi .sequenceNumber{fill:#fff}#mermaid-svg-fuWTErdcVvZtoREi #sequencenumber{fill:#333}#mermaid-svg-fuWTErdcVvZtoREi #crosshead path{fill:#333;stroke:#333}#mermaid-svg-fuWTErdcVvZtoREi .messageText{fill:#333;stroke:#333}#mermaid-svg-fuWTErdcVvZtoREi .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-fuWTErdcVvZtoREi .labelText,#mermaid-svg-fuWTErdcVvZtoREi .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-fuWTErdcVvZtoREi .loopText,#mermaid-svg-fuWTErdcVvZtoREi .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-fuWTErdcVvZtoREi .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-fuWTErdcVvZtoREi .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-fuWTErdcVvZtoREi .noteText,#mermaid-svg-fuWTErdcVvZtoREi .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-fuWTErdcVvZtoREi .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-fuWTErdcVvZtoREi .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-fuWTErdcVvZtoREi .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-fuWTErdcVvZtoREi .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-fuWTErdcVvZtoREi .section{stroke:none;opacity:0.2}#mermaid-svg-fuWTErdcVvZtoREi .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-fuWTErdcVvZtoREi .section2{fill:#fff400}#mermaid-svg-fuWTErdcVvZtoREi .section1,#mermaid-svg-fuWTErdcVvZtoREi .section3{fill:#fff;opacity:0.2}#mermaid-svg-fuWTErdcVvZtoREi .sectionTitle0{fill:#333}#mermaid-svg-fuWTErdcVvZtoREi .sectionTitle1{fill:#333}#mermaid-svg-fuWTErdcVvZtoREi .sectionTitle2{fill:#333}#mermaid-svg-fuWTErdcVvZtoREi .sectionTitle3{fill:#333}#mermaid-svg-fuWTErdcVvZtoREi .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-fuWTErdcVvZtoREi .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-fuWTErdcVvZtoREi .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-fuWTErdcVvZtoREi .grid path{stroke-width:0}#mermaid-svg-fuWTErdcVvZtoREi .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-fuWTErdcVvZtoREi .task{stroke-width:2}#mermaid-svg-fuWTErdcVvZtoREi .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-fuWTErdcVvZtoREi .taskText:not([font-size]){font-size:11px}#mermaid-svg-fuWTErdcVvZtoREi .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-fuWTErdcVvZtoREi .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-fuWTErdcVvZtoREi .task.clickable{cursor:pointer}#mermaid-svg-fuWTErdcVvZtoREi .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-fuWTErdcVvZtoREi .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-fuWTErdcVvZtoREi .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-fuWTErdcVvZtoREi .taskText0,#mermaid-svg-fuWTErdcVvZtoREi .taskText1,#mermaid-svg-fuWTErdcVvZtoREi .taskText2,#mermaid-svg-fuWTErdcVvZtoREi .taskText3{fill:#fff}#mermaid-svg-fuWTErdcVvZtoREi .task0,#mermaid-svg-fuWTErdcVvZtoREi .task1,#mermaid-svg-fuWTErdcVvZtoREi .task2,#mermaid-svg-fuWTErdcVvZtoREi .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-fuWTErdcVvZtoREi .taskTextOutside0,#mermaid-svg-fuWTErdcVvZtoREi .taskTextOutside2{fill:#000}#mermaid-svg-fuWTErdcVvZtoREi .taskTextOutside1,#mermaid-svg-fuWTErdcVvZtoREi .taskTextOutside3{fill:#000}#mermaid-svg-fuWTErdcVvZtoREi .active0,#mermaid-svg-fuWTErdcVvZtoREi .active1,#mermaid-svg-fuWTErdcVvZtoREi .active2,#mermaid-svg-fuWTErdcVvZtoREi .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-fuWTErdcVvZtoREi .activeText0,#mermaid-svg-fuWTErdcVvZtoREi .activeText1,#mermaid-svg-fuWTErdcVvZtoREi .activeText2,#mermaid-svg-fuWTErdcVvZtoREi .activeText3{fill:#000 !important}#mermaid-svg-fuWTErdcVvZtoREi .done0,#mermaid-svg-fuWTErdcVvZtoREi .done1,#mermaid-svg-fuWTErdcVvZtoREi .done2,#mermaid-svg-fuWTErdcVvZtoREi .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-fuWTErdcVvZtoREi .doneText0,#mermaid-svg-fuWTErdcVvZtoREi .doneText1,#mermaid-svg-fuWTErdcVvZtoREi .doneText2,#mermaid-svg-fuWTErdcVvZtoREi .doneText3{fill:#000 !important}#mermaid-svg-fuWTErdcVvZtoREi .crit0,#mermaid-svg-fuWTErdcVvZtoREi .crit1,#mermaid-svg-fuWTErdcVvZtoREi .crit2,#mermaid-svg-fuWTErdcVvZtoREi .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-fuWTErdcVvZtoREi .activeCrit0,#mermaid-svg-fuWTErdcVvZtoREi .activeCrit1,#mermaid-svg-fuWTErdcVvZtoREi .activeCrit2,#mermaid-svg-fuWTErdcVvZtoREi .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-fuWTErdcVvZtoREi .doneCrit0,#mermaid-svg-fuWTErdcVvZtoREi .doneCrit1,#mermaid-svg-fuWTErdcVvZtoREi .doneCrit2,#mermaid-svg-fuWTErdcVvZtoREi .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-fuWTErdcVvZtoREi .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-fuWTErdcVvZtoREi .milestoneText{font-style:italic}#mermaid-svg-fuWTErdcVvZtoREi .doneCritText0,#mermaid-svg-fuWTErdcVvZtoREi .doneCritText1,#mermaid-svg-fuWTErdcVvZtoREi .doneCritText2,#mermaid-svg-fuWTErdcVvZtoREi .doneCritText3{fill:#000 !important}#mermaid-svg-fuWTErdcVvZtoREi .activeCritText0,#mermaid-svg-fuWTErdcVvZtoREi .activeCritText1,#mermaid-svg-fuWTErdcVvZtoREi .activeCritText2,#mermaid-svg-fuWTErdcVvZtoREi .activeCritText3{fill:#000 !important}#mermaid-svg-fuWTErdcVvZtoREi .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-fuWTErdcVvZtoREi g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-fuWTErdcVvZtoREi g.classGroup text .title{font-weight:bolder}#mermaid-svg-fuWTErdcVvZtoREi g.clickable{cursor:pointer}#mermaid-svg-fuWTErdcVvZtoREi g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-fuWTErdcVvZtoREi g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-fuWTErdcVvZtoREi .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-fuWTErdcVvZtoREi .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-fuWTErdcVvZtoREi .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-fuWTErdcVvZtoREi .dashed-line{stroke-dasharray:3}#mermaid-svg-fuWTErdcVvZtoREi #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-fuWTErdcVvZtoREi #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-fuWTErdcVvZtoREi #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-fuWTErdcVvZtoREi #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-fuWTErdcVvZtoREi #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-fuWTErdcVvZtoREi #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-fuWTErdcVvZtoREi #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-fuWTErdcVvZtoREi #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-fuWTErdcVvZtoREi .commit-id,#mermaid-svg-fuWTErdcVvZtoREi .commit-msg,#mermaid-svg-fuWTErdcVvZtoREi .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-fuWTErdcVvZtoREi .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-fuWTErdcVvZtoREi .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-fuWTErdcVvZtoREi g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-fuWTErdcVvZtoREi g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-fuWTErdcVvZtoREi g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-fuWTErdcVvZtoREi g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-fuWTErdcVvZtoREi g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-fuWTErdcVvZtoREi g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-fuWTErdcVvZtoREi .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-fuWTErdcVvZtoREi .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-fuWTErdcVvZtoREi .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-fuWTErdcVvZtoREi .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-fuWTErdcVvZtoREi .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-fuWTErdcVvZtoREi .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-fuWTErdcVvZtoREi .edgeLabel text{fill:#333}#mermaid-svg-fuWTErdcVvZtoREi .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-fuWTErdcVvZtoREi .node circle.state-start{fill:black;stroke:black}#mermaid-svg-fuWTErdcVvZtoREi .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-fuWTErdcVvZtoREi #statediagram-barbEnd{fill:#9370db}#mermaid-svg-fuWTErdcVvZtoREi .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-fuWTErdcVvZtoREi .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-fuWTErdcVvZtoREi .statediagram-state .divider{stroke:#9370db}#mermaid-svg-fuWTErdcVvZtoREi .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-fuWTErdcVvZtoREi .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-fuWTErdcVvZtoREi .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-fuWTErdcVvZtoREi .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-fuWTErdcVvZtoREi .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-fuWTErdcVvZtoREi .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-fuWTErdcVvZtoREi .note-edge{stroke-dasharray:5}#mermaid-svg-fuWTErdcVvZtoREi .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-fuWTErdcVvZtoREi .error-icon{fill:#522}#mermaid-svg-fuWTErdcVvZtoREi .error-text{fill:#522;stroke:#522}#mermaid-svg-fuWTErdcVvZtoREi .edge-thickness-normal{stroke-width:2px}#mermaid-svg-fuWTErdcVvZtoREi .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-fuWTErdcVvZtoREi .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-fuWTErdcVvZtoREi .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-fuWTErdcVvZtoREi .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-fuWTErdcVvZtoREi .marker{fill:#333}#mermaid-svg-fuWTErdcVvZtoREi .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-fuWTErdcVvZtoREi {color: rgba(0, 0, 0, 0.75);font: normal normal normal normal 16px/26px -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}ABa 到 bb 返回 a线条连接同步关系异步关系AB

sequenceDiagram
A -->> B: a 到 b
Note right of A: a 右边的注释
A -->> C: a 到 c
Note over A,C: a c 之间的注释

#mermaid-svg-oV6Re4gbZsfk7Cm4 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 .label text{fill:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 .node rect,#mermaid-svg-oV6Re4gbZsfk7Cm4 .node circle,#mermaid-svg-oV6Re4gbZsfk7Cm4 .node ellipse,#mermaid-svg-oV6Re4gbZsfk7Cm4 .node polygon,#mermaid-svg-oV6Re4gbZsfk7Cm4 .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-oV6Re4gbZsfk7Cm4 .node .label{text-align:center;fill:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 .node.clickable{cursor:pointer}#mermaid-svg-oV6Re4gbZsfk7Cm4 .arrowheadPath{fill:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-oV6Re4gbZsfk7Cm4 .flowchart-link{stroke:#333;fill:none}#mermaid-svg-oV6Re4gbZsfk7Cm4 .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-oV6Re4gbZsfk7Cm4 .edgeLabel rect{opacity:0.9}#mermaid-svg-oV6Re4gbZsfk7Cm4 .edgeLabel span{color:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-oV6Re4gbZsfk7Cm4 .cluster text{fill:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 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:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-oV6Re4gbZsfk7Cm4 .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-oV6Re4gbZsfk7Cm4 text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-oV6Re4gbZsfk7Cm4 .actor-line{stroke:grey}#mermaid-svg-oV6Re4gbZsfk7Cm4 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 .sequenceNumber{fill:#fff}#mermaid-svg-oV6Re4gbZsfk7Cm4 #sequencenumber{fill:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 #crosshead path{fill:#333;stroke:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 .messageText{fill:#333;stroke:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-oV6Re4gbZsfk7Cm4 .labelText,#mermaid-svg-oV6Re4gbZsfk7Cm4 .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-oV6Re4gbZsfk7Cm4 .loopText,#mermaid-svg-oV6Re4gbZsfk7Cm4 .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-oV6Re4gbZsfk7Cm4 .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-oV6Re4gbZsfk7Cm4 .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-oV6Re4gbZsfk7Cm4 .noteText,#mermaid-svg-oV6Re4gbZsfk7Cm4 .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-oV6Re4gbZsfk7Cm4 .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-oV6Re4gbZsfk7Cm4 .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-oV6Re4gbZsfk7Cm4 .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-oV6Re4gbZsfk7Cm4 .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oV6Re4gbZsfk7Cm4 .section{stroke:none;opacity:0.2}#mermaid-svg-oV6Re4gbZsfk7Cm4 .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-oV6Re4gbZsfk7Cm4 .section2{fill:#fff400}#mermaid-svg-oV6Re4gbZsfk7Cm4 .section1,#mermaid-svg-oV6Re4gbZsfk7Cm4 .section3{fill:#fff;opacity:0.2}#mermaid-svg-oV6Re4gbZsfk7Cm4 .sectionTitle0{fill:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 .sectionTitle1{fill:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 .sectionTitle2{fill:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 .sectionTitle3{fill:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oV6Re4gbZsfk7Cm4 .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-oV6Re4gbZsfk7Cm4 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oV6Re4gbZsfk7Cm4 .grid path{stroke-width:0}#mermaid-svg-oV6Re4gbZsfk7Cm4 .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-oV6Re4gbZsfk7Cm4 .task{stroke-width:2}#mermaid-svg-oV6Re4gbZsfk7Cm4 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oV6Re4gbZsfk7Cm4 .taskText:not([font-size]){font-size:11px}#mermaid-svg-oV6Re4gbZsfk7Cm4 .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oV6Re4gbZsfk7Cm4 .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-oV6Re4gbZsfk7Cm4 .task.clickable{cursor:pointer}#mermaid-svg-oV6Re4gbZsfk7Cm4 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-oV6Re4gbZsfk7Cm4 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-oV6Re4gbZsfk7Cm4 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-oV6Re4gbZsfk7Cm4 .taskText0,#mermaid-svg-oV6Re4gbZsfk7Cm4 .taskText1,#mermaid-svg-oV6Re4gbZsfk7Cm4 .taskText2,#mermaid-svg-oV6Re4gbZsfk7Cm4 .taskText3{fill:#fff}#mermaid-svg-oV6Re4gbZsfk7Cm4 .task0,#mermaid-svg-oV6Re4gbZsfk7Cm4 .task1,#mermaid-svg-oV6Re4gbZsfk7Cm4 .task2,#mermaid-svg-oV6Re4gbZsfk7Cm4 .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-oV6Re4gbZsfk7Cm4 .taskTextOutside0,#mermaid-svg-oV6Re4gbZsfk7Cm4 .taskTextOutside2{fill:#000}#mermaid-svg-oV6Re4gbZsfk7Cm4 .taskTextOutside1,#mermaid-svg-oV6Re4gbZsfk7Cm4 .taskTextOutside3{fill:#000}#mermaid-svg-oV6Re4gbZsfk7Cm4 .active0,#mermaid-svg-oV6Re4gbZsfk7Cm4 .active1,#mermaid-svg-oV6Re4gbZsfk7Cm4 .active2,#mermaid-svg-oV6Re4gbZsfk7Cm4 .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-oV6Re4gbZsfk7Cm4 .activeText0,#mermaid-svg-oV6Re4gbZsfk7Cm4 .activeText1,#mermaid-svg-oV6Re4gbZsfk7Cm4 .activeText2,#mermaid-svg-oV6Re4gbZsfk7Cm4 .activeText3{fill:#000 !important}#mermaid-svg-oV6Re4gbZsfk7Cm4 .done0,#mermaid-svg-oV6Re4gbZsfk7Cm4 .done1,#mermaid-svg-oV6Re4gbZsfk7Cm4 .done2,#mermaid-svg-oV6Re4gbZsfk7Cm4 .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-oV6Re4gbZsfk7Cm4 .doneText0,#mermaid-svg-oV6Re4gbZsfk7Cm4 .doneText1,#mermaid-svg-oV6Re4gbZsfk7Cm4 .doneText2,#mermaid-svg-oV6Re4gbZsfk7Cm4 .doneText3{fill:#000 !important}#mermaid-svg-oV6Re4gbZsfk7Cm4 .crit0,#mermaid-svg-oV6Re4gbZsfk7Cm4 .crit1,#mermaid-svg-oV6Re4gbZsfk7Cm4 .crit2,#mermaid-svg-oV6Re4gbZsfk7Cm4 .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-oV6Re4gbZsfk7Cm4 .activeCrit0,#mermaid-svg-oV6Re4gbZsfk7Cm4 .activeCrit1,#mermaid-svg-oV6Re4gbZsfk7Cm4 .activeCrit2,#mermaid-svg-oV6Re4gbZsfk7Cm4 .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-oV6Re4gbZsfk7Cm4 .doneCrit0,#mermaid-svg-oV6Re4gbZsfk7Cm4 .doneCrit1,#mermaid-svg-oV6Re4gbZsfk7Cm4 .doneCrit2,#mermaid-svg-oV6Re4gbZsfk7Cm4 .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-oV6Re4gbZsfk7Cm4 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-oV6Re4gbZsfk7Cm4 .milestoneText{font-style:italic}#mermaid-svg-oV6Re4gbZsfk7Cm4 .doneCritText0,#mermaid-svg-oV6Re4gbZsfk7Cm4 .doneCritText1,#mermaid-svg-oV6Re4gbZsfk7Cm4 .doneCritText2,#mermaid-svg-oV6Re4gbZsfk7Cm4 .doneCritText3{fill:#000 !important}#mermaid-svg-oV6Re4gbZsfk7Cm4 .activeCritText0,#mermaid-svg-oV6Re4gbZsfk7Cm4 .activeCritText1,#mermaid-svg-oV6Re4gbZsfk7Cm4 .activeCritText2,#mermaid-svg-oV6Re4gbZsfk7Cm4 .activeCritText3{fill:#000 !important}#mermaid-svg-oV6Re4gbZsfk7Cm4 .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oV6Re4gbZsfk7Cm4 g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-oV6Re4gbZsfk7Cm4 g.classGroup text .title{font-weight:bolder}#mermaid-svg-oV6Re4gbZsfk7Cm4 g.clickable{cursor:pointer}#mermaid-svg-oV6Re4gbZsfk7Cm4 g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-oV6Re4gbZsfk7Cm4 g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-oV6Re4gbZsfk7Cm4 .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-oV6Re4gbZsfk7Cm4 .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-oV6Re4gbZsfk7Cm4 .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-oV6Re4gbZsfk7Cm4 .dashed-line{stroke-dasharray:3}#mermaid-svg-oV6Re4gbZsfk7Cm4 #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-oV6Re4gbZsfk7Cm4 #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-oV6Re4gbZsfk7Cm4 #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-oV6Re4gbZsfk7Cm4 #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-oV6Re4gbZsfk7Cm4 #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-oV6Re4gbZsfk7Cm4 #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-oV6Re4gbZsfk7Cm4 #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-oV6Re4gbZsfk7Cm4 #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-oV6Re4gbZsfk7Cm4 .commit-id,#mermaid-svg-oV6Re4gbZsfk7Cm4 .commit-msg,#mermaid-svg-oV6Re4gbZsfk7Cm4 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oV6Re4gbZsfk7Cm4 .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oV6Re4gbZsfk7Cm4 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oV6Re4gbZsfk7Cm4 g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oV6Re4gbZsfk7Cm4 g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-oV6Re4gbZsfk7Cm4 g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-oV6Re4gbZsfk7Cm4 g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-oV6Re4gbZsfk7Cm4 g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-oV6Re4gbZsfk7Cm4 .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-oV6Re4gbZsfk7Cm4 .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-oV6Re4gbZsfk7Cm4 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-oV6Re4gbZsfk7Cm4 .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-oV6Re4gbZsfk7Cm4 .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-oV6Re4gbZsfk7Cm4 .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-oV6Re4gbZsfk7Cm4 .edgeLabel text{fill:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oV6Re4gbZsfk7Cm4 .node circle.state-start{fill:black;stroke:black}#mermaid-svg-oV6Re4gbZsfk7Cm4 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-oV6Re4gbZsfk7Cm4 #statediagram-barbEnd{fill:#9370db}#mermaid-svg-oV6Re4gbZsfk7Cm4 .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-oV6Re4gbZsfk7Cm4 .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-oV6Re4gbZsfk7Cm4 .statediagram-state .divider{stroke:#9370db}#mermaid-svg-oV6Re4gbZsfk7Cm4 .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-oV6Re4gbZsfk7Cm4 .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-oV6Re4gbZsfk7Cm4 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-oV6Re4gbZsfk7Cm4 .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-oV6Re4gbZsfk7Cm4 .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-oV6Re4gbZsfk7Cm4 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-oV6Re4gbZsfk7Cm4 .note-edge{stroke-dasharray:5}#mermaid-svg-oV6Re4gbZsfk7Cm4 .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-oV6Re4gbZsfk7Cm4 .error-icon{fill:#522}#mermaid-svg-oV6Re4gbZsfk7Cm4 .error-text{fill:#522;stroke:#522}#mermaid-svg-oV6Re4gbZsfk7Cm4 .edge-thickness-normal{stroke-width:2px}#mermaid-svg-oV6Re4gbZsfk7Cm4 .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-oV6Re4gbZsfk7Cm4 .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-oV6Re4gbZsfk7Cm4 .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-oV6Re4gbZsfk7Cm4 .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-oV6Re4gbZsfk7Cm4 .marker{fill:#333}#mermaid-svg-oV6Re4gbZsfk7Cm4 .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-oV6Re4gbZsfk7Cm4 {color: rgba(0, 0, 0, 0.75);font: normal normal normal normal 16px/26px -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}ABCa 到 ba 右边的注释a 到 ca c 之间的注释ABC

sequenceDiagram
用户->>+客户端: 发起支付操作
客户端->>支付后台: 提交支付请求
loop 校验支付后台->>支付后台: 解析验证参数，创建支付预订单
end
支付后台->>第三方支付平台: 请求第三方支付
第三方支付平台-->>用户: 跳转第三方支付页面
用户->>第三方支付平台: 完成支付操作
第三方支付平台->>第三方支付平台: 进行转账操作
第三方支付平台-->>支付后台: 回调后端 返回支付结果
Note right of 支付后台: 需要更新财务系统
支付后台-->>客户端: 返回支付结果
客户端-->>用户: 显示支付页面

#mermaid-svg-T4fgIX9r8EP5iGz3 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 .label text{fill:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 .node rect,#mermaid-svg-T4fgIX9r8EP5iGz3 .node circle,#mermaid-svg-T4fgIX9r8EP5iGz3 .node ellipse,#mermaid-svg-T4fgIX9r8EP5iGz3 .node polygon,#mermaid-svg-T4fgIX9r8EP5iGz3 .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-T4fgIX9r8EP5iGz3 .node .label{text-align:center;fill:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 .node.clickable{cursor:pointer}#mermaid-svg-T4fgIX9r8EP5iGz3 .arrowheadPath{fill:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-T4fgIX9r8EP5iGz3 .flowchart-link{stroke:#333;fill:none}#mermaid-svg-T4fgIX9r8EP5iGz3 .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-T4fgIX9r8EP5iGz3 .edgeLabel rect{opacity:0.9}#mermaid-svg-T4fgIX9r8EP5iGz3 .edgeLabel span{color:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-T4fgIX9r8EP5iGz3 .cluster text{fill:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 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:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-T4fgIX9r8EP5iGz3 .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-T4fgIX9r8EP5iGz3 text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-T4fgIX9r8EP5iGz3 .actor-line{stroke:grey}#mermaid-svg-T4fgIX9r8EP5iGz3 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 .sequenceNumber{fill:#fff}#mermaid-svg-T4fgIX9r8EP5iGz3 #sequencenumber{fill:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 #crosshead path{fill:#333;stroke:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 .messageText{fill:#333;stroke:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-T4fgIX9r8EP5iGz3 .labelText,#mermaid-svg-T4fgIX9r8EP5iGz3 .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-T4fgIX9r8EP5iGz3 .loopText,#mermaid-svg-T4fgIX9r8EP5iGz3 .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-T4fgIX9r8EP5iGz3 .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-T4fgIX9r8EP5iGz3 .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-T4fgIX9r8EP5iGz3 .noteText,#mermaid-svg-T4fgIX9r8EP5iGz3 .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-T4fgIX9r8EP5iGz3 .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-T4fgIX9r8EP5iGz3 .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-T4fgIX9r8EP5iGz3 .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-T4fgIX9r8EP5iGz3 .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-T4fgIX9r8EP5iGz3 .section{stroke:none;opacity:0.2}#mermaid-svg-T4fgIX9r8EP5iGz3 .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-T4fgIX9r8EP5iGz3 .section2{fill:#fff400}#mermaid-svg-T4fgIX9r8EP5iGz3 .section1,#mermaid-svg-T4fgIX9r8EP5iGz3 .section3{fill:#fff;opacity:0.2}#mermaid-svg-T4fgIX9r8EP5iGz3 .sectionTitle0{fill:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 .sectionTitle1{fill:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 .sectionTitle2{fill:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 .sectionTitle3{fill:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-T4fgIX9r8EP5iGz3 .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-T4fgIX9r8EP5iGz3 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-T4fgIX9r8EP5iGz3 .grid path{stroke-width:0}#mermaid-svg-T4fgIX9r8EP5iGz3 .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-T4fgIX9r8EP5iGz3 .task{stroke-width:2}#mermaid-svg-T4fgIX9r8EP5iGz3 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-T4fgIX9r8EP5iGz3 .taskText:not([font-size]){font-size:11px}#mermaid-svg-T4fgIX9r8EP5iGz3 .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-T4fgIX9r8EP5iGz3 .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-T4fgIX9r8EP5iGz3 .task.clickable{cursor:pointer}#mermaid-svg-T4fgIX9r8EP5iGz3 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-T4fgIX9r8EP5iGz3 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-T4fgIX9r8EP5iGz3 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-T4fgIX9r8EP5iGz3 .taskText0,#mermaid-svg-T4fgIX9r8EP5iGz3 .taskText1,#mermaid-svg-T4fgIX9r8EP5iGz3 .taskText2,#mermaid-svg-T4fgIX9r8EP5iGz3 .taskText3{fill:#fff}#mermaid-svg-T4fgIX9r8EP5iGz3 .task0,#mermaid-svg-T4fgIX9r8EP5iGz3 .task1,#mermaid-svg-T4fgIX9r8EP5iGz3 .task2,#mermaid-svg-T4fgIX9r8EP5iGz3 .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-T4fgIX9r8EP5iGz3 .taskTextOutside0,#mermaid-svg-T4fgIX9r8EP5iGz3 .taskTextOutside2{fill:#000}#mermaid-svg-T4fgIX9r8EP5iGz3 .taskTextOutside1,#mermaid-svg-T4fgIX9r8EP5iGz3 .taskTextOutside3{fill:#000}#mermaid-svg-T4fgIX9r8EP5iGz3 .active0,#mermaid-svg-T4fgIX9r8EP5iGz3 .active1,#mermaid-svg-T4fgIX9r8EP5iGz3 .active2,#mermaid-svg-T4fgIX9r8EP5iGz3 .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-T4fgIX9r8EP5iGz3 .activeText0,#mermaid-svg-T4fgIX9r8EP5iGz3 .activeText1,#mermaid-svg-T4fgIX9r8EP5iGz3 .activeText2,#mermaid-svg-T4fgIX9r8EP5iGz3 .activeText3{fill:#000 !important}#mermaid-svg-T4fgIX9r8EP5iGz3 .done0,#mermaid-svg-T4fgIX9r8EP5iGz3 .done1,#mermaid-svg-T4fgIX9r8EP5iGz3 .done2,#mermaid-svg-T4fgIX9r8EP5iGz3 .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-T4fgIX9r8EP5iGz3 .doneText0,#mermaid-svg-T4fgIX9r8EP5iGz3 .doneText1,#mermaid-svg-T4fgIX9r8EP5iGz3 .doneText2,#mermaid-svg-T4fgIX9r8EP5iGz3 .doneText3{fill:#000 !important}#mermaid-svg-T4fgIX9r8EP5iGz3 .crit0,#mermaid-svg-T4fgIX9r8EP5iGz3 .crit1,#mermaid-svg-T4fgIX9r8EP5iGz3 .crit2,#mermaid-svg-T4fgIX9r8EP5iGz3 .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-T4fgIX9r8EP5iGz3 .activeCrit0,#mermaid-svg-T4fgIX9r8EP5iGz3 .activeCrit1,#mermaid-svg-T4fgIX9r8EP5iGz3 .activeCrit2,#mermaid-svg-T4fgIX9r8EP5iGz3 .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-T4fgIX9r8EP5iGz3 .doneCrit0,#mermaid-svg-T4fgIX9r8EP5iGz3 .doneCrit1,#mermaid-svg-T4fgIX9r8EP5iGz3 .doneCrit2,#mermaid-svg-T4fgIX9r8EP5iGz3 .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-T4fgIX9r8EP5iGz3 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-T4fgIX9r8EP5iGz3 .milestoneText{font-style:italic}#mermaid-svg-T4fgIX9r8EP5iGz3 .doneCritText0,#mermaid-svg-T4fgIX9r8EP5iGz3 .doneCritText1,#mermaid-svg-T4fgIX9r8EP5iGz3 .doneCritText2,#mermaid-svg-T4fgIX9r8EP5iGz3 .doneCritText3{fill:#000 !important}#mermaid-svg-T4fgIX9r8EP5iGz3 .activeCritText0,#mermaid-svg-T4fgIX9r8EP5iGz3 .activeCritText1,#mermaid-svg-T4fgIX9r8EP5iGz3 .activeCritText2,#mermaid-svg-T4fgIX9r8EP5iGz3 .activeCritText3{fill:#000 !important}#mermaid-svg-T4fgIX9r8EP5iGz3 .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-T4fgIX9r8EP5iGz3 g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-T4fgIX9r8EP5iGz3 g.classGroup text .title{font-weight:bolder}#mermaid-svg-T4fgIX9r8EP5iGz3 g.clickable{cursor:pointer}#mermaid-svg-T4fgIX9r8EP5iGz3 g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-T4fgIX9r8EP5iGz3 g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-T4fgIX9r8EP5iGz3 .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-T4fgIX9r8EP5iGz3 .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-T4fgIX9r8EP5iGz3 .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-T4fgIX9r8EP5iGz3 .dashed-line{stroke-dasharray:3}#mermaid-svg-T4fgIX9r8EP5iGz3 #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-T4fgIX9r8EP5iGz3 #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-T4fgIX9r8EP5iGz3 #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-T4fgIX9r8EP5iGz3 #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-T4fgIX9r8EP5iGz3 #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-T4fgIX9r8EP5iGz3 #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-T4fgIX9r8EP5iGz3 #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-T4fgIX9r8EP5iGz3 #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-T4fgIX9r8EP5iGz3 .commit-id,#mermaid-svg-T4fgIX9r8EP5iGz3 .commit-msg,#mermaid-svg-T4fgIX9r8EP5iGz3 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-T4fgIX9r8EP5iGz3 .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-T4fgIX9r8EP5iGz3 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-T4fgIX9r8EP5iGz3 g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-T4fgIX9r8EP5iGz3 g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-T4fgIX9r8EP5iGz3 g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-T4fgIX9r8EP5iGz3 g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-T4fgIX9r8EP5iGz3 g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-T4fgIX9r8EP5iGz3 .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-T4fgIX9r8EP5iGz3 .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-T4fgIX9r8EP5iGz3 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-T4fgIX9r8EP5iGz3 .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-T4fgIX9r8EP5iGz3 .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-T4fgIX9r8EP5iGz3 .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-T4fgIX9r8EP5iGz3 .edgeLabel text{fill:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-T4fgIX9r8EP5iGz3 .node circle.state-start{fill:black;stroke:black}#mermaid-svg-T4fgIX9r8EP5iGz3 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-T4fgIX9r8EP5iGz3 #statediagram-barbEnd{fill:#9370db}#mermaid-svg-T4fgIX9r8EP5iGz3 .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-T4fgIX9r8EP5iGz3 .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-T4fgIX9r8EP5iGz3 .statediagram-state .divider{stroke:#9370db}#mermaid-svg-T4fgIX9r8EP5iGz3 .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-T4fgIX9r8EP5iGz3 .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-T4fgIX9r8EP5iGz3 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-T4fgIX9r8EP5iGz3 .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-T4fgIX9r8EP5iGz3 .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-T4fgIX9r8EP5iGz3 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-T4fgIX9r8EP5iGz3 .note-edge{stroke-dasharray:5}#mermaid-svg-T4fgIX9r8EP5iGz3 .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-T4fgIX9r8EP5iGz3 .error-icon{fill:#522}#mermaid-svg-T4fgIX9r8EP5iGz3 .error-text{fill:#522;stroke:#522}#mermaid-svg-T4fgIX9r8EP5iGz3 .edge-thickness-normal{stroke-width:2px}#mermaid-svg-T4fgIX9r8EP5iGz3 .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-T4fgIX9r8EP5iGz3 .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-T4fgIX9r8EP5iGz3 .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-T4fgIX9r8EP5iGz3 .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-T4fgIX9r8EP5iGz3 .marker{fill:#333}#mermaid-svg-T4fgIX9r8EP5iGz3 .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-T4fgIX9r8EP5iGz3 {color: rgba(0, 0, 0, 0.75);font: normal normal normal normal 16px/26px -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}用户客户端支付后台第三方支付平台发起支付操作提交支付请求解析验证参数，创建支付预订单loop[校验]请求第三方支付跳转第三方支付页面完成支付操作进行转账操作回调后端 返回支付结果需要更新财务系统返回支付结果显示支付页面用户客户端支付后台第三方支付平台

classDiagramAnimal <|--DogAnimal <|--FishAnimal <|--ZebraAnimal: age: IntAnimal: gender: StringAnimal: +init()Animal: +isMammal()Animal: +mate()class Dog{breakColor: String+eat()}class Fish{- sizeInFeet: Int-canEat()}class Zebra{+is_wild: Bool+run()}

#mermaid-svg-TbX9igv8HjeqSvcN .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-TbX9igv8HjeqSvcN .label text{fill:#333}#mermaid-svg-TbX9igv8HjeqSvcN .node rect,#mermaid-svg-TbX9igv8HjeqSvcN .node circle,#mermaid-svg-TbX9igv8HjeqSvcN .node ellipse,#mermaid-svg-TbX9igv8HjeqSvcN .node polygon,#mermaid-svg-TbX9igv8HjeqSvcN .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-TbX9igv8HjeqSvcN .node .label{text-align:center;fill:#333}#mermaid-svg-TbX9igv8HjeqSvcN .node.clickable{cursor:pointer}#mermaid-svg-TbX9igv8HjeqSvcN .arrowheadPath{fill:#333}#mermaid-svg-TbX9igv8HjeqSvcN .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-TbX9igv8HjeqSvcN .flowchart-link{stroke:#333;fill:none}#mermaid-svg-TbX9igv8HjeqSvcN .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-TbX9igv8HjeqSvcN .edgeLabel rect{opacity:0.9}#mermaid-svg-TbX9igv8HjeqSvcN .edgeLabel span{color:#333}#mermaid-svg-TbX9igv8HjeqSvcN .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-TbX9igv8HjeqSvcN .cluster text{fill:#333}#mermaid-svg-TbX9igv8HjeqSvcN 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:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-TbX9igv8HjeqSvcN .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-TbX9igv8HjeqSvcN text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-TbX9igv8HjeqSvcN .actor-line{stroke:grey}#mermaid-svg-TbX9igv8HjeqSvcN .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-TbX9igv8HjeqSvcN .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-TbX9igv8HjeqSvcN #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-TbX9igv8HjeqSvcN .sequenceNumber{fill:#fff}#mermaid-svg-TbX9igv8HjeqSvcN #sequencenumber{fill:#333}#mermaid-svg-TbX9igv8HjeqSvcN #crosshead path{fill:#333;stroke:#333}#mermaid-svg-TbX9igv8HjeqSvcN .messageText{fill:#333;stroke:#333}#mermaid-svg-TbX9igv8HjeqSvcN .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-TbX9igv8HjeqSvcN .labelText,#mermaid-svg-TbX9igv8HjeqSvcN .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-TbX9igv8HjeqSvcN .loopText,#mermaid-svg-TbX9igv8HjeqSvcN .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-TbX9igv8HjeqSvcN .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-TbX9igv8HjeqSvcN .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-TbX9igv8HjeqSvcN .noteText,#mermaid-svg-TbX9igv8HjeqSvcN .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-TbX9igv8HjeqSvcN .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-TbX9igv8HjeqSvcN .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-TbX9igv8HjeqSvcN .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-TbX9igv8HjeqSvcN .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TbX9igv8HjeqSvcN .section{stroke:none;opacity:0.2}#mermaid-svg-TbX9igv8HjeqSvcN .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-TbX9igv8HjeqSvcN .section2{fill:#fff400}#mermaid-svg-TbX9igv8HjeqSvcN .section1,#mermaid-svg-TbX9igv8HjeqSvcN .section3{fill:#fff;opacity:0.2}#mermaid-svg-TbX9igv8HjeqSvcN .sectionTitle0{fill:#333}#mermaid-svg-TbX9igv8HjeqSvcN .sectionTitle1{fill:#333}#mermaid-svg-TbX9igv8HjeqSvcN .sectionTitle2{fill:#333}#mermaid-svg-TbX9igv8HjeqSvcN .sectionTitle3{fill:#333}#mermaid-svg-TbX9igv8HjeqSvcN .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TbX9igv8HjeqSvcN .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-TbX9igv8HjeqSvcN .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TbX9igv8HjeqSvcN .grid path{stroke-width:0}#mermaid-svg-TbX9igv8HjeqSvcN .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-TbX9igv8HjeqSvcN .task{stroke-width:2}#mermaid-svg-TbX9igv8HjeqSvcN .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TbX9igv8HjeqSvcN .taskText:not([font-size]){font-size:11px}#mermaid-svg-TbX9igv8HjeqSvcN .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TbX9igv8HjeqSvcN .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-TbX9igv8HjeqSvcN .task.clickable{cursor:pointer}#mermaid-svg-TbX9igv8HjeqSvcN .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-TbX9igv8HjeqSvcN .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-TbX9igv8HjeqSvcN .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-TbX9igv8HjeqSvcN .taskText0,#mermaid-svg-TbX9igv8HjeqSvcN .taskText1,#mermaid-svg-TbX9igv8HjeqSvcN .taskText2,#mermaid-svg-TbX9igv8HjeqSvcN .taskText3{fill:#fff}#mermaid-svg-TbX9igv8HjeqSvcN .task0,#mermaid-svg-TbX9igv8HjeqSvcN .task1,#mermaid-svg-TbX9igv8HjeqSvcN .task2,#mermaid-svg-TbX9igv8HjeqSvcN .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-TbX9igv8HjeqSvcN .taskTextOutside0,#mermaid-svg-TbX9igv8HjeqSvcN .taskTextOutside2{fill:#000}#mermaid-svg-TbX9igv8HjeqSvcN .taskTextOutside1,#mermaid-svg-TbX9igv8HjeqSvcN .taskTextOutside3{fill:#000}#mermaid-svg-TbX9igv8HjeqSvcN .active0,#mermaid-svg-TbX9igv8HjeqSvcN .active1,#mermaid-svg-TbX9igv8HjeqSvcN .active2,#mermaid-svg-TbX9igv8HjeqSvcN .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-TbX9igv8HjeqSvcN .activeText0,#mermaid-svg-TbX9igv8HjeqSvcN .activeText1,#mermaid-svg-TbX9igv8HjeqSvcN .activeText2,#mermaid-svg-TbX9igv8HjeqSvcN .activeText3{fill:#000 !important}#mermaid-svg-TbX9igv8HjeqSvcN .done0,#mermaid-svg-TbX9igv8HjeqSvcN .done1,#mermaid-svg-TbX9igv8HjeqSvcN .done2,#mermaid-svg-TbX9igv8HjeqSvcN .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-TbX9igv8HjeqSvcN .doneText0,#mermaid-svg-TbX9igv8HjeqSvcN .doneText1,#mermaid-svg-TbX9igv8HjeqSvcN .doneText2,#mermaid-svg-TbX9igv8HjeqSvcN .doneText3{fill:#000 !important}#mermaid-svg-TbX9igv8HjeqSvcN .crit0,#mermaid-svg-TbX9igv8HjeqSvcN .crit1,#mermaid-svg-TbX9igv8HjeqSvcN .crit2,#mermaid-svg-TbX9igv8HjeqSvcN .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-TbX9igv8HjeqSvcN .activeCrit0,#mermaid-svg-TbX9igv8HjeqSvcN .activeCrit1,#mermaid-svg-TbX9igv8HjeqSvcN .activeCrit2,#mermaid-svg-TbX9igv8HjeqSvcN .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-TbX9igv8HjeqSvcN .doneCrit0,#mermaid-svg-TbX9igv8HjeqSvcN .doneCrit1,#mermaid-svg-TbX9igv8HjeqSvcN .doneCrit2,#mermaid-svg-TbX9igv8HjeqSvcN .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-TbX9igv8HjeqSvcN .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-TbX9igv8HjeqSvcN .milestoneText{font-style:italic}#mermaid-svg-TbX9igv8HjeqSvcN .doneCritText0,#mermaid-svg-TbX9igv8HjeqSvcN .doneCritText1,#mermaid-svg-TbX9igv8HjeqSvcN .doneCritText2,#mermaid-svg-TbX9igv8HjeqSvcN .doneCritText3{fill:#000 !important}#mermaid-svg-TbX9igv8HjeqSvcN .activeCritText0,#mermaid-svg-TbX9igv8HjeqSvcN .activeCritText1,#mermaid-svg-TbX9igv8HjeqSvcN .activeCritText2,#mermaid-svg-TbX9igv8HjeqSvcN .activeCritText3{fill:#000 !important}#mermaid-svg-TbX9igv8HjeqSvcN .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TbX9igv8HjeqSvcN g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-TbX9igv8HjeqSvcN g.classGroup text .title{font-weight:bolder}#mermaid-svg-TbX9igv8HjeqSvcN g.clickable{cursor:pointer}#mermaid-svg-TbX9igv8HjeqSvcN g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-TbX9igv8HjeqSvcN g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-TbX9igv8HjeqSvcN .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-TbX9igv8HjeqSvcN .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-TbX9igv8HjeqSvcN .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-TbX9igv8HjeqSvcN .dashed-line{stroke-dasharray:3}#mermaid-svg-TbX9igv8HjeqSvcN #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-TbX9igv8HjeqSvcN #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-TbX9igv8HjeqSvcN #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-TbX9igv8HjeqSvcN #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-TbX9igv8HjeqSvcN #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-TbX9igv8HjeqSvcN #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-TbX9igv8HjeqSvcN #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-TbX9igv8HjeqSvcN #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-TbX9igv8HjeqSvcN .commit-id,#mermaid-svg-TbX9igv8HjeqSvcN .commit-msg,#mermaid-svg-TbX9igv8HjeqSvcN .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TbX9igv8HjeqSvcN .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TbX9igv8HjeqSvcN .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TbX9igv8HjeqSvcN g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TbX9igv8HjeqSvcN g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-TbX9igv8HjeqSvcN g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-TbX9igv8HjeqSvcN g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-TbX9igv8HjeqSvcN g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-TbX9igv8HjeqSvcN g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-TbX9igv8HjeqSvcN .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-TbX9igv8HjeqSvcN .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-TbX9igv8HjeqSvcN .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-TbX9igv8HjeqSvcN .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-TbX9igv8HjeqSvcN .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-TbX9igv8HjeqSvcN .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-TbX9igv8HjeqSvcN .edgeLabel text{fill:#333}#mermaid-svg-TbX9igv8HjeqSvcN .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TbX9igv8HjeqSvcN .node circle.state-start{fill:black;stroke:black}#mermaid-svg-TbX9igv8HjeqSvcN .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-TbX9igv8HjeqSvcN #statediagram-barbEnd{fill:#9370db}#mermaid-svg-TbX9igv8HjeqSvcN .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-TbX9igv8HjeqSvcN .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-TbX9igv8HjeqSvcN .statediagram-state .divider{stroke:#9370db}#mermaid-svg-TbX9igv8HjeqSvcN .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-TbX9igv8HjeqSvcN .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-TbX9igv8HjeqSvcN .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-TbX9igv8HjeqSvcN .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-TbX9igv8HjeqSvcN .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-TbX9igv8HjeqSvcN .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-TbX9igv8HjeqSvcN .note-edge{stroke-dasharray:5}#mermaid-svg-TbX9igv8HjeqSvcN .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-TbX9igv8HjeqSvcN .error-icon{fill:#522}#mermaid-svg-TbX9igv8HjeqSvcN .error-text{fill:#522;stroke:#522}#mermaid-svg-TbX9igv8HjeqSvcN .edge-thickness-normal{stroke-width:2px}#mermaid-svg-TbX9igv8HjeqSvcN .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-TbX9igv8HjeqSvcN .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-TbX9igv8HjeqSvcN .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-TbX9igv8HjeqSvcN .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-TbX9igv8HjeqSvcN .marker{fill:#333}#mermaid-svg-TbX9igv8HjeqSvcN .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-TbX9igv8HjeqSvcN {color: rgba(0, 0, 0, 0.75);font: normal normal normal normal 16px/26px -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}Animalage: Intgender: String+init()+isMammal()+mate()DogbreakColor: String+eat()Fish- sizeInFeet: Int-canEat()Zebra+is_wild: Bool+run()

gantttitle A Gantt DiagramdateFormat  YYYY-MM-DDsection SectionA task           :a1, 2014-01-01, 30dAnother task     :after a1  , 20dsection AnotherTask in sec      :2014-01-12  , 12danother task      : 24d

Mon 06Mon 13Mon 20Mon 27Mon 03Mon 10Mon 17A task Another task Task in sec another task SectionAnotherA Gantt Diagram

pie title 标题"key":value"key2":value2

pie title 养宠物占比图(饼图示例)
"小狗"：40
"小猫": 30
"其他": 30

#mermaid-svg-r4F4dEGyamLl4scX .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-r4F4dEGyamLl4scX .label text{fill:#333}#mermaid-svg-r4F4dEGyamLl4scX .node rect,#mermaid-svg-r4F4dEGyamLl4scX .node circle,#mermaid-svg-r4F4dEGyamLl4scX .node ellipse,#mermaid-svg-r4F4dEGyamLl4scX .node polygon,#mermaid-svg-r4F4dEGyamLl4scX .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-r4F4dEGyamLl4scX .node .label{text-align:center;fill:#333}#mermaid-svg-r4F4dEGyamLl4scX .node.clickable{cursor:pointer}#mermaid-svg-r4F4dEGyamLl4scX .arrowheadPath{fill:#333}#mermaid-svg-r4F4dEGyamLl4scX .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-r4F4dEGyamLl4scX .flowchart-link{stroke:#333;fill:none}#mermaid-svg-r4F4dEGyamLl4scX .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-r4F4dEGyamLl4scX .edgeLabel rect{opacity:0.9}#mermaid-svg-r4F4dEGyamLl4scX .edgeLabel span{color:#333}#mermaid-svg-r4F4dEGyamLl4scX .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-r4F4dEGyamLl4scX .cluster text{fill:#333}#mermaid-svg-r4F4dEGyamLl4scX 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:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-r4F4dEGyamLl4scX .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-r4F4dEGyamLl4scX text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-r4F4dEGyamLl4scX .actor-line{stroke:grey}#mermaid-svg-r4F4dEGyamLl4scX .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-r4F4dEGyamLl4scX .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-r4F4dEGyamLl4scX #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-r4F4dEGyamLl4scX .sequenceNumber{fill:#fff}#mermaid-svg-r4F4dEGyamLl4scX #sequencenumber{fill:#333}#mermaid-svg-r4F4dEGyamLl4scX #crosshead path{fill:#333;stroke:#333}#mermaid-svg-r4F4dEGyamLl4scX .messageText{fill:#333;stroke:#333}#mermaid-svg-r4F4dEGyamLl4scX .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-r4F4dEGyamLl4scX .labelText,#mermaid-svg-r4F4dEGyamLl4scX .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-r4F4dEGyamLl4scX .loopText,#mermaid-svg-r4F4dEGyamLl4scX .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-r4F4dEGyamLl4scX .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-r4F4dEGyamLl4scX .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-r4F4dEGyamLl4scX .noteText,#mermaid-svg-r4F4dEGyamLl4scX .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-r4F4dEGyamLl4scX .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-r4F4dEGyamLl4scX .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-r4F4dEGyamLl4scX .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-r4F4dEGyamLl4scX .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-r4F4dEGyamLl4scX .section{stroke:none;opacity:0.2}#mermaid-svg-r4F4dEGyamLl4scX .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-r4F4dEGyamLl4scX .section2{fill:#fff400}#mermaid-svg-r4F4dEGyamLl4scX .section1,#mermaid-svg-r4F4dEGyamLl4scX .section3{fill:#fff;opacity:0.2}#mermaid-svg-r4F4dEGyamLl4scX .sectionTitle0{fill:#333}#mermaid-svg-r4F4dEGyamLl4scX .sectionTitle1{fill:#333}#mermaid-svg-r4F4dEGyamLl4scX .sectionTitle2{fill:#333}#mermaid-svg-r4F4dEGyamLl4scX .sectionTitle3{fill:#333}#mermaid-svg-r4F4dEGyamLl4scX .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-r4F4dEGyamLl4scX .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-r4F4dEGyamLl4scX .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-r4F4dEGyamLl4scX .grid path{stroke-width:0}#mermaid-svg-r4F4dEGyamLl4scX .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-r4F4dEGyamLl4scX .task{stroke-width:2}#mermaid-svg-r4F4dEGyamLl4scX .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-r4F4dEGyamLl4scX .taskText:not([font-size]){font-size:11px}#mermaid-svg-r4F4dEGyamLl4scX .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-r4F4dEGyamLl4scX .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-r4F4dEGyamLl4scX .task.clickable{cursor:pointer}#mermaid-svg-r4F4dEGyamLl4scX .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-r4F4dEGyamLl4scX .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-r4F4dEGyamLl4scX .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-r4F4dEGyamLl4scX .taskText0,#mermaid-svg-r4F4dEGyamLl4scX .taskText1,#mermaid-svg-r4F4dEGyamLl4scX .taskText2,#mermaid-svg-r4F4dEGyamLl4scX .taskText3{fill:#fff}#mermaid-svg-r4F4dEGyamLl4scX .task0,#mermaid-svg-r4F4dEGyamLl4scX .task1,#mermaid-svg-r4F4dEGyamLl4scX .task2,#mermaid-svg-r4F4dEGyamLl4scX .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-r4F4dEGyamLl4scX .taskTextOutside0,#mermaid-svg-r4F4dEGyamLl4scX .taskTextOutside2{fill:#000}#mermaid-svg-r4F4dEGyamLl4scX .taskTextOutside1,#mermaid-svg-r4F4dEGyamLl4scX .taskTextOutside3{fill:#000}#mermaid-svg-r4F4dEGyamLl4scX .active0,#mermaid-svg-r4F4dEGyamLl4scX .active1,#mermaid-svg-r4F4dEGyamLl4scX .active2,#mermaid-svg-r4F4dEGyamLl4scX .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-r4F4dEGyamLl4scX .activeText0,#mermaid-svg-r4F4dEGyamLl4scX .activeText1,#mermaid-svg-r4F4dEGyamLl4scX .activeText2,#mermaid-svg-r4F4dEGyamLl4scX .activeText3{fill:#000 !important}#mermaid-svg-r4F4dEGyamLl4scX .done0,#mermaid-svg-r4F4dEGyamLl4scX .done1,#mermaid-svg-r4F4dEGyamLl4scX .done2,#mermaid-svg-r4F4dEGyamLl4scX .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-r4F4dEGyamLl4scX .doneText0,#mermaid-svg-r4F4dEGyamLl4scX .doneText1,#mermaid-svg-r4F4dEGyamLl4scX .doneText2,#mermaid-svg-r4F4dEGyamLl4scX .doneText3{fill:#000 !important}#mermaid-svg-r4F4dEGyamLl4scX .crit0,#mermaid-svg-r4F4dEGyamLl4scX .crit1,#mermaid-svg-r4F4dEGyamLl4scX .crit2,#mermaid-svg-r4F4dEGyamLl4scX .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-r4F4dEGyamLl4scX .activeCrit0,#mermaid-svg-r4F4dEGyamLl4scX .activeCrit1,#mermaid-svg-r4F4dEGyamLl4scX .activeCrit2,#mermaid-svg-r4F4dEGyamLl4scX .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-r4F4dEGyamLl4scX .doneCrit0,#mermaid-svg-r4F4dEGyamLl4scX .doneCrit1,#mermaid-svg-r4F4dEGyamLl4scX .doneCrit2,#mermaid-svg-r4F4dEGyamLl4scX .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-r4F4dEGyamLl4scX .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-r4F4dEGyamLl4scX .milestoneText{font-style:italic}#mermaid-svg-r4F4dEGyamLl4scX .doneCritText0,#mermaid-svg-r4F4dEGyamLl4scX .doneCritText1,#mermaid-svg-r4F4dEGyamLl4scX .doneCritText2,#mermaid-svg-r4F4dEGyamLl4scX .doneCritText3{fill:#000 !important}#mermaid-svg-r4F4dEGyamLl4scX .activeCritText0,#mermaid-svg-r4F4dEGyamLl4scX .activeCritText1,#mermaid-svg-r4F4dEGyamLl4scX .activeCritText2,#mermaid-svg-r4F4dEGyamLl4scX .activeCritText3{fill:#000 !important}#mermaid-svg-r4F4dEGyamLl4scX .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-r4F4dEGyamLl4scX g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-r4F4dEGyamLl4scX g.classGroup text .title{font-weight:bolder}#mermaid-svg-r4F4dEGyamLl4scX g.clickable{cursor:pointer}#mermaid-svg-r4F4dEGyamLl4scX g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-r4F4dEGyamLl4scX g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-r4F4dEGyamLl4scX .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-r4F4dEGyamLl4scX .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-r4F4dEGyamLl4scX .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-r4F4dEGyamLl4scX .dashed-line{stroke-dasharray:3}#mermaid-svg-r4F4dEGyamLl4scX #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-r4F4dEGyamLl4scX #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-r4F4dEGyamLl4scX #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-r4F4dEGyamLl4scX #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-r4F4dEGyamLl4scX #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-r4F4dEGyamLl4scX #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-r4F4dEGyamLl4scX #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-r4F4dEGyamLl4scX #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-r4F4dEGyamLl4scX .commit-id,#mermaid-svg-r4F4dEGyamLl4scX .commit-msg,#mermaid-svg-r4F4dEGyamLl4scX .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-r4F4dEGyamLl4scX .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-r4F4dEGyamLl4scX .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-r4F4dEGyamLl4scX g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-r4F4dEGyamLl4scX g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-r4F4dEGyamLl4scX g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-r4F4dEGyamLl4scX g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-r4F4dEGyamLl4scX g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-r4F4dEGyamLl4scX g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-r4F4dEGyamLl4scX .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-r4F4dEGyamLl4scX .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-r4F4dEGyamLl4scX .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-r4F4dEGyamLl4scX .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-r4F4dEGyamLl4scX .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-r4F4dEGyamLl4scX .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-r4F4dEGyamLl4scX .edgeLabel text{fill:#333}#mermaid-svg-r4F4dEGyamLl4scX .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-r4F4dEGyamLl4scX .node circle.state-start{fill:black;stroke:black}#mermaid-svg-r4F4dEGyamLl4scX .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-r4F4dEGyamLl4scX #statediagram-barbEnd{fill:#9370db}#mermaid-svg-r4F4dEGyamLl4scX .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-r4F4dEGyamLl4scX .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-r4F4dEGyamLl4scX .statediagram-state .divider{stroke:#9370db}#mermaid-svg-r4F4dEGyamLl4scX .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-r4F4dEGyamLl4scX .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-r4F4dEGyamLl4scX .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-r4F4dEGyamLl4scX .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-r4F4dEGyamLl4scX .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-r4F4dEGyamLl4scX .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-r4F4dEGyamLl4scX .note-edge{stroke-dasharray:5}#mermaid-svg-r4F4dEGyamLl4scX .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-r4F4dEGyamLl4scX .error-icon{fill:#522}#mermaid-svg-r4F4dEGyamLl4scX .error-text{fill:#522;stroke:#522}#mermaid-svg-r4F4dEGyamLl4scX .edge-thickness-normal{stroke-width:2px}#mermaid-svg-r4F4dEGyamLl4scX .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-r4F4dEGyamLl4scX .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-r4F4dEGyamLl4scX .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-r4F4dEGyamLl4scX .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-r4F4dEGyamLl4scX .marker{fill:#333}#mermaid-svg-r4F4dEGyamLl4scX .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-r4F4dEGyamLl4scX {color: rgba(0, 0, 0, 0.75);font: normal normal normal normal 16px/26px -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}40%30%30%养宠物占比图(饼图示例)小狗小猫其他