.htmledit_views address, .htmledit_views cite, .htmledit_views dfn, .htmledit_views em, .htmledit_views i, .htmledit_views span[lang], .htmledit_views var { font-style: italic }

.htmledit_views { font-family: -apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif, SimHei, SimSun }

.cke_editable { margin: 24px; word-wrap: break-word }

.htmledit_views img.right { border: 1px solid rgba(204, 204, 204, 1); float: right; margin-left: 15px; padding: 5px }

.htmledit_views img.left { border: 1px solid rgba(204, 204, 204, 1); float: left; margin-right: 15px; padding: 5px }

.htmledit_views .marker { background-color: rgba(255, 255, 0, 1) }

.htmledit_views figure { text-align: center; margin: 0 24px; display: inline-block }

.htmledit_views figure>figcaption { text-align: center; margin: 8px; color: rgba(153, 153, 153, 1); font-size: 14px; display: block }

.htmledit_views a>img { padding: 1px; margin: 1px; border: none; outline: 1px solid rgba(7, 130, 193, 1) }

.htmledit_views .code-featured { border: 5px solid rgba(255, 0, 0, 1) }

.htmledit_views .math-featured { padding: 20px; box-shadow: 0 0 2px rgba(200, 0, 0, 1); background-color: rgba(255, 0, 0, 0.05); margin: 10px }

.htmledit_views .image-clean { border: 0; background: left top; padding: 0 }

.htmledit_views .image-clean>figcaption { font-size: 0.9em; text-align: right }

.htmledit_views .image-grayscale { background-color: rgba(255, 255, 255, 1); color: rgba(102, 102, 102, 1) }

.htmledit_views .image-grayscale img, .htmledit_views img.image-grayscale { filter: grayscale(100%) }

.htmledit_views .embed-240p { max-width: 426px; max-height: 240px; margin: 0 auto }

.htmledit_views .embed-360p { max-width: 640px; max-height: 360px; margin: 0 auto }

.htmledit_views .embed-480p { max-width: 854px; max-height: 480px; margin: 0 auto }

.htmledit_views .embed-720p { max-width: 1280px; max-height: 720px; margin: 0 auto }

.htmledit_views .embed-1080p { max-width: 1920px; max-height: 1080px; margin: 0 auto }

.htmledit_views p { font-size: 16px; color: rgba(77, 77, 77, 1); font-weight: 400; line-height: 26px; margin: 0 0 16px; overflow-x: auto }

p[align="center"] { text-align: center }

.htmledit_views img { max-width: 100% }

.htmledit_views strong, .htmledit_views strong span { font-weight: 700 }

.htmledit_views * { box-sizing: border-box }

.htmledit_views h1, .htmledit_views h2, .htmledit_views h3, .htmledit_views h4, .htmledit_views h5, .htmledit_views h6 { color: rgba(79, 79, 79, 1); margin: 8px 0 16px; font-weight: 700 }

.htmledit_views ol, .htmledit_views ul { margin: 0 0 24px; padding: 0; font-size: 16px }

.htmledit_views ul ol { margin: 0 0 24px 32px }

.htmledit_views ul li { list-style-type: disc; margin: 8px 0 0 32px }

.htmledit_views ol li { list-style-type: decimal; margin-left: 40px; margin-top: 8px }

.htmledit_views h1 { font-size: 28px; line-height: 36px }

.htmledit_views h2 { font-size: 24px; line-height: 32px }

.htmledit_views h3 { font-size: 22px; line-height: 30px }

.htmledit_views h4 { font-size: 20px; line-height: 28px }

.htmledit_views h5 { font-size: 18px; line-height: 26px }

.htmledit_views h6 { font-size: 16px; line-height: 24px }

.htmledit_views blockquote { display: block; padding: 16px 16px 0; margin: 0 0 24px; border-left: 8px solid rgba(221, 223, 228, 1); background: rgba(238, 240, 244, 1); overflow: auto; overflow-scrolling: touch; word-wrap: normal; word-break: normal }

.htmledit_views blockquote ol, .htmledit_views blockquote ul { margin-bottom: 16px; padding: 0; font-size: 16px; line-height: 24px }

.htmledit_views blockquote ol li, .htmledit_views blockquote ul li { margin-bottom: 0 }

.htmledit_views blockquote p { font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 16px; color: rgba(79, 79, 79, 1) }

.htmledit_views hr { margin: 24px 0; border-top: none; border-right: none; border-bottom: 1px solid rgba(204, 204, 204, 1); border-left: none }

.htmledit_views table tr { border-top: 1px solid rgba(221, 221, 221, 1); border-right: 0; border-bottom: 0; border-left: 0; background-color: rgba(255, 255, 255, 1) }

.htmledit_views table { border-collapse: collapse; display: table; width: 100%; text-align: left; margin-bottom: 24px; margin-left: auto; margin-right: auto }

.htmledit_views tbody { border: 0 }

.htmledit_views table tr:nth-child(2n) { background-color: rgba(247, 247, 247, 1) }

.htmledit_views table tr td, .htmledit_views table tr th { border: 1px solid rgba(221, 221, 221, 1); font-size: 14px; color: rgba(79, 79, 79, 1); line-height: 22px; padding: 8px; text-align: left }

.htmledit_views table tr td p, .htmledit_views table tr th p { font-size: 14px; color: rgba(79, 79, 79, 1); margin: 0; padding: 0; text-align: left; line-height: 22px }

.htmledit_views table tr th p { font-weight: 700 }

.htmledit_views table tr td code, .htmledit_views table tr th code { white-space: normal }

.htmledit_views table tr th { font-weight: 700; background-color: rgba(239, 243, 245, 1) }

.htmledit_views dl { margin: 24px }

.htmledit_views dl dt { margin: 8px; font-weight: 700 }

.htmledit_views dl dt dd { margin: 8px }

.htmledit_views abbr[data-original-title], .htmledit_views abbr[title] { cursor: help; border-bottom: 1px dotted rgba(153, 153, 153, 1) }

.htmledit_views .initialism { font-size: 90%; text-transform: uppercase }

.htmledit_views pre { white-space: pre-wrap; word-wrap: break-word; margin: 0 0 24px; overflow-x: auto; padding: 8px }

.marker { background-color: rgba(255, 255, 0, 1) }

htmledit_views img.mathcode { margin: 0 8px }

.htmledit_views kbd, .htmledit_views pre, .htmledit_views samp { font-family: Consolas, Inconsolata, Courier, monospace; font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 1) }

.htmledit_views code ol li div.hljs-ln-code, .htmledit_views code ol li div.hljs-ln-numbers, .htmledit_views pre code, .htmledit_views pre code div, .htmledit_views pre code span { font-family: "Source Code Pro", "DejaVu Sans Mono", "Ubuntu Mono", "Anonymous Pro", "Droid Sans Mono", Menlo, Monaco, Consolas, Inconsolata, Courier, monospace, "PingFang SC", "Microsoft YaHei", sans-serif }

.htmledit_views code { border-radius: 4px }

.htmledit_views a { color: rgba(78, 161, 219, 1); text-decoration: none }

.htmledit_views a:focus, .htmledit_views a:hover { color: rgba(202, 12, 22, 1) }

.htmledit_views a:visited { color: rgba(103, 149, 181, 1) }

.htmledit_views .hot-keyword:visited { color: rgba(51, 153, 234, 1) }

.htmledit_views .footnote { vertical-align: top; position: relative; top: -4px; font-size: 12px }

.htmledit_views .flow-chart, .htmledit_views .sequence-diagram { text-align: center; margin-bottom: 24px; font-size: 14px !important }

.htmledit_views .flow-chart [fill="#000"], .htmledit_views .flow-chart [fill="#000000"], .htmledit_views .flow-chart [fill="black"], .htmledit_views .sequence-diagram [fill="#000"], .htmledit_views .sequence-diagram [fill="#000000"], .htmledit_views .sequence-diagram [fill="black"] { fill: rgba(79, 79, 79, 1) }

.htmledit_views .flow-chart [stroke="#000000"], .htmledit_views .sequence-diagram [stroke="#000000"] { stroke: rgba(79, 79, 79, 1) }

.htmledit_views .MathJax_SVG_Display { text-align: center; margin: 24px 0; font-size: 18px; font-weight: 400; color: rgba(79, 79, 79, 1); position: relative; text-indent: 0; max-width: none; max-height: none; min-width: 0; min-height: 0; width: 100% }

.htmledit_views pre code { display: block; line-height: 22px; overflow-x: auto; white-space: pre; word-wrap: normal; border-radius: 4px; padding: 8px }

.htmledit_views pre code:not(.hljs) { background-color: rgba(243, 244, 245, 1) }

.htmledit_views pre code, .htmledit_views pre code div, .htmledit_views pre code span { font-size: 14px }

.htmledit_views .prettyprint, .htmledit_views pre.prettyprint { margin: 0 0 24px; padding: 8px 16px 4px 56px; background-color: rgba(246, 248, 250, 1); border: none }

.htmledit_views .prettyprint .pre-numbering { position: absolute; width: 48px; background-color: rgba(238, 240, 244, 1); top: 0; left: 0; margin: 0; padding: 8px 0; list-style: none; text-align: right }

.htmledit_views .pre-numbering li { padding: 0 8px; list-style: none; margin: 0 }

.htmledit_views dl dd { margin: 0 0 8px 40px }

.htmledit_views kbd { padding: 2px 8px; border: 1px solid rgba(63, 63, 63, 0.25); box-shadow: 0 1px rgba(63, 63, 63, 0.25); background-color: rgba(255, 255, 255, 1); color: rgba(51, 51, 51, 1); border-radius: 4px; display: inline-block; margin: 0 2px; white-space: nowrap }

.htmledit_views .dp-highlighter { font-size: 12px; text-align: left; margin: 0 0 24px }

.htmledit_views code ol { margin: 0; overflow: hidden }

.htmledit_views code ol li { list-style-type: none; margin-left: 0; margin-top: 0; height: 22px }

.htmledit_views code ol li div.hljs-ln-code { margin-left: 8px }

.htmledit_views code ol li div.hljs-ln-code, .htmledit_views code ol li div.hljs-ln-numbers { float: left; height: 22px }

.htmledit_views code ol li div.hljs-ln-numbers { width: 24px; border-right: 1px solid rgba(197, 197, 197, 1) }

.htmledit_views code ol li div.hljs-ln-numbers .hljs-ln-line { word-wrap: normal }

.htmledit_views code ol.hundred li div.hljs-ln-numbers { width: 30px }

.htmledit_views code ol.thousand li div.hljs-ln-numbers { width: 36px }

.htmledit_views .csdn-data-video { width: 200px }

.htmledit_views .csdn-data-video img { margin: 0; display: block; width: 200px; height: 112px }

.htmledit_views .csdn-data-video p { margin-top: 10px; margin-bottom: 0; font-size: 14px }

.htmledit_views pre[data-from="code-for-outside"] { overflow: hidden }

.htmledit_views pre[data-from="code-for-outside"] code { overflow-x: auto; overflow-y: hidden }

.htmledit_views pre[data-from="code-for-outside"] code * { overflow: visible; overflow-wrap: break-word }

.htmledit_views pre[data-from="code-for-outside"] p code { padding: 0 }

C++

不要把面向对象和基于过程对立起来,面向对象和基于过程不是矛盾的,而是各有用途、互为补充的。

学习C++,既要学会利用C++进行基于过程的结构化程序设计,也要会利用C++进行面向对象的程序设计。

目录

 

C

目录

C语言与C之间的区别

一C基于过程的程序设计

1简单程序实例

2C程序的实现过程

3变量

1 变量基础

2 局部变量与全局变量

3 变量的存储类别

4 变量的声明与定义

4运算符

程序结构

1 选择结构

2 循环结构

6函数

1 函数的分类

2 函数的定义

3 函数的参数

4 函数的调用

4 函数的声明与函数原型

5 内置函数内联函数

6 函数的重载

7 函数模板

8 有默认参数的函数

9 内部函数和外部函数

10 函数参数的传递

7数组

1数组的定义与引用

2用数组做函数参数

3 字符数组

31 字符数组基础

32 字符串处理函数

33 字符串类

8指针

1 指针变量的定义与引用

2 指针与函数

21 指针做函数参数

22 指向函数的指针变量

23 返回指针值的函数

3 指针与数组

4 指针与字符串

5 const指针和void指针

9引用

10用户自定义数据类型

1 结构体struct

11 结构体的声明定义初始化与引用

12 指向结构体变量的指针

13 结构体类型数据作为函数参数

14 new和delete运算符进行动态分配撤销存储空间

2 枚举类型enum

3 声明新类型typedef

 

C语言与C++之间的区别

C语言C++

基于过程:程序=算法+数据结构

面向对象并基于过程

C语言要求变量的定义应该放在所有的执行语句之前

C++只需要在第一次使用该变量之前进行定义即可

C语言中,输入和输出的功能是通过调用scanf函数和printf函数来实现的,输入和输出单个字符的函数:getchar和putchar

C++中是通过调用输入输出流库中的流对象cin和cout实现的,同时也依旧支持C语言中的输入输出

C语言没有提供逻辑型数据

C++中增加了逻辑型数据,逻辑常量只有两个:false和true

C语言不支持内联函数、函数的重载、函数模板和有默认参数的函数

C++中支持内联函数、函数的重载、函数模板和有默认参数的函数

C语言使用字符数组来存放字符串。C-string方法

C++中提供了一种新的数据类型,字符串类型(string类型),它是在C++标准库中声明的一个字符串类。string方法

C语言中不存在引用

C++中存在引用

C语言中结构体成员只能是数据

C++中结构体成员既可以包括数据,也可以包括函数

C语言中使用库函数malloc和free来分配和撤销内存空间

C++中使用运算符new和delete,来进行,执行效率高

C语言中定义枚举类型变量时需要包括关键字enum

C++中可以不包括enum,直接用枚举类型名

C语言强制类型转换格式为(int)a

C++中强制类型转换格式为int(a)

一、C++基于过程的程序设计

1、简单程序实例

example 1:

#include

using namespace std;

int main()

{

int max(int x, int y);//函数的声明

int a,b,c;

cin>>a>>b;

c = max(a, b);

cout<<"max = "<

return 0;

}

int max(int x, int y)

{

int z;

if(x > y) z = x;

else z = y;

return z;

}

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

main函数必须声明为int型,因为操作系统要求执行一个程序后必须向操作系统返回一个数值:如果程序正常执行,则向操作系统返回数值0;否则返回数值-1;

函数体是由”{}”括起来的;

cout是C++系统定义的对象名,称为输出流对象;cin为输入流对象(输入时两个数据间用一个或多个空格间隔,不能以逗号或其他符号间隔);

“#include < iostream >” 是C++的一个预处理指令,是一个包含指令,作用是把文件”iostream”中的内容包含到该命令所在的程序文件中,代替该指令;

“using namespace std“的意思是使用命名空间”std”,C++标准库中的类和函数是在命名空间std中声明的;

“//”代表从它开始到本行末尾之间的全部内容都作为注释,同时对于多行注释也可以用”/ …… /”来表示;

程序第5行是对max函数的声明,声明过后max函数可以写在main函数后面;

2、C++程序的实现过程

每一个程序单位由以下三部分组成:预处理指令、全局声明、函数

3、变量

3.1 变量基础

变量属于标识符。标识符指用来标识变量、函数、数组、类型等实体名字的有效字符序列;

变量名代表内存中的一个存储单元。当程序从变量中取值时,实际是通过变量名找到相应的内存单元,从其中读取数据;

变量具有两种属性:作用域(全局变量或局部变量)、存储期(静态存储期或动态存储期)

变量的命名规则:

只能由字母、数字、下划线3种字符组成;

第一个字符必须为字母或者下划线;

常变量又称为只读变量:

相当于在此变量的基础上加上一个限定:存储单元中的值不允许变化;

区别使用#define指令定义的符号常量和用const定义的常变量:

符号常量常变量

符号常量只是用一个符号代替一个字符串,在预编译时把所有符号常量替换为所指定的字符串,它没有类型,在内存存在以符号常量命名的存储单元。

常变量具有变量的特征,具有类型,在内存中存在以它命名的存储单元,可以用sizeof运算符测出其长度。与一般变量不同的是指定变量的值不能改变。

3.2 局部变量与全局变量

局部变量

在一个函数内部定义的变量,它只在本函数或复合语句范围内有效

形参也是局部变量

在函数原型声明中出现的参数名,只在原型声明中的括号范围内有效

全局变量

在函数外定义的变量是外部变量,称为全局变量,其有效范围为从定义变量的位置开始到本源文件结束

如果在一个函数中改变了全局变量的值,就能影响到其他函数,使其他函数中引用的同名变量也同时改变

建议不在必要时不要使用全局变量(占用存储单元、函数通用性降低)

3.3 变量的存储类别

静态存储方式

在程序运行期间,系统对变量分配固定的存储空间

静态存储区中存放全局变量

动态存储方式

在程序运行期间,系统对变量动态地分配存储空间

动态存储区中存放:函数形式参数、函数中定义的变量(未加static的局部变量)、函数调用时的现场保护和返回地址等

变量的存储类别

指数据在内存中的存储方式

包括自动的(auto)、静态的(static)、寄存器的(register)、外部的(extern)

自动变量:函数中的局部变量,如果不加static声明,编译系统动态分配存储空间

静态局部变量:函数中的局部变量的值在调用结束后不消失而保留原值,即其占用的存储单元不释放,下次调用该函数时,该变量保留上一次调用结束时的值。

虽然静态局部变量在函数调用后仍然存在,但其他函数不能引用它,在其他函数中不可见

静态局部变量是在编译时赋初值的(默认为0或空字符),而自动变量赋初值是在函数调用时进行

寄存器变量:需要时直接从寄存器中取出参与运算,不必到内存中存取

全局变量或外部变量:在函数外部定义的,作用域为从函数定义处开始到本程序文件末尾

extern只是对一个已定义的外部变量做声明,以拓展作用域

当使用static在定义外部变量时进行声明,则此外部变量只限于本文件引用,而不能被其他文件引用(静态外部变量)

3.4 变量的声明与定义

函数的声明是函数的原型,函数的定义时函数功能的确立

声明分为定义性声明(需要建立存储空间,eg:int a;)和引用性声明(不需要建立存储空间,eg:extern int a;)

广义来说声明包括定义,不过为了叙述方便,把建立存储空间的声明称为定义,而把不需要建立存储空间的声明称为声明

4、运算符

运算符种类

算数运算符:+、-、*、/、%、++、–

关系运算符:>、<、==、>=、<=、!=

逻辑运算符:&&、||、!

位运算符:<<(按位左移)、>>(按位右移)、&、|、^(按位异或)、~(按位取反)

赋值运算符:=及其拓展赋值运算符

条件运算符:?:

逗号运算符:,

指针运算符:*

引用运算符和地址运算符:&

求字节数运算符:sizeof

强制类型转换运算符

成员运算符:.

指向成员的运算符:->

下标运算符:[]

其他:函数调用运算符

运算符的优先级:!>算数运算符(带有”<”或”>”号的优先级大于”==”和”!=”)>关系运算符>&&和||>赋值运算符

进行运算时不同类型的数据需要转为同一类型,转换规则为如下所示。其中横向向左的箭头表示必定转换;纵向的箭头表示当运算对象为不同类型时的转换方向, 箭头的方向只表示数据类型级别的高低,由低向高转换。

A[char,short] ==> B(int)

B --> C[unsigned]

C --> D[long]

D --> E[double]

F[float] --> E

 

1

2

3

4

5

自增和自减运算符:++i(在使用i之前,先使i的值加1)、i++(在使用i之后,i的值加1)、–i(在使用i之前,先使i的值减1)、(在使用i之后,i的值减1)

赋值运算符:如果赋值运算符两侧类型不一致,但都是数值型或者字符型时,在赋值时自动进行类型转换

double赋值给float时,要注意数值范围不能溢出

字符型赋值给整形时,将字符的ASCII码赋给整形

将int,short或long型数据赋给一个char型变量,只将其低8位原封不动地送到char型变量(发生截断)

不同类型整型数据间的赋值归根到底就是一条:按存储单元中的存储形式直接传送

条件运算符(唯一一个三目运算符):

eg:max = (a>b)? a: b;

5 程序结构

5.1 选择结构

if()...else if()...else

多分支选择结构:switch() {case x: ...;case y: ...;default :...}

各个case和default出现的次序不影响执行结果

在执行switch语句时,根据switch表达式的值找到与之匹配的case子句,就从此case子句开始执行下去,不再进行判断,所以此时需要”break“语句来达到跳出的目的

多个case可以共用一组执行语句

5.2 循环结构

while(表达式)语句

do 表达式 while(表达式)(do-while语句)

for(表达式1;表达式2;表达式3)语句

可以只用”break“或”continue”跳出循环或跳出本次循环

6、函数

6.1 函数的分类

用户使用的角度:

系统函数,即库函数

用户自己定义的函数

函数形式:

无参函数

有参函数

6.2 函数的定义

无参函数的定义

/*

类型名 函数名([void])

{

声明部分

执行语句

}

*/

 

1

2

3

4

5

6

7

有参函数的定义

/*

类型名 函数名(形式参数列表)

{

声明部分

执行语句

}

*/

 

1

2

3

4

5

6

7

6.3 函数的参数

形式参数实际参数

定义函数时函数名后面括号中的变量名称

在主调函数中调用一个函数时,函数名后面括号中的参数(可以为表达式)

在未出现函数调用时,形参不占用内存中的存储单元

实参可以为常量、变量或表达式,但是要求变量必须有确定的值

实参与形参的类型应相同或赋值兼容(按照不同类型数值的赋值规则进行转换)

实参与形参变量的数据是值传递,即单向传递。只能由实参传给形参,无法传回

6.4 函数的调用

调用的方式

函数语句

函数表达式

函数参数

printstar(); //函数语句

c = 2 * max(a,b);//函数表达式

m = max(a, sqrt(b));//函数参数

 

1

2

3

函数调用时注意,当实参列表包括多个实参时,对实参的求值顺序并不是确定的。许多C++系统是按照从右至左的顺序求值。比如,若变量i的值为3时:

func(i, ++i);

/*func(3,4),从左至右顺序求值

func(4,4),从右至左顺序求值*/

 

1

2

3

6.4 函数的声明与函数原型

函数声明是指函数尚未定义的情况下,事先将函数的有关信息通知编译系统,以便编译可以正常进行。

函数声明中可以不写形参名,只写形参类型,这种声明成为函数原型

float add(float, float);//函数原型

/*函数类型 函数名(参数类型1, 参数类型2...);

函数类型 函数名(参数类型1 参数名1, 参数类型2 参数名2...);

 

1

2

3

函数的定义函数的声明

定义是指对函数功能的确立

声明是在定义前事先将函数的有关信息通知编译系统

包括指定函数名,函数类型、形参及其类型、函数体等

通知函数的名字、函数的类型以及形参的个数、类型和顺序(不包括函数体)

6.5 内置函数(内联函数)

编译时将函数代码嵌套到主调函数中,而不是将流程转出去

可以在声明函数和定义函数同时写inline;也可以只在函数声明时加inline,而定义时不加

内联函数中不能包括复杂的控制语句,如循环和switch语句

6.6 函数的重载

C++允许同一个函数名定义多个函数,而这些函数的参数个数和参数类型可以不相同

不允许只有函数的类型不同而参数的个数和类型相同,如:

int f(int);

long f(int);

void f(int);

 

1

2

3

重载函数的参数个数、参数类型或参数顺序三者中必须至少有一种不同,函数返回值类型可以相同,也可以不同

6.7 函数模板

建立一个通用函数,其函数类型和形参类型不具体指定,用一个虚拟的类型来代表

定义函数模板的一般形式:

template //T为类型参数;typename也可以用class代替,都表示类型名

T max(T a, T b, T c)

{

if(b>a) a = b;

if(c>a) a = c;

return a;

}

 

1

2

3

4

5

6

7

只适用于函数体相同、函数参数个数相同而类型不同的情况

6.8 有默认参数的函数

指定默认值的参数必须防止形参列表的最右端

如果函数的定义在函数调用之前,则应在函数定义中给出默认值;如果函数的定义在函数调用之后,则在函数调用之前需要有函数声明,此时必须在函数声明中给出默认值,在函数定义时可以不给默认值

一个函数不能既作为重载函数,又作为有默认参数的函数

1

返回目录

6.9 内部函数和外部函数

内部函数:只能被本文件中其他函数调用

static 类型标识符 函数名(形参表)

 

1

外部函数:可以供其他文件调用

extern int func(int a, int b)//省略extern,默认为外部函数

 

1

6.10 函数参数的传递

将变量名作为实参和形参:形参是变量的值,传递是单向的

void swap(int a, int b);

int i = 3, j = 5;

swap(i, j);//调用函数时,形参和实参不是同一个存储单元。值传递(传值方式)

 

1

2

3

传递变量的地址:形参是实参变量的指针变量(地址),实参是一个变量的地址

void swap(int *p1, int *p2);

int i = 3, j = 5;

swap(&i, &j);//值传递(传值方式),实参的值是变量的地址

 

1

2

3

形参为实参的引用:以引用作为形参,使形参名作为实参的引用

void swap(int &a, int &b);

int i = 3, j = 5;

swap(i, j);//地址传递传递(传址方式),实参是变量名,而传递的是变量的地址

 

1

2

3

7、数组

7.1数组的定义与引用

类型名 数组名[常量表达式]//一维数组的定义

数组名[下标]//一维数组的引用

类型名 数组名[常量表达式][常量表达式]//二维数组的定义

数组名[下标][下标]//二维数组的引用

 

1

2

3

4

二维数组元素排列顺序为:按行存放,即在内存中先顺序存放第1行元素,再存放第2行元素

多维数组元素在内存中的排列顺序:第一维的下标变化最慢,最右边的下标变化最快

7.2用数组做函数参数

数组元素可以做函数参数,用法与变量相同,传递数组元素的值;数组名也可以做实参和形参,传递的是数组的起始地址,C++实际上把形参数组名作为一个指针变量来处理

/*...*/

void select_sort(int array[], int n);//函数

int a[10];

select_sort(a,10);//调用函数

/*...*/

void select_sort(int array[], int n)//函数定义

{

/*...*/

}

 

1

2

3

4

5

6

7

8

9

在用变量做函数参数时,只能将实参变量的值传递给形参变量,在调用函数过程中如果改变了形参的值,对实参没有影响,即实参的值不因形参的值改变而改变

而数组名作函数实参时,如果改变了形参数组元素的值,将同时改变实参数组元素的值

7.3 字符数组

7.3.1 字符数组基础

只能对字符数组的元素赋值,而不能用赋值语句对整个数组赋值

char c[5];

c = {'C', 'h', 'i', 'n', 'a'};//错误

c[0] = 'C'; c[1] = 'h'; c[2] = 'i'; c[3] = 'n'; c[4] = 'a';//正确

char str[] = {"I am happy"};//正确,使用字符串常量初始化字符数组

char str[] = "I am happy";//正确

 

1

2

3

4

5

字符串结束标志:遇到字符'\0'表示字符串结束。对一个字符串常量,系统自动在所有字符后加'\0'作为结束符。程序中检测字符串长度也依靠字符串结束标志

如果输入字符串长于字符数组的长度,此时系统并不报错,而是将多余的字符元素顺序地存放到所定义字符数组后面的几个字节中,有可能破坏其他数据,甚至出现无法估计的后果

7.3.2 字符串处理函数

字符串连接函数

strcat(char[], const char[]);

 

1

字符串复制函数

strcpy(char[], const char[]);

strcpy(str1, str2, 2);//将str2中前2个字符复制到str1中

str1 = str2;//错误,不能将字符数组直接赋值给另一个字符数组

 

1

2

3

字符串比较函数

strcmp(const char[], const char[]);

/*如果字符串1等于字符串2,函数值为0

如果字符串1大于字符串2,函数值为一正整数

如果字符串1小于字符串2,函数值为一负整数*/

 

1

2

3

4

字符串长度函数

strlen(const char[]);//其值为字符串实际长度,不包括'\0'

 

1

7.3.3 字符串类

将C++标准库中的string头文件包含进来

#include

string string1;//定义字符串变量

string1 = "China";//赋值

 

1

2

3

可以使用简单的运算符实现连接(+)、比较(==,>,<,!=,>=,<= )、复制(=)

字符串数组

不要求每个字符串元素具有相同的长度,同一个元素长度也可以变化

每个元素的值只包含字符串本身的字符,而不包括\0

8、指针

一个变量的地址称为该变量的指针

专门存放地址(即指针)的变量称为指针变量

C++中“*”表示指向,比如i_pointer是一个指针变量,则*i_pointer表示i_pointer指向的变量

8.1 指针变量的定义与引用

定义指针变量的一般形式为:

基类型 * 指针变量名

/*基类型指指针变量指向的变量的类型

"*"表示定义的该变量为指针变量

 

1

2

3

引用指针变量

int * pointer_1;

int a = 100;

pointer_1 = &a;//变量a的地址给pointer_1

int * pointer_2 = &a;//定义指针变量并初始化

 

1

2

3

4

指针变量赋值

p = &a;

p = array;//数组

p = &array[i];

p = max;//函数

p1 = p2;

 

1

2

3

4

5

*与&的优先级相同,但按照自右而左的方向结合

8.2 指针与函数

8.2.1 指针做函数参数

void swap(int * p1, int * p);//声明指针参数的函数

int * pointer_1, * pointer_2;

swap(pointer_1, pointer_2);//调用函数

void swap(int * p1, int * p)//函数定义

{

/*...*/

}

 

1

2

3

4

5

6

7

8.2.2 指向函数的指针变量

int max(int x, int y);

int (*p)(int,int);//定义指向函数的指针变量

p = max;//指针p指向max函数的入口地址

m = p(a, b);

 

1

2

3

4

8.2.3 返回指针值的函数( )

//类型名 * 函数名(参数列表)

int *a(int x, int y);

 

1

2

8.3 指针与数组

int a[10];

int * p;

p = &a[0];//将a[0]地址赋给指针变量p

p = a;//与上面等价

/*p+1指向同一个数组中的下一个元素,实际地址是p+1*d*/

 

1

2

3

4

5

8.4 指针与字符串

访问字符串:

用字符数组存放一个字符串

用字符串变量存放字符串

用字符指针指向一个字符串

char str1[] = "I love China!";

cout << str1 << endl;

string str2 = "I love China!";

cout << str2 << endl;

char * str3 = "I love China!";

cout << str3 << endl;

 

1

2

3

4

5

6

8.5 const指针和void指针

指向常量的指针变量:不允许通过指针变量改变它指向的对象的值,但是指针变量p的值(即p的指向)是可以改变的

const 类型名 * 指针变量名;//常用作函数形参,防止指针形参所指对象的值改变影响实参

 

1

常指针:指定指针变量的值是常量。即指针变量的指向不能改变。

类型名 * const 指针变量名;//必须在定义时初始化,指定其指向

 

1

指向常量的常指针:指针变量指向一个固定的对象,该对象的值不能通过指针变量改变

const 类型名 * const 指针变量名;//必须在定义时初始化,指定其指向

 

1

void指针:指向空类型或不指向确定类型的数据,其为过渡型的

9、引用

相当于给一个变量起别名

在数据类型后面出现的&是引用声明符,在其他场合出现的都是地址符(出现在声明中的&是引用声明符,其他情况是地址运算符)

声明一个引用时,必须同时使之初始化,声明后不能再使之作为另一变量的引用

不能建立引用数组,不能建立引用的引用,不能建立引用的指针

引用机制主要是把它作为函数参数,以扩充函数传递数据的功能(传址方式)

10、用户自定义数据类型

结构体类型(structure)、共用体类型(union)、枚举类型(enumeration)、类类型(class)

10.1 结构体(struct)

结构体中在一个组合项中包含若干个类型不同(也可以相同)的数据项

10.1.1 结构体的声明、定义、初始化与引用

/*声明*/

struct 结构体类型名//声明

{成员表};//类型名 成员名

/*定义*/

struct Student

{/*...*/};

Student student1, student2;//先声明再定义变量

struct Student

{/*...*/}student1,student2;//声明(Student结构体)的同时定义变量(student1,student2)

/*初始化*/

struct Student

{/*...*/}student1 = {/*...*/};

struct Student

{/*...*/};

Student student2 = {/*...*/};

/*引用*/

student1 = student2;

student1.num = 10010;//结构体变量名.成员名("."是成员运算符, 优先级最高)

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

10.1.2 指向结构体变量的指针

/*以下三种形式等价*/

/*p为指向结构体变量的指针*/

/*结构体变量.成员名,eg:stu.num

(*p).成员名,eg:(*p).num

p->成员名(->为指向运算符),eg:p->num*/

p->n++;//得到成员n的值,用完后使它加1

++p->n;//得到成员n的值,并使之加1,然后再使用它

 

1

2

3

4

5

6

7

8

10.1.3 结构体类型数据作为函数参数

用结构体变量名作参数

用指向结构体的指针作参数,将结构体变量的地址传给形参

用结构体变量的引用作函数参数,成为实参的别名

10.1.4 new和delete运算符进行动态分配撤销存储空间

new 类型[初值]//new分配数组空间时不能指定初值

new int(100);//初值为100的整数空间,返回存储空间的地址

new char[10];

new int[5][4];

float *p = new float(3.14159);

delete 指针变量;

delete [] 指针变量;

 

1

2

3

4

5

6

7

8

10.2 枚举类型(enum)

一个变量只能有集中可能的值,可以定义为枚举类型

枚举类型按常量处理,成为枚举常量,编译系统按定义时的顺序对它们赋值为0,1,2,3…

enum 枚举类型名 {枚举常量表};

enum weekday{sun, mon, tue, wed, thu, fri, sat};//声明枚举类型

weekday workday, week_end;//定义变量

enum weekday workday, week_end;//C语言定义方式

enum weekday{sun, mon, tue, wed, thu, fri, sat}workday, week_end;//声明同时进行定义

workday = (weekday)2;//C语言强制类型转换

workday = weekday(2);//C++强制类型转换

 

1

2

3

4

5

6

7

10.3 声明新类型(typedef)

使用typedef声明一个新的类型名类代替已有的类型名

也可以对一个结构体类型声明一个新的名字

typedef int INTERGER;

typedef struct

{

int month;

int day;

int year;

}DATE;//DATE为新类型名,而不是结构体变量

typedef int NUM[100];//声明NUM为整型数组类型,包含100个元素

typedef char * STRING;//声明STRING为char * 类型

typedef int (* POINTER)();//声明POINTER为指向返回整型的函数的指针类型

 

1

2

3

4

5

6

7

8

9

10

.prism-atelier-sulphurpool-light .prism .namespace, .prism-atom-one-dark .prism .namespace, .prism-atom-one-light .prism .namespace, .prism-dracula .prism .namespace, .prism-github-gist .prism .namespace, .prism-kimbie-light .prism .namespace, .prism-tomorrow-night .prism .namespace, .prism-tomorrow-night-eighties .prism .namespace, .token.pre.gfm .namespace { opacity: 0.7 }

.app--dark .mermaid .loopLine, .app--dark .mermaid .messageLine0, .mermaid .loopLine, .mermaid .messageLine0 { marker-end: "url("https://csdnimg.cn/release/phoenix/mdeditor/#arrowhead")" }

.markdown_views, .markdown_views blockquote { }

.markdown_views pre>code.hljs { background-color: rgba(246, 248, 250, 1) }

.markdown_views .hljs { display: block; padding: 8px }

.markdown_views .hljs-comment, .markdown_views .hljs-comment *, .markdown_views .hljs-javadoc, .markdown_views .hljs-template_comment { color: rgba(136, 0, 0, 1) !important }

.markdown_views .clojure .hljs-built_in, .markdown_views .hljs-keyword, .markdown_views .hljs-list .hljs-title, .markdown_views .hljs-request, .markdown_views .hljs-status, .markdown_views .hljs-tag .hljs-title, .markdown_views .hljs-winutils, .markdown_views .http .hljs-title, .markdown_views .method, .markdown_views .nginx .hljs-title, .markdown_views .setting .hljs-value, .markdown_views .tex .hljs-command { color: rgba(0, 0, 136, 1) !important }

.markdown_views .hljs-envvar { color: rgba(102, 102, 0, 1) !important }

.markdown_views .hljs-attr_selector, .markdown_views .hljs-cdata, .markdown_views .hljs-date, .markdown_views .hljs-filter .hljs-argument, .markdown_views .hljs-regexp { color: rgba(0, 136, 0, 1) !important }

.markdown_views .clojure .hljs-attribute, .markdown_views .css .hljs-function, .markdown_views .css .hljs-value .hljs-number, .markdown_views .hljs-decorator, .markdown_views .hljs-hexcolor, .markdown_views .hljs-literal, .markdown_views .hljs-number, .markdown_views .hljs-pi, .markdown_views .hljs-prompt, .markdown_views .hljs-shebang, .markdown_views .hljs-sub .hljs-identifier, .markdown_views .hljs-symbol, .markdown_views .hljs-tag, .markdown_views .hljs-tag .hljs-keyword, .markdown_views .ini .hljs-title { color: rgba(0, 102, 102, 1) !important }

.markdown_views .clojure .hljs-title, .markdown_views .haskell .hljs-type, .markdown_views .hljs-built_in, .markdown_views .hljs-class .hljs-id, .markdown_views .hljs-class .hljs-title, .markdown_views .hljs-doctype, .markdown_views .hljs-javadoctag, .markdown_views .hljs-params, .markdown_views .hljs-phpdoc, .markdown_views .hljs-tag .hljs-attribute, .markdown_views .hljs-typename, .markdown_views .hljs-variable, .markdown_views .hljs-yardoctag, .markdown_views .setting { color: rgba(79, 79, 79, 1) !important }

.markdown_views .css .hljs-tag, .markdown_views .hljs-pseudo, .markdown_views .hljs-rules .hljs-property { color: rgba(0, 0, 0, 1) !important }

.markdown_views .css .hljs-class, .markdown_views .css .hljs-id { color: rgba(155, 112, 63, 1) !important }

.markdown_views .hljs-value .hljs-important { color: rgba(255, 119, 0, 1) !important; font-weight: 700 }

.markdown_views .hljs-rules .hljs-keyword { color: rgba(197, 175, 117, 1) !important }

.markdown_views .apache .hljs-sqbracket, .markdown_views .hljs-annotation, .markdown_views .nginx .hljs-built_in { color: rgba(155, 133, 157, 1) !important }

.markdown_views .tex .hljs-formula { background-color: rgba(238, 238, 238, 1) !important; font-style: italic }

.markdown_views .diff .hljs-header, .markdown_views .hljs-chunk { color: rgba(128, 128, 128, 1) !important; font-weight: 700 }

.markdown_views .diff .hljs-change { background-color: rgba(188, 207, 249, 1) !important }

.markdown_views .hljs-addition { background-color: rgba(186, 238, 186, 1) !important }

.markdown_views .hljs-deletion { background-color: rgba(255, 200, 189, 1) !important }

.markdown_views .hljs-comment .hljs-yardoctag { font-weight: 700 }

.markdown_views .apache .hljs-cbracket, .markdown_views .apache .hljs-tag, .markdown_views .asciidoc .hljs-header, .markdown_views .bash .hljs-variable, .markdown_views .coffeescript .hljs-attribute, .markdown_views .django .hljs-variable, .markdown_views .erlang_repl .hljs-function_or_atom, .markdown_views .haml .hljs-symbol, .markdown_views .hljs-addition, .markdown_views .hljs-aggregate, .markdown_views .hljs-constant, .markdown_views .hljs-flow, .markdown_views .hljs-parent, .markdown_views .hljs-pragma, .markdown_views .hljs-preprocessor, .markdown_views .hljs-preprocessor *, .markdown_views .hljs-rules .hljs-value, .markdown_views .hljs-rules .hljs-value .hljs-number, .markdown_views .hljs-stream, .markdown_views .hljs-string, .markdown_views .hljs-tag .hljs-value, .markdown_views .hljs-template_tag, .markdown_views .hljs-title, .markdown_views .markdown .hljs-header, .markdown_views .ruby .hljs-symbol, .markdown_views .ruby .hljs-symbol .hljs-string, .markdown_views .smalltalk .hljs-class, .markdown_views .tex .hljs-command, .markdown_views .tex .hljs-special { color: rgba(0, 153, 0, 1) !important }

.markdown_views .clojure .hljs-built_in, .markdown_views .hljs, .markdown_views .hljs-subst, .markdown_views .hljs-tag .hljs-title, .markdown_views .lisp .hljs-title, .markdown_views .nginx .hljs-title { color: rgba(79, 79, 79, 1) !important }

.markdown_views .apache .hljs-cbracket, .markdown_views .apache .hljs-tag, .markdown_views .asciidoc .hljs-header, .markdown_views .bash .hljs-variable, .markdown_views .coffeescript .hljs-attribute, .markdown_views .django .hljs-variable, .markdown_views .erlang_repl .hljs-function_or_atom, .markdown_views .haml .hljs-symbol, .markdown_views .hljs-addition, .markdown_views .hljs-aggregate, .markdown_views .hljs-constant, .markdown_views .hljs-flow, .markdown_views .hljs-parent, .markdown_views .hljs-pragma, .markdown_views .hljs-preprocessor, .markdown_views .hljs-rules .hljs-value, .markdown_views .hljs-rules .hljs-value .hljs-number, .markdown_views .hljs-stream, .markdown_views .hljs-string, .markdown_views .hljs-tag .hljs-value, .markdown_views .hljs-template_tag, .markdown_views .hljs-title, .markdown_views .markdown .hljs-header, .markdown_views .ruby .hljs-symbol, .markdown_views .ruby .hljs-symbol .hljs-string, .markdown_views .smalltalk .hljs-class, .markdown_views .tex .hljs-command, .markdown_views .tex .hljs-special { color: rgba(0, 153, 0, 1) !important }

.markdown_views .flow-chart [fill="#000"], .markdown_views .flow-chart [fill="#000000"], .markdown_views .flow-chart [fill="black"], .markdown_views .sequence-diagram [fill="#000"], .markdown_views .sequence-diagram [fill="#000000"], .markdown_views .sequence-diagram [fill="black"] { fill: rgba(79, 79, 79, 1) }

.markdown_views pre code { display: block; font-size: 14px; line-height: 22px; overflow-x: auto; padding: 0 !important; white-space: pre; word-wrap: normal; background-color: rgba(246, 248, 250, 1); border-radius: 4px }

@media screen and (-webkit-min-device-pixel-ratio: 0) { .markdown_views pre code { min-width: 94% } }

.markdown_views .prettyprint, .markdown_views pre.prettyprint { margin: 0 0 24px; padding: 8px 16px 6px 56px; background-color: rgba(246, 248, 250, 1); border: none }

.prettyprint { position: relative; overflow-y: hidden; overflow-x: auto }

.markdown_views .prettyprint .pre-numbering { position: absolute; width: 48px; background-color: rgba(238, 240, 244, 1); top: 0; left: 0; margin: 0; padding: 8px 0; list-style: none; text-align: right }

.markdown_views .pre-numbering li { padding: 0 8px; list-style: none; margin: 0 }

.markdown_views.prism-atom-one-dark pre code { background-color: rgba(40, 44, 52, 1); color: rgba(171, 178, 191, 1) }

.markdown_views.prism-atom-one-dark pre code.hljs * { color: rgba(171, 178, 191, 1) }

.markdown_views.prism-atom-one-dark .prettyprint, .markdown_views.prism-atom-one-dark .prettyprint .pre-numbering, .markdown_views.prism-atom-one-dark pre.prettyprint { background-color: rgba(40, 44, 52, 1) }

.markdown_views.prism-atom-one-dark .pre-numbering li { color: rgba(171, 178, 191, 1) !important; border-right: 1px solid rgba(197, 197, 197, 1) }

.markdown_views.prism-atom-one-light .prettyprint, .markdown_views.prism-atom-one-light .prettyprint .pre-numbering, .markdown_views.prism-atom-one-light pre code, .markdown_views.prism-atom-one-light pre.prettyprint { background-color: rgba(250, 250, 250, 1) }

.markdown_views.prism-atom-one-light .pre-numbering li { color: rgba(56, 58, 66, 1) !important; border-right: 1px solid rgba(197, 197, 197, 1) }

.markdown_views.prism-tomorrow-night pre code { background-color: rgba(29, 31, 33, 1); color: rgba(197, 200, 198, 1) }

.markdown_views.prism-tomorrow-night pre code.hljs * { color: rgba(197, 200, 198, 1) }

.markdown_views.prism-tomorrow-night .prettyprint, .markdown_views.prism-tomorrow-night .prettyprint .pre-numbering, .markdown_views.prism-tomorrow-night pre.prettyprint { background-color: rgba(29, 31, 33, 1) }

.markdown_views.prism-tomorrow-night .pre-numbering li { color: rgba(197, 200, 198, 1) !important; border-right: 1px solid rgba(197, 197, 197, 1) }

.markdown_views.prism-dracula pre code { background-color: rgba(40, 42, 54, 1); color: rgba(248, 248, 242, 1) }

.markdown_views.prism-dracula pre code.hljs * { color: rgba(248, 248, 242, 1) }

.markdown_views.prism-dracula .prettyprint, .markdown_views.prism-dracula .prettyprint .pre-numbering, .markdown_views.prism-dracula pre.prettyprint { background-color: rgba(40, 42, 54, 1) }

.markdown_views.prism-dracula .pre-numbering li { color: rgba(248, 248, 242, 1) !important; border-right: 1px solid rgba(197, 197, 197, 1) }

.markdown_views.prism-github-gist .prettyprint, .markdown_views.prism-github-gist .prettyprint .pre-numbering, .markdown_views.prism-github-gist pre code, .markdown_views.prism-github-gist pre.prettyprint { background-color: rgba(243, 244, 245, 1) }

.markdown_views.prism-github-gist .pre-numbering li { color: rgba(94, 102, 135, 1) !important; border-right: 1px solid rgba(197, 197, 197, 1) }

.markdown_views.prism-kimbie-light .prettyprint, .markdown_views.prism-kimbie-light .prettyprint .pre-numbering, .markdown_views.prism-kimbie-light pre code, .markdown_views.prism-kimbie-light pre.prettyprint { background-color: rgba(251, 235, 212, 1) }

.markdown_views.prism-kimbie-light .pre-numbering li { color: rgba(132, 97, 61, 1) !important; border-right: 1px solid rgba(197, 197, 197, 1) }

.markdown_views.prism-tomorrow-night-eighties pre code { background-color: rgba(45, 45, 45, 1); color: rgba(204, 204, 204, 1) }

.markdown_views.prism-tomorrow-night-eighties pre code.hljs * { color: rgba(204, 204, 204, 1) }

.markdown_views.prism-tomorrow-night-eighties .prettyprint, .markdown_views.prism-tomorrow-night-eighties .prettyprint .pre-numbering, .markdown_views.prism-tomorrow-night-eighties pre.prettyprint { background-color: rgba(45, 45, 45, 1) }

.markdown_views.prism-tomorrow-night-eighties .pre-numbering li { color: rgba(204, 204, 204, 1) !important; border-right: 1px solid rgba(197, 197, 197, 1) }

.markdown_views.prism-atelier-sulphurpool-light .prettyprint, .markdown_views.prism-atelier-sulphurpool-light .prettyprint .pre-numbering, .markdown_views.prism-atelier-sulphurpool-light pre code, .markdown_views.prism-atelier-sulphurpool-light pre.prettyprint { background-color: rgba(245, 247, 255, 1) }

.markdown_views.prism-atelier-sulphurpool-light .pre-numbering li { color: rgba(94, 102, 135, 1) !important; border-right: 1px solid rgba(197, 197, 197, 1) }

.markdown_views .prism .token.comment { font-family: "Source Code Pro", "DejaVu Sans Mono", "Ubuntu Mono", "Anonymous Pro", "Droid Sans Mono", Menlo, Monaco, Consolas, Inconsolata, Courier, "PingFang SC", "Microsoft YaHei", sans-serif !important }

.katex { font: 400 1.21em / 1.2 KaTeX_Main, Times New Roman, serif; text-indent: 0; text-rendering: auto }

.katex .mathit, .katex .textit { font-style: italic }

.katex * { -ms-high-contrast-adjust: none !important }

.katex .katex-version:after { content: "0.10.2" }

.katex .katex-mathml { position: absolute; clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden }

.katex .katex-html>.newline { display: block }

.katex .base { position: relative; white-space: nowrap; width: min-content }

.katex .base, .katex .strut { display: inline-block }

.katex .textbf { font-weight: 700 }

.katex .textrm { font-family: KaTeX_Main }

.katex .textsf { font-family: KaTeX_SansSerif }

.katex .texttt { font-family: KaTeX_Typewriter }

.katex .mathdefault { font-family: KaTeX_Math; font-style: italic }

.katex .mathit { font-family: KaTeX_Main }

.katex .mathrm { font-style: normal }

.katex .mathbf { font-family: KaTeX_Main; font-weight: 700 }

.katex .boldsymbol { font-family: KaTeX_Math; font-weight: 700; font-style: italic }

.katex .amsrm, .katex .mathbb, .katex .textbb { font-family: KaTeX_AMS }

.katex .mathcal { font-family: KaTeX_Caligraphic }

.katex .mathfrak, .katex .textfrak { font-family: KaTeX_Fraktur }

.katex .mathtt { font-family: KaTeX_Typewriter }

.katex .mathscr, .katex .textscr { font-family: KaTeX_Script }

.katex .mathsf, .katex .textsf { font-family: KaTeX_SansSerif }

.katex .mathboldsf, .katex .textboldsf { font-family: KaTeX_SansSerif; font-weight: 700 }

.katex .mathitsf, .katex .textitsf { font-family: KaTeX_SansSerif; font-style: italic }

.katex .mainrm { font-family: KaTeX_Main; font-style: normal }

.katex .vlist-t { display: inline-table; table-layout: fixed }

.katex .vlist-r { display: table-row }

.katex .vlist { display: table-cell; vertical-align: bottom; position: relative }

.katex .vlist>span { display: block; height: 0; position: relative }

.katex .vlist>span>span { display: inline-block }

.katex .vlist>span>.pstrut { overflow: hidden; width: 0 }

.katex .vlist-t2 { margin-right: -2px }

.katex .vlist-s { display: table-cell; vertical-align: bottom; font-size: 1px; width: 2px; min-width: 2px }

.katex .clap>.fix, .katex .fontsize-ensurer, .katex .hdashline, .katex .llap>.fix, .katex .mfrac .frac-line, .katex .mspace, .katex .nulldelimiter, .katex .rlap>.fix, .katex .rule, .katex .sizing { display: inline-block }

progress, sub, sup { vertical-align: baseline }

.katex .msupsub { text-align: left }

.katex .accent>.vlist-t, .katex .mfrac>span>span, .katex .mtable .col-align-c>.vlist-t, .katex .op-limits>.vlist-t { text-align: center }

.katex .mfrac .frac-line { width: 100%; border-bottom-style: solid }

.katex .hdashline, .katex .hline, .katex .mfrac .frac-line, .katex .overline .overline-line, .katex .rule, .katex .underline .underline-line { min-height: 1px }

.katex .clap, .katex .llap, .katex .rlap { width: 0; position: relative }

.katex .clap>.inner, .katex .llap>.inner, .katex .rlap>.inner { position: absolute }

.katex .accent .accent-body, .katex .delimcenter, .katex .op-symbol, .katex .rule { position: relative }

.katex .llap>.inner { right: 0 }

.katex .clap>.inner, .katex .rlap>.inner { left: 0 }

.katex .clap>.inner>span { margin-left: -50%; margin-right: 50% }

.katex .rule { border: 0 solid }

.katex .hline, .katex .overline .overline-line, .katex .underline .underline-line { display: inline-block; width: 100%; border-bottom-style: solid }

.katex .hdashline { width: 100%; border-bottom-style: dashed }

.katex .sqrt>.root { margin-left: 0.27777778em; margin-right: -0.55555556em }

.katex .fontsize-ensurer.reset-size1.size1, .katex .sizing.reset-size1.size1 { font-size: 1em }

.katex .fontsize-ensurer.reset-size1.size2, .katex .sizing.reset-size1.size2 { font-size: 1.2em }

.katex .fontsize-ensurer.reset-size1.size3, .katex .sizing.reset-size1.size3 { font-size: 1.4em }

.katex .fontsize-ensurer.reset-size1.size4, .katex .sizing.reset-size1.size4 { font-size: 1.6em }

.katex .fontsize-ensurer.reset-size1.size5, .katex .sizing.reset-size1.size5 { font-size: 1.8em }

.katex .fontsize-ensurer.reset-size1.size6, .katex .sizing.reset-size1.size6 { font-size: 2em }

.katex .fontsize-ensurer.reset-size1.size7, .katex .sizing.reset-size1.size7 { font-size: 2.4em }

.katex .fontsize-ensurer.reset-size1.size8, .katex .sizing.reset-size1.size8 { font-size: 2.88em }

.katex .fontsize-ensurer.reset-size1.size9, .katex .sizing.reset-size1.size9 { font-size: 3.456em }

.katex .fontsize-ensurer.reset-size1.size10, .katex .sizing.reset-size1.size10 { font-size: 4.148em }

.katex .fontsize-ensurer.reset-size1.size11, .katex .sizing.reset-size1.size11 { font-size: 4.976em }

.katex .fontsize-ensurer.reset-size2.size1, .katex .sizing.reset-size2.size1 { font-size: 0.83333333em }

.katex .fontsize-ensurer.reset-size2.size2, .katex .sizing.reset-size2.size2 { font-size: 1em }

.katex .fontsize-ensurer.reset-size2.size3, .katex .sizing.reset-size2.size3 { font-size: 1.16666667em }

.katex .fontsize-ensurer.reset-size2.size4, .katex .sizing.reset-size2.size4 { font-size: 1.33333333em }

.katex .fontsize-ensurer.reset-size2.size5, .katex .sizing.reset-size2.size5 { font-size: 1.5em }

.katex .fontsize-ensurer.reset-size2.size6, .katex .sizing.reset-size2.size6 { font-size: 1.66666667em }

.katex .fontsize-ensurer.reset-size2.size7, .katex .sizing.reset-size2.size7 { font-size: 2em }

.katex .fontsize-ensurer.reset-size2.size8, .katex .sizing.reset-size2.size8 { font-size: 2.4em }

.katex .fontsize-ensurer.reset-size2.size9, .katex .sizing.reset-size2.size9 { font-size: 2.88em }

.katex .fontsize-ensurer.reset-size2.size10, .katex .sizing.reset-size2.size10 { font-size: 3.45666667em }

.katex .fontsize-ensurer.reset-size2.size11, .katex .sizing.reset-size2.size11 { font-size: 4.14666667em }

.katex .fontsize-ensurer.reset-size3.size1, .katex .sizing.reset-size3.size1 { font-size: 0.71428571em }

.katex .fontsize-ensurer.reset-size3.size2, .katex .sizing.reset-size3.size2 { font-size: 0.85714286em }

.katex .fontsize-ensurer.reset-size3.size3, .katex .sizing.reset-size3.size3 { font-size: 1em }

.katex .fontsize-ensurer.reset-size3.size4, .katex .sizing.reset-size3.size4 { font-size: 1.14285714em }

.katex .fontsize-ensurer.reset-size3.size5, .katex .sizing.reset-size3.size5 { font-size: 1.28571429em }

.katex .fontsize-ensurer.reset-size3.size6, .katex .sizing.reset-size3.size6 { font-size: 1.42857143em }

.katex .fontsize-ensurer.reset-size3.size7, .katex .sizing.reset-size3.size7 { font-size: 1.71428571em }

.katex .fontsize-ensurer.reset-size3.size8, .katex .sizing.reset-size3.size8 { font-size: 2.05714286em }

.katex .fontsize-ensurer.reset-size3.size9, .katex .sizing.reset-size3.size9 { font-size: 2.46857143em }

.katex .fontsize-ensurer.reset-size3.size10, .katex .sizing.reset-size3.size10 { font-size: 2.96285714em }

.katex .fontsize-ensurer.reset-size3.size11, .katex .sizing.reset-size3.size11 { font-size: 3.55428571em }

.katex .fontsize-ensurer.reset-size4.size1, .katex .sizing.reset-size4.size1 { font-size: 0.625em }

.katex .fontsize-ensurer.reset-size4.size2, .katex .sizing.reset-size4.size2 { font-size: 0.75em }

.katex .fontsize-ensurer.reset-size4.size3, .katex .sizing.reset-size4.size3 { font-size: 0.875em }

.katex .fontsize-ensurer.reset-size4.size4, .katex .sizing.reset-size4.size4 { font-size: 1em }

.katex .fontsize-ensurer.reset-size4.size5, .katex .sizing.reset-size4.size5 { font-size: 1.125em }

.katex .fontsize-ensurer.reset-size4.size6, .katex .sizing.reset-size4.size6 { font-size: 1.25em }

.katex .fontsize-ensurer.reset-size4.size7, .katex .sizing.reset-size4.size7 { font-size: 1.5em }

.katex .fontsize-ensurer.reset-size4.size8, .katex .sizing.reset-size4.size8 { font-size: 1.8em }

.katex .fontsize-ensurer.reset-size4.size9, .katex .sizing.reset-size4.size9 { font-size: 2.16em }

.katex .fontsize-ensurer.reset-size4.size10, .katex .sizing.reset-size4.size10 { font-size: 2.5925em }

.katex .fontsize-ensurer.reset-size4.size11, .katex .sizing.reset-size4.size11 { font-size: 3.11em }

.katex .fontsize-ensurer.reset-size5.size1, .katex .sizing.reset-size5.size1 { font-size: 0.55555556em }

.katex .fontsize-ensurer.reset-size5.size2, .katex .sizing.reset-size5.size2 { font-size: 0.66666667em }

.katex .fontsize-ensurer.reset-size5.size3, .katex .sizing.reset-size5.size3 { font-size: 0.77777778em }

.katex .fontsize-ensurer.reset-size5.size4, .katex .sizing.reset-size5.size4 { font-size: 0.88888889em }

.katex .fontsize-ensurer.reset-size5.size5, .katex .sizing.reset-size5.size5 { font-size: 1em }

.katex .fontsize-ensurer.reset-size5.size6, .katex .sizing.reset-size5.size6 { font-size: 1.11111111em }

.katex .fontsize-ensurer.reset-size5.size7, .katex .sizing.reset-size5.size7 { font-size: 1.33333333em }

.katex .fontsize-ensurer.reset-size5.size8, .katex .sizing.reset-size5.size8 { font-size: 1.6em }

.katex .fontsize-ensurer.reset-size5.size9, .katex .sizing.reset-size5.size9 { font-size: 1.92em }

.katex .fontsize-ensurer.reset-size5.size10, .katex .sizing.reset-size5.size10 { font-size: 2.30444444em }

.katex .fontsize-ensurer.reset-size5.size11, .katex .sizing.reset-size5.size11 { font-size: 2.76444444em }

.katex .fontsize-ensurer.reset-size6.size1, .katex .sizing.reset-size6.size1 { font-size: 0.5em }

.katex .fontsize-ensurer.reset-size6.size2, .katex .sizing.reset-size6.size2 { font-size: 0.6em }

.katex .fontsize-ensurer.reset-size6.size3, .katex .sizing.reset-size6.size3 { font-size: 0.7em }

.katex .fontsize-ensurer.reset-size6.size4, .katex .sizing.reset-size6.size4 { font-size: 0.8em }

.katex .fontsize-ensurer.reset-size6.size5, .katex .sizing.reset-size6.size5 { font-size: 0.9em }

.katex .fontsize-ensurer.reset-size6.size6, .katex .sizing.reset-size6.size6 { font-size: 1em }

.katex .fontsize-ensurer.reset-size6.size7, .katex .sizing.reset-size6.size7 { font-size: 1.2em }

.katex .fontsize-ensurer.reset-size6.size8, .katex .sizing.reset-size6.size8 { font-size: 1.44em }

.katex .fontsize-ensurer.reset-size6.size9, .katex .sizing.reset-size6.size9 { font-size: 1.728em }

.katex .fontsize-ensurer.reset-size6.size10, .katex .sizing.reset-size6.size10 { font-size: 2.074em }

.katex .fontsize-ensurer.reset-size6.size11, .katex .sizing.reset-size6.size11 { font-size: 2.488em }

.katex .fontsize-ensurer.reset-size7.size1, .katex .sizing.reset-size7.size1 { font-size: 0.41666667em }

.katex .fontsize-ensurer.reset-size7.size2, .katex .sizing.reset-size7.size2 { font-size: 0.5em }

.katex .fontsize-ensurer.reset-size7.size3, .katex .sizing.reset-size7.size3 { font-size: 0.58333333em }

.katex .fontsize-ensurer.reset-size7.size4, .katex .sizing.reset-size7.size4 { font-size: 0.66666667em }

.katex .fontsize-ensurer.reset-size7.size5, .katex .sizing.reset-size7.size5 { font-size: 0.75em }

.katex .fontsize-ensurer.reset-size7.size6, .katex .sizing.reset-size7.size6 { font-size: 0.83333333em }

.katex .fontsize-ensurer.reset-size7.size7, .katex .sizing.reset-size7.size7 { font-size: 1em }

.katex .fontsize-ensurer.reset-size7.size8, .katex .sizing.reset-size7.size8 { font-size: 1.2em }

.katex .fontsize-ensurer.reset-size7.size9, .katex .sizing.reset-size7.size9 { font-size: 1.44em }

.katex .fontsize-ensurer.reset-size7.size10, .katex .sizing.reset-size7.size10 { font-size: 1.72833333em }

.katex .fontsize-ensurer.reset-size7.size11, .katex .sizing.reset-size7.size11 { font-size: 2.07333333em }

.katex .fontsize-ensurer.reset-size8.size1, .katex .sizing.reset-size8.size1 { font-size: 0.34722222em }

.katex .fontsize-ensurer.reset-size8.size2, .katex .sizing.reset-size8.size2 { font-size: 0.41666667em }

.katex .fontsize-ensurer.reset-size8.size3, .katex .sizing.reset-size8.size3 { font-size: 0.48611111em }

.katex .fontsize-ensurer.reset-size8.size4, .katex .sizing.reset-size8.size4 { font-size: 0.55555556em }

.katex .fontsize-ensurer.reset-size8.size5, .katex .sizing.reset-size8.size5 { font-size: 0.625em }

.katex .fontsize-ensurer.reset-size8.size6, .katex .sizing.reset-size8.size6 { font-size: 0.69444444em }

.katex .fontsize-ensurer.reset-size8.size7, .katex .sizing.reset-size8.size7 { font-size: 0.83333333em }

.katex .fontsize-ensurer.reset-size8.size8, .katex .sizing.reset-size8.size8 { font-size: 1em }

.katex .fontsize-ensurer.reset-size8.size9, .katex .sizing.reset-size8.size9 { font-size: 1.2em }

.katex .fontsize-ensurer.reset-size8.size10, .katex .sizing.reset-size8.size10 { font-size: 1.44027778em }

.katex .fontsize-ensurer.reset-size8.size11, .katex .sizing.reset-size8.size11 { font-size: 1.72777778em }

.katex .fontsize-ensurer.reset-size9.size1, .katex .sizing.reset-size9.size1 { font-size: 0.28935185em }

.katex .fontsize-ensurer.reset-size9.size2, .katex .sizing.reset-size9.size2 { font-size: 0.34722222em }

.katex .fontsize-ensurer.reset-size9.size3, .katex .sizing.reset-size9.size3 { font-size: 0.40509259em }

.katex .fontsize-ensurer.reset-size9.size4, .katex .sizing.reset-size9.size4 { font-size: 0.46296296em }

.katex .fontsize-ensurer.reset-size9.size5, .katex .sizing.reset-size9.size5 { font-size: 0.52083333em }

.katex .fontsize-ensurer.reset-size9.size6, .katex .sizing.reset-size9.size6 { font-size: 0.5787037em }

.katex .fontsize-ensurer.reset-size9.size7, .katex .sizing.reset-size9.size7 { font-size: 0.69444444em }

.katex .fontsize-ensurer.reset-size9.size8, .katex .sizing.reset-size9.size8 { font-size: 0.83333333em }

.katex .fontsize-ensurer.reset-size9.size9, .katex .sizing.reset-size9.size9 { font-size: 1em }

.katex .fontsize-ensurer.reset-size9.size10, .katex .sizing.reset-size9.size10 { font-size: 1.20023148em }

.katex .fontsize-ensurer.reset-size9.size11, .katex .sizing.reset-size9.size11 { font-size: 1.43981481em }

.katex .fontsize-ensurer.reset-size10.size1, .katex .sizing.reset-size10.size1 { font-size: 0.24108004em }

.katex .fontsize-ensurer.reset-size10.size2, .katex .sizing.reset-size10.size2 { font-size: 0.28929605em }

.katex .fontsize-ensurer.reset-size10.size3, .katex .sizing.reset-size10.size3 { font-size: 0.33751205em }

.katex .fontsize-ensurer.reset-size10.size4, .katex .sizing.reset-size10.size4 { font-size: 0.38572806em }

.katex .fontsize-ensurer.reset-size10.size5, .katex .sizing.reset-size10.size5 { font-size: 0.43394407em }

.katex .fontsize-ensurer.reset-size10.size6, .katex .sizing.reset-size10.size6 { font-size: 0.48216008em }

.katex .fontsize-ensurer.reset-size10.size7, .katex .sizing.reset-size10.size7 { font-size: 0.57859209em }

.katex .fontsize-ensurer.reset-size10.size8, .katex .sizing.reset-size10.size8 { font-size: 0.69431051em }

.katex .fontsize-ensurer.reset-size10.size9, .katex .sizing.reset-size10.size9 { font-size: 0.83317261em }

.katex .fontsize-ensurer.reset-size10.size10, .katex .sizing.reset-size10.size10 { font-size: 1em }

.katex .fontsize-ensurer.reset-size10.size11, .katex .sizing.reset-size10.size11 { font-size: 1.19961427em }

.katex .fontsize-ensurer.reset-size11.size1, .katex .sizing.reset-size11.size1 { font-size: 0.20096463em }

.katex .fontsize-ensurer.reset-size11.size2, .katex .sizing.reset-size11.size2 { font-size: 0.24115756em }

.katex .fontsize-ensurer.reset-size11.size3, .katex .sizing.reset-size11.size3 { font-size: 0.28135048em }

.katex .fontsize-ensurer.reset-size11.size4, .katex .sizing.reset-size11.size4 { font-size: 0.32154341em }

.katex .fontsize-ensurer.reset-size11.size5, .katex .sizing.reset-size11.size5 { font-size: 0.36173633em }

.katex .fontsize-ensurer.reset-size11.size6, .katex .sizing.reset-size11.size6 { font-size: 0.40192926em }

.katex .fontsize-ensurer.reset-size11.size7, .katex .sizing.reset-size11.size7 { font-size: 0.48231511em }

.katex .fontsize-ensurer.reset-size11.size8, .katex .sizing.reset-size11.size8 { font-size: 0.57877814em }

.katex .fontsize-ensurer.reset-size11.size9, .katex .sizing.reset-size11.size9 { font-size: 0.69453376em }

.katex .fontsize-ensurer.reset-size11.size10, .katex .sizing.reset-size11.size10 { font-size: 0.83360129em }

.katex .fontsize-ensurer.reset-size11.size11, .katex .sizing.reset-size11.size11 { font-size: 1em }

.katex .delimsizing.size1 { font-family: KaTeX_Size1 }

.katex .delimsizing.size2 { font-family: KaTeX_Size2 }

.katex .delimsizing.size3 { font-family: KaTeX_Size3 }

.katex .delimsizing.size4 { font-family: KaTeX_Size4 }

.katex .delimsizing.mult .delim-size1>span { font-family: KaTeX_Size1 }

.katex .delimsizing.mult .delim-size4>span { font-family: KaTeX_Size4 }

.katex .nulldelimiter { width: 0.12em }

.katex .op-symbol.small-op { font-family: KaTeX_Size1 }

.katex .op-symbol.large-op { font-family: KaTeX_Size2 }

.katex .accent .accent-body:not(.accent-full) { width: 0 }

.katex .overlay { display: block }

.katex .mtable .vertical-separator { display: inline-block; margin: 0 -0.025em; border-right: 0.05em solid; min-width: 1px }

.katex .mtable .vs-dashed { border-right: 0.05em dashed }

.katex .mtable .arraycolsep { display: inline-block }

.katex .mtable .col-align-l>.vlist-t { text-align: left }

.katex .mtable .col-align-r>.vlist-t { text-align: right }

.katex .svg-align { text-align: left }

.katex .mover, .katex .munder, .katex .x-arrow, .katex-display { text-align: center }

.katex svg { display: block; position: absolute; width: 100%; height: inherit; fill: currentColor; stroke: currentColor; fill-rule: nonzero; fill-opacity: 1; stroke-width: 1; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0; stroke-opacity: 1 }

.katex svg path { stroke: none }

.katex img { border-style: none; min-width: 0; min-height: 0; max-width: none; max-height: none }

.katex .stretchy { width: 100%; display: block; position: relative; overflow: hidden }

.katex .stretchy:after, .katex .stretchy:before { content: "" }

.katex .hide-tail { width: 100%; position: relative; overflow: hidden }

.katex .brace-center, .katex .brace-left, .katex .brace-right, .katex .halfarrow-left, .katex .halfarrow-right { position: absolute; overflow: hidden }

.katex .halfarrow-left { left: 0; width: 50.2% }

.katex .halfarrow-right { right: 0; width: 50.2% }

.katex .brace-left { left: 0; width: 25.1% }

.katex .brace-center { left: 25%; width: 50% }

.katex .brace-right { right: 0; width: 25.1% }

button, hr, input { overflow: visible }

.katex .x-arrow-pad { padding: 0 0.5em }

.katex .boxpad { padding: 0 0.3em }

.katex .fbox, .katex .fcolorbox { box-sizing: border-box; border: 0.04em solid }

.katex .cancel-pad { padding: 0 0.2em }

.katex .cancel-lap { margin-left: -0.2em; margin-right: -0.2em }

.katex .sout { border-bottom-style: solid; border-bottom-width: 0.08em }

.katex-display { display: block; margin: 1em 0 }

.katex-display>.katex { display: block; text-align: center; white-space: nowrap }

.katex-display>.katex>.katex-html { display: block; position: relative }

.katex-display>.katex>.katex-html>.tag { position: absolute; right: 0 }

.katex-display.leqno>.katex>.katex-html>.tag { left: 0; right: auto }

.katex-display.fleqn>.katex { text-align: left }

span.katex, span.katex * { font-family: KaTeX_Main, Times New Roman, serif }

.token.pre.gfm * { font-weight: inherit !important; font-family: Source Code Pro, DejaVu Sans Mono, Ubuntu Mono, Anonymous Pro, Droid Sans Mono, Menlo, Monaco, Consolas, Inconsolata, Courier, monospace, PingFang SC, Microsoft YaHei, sans-serif }

.token.pre.gfm .token.cdata, .token.pre.gfm .token.comment, .token.pre.gfm .token.doctype, .token.pre.gfm .token.prolog { color: rgba(112, 128, 144, 1) }

.token.pre.gfm .token.punctuation { color: rgba(153, 153, 153, 1) }

.token.pre.gfm .token.boolean, .token.pre.gfm .token.constant, .token.pre.gfm .token.deleted, .token.pre.gfm .token.number, .token.pre.gfm .token.property, .token.pre.gfm .token.symbol, .token.pre.gfm .token.tag { color: rgba(153, 0, 85, 1) }

.token.pre.gfm .token.attr-name, .token.pre.gfm .token.builtin, .token.pre.gfm .token.char, .token.pre.gfm .token.inserted, .token.pre.gfm .token.selector, .token.pre.gfm .token.string { color: rgba(102, 153, 0, 1) }

.token.pre.gfm .language-css .token.string, .token.pre.gfm .style .token.string, .token.pre.gfm .token.entity, .token.pre.gfm .token.operator, .token.pre.gfm .token.url { color: rgba(166, 127, 89, 1) }

.token.pre.gfm .token.atrule, .token.pre.gfm .token.attr-value, .token.pre.gfm .token.keyword { color: rgba(0, 119, 170, 1) }

.token.pre.gfm .token.function { color: rgba(221, 74, 104, 1) }

.token.pre.gfm .token.important, .token.pre.gfm .token.regex, .token.pre.gfm .token.variable { color: rgba(238, 153, 0, 1) }

.token.pre.gfm .token.bold, .token.pre.gfm .token.important { font-weight: 500 }

.token.pre.gfm .token.italic { font-style: italic }

.prism-atom-one-light .prism * { font: 400 14px Source Code Pro, DejaVu Sans Mono, Ubuntu Mono, Anonymous Pro, Droid Sans Mono, Menlo, Monaco, Consolas, Inconsolata, Courier, monospace, PingFang SC, Microsoft YaHei, sans-serif !important }

.prism-atom-one-light .prism .token.cdata, .prism-atom-one-light .prism .token.comment, .prism-atom-one-light .prism .token.prolog { color: rgba(112, 128, 144, 1) }

.prism-atom-one-light .prism .token.doctype { color: rgba(64, 120, 242, 1) }

.prism-atom-one-light .prism .token.comment { font-style: italic !important }

.prism-atom-one-light .prism .token.punctuation { color: rgba(153, 153, 153, 1) }

.prism-atom-one-light .prism .token.constant, .prism-atom-one-light .prism .token.deleted, .prism-atom-one-light .prism .token.number, .prism-atom-one-light .prism .token.property, .prism-atom-one-light .prism .token.regex, .prism-atom-one-light .prism .token.symbol { color: rgba(152, 104, 1, 1) }

.prism-atom-one-light .prism .token.boolean { color: rgba(1, 132, 187, 1) }

.prism-atom-one-light .prism .token.tag { color: rgba(228, 86, 73, 1) }

.prism-atom-one-light .prism .token.attr-value, .prism-atom-one-light .prism .token.builtin, .prism-atom-one-light .prism .token.char, .prism-atom-one-light .prism .token.inserted, .prism-atom-one-light .prism .token.selector, .prism-atom-one-light .prism .token.string { color: rgba(80, 161, 79, 1) }

.prism-atom-one-light .prism .token.attr-name { color: rgba(152, 104, 1, 1) }

.prism-atom-one-light .prism .language-css .token.string, .prism-atom-one-light .prism .style .token.string, .prism-atom-one-light .prism .token.entity, .prism-atom-one-light .prism .token.operator, .prism-atom-one-light .prism .token.url { color: rgba(166, 127, 89, 1) }

.prism-atom-one-light .prism .token.atrule, .prism-atom-one-light .prism .token.keyword { color: rgba(0, 119, 170, 1) }

.prism-atom-one-light .prism .token.function { color: rgba(221, 74, 104, 1) }

.prism-atom-one-light .prism .token.important, .prism-atom-one-light .prism .token.variable { color: rgba(238, 153, 0, 1) }

.prism-atom-one-light .prism .token.bold, .prism-atom-one-light .prism .token.important { font-weight: 500 }

.prism-atom-one-light .prism .token.italic { font-style: italic }

.prism-atom-one-dark .prism { color: rgba(171, 178, 191, 1); background: rgba(40, 44, 52, 1) }

.prism-atom-one-dark .prism * { font: 400 14px Source Code Pro, DejaVu Sans Mono, Ubuntu Mono, Anonymous Pro, Droid Sans Mono, Menlo, Monaco, Consolas, Inconsolata, Courier, monospace, PingFang SC, Microsoft YaHei, sans-serif !important }

.prism-atom-one-dark .prism .token.cdata, .prism-atom-one-dark .prism .token.comment, .prism-atom-one-dark .prism .token.prolog { color: rgba(92, 99, 112, 1) }

.prism-atom-one-dark .prism .token.doctype { color: rgba(97, 174, 238, 1) }

.prism-atom-one-dark .prism .token.comment { font-style: italic !important }

.prism-atom-one-dark .prism .token.punctuation { color: rgba(153, 153, 153, 1) }

.prism-atom-one-dark .prism .token.constant, .prism-atom-one-dark .prism .token.deleted, .prism-atom-one-dark .prism .token.number, .prism-atom-one-dark .prism .token.property, .prism-atom-one-dark .prism .token.regex, .prism-atom-one-dark .prism .token.symbol { color: rgba(152, 195, 121, 1) }

.prism-atom-one-dark .prism .token.boolean { color: rgba(86, 182, 194, 1) }

.prism-atom-one-dark .prism .token.tag { color: rgba(224, 108, 117, 1) }

.prism-atom-one-dark .prism .token.attr-value, .prism-atom-one-dark .prism .token.builtin, .prism-atom-one-dark .prism .token.char, .prism-atom-one-dark .prism .token.inserted, .prism-atom-one-dark .prism .token.selector, .prism-atom-one-dark .prism .token.string { color: rgba(102, 153, 0, 1) }

.prism-atom-one-dark .prism .token.attr-name { color: rgba(209, 154, 102, 1) }

.prism-atom-one-dark .prism .language-css .token.string, .prism-atom-one-dark .prism .style .token.string, .prism-atom-one-dark .prism .token.entity, .prism-atom-one-dark .prism .token.operator, .prism-atom-one-dark .prism .token.url { color: rgba(102, 153, 0, 1) }

.prism-atom-one-dark .prism .token.atrule, .prism-atom-one-dark .prism .token.keyword { color: rgba(198, 120, 221, 1) }

.prism-atom-one-dark .prism .token.function { color: rgba(97, 174, 238, 1) }

.prism-atom-one-dark .prism .token.important, .prism-atom-one-dark .prism .token.variable { color: rgba(238, 153, 0, 1) }

.prism-atom-one-dark .prism .token.bold, .prism-atom-one-dark .prism .token.important { font-weight: 500 }

.prism-atom-one-dark .prism .token.italic { font-style: italic }

.prism-atom-one-dark .prism .tocken.class-name { color: rgba(230, 192, 123, 1) }

.prism-tomorrow-night .prism { background: rgba(29, 31, 33, 1); color: rgba(197, 200, 198, 1) }

.prism-tomorrow-night .prism * { font: 400 14px Source Code Pro, DejaVu Sans Mono, Ubuntu Mono, Anonymous Pro, Droid Sans Mono, Menlo, Monaco, Consolas, Inconsolata, Courier, monospace, PingFang SC, Microsoft YaHei, sans-serif !important }

.prism-tomorrow-night .prism .token.cdata, .prism-tomorrow-night .prism .token.comment, .prism-tomorrow-night .prism .token.prolog { color: rgba(150, 152, 150, 1) }

.prism-tomorrow-night .prism .token.doctype { color: rgba(222, 147, 95, 1) }

.prism-tomorrow-night .prism .token.comment { font-style: italic !important }

.prism-tomorrow-night .prism .token.punctuation { color: rgba(153, 153, 153, 1) }

.prism-tomorrow-night .prism .token.constant, .prism-tomorrow-night .prism .token.deleted, .prism-tomorrow-night .prism .token.number, .prism-tomorrow-night .prism .token.property, .prism-tomorrow-night .prism .token.regex, .prism-tomorrow-night .prism .token.symbol { color: rgba(181, 189, 104, 1) }

.prism-tomorrow-night .prism .token.boolean { color: rgba(222, 147, 95, 1) }

.prism-tomorrow-night .prism .token.tag { color: rgba(204, 102, 102, 1) }

.prism-tomorrow-night .prism .token.attr-value, .prism-tomorrow-night .prism .token.builtin, .prism-tomorrow-night .prism .token.char, .prism-tomorrow-night .prism .token.inserted, .prism-tomorrow-night .prism .token.selector, .prism-tomorrow-night .prism .token.string { color: rgba(181, 189, 104, 1) }

.prism-tomorrow-night .prism .token.attr-name { color: rgba(204, 102, 102, 1) }

.prism-tomorrow-night .prism .language-css .token.string, .prism-tomorrow-night .prism .style .token.string, .prism-tomorrow-night .prism .token.entity, .prism-tomorrow-night .prism .token.operator, .prism-tomorrow-night .prism .token.url { color: rgba(166, 127, 89, 1) }

.prism-tomorrow-night .prism .token.atrule, .prism-tomorrow-night .prism .token.keyword { color: rgba(178, 148, 187, 1) }

.prism-tomorrow-night .prism .token.function { color: rgba(129, 162, 190, 1) }

.prism-tomorrow-night .prism .token.important, .prism-tomorrow-night .prism .token.variable { color: rgba(204, 102, 102, 1) }

.prism-tomorrow-night .prism .token.bold, .prism-tomorrow-night .prism .token.important { font-weight: 500 }

.prism-tomorrow-night .prism .token.italic { font-style: italic }

.prism-dracula .prism { color: rgba(248, 248, 242, 1); background: rgba(40, 42, 54, 1) }

.prism-dracula .prism * { font: 400 14px Source Code Pro, DejaVu Sans Mono, Ubuntu Mono, Anonymous Pro, Droid Sans Mono, Menlo, Monaco, Consolas, Inconsolata, Courier, monospace, PingFang SC, Microsoft YaHei, sans-serif !important }

.prism-dracula .prism .token.cdata, .prism-dracula .prism .token.comment, .prism-dracula .prism .token.prolog { color: rgba(98, 114, 164, 1) }

.prism-dracula .prism .token.doctype { color: rgba(241, 250, 140, 1) }

.prism-dracula .prism .token.comment { font-style: italic !important }

.prism-dracula .prism .token.punctuation { color: rgba(153, 153, 153, 1) }

.prism-dracula .prism .token.constant, .prism-dracula .prism .token.deleted, .prism-dracula .prism .token.number, .prism-dracula .prism .token.property, .prism-dracula .prism .token.regex, .prism-dracula .prism .token.symbol { color: rgba(241, 250, 140, 1) }

.prism-dracula .prism .token.boolean { color: rgba(139, 233, 253, 1) }

.prism-dracula .prism .token.attr-value, .prism-dracula .prism .token.builtin, .prism-dracula .prism .token.char, .prism-dracula .prism .token.inserted, .prism-dracula .prism .token.selector, .prism-dracula .prism .token.string, .prism-dracula .prism .token.tag { color: rgba(241, 250, 140, 1) }

.prism-dracula .prism .token.attr-name { color: rgba(139, 233, 253, 1) }

.prism-dracula .prism .language-css .token.string, .prism-dracula .prism .style .token.string, .prism-dracula .prism .token.entity, .prism-dracula .prism .token.url { color: rgba(241, 250, 140, 1) }

.prism-dracula .prism .token.operator { color: rgba(98, 114, 164, 1) }

.prism-dracula .prism .token.atrule, .prism-dracula .prism .token.keyword { color: rgba(255, 121, 198, 1) }

.prism-dracula .prism .token.function { color: rgba(139, 233, 253, 1) }

.prism-dracula .prism .token.important, .prism-dracula .prism .token.variable { color: rgba(238, 153, 0, 1) }

.prism-dracula .prism .token.bold, .prism-dracula .prism .token.important { font-weight: 500 }

.prism-dracula .prism .token.italic { font-style: italic }

.prism-dracula .prism .tocken.class-name { color: rgba(230, 192, 123, 1) }

.prism-atelier-sulphurpool-light .prism { color: rgba(94, 102, 135, 1); background: rgba(245, 247, 255, 1) }

.prism-atelier-sulphurpool-light .prism * { font: 400 14px Source Code Pro, DejaVu Sans Mono, Ubuntu Mono, Anonymous Pro, Droid Sans Mono, Menlo, Monaco, Consolas, Inconsolata, Courier, monospace, PingFang SC, Microsoft YaHei, sans-serif !important }

.prism-atelier-sulphurpool-light .prism .token.cdata, .prism-atelier-sulphurpool-light .prism .token.comment, .prism-atelier-sulphurpool-light .prism .token.prolog { color: rgba(107, 115, 148, 1) }

.prism-atelier-sulphurpool-light .prism .token.doctype { color: rgba(61, 143, 209, 1) }

.prism-atelier-sulphurpool-light .prism .token.comment { font-style: italic !important }

.prism-atelier-sulphurpool-light .prism .token.punctuation { color: rgba(153, 153, 153, 1) }

.prism-atelier-sulphurpool-light .prism .token.constant, .prism-atelier-sulphurpool-light .prism .token.deleted, .prism-atelier-sulphurpool-light .prism .token.number, .prism-atelier-sulphurpool-light .prism .token.property, .prism-atelier-sulphurpool-light .prism .token.regex, .prism-atelier-sulphurpool-light .prism .token.symbol { color: rgba(172, 151, 57, 1) }

.prism-atelier-sulphurpool-light .prism .token.boolean { color: rgba(199, 107, 41, 1) }

.prism-atelier-sulphurpool-light .prism .token.tag { color: rgba(201, 73, 34, 1) }

.prism-atelier-sulphurpool-light .prism .token.attr-value, .prism-atelier-sulphurpool-light .prism .token.builtin, .prism-atelier-sulphurpool-light .prism .token.char, .prism-atelier-sulphurpool-light .prism .token.inserted, .prism-atelier-sulphurpool-light .prism .token.selector, .prism-atelier-sulphurpool-light .prism .token.string { color: rgba(172, 151, 57, 1) }

.prism-atelier-sulphurpool-light .prism .token.attr-name { color: rgba(201, 73, 34, 1) }

.prism-atelier-sulphurpool-light .prism .language-css .token.string, .prism-atelier-sulphurpool-light .prism .style .token.string, .prism-atelier-sulphurpool-light .prism .token.entity, .prism-atelier-sulphurpool-light .prism .token.operator, .prism-atelier-sulphurpool-light .prism .token.url { color: rgba(172, 151, 57, 1) }

.prism-atelier-sulphurpool-light .prism .token.atrule, .prism-atelier-sulphurpool-light .prism .token.keyword { color: rgba(102, 121, 204, 1) }

.prism-atelier-sulphurpool-light .prism .token.function { color: rgba(61, 143, 209, 1) }

.prism-atelier-sulphurpool-light .prism .token.important, .prism-atelier-sulphurpool-light .prism .token.variable { color: rgba(238, 153, 0, 1) }

.prism-atelier-sulphurpool-light .prism .token.bold, .prism-atelier-sulphurpool-light .prism .token.important { font-weight: 500 }

.prism-atelier-sulphurpool-light .prism .token.italic { font-style: italic }

.prism-atelier-sulphurpool-light .prism .tocken.class-name { color: rgba(230, 192, 123, 1) }

.prism-github-gist .prism { color: rgba(94, 102, 135, 1); background: rgba(255, 255, 255, 1) }

.prism-github-gist .prism * { font: 400 14px Source Code Pro, DejaVu Sans Mono, Ubuntu Mono, Anonymous Pro, Droid Sans Mono, Menlo, Monaco, Consolas, Inconsolata, Courier, monospace, PingFang SC, Microsoft YaHei, sans-serif !important }

.prism-github-gist .prism .token.cdata, .prism-github-gist .prism .token.comment, .prism-github-gist .prism .token.prolog { color: rgba(150, 152, 150, 1) }

.prism-github-gist .prism .token.doctype { color: rgba(121, 93, 163, 1) }

.prism-github-gist .prism .token.comment { font-style: italic !important }

.prism-github-gist .prism .token.punctuation { color: rgba(150, 152, 150, 1) }

.prism-github-gist .prism .token.constant, .prism-github-gist .prism .token.deleted, .prism-github-gist .prism .token.property, .prism-github-gist .prism .token.regex, .prism-github-gist .prism .token.symbol { color: rgba(0, 134, 179, 1) }

.prism-github-gist .prism .token.number { color: rgba(199, 107, 41, 1) }

.prism-github-gist .prism .token.boolean { color: rgba(0, 134, 179, 1) }

.prism-github-gist .prism .token.tag { color: rgba(99, 163, 92, 1) }

.prism-github-gist .prism .token.attr-value, .prism-github-gist .prism .token.builtin, .prism-github-gist .prism .token.char, .prism-github-gist .prism .token.inserted, .prism-github-gist .prism .token.selector, .prism-github-gist .prism .token.string { color: rgba(223, 80, 0, 1) }

.prism-github-gist .prism .token.attr-name { color: rgba(121, 93, 163, 1) }

.prism-github-gist .prism .language-css .token.string, .prism-github-gist .prism .style .token.string, .prism-github-gist .prism .token.entity, .prism-github-gist .prism .token.operator, .prism-github-gist .prism .token.url { color: rgba(223, 80, 0, 1) }

.prism-github-gist .prism .token.atrule, .prism-github-gist .prism .token.keyword { color: rgba(167, 29, 93, 1) }

.prism-github-gist .prism .token.function { color: rgba(121, 93, 163, 1) }

.prism-github-gist .prism .token.important, .prism-github-gist .prism .token.variable { color: rgba(223, 80, 0, 1) }

.prism-github-gist .prism .token.bold, .prism-github-gist .prism .token.important { font-weight: 500 }

.prism-github-gist .prism .token.italic { font-style: italic }

.prism-github-gist .prism .tocken.class-name { color: rgba(230, 192, 123, 1) }

.prism-kimbie-light .prism { color: rgba(132, 97, 61, 1); background: rgba(251, 235, 212, 1) }

.prism-kimbie-light .prism * { font: 400 14px Source Code Pro, DejaVu Sans Mono, Ubuntu Mono, Anonymous Pro, Droid Sans Mono, Menlo, Monaco, Consolas, Inconsolata, Courier, monospace, PingFang SC, Microsoft YaHei, sans-serif !important }

.prism-kimbie-light .prism .token.cdata, .prism-kimbie-light .prism .token.comment, .prism-kimbie-light .prism .token.prolog { color: rgba(165, 122, 76, 1) }

.prism-kimbie-light .prism .token.doctype { color: rgba(240, 100, 49, 1) }

.prism-kimbie-light .prism .token.comment { font-style: italic !important }

.prism-kimbie-light .prism .token.punctuation { color: rgba(153, 153, 153, 1) }

.prism-kimbie-light .prism .token.constant, .prism-kimbie-light .prism .token.deleted, .prism-kimbie-light .prism .token.number, .prism-kimbie-light .prism .token.property, .prism-kimbie-light .prism .token.regex, .prism-kimbie-light .prism .token.symbol { color: rgba(136, 155, 74, 1) }

.prism-kimbie-light .prism .token.boolean { color: rgba(247, 154, 50, 1) }

.prism-kimbie-light .prism .token.tag { color: rgba(220, 57, 88, 1) }

.prism-kimbie-light .prism .token.attr-value, .prism-kimbie-light .prism .token.builtin, .prism-kimbie-light .prism .token.char, .prism-kimbie-light .prism .token.inserted, .prism-kimbie-light .prism .token.selector, .prism-kimbie-light .prism .token.string { color: rgba(136, 155, 74, 1) }

.prism-kimbie-light .prism .token.attr-name { color: rgba(240, 100, 49, 1) }

.prism-kimbie-light .prism .language-css .token.string, .prism-kimbie-light .prism .style .token.string, .prism-kimbie-light .prism .token.entity, .prism-kimbie-light .prism .token.operator, .prism-kimbie-light .prism .token.url { color: rgba(136, 155, 74, 1) }

.prism-kimbie-light .prism .token.atrule, .prism-kimbie-light .prism .token.function, .prism-kimbie-light .prism .token.keyword { color: rgba(152, 103, 106, 1) }

.prism-kimbie-light .prism .token.important, .prism-kimbie-light .prism .token.variable { color: rgba(238, 153, 0, 1) }

.prism-kimbie-light .prism .token.bold, .prism-kimbie-light .prism .token.important { font-weight: 500 }

.prism-kimbie-light .prism .token.italic { font-style: italic }

.prism-kimbie-light .prism .token.class-name { color: rgba(240, 100, 49, 1) }

.prism-tomorrow-night-eighties .prism { color: rgba(204, 204, 204, 1); background: rgba(45, 45, 45, 1) }

.prism-tomorrow-night-eighties .prism * { font: 400 14px Source Code Pro, DejaVu Sans Mono, Ubuntu Mono, Anonymous Pro, Droid Sans Mono, Menlo, Monaco, Consolas, Inconsolata, Courier, monospace, PingFang SC, Microsoft YaHei, sans-serif !important }

.prism-tomorrow-night-eighties .prism .token.cdata, .prism-tomorrow-night-eighties .prism .token.comment, .prism-tomorrow-night-eighties .prism .token.prolog { color: rgba(153, 153, 153, 1) }

.prism-tomorrow-night-eighties .prism .token.doctype { color: rgba(249, 145, 87, 1) }

.prism-tomorrow-night-eighties .prism .token.comment { font-style: italic !important }

.prism-tomorrow-night-eighties .prism .token.italic, dfn { font-style: italic }

.prism-tomorrow-night-eighties .prism .token.punctuation { color: rgba(153, 153, 153, 1) }

.prism-tomorrow-night-eighties .prism .token.boolean, .prism-tomorrow-night-eighties .prism .token.constant, .prism-tomorrow-night-eighties .prism .token.deleted, .prism-tomorrow-night-eighties .prism .token.number, .prism-tomorrow-night-eighties .prism .token.property, .prism-tomorrow-night-eighties .prism .token.regex, .prism-tomorrow-night-eighties .prism .token.symbol { color: rgba(249, 145, 87, 1) }

.prism-tomorrow-night-eighties .prism .token.tag { color: rgba(242, 119, 122, 1) }

.prism-tomorrow-night-eighties .prism .token.attr-value, .prism-tomorrow-night-eighties .prism .token.builtin, .prism-tomorrow-night-eighties .prism .token.char, .prism-tomorrow-night-eighties .prism .token.inserted, .prism-tomorrow-night-eighties .prism .token.selector, .prism-tomorrow-night-eighties .prism .token.string { color: rgba(153, 204, 153, 1) }

.prism-tomorrow-night-eighties .prism .token.attr-name { color: rgba(255, 204, 102, 1) }

.prism-tomorrow-night-eighties .prism .language-css .token.string, .prism-tomorrow-night-eighties .prism .style .token.string, .prism-tomorrow-night-eighties .prism .token.entity, .prism-tomorrow-night-eighties .prism .token.operator, .prism-tomorrow-night-eighties .prism .token.url { color: rgba(153, 204, 153, 1) }

.prism-tomorrow-night-eighties .prism .token.atrule, .prism-tomorrow-night-eighties .prism .token.keyword { color: rgba(204, 153, 204, 1) }

.prism-tomorrow-night-eighties .prism .token.function { color: rgba(102, 153, 204, 1) }

.prism-tomorrow-night-eighties .prism .token.important, .prism-tomorrow-night-eighties .prism .token.variable { color: rgba(238, 153, 0, 1) }

.prism-tomorrow-night-eighties .prism .token.bold, .prism-tomorrow-night-eighties .prism .token.important { font-weight: 500 }

.prism-tomorrow-night-eighties .prism .tocken.class-name { color: rgba(230, 192, 123, 1) }

pre.line-numbers { position: relative; padding-left: 3.8em; counter-reset: a 0 }

pre.line-numbers>code { position: relative; white-space: inherit }

.line-numbers .line-numbers-rows { position: absolute; pointer-events: none; top: 0; font-size: 100%; left: -3.8em; width: 3em; letter-spacing: -1px; border-right: 1px solid rgba(153, 153, 153, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }

.line-numbers-rows>span { pointer-events: none; display: block; counter-increment: a 1 }

.line-numbers-rows>span:before { content: counter(a); color: rgba(153, 153, 153, 1); display: block; padding-right: 0.8em; text-align: right }

audio, canvas, progress, video { display: inline-block }

.mermaid { font-size: 16px }

.mermaid svg { color: rgba(0, 0, 0, 0.75); width: 100%; max-width: 100% }

.app--dark .mermaid div.mermaidTooltip, .mermaid div.mermaidTooltip { position: absolute; max-width: 200px; padding: 2px; pointer-events: none; z-index: 100; text-align: center }

.app--dark .mermaid svg { color: rgba(255, 255, 255, 0.75) }

.mermaid svg * { font-family: -apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif }

.mermaid .mermaid .label { color: rgba(51, 51, 51, 1) }

.mermaid .node circle, .mermaid .node ellipse, .mermaid .node polygon, .mermaid .node rect { fill: rgba(238, 238, 238, 1); stroke: rgba(153, 153, 153, 1); stroke-width: 1px }

.mermaid .edgePath .path { stroke: rgba(102, 102, 102, 1); stroke-width: 1.5px }

.mermaid .edgeLabel { background-color: rgba(255, 255, 255, 1) }

.mermaid .cluster rect { fill: rgba(234, 242, 251, 1) !important; rx: 4 !important; stroke: rgba(34, 102, 170, 1) !important; stroke-width: 1px !important }

.mermaid .cluster text { fill: rgba(51, 51, 51, 1) }

.mermaid .actor { stroke: rgba(153, 153, 153, 1); fill: rgba(238, 238, 238, 1) }

.mermaid text.actor { fill: rgba(51, 51, 51, 1); stroke: none }

.mermaid .actor-line { stroke: rgba(102, 102, 102, 1) }

.mermaid .messageLine0, .mermaid .messageLine1 { stroke-width: 1.5; stroke: rgba(51, 51, 51, 1) }

.mermaid #arrowhead { fill: rgba(51, 51, 51, 1) }

.mermaid #crosshead path { fill: rgba(51, 51, 51, 1) !important; stroke: rgba(51, 51, 51, 1) !important }

.mermaid .messageText { fill: rgba(51, 51, 51, 1); stroke: none }

.mermaid .labelBox { stroke: rgba(153, 153, 153, 1); fill: rgba(238, 238, 238, 1) }

.mermaid .labelText, .mermaid .loopText { fill: rgba(255, 255, 255, 1); stroke: none }

.mermaid .loopLine { stroke-width: 2; stroke: rgba(153, 153, 153, 1) }

.mermaid .note { stroke: rgba(119, 119, 0, 1); fill: rgba(255, 255, 170, 1) }

.mermaid .noteText { fill: rgba(0, 0, 0, 1); stroke: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px }

.mermaid .section { stroke: none; opacity: 0.2 }

.mermaid .section0, .mermaid .section2 { fill: rgba(210, 216, 226, 1) }

.mermaid .section1, .mermaid .section3 { fill: rgba(255, 255, 255, 1); opacity: 0.2 }

.mermaid .sectionTitle0, .mermaid .sectionTitle1, .mermaid .sectionTitle2, .mermaid .sectionTitle3 { fill: rgba(51, 51, 51, 1) }

.mermaid .sectionTitle { text-anchor: start; font-size: 11px }

.mermaid .grid .tick { stroke: rgba(221, 223, 228, 1); opacity: 0.3; shape-rendering: crispEdges }

.mermaid .grid path { stroke-width: 0 }

.mermaid .today { fill: none; stroke: rgba(221, 68, 34, 1); stroke-width: 2px }

.mermaid .task { stroke-width: 2 }

.mermaid .taskText { text-anchor: middle; font-size: 10px }

.mermaid .taskTextOutsideRight { fill: rgba(51, 51, 51, 1); text-anchor: start; font-size: 11px }

.mermaid .taskTextOutsideLeft { fill: rgba(51, 51, 51, 1); text-anchor: end; font-size: 11px }

.mermaid .taskText0, .mermaid .taskText1, .mermaid .taskText2, .mermaid .taskText3 { fill: rgba(77, 77, 77, 1) }

.mermaid .task0, .mermaid .task1, .mermaid .task2, .mermaid .task3 { fill: rgba(255, 228, 194, 1) }

.mermaid .taskTextOutside0, .mermaid .taskTextOutside1, .mermaid .taskTextOutside2, .mermaid .taskTextOutside3 { fill: rgba(77, 77, 77, 1) }

.mermaid .active0, .mermaid .active1, .mermaid .active2, .mermaid .active3 { fill: rgba(173, 214, 247, 1) }

.mermaid .activeText0, .mermaid .activeText1, .mermaid .activeText2, .mermaid .activeText3 { fill: rgba(77, 77, 77, 1) !important }

.mermaid .done0, .mermaid .done1, .mermaid .done2, .mermaid .done3 { fill: rgba(194, 224, 249, 1); stroke-width: 2 }

.mermaid .doneText0, .mermaid .doneText1, .mermaid .doneText2, .mermaid .doneText3 { fill: rgba(77, 77, 77, 1) !important }

.mermaid .crit0, .mermaid .crit1, .mermaid .crit2, .mermaid .crit3 { fill: rgba(255, 207, 148, 1); stroke-width: 2 }

.mermaid .activeCrit0, .mermaid .activeCrit1, .mermaid .activeCrit2, .mermaid .activeCrit3 { fill: rgba(248, 143, 149, 1); stroke-width: 2 }

.mermaid .doneCrit0, .mermaid .doneCrit1, .mermaid .doneCrit2, .mermaid .doneCrit3 { fill: rgba(252, 199, 202, 1); stroke-width: 2; cursor: pointer }

.mermaid .doneCritText0, .mermaid .doneCritText1, .mermaid .doneCritText2, .mermaid .doneCritText3 { fill: rgba(77, 77, 77, 1) !important }

.mermaid .activeCritText0, .mermaid .activeCritText1, .mermaid .activeCritText2, .mermaid .activeCritText3 { fill: rgba(51, 51, 51, 1) !important }

.mermaid .titleText { text-anchor: middle; font-size: 16px; fill: rgba(61, 61, 61, 1); font-weight: 700 }

.mermaid g.classGroup text { fill: rgba(153, 153, 153, 1); stroke: none; font-family: trebuchet ms, verdana, arial; font-size: 10px }

.mermaid g.classGroup rect { fill: rgba(238, 238, 238, 1); stroke: rgba(153, 153, 153, 1) }

.mermaid g.classGroup line { stroke: rgba(153, 153, 153, 1); stroke-width: 1 }

.mermaid svg .classLabel .box { stroke: none; stroke-width: 0; fill: rgba(238, 238, 238, 1); opacity: 0.5 }

.mermaid svg .classLabel .label { fill: rgba(153, 153, 153, 1); font-size: 10px }

.mermaid .relation { stroke: rgba(153, 153, 153, 1); stroke-width: 1; fill: none }

.mermaid #compositionEnd, .mermaid #compositionStart, .mermaid .composition { fill: rgba(153, 153, 153, 1); stroke: rgba(153, 153, 153, 1); stroke-width: 1 }

.mermaid #aggregationEnd, .mermaid #aggregationStart, .mermaid .aggregation { fill: rgba(238, 238, 238, 1); stroke: rgba(153, 153, 153, 1); stroke-width: 1 }

.mermaid #dependencyEnd, .mermaid #dependencyStart, .mermaid #extensionEnd, .mermaid #extensionStart { fill: rgba(153, 153, 153, 1); stroke: rgba(153, 153, 153, 1); stroke-width: 1 }

.mermaid .node text { font-family: Arial, Helvetica, sans-serif; font-size: 14px }

.mermaid div.mermaidTooltip { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: rgba(234, 242, 251, 1); border: 1px solid rgba(34, 102, 170, 1); border-radius: 2px }

.app--dark .mermaid .label { color: rgba(50, 61, 71, 1) }

.app--dark .mermaid .node circle, .app--dark .mermaid .node ellipse, .app--dark .mermaid .node polygon, .app--dark .mermaid .node rect { fill: rgba(189, 213, 234, 1); stroke: rgba(129, 177, 219, 1); stroke-width: 1px }

.app--dark .mermaid .edgePath .path { stroke: rgba(211, 211, 211, 1) }

.app--dark .mermaid .edgeLabel { background-color: rgba(232, 232, 232, 1) }

.app--dark .mermaid .cluster rect { fill: rgba(109, 109, 101, 1) !important; rx: 4 !important; stroke: rgba(255, 255, 255, 0.25) !important; stroke-width: 1px !important }

.app--dark .mermaid .cluster text { fill: rgba(249, 255, 254, 1) }

.app--dark .mermaid .actor { stroke: rgba(129, 177, 219, 1); fill: rgba(189, 213, 234, 1) }

.app--dark .mermaid text.actor { fill: rgba(0, 0, 0, 1); stroke: none }

.app--dark .mermaid .actor-line { stroke: rgba(211, 211, 211, 1) }

.app--dark .mermaid .messageLine0, .app--dark .mermaid .messageLine1 { stroke-width: 1.5; stroke: rgba(211, 211, 211, 1) }

.app--dark .mermaid #arrowhead { fill: rgba(211, 211, 211, 1) !important }

.app--dark .mermaid #crosshead path { fill: rgba(211, 211, 211, 1) !important; stroke: rgba(211, 211, 211, 1) !important }

.app--dark .mermaid .messageText { fill: rgba(211, 211, 211, 1); stroke: none }

.app--dark .mermaid .labelBox { stroke: rgba(129, 177, 219, 1); fill: rgba(189, 213, 234, 1) }

.app--dark .mermaid .labelText { fill: rgba(50, 61, 71, 1); stroke: none }

.app--dark .mermaid .loopText { fill: rgba(211, 211, 211, 1); stroke: none }

.app--dark .mermaid .loopLine { stroke-width: 2; stroke: rgba(129, 177, 219, 1) }

.app--dark .mermaid .note { stroke: rgba(255, 255, 255, 0.25); fill: rgba(255, 245, 173, 1) }

.app--dark .mermaid .noteText { fill: rgba(0, 0, 0, 1); stroke: none; font-family: trebuchet ms, verdana, arial; font-size: 14px }

.app--dark .mermaid .section { stroke: none; opacity: 0.2 }

.app--dark .mermaid .section0 { fill: rgba(255, 255, 255, 0.3) }

.app--dark .mermaid .section2 { fill: rgba(234, 232, 185, 1) }

.app--dark .mermaid .section1, .app--dark .mermaid .section3 { fill: rgba(255, 255, 255, 1); opacity: 0.2 }

.app--dark .mermaid .sectionTitle0, .app--dark .mermaid .sectionTitle1, .app--dark .mermaid .sectionTitle2, .app--dark .mermaid .sectionTitle3 { fill: rgba(249, 255, 254, 1) }

.app--dark .mermaid .sectionTitle { text-anchor: start; font-size: 11px }

.app--dark .mermaid .grid .tick { stroke: rgba(255, 255, 255, 0.3); opacity: 0.3; shape-rendering: crispEdges }

.app--dark .mermaid .grid .tick text { fill: rgba(211, 211, 211, 1); opacity: 0.5 }

.app--dark .mermaid .grid path { stroke-width: 0 }

.app--dark .mermaid .today { fill: none; stroke: rgba(219, 87, 87, 1); stroke-width: 2px }

.app--dark .mermaid .task { stroke-width: 1 }

.app--dark .mermaid .taskText { text-anchor: middle; font-size: 11px }

.app--dark .mermaid .taskTextOutsideRight { fill: rgba(50, 61, 71, 1); text-anchor: start; font-size: 11px }

.app--dark .mermaid .taskTextOutsideLeft { fill: rgba(50, 61, 71, 1); text-anchor: end; font-size: 11px }

.app--dark .mermaid .taskText0, .app--dark .mermaid .taskText1, .app--dark .mermaid .taskText2, .app--dark .mermaid .taskText3 { fill: rgba(50, 61, 71, 1) }

.app--dark .mermaid .task0, .app--dark .mermaid .task1, .app--dark .mermaid .task2, .app--dark .mermaid .task3 { fill: rgba(189, 213, 234, 1); stroke: rgba(255, 255, 255, 0.5) }

.app--dark .mermaid .taskTextOutside0, .app--dark .mermaid .taskTextOutside1, .app--dark .mermaid .taskTextOutside2, .app--dark .mermaid .taskTextOutside3 { fill: rgba(211, 211, 211, 1) }

.app--dark .mermaid .active0, .app--dark .mermaid .active1, .app--dark .mermaid .active2, .app--dark .mermaid .active3 { fill: rgba(129, 177, 219, 1); stroke: rgba(255, 255, 255, 0.5) }

.app--dark .mermaid .activeText0, .app--dark .mermaid .activeText1, .app--dark .mermaid .activeText2, .app--dark .mermaid .activeText3 { fill: rgba(50, 61, 71, 1) !important }

.app--dark .mermaid .done0, .app--dark .mermaid .done1, .app--dark .mermaid .done2, .app--dark .mermaid .done3 { fill: rgba(211, 211, 211, 1) }

.app--dark .mermaid .doneText0, .app--dark .mermaid .doneText1, .app--dark .mermaid .doneText2, .app--dark .mermaid .doneText3 { fill: rgba(50, 61, 71, 1) !important }

.app--dark .mermaid .crit0, .app--dark .mermaid .crit1, .app--dark .mermaid .crit2, .app--dark .mermaid .crit3 { stroke: rgba(232, 55, 55, 1); fill: rgba(232, 55, 55, 1); stroke-width: 2 }

.app--dark .mermaid .activeCrit0, .app--dark .mermaid .activeCrit1, .app--dark .mermaid .activeCrit2, .app--dark .mermaid .activeCrit3 { stroke: rgba(232, 55, 55, 1); fill: rgba(129, 177, 219, 1); stroke-width: 2 }

.app--dark .mermaid .doneCrit0, .app--dark .mermaid .doneCrit1, .app--dark .mermaid .doneCrit2, .app--dark .mermaid .doneCrit3 { stroke: rgba(232, 55, 55, 1); fill: rgba(211, 211, 211, 1); stroke-width: 1; cursor: pointer; shape-rendering: crispEdges }

.app--dark .mermaid .doneCritText0, .app--dark .mermaid .doneCritText1, .app--dark .mermaid .doneCritText2, .app--dark .mermaid .doneCritText3 { fill: rgba(211, 211, 211, 1) !important }

.app--dark .mermaid .activeCritText0, .app--dark .mermaid .activeCritText1, .app--dark .mermaid .activeCritText2, .app--dark .mermaid .activeCritText3 { fill: rgba(50, 61, 71, 1) !important }

.app--dark .mermaid .titleText { text-anchor: middle; font-size: 18px; fill: rgba(211, 211, 211, 1) }

.app--dark .mermaid .node text { font-family: trebuchet ms, verdana, arial; font-size: 14px }

.app--dark .mermaid div.mermaidTooltip { font-family: trebuchet ms, verdana, arial; font-size: 12px; background: rgba(109, 109, 101, 1); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 2px }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }

body { margin: 0 }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { display: block }

h1 { font-size: 2em; margin: 0.67em 0 }

figure { margin: 1em 40px }

hr { box-sizing: content-box; height: 0 }

.markdown_views *, legend { box-sizing: border-box }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }

a { background-color: rgba(0, 0, 0, 0); -webkit-text-decoration-skip: objects }

abbr[title] { border-bottom: none; text-decoration: dotted underline }

b, strong { font-weight: bolder }

mark { background-color: rgba(255, 255, 0, 1); color: rgba(0, 0, 0, 1) }

small { font-size: 80% }

sub, sup { font-size: 75%; line-height: 0; position: relative }

sub { bottom: -0.25em }

sup { top: -0.5em }

audio:not([controls]) { display: none; height: 0 }

img { border-style: none }

svg:not(:root) { overflow: hidden }

button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0 }

button, select { text-transform: none }

[type="reset"], [type="submit"], button, html [type="button"] { -webkit-appearance: button }

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none; padding: 0 }

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted rgba(0, 0, 0, 1) }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0 }

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height: auto }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px }

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration { -webkit-appearance: none }

::-webkit-file-upload-button { -webkit-appearance: button }

.markdown_views, body, html { font-family: -apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif }

fieldset { padding: 0.35em 0.75em 0.625em }

legend { display: table; max-width: 100%; padding: 0; color: inherit; white-space: normal }

textarea { overflow: auto }

summary { display: list-item }

[hidden], template { display: none }

body, html { color: rgba(0, 0, 0, 0.75); font-variant-ligatures: common-ligatures; line-height: 1.625; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; tab-size: 4; -moz-tab-size: 4; -o-tab-size: 4 }

.app--dark .layout__panel--editor, .app--dark .layout__panel--preview { color: rgba(255, 255, 255, 0.75) }

.markdown_views blockquote, .markdown_views dl, .markdown_views ol, .markdown_views p, .markdown_views pre, .markdown_views ul { margin: 1.2em 0 }

.markdown_views ol ol, .markdown_views ol ul, .markdown_views ul ol, .markdown_views ul ul { margin: 0 }

.markdown_views dt { font-weight: 700 }

.markdown_views code *, .markdown_views pre *, .markdown_views samp * { font-size: inherit }

.markdown_views blockquote { color: rgba(0, 0, 0, 0.5); padding-left: 1.5em }

.app--dark .layout__panel--editor .markdown_views blockquote, .app--dark .layout__panel--preview .markdown_views blockquote { color: rgba(255, 255, 255, 0.4); border-left-color: rgba(255, 255, 255, 0.07) }

.markdown_views code { padding: 2px 4px }

.markdown_views pre>code { background-color: rgba(0, 0, 0, 0.05); display: block; padding: 0.5em; -webkit-text-size-adjust: none; overflow-x: auto; white-space: pre }

.markdown_views .toc ul { list-style-type: none; padding-left: 20px }

.markdown_views table { background-color: rgba(0, 0, 0, 0); border-spacing: 0 }

.markdown_views td, .markdown_views th { border-right: 1px solid rgba(220, 220, 220, 1); padding: 8px 12px }

.markdown_views td { border-top: 1px solid rgba(220, 220, 220, 1) }

.markdown_views mark { background-color: rgba(248, 248, 64, 1) }

.markdown_views abbr[title] { cursor: help }

.markdown_views img[src*="#pic_center"] { display: block; margin: auto }

.markdown_views .task-list-item { list-style-type: none }

.markdown_views .task-list-item-checkbox { margin: 0 0.2em 0 -1.3em }

.markdown_views .page-break-after { page-break-after: always }

.markdown_views .stackedit__html { margin-bottom: 180px; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; max-width: 750px }

.markdown_views .stackedit__toc ul { padding: 0 }

.markdown_views .stackedit__toc ul a { margin: 0.5rem 0; padding: 0.5rem 1rem }

.markdown_views .stackedit__toc ul ul { color: rgba(136, 136, 136, 1); font-size: 0.9em }

.markdown_views .stackedit__toc ul ul a { margin: 0; padding: 0.1rem 1rem }

.markdown_views .stackedit__toc li { display: block }

.markdown_views .stackedit__toc a { display: block; color: inherit; text-decoration: none }

.markdown_views .stackedit__toc a:active, .markdown_views .stackedit__toc a:focus, .markdown_views .stackedit__toc a:hover { background-color: rgba(0, 0, 0, 0.07); border-radius: 4px }

.markdown_views .stackedit__left { position: fixed; display: none; width: 250px; height: 100%; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: none }

.markdown_views .stackedit__right { position: absolute; right: 0; top: 0; left: 0 }

@media (min-width: 1060px) { .markdown_views .stackedit__left { display: block } .markdown_views .stackedit__right { left: 250px } }

.markdown_views .stackedit--pdf blockquote { border-left-color: rgba(236, 236, 236, 1) }

.markdown_views .stackedit--pdf .stackedit__html { padding-left: 0; padding-right: 0; max-width: none }

.markdown_views p { font-size: 16px; color: rgba(77, 77, 77, 1); font-weight: 400; line-height: 26px; margin: 0 0 16px }

.markdown_views strong { font-weight: 700 }

.markdown_views i, address, cite, dfn, em, var { font-style: italic }

.markdown_views h1, .markdown_views h2, .markdown_views h3, .markdown_views h4, .markdown_views h5, .markdown_views h6 { color: rgba(79, 79, 79, 1); margin: 8px 0 16px; font-weight: 700 }

.markdown_views ol, .markdown_views ul { margin: 0 0 24px; padding: 0; font-size: 16px }

.markdown_views ul ol { margin: 0 0 24px 32px }

.markdown_views ul li { list-style-type: disc; margin: 8px 0 0 32px }

.markdown_views ol li { list-style-type: decimal; margin-left: 40px; margin-top: 8px }

.markdown_views img { margin: 24px 0; max-width: 100% }

.markdown_views h1 { font-size: 28px; line-height: 36px }

.markdown_views h2 { font-size: 24px; line-height: 32px }

.markdown_views h3 { font-size: 22px; line-height: 30px }

.markdown_views h4 { font-size: 20px; line-height: 28px }

.markdown_views h5 { font-size: 18px; line-height: 26px }

.markdown_views h6 { font-size: 16px; line-height: 24px }

.markdown_views h1 code { font-size: 28px }

.markdown_views h2 code { font-size: 24px }

.markdown_views h3 code { font-size: 22px }

.markdown_views h4 code { font-size: 20px }

.markdown_views h5 code { font-size: 18px }

.markdown_views h6 code { font-size: 16px }

.markdown_views blockquote { display: block; padding: 16px; margin: 0 0 24px; border-left: 8px solid rgba(221, 223, 228, 1); background: rgba(238, 240, 244, 1); overflow: auto }

.markdown_views blockquote ol, .markdown_views blockquote ul { margin-bottom: 0; padding: 0; font-size: 14px; line-height: 22px }

.markdown_views blockquote ol li, .markdown_views blockquote ul li { margin-bottom: 0 }

.markdown_views blockquote p { font-size: 14px; line-height: 22px; color: rgba(153, 153, 153, 1); font-weight: 400; margin-bottom: 0 }

.markdown_views hr { margin: 24px 0; border-top: none; border-right: none; border-bottom: 1px solid rgba(221, 221, 221, 1); border-left: none }

.markdown_views table tr { border-top: 1px solid rgba(221, 221, 221, 1); border-right: 0; border-bottom: 0; border-left: 0; background-color: rgba(255, 255, 255, 1) }

.markdown_views table { border-collapse: collapse; display: table; width: 100%; text-align: center; margin-bottom: 24px }

.markdown_views tbody { border: 0 }

.markdown_views table tr:nth-child(2n) { background-color: rgba(247, 247, 247, 1) }

.markdown_views table tr td, .markdown_views table tr th { font-size: 14px; color: rgba(79, 79, 79, 1); line-height: 22px; border: 1px solid rgba(221, 221, 221, 1); padding: 8px; word-break: normal !important; vertical-align: middle }

.markdown_views table tr td code, .markdown_views table tr th code { white-space: normal; word-break: normal !important }

.markdown_views table tr th { font-weight: 700; background-color: rgba(239, 243, 245, 1) }

.markdown_views dl { margin: 24px }

.markdown_views dl dt { margin: 8px; font-weight: 700 }

.markdown_views dl dt dd { margin: 8px }

.markdown_views abbr[data-original-title], .markdown_views abbr[title] { cursor: help; border-bottom: 1px dotted rgba(153, 153, 153, 1) }

.markdown_views .initialism { font-size: 90%; text-transform: uppercase }

.markdown_views pre { margin-bottom: 24px }

.markdown_views pre code { color: unset }

.markdown_views code, .markdown_views kbd, .markdown_views pre, .markdown_views samp { font-family: Source Code Pro, DejaVu Sans Mono, Ubuntu Mono, Anonymous Pro, Droid Sans Mono, Menlo, Monaco, Consolas, Inconsolata, Courier, monospace, PingFang SC, Microsoft YaHei, sans-serif; font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 1) }

.markdown_views code { color: rgba(199, 37, 78, 1); background-color: rgba(249, 242, 244, 1); border-radius: 2px }

.markdown_views a { text-decoration-skip: ink; color: rgba(78, 161, 219, 1); text-decoration: none }

.markdown_views a:focus, .markdown_views a:hover { text-decoration: none; color: rgba(202, 12, 22, 1) }

.markdown_views a:visited { color: rgba(103, 149, 181, 1) }

.markdown_views .footnote { vertical-align: top; position: relative; top: -4px; font-size: 12px }

.markdown_views .footnotes ol li { font-size: 14px; line-height: 22px; margin: 0 0 8px 24px }

.markdown_views .flow-chart, .markdown_views .sequence-diagram { text-align: center; margin-bottom: 24px; font-size: 14px !important }

.markdown_views .flow-chart svg, .markdown_views .sequence-diagram svg { width: unset }

.markdown_views .flow-chart [fill="#000"], .markdown_views .flow-chart [fill="#000000"], .markdown_views .flow-chart [fill="black"], .markdown_views .sequence-diagram [fill="#000"], .markdown_views .sequence-diagram [fill="#000000"], .markdown_views .sequence-diagram [fill="black"] { fill: rgba(79, 79, 79, 1) }

.markdown_views .flow-chart [stroke="#000000"], .markdown_views .sequence-diagram [stroke="#000000"] { stroke: rgba(79, 79, 79, 1) }

.markdown_views .MathJax_SVG_Display { text-align: center; margin: 24px 0; font-size: 18px; font-weight: 400; color: rgba(79, 79, 79, 1); position: relative; text-indent: 0; max-width: none; max-height: none; min-width: 0; min-height: 0; width: 100% }

.markdown_views .toc { font-size: 16px; line-height: 24px; margin: 0 0 24px; padding: 0 }

.markdown_views .toc ul { margin: 0 0 8px; padding: 0 }

.markdown_views .toc ul ul { padding-left: 24px }

.markdown_views .toc ul li { list-style-type: none; margin: 8px 0 0 24px }

.markdown_views dl dd { margin: 0 0 8px 40px }

.markdown_views kbd { padding: 2px 8px; border: 1px solid rgba(63, 63, 63, 0.25); box-shadow: 0 1px rgba(63, 63, 63, 0.25); background-color: rgba(255, 255, 255, 1); color: rgba(51, 51, 51, 1); border-radius: 4px; display: inline-block; margin: 0 2px; white-space: nowrap }

点赞 59

收藏

分享

文章举报

zdh1995

发布了1 篇原创文章 · 获赞 59 · 访问量 4483

私信 关注

精彩文章

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。