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