.home-page{margin-top:calc(var(--app-header-height)*-1);padding-top:var(--app-header-height);background-image:url(https://try-room.oss-cn-beijing.aliyuncs.com/system/home_first_screen_bg.png);background-position:50% 0;background-repeat:no-repeat;background-size:100%}.home-page .section-header{padding:140px 0 60px}.home-page .focal{padding:80px 0 70px}.home-page .focal .title{z-index:2;font-size:64px;line-height:60px;position:relative}.home-page .focal .title:before{content:"";background-image:url(https://try-room.oss-cn-beijing.aliyuncs.com/system/title_hat.png);background-repeat:no-repeat;background-size:contain;width:114px;height:114px;position:absolute;top:-75px;left:-70px}.home-page .focal .title:after{content:"";z-index:1;background-image:url(https://try-room.oss-cn-beijing.aliyuncs.com/system/title_line.png);background-repeat:no-repeat;background-size:contain;width:397px;height:22px;position:absolute;bottom:-17px;right:0}.home-page .focal .tryon{background:#fff;border:1px solid #000;border-radius:25px;width:485px;padding:15px;box-shadow:0 6px #000001}.home-page .focal .tryon .upload{text-align:center;background:#e2ffd080;border:1px dashed #174539;border-radius:16px;padding:32px 0 20px;transition:all .2s}.home-page .focal .tryon .upload.dragging{background:#e2ffd0cc;border-color:#0e332a}.home-page .focal .tryon .upload .upload-btn{color:#fff;cursor:pointer;background:#151515;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:280px;height:52px;font-size:20px;font-weight:600;display:inline-flex}.home-page .focal .tryon .upload .upload-btn:disabled{opacity:.6;cursor:not-allowed}.home-page .focal .tryon .upload .upload-btn .upload-icon{background:#39d353;border-radius:4px;width:16px;height:16px;display:inline-block}.home-page .focal .tryon .upload .tips{color:#282828;margin-top:20px;font-size:16px}.home-page .focal .tryon .example .example-tip{color:#4b7d57;text-align:center;margin:18px 0 20px;font-size:14px}.home-page .focal .tryon .example .example-list{justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.home-page .focal .tryon .example .example-list .example-item{border:1px dashed #b7b7b7;border-radius:6px;width:84px;height:94px}.home-page .focal .tryon .example .example-list .item-1{background:#7487a1}.home-page .focal .tryon .example .example-list .item-2{background:#8da3bc}.home-page .focal .tryon .example .example-list .item-3{background:#7f817f}.home-page .features{background:#fff;padding:0 5vw 60px}.home-page .features .list-wrapper{max-width:1200px;margin:0 auto}.home-page .features .list-wrapper .feature-item .desc-list{margin-top:25px}.home-page .features .list-wrapper .feature-item .desc-list .icon{background:url(/images/home/list-icon.png) 50%/contain no-repeat;flex:0 0 20px;height:20px}.home-page .features .list-wrapper .feature-item .link{color:#fff;background:#1b1b1b;border-radius:40px;margin-top:40px;padding:17px 32px;font-size:24px}.home-page .features .list-wrapper .feature-item .link .icon{background:url(/images/home/btn-icon.png) 50%/contain no-repeat;flex:0 0 28px;height:28px}.home-page .tutorial{background:#f1f2f4;padding:0 5vw 60px}.home-page .tutorial .wrapper{max-width:1200px;margin:0 auto}.home-page .tutorial .wrapper .list-wrapper{flex:50%}.home-page .tutorial .wrapper .list-wrapper .list-row{border:2px solid #0000;border-radius:15px;padding:26px 24px}.home-page .tutorial .wrapper .list-wrapper .list-row.active{border:2px solid #1b1b1b;box-shadow:0 4px #000}.home-page .tutorial .wrapper .list-wrapper .list-row .row-title{color:#18181b;font-size:24px;font-weight:600;line-height:32px}.home-page .tutorial .wrapper .list-wrapper .list-row .row-desc{color:#52525c;text-align:justify;margin-top:12px;font-size:16px;font-weight:500;line-height:32px}.home-page .tutorial .wrapper .preview-wrapper{border:2px solid #1b1b1b;border-radius:15px;flex:50%;padding:30px;overflow:hidden}.home-page .testimonial{padding:0 5vw 60px}.home-page .testimonial .list-wrapper{max-width:1200px;margin:0 auto}.home-page .faq{background:#f1f2f4;padding:0 5vw 60px}.home-page .faq .faq-wrapper{max-width:1200px;margin:0 auto}