@import"https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css";.Header[data-v-c3bc493e]{display:flex;align-items:center;justify-content:space-between;padding:0 30px;height:60px;box-sizing:border-box;border-bottom:var(--caomei-border-1)}.Header .logo[data-v-c3bc493e]{display:flex;align-items:center;font-size:22px;cursor:pointer}.Header .menu[data-v-c3bc493e]{display:flex;align-items:center}.Header .menu a[data-v-c3bc493e],.Header .menu span[data-v-c3bc493e],.Header .menu .menu-item[data-v-c3bc493e]{display:inline-flex;align-items:center;padding:5px;opacity:.6;font-size:14px;transition:all .5s;color:var(--caomei-text-color-1);cursor:pointer}.Header .menu a svg[data-v-c3bc493e],.Header .menu span svg[data-v-c3bc493e],.Header .menu .menu-item svg[data-v-c3bc493e]{cursor:pointer}.Header .menu .menu-item[data-v-c3bc493e]:nth-child(3){margin-right:50px}.Header .menu a[data-v-c3bc493e]:hover,.Header .menu span[data-v-c3bc493e]:hover,.Header .menu .menu-item[data-v-c3bc493e]:hover{opacity:1}.Header .menu .menu-item[data-v-c3bc493e]{padding:10px}@media (max-width: 767px){.Header[data-v-c3bc493e]{padding:0 15px}.Header .logo span[data-v-c3bc493e]{display:none}.Header .menu[data-v-c3bc493e]{gap:5px!important}.Header .menu .menu-item[data-v-c3bc493e]{margin-right:5px;padding:5px}.Header .menu .menu-item[data-v-c3bc493e]:nth-child(3){margin-right:0}.Header .menu span[data-v-c3bc493e]{margin-right:0}.Header .menu a[data-v-c3bc493e]{margin-right:5px}}.icon-mode-sunny{display:none!important}.icon-mode-moon{display:block!important}.theme-dark .logo img{filter:invert(100%)}.theme-dark .icon-mode-sunny{display:block!important}.theme-dark .icon-mode-moon{display:none!important}.wrapper[data-v-06e060b1]{max-width:1440px;height:100%;margin:0 auto;background:var(--caomei-bgcolor-0);border-left:var(--caomei-border-2);border-right:var(--caomei-border-2)}.header[data-v-06e060b1]{height:60px}.content[data-v-06e060b1]{top:60px;bottom:60px}.footer[data-v-06e060b1]{height:60px}@media (max-width: 767px){.wrapper[data-v-06e060b1]{width:100vw;border-left:none;border-right:none}}*{font-family:HarmonyOS_Regular,Helvetica Neue,Microsoft YaHei,sans-serif}body{color:var(--caomei-text-color-1);background-color:var(--caomei-bgcolor-4);font-size:14px}:root{--caomei-white-color: #fff;--caomei-white-text-color: rgba(255, 255, 255, .9);--caomei-black-color: #000;--caomei-black-text-color: rgba(0, 0, 0, .9);--caomei-disabled-opacity: .5;--caomei-siderbar-width: 300px;--caomei-bgcolor-0: rgb(255, 255, 255);--caomei-bgcolor-1: rgb(250, 250, 250);--caomei-bgcolor-2: rgb(245, 245, 245);--caomei-bgcolor-3: rgb(235, 235, 235);--caomei-bgcolor-4: rgb(225, 225, 225);--caomei-bgcolor-5: rgb(215, 215, 215);--caomei-bgcolor-6: rgb(205, 205, 205);--caomei-bgcolor-7: rgb(195, 195, 195);--caomei-bgcolor-8: rgb(185, 185, 185);--caomei-bgcolor-9: rgb(175, 175, 175);--caomei-bgcolor-0-invert: rgb(20, 20, 20);--caomei-bgcolor-1-invert: rgb(30, 30, 30);--caomei-bgcolor-2-invert: rgb(40, 40, 40);--caomei-bgcolor-3-invert: rgb(50, 50, 50);--caomei-bgcolor-4-invert: rgb(60, 60, 60);--caomei-bgcolor-5-invert: rgb(70, 70, 70);--caomei-bgcolor-6-invert: rgb(80, 80, 80);--caomei-bgcolor-7-invert: rgb(90, 90, 90);--caomei-bgcolor-8-invert: rgb(110, 110, 110);--caomei-bgcolor-9-invert: rgb(120, 120, 120);--caomei-text-color-0: rgb(20, 20, 20);--caomei-text-color-1: rgb(30, 30, 30);--caomei-text-color-2: rgb(50, 50, 50);--caomei-text-color-3: rgb(70, 70, 70);--caomei-text-color-4: rgb(90, 90, 90);--caomei-text-color-5: rgb(110, 110, 110);--caomei-text-color-6: rgb(130, 130, 130);--caomei-text-color-7: rgb(150, 150, 150);--caomei-text-color-8: rgb(170, 170, 170);--caomei-text-color-9: rgb(190, 190, 190);--caomei-text-color-0-invert: rgb(255, 255, 255);--caomei-text-color-1-invert: rgb(235, 235, 235);--caomei-text-color-2-invert: rgb(215, 215, 215);--caomei-text-color-3-invert: rgb(195, 195, 195);--caomei-text-color-4-invert: rgb(175, 175, 175);--caomei-text-color-5-invert: rgb(155, 155, 155);--caomei-text-color-6-invert: rgb(135, 135, 135);--caomei-text-color-7-invert: rgb(115, 115, 115);--caomei-text-color-8-invert: rgb(95, 95, 95);--caomei-text-color-9-invert: rgb(75, 75, 75);--caomei-box-shadow: 0px 1px 2px rgba(61, 109, 178, .15), 0px 4px 16px rgba(61, 109, 179, .2);--caomei-border-radius: 3px;--caomei-border-0: 1px solid rgb(245, 245, 245);--caomei-border-1: 1px solid rgb(235, 235, 235);--caomei-border-2: 1px solid rgb(225, 225, 225);--caomei-border-3: 1px solid rgb(215, 215, 215);--caomei-border-4: 1px solid rgb(205, 205, 205);--caomei-border-5: 1px solid rgb(195, 195, 195);--caomei-border-6: 1px solid rgb(185, 185, 185);--caomei-border-7: 1px solid rgb(175, 175, 175);--caomei-border-8: 1px solid rgb(165, 165, 165);--caomei-border-9: 1px solid rgb(155, 155, 155);--caomei-primary-color: rgb(59, 121, 208);--caomei-primary-color-dark: rgb(38, 84, 148);--caomei-primary-color-light: rgb(217, 233, 255);--caomei-primary-color-light2: rgb(190, 211, 239);--caomei-primary-text-color: rgb(47, 88, 146);--caomei-primary-color-hover: rgb(54, 109, 187);--caomei-primary-color-active: rgb(42, 94, 149);--caomei-normal-color: rgb(240, 240, 240);--caomei-normal-color-dark: rgb(105, 104, 104);--caomei-normal-color-light: rgb(234, 234, 234);--caomei-normal-color-light2: rgb(216, 214, 214);--caomei-normal-text-color: rgb(66, 66, 66);--caomei-normal-color-hover: rgb(235, 235, 235);--caomei-normal-color-active: rgb(217, 217, 217);--caomei-success-color: rgb(49, 196, 141);--caomei-success-color-dark: rgb(35, 153, 110);--caomei-success-color-light: rgb(229, 246, 235);--caomei-success-color-light2: rgb(199, 230, 204);--caomei-success-text-color: rgb(32, 161, 113);--caomei-success-color-hover: rgb(40, 176, 126);--caomei-success-color-active: rgb(28, 157, 110);--caomei-info-color: rgb(59, 121, 208);--caomei-info-color-dark: rgb(33, 83, 153);--caomei-info-color-light: rgb(217, 233, 255);--caomei-info-color-light2: rgb(190, 211, 239);--caomei-info-text-color: rgb(47, 88, 146);--caomei-info-color-hover: rgb(54, 109, 187);--caomei-info-color-active: rgb(42, 94, 149);--caomei-warning-color: rgb(227, 179, 68);--caomei-warning-color-dark: rgb(186, 132, 7);--caomei-warning-color-light: rgb(255, 240, 209);--caomei-warning-color-light2: rgb(236, 218, 177);--caomei-warning-text-color: rgb(187, 128, 9);--caomei-warning-color-hover: rgb(222, 161, 17);--caomei-warning-color-active: rgb(187, 133, 7);--caomei-error-color: rgb(249, 128, 128);--caomei-error-color-dark: rgb(197, 88, 88);--caomei-error-color-light: rgb(255, 234, 234);--caomei-error-color-light2: rgb(236, 208, 208);--caomei-error-text-color: #d10000;--caomei-error-color-hover: rgb(231, 113, 113);--caomei-error-color-active: rgb(204, 92, 92);--caomei-title-bold: 800;--caomei-form-box-shadow: 0px 2px 5px rgba(0, 0, 0, .05);--caomei-form-border-width: 1.5px;--caomei-form-transition: all .2s ease;--caomei-form-border-color: rgb(245, 245, 245);--caomei-form-border-color-hover: rgb(228, 228, 228);--caomei-form-border-color-active: rgba(0, 0, 0, .22);--caomei-form-border-color-focus: var(--caomei-primary-color);--caomei-form-input-padding-small: 2px 8px;--caomei-form-input-padding-medium: 4px 10px;--caomei-form-input-padding-large: 6px 12px;--caomei-form-item-height-small: 26px;--caomei-form-item-height-medium: 30px;--caomei-form-item-height-large: 34px;--caomei-form-input-line-height-small: 24px;--caomei-form-input-line-height-medium: 28px;--caomei-form-input-line-height-large: 32px;--caomei-form-font-size-small: 13px;--caomei-form-font-size-medium: 14px;--caomei-form-font-size-large: 16px;--caomei-form-bgcolor: rgb(245, 245, 245);--caomei-form-bgcolor-hover: rgb(228, 228, 228);--caomei-form-bgcolor-active: rgb(215, 215, 215);--caomei-form-bgcolor-focus: rgb(255, 255, 255);--caomei-form-bgcolor-high: rgba(6, 57, 88, .1);--caomei-form-bgcolor-high-hover: rgba(6, 57, 88, .16);--caomei-form-bgcolor-high-active: rgba(6, 57, 88, .2);--caomei-modal-bgcolor: rgb(0, 0, 0, .5);--caomei-loading-bgcolor: rgb(0, 0, 0, .23);--caomei-povpoer-bgcolor: rgba(255, 255, 255);--caomei-message-bgcolor: rgba(255, 255, 255, 1);--caomei-notification-bgcolor: rgba(255, 255, 255, 1)}.theme-dark{--caomei-bgcolor-0: rgb(20, 20, 20);--caomei-bgcolor-1: rgb(30, 30, 30);--caomei-bgcolor-2: rgb(40, 40, 40);--caomei-bgcolor-3: rgb(50, 50, 50);--caomei-bgcolor-4: rgb(60, 60, 60);--caomei-bgcolor-5: rgb(70, 70, 70);--caomei-bgcolor-6: rgb(80, 80, 80);--caomei-bgcolor-7: rgb(90, 90, 90);--caomei-bgcolor-8: rgb(100, 100, 100);--caomei-bgcolor-9: rgb(110, 110, 110);--caomei-bgcolor-0-invert: rgb(255, 255, 255);--caomei-bgcolor-1-invert: rgb(245, 245, 245);--caomei-bgcolor-2-invert: rgb(235, 235, 235);--caomei-bgcolor-3-invert: rgb(225, 225, 225);--caomei-bgcolor-4-invert: rgb(215, 215, 215);--caomei-bgcolor-5-invert: rgb(205, 205, 205);--caomei-bgcolor-6-invert: rgb(195, 195, 195);--caomei-bgcolor-7-invert: rgb(185, 185, 185);--caomei-bgcolor-8-invert: rgb(175, 175, 175);--caomei-bgcolor-9-invert: rgb(165, 165, 165);--caomei-text-color-0: rgb(255, 255, 255);--caomei-text-color-1: rgb(235, 235, 235);--caomei-text-color-2: rgb(215, 215, 215);--caomei-text-color-3: rgb(195, 195, 195);--caomei-text-color-4: rgb(175, 175, 175);--caomei-text-color-5: rgb(155, 155, 155);--caomei-text-color-6: rgb(135, 135, 135);--caomei-text-color-7: rgb(115, 115, 115);--caomei-text-color-8: rgb(95, 95, 95);--caomei-text-color-9: rgb(75, 75, 75);--caomei-text-color-0-invert: rgb(20, 20, 20);--caomei-text-color-1-invert: rgb(30, 30, 30);--caomei-text-color-2-invert: rgb(50, 50, 50);--caomei-text-color-3-invert: rgb(70, 70, 70);--caomei-text-color-4-invert: rgb(90, 90, 90);--caomei-text-color-5-invert: rgb(110, 110, 110);--caomei-text-color-6-invert: rgb(130, 130, 130);--caomei-text-color-7-invert: rgb(150, 150, 150);--caomei-text-color-8-invert: rgb(170, 170, 170);--caomei-text-color-9-invert: rgb(190, 190, 190);--caomei-border-0: 1px solid rgb(30, 30, 30);--caomei-border-1: 1px solid rgb(40, 40, 40);--caomei-border-2: 1px solid rgb(50, 50, 50);--caomei-border-3: 1px solid rgb(60, 60, 60);--caomei-border-4: 1px solid rgb(70, 70, 70);--caomei-border-5: 1px solid rgb(80, 80, 80);--caomei-border-6: 1px solid rgb(90, 90, 90);--caomei-border-7: 1px solid rgb(100, 100, 100);--caomei-border-8: 1px solid rgb(110, 110, 110);--caomei-border-9: 1px solid rgb(120, 120, 120);--caomei-box-shadow: 0px 3px 15px rgba(243, 243, 243, .08);--caomei-primary-color: rgb(50, 86, 136);--caomei-primary-color-dark: rgb(75, 126, 198);--caomei-primary-color-light: #273141;--caomei-primary-color-light2: #374c6c;--caomei-primary-color-hover: rgb(52, 91, 146);--caomei-primary-color-active: rgb(26, 58, 92);--caomei-success-color: rgb(32, 125, 91);--caomei-success-color-dark: rgb(35, 153, 110);--caomei-success-color-light: #2a3d2e;--caomei-success-color-light2: #3d5d42;--caomei-success-color-hover: rgb(34, 134, 97);--caomei-success-color-active: rgb(27, 109, 79);--caomei-info-color: rgb(50, 86, 136);--caomei-info-color-dark: rgb(75, 126, 198);--caomei-info-color-light: #273141;--caomei-info-color-light2: #374c6c;--caomei-info-text-color: rgba(173, 207, 255, .8);--caomei-info-color-hover: rgb(52, 91, 146);--caomei-info-color-active: rgb(26, 58, 92);--caomei-error-color: rgb(161, 74, 74);--caomei-error-color-dark: rgb(197, 88, 88);--caomei-error-color-light: #432e2e;--caomei-error-color-light2: #614140;--caomei-error-text-color: rgb(255, 127, 127, .8);--caomei-error-color-hover: rgb(175, 80, 80);--caomei-error-color-active: rgb(123, 55, 55);--caomei-warning-color: rgb(149, 124, 64);--caomei-warning-color-dark: rgb(186, 132, 7);--caomei-warning-color-light: #372b15;--caomei-warning-color-light2: #543c15;--caomei-warning-text-color: rgb(255, 224, 100, .8);--caomei-warning-color-hover: rgb(159, 132, 69);--caomei-warning-color-active: rgb(126, 104, 53);--caomei-normal-color: rgb(84, 81, 81);--caomei-normal-color-dark: rgb(129, 129, 129);--caomei-normal-color-light: #2f2f2f;--caomei-normal-color-light2: #464646;--caomei-normal-text-color: rgb(212, 212, 212, .8);--caomei-normal-color-hover: rgb(88, 88, 88);--caomei-normal-color-active: rgb(75, 75, 75);--caomei-form-border-width: 1.5px;--caomei-form-border-color: rgb(35, 35, 35);--caomei-form-border-color-hover: rgb(40, 40, 40);--caomei-form-border-color-active: rgba(96, 96, 96, .8);--caomei-form-border-color-focus: var(--caomei-primary-color);--caomei-form-bgcolor: rgb(35, 35, 35);--caomei-form-bgcolor-hover: rgb(40, 40, 40);--caomei-form-bgcolor-active: rgb(32, 32, 32);--caomei-form-bgcolor-focus: rgb(45, 45, 45);--caomei-form-bgcolor-high: rgba(71, 71, 71, .5);--caomei-form-bgcolor-high-hover: rgba(71, 71, 71, .801);--caomei-form-bgcolor-high-active: rgba(71, 71, 71, 1);--caomei-modal-bgcolor: rgba(175, 175, 175, .05);--caomei-loading-bgcolor: rgba(0, 0, 0, .5);--caomei-povpoer-bgcolor: #333;--caomei-message-bgcolor: rgb(59, 59, 59);--caomei-notification-bgcolor: rgb(50, 50, 50)}a{color:var(--caomei-text-color-2)}pre{padding:10px}::-webkit-scrollbar{width:50px;background-color:var(--caomei-bgcolor-2)}::-webkit-scrollbar-thumb:hover{background-color:var(--caomei-bgcolor-9)}::-webkit-scrollbar-thumb{background-color:var(--caomei-bgcolor-6)}.sub-title{font-size:14px;color:var(--caomei-text-color-6);font-weight:400;line-height:30px}.demo-tips{font-size:14px;color:var(--caomei-text-color-6);font-weight:400;margin:20px 0}.guide-wrapper p{line-height:30px;font-size:14px;margin:10px 0 20px;color:var(--caomei-text-color-5)}.guide-wrapper .pre-box{margin-top:10px}.guide-wrapper .pre-box code{border-radius:var(--caomei-border-radius);overflow:hidden}.container{height:calc(100vh - 120px)}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}