.view-principle-dlg .o-dlg-main{--dlg-width:var(--grid-16)}@media (max-width:1680px){.view-principle-dlg .o-dlg-main{--dlg-width:var(--grid-18)}}.view-principle-dlg ul{list-style:none;list-style-type:none}.header-subtitle[data-v-85907f60]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:500;line-height:var(--line-height);margin-bottom:8px;text-align:center}@media (min-width:1681px){.header-subtitle[data-v-85907f60]{--font-size:24px;--line-height:32px}}@media (min-width:1201px) and (max-width:1680px){.header-subtitle[data-v-85907f60]{--font-size:20px;--line-height:28px}}@media (min-width:841px) and (max-width:1200px){.header-subtitle[data-v-85907f60]{--font-size:18px;--line-height:26px}}@media (max-width:840px){.header-subtitle[data-v-85907f60]{--font-size:16px;--line-height:24px}}.main-content[data-v-85907f60]{color:var(--o-color-info2)}.demo-header-wrapper[data-v-acb14353]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--o-color-fill2);box-shadow:inset 0 -2px #2c2f34;position:sticky;top:var(--layout-header-height,var(--o3-gap-9));width:100%;z-index:2}.view-btn[data-v-acb14353]{align-items:center;cursor:pointer;display:inline-flex}.view-icon[data-v-acb14353]{color:var(--o-color-info2);font-size:var(--o-icon_size-m);margin-right:var(--o3-gap-2)}.demo-header-content[data-v-acb14353]{--o-gap-section:0}.demo-header-content[data-v-acb14353] .sec-body{align-items:center;display:flex;height:56px;justify-content:space-between;position:relative;width:100%}.header-type[data-v-acb14353]{color:var(--o-color-info3);font-size:var(--font-size);line-height:var(--line-height)}@media (min-width:1681px){.header-type[data-v-acb14353]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.header-type[data-v-acb14353]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.header-type[data-v-acb14353]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.header-type[data-v-acb14353]{--font-size:14px;--line-height:22px}}.header-title[data-v-acb14353]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:500;left:50%;line-height:var(--line-height);position:absolute;top:50%;transform:translate(-50%,-50%)}@media (min-width:1681px){.header-title[data-v-acb14353]{--font-size:20px;--line-height:28px}}@media (min-width:1201px) and (max-width:1680px){.header-title[data-v-acb14353]{--font-size:18px;--line-height:26px}}@media (min-width:841px) and (max-width:1200px){.header-title[data-v-acb14353]{--font-size:16px;--line-height:24px}}@media (max-width:840px){.header-title[data-v-acb14353]{--font-size:16px;--line-height:24px}}.header-action[data-v-acb14353]{color:var(--o-color-info2);font-size:var(--font-size);line-height:var(--line-height)}@media (min-width:1681px){.header-action[data-v-acb14353]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.header-action[data-v-acb14353]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.header-action[data-v-acb14353]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.header-action[data-v-acb14353]{--font-size:14px;--line-height:22px}}@media (hover:hover){.header-action[data-v-acb14353]:hover,.header-action:hover .view-icon[data-v-acb14353]{color:var(--o-color-info1)}}.sub-header[data-v-3a6076ec]{color:var(--o-color-info1);font-size:var(--font-size);line-height:var(--line-height)}@media (min-width:1681px){.sub-header[data-v-3a6076ec]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.sub-header[data-v-3a6076ec]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.sub-header[data-v-3a6076ec]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.sub-header[data-v-3a6076ec]{--font-size:12px;--line-height:18px}}.sub-header[data-v-3a6076ec]{background:var(--o-color-fill2)}.sub-header .demo-header-content[data-v-3a6076ec]{--o-gap-section:0}.sub-header .demo-header-content[data-v-3a6076ec] .sec-body{align-items:center;display:flex;height:56px;justify-content:flex-end;position:relative;width:100%}.main-section[data-v-3a6076ec]{--o-gap-section:var(--o3-gap-6)}.main-title[data-v-3a6076ec]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:500;line-height:var(--line-height)}@media (min-width:1681px){.main-title[data-v-3a6076ec]{--font-size:22px;--line-height:30px}}@media (min-width:1201px) and (max-width:1680px){.main-title[data-v-3a6076ec]{--font-size:18px;--line-height:26px}}@media (min-width:841px) and (max-width:1200px){.main-title[data-v-3a6076ec]{--font-size:16px;--line-height:24px}}@media (max-width:840px){.main-title[data-v-3a6076ec]{--font-size:16px;--line-height:24px}}.main-title+.main-desc[data-v-3a6076ec]{margin-top:var(--o3-gap-3)}.main-desc[data-v-3a6076ec]{color:var(--o-color-info2);font-size:var(--font-size);line-height:var(--line-height)}@media (min-width:1681px){.main-desc[data-v-3a6076ec]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.main-desc[data-v-3a6076ec]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.main-desc[data-v-3a6076ec]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.main-desc[data-v-3a6076ec]{--font-size:14px;--line-height:22px}}.demo-page{background-color:var(--o-color-fill1);min-height:calc(100vh - var(--layout-header-height) - var(--layout-footer-height));padding-bottom:var(--o3-gap-10)}.tab-btn{--btn-bd-color:transparent;--btn-bg-color-hover:transparent;--btn-bg-color-active:transparent;background:var(--o-color-fill1)}@media (hover:hover){.tab-btn:hover.o-btn-outline.o-btn-primary:not(.o-btn-disabled):hover{--btn-bg-color-hover:transparent;color:var(--o-color-info1)}}.tab-btn.o-btn-outline.o-btn-primary:not(.o-btn-disabled):active{--btn-bg-color-active:transparent;color:var(--o-color-info1)}.tab-btn.active{background-color:transparent;border:1px solid var(--o-color-primary2)}.tab-btn+.tab-btn{margin-left:var(--o3-gap-4)}.video-wrapper{margin-top:var(--o3-gap-6)}@media (max-width:840px){.video-wrapper{overflow-x:auto}}.video-wrapper .main-video{display:flex;justify-content:center;margin:0 auto;width:1200px}@media (max-width:1440px){.video-wrapper .main-video{width:1025px}}@media (max-width:1200px){.video-wrapper .main-video{width:777px}}.video-wrapper .main-video video{width:100%}.select-wrapper{align-items:center;display:flex}.select-wrapper label{margin-right:var(--o3-gap-4)}.select-wrapper .o-select{width:240px}@media (max-width:1200px){.select-wrapper .o-select{width:200px}}