.van-doc-demo-block__title{color:var(--van-doc-text-color-4);font-size:14px;font-weight:400;line-height:16px;margin:0;padding:32px 16px 16px}.van-doc-demo-block__card{border-radius:8px;margin:12px 12px 0;overflow:hidden}.van-doc-demo-block__title+.van-doc-demo-block__card{margin-top:0}.van-doc-demo-block:first-of-type .van-doc-demo-block__title{padding-top:20px}.van-doc-demo-section{box-sizing:border-box;min-height:calc(100vh - 56px);padding-bottom:20px}.demo-home-nav__title{color:var(--van-doc-text-color-4);font-size:14px;margin:24px 0 8px 16px}.demo-home-nav__block{background-color:var(--van-doc-background-3);border-radius:99px;color:var(--van-doc-text-color-3);display:flex;font-size:14px;font-weight:600;line-height:40px;margin:0 0 12px;padding-left:20px;position:relative;transition:opacity.3s}.demo-home-nav__block:hover{opacity:.8}.demo-home-nav__block:active{opacity:.6}.demo-home-nav__icon{height:16px;margin-top:-8px;position:absolute;right:16px;top:50%;width:16px}.demo-home{box-sizing:border-box;min-height:100vh;padding:46px 20px 20px;width:100%}.demo-home__desc,.demo-home__title{font-weight:400;line-height:1;padding-left:16px;-webkit-user-select:none;user-select:none}.demo-home__title{font-size:32px;margin:0 0 16px}.demo-home__title img,.demo-home__title span{display:inline-block;vertical-align:middle}.demo-home__title img{width:32px}.demo-home__title span{margin-left:16px}.demo-home__title--small{font-size:24px}.demo-home__desc{color:var(--van-doc-text-color-4);font-size:14px;line-height:1.6;margin:0 0 40px}.demo-nav{align-items:center;background-color:var(--van-doc-background-3);display:flex;height:56px;justify-content:center;position:relative}.demo-nav__title{font-size:17px;font-weight:600;text-transform:capitalize}.demo-nav__back{cursor:pointer;height:24px;left:16px;position:absolute;top:16px;width:24px}:host,:root{--van-doc-black:#000;--van-doc-white:#fff;--van-doc-gray-1:#f7f8fa;--van-doc-gray-2:#f2f3f5;--van-doc-gray-3:#ebedf0;--van-doc-gray-4:#dcdee0;--van-doc-gray-5:#c8c9cc;--van-doc-gray-6:#969799;--van-doc-gray-7:#646566;--van-doc-gray-8:#323233;--van-doc-blue:#1989fa;--van-doc-green:#07c160;--van-doc-purple:#8e69d3;--van-doc-padding:32px;--van-doc-row-max-width:1680px;--van-doc-nav-width:220px;--van-doc-border-radius:20px;--van-doc-simulator-width:360px;--van-doc-simulator-height:620px;--van-doc-header-top-height:64px;--van-doc-code-font-family:"Menlo","Source Code Pro","Monaco","Inconsolata",monospace}.van-doc-theme-light{--van-doc-text-color-1:var(--van-doc-black);--van-doc-text-color-2:var(--van-doc-gray-8);--van-doc-text-color-3:#34495e;--van-doc-text-color-4:var(--van-doc-gray-6);--van-doc-link-color:var(--van-doc-blue);--van-doc-background:#eff2f5;--van-doc-background-2:var(--van-doc-white);--van-doc-background-3:var(--van-doc-white);--van-doc-header-background:#011f3c;--van-doc-border-color:var(--van-doc-gray-2);--van-doc-code-color:#58727e;--van-doc-code-comment-color:var(--van-doc-gray-6);--van-doc-code-background:var(--van-doc-gray-1);--van-doc-blockquote-color:#2f85da;--van-doc-blockquote-background:#ecf9ff}.van-doc-theme-dark{--van-doc-text-color-1:var(--van-doc-white);--van-doc-text-color-2:hsla(0,0%,100%,.9);--van-doc-text-color-3:hsla(0,0%,100%,.75);--van-doc-text-color-4:hsla(0,0%,100%,.6);--van-doc-link-color:#1bb5fe;--van-doc-background:#202124;--van-doc-background-2:hsla(0,0%,100%,.06);--van-doc-background-3:hsla(0,0%,100%,.1);--van-doc-header-background:rgba(1,31,60,.3);--van-doc-border-color:#3a3a3c;--van-doc-code-color:hsla(0,0%,78%,.85);--van-doc-code-comment-color:var(--van-doc-gray-7);--van-doc-code-background:rgba(0,0,0,.24);--van-doc-blockquote-color:#bae6fd;--van-doc-blockquote-background:rgba(7,89,133,.25)}body{-webkit-font-smoothing:antialiased;background-color:var(--van-doc-background);color:var(--van-doc-text-color-2);font-family:Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-size:16px;min-width:1100px;overflow-x:auto}body,p{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;margin:0}ol,ul{list-style:none;margin:0;padding:0}a{text-decoration:none}.van-doc-row{width:100%}@media(min-width:var(--van-doc-row-max-width)){.van-doc-row{margin:0 auto;width:var(--van-doc-row-max-width)}}body{background-color:inherit;min-width:100vw}.van-doc-theme-light{background-color:var(--van-doc-gray-1)}.van-doc-theme-dark{background-color:var(--van-doc-black)}::-webkit-scrollbar{background:transparent;width:0}