/*! @meri-design 2025-06-18 */*{margin:0;padding:0;box-sizing:border-box;word-break:break-all}fieldset,img{border:0}dl,li,menu,ol,ul{list-style:none}a{outline:0}a,active,ahover{text-decoration:none}button{outline:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:1300px;width:100%;-ms-overflow-style:none;scrollbar-width:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,RobotoHelvetica Neue,PingFang SC,Noto Sans,Noto Sans CJK SC,Microsoft YaHei,微软雅黑,sans-serif;font-style:normal;overflow:auto}body::-webkit-scrollbar{display:none}@font-face{font-family:Lato;src:url(images/Lato-Bold.24b516c2.ttf);font-weight:400;font-style:normal}@font-face{font-family:LatoBlack;src:url(images/Lato-Bold.24b516c2.ttf);font-weight:400;font-style:normal}.plyr__video-wrapper,.plyr video{max-height:100vh}.criterion-video .plyr video{max-height:1920px;height:720px}.criterion-video .plyr__poster{height:720px}.criterion-video .plyr,.criterion-video .plyr--video,.criterion-video .plyr__video-wrapper{max-height:1920px;height:720px}.design-module .header-container,.pattern-module .header-container{width:100%;height:480px;margin-bottom:64px}.design-module .header-content,.pattern-module .header-content{display:flex;justify-content:space-between}.design-module .header-content>div,.pattern-module .header-content>div{align-self:center}.design-module .overall-introduction,.pattern-module .overall-introduction{width:64%;position:relative;top:-21px}.design-module .overall-introduction>div:first-child,.pattern-module .overall-introduction>div:first-child{color:#1f2329}.design-module .overall-introduction>div:not(:last-child),.pattern-module .overall-introduction>div:not(:last-child){margin-bottom:20px}.design-module .overall-introduction>div:not(:first-child),.pattern-module .overall-introduction>div:not(:first-child){color:#646c73;font-size:14px;line-height:22px}.design-module .header-img>img,.pattern-module .header-img>img{width:100%}.main-article{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,RobotoHelvetica Neue,PingFang SC,Noto Sans,Noto Sans CJK SC,Microsoft YaHei,微软雅黑,sans-serif;font-style:normal;color:#373c43}.main-article .horizonal-seperator{background:#e4e6e7;height:1px;margin:40px auto}.main-article h1{font-weight:600;font-size:24px;line-height:32px;margin-top:0;margin-bottom:24px}.main-article .mt40{margin-top:40px}.main-article .mt32{margin-top:32px}.main-article li,.main-article ul{list-style:disc;list-style-position:inside}.main-article li p,.main-article ul p{display:inline-block}.main-article li p+p,.main-article ul p+p{margin-top:12px}.main-article h2{font-weight:500;font-size:20px;line-height:28px;margin-bottom:12px}.main-article h1+h3{margin-top:42px}.main-article h1+h2{margin-top:24px}.main-article p+h2{margin-top:42px}.main-article .img-box+h2{margin-top:20px}.main-article p+.img-box{margin-top:12px}.main-article .mt20{margin-top:20px}.main-article .img-box+p,.main-article .img-box+strong,.main-article p+p,.main-article strong+.img-box{margin-top:12px}.main-article .img-box+h3{margin-top:20px}.main-article h3{font-weight:500;font-size:18px;line-height:26px;margin-bottom:12px}.main-article p+h3{margin-top:32px}.main-article p{font-weight:400;font-size:14px;line-height:28px;color:#646c73}.main-article strong{font-weight:500;font-size:14px;line-height:22px;color:#373c43}.p-layout-center{display:flex;justify-content:center;min-width:980px}.p-content-container{height:100%}.p-content-container .img,.p-content-container .img>img{width:100%}.p-bg-content-container{width:100%;display:flex;justify-content:center;background:#f8f9fb}.p-bg-content-container .img{width:90%;max-width:1280px;min-width:800px;border-radius:15px}.p-bg-content-container .img>img{width:100%}.sec-nav-view-module+.sec-nav-view-module{margin-top:64px}.sec-anchor-title-border-bottom{display:flex;justify-content:space-between;border-bottom:2px solid #1f2329;margin-bottom:90px}.sec-anchor-title-border-bottom>div:first-child{color:#39424e;border-top:1px solid #1f2329}.sec-anchor-title-border-bottom>div:nth-of-type(2){font-size:14px;color:#646c73;align-self:center}.sec-anchor-title-border-top{display:flex;justify-content:space-between;padding-top:28px;border-top:2px solid #1f2329;margin-bottom:90px}.sec-anchor-title-border-top .text>div:first-child{font-size:32px;color:#39424e;line-height:36px;margin-bottom:8px}.sec-anchor-title-border-top .text>div:nth-of-type(2){font-size:14px;color:#646c73}.sec-anchor-title-border-top .intro{font-size:14px;color:#646c73;line-height:22px;padding-bottom:17px;border-bottom:1px solid #1f2329;text-align:right;position:relative;top:10px}.item-intro-title-r{margin-bottom:98px}.item-intro-title-r .intro-text{display:flex;justify-content:flex-end;margin-bottom:54px}.item-intro-title-r .intro-text>div{text-align:right;padding-top:17px;position:relative}.item-intro-title-r .intro-text>div:before{content:"";display:block;position:absolute;top:0;right:0;height:1px;width:100%;background:#1f2329}.item-intro-title-r .intro-text>div>div:first-child{font-size:20px;line-height:28px;color:#373c43;margin-bottom:4px}.item-intro-title-r .intro-text>div>div:not(:first-child){font-size:14px;line-height:22px;color:#646c73}.item-intro-title-l{margin-bottom:98px}.item-intro-title-l .intro-text{display:flex;margin-bottom:54px}.item-intro-title-l .intro-text>div:first-child{padding-top:17px;position:relative}.item-intro-title-l .intro-text>div:first-child:before{content:"";display:block;position:absolute;top:0;left:0;height:1px;width:100%;background:#1f2329}.item-intro-title-l .intro-text>div:first-child>div:first-child{font-size:20px;line-height:28px;color:#373c43;margin-bottom:4px}.item-intro-title-l .intro-text>div:first-child>div:nth-of-type(2){font-size:14px;line-height:22px;color:#646c73}.specification{display:flex;justify-content:center;width:100%;min-width:920px}.specification .sec-nav-view-module{width:800px;margin-bottom:16px}.specification .sec-module-title{padding-left:10px;font-size:24px;color:#373c43;line-height:28px;position:relative;margin-bottom:32px}.specification .sec-module-title:before{content:"";display:block;height:24px;width:2px;background:#373c43;position:absolute;left:0;top:calc(50% - 12px)}.specification .img,.specification .img>img{width:100%}.specification .sec-module-content-title{font-size:16px;color:#1f2329;line-height:28px}.specification .content-text{font-size:14px;color:#646c73;line-height:22px}.specification .content-title{font-size:14px;color:#1f2329;line-height:22px}.img{font-size:0}.components-container .img-container-border{border:1px solid #e4e5e7}@media screen and (max-width:1600px){.header .header-container,.p-content-container{width:800px}.design-module .overall-introduction>div:first-child,.pattern-module .overall-introduction>div:first-child{font-size:40px;line-height:48px}.sec-anchor-title-border-bottom>div:first-child{font-size:24px;line-height:28px;padding:16px 0}.design-load .header-img,.frame .header-img,.layout-page .header-img,.pattern-module .header-img{width:32.81%}.spacing .header-img{width:28.28%}.color .header-img{width:27.18%}.font .header-img{width:31.25%}.chart-visualization .header-img,.dynamic-effect .header-img,.icon .header-img,.illustration .header-img{width:28.12%}}@media screen and (min-width:1601px){.header .header-container,.p-content-container{width:960px}.design-module .overall-introduction>div:first-child,.pattern-module .overall-introduction>div:first-child{font-size:40px;line-height:48px}.sec-anchor-title-border-bottom>div:first-child{font-size:24px;line-height:28px;padding:16px 0}.frame .header-img,.layout-page .header-img,.pattern-module .header-img{width:32.81%}.spacing .header-img{width:28.28%}.color .header-img{width:27.18%}.font .header-img{width:31.25%}.chart-visualization .header-img,.dynamic-effect .header-img,.icon .header-img,.illustration .header-img{width:28.12%}}.code-container{margin-bottom:210px;display:flex;justify-content:center}.code-container>div{width:800px;padding-top:48px}.code-container .attributes{margin-top:56px}.text-word-break{word-break:break-word}.english-text{font-family:LatoBlack}.header[data-v-571beb7e]{width:100%;height:64px;box-shadow:0 4px 10px 0 rgba(31,35,41,.08);display:flex;position:sticky;top:0;left:0;background:#fff;z-index:888}.header>div[data-v-571beb7e]{display:flex;justify-content:center}.header .header-container[data-v-571beb7e]{height:100%;width:100%;display:flex;position:sticky;top:0;left:0;justify-content:space-between;padding:0 60px}.header .loading-circle[data-v-571beb7e]{width:20px;height:20px;-webkit-animation:spin-571beb7e 2s linear infinite;-moz-animation:spin-571beb7e 2s linear infinite;animation:spin-571beb7e 2s linear infinite}.header .logo-box[data-v-571beb7e]{display:flex}.header .logo-box>div[data-v-571beb7e]{align-self:center;display:flex}.header .logo-box>div>div[data-v-571beb7e]:first-child{display:flex;cursor:pointer}.header .logo-box>div .title[data-v-571beb7e]{color:#1f2429;font-size:16px;padding-right:24px;position:relative;display:flex}.header .logo-box>div .title[data-v-571beb7e]:after{content:"";display:block;width:1px;height:14px;background:#c3c6cb;position:absolute;right:0;top:calc(50% - 7px)}.header .logo-box>div .title>span[data-v-571beb7e]{align-self:center}.header .logo-box>div .search[data-v-571beb7e]{position:relative;display:flex;margin-left:24px}.header .logo-box>div .search svg[data-v-571beb7e]{align-self:center}.header .logo-box>div .search>input[data-v-571beb7e]{border:none;height:22px;align-self:center;outline:none;margin-left:10px}.header .logo-box>div .search>input[data-v-571beb7e]:focus{box-shadow:none;border:none}.header .logo-box>div .search>input[data-v-571beb7e]::-webkit-input-placeholder{color:#c3c6cb}.header .logo-box>div .search-results[data-v-571beb7e]{padding:4px 16px 12px;z-index:20;position:absolute;left:-10px;top:45px;background:#fff;box-shadow:0 2px 10px 0 rgba(27,33,41,.102);border-radius:8px;border:none;width:560px;max-height:400px;overflow:auto}.header .logo-box>div .search-results[data-v-571beb7e]::-webkit-scrollbar{width:.5rem;background-color:#fff}.header .logo-box>div .search-results[data-v-571beb7e]::-webkit-scrollbar-track{background:#fff}.header .logo-box>div .search-results[data-v-571beb7e]::-webkit-scrollbar-track:hover{background-color:#f4f4f4}.header .logo-box>div .search-results[data-v-571beb7e]::-webkit-scrollbar-thumb{border-radius:1rem;background:#babac0;border:.1rem solid #fff}.header .logo-box>div .search-results[data-v-571beb7e]::-webkit-scrollbar-thumb:hover{background:#a0a0a5;border:.1rem solid #f4f4f4}.header .logo-box>div .search-results[data-v-571beb7e]::-webkit-scrollbar-button{display:none}.header .logo-box>div .search-results .second-nav-title[data-v-571beb7e]{padding:12px 16px 8px;font-family:Microsoft YaHei UI;font-size:14px;font-weight:700;line-height:22px;letter-spacing:0;text-align:left;color:#424c59;width:100%;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:row;cursor:pointer;align-items:center;white-space:nowrap;justify-content:space-between}.header .logo-box>div .search-results .second-nav-title .return-icon[data-v-571beb7e]{display:none}.header .logo-box>div .search-results[data-v-571beb7e] .hightspan{color:#246fe5}.header .logo-box>div .search-results .word-nav-title[data-v-571beb7e]{padding:10px 16px;font-family:Microsoft YaHei UI;font-size:14px;font-weight:400;line-height:22px;letter-spacing:0;text-align:left;color:#626c78;display:flex;cursor:pointer;flex-direction:row;border-radius:8px;align-items:center;justify-content:space-between}.header .logo-box>div .search-results .word-nav-title .word-nav-left[data-v-571beb7e]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.header .logo-box>div .search-results .word-nav-title .word-nav-left .txt-title-content[data-v-571beb7e]{margin-left:6px;white-space:nowrap}.header .logo-box>div .search-results .word-nav-title .return-icon[data-v-571beb7e]{display:none}.header .logo-box>div .search-results .word-nav-title.active[data-v-571beb7e],.header .logo-box>div .search-results .word-nav-title[data-v-571beb7e]:active,.header .logo-box>div .search-results .word-nav-title[data-v-571beb7e]:hover{background:#f1f4f6;color:#1b2129}.header .logo-box>div .search-results .word-nav-title.active span[data-v-571beb7e],.header .logo-box>div .search-results .word-nav-title:active span[data-v-571beb7e],.header .logo-box>div .search-results .word-nav-title:hover span[data-v-571beb7e]{color:#1b2129}.header .logo-box>div .search-results .word-nav-title.active .word-nav-left svg path[data-v-571beb7e],.header .logo-box>div .search-results .word-nav-title:active .word-nav-left svg path[data-v-571beb7e],.header .logo-box>div .search-results .word-nav-title:hover .word-nav-left svg path[data-v-571beb7e]{fill:#1b2129!important}.header .logo-box>div .search-results .word-nav-title.active .return-icon[data-v-571beb7e],.header .logo-box>div .search-results .word-nav-title:active .return-icon[data-v-571beb7e],.header .logo-box>div .search-results .word-nav-title:hover .return-icon[data-v-571beb7e]{display:inline}.header .logo-box>div .search-results .return-icon[data-v-571beb7e]{height:20px}.header .logo-box>div .search-results .txt-title-content[data-v-571beb7e]{width:400px;overflow:hidden;text-overflow:ellipsis}.header .logo-box>div .item[data-v-571beb7e]{padding-left:12px;height:38px;line-height:38px;font-size:14px;color:#1f2429;font-weight:400;cursor:pointer;transition:background .36s}.header .logo-box>div .item[data-v-571beb7e]:hover{background:#f5f6f7}.header .logo-box>div .loading-results[data-v-571beb7e],.header .logo-box>div .not-found[data-v-571beb7e]{font-family:Microsoft YaHei UI;font-size:14px;font-weight:400;line-height:22px;letter-spacing:0;text-align:left;color:#8b949e;padding-top:8px;display:flex;flex-direction:row;align-items:center;justify-content:center}.header .logo-box>div .loading-results>span[data-v-571beb7e],.header .logo-box>div .not-found>span[data-v-571beb7e]{display:flex;flex-direction:row;align-items:center;justify-content:center}.header .logo-box>div .loading-results>span .empty-txt[data-v-571beb7e],.header .logo-box>div .not-found>span .empty-txt[data-v-571beb7e]{margin-left:8px}.header .logo-box .img[data-v-571beb7e]{width:24px;margin-right:4px;border:none}.header .logo-box .img>img[data-v-571beb7e]{width:100%}.header .nav-bar>div[data-v-571beb7e]{display:flex;justify-content:space-between}.header .nav-bar>div>div[data-v-571beb7e]{position:relative;color:#646c73;font-size:16px;margin-left:16px;cursor:pointer;width:88px;height:62px;line-height:62px;text-align:center}.header .nav-bar>div>div[data-v-571beb7e]:after{content:"";display:block;width:100%;height:2px;left:0;bottom:0}.header .nav-bar>div>div[data-v-571beb7e]:hover:after{background:#454d54}.header .nav-bar>div .active-nav[data-v-571beb7e]{color:#454d54;font-weight:600}.header .nav-bar>div .active-nav[data-v-571beb7e]:after{background:#454d54}@-moz-keyframes spin-571beb7e{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes spin-571beb7e{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes spin-571beb7e{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-571beb7e{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.header-scroll[data-v-571beb7e]{background:#fff!important;box-shadow:0 4px 10px 0 rgba(31,35,41,.08)}.app{width:100%;min-height:100%;font-size:0}.app .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page-app{min-width:1360px}.home-page-app .header{background:#f1f6fb;box-shadow:none}.home-page-app .header input{background:transparent}.home-page-app .header-scroll{box-shadow:0 4px 10px 0 rgba(31,35,41,.08)}@media screen and (max-width:1440px){.home-page-app{min-width:1280px}}.resource-page-app .header{box-shadow:0 4px 10px 0 rgba(31,35,41,.08)}.design-container .header-img{font-size:0}.components-container .footer .p-content-container,.components-container .prev-next-nav .p-content-container{width:800px}:root{--g-scrollbar-size:0px;--g-scrollbar-border-size:2px;--white:#fff;--black:#000;--theme:var(--white);--theme-transparency:rgba(100,108,115,0.5);--box-shadow-blue:0 0 0 2px rgba(0,145,255,0.2);--box-shadow-top:0 -2px 10px rgba(31,35,41,0.1);--box-shadow-bottom:0 2px 10px rgba(31,35,41,0.1);--box-shadow-left:-2px 0 10px rgba(31,35,41,0.1);--box-shadow-right:2px 0 10px rgba(31,35,41,0.1);--box-shadow-min-top:-2px 2px 4px rgba(31,35,41,0.1);--box-shadow-min-bottom:2px -2px 4px rgba(31,35,41,0.1);--box-shadow-min-left:-2px -2px 4px rgba(31,35,41,0.1);--box-shadow-min-right:2px 2px 4px rgba(31,35,41,0.1);--box-shadow-max-bottom:0 8px 16px 0px rgba(0,65,115,0.15);--box-shadow-triangle-top:0 -2px 4px rgba(31,35,41,0.1);--box-shadow-triangle-bottom:0 2px 4px rgba(31,35,41,0.1);--box-shadow-triangle-left:-2px 0 4px rgba(31,35,41,0.1);--box-shadow-triangle-right:2px 0 4px rgba(31,35,41,0.1);--modal-shadow-bottom:0 20px 30px rgba(31,35,41,0.15);--popover-tip-bg:rgba(31,36,41,0.8);--blue-900:#1034b2;--blue-800:#1241bf;--blue-700:#1b4acc;--blue-600:#215dd9;--blue-500:#246fe5;--blue-400:#2481f2;--blue-300:#64a6f7;--blue-200:#9fc9fb;--blue-100:#d9ebff;--blue-50:#ebf6ff;--cyan-900:#00818c;--cyan-800:#008e96;--cyan-700:#00a2a7;--cyan-600:#09b3b5;--cyan-500:#14c4c4;--cyan-400:#33d4d2;--cyan-300:#72e1de;--cyan-200:#a6ede8;--cyan-100:#cbf7f3;--cyan-50:#e6fcf7;--turquoise-900:#00818c;--turquoise-800:#008e96;--turquoise-700:#00a2a7;--turquoise-600:#09b3b5;--turquoise-500:#14c4c4;--turquoise-400:#33d4d2;--turquoise-300:#72e1de;--turquoise-200:#a6ede8;--turquoise-100:#cbf7f3;--turquoise-50:#e6fcf7;--green-900:#13753f;--green-800:#0f8843;--green-700:#0c9b4a;--green-600:#15ae55;--green-500:#3fbe72;--green-400:#69cd90;--green-300:#8edbab;--green-200:#b6e9c7;--green-100:#daf7e1;--green-50:#ebffeb;--lime-900:#558000;--lime-800:#6a9107;--lime-700:#80a20e;--lime-600:#95b315;--lime-500:#aac41c;--lime-400:#bdd436;--lime-300:#cce062;--lime-200:#dbed8f;--lime-100:#e8f7bb;--lime-50:#f1fce6;--yellow-900:#e0a800;--yellow-800:#e6b507;--yellow-700:#ecc00c;--yellow-600:#f2cb0c;--yellow-500:#f8d60c;--yellow-400:#fbdf23;--yellow-300:#fbe750;--yellow-200:#fcef7e;--yellow-100:#fcf8b8;--yellow-50:#fdffe5;--orange-900:#cc5300;--orange-800:#d96c00;--orange-700:#e68600;--orange-600:#f29f00;--orange-500:#ffb800;--orange-400:#ffcc47;--orange-300:#ffd873;--orange-200:#ffe399;--orange-100:#fff0cc;--orange-50:#fffbe6;--red-900:#b80000;--red-800:#c71412;--red-700:#d72824;--red-600:#e63c35;--red-500:#f55047;--red-400:#f8766f;--red-300:#fa9b96;--red-200:#fdc1be;--red-100:#ffe6e5;--red-50:#fff5f5;--carmine-900:#4016b5;--carmine-800:#5124c4;--carmine-700:#683bd6;--carmine-600:#8252e3;--carmine-500:#9b6ced;--carmine-400:#b286f5;--carmine-300:#d3b2ff;--carmine-200:#e6d1ff;--carmine-100:#f1e5fe;--carmine-50:#fcf5ff;--purple-900:#780094;--purple-800:#910aa7;--purple-700:#a928b7;--purple-600:#be49c5;--purple-500:#d069d2;--purple-400:#de8bdc;--purple-300:#e9a8e6;--purple-200:#f1c5ee;--purple-100:#f7e3f5;--purple-50:#fff2fd;--violet-900:#4016b5;--violet-800:#5124c4;--violet-700:#683bd6;--violet-600:#8252e3;--violet-500:#9b6ced;--violet-400:#b286f5;--violet-300:#d3b2ff;--violet-200:#e6d1ff;--violet-100:#f1e5fe;--violet-50:#fcf5ff;--grey-900:#1b2129;--grey-800:#2e3742;--grey-700:#424c59;--grey-600:#626c78;--grey-500:#8b949e;--grey-400:#c4c9cf;--grey-300:#e1e5eb;--grey-200:#edf1f5;--grey-100:#f1f4f6;--grey-50:#f7f9fa;--hover-color-blue:var(--blue-100);--hover-color-grey:var(--grey-100)}.design-module,.pattern-module{margin-bottom:120px}.module-nav-title{margin-bottom:32px;font-weight:500;font-size:24px;line-height:34px;color:#1b2129;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:4px}.module-sec-nav-title{margin-bottom:16px;color:#1b2129;font-weight:500;font-size:20px;line-height:28px}.horizonal-seperator{background:#e4e6e7;height:1px;margin:40px auto}.g-scrollbar-default,.g-scrollbar-default:hover{overflow-x:hidden}::-webkit-scrollbar{width:var(--g-scrollbar-size)!important;height:var(--g-scrollbar-size)!important}::-webkit-scrollbar-track{border-radius:var(--g-scrollbar-size)!important}::-webkit-scrollbar-thumb{border-radius:var(--g-scrollbar-size)!important;border:var(--g-scrollbar-border-size) dashed transparent!important;background-color:var(--grey-400)!important;background-clip:padding-box!important}::-webkit-scrollbar-thumb:hover{background:var(--grey-400)!important}li,ul{list-style:disc;list-style-position:inside}li>div.p-text,li>p,ul>div.p-text,ul>p{display:inline-block}.app{--g-scrollbar-size:10px}.module-third-nav-title{margin-bottom:16px;color:#1f2429;font-weight:500;font-size:16px;line-height:24px}.p-text+.module-third-nav-title{margin-top:16px}.p-text{font-size:14px;font-weight:400;color:#2e3742}.p-text .p-text-title{font-weight:500;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.p-text .p-text-title+span{display:inline}.p-text span+.p-text-title{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}@media screen and (max-width:960px){body:has(.criterion-page.design-container){min-width:auto}body:has(.criterion-page.design-container) .nav-bar{display:none}body:has(.criterion-page.design-container) .header .logo-box>div .title:after{display:none}body:has(.criterion-page.design-container) .header .logo-box>div .search{display:none}body:has(.criterion-page.design-container) .header .header-container{padding:0 20px;margin-bottom:0}body:has(.criterion-page.design-container) .p-layout-center{min-width:auto;height:auto}body:has(.criterion-page.design-container) .criterion-video .plyr,body:has(.criterion-page.design-container) .criterion-video .plyr--video,body:has(.criterion-page.design-container) .criterion-video .plyr__video-wrapper{height:100%}body:has(.criterion-page.design-container) .criterion-video .plyr__poster,body:has(.criterion-page.design-container) .criterion-video .plyr video{height:100%;background-size:cover}}body.mobile-body-detect{min-width:auto}body.mobile-body-detect .nav-bar{display:none}body.mobile-body-detect .header .header-container{padding:0 0 0 20px;margin-bottom:0}body.mobile-body-detect .header .header-container .logo-box{min-width:340px}body.mobile-body-detect .header .header-container .logo-box>div{width:100%}body.mobile-body-detect .header .header-container .logo-box input{width:140px}body.mobile-body-detect .header .logo-box>div .search,body.mobile-body-detect .header .logo-box>div .title:after{display:none}body.mobile-body-detect .p-layout-center{min-width:auto;height:auto}body.mobile-body-detect .criterion-video .plyr,body.mobile-body-detect .criterion-video .plyr--video,body.mobile-body-detect .criterion-video .plyr__video-wrapper{height:100%}body.mobile-body-detect .criterion-video .plyr__poster,body.mobile-body-detect .criterion-video .plyr video{height:100%;background-size:cover}.desigin-pricinple-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:20px;margin-top:30px;width:100%;height:131px;background:#f6f8fb;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0}.desigin-pricinple-link .icon-box{width:96px;height:83px;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0}.desigin-pricinple-link .icon-box img{width:100%;height:100%}.desigin-pricinple-link .link-box{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;-webkit-flex:1 1 0;-ms-flex:1 1 0px;flex:1 1 0;-ms-flex-pack:justify;height:80px;margin-left:12px}.desigin-pricinple-link .link-box,.desigin-pricinple-link .link-box .title-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-flex:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.desigin-pricinple-link .link-box .title-box{-webkit-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex:1 1 0;-ms-flex:1 1 0px;flex:1 1 0;width:100%;-ms-flex-align:start;-ms-flex-pack:justify}.desigin-pricinple-link .link-box .title-box>span{font-family:PingFang SC;font-style:normal;font-weight:500;font-size:20px;line-height:28px;color:#1b2129}.desigin-pricinple-link .link-box .title-box>a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:22px;border-radius:4px;padding:2px 14px 2px 8px;cursor:pointer;margin-right:-10px;color:#246fe5}.desigin-pricinple-link .link-box .title-box>a:hover{background:#edf1f5}.desigin-pricinple-link .link-box .title-box>a img{width:10px;margin-left:6px}.desigin-pricinple-link .link-box .desc-box{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#2e3742}.grid-text{-webkit-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.grid-text,.grid-text .grid-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.grid-text .grid-item{margin-top:18px;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-flex:1;-webkit-flex:1 1 0;-ms-flex:1 1 0px;flex:1 1 0}.grid-text .grid-item .grid-title{font-family:PingFang SC;font-style:normal;font-weight:500;font-size:16px;line-height:24px;margin-bottom:10px;color:#1f2329}.grid-text .grid-item ul{list-style:circle}.grid-text .grid-item ul li{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#2e3742}.color-grey-light{color:#626c78}.title-tag{height:28;border-radius:4px;padding:3px 10px;font-family:Microsoft YaHei UI;font-weight:400;font-size:14px;line-height:22px;letter-spacing:0;color:#fff}.title-tag.tag-purple{color:#c742f9;background-color:#ffe6e5}.title-tag.tag-green{background-color:#3fbe72}.inline *{display:inline!important}.p-text+.p-text{margin-top:16px}.p-text+.module-sec-nav-title{margin-top:32px}ul+.module-sec-nav-title{margin-top:20px}.bg-box{padding:28px;background:#f8f9fa;width:100%;color:#646c73;font-size:14px;line-height:22px}.bg-box .not-important{color:#c3c7cb}.img-box{width:100%;margin-top:12px;margin-bottom:12px}.img-box>img{width:100%;vertical-align:middle}.img-box+.module-sec-nav-title{margin-top:32px}.box-content{padding:16px 20px;width:100%;border:1px solid #c3c7cb}.box-content .box-content-title{margin-bottom:16px;padding-bottom:8px;color:#1f2429;font-weight:500;font-size:14px;line-height:22px;border-bottom:1px solid #c3c7cb}.box-content .text{color:#646c73;font-size:14px;line-height:28px}.attributes{width:100%}.attr-tr{display:flex;align-content:center}.attr-tr .attr-td{border-bottom:1px solid #eff0f1;color:#1f2429;font-size:14px}.attr-tr .max-td{width:40%!important}.attr-head{background-color:#f8f9fa}.attr-head .attr-td{padding-left:12px;padding-right:12px;line-height:40px;color:#646c73}.attr-body .attr-tr{transition:background-color .3s}.attr-body .attr-tr:hover{background-color:#f8f9fa}.attr-body .attr-td{padding:12px}.firstTitle{position:relative;margin-top:24px;margin-bottom:24px;padding-left:8px;line-height:28px;color:#1f2429;font-size:24px}.firstTitle:before{content:"";display:block;height:24px;width:2px;background:#333940;position:absolute;left:0;top:calc(50% - 12px)}.secondTitle{padding-top:8px;padding-bottom:8px;line-height:28px;color:#1f2429;font-size:16px}.hljs-comment,.hljs-quote{color:#655f6d}.hljs-attribute,.hljs-link,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#be4678}.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#aa573c}.hljs-bullet,.hljs-string,.hljs-symbol{color:#2a9292}.hljs-section,.hljs-title{color:#007cdb}.hljs-keyword,.hljs-selector-tag{color:#955ae7}.hljs-addition,.hljs-deletion{color:#19171c;display:inline-block;width:100%}.hljs-deletion{background-color:#c71077}.hljs-addition{background-color:#078372}.hljs{display:block;overflow-x:auto;background:#f8f9fa;color:#585260;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hightspan{color:#246fe5}.highlight{position:relative;width:100%;font-size:0}.highlight:hover .copy-code{opacity:1}.highlight .copy-code{position:absolute;right:16px;top:16px;opacity:0;transition:opacity .3s;cursor:pointer}.highlight code{font-size:14px}.highlight .code-svg{padding:16px;border-top:1px solid #e4e5e7;width:100%;text-align:center}.highlight .code-svg svg{cursor:pointer}.highlight .pre-box{transition:max-height .3s}.highlight .pre-box-show{border-top:1px solid #e4e5e7;max-height:280px;overflow:auto}.highlight .pre-box-hide{max-height:0;overflow:hidden}.code-card{margin-bottom:16px;border:1px solid #e4e5e7;border-radius:4px;width:100%}.component-content{padding:40px}