diff --git a/小报童/.gitignore b/小报童/.gitignore new file mode 100644 index 0000000..cd653f5 --- /dev/null +++ b/小报童/.gitignore @@ -0,0 +1,2 @@ +output/*.html +output/*.json \ No newline at end of file diff --git a/小报童/assets/reader.css b/小报童/assets/reader.css new file mode 100644 index 0000000..dae5e54 --- /dev/null +++ b/小报童/assets/reader.css @@ -0,0 +1,5068 @@ +/* https://static.xiaobot.net/resource/xiaobot-web/css/reader.e29de4ef.css */ +.custom_model .header[data-v-5afae6d8] { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 10px; + margin-top: 16px; + margin-bottom: 29px +} + +.custom_model .header .title[data-v-5afae6d8] { + font-size: 18px; + font-weight: 600; + color: #413e3b +} + +.custom_model .divider[data-v-5afae6d8] { + border-bottom: 3px solid #333; + margin: 0 10px +} + +#bottom_btn[data-v-5afae6d8] { + width: 100%; + padding: 20px 0; + text-align: center +} + +#bottom_btn a.btn[data-v-5afae6d8] { + width: 70% +} + +.back[data-v-5afae6d8] { + background: #b14b43 +} + +.custom_model .el-drawer__body { + background: #f8f6f4; + padding: 10px +} + +.body[data-v-5a06177e] { + padding: 33px 0; + text-align: center +} + +.description[data-v-5a06177e] { + margin: 20px 0; + font-style: normal; + font-weight: 600; + font-size: 15px; + text-align: center; + line-height: 22px; + color: #333 +} + +.info img[data-v-1cf1fafa] { + width: 84px; + height: 161px +} + +.loginBox[data-v-1cf1fafa] { + position: fixed; + bottom: 0; + width: 100%; + left: 0; + padding: 20px; + box-sizing: border-box +} + +.cancelBtn,.loginBtn { + background: #b14b43; + border-radius: 6px; + font-weight: 600; + font-size: 18px; + line-height: 25px; + color: #f8f6f4; + padding: 10px; + margin: 10px auto; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none +} + +.cancelBtn { + background: #fffdfc; + color: #413e3b +} + +.loginBox p { + color: #acabae; + font-size: 15px; + line-height: 24px +} + +.loginBox p a { + color: #64a1bc +} + +.tips[data-v-34f38ffa] { + margin: 5px 20px; + display: flex; + flex-direction: row; + justify-content: space-between +} + +.card[data-v-34f38ffa] { + padding: 0 20px; + background-color: #f8f6f4; + position: relative; + padding-bottom: 57px +} + +.card .avatar[data-v-34f38ffa] { + width: 84px; + height: 84px; + border-radius: 50%; + margin-top: 39px +} + +.card .name[data-v-34f38ffa] { + margin-top: 24px; + font-weight: 656; + font-size: 24px; + color: #333 +} + +.card .paper_info[data-v-34f38ffa] { + font-size: 15px; + color: #333; + margin-top: 10px +} + +.card .sp_divider[data-v-34f38ffa] { + font-size: 14px; + line-height: 16px; + color: #acabae; + margin-top: 23px; + margin-bottom: 23px +} + +.card .intro[data-v-34f38ffa] { + font-size: 15px; + line-height: 160%; + color: #acabae; + word-wrap: break-word; + word-break: normal +} + +.card .intro[data-v-34f38ffa] a { + color: #b14b43; + text-decoration: none +} + +.card .qr_tip[data-v-34f38ffa] { + font-size: 15px; + line-height: 160%; + color: #acabae; + margin-top: 27px +} + +.qrcode[data-v-34f38ffa] { + margin-top: 13px +} + +.card img.share-card[data-v-34f38ffa] { + z-index: 2001; + position: absolute; + top: 0; + left: 0; + width: 100% +} + +.time[data-v-34f38ffa] { + margin-bottom: 12px; + font-size: 12px; + color: #8f9193 +} + +[v-cloak][data-v-0db92b06] { + display: none +} + +.container[data-v-0db92b06] { + max-width: 390px +} + +.tips[data-v-0db92b06] { + margin: 5px 20px; + flex-direction: row; + justify-content: space-between +} + +.checkbox_container[data-v-0db92b06],.tips[data-v-0db92b06] { + display: flex; + align-items: center +} + +.card[data-v-0db92b06] { + padding: 0 20px; + background-color: #f8f6f4; + position: relative; + padding-bottom: 25px +} + +.card .paper[data-v-0db92b06] { + position: relative; + align-items: center; + display: flex; + padding: 23px 0; + flex-wrap: nowrap; + flex-direction: row; + align-content: center; + justify-content: flex-start +} + +.card .avatar[data-v-0db92b06] { + width: 36px; + height: 36px; + border-radius: 50% +} + +.card .name[data-v-0db92b06] { + font-weight: 656; + font-size: 15px; + color: #333 +} + +.card .paper_info[data-v-0db92b06] { + font-size: 12px; + color: #ababae; + display: flex; + flex-direction: column; + flex-wrap: nowrap; + align-content: center; + justify-content: flex-start; + align-items: flex-start; + margin-left: 10px +} + +.card .time[data-v-0db92b06] { + margin: 16px 0 12px; + font-size: 15px; + color: #acacac +} + +.card .title[data-v-0db92b06] { + font-size: 22px; + color: #000 +} + +.card .content[data-v-0db92b06] { + font-size: 15px; + line-height: 160%; + color: #acabae; + color: #333; + word-break: break-word; + max-height: 7715px; + overflow: hidden; + position: relative; + padding-bottom: 1em +} + +.unfinish .content[data-v-0db92b06]:after { + content: "..."; + position: absolute; + bottom: 1em; + right: 0; + width: 1em; + background: #f8f6f4 +} + +.card .qr_tip[data-v-0db92b06] { + font-size: 15px; + line-height: 160%; + color: #acabae; + margin-top: 27px +} + +.card .qrcode[data-v-0db92b06],.card .qrcode[data-v-0db92b06] img { + width: 84px; + height: 84px +} + +.card img.share-card[data-v-0db92b06] { + z-index: 2001; + position: absolute; + top: 0; + left: 0; + width: 100% +} + +.card .divider_1[data-v-0db92b06] { + border-bottom: 3px solid #333; + margin: 0 0 +} + +.card .divider_2[data-v-0db92b06] { + border-bottom: 1px solid #333; + margin: 0 0; + margin-top: 5px +} + +.card .divider_thin[data-v-0db92b06] { + border-bottom: 1px solid #e9e9e9; + margin: 0 0 +} + +.card .copyright[data-v-0db92b06] { + font-weight: 700; + font-size: 14px; + line-height: 17px; + margin-top: 21px +} + +.time[data-v-0db92b06] { + margin-bottom: 12px; + font-size: 12px; + color: #8f9193 +} + +.card .content[data-v-0db92b06] a { + color: #b14b43; + text-decoration: none +} + +.tips[data-v-0db92b06] .el-checkbox__input+.el-checkbox__label { + color: inherit +} + +.card .image_grid[data-v-0db92b06] { + margin-top: 30px +} + +.card .image_grid .thumbnail[data-v-0db92b06] { + width: 100% +} + +.red[data-v-0db92b06] { + color: #b14b43 +} + +.qr_container[data-v-0db92b06] { + display: flex; + flex-direction: row; + margin: 13px 0; + align-content: center; + justify-content: space-between; + align-items: center; + flex-wrap: nowrap +} + +.qr_paper_tip .name[data-v-0db92b06] { + font-size: 20px; + color: #333 +} + +.qr_paper_tip .hint[data-v-0db92b06] { + color: #fff; + margin-top: 7px; + background: #b14b43; + border-radius: 6px; + font-weight: 600; + font-size: 12px; + padding: 5px 11px; + padding-top: 2px; + max-width: 170px; + text-align: center +} + +.share-dialog[data-v-0db92b06] { + max-width: 600px +} + +.post_tag[data-v-0db92b06] { + color: #64a1bc +} + +.tags[data-v-0db92b06] { + max-width: calc(100% - 60px); + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + color: #64a1bc +} + +.actions[data-v-0db92b06] { + display: flex; + justify-content: space-between; + position: relative; + align-items: center; + margin: 22px 0; + flex-wrap: nowrap; + flex-direction: row; + align-content: center; + font-size: 15px; + line-height: 21px +} + +.actions .comment[data-v-0db92b06] { + color: #acabae +} + +.read-more[data-v-0db92b06] { + text-align: center; + margin-top: 20px; + background: #f8f6f4; + margin-bottom: 20px +} + +.read-more .qrcode[data-v-0db92b06] { + padding: 3px; + background-color: #fff; + border-radius: 6px; + margin: 0 auto +} + +.read-more .text[data-v-0db92b06] { + color: #fff; + background: #b14b43; + border-radius: 6px; + width: 200px; + margin: 10px auto +} + +.share-dialog .el-dialog__body { + padding: 0 +} + +.body[data-v-45001061] { + text-align: left; + padding: 20px 10px; + max-height: 60vh; + overflow-y: auto +} + +.body .likeUser[data-v-45001061] { + display: flex; + padding: 18px 0; + border-bottom: 1px solid #e9e9e9; + align-content: center; + justify-content: flex-start; + align-items: center +} + +.body .likeUser[data-v-45001061]:last-child { + border-bottom: none +} + +.body .likeUser .name[data-v-45001061] { + margin-left: 18px; + color: #333; + font-size: 15px; + line-height: 18px; + font-weight: bolder +} + +.body img[data-v-45001061] { + width: 36px; + height: 36px; + border-radius: 19px; + margin-right: 3px; + text-align: center +} + +.light_feedback[data-v-55e16497] { + display: flex; + align-items: center; + justify-content: flex-start; + margin-bottom: 10px; + margin-top: 33px +} + +.light_feedback .light_feedback_action[data-v-55e16497] { + font-weight: 600; + font-size: 14px; + line-height: 36px; + cursor: pointer; + width: 82px; + height: 36px; + border-radius: 6px; + text-align: center +} + +.light_feedback .unlike[data-v-55e16497] { + background: #b14b43; + color: #f8f6f4 +} + +.light_feedback .like[data-v-55e16497] { + background: #e9e9e9; + color: #ababae +} + +.light_feedback .light_feedback_content[data-v-55e16497] { + display: flex; + overflow: hidden; + justify-content: flex-end +} + +.light_feedback .light_feedback_content img[data-v-55e16497],.light_feedback_content_total[data-v-55e16497] { + width: 24px; + height: 24px; + border-radius: 19px; + margin: 0 3px; + text-align: center; + line-height: 24px +} + +.light_feedback_content_total[data-v-55e16497] { + background: #ababae; + color: #f8f6f4; + font-size: 14px +} + +.light_feedback .light_feedback_content img[data-v-55e16497]:first-child { + margin-left: 6px +} + +.coupon[data-v-4d20a4b2] { + background: transparent; + border-radius: 6px; + display: flex; + justify-content: flex-start; + align-items: center; + margin: 10px 0; + position: relative; + -webkit-mask-image: radial-gradient(circle at 82px 9px,transparent 9px,red 9.5px); + -webkit-mask-position: 0 -9px; + height: 80px +} + +.select[data-v-4d20a4b2] { + -webkit-mask-image: radial-gradient(circle at 102px 9px,transparent 9px,red 9.5px); + -webkit-mask-position: 0 -9px +} + +.ratio[data-v-4d20a4b2] { + background-color: #b14b43; + color: #f8f6f4; + box-sizing: border-box; + padding: 21px 16px; + font-size: 12px; + border-radius: 6px 0 0 6px; + flex-shrink: 0; + text-align: center +} + +.select .ratio[data-v-4d20a4b2] { + padding: 21px 6px; + width: 102px +} + +.ratio .number[data-v-4d20a4b2] { + width: 50px +} + +.select .ratio .number[data-v-4d20a4b2] { + width: unset +} + +.ratio .number span[data-v-4d20a4b2] { + font-size: 20px; + font-weight: 600 +} + +.info[data-v-4d20a4b2] { + border-radius: 0 6px 6px 0; + background-color: #fff; + display: flex; + justify-content: space-between; + align-items: center; + padding: 21px 15px; + width: calc(100% - 82px); + box-sizing: border-box +} + +.select .info[data-v-4d20a4b2] { + width: calc(100% - 102px) +} + +.info .box[data-v-4d20a4b2] { + width: 64% +} + +.info .name[data-v-4d20a4b2] { + font-size: 20px; + font-weight: 600; + color: #000; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis +} + +.info .expired_at[data-v-4d20a4b2] { + font-size: 12px; + color: #ababae; + margin-top: 5px +} + +.action[data-v-4d20a4b2] { + font-size: 12px; + padding: 4px 10px; + border-radius: 6px; + background-color: #b14b43; + color: #fff; + cursor: pointer; + flex-shrink: 0 +} + +.claimed[data-v-4d20a4b2],.expired[data-v-4d20a4b2] { + background-color: #ababae; + cursor: not-allowed +} + +.couponTip[data-v-6661b4ca],.price[data-v-6661b4ca],.totalTip[data-v-6661b4ca] { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px 0; + color: #413e3b; + font-size: 15px; + border-bottom: 1px solid #e9e9e9; + margin: 0 10px +} + +.savingAmount[data-v-6661b4ca] { + display: flex; + align-items: center; + cursor: pointer +} + +.priceText[data-v-6661b4ca] { + font-weight: 600; + overflow: hidden; + text-overflow: ellipsis; + min-width: 0; + white-space: nowrap +} + +.priceNum[data-v-6661b4ca] { + flex-shrink: 0 +} + +.balance[data-v-6661b4ca] { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px 10px +} + +.balance .priceNum[data-v-6661b4ca] { + color: #b14b43 +} + +.toBePrepaidPhone[data-v-6661b4ca] { + border: 1px solid #b14b43; + border-radius: 6px; + padding: 10px; + margin: 0 10px; + text-align: center; + box-sizing: border-box; + color: #b14b43; + font-size: 15px; + background-color: #fff; + display: inline-block +} + +.toBePrepaidPhone .num[data-v-6661b4ca] { + font-size: 24px +} + +.bold[data-v-6661b4ca] { + font-weight: 600 +} + +.desc[data-v-6661b4ca] { + margin: 20px 10px; + font-size: 15px; + line-height: 24px; + color: #acabae; + border-top: 1px solid #e9e9e9; + padding-top: 20px +} + +.block[data-v-6661b4ca] { + display: block +} + +.btn[data-v-6661b4ca] { + margin-top: 10px +} + +.copyUrl[data-v-6661b4ca] { + color: #413e3b +} + +.p-10[data-v-6661b4ca] { + padding: 10px +} + +.disabled[data-v-6661b4ca] { + background-color: #e9e9e9; + color: #acabae; + border-color: #e9e9e9; + cursor: not-allowed +} + +.post[data-v-306d27f6] { + font-size: 16px; + line-height: 1.8; + padding: 20px; + overflow: auto; + height: 100%; + width: 100% +} + +.post_page[data-v-306d27f6] { + height: auto!important; + padding: 0; + padding-bottom: 120px +} + +.post .header[data-v-306d27f6] { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0; + margin-top: 18px; + position: relative +} + +.post .header .user[data-v-306d27f6] { + display: flex; + align-items: center; + justify-content: flex-start +} + +.post .header .user .avatar[data-v-306d27f6] { + width: 36px; + height: 36px; + border-radius: 50%; + margin-right: 6px +} + +.post .header .action svg[data-v-306d27f6] { + margin-right: 18px; + cursor: pointer +} + +.post .header .date[data-v-306d27f6] { + font-size: 12px; + line-height: 12px; + color: #ababae; + margin-top: 2px +} + +.post .header .user .info[data-v-306d27f6] { + margin-left: 10px; + align-items: center +} + +.post .header .user .name[data-v-306d27f6] { + font-weight: 900 +} + +.post .header .user .more_dropdown[data-v-306d27f6] { + position: absolute; + right: 0 +} + +.post .title[data-v-306d27f6] { + font-size: 26px +} + +.post .content[data-v-306d27f6] { + margin: 0; + color: #333 +} + +.post .content[data-v-306d27f6] a { + color: #b14b43; + text-decoration: none +} + +.post .thumbnail[data-v-306d27f6] { + width: min(197px,calc(33.33333vw - 16px)); + height: min(197px,calc(33.33333vw - 16px)); + margin: 0 4px 4px 0; + -o-object-fit: cover; + object-fit: cover +} + +.post .thumbnail[data-v-306d27f6]:nth-of-type(3n) { + margin-right: 0 +} + +.post .files[data-v-306d27f6] { + display: flex; + flex-wrap: wrap; + margin-top: 4px +} + +.post_tag[data-v-306d27f6] { + font-size: 15px; + line-height: 21px; + color: #64a1bc; + cursor: pointer +} + +.post .tags[data-v-306d27f6] { + margin-top: 5px +} + +.post .actions[data-v-306d27f6] { + display: flex; + justify-content: space-between; + margin-top: 50px +} + +.post .actions .comments[data-v-306d27f6] { + font-size: 16px; + line-height: 20px; + color: #333 +} + +.post .actions .write_comment[data-v-306d27f6] { + font-size: 16px; + line-height: 20px; + color: #64a1bc +} + +.footer_write_comment[data-v-306d27f6] { + font-size: 16px; + line-height: 22px; + color: #64a1bc; + font-weight: 600; + text-align: center; + margin-top: 20px +} + +.post .divider_thin[data-v-306d27f6] { + border-bottom: 1px solid #e9e9e9; + width: 100%; + margin-top: 30px; + margin-left: 0; + margin-right: 0 +} + +.post .post_detail_drawer .form .divider_thin[data-v-306d27f6] { + margin-top: 20px; + margin-left: 0; + margin-right: 0 +} + +.post_detail_drawer .el-textarea[data-v-306d27f6] { + margin: 20px 10px +} + +.reference_drawer .header[data-v-306d27f6] { + display: flex; + justify-content: space-between; + align-items: center!important; + padding: 25px 0 25px 0; + margin-top: 0 +} + +.reference_drawer .header .title[data-v-306d27f6] { + font-size: 18px; + line-height: 21px; + color: #333; + font-weight: 700 +} + +.custom_drawer .el-textarea[data-v-306d27f6] textarea.el-textarea__inner { + font-size: 16px; + line-height: 1.8; + border: none; + outline: none; + padding: 0; + --el-input-background-color: #f8f6f4 +} + +.custom_drawer .submit[data-v-306d27f6] { + width: calc(100% - 80px); + margin-top: 30px; + margin-bottom: 30px +} + +.post .post_detail_drawer .header[data-v-306d27f6] { + display: flex; + align-items: unset; + justify-content: space-between; + padding: 0 10px +} + +.post .post_detail_drawer .header .close[data-v-306d27f6] { + width: 14px; + height: 14px +} + +.comment[data-v-306d27f6] { + margin-top: 30px +} + +.comment[data-v-306d27f6] .el-textarea__inner { + padding: 10px!important +} + +.comment_header[data-v-306d27f6] { + display: flex; + flex-direction: row; + align-items: center; + position: relative +} + +.comment .comment_header_info[data-v-306d27f6] { + display: flex; + flex-direction: column; + margin-left: 10px +} + +.comment .avatar[data-v-306d27f6] { + width: 36px; + height: 36px; + border-radius: 50%; + margin-bottom: 2px +} + +.comment .comment_header .name[data-v-306d27f6] { + font-size: 16px; + line-height: 16px; + color: #acabae; + align-items: center; + display: flex +} + +.comment .comment_header .label[data-v-306d27f6] { + width: 16px; + height: 16px; + margin-left: 5px +} + +.comment .comment_header .date[data-v-306d27f6] { + font-size: 12px; + line-height: 12px; + margin-top: 9px; + color: #ababae +} + +.comment_header .dropdown[data-v-306d27f6] { + position: absolute; + right: 0; + top: 3px +} + +.comment_content[data-v-306d27f6] { + font-size: 16px; + line-height: 1.8; + color: #333; + margin-top: 20px +} + +.replys[data-v-306d27f6] { + margin-top: 13px +} + +.reply[data-v-306d27f6] { + background: #e9e9e9; + display: flex; + flex-direction: row; + position: relative +} + +.reply .avatar[data-v-306d27f6] { + width: 24px; + height: 24px; + border-radius: 50%; + margin-left: 14px; + margin-top: 19px +} + +.reply .reply_content[data-v-306d27f6] { + margin-left: 15px; + margin-right: 15px; + margin-bottom: 15px; + margin-top: 0; + font-size: 16px; + line-height: 1.8; + color: #333; + width: 100% +} + +.reply .first[data-v-306d27f6] { + margin-top: 15px +} + +.reply .reply_content .name[data-v-306d27f6] { + font-weight: 400; + color: #acabae; + display: flex; + align-items: center +} + +.reply .label[data-v-306d27f6] { + width: 16px; + height: 16px; + margin-left: 5px +} + +.reply .reply_content .date[data-v-306d27f6] { + font-size: 14px; + line-height: 16px; + margin-top: 7px; + color: #ababae +} + +.reply .reply_header[data-v-306d27f6] { + display: flex; + justify-content: space-between; + align-items: center +} + +.reply .text[data-v-306d27f6] { + margin-top: 4px +} + +.drawer_header[data-v-306d27f6] { + display: flex; + flex-direction: row; + justify-content: space-between +} + +.drawer_divider[data-v-306d27f6] { + border-bottom: 3px solid #333 +} + +.hide[data-v-306d27f6] { + display: none +} + +.element[data-v-306d27f6]::-webkit-scrollbar { + display: none +} + +aside[data-v-306d27f6]::-webkit-scrollbar { + width: 0!important; + height: 0!important +} + +[data-v-306d27f6]::-webkit-scrollbar { + width: 0!important; + height: 0!important; + background-color: hsla(0,0%,94.1%,0) +} + +.footer[data-v-306d27f6] { + height: 70px +} + +[data-v-306d27f6] .custom_drawer { + width: 100%; + position: absolute; + overflow: auto; + height: 100% +} + +.post_detail_drawer .title[data-v-306d27f6] { + font-size: 18px; + line-height: 21px; + color: #333; + margin-top: 6px; + margin-bottom: 30px +} + +.post_detail_drawer .close[data-v-306d27f6] { + margin-top: 9.5px; + width: 14px; + height: 14px +} + +.post_detail_drawer .divider[data-v-306d27f6] { + border-bottom: 3px solid #333; + margin: 0 10px +} + +.custom_drawer .divider[data-v-306d27f6] { + border-bottom: 3px solid #333; + margin: 0 0 +} + +.custom_drawer .divider_thin[data-v-306d27f6] { + border-bottom: 1px solid #e9e9e9; + margin: 0 0 +} + +.reference_drawer .reference_papers[data-v-306d27f6] { + margin-bottom: 20px; + max-height: 60vh; + overflow-y: auto +} + +.reference_drawer .reference_papers .reference_paper[data-v-306d27f6] { + display: flex; + align-items: center; + justify-content: space-between; + padding: 20px 0; + border-bottom: 1px solid #e9e9e9 +} + +.reference_drawer .reference_papers .reference_paper .info[data-v-306d27f6] { + display: flex; + align-items: center +} + +.reference_drawer .reference_papers .reference_paper .avatar[data-v-306d27f6] { + width: 24px; + height: 24px; + border-radius: 50% +} + +.reference_drawer .reference_papers .reference_paper .name[data-v-306d27f6] { + font-size: 18px; + margin-left: 10px; + max-width: calc(100vw - 100px); + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden +} + +.reference_drawer .paper_info[data-v-306d27f6] { + font-weight: 400; + font-size: 15px; + color: #acabae; + margin-left: 34px +} + +.reference_drawer .footer[data-v-306d27f6] { + height: 180px +} + +.paper_card[data-v-306d27f6] { + border: 1px solid #e9e9e9; + box-sizing: border-box; + padding: 15px 20px; + margin-top: 30px; + align-items: center; + position: relative; + display: flex; + border-radius: 6px; + cursor: pointer +} + +.paper_card .card_paper_name[data-v-306d27f6] { + font-size: 18px; + line-height: 21px; + color: #333; + font-weight: 800 +} + +.paper_card .card_info[data-v-306d27f6] { + font-size: 14px; + line-height: 20px; + color: #acacac; + margin-top: 4px +} + +.paper_card .icon_arrow[data-v-306d27f6] { + width: 7.41px; + height: 12px; + position: absolute; + right: 17px +} + +#bottom_fixed[data-v-306d27f6] { + position: relative; + margin-top: 16px; + position: fixed; + bottom: 0; + left: 0; + width: 100%; + border-top: 1px solid #e5e5e5; + padding: 20px 0; + text-align: center; + background: #f8f6f4 +} + +#bottom_fixed span[data-v-306d27f6] { + font-size: 14px; + margin-bottom: 16px; + display: block +} + +#bottom_fixed a.btn[data-v-306d27f6] { + width: 70% +} + +.plans[data-v-306d27f6] { + margin-bottom: 20px +} + +.plans .plan[data-v-306d27f6] { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 10px +} + +.plans .plan .price[data-v-306d27f6] { + font-weight: 600 +} + +.plans .plan .price .num[data-v-306d27f6] { + font-size: 32px; + font-weight: 700; + color: #b14b43 +} + +.comment_content[data-v-306d27f6] a,.reply_content[data-v-306d27f6] a { + color: #b14b43; + text-decoration: none +} + +.post-content img[data-v-306d27f6] { + animation: imgFadeIn-306d27f6 1s; + animation-fill-mode: forwards +} + +@keyframes imgFadeIn-306d27f6 { + 0% { + opacity: 0 + } + + to { + opacity: 1 + } +} + +.block[data-v-306d27f6] { + display: block +} + +.btn[data-v-306d27f6] { + margin-top: 10px +} + +.cancel[data-v-306d27f6] { + color: #413e3b +} + +.post_detail_drawer .el-drawer__body { + align-items: center; + display: flex; + flex-direction: column +} + +.tooltip__component[data-v-c470123c] { + padding: 5px; + line-height: 0; + border-radius: 4px; + margin: 0 5px; + cursor: pointer +} + +.actived[data-v-c470123c],.tooltip__component[data-v-c470123c]:hover { + background: #dbdbdb!important +} + +.tooltip__body { + z-index: 10000!important +} + +.addLink[data-v-78e54d9a] { + padding: 20px; + border-radius: 6px +} + +.title[data-v-78e54d9a] { + font-weight: 600; + font-size: 15px; + line-height: 26px; + color: #413e3b +} + +.addLink[data-v-78e54d9a] .el-input__inner { + background: transparent!important; + border: 1px solid #e9e9e9!important; + border-radius: 3px; + margin: 5px auto!important; + color: #413e3b!important +} + +.footer[data-v-78e54d9a] { + margin-top: 20px +} + +.ok-btn[data-v-78e54d9a] { + background: #b14b43; + border-radius: 3px; + padding: 6px 15px; + color: #fff; + cursor: pointer; + display: inline-block; + font-size: 15px +} + +.cancel-btn[data-v-78e54d9a] { + color: #acabae; + display: inline-block; + margin-left: 15px; + cursor: pointer; + font-size: 15px +} + +.visibility[data-v-6b7ce61b] { + content-visibility: auto +} + +.bubble-menu[data-v-6b7ce61b] { + background: rgba(248,246,244,.8); + box-shadow: 0 0 10px 0 rgba(0,0,0,.1); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-radius: 6px +} + +.bubble-menu .wrapper[data-v-6b7ce61b] { + display: flex; + justify-content: space-between; + border: .5px solid #dbdbdb; + border-radius: 6px; + padding: 5px 0 +} + +.bubble-menu .wrapper span[data-v-6b7ce61b] { + padding: 5px; + line-height: 0; + border-radius: 4px; + margin: 0 5px; + cursor: pointer +} + +.bubble-menu .wrapper span.actived[data-v-6b7ce61b],.bubble-menu .wrapper span[data-v-6b7ce61b]:hover { + background: #dbdbdb +} + +.bubble-menu .wrapper span[data-v-6b7ce61b]:nth-child(4),.bubble-menu .wrapper span[data-v-6b7ce61b]:nth-child(7) { + margin: 0 +} + +.bubble-menu .wrapper span[data-v-6b7ce61b]:nth-child(4):hover,.bubble-menu .wrapper span[data-v-6b7ce61b]:nth-child(7):hover { + background: transparent +} + +.bubbleMenu-link { + background: rgba(248,246,244,.8)!important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px) +} + +.el-textarea[data-v-c3e9d3b2] { + margin: 20px 0 +} + +.el-textarea[data-v-c3e9d3b2] textarea.el-textarea__inner { + font-size: 16px; + line-height: 1.8; + border: none; + outline: none; + padding: 0; + --el-input-background-color: #f8f6f4 +} + +.form[data-v-c3e9d3b2] { + width: 100%; + max-width: 600px; + position: absolute; + overflow: auto; + height: 100% +} + +.footer[data-v-c3e9d3b2] { + position: fixed; + top: 0; + width: 90%; + z-index: 888; + max-width: 560px; + background: #f8f6f4 +} + +.topbar__action svg[data-v-c3e9d3b2] { + margin: 0 10px +} + +.topbar[data-v-c3e9d3b2] { + display: flex; + flex-direction: row; + justify-content: space-between; + padding: 10px; + align-items: center; + background: #f3f1ef; + position: sticky; + top: 0 +} + +[data-v-c3e9d3b2] .el-upload-list__item-thumbnail { + -o-object-fit: cover; + object-fit: cover +} + +.image-actions[data-v-c3e9d3b2] { + width: 100%; + height: 100% +} + +.image-actions .image-delete[data-v-c3e9d3b2] { + width: 15px; + height: 15px; + position: absolute; + right: 0; + top: 0 +} + +.preview[data-v-c3e9d3b2] { + width: 100% +} + +.header[data-v-c3e9d3b2] { + padding: 17px 0; + border-bottom: 5px solid #333; + display: flex; + justify-content: space-between; + align-items: center +} + +.header .title[data-v-c3e9d3b2] { + color: #333; + font-size: 18px; + line-height: 21px +} + +.custom_drawer .divider[data-v-c3e9d3b2] { + border-bottom: 3px solid #333; + margin: 0 20px; + width: calc(100% - 40px) +} + +.custom_drawer .content[data-v-c3e9d3b2] { + padding: 0 20px; + width: 100% +} + +.custom_drawer .content .inline[data-v-c3e9d3b2] { + display: flex; + flex-direction: row; + justify-content: space-between; + min-height: 77px; + align-items: center; + position: relative; + padding-top: 10px; + padding-bottom: 10px +} + +.custom_drawer .content[data-v-c3e9d3b2] .tagify { + margin-right: 80px; + border: 0 solid #fff; + border-radius: 0; + overflow: hidden; + width: calc(100% - 80px) +} + +.custom_drawer .content .tag_input[data-v-c3e9d3b2] { + border: 0 solid #fff; + border-radius: 0; + background: #f8f6f4!important; + color: #333 +} + +.custom_drawer .content .submit[data-v-c3e9d3b2] { + float: right; + right: 0; + width: 40px; + position: absolute +} + +.custom_drawer .content a.btn[data-v-c3e9d3b2]:active { + top: auto +} + +.custom_drawer .content .paper_tags[data-v-c3e9d3b2] { + margin-bottom: 120px; + overflow: auto +} + +.limit[data-v-c3e9d3b2] { + max-height: 220px +} + +.custom_drawer .content .divider_thin[data-v-c3e9d3b2] { + margin: 0 +} + +[data-v-c3e9d3b2] .tagify__tag { + background: #fffdfc; + --tag-bg: #fffdfc; + font-size: 15px; + line-height: 21px; + color: #acabae; + --tag-text-color: #acabae; + --tag-remove-btn-color: #acabae; + margin: 5px 10px 5px 0; + --tag-hover: #fffdfc +} + +[data-v-c3e9d3b2] .tagify__tag>div { + padding: 7px 14px +} + +[data-v-c3e9d3b2] .tagify__input:before { + line-height: 21px +} + +.tags[data-v-c3e9d3b2] { + margin: 17px 0; + overflow: auto; + height: 40px; + align-items: center; + display: flex; + white-space: nowrap +} + +.tag[data-v-c3e9d3b2] { + padding: 7px 12px; + font-size: 15px; + line-height: 21px; + color: #acabae; + background: #fffdfc; + margin-right: 10px +} + +.paper_tags[data-v-c3e9d3b2] { + margin-top: 17px; + display: flex; + flex-flow: row wrap +} + +.paper_tags .tag[data-v-c3e9d3b2] { + margin-bottom: 10px +} + +.paper_tags .selected[data-v-c3e9d3b2] { + background: #e9e9e9 +} + +.space[data-v-c3e9d3b2] { + height: 175px +} + +.hide[data-v-c3e9d3b2] { + display: none +} + +.element[data-v-c3e9d3b2]::-webkit-scrollbar { + display: none +} + +aside[data-v-c3e9d3b2]::-webkit-scrollbar { + width: 0!important; + height: 0!important +} + +[data-v-c3e9d3b2]::-webkit-scrollbar { + width: 0!important; + height: 0!important; + background-color: hsla(0,0%,94.1%,0) +} + +.el-overlay { + overflow: hidden!important +} + +.editor_drawer .el-drawer__body { + align-items: center; + display: flex; + flex-direction: column +} + +.m-editor { + padding: 0 10px +} + +.m-editor .el-input__inner { + border: none; + padding: 0!important; + background: #f8f6f4!important; + color: #333; + font-size: 16px +} + +.m-editor .el-input__inner::-moz-placeholder { + font-size: 18px +} + +.m-editor .el-input__inner::placeholder { + font-size: 18px +} + +.el-textarea__inner::-moz-placeholder,.m-editor .el-input__inner::-moz-placeholder { + color: #acabae!important +} + +.el-textarea__inner::placeholder,.m-editor .el-input__inner::placeholder { + color: #acabae!important +} + +.btn-text { + color: #acabae!important +} + +.ProseMirror { + overflow-y: auto; + min-height: 20vh; + line-height: 180%; + padding: 20px 0; + max-height: calc(100vh - 160px) +} + +.ProseMirror p.is-editor-empty:first-child:before { + content: attr(data-placeholder); + float: left; + color: #adb5bd; + pointer-events: none; + height: 0 +} + +.ProseMirror:focus { + outline: none +} + +.ProseMirror p { + color: #333 +} + +.ProseMirror .ProseMirror-selectednode { + box-shadow: 0 0 0 2px #6e79d6 +} + +.addLinkDialog { + border-radius: 5px +} + +.addLinkDialog .el-dialog__header { + display: none +} + +.addLinkDialog .el-dialog__body { + padding: 0 +} + +.post[data-v-927ed2ae] { + font-size: 16px; + line-height: 26px; + border-bottom: 1px solid #e5e5e5; + padding: 10px 0 20px +} + +.post .header[data-v-927ed2ae] { + display: flex; + align-items: center; + justify-content: space-between +} + +.paper-list .header[data-v-927ed2ae] { + margin-top: 10px; + margin-bottom: 15px +} + +.post .header .user[data-v-927ed2ae] { + display: flex; + align-items: center; + justify-content: flex-start +} + +.post .header .user .info[data-v-927ed2ae] { + margin-left: 10px +} + +.post .header .user .avatar[data-v-927ed2ae] { + width: 36px; + height: 36px; + border-radius: 50%; + margin-right: 5px +} + +.post .header.subscribePost[data-v-927ed2ae] { + cursor: pointer +} + +.post .header.subscribePost .user .avatar[data-v-927ed2ae] { + width: 14px; + height: 14px; + border-radius: unset +} + +.post .header.subscribePost .user span[data-v-927ed2ae] { + font-size: 12px; + color: #64a1bc; + line-height: 16.8px; + font-weight: 700 +} + +.post .header.subscribePost .info[data-v-927ed2ae] { + font-size: 12px; + color: #ababae +} + +.paper-list .header .user .avatar[data-v-927ed2ae] { + width: 20px; + height: 20px +} + +.post .header .user .name_container[data-v-927ed2ae] { + display: flex; + align-items: center +} + +.post .header .user .name[data-v-927ed2ae] { + font-weight: 900; + font-size: 15px; + line-height: 18px +} + +.post .header .user .free_label[data-v-927ed2ae],.post .header .user .pin_label[data-v-927ed2ae] { + color: #fff; + background: #b14b43; + font-size: 12px; + padding: 0 4px; + margin-left: 10px; + line-height: 17px; + border-radius: 2px +} + +.post .header .user .free_label[data-v-927ed2ae] { + background: #64a1bc +} + +.post .header .user .date[data-v-927ed2ae] { + font-size: 12px; + line-height: 13px; + margin-top: 3px; + color: #ababae +} + +.paper-list .header .user .date[data-v-927ed2ae] { + margin-left: 5px +} + +.post .header .more[data-v-927ed2ae] { + cursor: pointer +} + +.post .title[data-v-927ed2ae] { + font-size: 22px +} + +.post .content[data-v-927ed2ae] { + margin: 0; + color: #333 +} + +.post .content strong[data-v-927ed2ae] { + color: #222 +} + +.post .content[data-v-927ed2ae] a { + color: #b14b43; + text-decoration: none +} + +.post .thumbnail[data-v-927ed2ae] { + width: min(197px,calc(33.33333vw - 16px)); + height: min(197px,calc(33.33333vw - 16px)); + margin: 0 4px 4px 0; + -o-object-fit: cover; + object-fit: cover +} + +.post .thumbnail[data-v-927ed2ae]:nth-of-type(3n) { + margin-right: 0 +} + +.post .files[data-v-927ed2ae] { + display: flex; + flex-wrap: wrap; + margin-top: 4px +} + +.post_tag[data-v-927ed2ae] { + font-size: 15px; + line-height: 21px; + color: #64a1bc; + cursor: pointer +} + +.post .tags[data-v-927ed2ae] { + margin-top: 5px; + max-width: calc(100% - 60px); + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + color: #64a1bc +} + +.post .actions[data-v-927ed2ae] { + display: flex; + justify-content: space-between; + margin-top: 10px; + position: relative; + padding-bottom: 18px; + align-items: center +} + +.post .actions .comment[data-v-927ed2ae] { + font-size: 14px; + line-height: 20px; + color: #acabae; + position: absolute; + right: 0 +} + +.post .read_more[data-v-927ed2ae] { + font-size: 15px; + line-height: 21px; + color: #64a1bc +} + +.wrap[data-v-927ed2ae] { + display: flex; + justify-content: space-between; + align-items: flex-start; + flex: 1 1 auto; + margin-top: 10px; + position: relative +} + +.wrap .title[data-v-927ed2ae] { + cursor: pointer; + margin: 0 auto +} + +.wrap:hover .title[data-v-927ed2ae] { + color: #b14b43 +} + +.wrap .el-image[data-v-927ed2ae] { + width: 130px; + height: 130px; + border-radius: 6px; + margin-left: 20px; + cursor: pointer +} + +@media screen and (max-width: 600px) { + .wrap .el-image[data-v-927ed2ae] { + width:100px; + height: 100px; + border-radius: 6px; + margin-left: 20px; + cursor: pointer + } + + .wrap .title[data-v-927ed2ae] { + font-size: 18px + } +} + +.paper-list .content[data-v-927ed2ae] { + font-size: 14px; + color: #9d9d9d; + margin-top: 5px; + cursor: pointer; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical +} + +.stat[data-v-927ed2ae] { + font-weight: 400; + font-size: 12px; + line-height: 17px; + color: #acabae; + margin-top: 15px +} + +.empty-box[data-v-927ed2ae] { + height: 8px; + display: block +} + +.success { + animation: fadein 1s; + -moz-animation: fadein 1s; + -webkit-animation: fadein 1s; + -o-animation: fadein 1s +} + +@keyframes fadein { + 0% { + opacity: 0 + } + + to { + opacity: 1 + } +} + +.keyword { + color: var(--theme-color); + font-weight: 600 +} + +.paperStyle[data-v-431a61f7] { + display: flex; + align-items: flex-end; + justify-content: space-between; + border-bottom: 1px solid #e9e9e9; + margin-bottom: 17px; + margin-top: 20px +} + +.category[data-v-431a61f7] { + display: flex +} + +.category div[data-v-431a61f7] { + font-weight: 400; + font-size: 14px; + line-height: 17px; + color: #ababae; + cursor: pointer; + padding: 17px 0 +} + +.category .active[data-v-431a61f7] { + color: #333; + border-bottom: 1px solid #b14b43; + font-weight: 700 +} + +.category div[data-v-431a61f7]:nth-child(2) { + margin: 0 28px +} + +.text[data-v-431a61f7],.title[data-v-431a61f7] { + font-weight: 700; + font-size: 14px; + line-height: 17px; + color: #333; + padding: 17px 0 +} + +.hasTag .text[data-v-431a61f7],.hasTag .title[data-v-431a61f7] { + padding-top: 0 +} + +.title[data-v-431a61f7] { + border-bottom: 1px solid #b14b43 +} + +.text[data-v-431a61f7] { + color: #ababae; + cursor: pointer +} + +.text span[data-v-431a61f7] { + margin-left: 10px +} + +.item[data-v-431a61f7] { + font-size: 14px; + line-height: 26px; + text-align: justify; + color: #9d9a98; + padding: 6px 15px; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: flex-end; + cursor: pointer; + font-weight: 400 +} + +.active[data-v-431a61f7] { + color: #413e3b; + font-weight: 600 +} + +.item span[data-v-431a61f7] { + margin-left: 8px +} + +.filterPopover { + padding: 0!important; + width: auto!important; + min-width: unset!important +} + +.referText[data-v-4b66941e] { + font-size: 15px; + line-height: 24px; + color: #acabae; + margin-top: 2px; + padding: 10px +} + +.block[data-v-4b66941e] { + display: block +} + +.btn[data-v-4b66941e] { + margin-top: 10px +} + +.copyUrl[data-v-4b66941e] { + color: #413e3b +} + +.p-10[data-v-4b66941e] { + padding: 10px +} + +.paper .header[data-v-e114abe2] { + display: flex; + align-items: center; + justify-content: space-between +} + +.paper_info[data-v-e114abe2] { + margin: 20px 0 +} + +.paper .header .avatar[data-v-e114abe2] { + width: 64px; + height: 64px; + border-radius: 6px; + -o-object-fit: cover; + object-fit: cover +} + +.paper .header .stats[data-v-e114abe2] { + display: flex +} + +.paper .header .stats .stat[data-v-e114abe2] { + display: flex; + flex-direction: column; + align-items: center; + margin-left: 20px +} + +.paper .header .stats .stat .num[data-v-e114abe2] { + font-size: 28px; + font-weight: 500 +} + +.paper .header .stats .stat .type[data-v-e114abe2] { + font-size: 12px; + opacity: .5 +} + +.paper .paper_title[data-v-e114abe2] { + display: flex; + justify-content: space-between; + margin-top: 20px +} + +.paper .actions[data-v-e114abe2] { + display: flex; + flex-direction: row; + align-items: center +} + +.paper .actions .icon_action[data-v-e114abe2] { + width: 20px; + margin-left: 14px +} + +.paper h1.name[data-v-e114abe2] { + font-size: 18px; + line-height: 1; + margin-top: 0 +} + +.paper p.intro[data-v-e114abe2] { + color: #acacac; + font-size: 14px; + margin-top: 0 +} + +.paper_root[data-v-e114abe2] { + height: calc(100vh - 80px); + overflow: auto +} + +.description[data-v-e114abe2],.posts[data-v-e114abe2] { + padding-bottom: 122px +} + +.description[data-v-e114abe2] { + overflow: auto +} + +.posts[data-v-e114abe2] .post:last-child { + border-bottom: none +} + +.posts .footer[data-v-e114abe2] { + height: 40px; + width: 100%; + margin-bottom: 140px +} + +.posts[data-v-e114abe2] .el-loading-mask { + z-index: 0; + background-color: transparent +} + +#bottom_fixed[data-v-e114abe2] { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + border-top: 1px solid #e5e5e5; + padding: 20px 0; + text-align: center; + background: #f8f6f4; + z-index: 1 +} + +#bottom_fixed a.btn[data-v-e114abe2] { + width: 70%; + border-radius: 6px; + max-width: 960px +} + +.plans[data-v-e114abe2] { + margin-bottom: 20px +} + +.plans .plan[data-v-e114abe2] { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 10px +} + +.plans .plan .price[data-v-e114abe2] { + font-weight: 600 +} + +.plans .plan .price .num[data-v-e114abe2] { + font-size: 32px; + font-weight: 700; + color: #b14b43 +} + +.preview[data-v-e114abe2] { + width: 100% +} + +.tag-wrap[data-v-e114abe2] { + position: relative; + margin: 35px 0 +} + +.right-arrow[data-v-e114abe2] { + right: 0 +} + +.left-arrow[data-v-e114abe2] { + left: 0 +} + +.left-arrow[data-v-e114abe2],.right-arrow[data-v-e114abe2] { + cursor: pointer; + width: 30px; + height: 30px; + position: absolute; + top: 0; + z-index: 9 +} + +.tags[data-v-e114abe2] { + transition: transform .3s ease-in-out; + white-space: nowrap +} + +.tag[data-v-e114abe2] { + padding: 5px 13px; + font-size: 14px; + margin-right: 10px; + white-space: nowrap; + cursor: pointer; + display: inline-block; + vertical-align: middle; + background: #e9e9e9; + color: #9d9a98; + border-radius: 4px; + height: 30px; + box-sizing: border-box +} + +.search[data-v-e114abe2] { + font-size: unset; + height: 30px; + padding: unset; + width: 36px; + text-align: center; + line-height: 1; + padding-top: 8px; + box-sizing: border-box; + border-radius: 6px +} + +.all-tag[data-v-e114abe2] { + padding: 5px 13px +} + +.tags .selected[data-v-e114abe2] { + color: #fff; + font-weight: 900; + background: #000 +} + +.tags .close[data-v-e114abe2] { + width: 14px; + height: 14px; + position: absolute; + right: 20px; + cursor: pointer; + top: 10px +} + +.element[data-v-e114abe2]::-webkit-scrollbar { + display: none +} + +aside[data-v-e114abe2]::-webkit-scrollbar { + width: 0!important; + height: 0!important +} + +[data-v-e114abe2]::-webkit-scrollbar { + width: 0!important; + height: 0!important; + background-color: hsla(0,0%,94.1%,0) +} + +.hide[data-v-e114abe2] { + display: none +} + +.paper .divider_thin[data-v-e114abe2] { + border-bottom: 1px solid #e9e9e9; + margin: 20px 0 +} + +.page_footer[data-v-e114abe2] { + text-align: center; + color: #acabae; + margin-top: 30%; + font-size: 14px +} + +.paper .intro[data-v-e114abe2] a { + color: #b14b43; + text-decoration: none +} + +.expireDay[data-v-e114abe2] { + font-size: 12px; + line-height: 17px; + color: #acabae; + border-top: 1px solid #e9e9e9!important; + padding: 10px 0!important +} + +.toggleMute[data-v-e114abe2] { + color: #64a1bc; + cursor: pointer +} + +.searchBox[data-v-e114abe2] { + display: flex; + justify-content: space-between; + align-items: center +} + +.mobile-search[data-v-e114abe2] { + margin: 30px 0 +} + +.searchBox[data-v-e114abe2] .el-input__inner { + height: 30px; + line-height: 30px; + border-radius: 6px; + background: #e9e9e9; + border: unset +} + +.searchBox[data-v-e114abe2] .el-input__prefix { + top: 8px; + left: 11px +} + +.searchBox .cancel[data-v-e114abe2] { + font-size: 14px; + color: #9d9a98; + width: 40px; + text-align: right; + flex-shrink: 0; + cursor: pointer +} + +.editor_drawer .el-drawer__body { + padding: 0 0; + background: #f8f6f4 +} + +.custom_drawer .el-drawer__body { + background: #f8f6f4; + padding: 0 20px +} + +.post_detail_drawer .el-drawer__body { + padding: 0 0; + background: #f8f6f4 +} + +.share-dialog { + max-width: 600px +} + +.description img { + width: 100%; + height: auto +} + +.el-input[data-v-571f30fa] .el-input__inner { + border: 0 solid #fff; + border-radius: 0; + height: 73px; + padding: 0 0; + margin: 0 10px; + font-size: 18px; + line-height: 21px; + color: #333; + font-weight: 400; + background: transparent +} + +.custom_drawer .hint[data-v-571f30fa] { + font-size: 15px; + line-height: 21px; + color: #acabae; + margin: 18px 10px +} + +.custom_drawer .content[data-v-571f30fa] { + display: flex; + align-items: center; + flex-direction: column +} + +.desc .inline[data-v-571f30fa] { + display: flex; + flex-direction: row; + align-items: center +} + +.desc .send_verify_code[data-v-571f30fa] { + font-size: 18px; + line-height: 21px; + color: #b14b43; + width: 40%; + text-align: right; + margin-right: 10px; + padding: 0; + border: unset; + background: none +} + +.desc .send_verify_code[data-v-571f30fa]:disabled { + color: #acabae +} + +.btn-large[data-v-571f30fa] { + margin-top: 15px +} + +.switch[data-v-571f30fa] { + font-weight: 600; + font-size: 15px; + line-height: 180%; + text-align: center; + color: #64a1bc; + margin: 0 auto; + cursor: pointer +} + +.papers[data-v-97d767b6] { + padding: 0 20px; + border-radius: 8px 8px 0 0; + background: #f8f6f4 +} + +.papers .tab[data-v-97d767b6] { + display: flex; + align-items: center; + justify-content: flex-start; + border-bottom: 1px solid #e9e9e9 +} + +.papers .tab .tabItem[data-v-97d767b6] { + padding: 18px 0; + margin-right: 28px; + font-size: 14px; + color: #ababae; + cursor: pointer +} + +.papers .tab .tabItem.active[data-v-97d767b6] { + color: #413e3b; + font-weight: 700; + border-bottom: 2px solid #b14b43 +} + +.paper[data-v-97d767b6] { + padding: 20px 0; + cursor: pointer +} + +.paper .info[data-v-97d767b6] { + display: flex; + align-items: center +} + +.paper .info .avatar[data-v-97d767b6] { + width: 44px; + height: 44px; + border-radius: 6px; + margin-right: 10px +} + +.paper .info .title[data-v-97d767b6] { + margin-bottom: 4px; + display: flex; + align-items: center +} + +.paper .info .title .name[data-v-97d767b6] { + font-size: 18px; + font-weight: 700; + color: #333 +} + +.paper .info .title .unread[data-v-97d767b6] { + background: #b14b43; + border-radius: 50%; + width: 10px; + height: 10px; + margin-left: 6px +} + +.paper .info .writer[data-v-97d767b6] { + font-size: 12px; + background: #b14b43; + color: #fff; + display: inline-block; + padding: 1px 6px; + border-radius: 2px +} + +.paper .info .time[data-v-97d767b6] { + font-size: 15px; + color: #ababae; + margin-right: 6px +} + +.paper .info .timeAndNotice[data-v-97d767b6] { + display: flex; + align-items: center; + justify-content: flex-start +} + +.paper .info .last_posted_at[data-v-97d767b6] { + font-size: 14px; + color: #ababae +} + +.paper .latest_post[data-v-97d767b6] { + font-size: 14px; + color: #ababae; + background: #fffdfc; + padding: 14px; + margin-top: 12px; + line-height: 1.6; + border-radius: 6px; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none +} + +.paper .latest_post .title[data-v-97d767b6] { + color: #333; + font-weight: 600 +} + +#bottom_fixed[data-v-97d767b6] { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + border-top: 1px solid #e5e5e5; + padding: 20px 0; + text-align: center; + background: #fff +} + +#bottom_fixed a.btn[data-v-97d767b6] { + width: 60%; + font-size: 14px +} + +[data-v-97d767b6] .el-dialog { + width: 80% +} + +.actions[data-v-97d767b6] { + margin: 0 10px +} + +.action .icon_arrow[data-v-97d767b6] { + width: 7.41px; + height: 12px; + margin-left: 20px +} + +.actions .action[data-v-97d767b6] { + font-size: 18px; + border-bottom: 1px solid #e9e9e9; + padding: 24px 0; + display: flex; + justify-content: space-between; + align-items: center +} + +.actions .red[data-v-97d767b6] { + color: #b14b43 +} + +.reader_helper[data-v-97d767b6] { + text-align: center; + margin-top: 20px; + padding-bottom: 120px; + font-size: 15px; + color: #ababae +} + +.reader_helper a[data-v-97d767b6] { + color: #64a1bc; + text-decoration: none +} + +.header[data-v-97d767b6] { + display: flex; + justify-content: space-between; + align-items: center; + align-content: center; + padding: 20px; + background: #ededed +} + +.footer[data-v-97d767b6] { + text-align: center; + color: #ababae; + font-size: 12px +} + +.footer[data-v-97d767b6]:after { + content: ""; + display: block; + height: 20px +} + +.header .icon svg[data-v-97d767b6] { + fill: #333 +} + +.header .icon .me[data-v-97d767b6] { + width: 56px; + height: 67px; + text-align: center +} + +.header .icon .me p[data-v-97d767b6] { + margin: 7px 4px; + font-size: 14px +} + +.header .icon img[data-v-97d767b6] { + width: 30px; + height: 30px; + border-radius: 50% +} + +.top[data-v-97d767b6] { + padding: 31px 33px; + background: #ededed; + border-bottom: 1px solid #e5e5e5 +} + +.top svg[data-v-97d767b6] { + fill: #333 +} + +@media (prefers-color-scheme: dark) { + .header[data-v-97d767b6],.top[data-v-97d767b6] { + background:#111; + border-bottom: 1px solid #ababae + } + + .header .icon svg[data-v-97d767b6],.top svg[data-v-97d767b6] { + fill: #ababae + } + + .me p[data-v-97d767b6] { + color: #ababae + } +} + +.skeleton[data-v-97d767b6] { + display: flex +} + +.settings .setting { + font-size: 18px; + border-bottom: 1px solid #e9e9e9; + padding: 24px 0; + display: flex; + justify-content: space-between; + align-items: center +} + +.settings .setting span.name { + font-weight: 500; + color: #333 +} + +.settings .setting span.value { + color: #acacac; + font-size: 14px +} + +.settings .setting span.danger { + color: #b14b43 +} + +.settings /deep/ input.el-input__inner { + background: transparent +} + +.settings .divider { + border-bottom: 3px solid #333 +} + +.custom_drawer .divider[data-v-6e8138cd] { + border-bottom: 3px solid #333; + margin: 0 0 +} + +.custom_drawer .desc[data-v-6e8138cd] { + padding: 0 +} + +.tips[data-v-ab7c84ae] { + font-size: 14px; + line-height: 1.6; + color: #acacac; + margin-top: 20px +} + +.setting .user_icon[data-v-d51bfa0e] { + width: 36px; + height: 36px; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover +} + +.setting .icon_arrow[data-v-d51bfa0e] { + width: 7.41px; + height: 12px; + margin-left: 20px +} + +.setting .content[data-v-d51bfa0e] { + display: flex; + flex-direction: row; + margin-right: 8px; + align-items: center +} + +.setting .content .text[data-v-d51bfa0e] { + font-size: 18px; + line-height: 25px; + color: #acabae +} + +.custom_drawer .user_icon_big[data-v-d51bfa0e] { + width: 120px; + height: 120px; + border-radius: 50%; + margin-top: 35px; + -o-object-fit: cover; + object-fit: cover +} + +.custom_drawer .avatar_desc[data-v-d51bfa0e] { + font-size: 18px; + line-height: 25px; + color: #acabae; + margin-top: 20px; + margin-bottom: 20px +} + +.custom_drawer .content[data-v-d51bfa0e] { + display: flex; + align-items: center; + flex-direction: column +} + +.custom_drawer .space[data-v-d51bfa0e] { + height: 175px +} + +.el-input[data-v-d51bfa0e] .el-input__inner { + height: 73px; + padding: 0 0; + font-size: 18px; + color: #333 +} + +.el-input[data-v-d51bfa0e] .el-input__inner,.el-textarea[data-v-d51bfa0e] .el-textarea__inner { + border: 0 solid #fff; + border-radius: 0; + margin: 0 10px; + line-height: 21px; + font-weight: 400; + background: transparent +} + +.el-textarea[data-v-d51bfa0e] .el-textarea__inner { + padding: 16px 0; + font-size: 15px; + color: #acabae +} + +.settings[data-v-d51bfa0e] { + position: relative +} + +.subscriber[data-v-4eac5cfa] { + display: flex; + align-items: center; + height: 80px; + justify-content: space-between; + border-bottom: 1px solid #e9e9e9 +} + +.subscriber .user_infos[data-v-4eac5cfa] { + display: flex +} + +.subscriber .avatar[data-v-4eac5cfa] { + width: 36px; + height: 36px; + border-radius: 50% +} + +.subscriber .status[data-v-4eac5cfa] { + margin-left: 18px +} + +.subscriber .status .nickname[data-v-4eac5cfa] { + font-size: 15px; + line-height: 18px; + color: #333 +} + +.subscriber .status .expired_at[data-v-4eac5cfa] { + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 20px; + color: #acabae; + margin-top: 4px +} + +.subscriber .status .expired[data-v-4eac5cfa] { + color: #b14b43 +} + +.subscriber .channls .icon[data-v-4eac5cfa] { + width: 18px; + margin-left: 10px +} + +.posts .footer[data-v-4eac5cfa] { + height: 40px; + width: 100% +} + +.posts[data-v-4eac5cfa] .el-loading-mask { + z-index: 0; + background-color: transparent +} + +#bottom_fixed[data-v-01383006] { + bottom: 0; + left: 0; + width: 100%; + padding: 20px 0; + text-align: center +} + +#bottom_fixed a.btn[data-v-01383006] { + width: 70% +} + +.with_draw_success[data-v-01383006] { + display: flex; + flex-direction: column; + align-items: center +} + +.success_img[data-v-01383006] { + width: 85px; + height: 85px; + margin-top: 42px +} + +.success_tip[data-v-01383006] { + margin-top: 20px; + font-size: 24px; + color: #b14b43 +} + +.extra[data-v-01383006] { + font-size: 15px; + line-height: 1.6; + text-align: center; + color: #acabae; + margin-top: 28px +} + +.extra .help_link[data-v-01383006] { + color: #64a1bc; + text-decoration: none +} + +.back[data-v-01383006] { + background: #b14b43 +} + +.wallet .total[data-v-1b9f29fb] { + display: flex; + flex-direction: column +} + +.wallet .total .num[data-v-1b9f29fb] { + margin: 0 auto; + font-style: normal; + font-weight: 700; + font-size: 28px; + line-height: 33px; + color: #333; + margin-top: 26px +} + +.wallet .total .desc[data-v-1b9f29fb] { + margin: 0 auto; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 17px; + color: #333; + opacity: .5; + align-items: flex-start; + display: flex; + margin-top: 8px; + margin-bottom: 30px; + justify-content: center +} + +.wallet .help[data-v-1b9f29fb] { + width: 12px; + height: 12px; + align-items: center +} + +.wallet .freeze_num[data-v-1b9f29fb] { + display: flex; + align-items: center +} + +.wallet .detail[data-v-1b9f29fb],.wallet_divider[data-v-1b9f29fb] { + border-bottom: 1px solid #e9e9e9; + padding: 24px 0 +} + +.wallet .detail[data-v-1b9f29fb] { + display: flex; + justify-content: space-between; + font-size: 18px +} + +.wallet .name[data-v-1b9f29fb] { + align-items: center +} + +#bottom_fixed[data-v-1b9f29fb] { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + border-top: 1px solid #e5e5e5; + padding: 20px 0; + text-align: center; + background: #fff +} + +#bottom_fixed a.btn[data-v-1b9f29fb] { + width: 70% +} + +.wallet .icon_arrow[data-v-1b9f29fb] { + width: 7.41px; + height: 12px; + margin-left: 20px +} + +.form .item[data-v-1b9f29fb] { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center +} + +.form .input[data-v-1b9f29fb] { + max-width: 200px +} + +.custom_drawer .divider[data-v-1b9f29fb] { + margin: 0 +} + +.form[data-v-1b9f29fb] { + position: relative; + width: 100% +} + +.form .red[data-v-1b9f29fb] { + color: #b14b43 +} + +.form .item[data-v-1b9f29fb] { + border-bottom: 1px solid #e9e9e9 +} + +.form[data-v-1b9f29fb] input.el-input__inner { + border: 0 solid #fff; + border-radius: 0; + height: 75px; + padding: 0 0; + margin: 0 0; + font-size: 18px; + line-height: 21px; + font-weight: 400; + background: transparent; + text-align: right +} + +.form .submit[data-v-1b9f29fb] { + width: calc(100% - 80px); + margin-bottom: 20px +} + +.form .tips[data-v-1b9f29fb] { + margin-top: 19px; + color: #acabae; + font-size: 15px; + margin-bottom: 18px +} + +.yzh[data-v-1b9f29fb] { + display: flex; + align-items: center +} + +.yzh svg[data-v-1b9f29fb] { + margin-right: 12px +} + +.form .confirm_tips[data-v-1b9f29fb] { + margin-top: 21px; + color: #acabae; + font-size: 15px; + margin-bottom: 55px +} + +.form .help_link[data-v-1b9f29fb] { + color: #64a1bc; + text-decoration: none +} + +.form .confirm_info[data-v-1b9f29fb] { + margin-top: 25px; + font-size: 16px; + font-weight: 400; + margin-bottom: 28px +} + +.form .confirm_divider[data-v-1b9f29fb] { + margin-top: 29px +} + +.form .divider_thin[data-v-1b9f29fb] { + margin-left: 0; + margin-right: 0 +} + +.form .item[data-v-1b9f29fb] { + font-size: 16px +} + +.disable[data-v-1b9f29fb] { + color: #acacac +} + +.disable_submit[data-v-1b9f29fb] { + background: #acabae +} + +.withdraw_tips[data-v-1b9f29fb] { + color: #acabae; + font-size: 15px; + line-height: 1.5; + margin-top: 28px +} + +[data-v-1b9f29fb] .el-button { + font-size: 18px; + padding-left: 0 +} + +.el-button[data-v-1b9f29fb]:hover,[data-v-1b9f29fb] .el-button,[data-v-1b9f29fb] .el-button:focus { + background: transparent; + border: 0; + color: #333 +} + +[data-v-1b9f29fb] .el-input.is-disabled .el-input__inner { + color: #acacac; + -webkit-text-fill-color: #acacac +} + +.submitBtn[data-v-1b9f29fb] { + width: 100%; + box-sizing: border-box; + font-size: 18px; + padding: 10px 40px; + margin-bottom: 20px; + border-radius: 6px +} + +.el-button[data-v-1b9f29fb]:focus,.el-button[data-v-3ddde9b5][data-v-1b9f29fb]:hover,.submitBtn[data-v-1b9f29fb] { + background: #b14b43; + color: #fff +} + +.disabled[data-v-1b9f29fb] { + cursor: not-allowed; + pointer-events: none +} + +.wallet-popover .el-popper__arrow { + display: none +} + +.embody .el-form-item__label { + text-align: left; + font-size: 16px; + line-height: 75px +} + +.embody .el-form-item { + border-bottom: 1px solid #e9e9e9 +} + +.embody .el-form-item__error { + right: 0; + left: unset; + margin: 4px 0 +} + +.history[data-v-0342eafb] { + display: flex; + align-items: center; + height: 80px; + justify-content: space-between; + border-bottom: 1px solid #e9e9e9 +} + +.history .info[data-v-0342eafb] { + display: flex +} + +.history .balance[data-v-0342eafb] { + flex-shrink: 0 +} + +.history .status .comment[data-v-0342eafb] { + font-size: 15px; + line-height: 18px; + color: #333 +} + +.history .status .created_at[data-v-0342eafb] { + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 20px; + color: #acabae; + margin-top: 4px +} + +.history .status .channls[data-v-0342eafb] { + width: 18px +} + +.setting .paper_icon[data-v-2c2bb564] { + width: 36px; + height: 36px; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover +} + +.setting .icon_arrow[data-v-2c2bb564] { + width: 7.41px; + height: 12px; + margin-left: 20px +} + +.setting .content[data-v-2c2bb564] { + display: flex; + flex-direction: row; + margin-right: 8px; + align-items: center +} + +.setting .content .text[data-v-2c2bb564] { + font-size: 18px; + line-height: 25px; + color: #acabae +} + +.custom_drawer .desc[data-v-2c2bb564] { + padding: 0 +} + +.custom_drawer .paper_icon_big[data-v-2c2bb564] { + width: 120px; + height: 120px; + border-radius: 50%; + margin-top: 35px; + -o-object-fit: cover; + object-fit: cover +} + +.custom_drawer .avatar_desc[data-v-2c2bb564] { + font-size: 18px; + line-height: 25px; + color: #acabae; + margin-top: 20px; + margin-bottom: 20px +} + +.custom_drawer .content[data-v-2c2bb564] { + display: flex; + align-items: center; + flex-direction: column +} + +.custom_drawer .space[data-v-2c2bb564] { + height: 175px +} + +.el-input[data-v-2c2bb564] .el-input__inner { + height: 73px; + padding: 0 0; + font-size: 18px; + color: #333 +} + +.el-input[data-v-2c2bb564] .el-input__inner,.el-textarea[data-v-2c2bb564] .el-textarea__inner { + border: 0 solid #fff; + border-radius: 0; + margin: 0 10px; + line-height: 21px; + font-weight: 400; + background: transparent +} + +.el-textarea[data-v-2c2bb564] .el-textarea__inner { + padding: 16px 0; + font-size: 15px; + color: #acabae +} + +.settings[data-v-2c2bb564] { + position: relative +} + +.help[data-v-2c2bb564] { + margin-top: 30px; + font-size: 12px; + line-height: 17px; + color: #ababae; + text-align: center +} + +.help_link[data-v-2c2bb564] { + color: #64a1bc; + text-decoration: none; + width: 100%; + text-align: center +} + +.el-dropdown-link[data-v-2c2bb564] { + background: #fff; + border-radius: 2px; + color: #333; + font-size: 15px; + padding: 7px 14px; + border: 1px solid #e9e9e9 +} + +.icon_arrow_down[data-v-2c2bb564] { + margin-left: 20px +} + +.footer[data-v-2c2bb564] { + height: 120px +} + +.tag[data-v-6454cc28] { + display: flex; + flex-direction: row; + justify-content: space-between; + height: 77px; + align-items: center; + position: relative +} + +.tag .name[data-v-6454cc28] { + font-size: 18px; + line-height: 21px; + color: #333 +} + +.tag .count[data-v-6454cc28] { + font-size: 12px; + color: #acabae; + margin-left: 8px +} + +.tag .actions[data-v-6454cc28] { + font-size: 18px; + line-height: 21px; + color: #acabae +} + +.tag .divider_thin[data-v-6454cc28] { + border-bottom: 1px solid #e9e9e9; + position: absolute; + width: 100%; + bottom: 0 +} + +.action[data-v-6454cc28] { + cursor: pointer +} + +.setting .paper_icon[data-v-0b70aea4] { + width: 36px; + height: 36px; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover +} + +.setting .icon_arrow[data-v-0b70aea4] { + width: 7.41px; + height: 12px; + margin-left: 20px +} + +.setting .content[data-v-0b70aea4] { + display: flex; + flex-direction: row; + margin-right: 8px; + align-items: center +} + +.setting .content .text[data-v-0b70aea4] { + font-size: 18px; + line-height: 25px; + color: #333 +} + +.setting .content .unset[data-v-0b70aea4] { + color: #acabae +} + +.price_tip[data-v-0b70aea4] { + font-size: 15px; + line-height: 24px; + color: #acabae; + font-weight: 400; + margin-top: 21px +} + +.price_tip a[data-v-0b70aea4] { + text-decoration: unset; + color: #37abd1 +} + +.custom_drawer .paper_icon_big[data-v-0b70aea4] { + width: 120px; + height: 120px; + border-radius: 50%; + margin-top: 35px; + -o-object-fit: cover; + object-fit: cover +} + +.custom_drawer .avatar_desc[data-v-0b70aea4] { + font-size: 18px; + line-height: 25px; + color: #acabae; + margin-top: 20px; + margin-bottom: 20px +} + +.custom_drawer .content[data-v-0b70aea4] { + display: flex; + align-items: center; + flex-direction: column +} + +.custom_drawer .desc[data-v-0b70aea4] { + padding: 0 +} + +.custom_drawer .drawer_tip[data-v-0b70aea4] { + font-size: 15px; + line-height: 24px; + color: #acabae; + font-weight: 400; + margin-top: 27px +} + +.custom_drawer .divider_thin[data-v-0b70aea4] { + border-bottom: 1px solid #e9e9e9; + margin: 0 0 +} + +.el-input[data-v-0b70aea4] .el-input__inner { + border: 0 solid #fff; + border-radius: 0; + height: 73px; + padding: 0 0; + margin: 0 0; + font-size: 18px; + line-height: 21px; + color: #333; + font-weight: 400; + background: transparent +} + +.el-textarea[data-v-0b70aea4] .el-textarea__inner { + border: 0 solid #fff; + border-radius: 0; + padding: 16px 0; + margin: 0 10px; + font-size: 15px; + line-height: 21px; + color: #acabae; + font-weight: 400; + background: transparent +} + +.custom_drawer .divider[data-v-0b70aea4] { + border-bottom: 3px solid #333; + margin: 0 0 +} + +.drawer_body[data-v-0b70aea4] { + padding: 0 5px +} + +.el-input-number.is-without-controls[data-v-0b70aea4] .el-input__inner { + padding: 0; + border: 0; + background: transparent; + text-align: left; + font-size: 18px; + color: #333; + height: 80px +} + +.create_paper[data-v-af700cd2] { + width: 100%; + max-width: 600px +} + +.header[data-v-af700cd2] { + display: flex; + justify-content: flex-start; + align-items: center; + padding: 19px 0; + border-bottom: 5px solid #333 +} + +.header div[data-v-af700cd2] { + margin-left: 13px; + font-weight: 600; + font-size: 18px; + line-height: 25px; + color: #333 +} + +.header_divider[data-v-af700cd2] { + border-bottom: 1px solid #333; + border-top: 3px solid #333; + height: 6px; + width: 100%; + margin-top: 29px +} + +.form .item[data-v-af700cd2] { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center +} + +.form .input[data-v-af700cd2] { + max-width: 200px; + --el-input-placeholder-color: #acabae; + --el-input-font-color: #333 +} + +.form[data-v-af700cd2] { + position: relative; + width: 100% +} + +.form .red[data-v-af700cd2] { + color: #b14b43 +} + +.form .item[data-v-af700cd2] { + border-bottom: 1px solid #e9e9e9; + font-size: 18px; + color: #acabae +} + +.form .item .name[data-v-af700cd2] { + color: #333 +} + +.form[data-v-af700cd2] input.el-input__inner { + border: 0 solid #fff; + border-radius: 0; + height: 75px; + padding: 0 0; + margin: 0 0; + font-size: 18px; + line-height: 21px; + font-weight: 400; + background: transparent; + text-align: right +} + +.submit[data-v-af700cd2] { + width: calc(100% - 80px); + margin-top: 42px; + border-radius: 6px +} + +.form .tips[data-v-af700cd2] { + margin-top: 19px; + color: #acabae; + font-size: 15px; + margin-bottom: 18px +} + +.form .protocol a[data-v-af700cd2],.form .protocol p[data-v-af700cd2] { + color: #acabae; + font-size: 15px!important +} + +.form .disable[data-v-af700cd2] { + background: #acacac +} + +#bottom_fixed[data-v-af700cd2] { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + padding: 20px 0; + text-align: center +} + +#bottom_fixed a.btn[data-v-af700cd2] { + width: 70%; + border-radius: 6px +} + +.success_page[data-v-af700cd2] { + display: flex; + flex-direction: column; + align-items: center +} + +.success_img[data-v-af700cd2] { + width: 85px; + height: 85px; + margin-top: 77px +} + +.success_tip[data-v-af700cd2] { + margin-top: 36px; + font-size: 24px; + color: #b14b43 +} + +.extra[data-v-af700cd2] { + font-size: 15px; + line-height: 1.6; + text-align: center; + color: #acabae; + margin-top: 45px +} + +.search[data-v-6bd6e86e] { + padding-bottom: 20px +} + +.search-input[data-v-6bd6e86e] { + display: flex; + align-content: space-between; + justify-content: space-between; + align-items: center; + border-bottom: 4px solid #333; + padding: 16px 0 +} + +.search-input .el-input[data-v-6bd6e86e] { + width: 85%; + background: #e9e9e9; + border-radius: 4px +} + +[data-v-6bd6e86e] .el-input-group__prepend,[data-v-6bd6e86e] .el-input__inner { + background-color: #e9e9e9; + border: unset; + padding: 0 12px +} + +[data-v-6bd6e86e] .el-input__inner { + padding: 0 +} + +.cancel[data-v-6bd6e86e] { + color: #acabae +} + +.paper[data-v-6bd6e86e] { + display: flex; + align-content: center; + justify-content: flex-start; + align-items: center; + padding: 17px 0; + border-bottom: 1px solid #e9e9e9; + box-sizing: border-box; + border-radius: 4px +} + +.paper[data-v-6bd6e86e]:last-child { + border-bottom: unset +} + +.info[data-v-6bd6e86e] { + margin-left: 16px +} + +.info .title[data-v-6bd6e86e] { + font-weight: 600; + font-size: 20px; + line-height: 28px; + color: #333 +} + +.info .title span[data-v-6bd6e86e] { + color: #64a1bc!important +} + +.info .data[data-v-6bd6e86e] { + font-size: 15px; + line-height: 21px; + color: #ababae; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 290px +} + +.logo img[data-v-6bd6e86e] { + width: 44px; + height: 44px; + border-radius: 44px +} + +.subscriber[data-v-6bd6e86e] { + margin-left: 5px +} + +.empty[data-v-6bd6e86e] { + text-align: center; + color: #acacac; + padding: 30vh 0 +} + +.searchPage[data-v-0757a4d6] { + padding: 20px 0 +} + +.searchDom[data-v-0757a4d6] { + height: 44px; + line-height: 44px; + background: #e9e9e9; + border-radius: 4px; + display: flex; + align-content: center; + justify-content: center; + align-items: center; + color: #9d9d9d; + cursor: pointer; + margin: 20px 0 +} + +.content[data-v-0757a4d6] { + text-align: center +} + +.content img[data-v-0757a4d6] { + width: 191px; + height: 189px; + margin: 0 auto; + margin-top: 58px +} + +.content svg[data-v-0757a4d6] { + margin-top: 15px; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none +} + +.header[data-v-0757a4d6] { + display: flex; + justify-content: flex-start; + align-items: center; + padding: 19px 0; + border-bottom: 5px solid #333 +} + +.header div[data-v-0757a4d6] { + margin-left: 13px; + font-weight: 600; + font-size: 18px; + line-height: 25px; + color: #333 +} + +.item[data-v-3d9ba1aa] { + display: flex; + align-items: center; + justify-content: flex-start; + background: #fffdfc; + border-radius: 4px; + padding: 18px; + margin: 20px 0; + position: relative +} + +.text[data-v-3d9ba1aa] { + margin-left: 15.5px; + padding: 0 10px +} + +.title[data-v-3d9ba1aa] { + font-weight: 600; + font-size: 18px; + line-height: 25px; + color: #333 +} + +.description[data-v-3d9ba1aa] { + font-weight: 400; + font-size: 15px; + line-height: 21px; + color: #ababae; + margin-top: 3px +} + +.arrow[data-v-3d9ba1aa] { + position: absolute; + right: 18px +} + +.invitation[data-v-39cfd0e6] { + text-align: center; + padding-top: 25px +} + +.invitation p[data-v-39cfd0e6] { + padding: 0; + margin: 0 +} + +.invitation .logo[data-v-39cfd0e6] { + width: 64px; + height: 64px; + border-radius: 6px +} + +.invitation .desc[data-v-39cfd0e6] { + font-weight: 600; + font-size: 16px; + line-height: 24px; + text-align: center; + color: #000; + margin: 20px 0 +} + +.invitation .block[data-v-39cfd0e6] { + display: block +} + +.invitation .price[data-v-39cfd0e6] { + margin-bottom: 20px +} + +.invitation .price .number[data-v-39cfd0e6] { + font-weight: 700; + font-size: 28px; + line-height: 28px; + color: #b14b43 +} + +.invitation .price .text[data-v-39cfd0e6] { + font-size: 14px; + color: #413e3b; + margin-left: 5px +} + +.invitation .used[data-v-39cfd0e6] { + border-top: 1px solid #e9e9e9 +} + +.invalid p[data-v-39cfd0e6],.invitation .used p[data-v-39cfd0e6] { + display: flex; + justify-self: center; + align-items: flex-start; + justify-content: center; + align-content: center; + color: #b14b43; + font-weight: 600; + font-size: 15px; + line-height: 21px; + margin: 20px 0 +} + +.invalid p[data-v-39cfd0e6] { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%) +} + +.invalid p svg[data-v-39cfd0e6],.invitation .used p svg[data-v-39cfd0e6] { + margin-right: 10px +} + +.form .item[data-v-a2ec8fa2] { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center +} + +.form .input[data-v-a2ec8fa2] { + flex: 1; + --el-input-placeholder-color: #acabae; + --el-input-font-color: #333 +} + +.form[data-v-a2ec8fa2] { + position: relative; + width: 100% +} + +.form .item[data-v-a2ec8fa2] { + border-bottom: 1px solid #e9e9e9; + font-size: 18px; + color: #acabae +} + +.form .item .name[data-v-a2ec8fa2] { + color: #333 +} + +.form[data-v-a2ec8fa2] input.el-input__inner { + border: 0 solid #fff; + border-radius: 0; + height: 75px; + padding: 0 0; + margin: 0 0; + font-size: 18px; + line-height: 21px; + font-weight: 400; + background: transparent; + text-align: right +} + +.submit[data-v-a2ec8fa2] { + width: calc(100% - 80px); + margin-top: 25px; + border-radius: 6px +} + +.form .disable[data-v-a2ec8fa2] { + background: #acacac +} + +#bottom_fixed[data-v-a2ec8fa2] { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + padding: 20px 0; + text-align: center +} + +#bottom_fixed a.btn[data-v-a2ec8fa2] { + width: 70%; + border-radius: 6px +} + +.custom_drawer .divider[data-v-a2ec8fa2] { + margin: 0 +} + +.custom_drawer .desc[data-v-a2ec8fa2] { + padding: 0; + margin: 0 +} + +.paper[data-v-a2ec8fa2] { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px 0; + border-bottom: 1px solid #e9e9e9 +} + +.paper .title[data-v-a2ec8fa2] { + width: 200px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 15px; + color: #413e3b; + font-weight: 700 +} + +.balance[data-v-d75a1640] { + padding: 35px 0; + text-align: center; + color: #413e3b; + border-bottom: 1px solid #e9e9e9 +} + +.balance .num[data-v-d75a1640] { + font-size: 28px; + font-weight: 700 +} + +.recharge[data-v-d75a1640] { + color: #acabae +} + +.recharge .title[data-v-d75a1640] { + font-weight: 600; + font-size: 18px; + line-height: 100%; + color: #413e3b +} + +.recharge-options[data-v-d75a1640] { + display: flex; + justify-content: space-between; + align-items: center; + margin: 20px 0 +} + +.option[data-v-d75a1640] { + border-radius: 6px; + padding: 10px 0; + width: 33%; + margin: 0 5px; + text-align: center; + box-sizing: border-box; + border: 1px solid #e9e9e9; + color: #413e3b; + font-size: 15px; + background-color: #fff +} + +.option[data-v-d75a1640]::first-child { + margin-left: 0 +} + +.option[data-v-d75a1640]::last-child { + margin-right: 0 +} + +.active[data-v-d75a1640] { + border: 1px solid #b14b43; + color: #b14b43 +} + +.option .num[data-v-d75a1640] { + font-size: 24px +} + +.bold[data-v-d75a1640] { + font-weight: 600 +} + +.block[data-v-d75a1640] { + display: block +} + +.btn[data-v-d75a1640] { + margin-top: 10px +} + +.copyUrl[data-v-d75a1640] { + color: #413e3b +} + +.p-10[data-v-d75a1640] { + padding: 10px +} + +.desc[data-v-d75a1640] { + margin: 10px 5px; + font-size: 15px; + line-height: 24px; + color: #acabae; + padding-top: 20px +} + +.desc .title[data-v-d75a1640] { + font-weight: 600; + font-size: 15px; + line-height: 100%; + color: #413e3b +} + +#posts .post[data-v-5d55ff42] { + cursor: pointer +} + +.no-data[data-v-5d55ff42] { + margin: 100px 0 +} + +.no-data-text[data-v-5d55ff42] { + text-align: center; + padding: 20px; + color: #999; + font-size: 14px +} + +header[data-v-047e6539] { + display: flex; + justify-content: flex-start; + align-items: center; + padding: 20px 0; + border-bottom: 1px solid #e9e9e9 +} + +header img[data-v-047e6539] { + width: 54px; + height: 54px; + border-radius: 6px; + margin-right: 15px +} + +header .info p[data-v-047e6539] { + padding: 0; + margin: 0 +} + +header .info p[data-v-047e6539]:first-child { + font-size: 18px; + font-weight: 600; + color: #413e3b +} + +header .info p[data-v-047e6539]:last-child { + font-size: 14px; + color: #ababae; + font-weight: 400; + margin-top: 6px +} + +section .item[data-v-047e6539] { + font-size: 18px; + border-bottom: 1px solid #e9e9e9; + padding: 24px 0; + display: flex; + justify-content: flex-start; + align-items: center; + color: #413e3b +} + +section .item .name[data-v-047e6539] { + width: 90px; + flex-shrink: 0 +} + +section .item .value[data-v-047e6539] { + width: calc(100vw - 130px); + font-weight: 700 +} + +section .item .bindMobile[data-v-047e6539] { + color: #64a1bc; + cursor: pointer +} + +section .item .pca[data-v-047e6539] { + height: 25px; + text-align: left; + color: #ababae +} + +section .item .pca.active[data-v-047e6539] { + color: #333 +} + +section .item .input[data-v-047e6539] { + --el-input-placeholder-color: #acabae; + --el-input-font-color: #333 +} + +section .item[data-v-047e6539] .el-textarea__inner,section .item[data-v-047e6539] input.el-input__inner { + border: 0 solid #fff; + border-radius: 0; + padding: 0 0; + margin: 0 0; + font-size: 18px; + line-height: 21px; + font-weight: 400; + background: transparent; + font-weight: 700 +} + +section .submit[data-v-047e6539] { + width: calc(100% - 80px); + margin-top: 42px; + border-radius: 6px +} + +section .disable[data-v-047e6539] { + background: #acacac +} + +.tips[data-v-047e6539] { + font-size: 14px; + color: #ababae; + margin-top: 10px +} + +.tips p[data-v-047e6539] { + margin: 20px 0 +} + +.van-tabs__nav--line.van-tabs__nav--complete,.van-tabs__nav--line.van-tabs__nav--shrink { + padding-left: 0 +} + +.van-tabs__line { + background-color: var(--theme-color) +} + +.van-tabs__nav { + background-color: unset +} + +.van-tab--active { + color: #b14b43 +} + +.van-cascader__options { + height: calc(90vh - 135px) +} + +.van-cascader__option { + color: #413e3b; + padding: 10px 8px +} + +.van-cascader__option--selected { + color: #413e3b; + font-weight: 700 +} + +.van-icon-success:before { + content: url(../img/check.b7e4d90b.svg) +} + +.van-field__control { + font-weight: 700 +} + +.my-10[data-v-275cdb9e] { + margin: 10px auto; + max-width: 1000px +} + +.jsonView[data-v-275cdb9e] { + padding: 10px; + background-color: #fff; + max-height: 500px; + overflow-y: auto +} + +.vjs-key { + flex-shrink: 0 +} + +.empty[data-v-429dbf69] { + text-align: center; + color: #999; + font-size: 14px; + margin-top: 20px +} + +.couponContainer[data-v-d7755cba] { + min-height: calc(100vh - 83px); + padding: 20px; + padding-bottom: 0; + box-sizing: border-box; + max-width: 400px +} + +.h5 .couponContainer[data-v-d7755cba] { + min-height: 100vh; + max-width: 100% +} + +.coupon[data-v-d7755cba] { + background: #fff; + padding: 20px; + -webkit-mask-image: radial-gradient(circle at 10px 110px,transparent 10px,#000 10.5px),radial-gradient(closest-side circle at 50%,#000 99%,transparent 100%); + -webkit-mask-size: 100%,8px 2px; + -webkit-mask-repeat: repeat,repeat-x; + -webkit-mask-position: -10px,50% 109px; + -webkit-mask-composite: source-out; + mask-composite: subtract +} + +.dividerLine .bold[data-v-d7755cba] { + height: 5px; + background: #333 +} + +.dividerLine .thin[data-v-d7755cba] { + height: 1px; + background: #333; + margin-top: 3px +} + +.coupon-header[data-v-d7755cba] { + display: flex; + align-items: center; + margin: 20px 0 +} + +.coupon-header img[data-v-d7755cba] { + width: 37px; + height: 37px; + border-radius: 50% +} + +.coupon-header-info[data-v-d7755cba] { + margin-left: 8px +} + +.coupon-header-title[data-v-d7755cba] { + color: #413e3b; + font-size: 14px; + font-style: normal; + font-weight: 600 +} + +.coupon-header-desc[data-v-d7755cba] { + color: #ababae; + font-size: 10px; + font-style: normal; + font-weight: 400 +} + +.coupon-content[data-v-d7755cba] { + margin-top: 50px +} + +.paper-header[data-v-d7755cba] { + display: flex; + align-items: center; + justify-content: space-between +} + +.paper-header img[data-v-d7755cba] { + width: 64px; + height: 64px; + border-radius: 6px +} + +.paper-data[data-v-d7755cba] { + display: flex; + align-items: center +} + +.paper-post_count[data-v-d7755cba],.paper-subscriber_count[data-v-d7755cba] { + margin: 0 8px; + display: flex; + flex-direction: column; + align-items: center +} + +.count[data-v-d7755cba] { + font-size: 28px; + font-weight: 700 +} + +.count[data-v-d7755cba],.text[data-v-d7755cba] { + color: #413e3b; + text-align: center; + font-style: normal +} + +.text[data-v-d7755cba] { + font-size: 12px; + font-weight: 400 +} + +.paper-name[data-v-d7755cba] { + color: #413e3b; + font-size: 18px; + font-style: normal; + font-weight: 700; + margin: 16px 0 +} + +.paper-description[data-v-d7755cba] { + color: #ababae; + font-size: 14px; + font-style: normal; + font-weight: 400 +} + +.coupon-info[data-v-d7755cba] { + justify-content: space-between; + border-radius: 6px; + background: #b14b43; + padding: 4px 15px; + margin: 20px 0; + cursor: pointer +} + +.coupon-info-data[data-v-d7755cba],.coupon-info[data-v-d7755cba] { + display: flex; + align-items: center +} + +.coupon-info-title[data-v-d7755cba] { + color: #fff; + text-align: center; + font-size: 36px; + font-style: normal; + font-weight: 700 +} + +.coupon-info-desc[data-v-d7755cba] { + margin-left: 6px +} + +.coupon-info-desc div[data-v-d7755cba]:first-child { + color: #fff; + font-size: 12px; + font-style: normal; + font-weight: 400 +} + +.coupon-info-desc div[data-v-d7755cba]:last-child { + color: #fff; + font-size: 10px; + font-style: normal; + font-weight: 400; + opacity: .4 +} + +.coupon-action[data-v-d7755cba] { + color: #fff; + font-size: 12px; + font-style: normal; + font-weight: 600; + cursor: pointer; + display: flex; + align-items: center +} + +.coupon-action svg[data-v-d7755cba] { + margin-right: 12px +} + +.expired[data-v-d7755cba] { + background: #f5f5f5; + border: 1px solid #413e3b; + overflow: hidden; + color: #413e3b +} + +.expired .coupon-action[data-v-d7755cba],.expired .coupon-info-desc div[data-v-d7755cba]:first-child,.expired .coupon-info-desc div[data-v-d7755cba]:last-child,.expired .coupon-info-title[data-v-d7755cba] { + color: #413e3b +} + +.expired .coupon-action svg path[data-v-d7755cba] { + stroke: #413e3b +} + +.paperLink[data-v-d7755cba] { + text-align: center; + margin: 30px auto; + display: flex; + align-items: center; + justify-content: center; + color: #64a1bc; + font-size: 12px; + font-style: normal; + font-weight: 600 +} + +.paper-description a { + color: #b14b43; + text-decoration: none +} + +.header[data-v-f688e83c],.left[data-v-f688e83c] { + display: flex; + justify-content: flex-start; + align-items: center +} + +.header[data-v-f688e83c] { + padding: 19px 0; + border-bottom: 5px solid #333; + justify-content: space-between +} + +.header div.title[data-v-f688e83c] { + margin-left: 13px; + font-weight: 600; + font-size: 18px; + line-height: 25px; + color: #333 +} + +.header .account[data-v-f688e83c] { + margin-left: 14px; + cursor: pointer; + line-height: 18px; + position: relative +} + +.header .account img[data-v-f688e83c] { + border-radius: 50%; + position: relative; + top: 1px +} + +.header .account .btn[data-v-f688e83c] { + padding: 5px 13px; + border: 1px solid #e9e9e9; + border-radius: 6px; + color: #413e3b; + font-size: 14px +} + +.pc-header[data-v-5ad0cc5c] { + padding: 20px; + margin: 0 auto; + max-width: 960px +} + +.left[data-v-5ad0cc5c],.pc-header[data-v-5ad0cc5c] { + display: flex; + justify-content: space-between; + align-items: center; + align-content: center +} + +.left a[data-v-5ad0cc5c] { + margin: auto 20px; + color: #979797; + font-size: 18px; + text-decoration: none +} + +.left a[data-v-5ad0cc5c]:first-child { + margin-left: 0; + margin-right: 34px +} + +.left a[data-v-5ad0cc5c]:nth-child(2) { + color: #333; + font-weight: 700 +} + +.account img.avatar[data-v-5ad0cc5c] { + width: 36px; + height: 36px; + border-radius: 50%; + cursor: pointer +} + +.account .btn[data-v-5ad0cc5c] { + padding: 5px 13px; + border: 1px solid #e9e9e9; + border-radius: 6px; + color: #413e3b; + font-size: 14px +} + +.menu-item[data-v-5ad0cc5c] { + font-weight: 600; + font-size: 15px; + line-height: 26px; + text-align: justify; + color: #333; + cursor: pointer; + padding: 7px 16px +} + +.menu-item a[data-v-5ad0cc5c] { + color: #333; + text-decoration: none +} + +.left a[data-v-5ad0cc5c]:hover,.menu-item a[data-v-5ad0cc5c]:hover { + color: #b14b43 +} + +.menu-item[data-v-5ad0cc5c]:first-child { + padding-top: 15px +} + +.menu-item[data-v-5ad0cc5c]:last-child { + padding-bottom: 10px; + color: #b14b43 +} + +.account-popover { + padding: 0!important +} + +.copyRight[data-v-4da8e692] { + font-weight: 400; + color: #9d9d9d; + margin-top: 15px; + font-size: 12px; + line-height: 180% +} + +a[data-v-4da8e692] { + font-size: 12px; + line-height: 180%; + color: #9d9d9d; + text-decoration: unset +} + +.icp[data-v-4da8e692] { + cursor: pointer +} + +.icp a[data-v-4da8e692] { + display: flex; + justify-content: flex-start; + align-items: center +} + +.icp a img[data-v-4da8e692] { + width: 15px; + height: 15px; + margin-right: 5px +} + +.paper-info[data-v-5d99e6a8] { + background: #fffdfc; + mix-blend-mode: normal; + -webkit-backdrop-filter: blur(40px); + backdrop-filter: blur(40px); + border-radius: 6px; + margin-bottom: 20px; + padding: 18px 19px; + width: 262px; + margin-top: 30px; + margin-left: 15px +} + +.header[data-v-5d99e6a8] { + display: flex; + align-items: center; + justify-content: space-between +} + +.header .avatar[data-v-5d99e6a8] { + width: 64px; + height: 64px; + border-radius: 6px; + -o-object-fit: cover; + object-fit: cover; + cursor: pointer +} + +.header .stats[data-v-5d99e6a8] { + display: flex +} + +.header .stats .stat[data-v-5d99e6a8] { + display: flex; + flex-direction: column; + align-items: center; + margin-left: 20px +} + +.header .stats .stat .num[data-v-5d99e6a8] { + font-size: 24px; + font-weight: 500 +} + +.header .stats .stat .type[data-v-5d99e6a8] { + font-size: 12px; + opacity: .5 +} + +.paper_title[data-v-5d99e6a8] { + display: flex; + justify-content: space-between; + margin-top: 20px; + cursor: pointer +} + +.actions[data-v-5d99e6a8] { + display: flex; + flex-direction: row; + align-items: center +} + +.actions .icon_action[data-v-5d99e6a8] { + width: 20px; + margin-left: 20px +} + +h1.name[data-v-5d99e6a8] { + font-size: 18px; + line-height: 180%; + margin-top: 0 +} + +.intro[data-v-5d99e6a8] { + color: #acacac; + font-size: 14px; + margin-top: 0; + line-height: 180% +} + +.star[data-v-5d99e6a8] { + width: 300px; + margin-top: 30px; + cursor: pointer; + border-radius: 6px; + overflow: hidden +} + +.coupon-box[data-v-5d99e6a8] { + margin-left: 15px; + margin-bottom: 15px; + background: #fffdfc; + padding: 12px 20px; + border-radius: 6px; + overflow: hidden +} + +.coupon-box .coupon[data-v-5d99e6a8] { + margin-bottom: 0 +} + +.share-paper[data-v-5d99e6a8] { + border-radius: 6px; + overflow: hidden; + margin-left: 15px +} + +.share-paper div[data-v-5d99e6a8] { + background: #fffdfc; + padding: 12px 20px; + font-weight: 600; + font-size: 14px; + line-height: 20px; + color: #9d9d9d; + cursor: pointer +} + +.share-paper div svg[data-v-5d99e6a8] { + margin-right: 12px +} + +.share-paper div[data-v-5d99e6a8]:hover { + color: #bd4322 +} + +.expire[data-v-5d99e6a8] { + border: 1px solid #e9e9e9; + margin-top: 10px; + border-radius: 6px; + background: #f8f6f4!important +} + +.toggleMute[data-v-5d99e6a8] { + color: #64a1bc; + cursor: pointer +} + +.intro a { + color: #b14b43; + text-decoration: none +} + +* { + outline: none +} + +*,body { + font-family: Roboto-Regular,PingFang SC,SF Pro SC,SF Pro Text,SF Pro Icons,Helvetica Neue,Roboto,Helvetica,Arial,sans-serif +} + +body { + --theme-color: #b14b43 +} + +#app { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + margin: 0 auto; + word-break: break-word +} + +.left { + max-width: 630px; + margin-right: 15px +} + +.right { + margin-left: 15px +} + +#nav { + padding: 20px 0 10px; + border-bottom: 5px solid #333; + display: flex; + justify-content: space-between; + align-items: center +} + +#nav .account img.avatar { + width: 30px; + height: 30px; + border-radius: 50% +} + +#nav_sep { + border-bottom: 1px solid #333; + height: 6px +} + +.app-container { + display: flex; + justify-content: space-between; + margin-top: 20px; + max-width: 960px; + margin: 0 auto +} + +.app-container .left { + min-width: 630px +} + +.forbidd { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none +} + +.el-message-box { + max-width: 80% +} + +.el-loading-spinner { + margin-top: 0 +} + +.el-upload-list--picture-card .el-upload-list__item,.el-upload-list__item { + width: min(197px,calc(33.33333vw - 16px)); + height: min(197px,calc(33.33333vw - 16px)); + border-radius: 0 +} + +.el-upload-list--picture-card .el-upload-list__item { + margin: 0 4px 4px 0 +} + +.el-upload-list--picture-card .el-upload-list__item:nth-of-type(3n) { + margin-right: 0 +} + +.el-upload--picture-card { + width: min(197px,calc(33.33333vw - 16px)); + height: min(197px,calc(33.33333vw - 16px)); + background: #f8f6f4 +} + +.el-upload--picture-card .el-icon { + margin-top: min(89px,calc(16.66667vw - 18px)); + width: 20px; + height: 20px; + line-height: 20px +} + +.el-upload--picture-card .el-icon svg { + width: 20px; + height: 20px +} + +.el-dialog { + --el-dialog-margin-top: 5vh +} + +.el-overlay-dialog .el-dialog /deep/ .el-dialog__body { + padding: 0 +} + +.custom_drawer .desc { + margin-bottom: 20px; + display: flex; + margin-top: 23px; + flex-direction: column; + padding: 0 10px +} + +.custom_drawer .desc .text { + font-size: 15px; + line-height: 21px; + color: #acabae +} + +.custom_drawer .desc a { + margin-top: 31px; + margin-bottom: 24px; + margin: 31px 0 24px 0; + text-align: center; + display: block +} + +.custom_drawer .header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 25px 0 25px 0; + width: 100% +} + +.custom_drawer .title { + font-size: 18px; + line-height: 21px; + color: #333; + font-weight: 700 +} + +.custom_drawer .close { + width: 14px; + height: 14px +} + +.custom_drawer .divider { + border-bottom: 3px solid #333; + margin: 0 10px +} + +.custom_drawer .divider_thin { + border-bottom: 1px solid #e9e9e9; + margin: 0 10px +} + +.el-drawer__header { + font-size: 18px; + font-weight: 700; + color: #333; + margin-bottom: 0 +} + +.el-dropdown__popper { + --el-dropdown-menuItem-hover-color: #64a1bc +} + +a.btn { + display: inline-block; + font-weight: 800; + font-size: 14px; + padding: 6px 20px; + position: relative; + text-align: center; + cursor: pointer +} + +a.btn:hover { + opacity: .9 +} + +a.btn:active { + top: 1px +} + +a.btn.btn-large { + font-size: 18px; + padding: 10px 40px +} + +a.btn-primary { + background: #b14b43; + color: #fff; + border-radius: 6px +} + +a.btn-info { + font-weight: 400; + background: #000; + color: #fff +} + +a.btn-plain { + color: #b14b43 +} + +a.btn-disabled { + background: #acabae; + cursor: not-allowed +} + +ol,ul { + list-style: unset; + margin: unset; + padding: unset +} + +ol { + list-style: decimal +} + +.post-content { + font-size: 16px +} + +.post-content strong { + color: #222 +} + +.post-content p { + margin: 0; + line-height: 1.8; + min-height: 20px +} + +.post-content h1,.post-content h2,.post-content h3 { + font-size: 22px; + color: #000; + font-weight: 700; + margin-bottom: 8px; + line-height: 1.4 +} + +.post-content h1 { + font-size: 26px; + margin-bottom: 10px +} + +.post-content h3 { + font-size: 20px +} + +.post-content blockquote { + padding-left: 1rem; + border-left: 3px solid #d9d9d9; + margin-inline-start:0;margin-inline-end:0} + +.post-content blockquote p { + color: #646464 +} + +.post-content a,.post-content a strong { + color: #64a1bc!important; + text-decoration: unset +} + +.post-content img { + max-width: 100%; + border-radius: 6px; + height: auto; + margin: 10px auto; + display: block; + cursor: pointer +} + +.post-content ol,.post-content ul { + padding-left: 30px +} + +.post-content ol li::marker,.post-content ul li::marker { + color: #333 +} + +.post-content pre { + background: #fffdfc; + color: #333; + font-family: JetBrainsMono,monospace; + border-radius: .5rem; + position: relative +} + +.post-content pre>code { + color: inherit; + background: none; + font-size: 12px; + padding: 15px 12px +} + +.post-content pre>code.hljs[lang]:before { + content: attr(lang); + position: absolute; + right: 15px; + top: 2px; + color: hsla(0,0%,54.9%,.8) +} + +.post-content p u { + text-underline-offset: 5px +} + +.post-content .xbt-hr { + border: none; + border-top: 1px solid #e9e9e9; + margin: 36px 0 +} + +.post-content p .mark,.post-content p mark { + background: #f5ffa4; + padding: 1px 0 2px +} + +.p-10 { + padding: 10px +} + +.bg-white { + background-color: #fff +} + +.text-theme { + color: #b14b43 +} + +.text-bold { + font-weight: 700 +} + +.text-center { + text-align: center +} + +.flex-center { + justify-content: center +} + +.flex-between,.flex-center { + display: flex; + align-items: center +} + +.flex-between { + justify-content: space-between +} + +.flex-start { + display: flex; + justify-content: flex-start; + align-items: center +} + +@font-face { + font-family: Roboto-Regular +} + +@font-face { + font-family: Roboto-Regular; + font-weight: 700 +} diff --git a/小报童/index.js b/小报童/index.js new file mode 100644 index 0000000..87c6b82 --- /dev/null +++ b/小报童/index.js @@ -0,0 +1,52 @@ +const send_request = require('./utils/send_request'); +const fs = require('fs'); +const path = require('path'); + +// 2024.06.25 + +function getList() { + // https://api.xiaobot.net/paper/oneCompany/post?limit=20&offset=0&tag_name=&keyword=&order_by=created_at+undefined + const url = 'https://api.xiaobot.net/paper/oneCompany/post' + const data = { + limit: 200, + offset: 0, + tag_name: '', + keyword: '', + order_by: "created_at " + undefined, + } + send_request.call('GET', url, data, (e) => { + const response = e.data + const data = response.data + // console.log('data', data) + console.log('data', data.length, data.map(d => JSON.stringify(d).substring(0, 100))) + + const uuidTitleMap = {} + for (const item of data) { + uuidTitleMap[item.uuid] = item.title + } + + for (const item of data) { + let contentHtml = item.content + for (const uuid in uuidTitleMap) { + // https://xiaobot.net/post/83e3da77-0c09-4ecb-a8dd-3d7e5d191a6d + contentHtml = contentHtml.replace('https://xiaobot.net/post/' + uuid, './' + uuidTitleMap[uuid] + '.html') + } + const html =` + + + + + ${item.title} + + + +
${contentHtml}
+ +` + fs.writeFileSync(path.join(__dirname, 'output', item.title + '.json'), JSON.stringify(item, null, 4), 'utf-8') + fs.writeFileSync(path.join(__dirname, 'output', item.title + '.html'), html, 'utf-8') + } + }) +} + +getList() \ No newline at end of file diff --git a/小报童/output/.gitkeep b/小报童/output/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/小报童/package-lock.json b/小报童/package-lock.json new file mode 100644 index 0000000..b54cd0e --- /dev/null +++ b/小报童/package-lock.json @@ -0,0 +1,108 @@ +{ + "name": "1", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "dependencies": { + "axios": "^1.7.2", + "js-md5": "^0.8.3" + } + }, + "node_modules/asynckit": { + "version": "0.4.0", + "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==" + }, + "node_modules/axios": { + "version": "1.7.2", + "resolved": "https://registry.npmmirror.com/axios/-/axios-1.7.2.tgz", + "integrity": "sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==", + "dependencies": { + "follow-redirects": "^1.15.6", + "form-data": "^4.0.0", + "proxy-from-env": "^1.1.0" + } + }, + "node_modules/combined-stream": { + "version": "1.0.8", + "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "dependencies": { + "delayed-stream": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/delayed-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/follow-redirects": { + "version": "1.15.6", + "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.6.tgz", + "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==", + "funding": [ + { + "type": "individual", + "url": "https://github.com/sponsors/RubenVerborgh" + } + ], + "engines": { + "node": ">=4.0" + }, + "peerDependenciesMeta": { + "debug": { + "optional": true + } + } + }, + "node_modules/form-data": { + "version": "4.0.0", + "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz", + "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", + "dependencies": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "mime-types": "^2.1.12" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/js-md5": { + "version": "0.8.3", + "resolved": "https://registry.npmmirror.com/js-md5/-/js-md5-0.8.3.tgz", + "integrity": "sha512-qR0HB5uP6wCuRMrWPTrkMaev7MJZwJuuw4fnwAzRgP4J4/F8RwtodOKpGp4XpqsLBFzzgqIO42efFAyz2Et6KQ==" + }, + "node_modules/mime-db": { + "version": "1.52.0", + "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime-types": { + "version": "2.1.35", + "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "dependencies": { + "mime-db": "1.52.0" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/proxy-from-env": { + "version": "1.1.0", + "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==" + } + } +} diff --git a/小报童/package.json b/小报童/package.json new file mode 100644 index 0000000..47f25f8 --- /dev/null +++ b/小报童/package.json @@ -0,0 +1,6 @@ +{ + "dependencies": { + "axios": "^1.7.2", + "js-md5": "^0.8.3" + } +} diff --git a/小报童/utils/send_request.js b/小报童/utils/send_request.js new file mode 100644 index 0000000..8fec872 --- /dev/null +++ b/小报童/utils/send_request.js @@ -0,0 +1,74 @@ +/** + * 小报童请求加密逻辑 + * decode from: https://static.xiaobot.net/resource/xiaobot-web/js/reader.e060c116.js + * + * @since 2024.06.25 + */ +const md5 = require('js-md5'); +const request = require('request'); +const axios = require('axios'); + +// 抽离出的方法 +function getAccessToken() { + return '填写网页F12中取得的 access_token' +} + +function call(method, url, data, callback) { + let timestamp = Date.now() / 1000 + let sign = _getSign(data, timestamp); + axios.request({ + method: method, + url: url, + params: ["POST", "PUT", "PATCH"].includes(method) ? null : data, + data: ["POST", "PUT", "PATCH"].includes(method) ? data : null, + headers: { + timestamp: timestamp, + "api-key": "xiaobot_web", + "app-version": "0.1", + sign: sign, + Authorization: "Bearer " + getAccessToken() // o.a.state.user.user.access_token + } + }).then(response => { + if (response.data && 411 === response.data.code) { + console.log("请先登录") + // o.a.commit("user/setUser", {}) + } + callback(response) + }) +} + +function _getSign(data, timestamp) { + data = _ksort(data); + let a = ""; + for (let t in data) { + let c = data[t]; + void 0 !== c && (a += t + "=" + c + "&") + } + return a = a.substring(0, a.length - 1), + md5(a + "dbbc1dd37360b4084c3a69346e0ce2b2." + timestamp) + // i() -> js-md5 + // decode from: https://static.xiaobot.net/resource/xiaobot-web/js/chunk-core.25cf2aec.js + /** + * [js-md5]{@link https://github.com/emn178/js-md5} + * + * @namespace md5 + * @version 0.7.3 + * @author Chen, Yi-Cyuan [emn178@gmail.com] + * @copyright Chen, Yi-Cyuan 2014-2017 + * @license MIT + */ +} + +function _ksort(data) { + var t = Object.keys(data).sort(), a = {}; + for (var c in t) + a[t[c]] = data[t[c]]; + return a +} + +// const sign = _getSign({}, Date.now()) +// console.log('sign', sign) + +module.exports = { + call, +} \ No newline at end of file