.all-code-section[data-v-35c939fc]{background-color:#fff;padding:40px 0 58px;width:100%}.all-code-section .main-con[data-v-35c939fc]{margin:0 auto;max-width:calc(100% - 48px);width:1280px}.all-code-section .main-con .header-texts[data-v-35c939fc]{margin-bottom:42px;text-align:center}.all-code-section .main-con .header-texts h2[data-v-35c939fc]{color:#161a22;font-size:28px;font-weight:600;letter-spacing:0;line-height:38px;margin-bottom:10px}.all-code-section .main-con .header-texts p[data-v-35c939fc]{color:#8a93a3;font-size:14px;line-height:22px;margin:0}.all-code-section .main-con .layout-container[data-v-35c939fc]{align-items:center;display:flex;gap:30px;padding:0}.all-code-section .main-con .layout-container .sidebar[data-v-35c939fc]{flex-shrink:0;width:300px}.all-code-section .main-con .layout-container .sidebar .section-card[data-v-35c939fc]{background:#fff;border:1px solid #e8eef7;border-radius:8px;box-shadow:0 8px 30px rgba(45,80,132,.07);margin-bottom:14px;overflow:hidden;transition:all .3s}.all-code-section .main-con .layout-container .sidebar .section-card.expanded[data-v-35c939fc]{border-color:#e5edf8;box-shadow:0 12px 34px rgba(45,80,132,.1)}.all-code-section .main-con .layout-container .sidebar .section-card .section-header[data-v-35c939fc]{align-items:center;cursor:pointer;display:flex;min-height:66px;padding:18px 16px;position:relative}.all-code-section .main-con .layout-container .sidebar .section-card .section-header .color-bar[data-v-35c939fc]{border-radius:4px;height:24px;left:8px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s;width:4px}.all-code-section .main-con .layout-container .sidebar .section-card .section-header .header-content[data-v-35c939fc]{align-items:center;display:flex;flex:1;font-size:16px;line-height:24px;margin-left:4px;min-width:0;transition:color .3s}.all-code-section .main-con .layout-container .sidebar .section-card .section-header .header-content .header-icon[data-v-35c939fc]{font-size:23px;line-height:1;margin-right:13px}.all-code-section .main-con .layout-container .sidebar .section-card .section-header .header-content .section-badge[data-v-35c939fc]{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 28px;font-size:16px;font-weight:700;height:28px;justify-content:center;line-height:1;margin-right:16px;width:28px}.all-code-section .main-con .layout-container .sidebar .section-card .section-header .header-content .header-prefix[data-v-35c939fc]{font-size:18px;font-weight:500;margin-right:10px;white-space:nowrap}.all-code-section .main-con .layout-container .sidebar .section-card .section-header .header-content .header-title[data-v-35c939fc]{font-weight:500;white-space:nowrap}.all-code-section .main-con .layout-container .sidebar .section-card .section-header .header-content.collapsed .header-prefix[data-v-35c939fc],.all-code-section .main-con .layout-container .sidebar .section-card .section-header .header-content.collapsed .header-title[data-v-35c939fc]{color:#25324b}.all-code-section .main-con .layout-container .sidebar .section-card .section-header .arrow-icon[data-v-35c939fc]{font-size:12px;font-weight:700;margin-left:12px;transition:all .3s}.all-code-section .main-con .layout-container .sidebar .section-card .sub-items-wrapper[data-v-35c939fc]{overflow:hidden}.all-code-section .main-con .layout-container .sidebar .section-card .sub-items-wrapper .sub-items[data-v-35c939fc]{background:#fff;border:1px solid #eef2f8;border-radius:8px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.5);height:380px;margin:0 12px 12px;padding:12px}.all-code-section .main-con .layout-container .sidebar .section-card .sub-items-wrapper .sub-items .sub-item[data-v-35c939fc]{align-items:center;border-radius:8px;color:#48546a;cursor:pointer;display:flex;font-size:14px;line-height:20px;margin-bottom:7px;min-height:50px;padding:8px 13px;transition:all .3s}.all-code-section .main-con .layout-container .sidebar .section-card .sub-items-wrapper .sub-items .sub-item[data-v-35c939fc]:last-child{margin-bottom:0}.all-code-section .main-con .layout-container .sidebar .section-card .sub-items-wrapper .sub-items .sub-item .sub-num[data-v-35c939fc]{align-items:center;background-color:#eef2f7;border-radius:50%;color:#9aa5b6;display:inline-flex;flex:0 0 28px;font-size:12px;font-weight:600;height:28px;justify-content:center;margin-right:14px;transition:all .3s;width:28px}.all-code-section .main-con .layout-container .sidebar .section-card .sub-items-wrapper .sub-items .sub-item .sub-name[data-v-35c939fc]{flex:1;font-weight:500}.all-code-section .main-con .layout-container .sidebar .section-card .sub-items-wrapper .sub-items .sub-item .sub-arrow[data-v-35c939fc]{color:#fff;font-size:14px;margin-left:8px}.all-code-section .main-con .layout-container .sidebar .section-card .sub-items-wrapper .sub-items .sub-item[data-v-35c939fc]:hover:not(.active){background-color:#f4f8ff;color:#2467ff}.all-code-section .main-con .layout-container .sidebar .section-card .sub-items-wrapper .sub-items .sub-item.active[data-v-35c939fc]{color:#fff}.all-code-section .main-con .layout-container .sidebar .section-card .sub-items-wrapper .sub-items .sub-item.active .sub-num[data-v-35c939fc]{background-color:hsla(0,0%,100%,.22);color:#fff}.all-code-section .main-con .layout-container .sidebar .more-link[data-v-35c939fc]{align-items:center;background:#f3f7ff;border-radius:6px;color:#2f75ff;cursor:pointer;display:flex;font-size:14px;font-weight:500;line-height:20px;margin-top:18px;padding:20px;transition:all .3s}.all-code-section .main-con .layout-container .sidebar .more-link .link-icon[data-v-35c939fc]{color:#2f75ff;font-size:17px;margin-right:10px}.all-code-section .main-con .layout-container .sidebar .more-link[data-v-35c939fc]:hover{background:#e9f1ff;color:#1763f7}.all-code-section .main-con .layout-container .right-content[data-v-35c939fc]{flex:1;min-width:0}.all-code-section .main-con .layout-container .right-content .image-box[data-v-35c939fc]{padding-top:2px;position:relative;width:100%}.all-code-section .main-con .layout-container .right-content .image-box img[data-v-35c939fc]{border-radius:8px;display:block;width:100%}.all-code-section .main-con .layout-container .right-content .image-box[data-v-35c939fc] .ant-carousel{width:100%}.all-code-section .main-con .layout-container .right-content .image-box[data-v-35c939fc] .ant-carousel .slick-dots{bottom:24px}.all-code-section .main-con .layout-container .right-content .image-box[data-v-35c939fc] .ant-carousel .slick-dots li{height:10px;margin:0 6px;width:30px}.all-code-section .main-con .layout-container .right-content .image-box[data-v-35c939fc] .ant-carousel .slick-dots li button{background-color:#060606;border-radius:10px;height:100%;opacity:.2;width:100%}.all-code-section .main-con .layout-container .right-content .image-box[data-v-35c939fc] .ant-carousel .slick-dots li.slick-active{position:relative;width:46px}.all-code-section .main-con .layout-container .right-content .image-box[data-v-35c939fc] .ant-carousel .slick-dots li.slick-active button{background-color:#e0e0e0;opacity:.4;width:100%}.all-code-section .main-con .layout-container .right-content .image-box[data-v-35c939fc] .ant-carousel .slick-dots li.slick-active:after{background-color:#0080ff;border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;width:var(--slide-progress,100%)}@media (max-width:1536px){.all-code-section[data-v-35c939fc]{padding:32px 0 48px}.all-code-section .main-con[data-v-35c939fc]{max-width:1280px;width:calc(100% - 240px)}.all-code-section .main-con .header-texts[data-v-35c939fc]{margin-bottom:30px}.all-code-section .main-con .layout-container[data-v-35c939fc]{gap:24px}.all-code-section .main-con .layout-container .sidebar[data-v-35c939fc]{width:280px}.all-code-section .main-con .layout-container .sidebar .section-card .section-header[data-v-35c939fc]{min-height:60px;padding:15px 14px}.all-code-section .main-con .layout-container .sidebar .more-link[data-v-35c939fc]{padding:16px}}@media (max-width:1536px) and (max-height:900px){.all-code-section[data-v-35c939fc]{padding:28px 0 42px}.all-code-section .main-con .header-texts[data-v-35c939fc]{margin-bottom:26px}.all-code-section .main-con .layout-container .sidebar .section-card[data-v-35c939fc]{margin-bottom:10px}.all-code-section .main-con .layout-container .sidebar .section-card .section-header[data-v-35c939fc]{min-height:58px;padding:14px}.all-code-section .main-con .layout-container .sidebar .section-card .sub-items-wrapper .sub-items[data-v-35c939fc]{height:320px;padding:10px}.all-code-section .main-con .layout-container .sidebar .section-card .sub-items-wrapper .sub-items .sub-item[data-v-35c939fc]{margin-bottom:5px;min-height:44px;padding:6px 11px}.all-code-section .main-con .layout-container .sidebar .more-link[data-v-35c939fc]{margin-top:14px}}@media (max-width:1536px) and (max-height:800px){.all-code-section[data-v-35c939fc]{padding:24px 0 36px}.all-code-section .main-con .header-texts[data-v-35c939fc]{margin-bottom:20px}.all-code-section .main-con .layout-container .sidebar .section-card .section-header[data-v-35c939fc]{min-height:54px;padding:12px 14px}.all-code-section .main-con .layout-container .sidebar .section-card .sub-items-wrapper .sub-items[data-v-35c939fc]{height:290px}.all-code-section .main-con .layout-container .sidebar .section-card .sub-items-wrapper .sub-items .sub-item[data-v-35c939fc]{margin-bottom:4px;min-height:40px}.all-code-section .main-con .layout-container .sidebar .more-link[data-v-35c939fc]{padding:14px 16px}}@media (max-width:1024px){.all-code-section .main-con .layout-container[data-v-35c939fc]{padding:0}}@media (max-width:768px){.all-code-section[data-v-35c939fc]{padding:42px 0}.all-code-section .main-con[data-v-35c939fc]{max-width:calc(100% - 32px)}.all-code-section .main-con .layout-container[data-v-35c939fc]{flex-direction:column}.all-code-section .main-con .layout-container .right-content[data-v-35c939fc],.all-code-section .main-con .layout-container .sidebar[data-v-35c939fc]{width:100%}}.fade-enter-active[data-v-35c939fc],.fade-leave-active[data-v-35c939fc]{transition:opacity .3s ease}.fade-enter[data-v-35c939fc],.fade-leave-to[data-v-35c939fc]{opacity:0}.slide-enter-active[data-v-35c939fc],.slide-leave-active[data-v-35c939fc]{max-height:400px;transition:max-height .4s ease-in-out,opacity .4s ease-in-out}.slide-enter[data-v-35c939fc],.slide-leave-to[data-v-35c939fc]{max-height:0;opacity:0}