:root,:root .light,:root.light{--dh-grid-bg:#ddd;--dh-grid-padding:1rem;--dh-grid-scroll-padding:1rem;--dh-grid-cpbox-padding:1rem;--grid-padding:0rem;--grid-gap:2rem;--grid-mb:1rem;--dh-queue-bg:#eee;--dh-queue-bg-alpha:#eeeeeecc}.dark,:root.dark{--dh-grid-bg:#282828;--dh-queue-bg:#191d21;--dh-queue-bg-alpha:#191d21cc}.dark .product-example-box,:root.dark .product-example-box{--dh-text-8:rgba(20,24,36,.8)}.output-grid-layout{height:calc(100vh - var(--dh-header-nav-height));padding:0 var(--dh-grid-padding);position:relative;width:calc(100% - var(--dh-pannel-width) - var(--dh-history-width));--rmbg-img-list-columns:5;--rmbg-img-list-gap:2%}.output-grid-layout .tutorial{font-size:14px;left:1.5rem;position:absolute;top:1.5rem;z-index:1}.output-grid-layout .tutorial a{color:#6161f2;text-decoration:underline}.output-grid-layout .tabmain .el-tabs__nav-scroll{align-items:center;display:flex;justify-content:center}.output-grid-layout .tabmain .el-tabs__item{padding:0 2rem}.output-grid-layout .tabmain .nav-name{font-size:20px;font-weight:700}.output-grid-layout .tabmain .aiportrait-tpls .el-tabs__nav-scroll{justify-content:start}.output-grid-layout .tabmain .aiportrait-tpls .tab-fixed{background-color:var(--dh-body-bg);height:52px;position:fixed;top:calc(var(--dh-header-nav-height) + var(--el-tabs-header-height));width:calc(100vw - var(--el-aside-width) - var(--dh-pannel-width) - var(--dh-history-width) - 100px)}.output-grid-layout .el-tabs{--el-tabs-header-height:52px}.output-grid-layout .scroll{height:calc(100vh - var(--dh-header-nav-height) - var(--el-tabs-header-height) - var(--el-tabs-header-mb));overflow-y:auto;padding:0 var(--dh-grid-scroll-padding)}.output-grid-layout .grids{align-items:center;display:flex;flex-wrap:wrap;gap:var(--grid-gap);justify-content:center;margin-bottom:var(--grid-mb);min-height:calc(100vh - var(--dh-header-nav-height) - var(--el-tabs-header-height) - var(--el-tabs-header-mb) - var(--grid-padding)*2 - var(--grid-mb) - 4px);padding:var(--grid-padding)}.output-grid-layout .grids .grid{align-items:center;aspect-ratio:1/1;background-image:linear-gradient(45deg,var(--dh-grid-bg) 25%,transparent 0,transparent 75%,var(--dh-grid-bg) 0),linear-gradient(45deg,var(--dh-grid-bg) 25%,transparent 0,transparent 75%,var(--dh-grid-bg) 0);background-position:0 0,10px 10px;background-repeat:repeat;background-size:20px 20px;border-radius:.5rem;display:flex;justify-content:center;max-height:calc(80vh - var(--grid-padding));max-width:calc(50vh - var(--grid-gap)/2);min-height:395px;min-width:395px;position:relative;width:calc(50% - var(--grid-gap)/2)}.output-grid-layout .grids .grid img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.output-grid-layout .grids .mask{background-image:linear-gradient(180deg,rgba(0,0,0,.4) 0,transparent 20%,transparent 80%,rgba(0,0,0,.4));border-radius:unset;box-shadow:unset;container-name:mask;container-type:inline-size;cursor:zoom-in;display:none}.output-grid-layout .grids .mask .btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;border-radius:5px;color:#ddd;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:6px 8px}.output-grid-layout .grids .mask .btn .iconfont{font-size:.8rem}.output-grid-layout .grids .mask .btn .wxapp{align-items:center;background:#00000059;border-radius:1rem;bottom:-210px;display:none;flex-direction:column;height:200px;justify-content:center;position:absolute;right:0;width:180px}.output-grid-layout .grids .mask .btn .wxapp img{border-radius:50%;height:150px;width:150px}.output-grid-layout .grids .mask .btn .wxapp:before{border-bottom:10px solid rgba(0,0,0,.35);border-left:10px solid transparent;border-right:10px solid transparent;content:"";height:0;position:absolute;right:5px;top:-10px;transform:translate(-50%);width:0}@container mask (max-width: 435px){.output-grid-layout .grids .mask .btn .iconfont{display:none}}.output-grid-layout .grids .mask .btn:hover{background:#00000080;color:#fff}.output-grid-layout .grids .mask .btn.wxfx:hover .wxapp{display:flex}.output-grid-layout .grids .mask .btn-purple{background-color:#efeffe;border-color:#b0b0f9;color:#6161f2}.output-grid-layout .grids .mask .btn-purple:hover{background-color:#6161f2;border-color:#6161f2;color:var(--el-color-white)}.output-grid-layout .grids .grid:hover .mask{display:block}.output-grid-layout .cpbox{max-height:calc(100vh - var(--dh-header-nav-height) - var(--el-tabs-header-height) - var(--el-tabs-header-mb) - 2rem);max-width:calc(100vw - var(--el-aside-width) - var(--dh-pannel-width) - var(--dh-history-width) - var(--dh-grid-padding)*2 - var(--dh-grid-scroll-padding)*2 - var(--dh-grid-cpbox-padding)*2);min-height:500px;min-width:500px;padding:var(--dh-grid-cpbox-padding)}.output-grid-layout .cpbox .slider-with-animated-handle{outline:none}.output-grid-layout .cpbox .slider-with-animated-handle .custom-animated-handle{transition:transform .2s}.output-grid-layout .cpbox .slider-with-animated-handle .img{max-height:100%;max-width:100%}.output-grid-layout .cpbox .slider-with-animated-handle:hover .custom-animated-handle{transform:scale(1.2)}.output-grid-layout .grids[data-num="2"] .grid{max-height:calc(80vh - var(--grid-padding));max-width:calc(80vh - var(--grid-gap)/2 - var(--grid-padding))}.output-grid-layout .grids[data-num="1"] .grid,.output-grid-layout .upd-lg-box{max-height:1000px;max-width:1000px;width:min(90%,85vh)}.output-grid-layout .upd-lg-box{aspect-ratio:1/1;background-color:var(--dh-pannel-bgp);border-radius:1rem;min-height:400px;min-width:400px;position:relative}.output-grid-layout .upd-guider{height:400px;left:50%;max-width:1000px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.output-grid-layout .upd-guider .video{height:400px;width:400px}.output-grid-layout .upd-guider .video video{border-radius:1rem;height:100%;width:100%}.output-grid-layout .upd-guider .upd-box{background-color:var(--dh-text-6);border-radius:1rem;height:400px;position:relative}.output-grid-layout .rmbg-img-container{height:calc(100vh - var(--dh-header-nav-height) - 100px)}.output-grid-layout .rmbg-img-list{display:flex;flex-wrap:wrap;gap:var(--rmbg-img-list-gap)}.output-grid-layout .rmbg-img-list .item{background-color:var(--dh-text-6);border-radius:.5rem;margin-bottom:1rem;width:calc((100% - var(--rmbg-img-list-gap)*(var(--rmbg-img-list-columns) - 1))/var(--rmbg-img-list-columns))}.output-grid-layout .rmbg-img-list .item img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.output-grid-layout .rmbg-img-list .item .canvas-box{max-height:100%;max-width:100%}.output-grid-layout .rmbg-img-list .item.imgbox{align-items:center;aspect-ratio:1/1;display:flex;justify-content:center}.output-grid-layout .product-example-box{align-items:center;background-color:var(--dh-text-8);border-radius:1rem;display:flex;flex-direction:column;height:60vh;justify-content:center;min-height:400px;min-width:590px;padding:2rem 0;width:70%}.output-grid-layout .product-example-box .expImg img{width:70%}.output-grid-layout .video-container{display:flex;flex-direction:column;height:calc(100vh - var(--dh-header-nav-height) - var(--el-tabs-header-height) - var(--el-tabs-header-mb));justify-content:center;padding:0 4rem;width:100%}.output-grid-layout .video-container .video-box{align-items:center;display:flex;justify-content:center;max-height:100%}.output-grid-layout .video-container .video-box video{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.output-grid-layout .video-container .queue-box{background-color:var(--dh-queue-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:1rem;height:70%;overflow:hidden;position:relative;width:100%}.output-grid-layout .video-container .queue-box .content{background-color:var(--dh-queue-bg-alpha);border-radius:8px;color:var(--dh-text-1);font-size:14px;height:100%;padding:0 12px;position:relative}.output-grid-layout .video-container .queue-box .content .subtitle{color:var(--dh-text-2)}.output-grid-layout .video-container .queue-box .animation{animation:box 2s linear .3s infinite;background:linear-gradient(90deg,#70cbff00,#7eff704d);height:100%;left:-240px;position:absolute;width:240px}@keyframes box{0%{left:-240px}to{left:100%}}.output-grid-layout .multi-img-exp{align-items:center;display:flex;justify-content:center;max-height:calc(100vh - var(--dh-header-nav-height) - var(--el-tabs-header-height) - var(--el-tabs-header-mb) - var(--grid-padding)*2 - var(--grid-mb) - 4px);max-width:calc(100vw - var(--el-aside-width) - var(--dh-pannel-width) - var(--dh-history-width) - 80px)}.output-grid-layout .multi-img-exp .img1,.output-grid-layout .multi-img-exp .img2{height:100%;width:50%}.output-grid-layout .multi-img-exp .img1 img,.output-grid-layout .multi-img-exp .img2 img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.output-grid-layout .multi-img-exp .img1{text-align:right}.output-grid-layout .multi-img-exp .img2{text-align:left}.output-grid-layout .multi-img-exp[data-num="1"] .img1{text-align:center;width:100%}@media(max-width:1920px){.output-grid-layout{--rmbg-img-list-columns:4}.output-grid-layout .video-container{padding:0 2rem}}@media(max-width:1600px){.output-grid-layout{--rmbg-img-list-columns:3;--dh-grid-padding:.5rem;--dh-grid-scroll-padding:.5rem;--dh-grid-cpbox-padding:.5rem}.output-grid-layout .grids{--grid-gap:1.5rem}.output-grid-layout .grids .grid{min-height:580px;min-width:580px}.output-grid-layout .product-example-box .imglist img{width:120px!important}.output-grid-layout .video-container{padding:0 1rem}}@media(max-width:1500px){.output-grid-layout{--dh-grid-padding:.5rem;--dh-grid-scroll-padding:.5rem;--dh-grid-cpbox-padding:.5rem}.output-grid-layout .grids .grid{min-height:500px;min-width:500px}}@media(max-width:1360px){.output-grid-layout{--rmbg-img-list-columns:2;--dh-grid-padding:.5rem;--dh-grid-scroll-padding:0rem;--dh-grid-cpbox-padding:0rem}.output-grid-layout .video-container{padding:0}.output-grid-layout .grids .grid{min-height:450px;min-width:450px}}.custom-animated-handle{outline:none;transition:transform .2s}.slider-with-animated-handle{display:flex;max-height:100%;max-width:100%;--divider-width:2px}.slider-with-animated-handle:focus{outline:none}.slider-with-animated-handle img{height:100%}.slider-with-animated-handle:hover .custom-animated-handle{transform:scale(1.2)}