.baobao-tutorial-title{margin-top:5vh; display:flex; justify-content:center; position:relative; height:220px;}.baobao-tutorial-title-bg{height:100%; z-index:-1;}.baobao-tutorial-title-text{position:absolute; margin:auto; top:50%; transform:translateY(-50%); font-family:'PingFang SC Semibold'; font-size:48px; font-weight:600; line-height:1.08; letter-spacing:7.68px; color:white; background-color:#9483ff; text-shadow:0 2px 6px #3f47fc; text-stroke:4px transparent; -webkit-text-stroke:4px transparent; -webkit-background-clip:text;}.baobao-tutorial-card-box{display:grid; grid-template-columns:508px 508px; justify-content:center;}.baobao-tutorial-card-box .baobao-card{max-width:508px; max-height:330px; justify-content:center; padding:93px 0 87px 0;}.baobao-tutorial-card-box .baobao-card__icon{width:147px; height:auto; display:flex; align-items:center;}.baobao-tutorial-card-box .baobao-card__actions{margin:0 8%;}.baobao-tutorial-card-box .baobao-btn{font-size:14px; background-color:transparent; border:none;}.baobao-tutorial-card-box .baobao-btn--style1::before{width:240px; height:108px; left:-47%; top:-105%;}.baobao-tutorial-modal .baobao-modal-fancy{border:2px solid #f1c5ff; outline:1px solid #bc5dfa; border-radius:2px; background-color:#080316; box-shadow:0 0 6px 3px rgba(188, 93, 250, 0.8);}.baobao-tutorial-modal .baobao-modal-fancy::-webkit-scrollbar{width:8px; background:#f1c5ff;}.baobao-tutorial-modal .baobao-modal-fancy::-webkit-scrollbar-thumb{width:8px; border-radius:4px; background:#bc5dfa;}.baobao-tutorial-modal .baobao-modal-header{width:100%; position:sticky; top:0; background-color:#080316; display:flex; align-items:center; justify-content:space-between; z-index:1;}.baobao-tutorial-modal .baobao-modal-header-bg{height:46px; object-fit:fill;}.baobao-tutorial-modal .baobao-modal-header-title{font-family:Zhenyan; font-size:24px; line-height:46px; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image:linear-gradient(to bottom, #fff -98%, #cacaca 85%, #9c9c9c 148%);}.baobao-tutorial-modal .baobao-modal-body p.modal-section-title b{text-align:center; color:red; font-weight:bold; text-align:center; display:block;}.baobao-tutorial-modal .baobao-modal-body p.title{text-align:center; margin-bottom:12px; font-size:20px; line-height:1.4; color:red; font-weight:bold;}.baobao-tutorial-modal .baobao-modal-body p{text-align:center; margin-bottom:12px; font-size:16px; line-height:1.6; color:#e97630; font-weight:750;}.baobao-tutorial-modal .baobao-modal-body ol{text-align:left; margin-left:24px; margin-bottom:16px; padding-left:0;}.baobao-tutorial-modal .baobao-modal-body ol li{color:white; font-weight:bold; font-size:16px; line-height:1.5; margin-bottom:8px;}.baobao-tutorial-modal .mb-8{margin-bottom:8px;}.baobao-tutorial-modal .mb-20{margin-bottom:20px;}.baobao-tutorial-modal .ml-24{margin-left:24px;}.baobao-tutorial-modal .baobao-modal-body img{max-width:100%; height:auto; display:block; margin:0 auto; box-sizing:border-box;}.baobao-tutorial-modal .video-name{display:block; font-size:18px; line-height:2; text-align:center;}.baobao-tutorial-modal .video-area .column{display:flex; flex-direction:column; position:relative; overflow:hidden; max-height:calc(100vh - 138px);}.baobao-tutorial-modal video{flex-grow:1; object-fit:fill; max-height:calc(100vh - 174px);}.baobao-tutorial-modal .modal-content{width:88%; max-width:1024px; max-height:calc(100vh - 120px);}.baobao-tutorial-modal .video-control{width:100%; height:calc(100% - 36px); position:absolute; bottom:0; left:0; cursor:pointer;}.baobao-tutorial-modal .video-control-cover{width:100%; height:100%; display:flex; align-items:center; justify-content:center; opacity:0; transition:background-color 0.3s ease; pointer-events:none; z-index:0;}.baobao-tutorial-modal .video-control-cover.video-control-cover-show,.baobao-tutorial-modal .video-control:hover .video-control-cover{background-color:rgba(0, 0, 0, 0.4); pointer-events:all; opacity:1;}.baobao-tutorial-modal .video-control .video-control-btn{display:none; height:75px; width:74px;}.baobao-tutorial-modal .video-control .video-control-btn.video-control-btn-show{display:block;}@media screen and (max-width:1024px){.baobao-tutorial-title{height:165px; margin-top:10vh;}.baobao-tutorial-title-text{font-size:36px;}.baobao-tutorial-card-box{grid-template-columns:381px 381px;}.baobao-tutorial-card-box .baobao-card{max-width:381px; min-height:246px; padding:70px 0 65px 0;}.baobao-tutorial-card-box .baobao-card__icon{width:109px;}.baobao-tutorial-card-box .baobao-card__actions{margin:0 8%;}.baobao-tutorial-card-box .baobao-btn--style1::before{width:180px; height:81px; left:-23%; top:-69%;}.baobao-tutorial-card-box .baobao-btn{font-size:12px;}.baobao-tutorial-modal .modal-content{max-width:768px;}}@media screen and (min-width:641px) and (max-width:800px){.baobao-tutorial-card-box{grid-template-columns:1fr 1fr; padding:0 4%;}.baobao-tutorial-card-box .baobao-card__icon{width:28%;}.baobao-tutorial-card-box .baobao-card__actions{margin:0 4%;}}@media screen and (max-width:640px){.baobao-tutorial-title{height:123.8px; margin-top:5vh;}.baobao-tutorial-title-text{font-size:27px; letter-spacing:4.32px; text-shadow:0 1.1px 3.4px #3f47fc; text-stroke:2px transparent; -webkit-text-stroke:2px transparent;}.baobao-tutorial-card-box{grid-template-columns:305px; margin-top:-18px;}.baobao-tutorial-card-box .baobao-card{max-width:305px; min-height:196px; padding:55px 0 51px 0;}.baobao-tutorial-card-box .baobao-card__icon{width:86px;}.baobao-tutorial-card-box .baobao-card__actions{margin:0 4%;}.baobao-tutorial-card-box .baobao-btn--style1::before{width:180px; height:81px; left:-31%; top:-78%;}.baobao-tutorial-card-box .baobao-card + .baobao-card{margin-top:-14px;}}