Day01 Markdown的基本語法
作者：迷戀
一級標題
二級標題
三級標題
四級標題
五級標題
六級標題
文本樣式
強調文本
強調文本
** 加粗文本**
=標記文本 =
洗掉文本
參考文本2 O is是液體，10 運算結果是 1024，
串列
專案1 專案2 專案3 專案1 專案2 專案3 鏈接
鏈接： CSDN.
圖片：
帶尺寸的圖片：
代碼片
// A code block
var foo = 'bar';
// An highlighted block
var foo = 'bar' ;
#include <stdio.h>
int main ( )
{
printf ( "hello world" ) ;
return 0 ;
}
表格
Column 1 Column 2 Column3 left-aligned 文本居左 centered 文本居中 right-aligned 文本居右
注釋
一個具有注釋的文本，1
Markdown將文本轉換為 HTML，
自定義串列
Markdown
Text-to-
HTML conversion tool
Authors
John
Luke
數學公式
參考檔案
Gamma公式展示
Γ
(
n
)
=
(
n
?
1
)
!
?
n
∈
N
\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N
Γ ( n ) = ( n ? 1 ) ! ? n ∈ N
Γ
(
z
)
=
∫
0
∞
t
z
?
1
e
?
t
d
t
?
.
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
Γ ( z ) = ∫ 0 ∞ ? t z ? 1 e ? t d t .
插入甘特圖
參考檔案
Mon 06
Mon 13
已完成
進行中
計劃中
現有任務
Adding GANTT diagram functionality to mermaid
插入UML圖
參考檔案
<style>#mermaid-svg-yJjqZRTIM9da6Eco .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-yJjqZRTIM9da6Eco .label text{fill:#333}#mermaid-svg-yJjqZRTIM9da6Eco .node rect,#mermaid-svg-yJjqZRTIM9da6Eco .node circle,#mermaid-svg-yJjqZRTIM9da6Eco .node ellipse,#mermaid-svg-yJjqZRTIM9da6Eco .node polygon,#mermaid-svg-yJjqZRTIM9da6Eco .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-yJjqZRTIM9da6Eco .node .label{text-align:center;fill:#333}#mermaid-svg-yJjqZRTIM9da6Eco .node.clickable{cursor:pointer}#mermaid-svg-yJjqZRTIM9da6Eco .arrowheadPath{fill:#333}#mermaid-svg-yJjqZRTIM9da6Eco .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-yJjqZRTIM9da6Eco .flowchart-link{stroke:#333;fill:none}#mermaid-svg-yJjqZRTIM9da6Eco .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-yJjqZRTIM9da6Eco .edgeLabel rect{opacity:0.9}#mermaid-svg-yJjqZRTIM9da6Eco .edgeLabel span{color:#333}#mermaid-svg-yJjqZRTIM9da6Eco .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-yJjqZRTIM9da6Eco .cluster text{fill:#333}#mermaid-svg-yJjqZRTIM9da6Eco 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-yJjqZRTIM9da6Eco .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-yJjqZRTIM9da6Eco text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-yJjqZRTIM9da6Eco .actor-line{stroke:grey}#mermaid-svg-yJjqZRTIM9da6Eco .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-yJjqZRTIM9da6Eco .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-yJjqZRTIM9da6Eco #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-yJjqZRTIM9da6Eco .sequenceNumber{fill:#fff}#mermaid-svg-yJjqZRTIM9da6Eco #sequencenumber{fill:#333}#mermaid-svg-yJjqZRTIM9da6Eco #crosshead path{fill:#333;stroke:#333}#mermaid-svg-yJjqZRTIM9da6Eco .messageText{fill:#333;stroke:#333}#mermaid-svg-yJjqZRTIM9da6Eco .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-yJjqZRTIM9da6Eco .labelText,#mermaid-svg-yJjqZRTIM9da6Eco .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-yJjqZRTIM9da6Eco .loopText,#mermaid-svg-yJjqZRTIM9da6Eco .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-yJjqZRTIM9da6Eco .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-yJjqZRTIM9da6Eco .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-yJjqZRTIM9da6Eco .noteText,#mermaid-svg-yJjqZRTIM9da6Eco .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-yJjqZRTIM9da6Eco .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-yJjqZRTIM9da6Eco .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-yJjqZRTIM9da6Eco .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-yJjqZRTIM9da6Eco .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yJjqZRTIM9da6Eco .section{stroke:none;opacity:0.2}#mermaid-svg-yJjqZRTIM9da6Eco .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-yJjqZRTIM9da6Eco .section2{fill:#fff400}#mermaid-svg-yJjqZRTIM9da6Eco .section1,#mermaid-svg-yJjqZRTIM9da6Eco .section3{fill:#fff;opacity:0.2}#mermaid-svg-yJjqZRTIM9da6Eco .sectionTitle0{fill:#333}#mermaid-svg-yJjqZRTIM9da6Eco .sectionTitle1{fill:#333}#mermaid-svg-yJjqZRTIM9da6Eco .sectionTitle2{fill:#333}#mermaid-svg-yJjqZRTIM9da6Eco .sectionTitle3{fill:#333}#mermaid-svg-yJjqZRTIM9da6Eco .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yJjqZRTIM9da6Eco .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-yJjqZRTIM9da6Eco .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yJjqZRTIM9da6Eco .grid path{stroke-width:0}#mermaid-svg-yJjqZRTIM9da6Eco .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-yJjqZRTIM9da6Eco .task{stroke-width:2}#mermaid-svg-yJjqZRTIM9da6Eco .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yJjqZRTIM9da6Eco .taskText:not([font-size]){font-size:11px}#mermaid-svg-yJjqZRTIM9da6Eco .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yJjqZRTIM9da6Eco .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-yJjqZRTIM9da6Eco .task.clickable{cursor:pointer}#mermaid-svg-yJjqZRTIM9da6Eco .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-yJjqZRTIM9da6Eco .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-yJjqZRTIM9da6Eco .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-yJjqZRTIM9da6Eco .taskText0,#mermaid-svg-yJjqZRTIM9da6Eco .taskText1,#mermaid-svg-yJjqZRTIM9da6Eco .taskText2,#mermaid-svg-yJjqZRTIM9da6Eco .taskText3{fill:#fff}#mermaid-svg-yJjqZRTIM9da6Eco .task0,#mermaid-svg-yJjqZRTIM9da6Eco .task1,#mermaid-svg-yJjqZRTIM9da6Eco .task2,#mermaid-svg-yJjqZRTIM9da6Eco .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-yJjqZRTIM9da6Eco .taskTextOutside0,#mermaid-svg-yJjqZRTIM9da6Eco .taskTextOutside2{fill:#000}#mermaid-svg-yJjqZRTIM9da6Eco .taskTextOutside1,#mermaid-svg-yJjqZRTIM9da6Eco .taskTextOutside3{fill:#000}#mermaid-svg-yJjqZRTIM9da6Eco .active0,#mermaid-svg-yJjqZRTIM9da6Eco .active1,#mermaid-svg-yJjqZRTIM9da6Eco .active2,#mermaid-svg-yJjqZRTIM9da6Eco .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-yJjqZRTIM9da6Eco .activeText0,#mermaid-svg-yJjqZRTIM9da6Eco .activeText1,#mermaid-svg-yJjqZRTIM9da6Eco .activeText2,#mermaid-svg-yJjqZRTIM9da6Eco .activeText3{fill:#000 !important}#mermaid-svg-yJjqZRTIM9da6Eco .done0,#mermaid-svg-yJjqZRTIM9da6Eco .done1,#mermaid-svg-yJjqZRTIM9da6Eco .done2,#mermaid-svg-yJjqZRTIM9da6Eco .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-yJjqZRTIM9da6Eco .doneText0,#mermaid-svg-yJjqZRTIM9da6Eco .doneText1,#mermaid-svg-yJjqZRTIM9da6Eco .doneText2,#mermaid-svg-yJjqZRTIM9da6Eco .doneText3{fill:#000 !important}#mermaid-svg-yJjqZRTIM9da6Eco .crit0,#mermaid-svg-yJjqZRTIM9da6Eco .crit1,#mermaid-svg-yJjqZRTIM9da6Eco .crit2,#mermaid-svg-yJjqZRTIM9da6Eco .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-yJjqZRTIM9da6Eco .activeCrit0,#mermaid-svg-yJjqZRTIM9da6Eco .activeCrit1,#mermaid-svg-yJjqZRTIM9da6Eco .activeCrit2,#mermaid-svg-yJjqZRTIM9da6Eco .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-yJjqZRTIM9da6Eco .doneCrit0,#mermaid-svg-yJjqZRTIM9da6Eco .doneCrit1,#mermaid-svg-yJjqZRTIM9da6Eco .doneCrit2,#mermaid-svg-yJjqZRTIM9da6Eco .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-yJjqZRTIM9da6Eco .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-yJjqZRTIM9da6Eco .milestoneText{font-style:italic}#mermaid-svg-yJjqZRTIM9da6Eco .doneCritText0,#mermaid-svg-yJjqZRTIM9da6Eco .doneCritText1,#mermaid-svg-yJjqZRTIM9da6Eco .doneCritText2,#mermaid-svg-yJjqZRTIM9da6Eco .doneCritText3{fill:#000 !important}#mermaid-svg-yJjqZRTIM9da6Eco .activeCritText0,#mermaid-svg-yJjqZRTIM9da6Eco .activeCritText1,#mermaid-svg-yJjqZRTIM9da6Eco .activeCritText2,#mermaid-svg-yJjqZRTIM9da6Eco .activeCritText3{fill:#000 !important}#mermaid-svg-yJjqZRTIM9da6Eco .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yJjqZRTIM9da6Eco g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-yJjqZRTIM9da6Eco g.classGroup text .title{font-weight:bolder}#mermaid-svg-yJjqZRTIM9da6Eco g.clickable{cursor:pointer}#mermaid-svg-yJjqZRTIM9da6Eco g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-yJjqZRTIM9da6Eco g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-yJjqZRTIM9da6Eco .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-yJjqZRTIM9da6Eco .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-yJjqZRTIM9da6Eco .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-yJjqZRTIM9da6Eco .dashed-line{stroke-dasharray:3}#mermaid-svg-yJjqZRTIM9da6Eco #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yJjqZRTIM9da6Eco #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yJjqZRTIM9da6Eco #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-yJjqZRTIM9da6Eco #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-yJjqZRTIM9da6Eco #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yJjqZRTIM9da6Eco #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yJjqZRTIM9da6Eco #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yJjqZRTIM9da6Eco #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-yJjqZRTIM9da6Eco .commit-id,#mermaid-svg-yJjqZRTIM9da6Eco .commit-msg,#mermaid-svg-yJjqZRTIM9da6Eco .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yJjqZRTIM9da6Eco .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yJjqZRTIM9da6Eco .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yJjqZRTIM9da6Eco g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yJjqZRTIM9da6Eco g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-yJjqZRTIM9da6Eco g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-yJjqZRTIM9da6Eco g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-yJjqZRTIM9da6Eco g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-yJjqZRTIM9da6Eco g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-yJjqZRTIM9da6Eco .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-yJjqZRTIM9da6Eco .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-yJjqZRTIM9da6Eco .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-yJjqZRTIM9da6Eco .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-yJjqZRTIM9da6Eco .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-yJjqZRTIM9da6Eco .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-yJjqZRTIM9da6Eco .edgeLabel text{fill:#333}#mermaid-svg-yJjqZRTIM9da6Eco .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-yJjqZRTIM9da6Eco .node circle.state-start{fill:black;stroke:black}#mermaid-svg-yJjqZRTIM9da6Eco .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-yJjqZRTIM9da6Eco #statediagram-barbEnd{fill:#9370db}#mermaid-svg-yJjqZRTIM9da6Eco .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-yJjqZRTIM9da6Eco .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-yJjqZRTIM9da6Eco .statediagram-state .divider{stroke:#9370db}#mermaid-svg-yJjqZRTIM9da6Eco .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-yJjqZRTIM9da6Eco .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-yJjqZRTIM9da6Eco .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-yJjqZRTIM9da6Eco .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-yJjqZRTIM9da6Eco .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-yJjqZRTIM9da6Eco .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-yJjqZRTIM9da6Eco .note-edge{stroke-dasharray:5}#mermaid-svg-yJjqZRTIM9da6Eco .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-yJjqZRTIM9da6Eco .error-icon{fill:#522}#mermaid-svg-yJjqZRTIM9da6Eco .error-text{fill:#522;stroke:#522}#mermaid-svg-yJjqZRTIM9da6Eco .edge-thickness-normal{stroke-width:2px}#mermaid-svg-yJjqZRTIM9da6Eco .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-yJjqZRTIM9da6Eco .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-yJjqZRTIM9da6Eco .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-yJjqZRTIM9da6Eco .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-yJjqZRTIM9da6Eco .marker{fill:#333}#mermaid-svg-yJjqZRTIM9da6Eco .marker.cross{stroke:#333}
:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}</style>
<style>#mermaid-svg-yJjqZRTIM9da6Eco {
color: rgba(0, 0, 0, 0.75);
font: ;
}</style>
張三
李四
王五
你好！李四, 最近怎么樣?
你最近怎么樣，王五？
我很好，謝謝!
我很好，謝謝!
李四想了很長時間, 文字太長了
不適合放在一行.
打量著王五...
很好... 王五, 你怎么樣?
張三
李四
王五
插入Mermaid流程圖
參考檔案
<style>#mermaid-svg-F9K8AJFYis0vbo0D .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-F9K8AJFYis0vbo0D .label text{fill:#333}#mermaid-svg-F9K8AJFYis0vbo0D .node rect,#mermaid-svg-F9K8AJFYis0vbo0D .node circle,#mermaid-svg-F9K8AJFYis0vbo0D .node ellipse,#mermaid-svg-F9K8AJFYis0vbo0D .node polygon,#mermaid-svg-F9K8AJFYis0vbo0D .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-F9K8AJFYis0vbo0D .node .label{text-align:center;fill:#333}#mermaid-svg-F9K8AJFYis0vbo0D .node.clickable{cursor:pointer}#mermaid-svg-F9K8AJFYis0vbo0D .arrowheadPath{fill:#333}#mermaid-svg-F9K8AJFYis0vbo0D .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-F9K8AJFYis0vbo0D .flowchart-link{stroke:#333;fill:none}#mermaid-svg-F9K8AJFYis0vbo0D .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-F9K8AJFYis0vbo0D .edgeLabel rect{opacity:0.9}#mermaid-svg-F9K8AJFYis0vbo0D .edgeLabel span{color:#333}#mermaid-svg-F9K8AJFYis0vbo0D .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-F9K8AJFYis0vbo0D .cluster text{fill:#333}#mermaid-svg-F9K8AJFYis0vbo0D 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-F9K8AJFYis0vbo0D .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-F9K8AJFYis0vbo0D text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-F9K8AJFYis0vbo0D .actor-line{stroke:grey}#mermaid-svg-F9K8AJFYis0vbo0D .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-F9K8AJFYis0vbo0D .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-F9K8AJFYis0vbo0D #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-F9K8AJFYis0vbo0D .sequenceNumber{fill:#fff}#mermaid-svg-F9K8AJFYis0vbo0D #sequencenumber{fill:#333}#mermaid-svg-F9K8AJFYis0vbo0D #crosshead path{fill:#333;stroke:#333}#mermaid-svg-F9K8AJFYis0vbo0D .messageText{fill:#333;stroke:#333}#mermaid-svg-F9K8AJFYis0vbo0D .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-F9K8AJFYis0vbo0D .labelText,#mermaid-svg-F9K8AJFYis0vbo0D .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-F9K8AJFYis0vbo0D .loopText,#mermaid-svg-F9K8AJFYis0vbo0D .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-F9K8AJFYis0vbo0D .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-F9K8AJFYis0vbo0D .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-F9K8AJFYis0vbo0D .noteText,#mermaid-svg-F9K8AJFYis0vbo0D .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-F9K8AJFYis0vbo0D .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-F9K8AJFYis0vbo0D .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-F9K8AJFYis0vbo0D .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-F9K8AJFYis0vbo0D .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-F9K8AJFYis0vbo0D .section{stroke:none;opacity:0.2}#mermaid-svg-F9K8AJFYis0vbo0D .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-F9K8AJFYis0vbo0D .section2{fill:#fff400}#mermaid-svg-F9K8AJFYis0vbo0D .section1,#mermaid-svg-F9K8AJFYis0vbo0D .section3{fill:#fff;opacity:0.2}#mermaid-svg-F9K8AJFYis0vbo0D .sectionTitle0{fill:#333}#mermaid-svg-F9K8AJFYis0vbo0D .sectionTitle1{fill:#333}#mermaid-svg-F9K8AJFYis0vbo0D .sectionTitle2{fill:#333}#mermaid-svg-F9K8AJFYis0vbo0D .sectionTitle3{fill:#333}#mermaid-svg-F9K8AJFYis0vbo0D .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-F9K8AJFYis0vbo0D .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-F9K8AJFYis0vbo0D .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-F9K8AJFYis0vbo0D .grid path{stroke-width:0}#mermaid-svg-F9K8AJFYis0vbo0D .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-F9K8AJFYis0vbo0D .task{stroke-width:2}#mermaid-svg-F9K8AJFYis0vbo0D .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-F9K8AJFYis0vbo0D .taskText:not([font-size]){font-size:11px}#mermaid-svg-F9K8AJFYis0vbo0D .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-F9K8AJFYis0vbo0D .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-F9K8AJFYis0vbo0D .task.clickable{cursor:pointer}#mermaid-svg-F9K8AJFYis0vbo0D .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-F9K8AJFYis0vbo0D .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-F9K8AJFYis0vbo0D .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-F9K8AJFYis0vbo0D .taskText0,#mermaid-svg-F9K8AJFYis0vbo0D .taskText1,#mermaid-svg-F9K8AJFYis0vbo0D .taskText2,#mermaid-svg-F9K8AJFYis0vbo0D .taskText3{fill:#fff}#mermaid-svg-F9K8AJFYis0vbo0D .task0,#mermaid-svg-F9K8AJFYis0vbo0D .task1,#mermaid-svg-F9K8AJFYis0vbo0D .task2,#mermaid-svg-F9K8AJFYis0vbo0D .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-F9K8AJFYis0vbo0D .taskTextOutside0,#mermaid-svg-F9K8AJFYis0vbo0D .taskTextOutside2{fill:#000}#mermaid-svg-F9K8AJFYis0vbo0D .taskTextOutside1,#mermaid-svg-F9K8AJFYis0vbo0D .taskTextOutside3{fill:#000}#mermaid-svg-F9K8AJFYis0vbo0D .active0,#mermaid-svg-F9K8AJFYis0vbo0D .active1,#mermaid-svg-F9K8AJFYis0vbo0D .active2,#mermaid-svg-F9K8AJFYis0vbo0D .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-F9K8AJFYis0vbo0D .activeText0,#mermaid-svg-F9K8AJFYis0vbo0D .activeText1,#mermaid-svg-F9K8AJFYis0vbo0D .activeText2,#mermaid-svg-F9K8AJFYis0vbo0D .activeText3{fill:#000 !important}#mermaid-svg-F9K8AJFYis0vbo0D .done0,#mermaid-svg-F9K8AJFYis0vbo0D .done1,#mermaid-svg-F9K8AJFYis0vbo0D .done2,#mermaid-svg-F9K8AJFYis0vbo0D .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-F9K8AJFYis0vbo0D .doneText0,#mermaid-svg-F9K8AJFYis0vbo0D .doneText1,#mermaid-svg-F9K8AJFYis0vbo0D .doneText2,#mermaid-svg-F9K8AJFYis0vbo0D .doneText3{fill:#000 !important}#mermaid-svg-F9K8AJFYis0vbo0D .crit0,#mermaid-svg-F9K8AJFYis0vbo0D .crit1,#mermaid-svg-F9K8AJFYis0vbo0D .crit2,#mermaid-svg-F9K8AJFYis0vbo0D .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-F9K8AJFYis0vbo0D .activeCrit0,#mermaid-svg-F9K8AJFYis0vbo0D .activeCrit1,#mermaid-svg-F9K8AJFYis0vbo0D .activeCrit2,#mermaid-svg-F9K8AJFYis0vbo0D .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-F9K8AJFYis0vbo0D .doneCrit0,#mermaid-svg-F9K8AJFYis0vbo0D .doneCrit1,#mermaid-svg-F9K8AJFYis0vbo0D .doneCrit2,#mermaid-svg-F9K8AJFYis0vbo0D .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-F9K8AJFYis0vbo0D .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-F9K8AJFYis0vbo0D .milestoneText{font-style:italic}#mermaid-svg-F9K8AJFYis0vbo0D .doneCritText0,#mermaid-svg-F9K8AJFYis0vbo0D .doneCritText1,#mermaid-svg-F9K8AJFYis0vbo0D .doneCritText2,#mermaid-svg-F9K8AJFYis0vbo0D .doneCritText3{fill:#000 !important}#mermaid-svg-F9K8AJFYis0vbo0D .activeCritText0,#mermaid-svg-F9K8AJFYis0vbo0D .activeCritText1,#mermaid-svg-F9K8AJFYis0vbo0D .activeCritText2,#mermaid-svg-F9K8AJFYis0vbo0D .activeCritText3{fill:#000 !important}#mermaid-svg-F9K8AJFYis0vbo0D .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-F9K8AJFYis0vbo0D g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-F9K8AJFYis0vbo0D g.classGroup text .title{font-weight:bolder}#mermaid-svg-F9K8AJFYis0vbo0D g.clickable{cursor:pointer}#mermaid-svg-F9K8AJFYis0vbo0D g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-F9K8AJFYis0vbo0D g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-F9K8AJFYis0vbo0D .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-F9K8AJFYis0vbo0D .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-F9K8AJFYis0vbo0D .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-F9K8AJFYis0vbo0D .dashed-line{stroke-dasharray:3}#mermaid-svg-F9K8AJFYis0vbo0D #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-F9K8AJFYis0vbo0D #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-F9K8AJFYis0vbo0D #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-F9K8AJFYis0vbo0D #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-F9K8AJFYis0vbo0D #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-F9K8AJFYis0vbo0D #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-F9K8AJFYis0vbo0D #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-F9K8AJFYis0vbo0D #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-F9K8AJFYis0vbo0D .commit-id,#mermaid-svg-F9K8AJFYis0vbo0D .commit-msg,#mermaid-svg-F9K8AJFYis0vbo0D .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-F9K8AJFYis0vbo0D .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-F9K8AJFYis0vbo0D .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-F9K8AJFYis0vbo0D g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-F9K8AJFYis0vbo0D g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-F9K8AJFYis0vbo0D g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-F9K8AJFYis0vbo0D g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-F9K8AJFYis0vbo0D g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-F9K8AJFYis0vbo0D g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-F9K8AJFYis0vbo0D .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-F9K8AJFYis0vbo0D .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-F9K8AJFYis0vbo0D .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-F9K8AJFYis0vbo0D .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-F9K8AJFYis0vbo0D .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-F9K8AJFYis0vbo0D .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-F9K8AJFYis0vbo0D .edgeLabel text{fill:#333}#mermaid-svg-F9K8AJFYis0vbo0D .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-F9K8AJFYis0vbo0D .node circle.state-start{fill:black;stroke:black}#mermaid-svg-F9K8AJFYis0vbo0D .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-F9K8AJFYis0vbo0D #statediagram-barbEnd{fill:#9370db}#mermaid-svg-F9K8AJFYis0vbo0D .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-F9K8AJFYis0vbo0D .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-F9K8AJFYis0vbo0D .statediagram-state .divider{stroke:#9370db}#mermaid-svg-F9K8AJFYis0vbo0D .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-F9K8AJFYis0vbo0D .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-F9K8AJFYis0vbo0D .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-F9K8AJFYis0vbo0D .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-F9K8AJFYis0vbo0D .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-F9K8AJFYis0vbo0D .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-F9K8AJFYis0vbo0D .note-edge{stroke-dasharray:5}#mermaid-svg-F9K8AJFYis0vbo0D .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-F9K8AJFYis0vbo0D .error-icon{fill:#522}#mermaid-svg-F9K8AJFYis0vbo0D .error-text{fill:#522;stroke:#522}#mermaid-svg-F9K8AJFYis0vbo0D .edge-thickness-normal{stroke-width:2px}#mermaid-svg-F9K8AJFYis0vbo0D .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-F9K8AJFYis0vbo0D .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-F9K8AJFYis0vbo0D .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-F9K8AJFYis0vbo0D .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-F9K8AJFYis0vbo0D .marker{fill:#333}#mermaid-svg-F9K8AJFYis0vbo0D .marker.cross{stroke:#333}
:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}</style>
<style>#mermaid-svg-F9K8AJFYis0vbo0D {
color: rgba(0, 0, 0, 0.75);
font: ;
}</style>
鏈接
長方形
圓
圓角長方形
菱形
插入Flowchart流程圖
參考檔案
Created with Rapha?l 2.2.0
開始
我的操作
確認？
結束
yes
no
插入類圖（classDiagram）
參考檔案
<style>#mermaid-svg-OLFHA0bOu4OLxeog .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-OLFHA0bOu4OLxeog .label text{fill:#333}#mermaid-svg-OLFHA0bOu4OLxeog .node rect,#mermaid-svg-OLFHA0bOu4OLxeog .node circle,#mermaid-svg-OLFHA0bOu4OLxeog .node ellipse,#mermaid-svg-OLFHA0bOu4OLxeog .node polygon,#mermaid-svg-OLFHA0bOu4OLxeog .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-OLFHA0bOu4OLxeog .node .label{text-align:center;fill:#333}#mermaid-svg-OLFHA0bOu4OLxeog .node.clickable{cursor:pointer}#mermaid-svg-OLFHA0bOu4OLxeog .arrowheadPath{fill:#333}#mermaid-svg-OLFHA0bOu4OLxeog .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-OLFHA0bOu4OLxeog .flowchart-link{stroke:#333;fill:none}#mermaid-svg-OLFHA0bOu4OLxeog .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-OLFHA0bOu4OLxeog .edgeLabel rect{opacity:0.9}#mermaid-svg-OLFHA0bOu4OLxeog .edgeLabel span{color:#333}#mermaid-svg-OLFHA0bOu4OLxeog .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-OLFHA0bOu4OLxeog .cluster text{fill:#333}#mermaid-svg-OLFHA0bOu4OLxeog 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-OLFHA0bOu4OLxeog .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-OLFHA0bOu4OLxeog text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-OLFHA0bOu4OLxeog .actor-line{stroke:grey}#mermaid-svg-OLFHA0bOu4OLxeog .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-OLFHA0bOu4OLxeog .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-OLFHA0bOu4OLxeog #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-OLFHA0bOu4OLxeog .sequenceNumber{fill:#fff}#mermaid-svg-OLFHA0bOu4OLxeog #sequencenumber{fill:#333}#mermaid-svg-OLFHA0bOu4OLxeog #crosshead path{fill:#333;stroke:#333}#mermaid-svg-OLFHA0bOu4OLxeog .messageText{fill:#333;stroke:#333}#mermaid-svg-OLFHA0bOu4OLxeog .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-OLFHA0bOu4OLxeog .labelText,#mermaid-svg-OLFHA0bOu4OLxeog .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-OLFHA0bOu4OLxeog .loopText,#mermaid-svg-OLFHA0bOu4OLxeog .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-OLFHA0bOu4OLxeog .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-OLFHA0bOu4OLxeog .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-OLFHA0bOu4OLxeog .noteText,#mermaid-svg-OLFHA0bOu4OLxeog .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-OLFHA0bOu4OLxeog .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-OLFHA0bOu4OLxeog .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-OLFHA0bOu4OLxeog .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-OLFHA0bOu4OLxeog .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OLFHA0bOu4OLxeog .section{stroke:none;opacity:0.2}#mermaid-svg-OLFHA0bOu4OLxeog .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-OLFHA0bOu4OLxeog .section2{fill:#fff400}#mermaid-svg-OLFHA0bOu4OLxeog .section1,#mermaid-svg-OLFHA0bOu4OLxeog .section3{fill:#fff;opacity:0.2}#mermaid-svg-OLFHA0bOu4OLxeog .sectionTitle0{fill:#333}#mermaid-svg-OLFHA0bOu4OLxeog .sectionTitle1{fill:#333}#mermaid-svg-OLFHA0bOu4OLxeog .sectionTitle2{fill:#333}#mermaid-svg-OLFHA0bOu4OLxeog .sectionTitle3{fill:#333}#mermaid-svg-OLFHA0bOu4OLxeog .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OLFHA0bOu4OLxeog .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-OLFHA0bOu4OLxeog .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OLFHA0bOu4OLxeog .grid path{stroke-width:0}#mermaid-svg-OLFHA0bOu4OLxeog .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-OLFHA0bOu4OLxeog .task{stroke-width:2}#mermaid-svg-OLFHA0bOu4OLxeog .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OLFHA0bOu4OLxeog .taskText:not([font-size]){font-size:11px}#mermaid-svg-OLFHA0bOu4OLxeog .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OLFHA0bOu4OLxeog .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-OLFHA0bOu4OLxeog .task.clickable{cursor:pointer}#mermaid-svg-OLFHA0bOu4OLxeog .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-OLFHA0bOu4OLxeog .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-OLFHA0bOu4OLxeog .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-OLFHA0bOu4OLxeog .taskText0,#mermaid-svg-OLFHA0bOu4OLxeog .taskText1,#mermaid-svg-OLFHA0bOu4OLxeog .taskText2,#mermaid-svg-OLFHA0bOu4OLxeog .taskText3{fill:#fff}#mermaid-svg-OLFHA0bOu4OLxeog .task0,#mermaid-svg-OLFHA0bOu4OLxeog .task1,#mermaid-svg-OLFHA0bOu4OLxeog .task2,#mermaid-svg-OLFHA0bOu4OLxeog .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-OLFHA0bOu4OLxeog .taskTextOutside0,#mermaid-svg-OLFHA0bOu4OLxeog .taskTextOutside2{fill:#000}#mermaid-svg-OLFHA0bOu4OLxeog .taskTextOutside1,#mermaid-svg-OLFHA0bOu4OLxeog .taskTextOutside3{fill:#000}#mermaid-svg-OLFHA0bOu4OLxeog .active0,#mermaid-svg-OLFHA0bOu4OLxeog .active1,#mermaid-svg-OLFHA0bOu4OLxeog .active2,#mermaid-svg-OLFHA0bOu4OLxeog .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-OLFHA0bOu4OLxeog .activeText0,#mermaid-svg-OLFHA0bOu4OLxeog .activeText1,#mermaid-svg-OLFHA0bOu4OLxeog .activeText2,#mermaid-svg-OLFHA0bOu4OLxeog .activeText3{fill:#000 !important}#mermaid-svg-OLFHA0bOu4OLxeog .done0,#mermaid-svg-OLFHA0bOu4OLxeog .done1,#mermaid-svg-OLFHA0bOu4OLxeog .done2,#mermaid-svg-OLFHA0bOu4OLxeog .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-OLFHA0bOu4OLxeog .doneText0,#mermaid-svg-OLFHA0bOu4OLxeog .doneText1,#mermaid-svg-OLFHA0bOu4OLxeog .doneText2,#mermaid-svg-OLFHA0bOu4OLxeog .doneText3{fill:#000 !important}#mermaid-svg-OLFHA0bOu4OLxeog .crit0,#mermaid-svg-OLFHA0bOu4OLxeog .crit1,#mermaid-svg-OLFHA0bOu4OLxeog .crit2,#mermaid-svg-OLFHA0bOu4OLxeog .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-OLFHA0bOu4OLxeog .activeCrit0,#mermaid-svg-OLFHA0bOu4OLxeog .activeCrit1,#mermaid-svg-OLFHA0bOu4OLxeog .activeCrit2,#mermaid-svg-OLFHA0bOu4OLxeog .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-OLFHA0bOu4OLxeog .doneCrit0,#mermaid-svg-OLFHA0bOu4OLxeog .doneCrit1,#mermaid-svg-OLFHA0bOu4OLxeog .doneCrit2,#mermaid-svg-OLFHA0bOu4OLxeog .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-OLFHA0bOu4OLxeog .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-OLFHA0bOu4OLxeog .milestoneText{font-style:italic}#mermaid-svg-OLFHA0bOu4OLxeog .doneCritText0,#mermaid-svg-OLFHA0bOu4OLxeog .doneCritText1,#mermaid-svg-OLFHA0bOu4OLxeog .doneCritText2,#mermaid-svg-OLFHA0bOu4OLxeog .doneCritText3{fill:#000 !important}#mermaid-svg-OLFHA0bOu4OLxeog .activeCritText0,#mermaid-svg-OLFHA0bOu4OLxeog .activeCritText1,#mermaid-svg-OLFHA0bOu4OLxeog .activeCritText2,#mermaid-svg-OLFHA0bOu4OLxeog .activeCritText3{fill:#000 !important}#mermaid-svg-OLFHA0bOu4OLxeog .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OLFHA0bOu4OLxeog g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-OLFHA0bOu4OLxeog g.classGroup text .title{font-weight:bolder}#mermaid-svg-OLFHA0bOu4OLxeog g.clickable{cursor:pointer}#mermaid-svg-OLFHA0bOu4OLxeog g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-OLFHA0bOu4OLxeog g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-OLFHA0bOu4OLxeog .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-OLFHA0bOu4OLxeog .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-OLFHA0bOu4OLxeog .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-OLFHA0bOu4OLxeog .dashed-line{stroke-dasharray:3}#mermaid-svg-OLFHA0bOu4OLxeog #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-OLFHA0bOu4OLxeog #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-OLFHA0bOu4OLxeog #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-OLFHA0bOu4OLxeog #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-OLFHA0bOu4OLxeog #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-OLFHA0bOu4OLxeog #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-OLFHA0bOu4OLxeog #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-OLFHA0bOu4OLxeog #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-OLFHA0bOu4OLxeog .commit-id,#mermaid-svg-OLFHA0bOu4OLxeog .commit-msg,#mermaid-svg-OLFHA0bOu4OLxeog .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OLFHA0bOu4OLxeog .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OLFHA0bOu4OLxeog .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OLFHA0bOu4OLxeog g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OLFHA0bOu4OLxeog g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-OLFHA0bOu4OLxeog g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-OLFHA0bOu4OLxeog g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-OLFHA0bOu4OLxeog g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-OLFHA0bOu4OLxeog g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-OLFHA0bOu4OLxeog .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-OLFHA0bOu4OLxeog .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-OLFHA0bOu4OLxeog .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-OLFHA0bOu4OLxeog .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-OLFHA0bOu4OLxeog .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-OLFHA0bOu4OLxeog .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-OLFHA0bOu4OLxeog .edgeLabel text{fill:#333}#mermaid-svg-OLFHA0bOu4OLxeog .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OLFHA0bOu4OLxeog .node circle.state-start{fill:black;stroke:black}#mermaid-svg-OLFHA0bOu4OLxeog .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-OLFHA0bOu4OLxeog #statediagram-barbEnd{fill:#9370db}#mermaid-svg-OLFHA0bOu4OLxeog .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-OLFHA0bOu4OLxeog .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-OLFHA0bOu4OLxeog .statediagram-state .divider{stroke:#9370db}#mermaid-svg-OLFHA0bOu4OLxeog .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-OLFHA0bOu4OLxeog .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-OLFHA0bOu4OLxeog .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-OLFHA0bOu4OLxeog .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-OLFHA0bOu4OLxeog .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-OLFHA0bOu4OLxeog .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-OLFHA0bOu4OLxeog .note-edge{stroke-dasharray:5}#mermaid-svg-OLFHA0bOu4OLxeog .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-OLFHA0bOu4OLxeog .error-icon{fill:#522}#mermaid-svg-OLFHA0bOu4OLxeog .error-text{fill:#522;stroke:#522}#mermaid-svg-OLFHA0bOu4OLxeog .edge-thickness-normal{stroke-width:2px}#mermaid-svg-OLFHA0bOu4OLxeog .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-OLFHA0bOu4OLxeog .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-OLFHA0bOu4OLxeog .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-OLFHA0bOu4OLxeog .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-OLFHA0bOu4OLxeog .marker{fill:#333}#mermaid-svg-OLFHA0bOu4OLxeog .marker.cross{stroke:#333}
:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}</style>
<style>#mermaid-svg-OLFHA0bOu4OLxeog {
color: rgba(0, 0, 0, 0.75);
font: ;
}</style>
?interface?
Class01
int chimp
int gorilla
size()
AveryLongClass
Class09
C2
C3
Class07
Object[] elementData
equals()
Class10
>>service>>
int id
size()
Cool
Where am i?
