.more-box[data-v-d89af036]{text-align:center}.g-layout__description[data-v-d89af036]{color:var(--o-color-info2)}@media (max-width:840px){[data-v-d89af036] .sec-body.sec-body{margin-top:8px}}[data-v-d89af036] .text-overflow__inner{text-align:left!important}[data-v-d89af036] .sec-sub-title{color:var(--o-color-info2);padding:0 calc(var(--o3-gap-9)*3)}@media (max-width:840px){[data-v-d89af036] .sec-sub-title{margin-top:8px;padding:0}}.all-width[data-v-d89af036] .sec-sub-title{padding:0}.intr-main[data-v-d89af036]{margin-top:var(--o3-gap-6)}.intr-main[data-v-d89af036] .sec-sub-title{margin-top:var(--o3-gap-2)}.intr-main[data-v-d89af036] .sec-body{margin-top:var(--o3-gap-5)}.intr-main .architecture-img[data-v-d89af036]{-moz-column-gap:var(--grid-column-gutter);column-gap:var(--grid-column-gutter)}@media (max-width:840px){.intr-main .architecture-img[data-v-d89af036]{flex-direction:column;margin-top:12px;row-gap:var(--o3-gap-5)}}.intr-main .architecture-img .left-img[data-v-d89af036]{background-color:var(--o-color-white);width:var(--grid-13)}@media (min-width:841px) and (max-width:1200px){.intr-main .architecture-img .left-img[data-v-d89af036]{width:var(--grid-8)}}@media (max-width:840px){.intr-main .architecture-img .left-img[data-v-d89af036]{border-radius:8px;width:auto}.intr-main .architecture-img .left-img .img-item[data-v-d89af036]{border-radius:8px}}.intr-main .architecture-img .architecture[data-v-d89af036]{background-color:var(--o-color-white);display:flex;max-height:calc(var(--layout-content-width)*.456);min-height:100%;overflow:auto;padding:var(--o3-gap-5);padding-left:0;scrollbar-width:thin;transition:height .3s ease-out;width:var(--grid-7)}@media (max-width:1200px){.intr-main .architecture-img .architecture[data-v-d89af036]{max-height:calc(var(--layout-content-width)*.48)}}@media (min-width:841px) and (max-width:1200px){.intr-main .architecture-img .architecture[data-v-d89af036]{padding:var(--o3-gap-7);width:var(--grid-4)}}@media (max-width:840px){.intr-main .architecture-img .architecture[data-v-d89af036]{border-radius:8px;max-height:none;width:auto}}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036]{height:100%;max-width:100%;padding-left:var(--o3-gap-6);transition:height .3s ease-out}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] b,.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] strong{color:var(--o-color-info1);font-weight:700}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] i,.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] em{font-family:HarmonyOS-Hans,monospace;font-style:italic}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] img{max-width:100%}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] video{max-width:100%}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] a{--link-underline-x:100%;background:linear-gradient(0deg,var(--o-color-link1),var(--o-color-link1)) no-repeat var(--link-underline-x) bottom;background-size:0 1px;color:var(--o-color-link1)!important;transition:background-size var(--o-easing-standard) var(--o-duration-m2)}@media (min-width:601px) and (hover:hover){.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] a:hover{background-position-x:left;background-size:var(--link-underline-x) 1px}}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table{--radius:8px;--border:1px solid var(--o-color-control4);border:none;border-collapse:separate;border-radius:var(--radius);border-spacing:0;width:100%}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table td,.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table th{border:none;padding:16px;white-space:normal}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table tr td,.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table tr th{border-bottom:var(--border);border-right:var(--border)}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table tr:first-of-type th{background-color:var(--o-color-control3-light);border-top:var(--border)}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table tr:first-of-type th:first-of-type{border-left:var(--border);border-top-left-radius:var(--radius)}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table tr:first-of-type th:last-of-type{border-top-right-radius:var(--radius)}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table tr td:first-of-type{border-left:var(--border)}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table tr:last-of-type td:first-of-type{border-bottom-left-radius:var(--radius)}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table tr:last-of-type td:last-of-type{border-bottom-right-radius:var(--radius)}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table .code-box{display:grid}@media (max-width:600px){.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table .code-box{display:revert}}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table::-webkit-scrollbar{display:block;height:6px}@media (hover:hover){.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table:hover::-webkit-scrollbar{display:block}}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table .document-tip-state-block{margin:12px 0}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table .document-tip-state-block:last-child{margin-bottom:0}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table p{margin-bottom:12px}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table p:last-child{margin-bottom:0}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table ol li,.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table p,.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] table ul li{margin-top:0}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] ul{list-style:none}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] ul li{font-size:var(--font-size);line-height:var(--line-height);position:relative}@media (min-width:1681px){.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] ul li{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] ul li{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] ul li{--font-size:12px;--line-height:18px}}@media (max-width:840px){.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] ul li{--font-size:12px;--line-height:18px}}.intr-main .architecture-img .architecture .architecture-item[data-v-d89af036] ul li:before{background-color:var(--o-color-info1);border-radius:4px;content:"";height:4px;left:-10px;position:absolute;top:calc(var(--line-height)/2 - 2px);width:4px}@media (max-width:840px){.intr-main .architecture-img .architecture .less-height[data-v-d89af036]{height:150px;height:90px;overflow:hidden;transition:height .5s ease-out}}.openicon[data-v-d89af036]{font-size:16px}