.create-wrapper{background-color:#fff;width:600px;padding:30px 0}.create-wrapper .h{position:relative}.create-wrapper .h .back{color:#86909c;cursor:pointer;border:1px solid #f2f3f5;border-radius:24px;justify-content:center;align-items:center;width:85px;height:40px;font-size:14px;display:flex;position:absolute;top:0;left:0}.create-wrapper .h .back:hover{background-color:#f2f3f5}.create-wrapper .h .back img{object-fit:cover;width:20px;height:20px}.create-wrapper .h .title{text-align:center;color:#1d2129;margin-bottom:12px;font-size:40px}.create-wrapper .h .tip{color:#1d2129;text-align:center;font-size:20px}.create-wrapper .text-box{background-color:#f2f3f5;border:1px solid #e5e6eb;border-radius:16px;margin-top:20px;margin-bottom:20px;overflow:hidden}.create-wrapper .text-box textarea{color:#1d2129;resize:none;outline:none;width:100%;min-height:160px;padding:16px;font-size:15px;display:block}.create-wrapper .text-box textarea::placeholder{color:#c9cdd4;font-size:15px}.create-wrapper .text-box .b-t{color:#86909c;margin:12px 0;padding-left:12px;font-size:12px;line-height:17px}.create-wrapper .create-btn{background-color:#165dff;border-radius:12px;height:48px;font-size:16px}.create-wrapper .create-btn:hover{background-color:#165dffcc}.create-wrapper .err{color:#f53f3f;background-color:#f53f3f1a;border-radius:8px;align-items:center;height:33px;margin:10px 0;padding-left:10px;font-size:12px;display:flex}.create-wrapper .example{margin:40px 0}.create-wrapper .example .t{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.create-wrapper .example .t .l{color:#c9cdd4;font-size:12px}.create-wrapper .example .t .a-b{align-items:center;display:flex}.create-wrapper .example .t .a-b .a{border:1px solid #f2f3f5;border-radius:24px;justify-content:center;align-items:center;width:32px;height:28px;margin-left:10px;display:flex}.create-wrapper .example .t .a-b .a img{object-fit:cover;width:20px;height:20px}.create-wrapper .example .t .a-b .ahover-active:hover{cursor:pointer;background-color:#f2f3f5}.create-wrapper .example .box{width:100%;overflow:hidden}.create-wrapper .example .box .list{justify-content:space-between;width:1150px;transition:all .3s;display:flex}.create-wrapper .example .box .list .item{background-color:#f2f3f5;border-radius:16px;flex-direction:column;justify-content:space-between;width:280px;padding:16px;display:flex}.create-wrapper .example .box .list .item .title{color:#1d2129;font-size:15px}.create-wrapper .example .box .list .item .content{color:#4e5969;margin:8px 0;font-size:13px}.create-wrapper .example .box .list .item .btn{color:#1d2129;cursor:pointer;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;height:38px;font-size:13px;display:flex}.create-wrapper .example .box .list .item .btn:hover{background-color:#fffc}.create-wrapper .show{padding-top:20px}.create-wrapper .show .t{background-color:#f2f3f5;border-radius:16px;margin-bottom:12px;padding:20px;position:relative}.create-wrapper .show .t div{color:#1d2129;justify-content:center;align-items:center;display:flex}.create-wrapper .show .t .n{font-size:12px}.create-wrapper .show .t .title{margin-top:5px;font-size:20px}.create-wrapper .show .t .title img{object-fit:cover;width:40px;height:20px}.create-wrapper .show .t .downloadicon{cursor:pointer;background-color:#165dff;border-radius:8px;width:44px;height:44px;margin-top:-22px;position:absolute;top:50%;right:20px}.create-wrapper .show .t .downloadicon:hover{background-color:#165dffcc}.create-wrapper .show .t .downloadicon img{object-fit:cover;width:20px;height:20px}.create-wrapper .show .m{grid-column-gap:10px;grid-row-gap:40px;grid-template-columns:repeat(2,295px);display:grid;position:relative}.create-wrapper .show .m .item img{object-fit:cover;border-radius:12px;width:295px;height:295px;margin-bottom:12px}.create-wrapper .show .m .item textarea{resize:none;border:1px solid #e5e6eb;border-radius:12px;outline:none;width:100%;height:130px;padding:12px 16px;font-size:15px}.create-wrapper .show .m .item textarea:focus{border-color:#165dff;box-shadow:0 0 0 3px #bedaff}.create-wrapper .show .m .item .c{color:#86909c;background-color:#f2f3f5;border-radius:12px;justify-content:center;align-items:center;width:295px;height:295px;margin-bottom:12px;display:flex}.create-wrapper .show .b .btn{color:#fff;cursor:pointer;background-color:#165dff;border-radius:12px;justify-content:center;align-items:center;width:100%;height:48px;font-size:15px;display:flex}.create-wrapper .show .b .btn:hover{background-color:#165dffcc}.create-wrapper .show .b .btn:nth-child(2){color:#1d2129;background-color:#e5e6eb;margin-top:12px}.create-wrapper .show .b .btn:nth-child(2):nth-child(2):hover{background-color:#e5e6ebcc}.create-wrapper .show .b .btn img{object-fit:cover;width:20px;height:20px}
.storypdf-wrapper{z-index:-1;position:absolute;bottom:0}.storypdf-wrapper .home{background-color:#eddcbe33;background-image:url(../media/bg.6b159ffe.png);background-position:100% 100%;background-size:100%;width:595px;height:842px}.storypdf-wrapper .home .main{background-color:#fff;flex-direction:column;justify-content:space-between;height:87%;padding:38px 34px;display:flex}.storypdf-wrapper .home .main .logo{object-fit:cover;width:85px;height:35px}.storypdf-wrapper .home .main .f{justify-content:space-between;align-items:flex-end;display:flex}.storypdf-wrapper .home .main .f .name{object-fit:cover;width:130px;height:21px}.storypdf-wrapper .home .main .f .r{color:#3c362c;flex-direction:column;align-items:flex-end;font-size:10px;display:flex}.storypdf-wrapper .home .main .f .r img{object-fit:cover;width:85px;height:85px}.storypdf-wrapper .home .main .content{flex-direction:column;justify-content:center;align-items:center;display:flex}.storypdf-wrapper .home .main .content img{object-fit:cover;width:160px;height:25px}.storypdf-wrapper .home .main .content .title{color:#3c362c;text-align:center;font-size:60px}.storypdf-wrapper .page{background-color:#eddcbe33;background-image:url(../media/bg.6b159ffe.png);background-position:100% 149%;background-size:100%;width:595px;height:842px;margin-top:40px}.storypdf-wrapper .page .main{background-color:#fff;flex-direction:column;justify-content:space-between;align-items:center;height:95%;padding:40px 40px 10px;display:flex;position:relative}.storypdf-wrapper .page .main .t{flex-direction:column;align-items:center;display:flex}.storypdf-wrapper .page .main .t img{object-fit:cover;border-radius:40px;width:400px;height:400px;margin-bottom:20px}.storypdf-wrapper .page .main .t .content{color:#3c362c;font-size:28px}.storypdf-wrapper .page .main .f{text-align:right;color:#3c362c;font-size:16px;position:absolute;bottom:20px;right:20px}