*{box-sizing:border-box;padding:0}*,blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0}ol,ul{list-style:none}a{color:inherit;text-decoration:none}body{background:#fff;color:#0c0d0e}button{background:none;color:inherit;cursor:pointer;font:inherit;padding:0}button,button:active,button:focus{border:none;outline:none}.home-container{color:#0c0d0e;height:100%;width:100%}.home-container-inner{background-color:#fdfdfd;background-position:top;background-repeat:repeat-x;background-size:unset;border:1px solid #e8e9eb;border-radius:20px;height:calc(100% - 58px);overflow-y:auto;padding-bottom:40px;padding-top:32px;scrollbar-width:none;width:100%}.home-title{align-items:flex-start;display:flex;height:40px;justify-content:center}.home-title-img{display:block;height:36px;position:relative;top:4px}.home-logo{display:block;height:32px;margin-right:16px}.home-desc{color:#737a87;font-size:14px;font-style:normal;font-weight:400;margin:0;margin-top:16px;text-align:center}.home-demo-list{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:0 auto;width:800px}.home-demo-item{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.home-demo-item:nth-child(2) .home-demo-cord{background:#f2f5fb;border:1px solid #e8ecf2}.home-demo-item:nth-child(3) .home-demo-cord{background:#faf6f2;border:1px solid #f3ece5}.home-demo-item:nth-child(4) .home-demo-cord{background:#f2f8fb;border:1px solid #e1eff0}.home-demo-item:nth-child(5) .home-demo-cord{background:#f2f0f6;border:1px solid #ebe5f3}.home-demo-item:nth-child(6) .home-demo-cord{background:#f6f6f6;border:1px solid #ededed}.home-demo-title{font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin:0;margin-bottom:20px;margin-top:24px;text-align:center}.home-demo-cord{background:#f6f6f6;border:1px solid #ededed;border-radius:16px;padding:12px 8px}.home-demo-info{padding:4px 8px}.home-demo-avatar{align-items:center;display:flex;justify-content:flex-start;margin-bottom:12px}.home-demo-avatar-img{background:linear-gradient(156deg,#d2d8e5 15.22%,#eaedf0 89.27%);border-radius:50%;height:20px;margin-right:8px;overflow:hidden;padding-top:2px;width:20px}.home-demo-avatar-img img{width:100%}.home-demo-nickname{color:#737a87;font-size:12px;font-style:normal;font-weight:400;line-height:20px}.home-demo-name{color:#0c0d0e;font-size:14px;font-style:normal;font-weight:500;line-height:22px}.home-demo-desc{color:#737a87;font-size:12px;font-style:normal;font-weight:400;line-height:20px;margin-top:8px;overflow:hidden;text-overflow:ellipsis}.home-demo-img{border-radius:8px;margin-top:8px;max-height:200px;overflow:hidden;position:relative}.home-demo-img img{width:100%}.home-demo-img-mask{align-items:center;background:linear-gradient(0deg,#212326,#212326),#fff;border-radius:12px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:#fff;display:flex;display:none;font-size:13px;height:32px;justify-content:center;left:50%;position:absolute;top:51px;top:50%;transform:translate(-50%,-50%);width:132px;z-index:1}.home-demo-link{cursor:pointer;height:100%}.home-demo-link:hover .home-demo-img img{-webkit-filter:blur(6px);filter:blur(6px)}.home-demo-link:hover .home-demo-img-mask{display:flex}.home-deom-item-hover{pointer-events:none;position:absolute;right:12px;top:40px;transform:translateY(-100%);width:256px;z-index:11}@media screen and (max-width:1140px){.home-demo-list{grid-template-columns:repeat(2,1fr);width:calc(100% - 100px)}}@media screen and (max-width:767px){.home-demo-list{grid-template-columns:repeat(1,1fr);width:calc(100% - 36px)}.home-demo-item{display:block;justify-content:center}.home-container-inner{background-image:none!important;border:none;border-radius:0;height:calc(100% - 53px);margin-top:10px}.home-demo-link:hover .home-demo-img-mask{display:none}.home-demo-link:hover .home-demo-img img{-webkit-filter:none;filter:none}}