// ==UserScript==
// @name         Tieba Remix: 贴吧网页端重塑
// @namespace    https://github.com/HacksawBlade/Tieba-Remix
// @version      0.4.6-beta
// @author       锯条
// @description  贴吧网页端重塑
// @license      MIT
// @icon         https://gitee.com/HacksawBlade/Tieba-Remix/raw/master/assets/images/main/icon16.png
// @icon64       https://gitee.com/HacksawBlade/Tieba-Remix/raw/master/assets/images/main/icon64.png
// @match        *://tieba.baidu.com/
// @match        *://tieba.baidu.com/index.*
// @match        *://tieba.baidu.com/?*
// @match        *://tieba.baidu.com/p/*
// @match        *://tieba.baidu.com/f?*
// @match        *://jump.bdimg.com/safecheck/*
// @match        *://jump2.bdimg.com/safecheck/*
// @require      https://fastly.jsdelivr.net/npm/[email protected]/dist/vue.global.prod.js
// @require      https://fastly.jsdelivr.net/npm/[email protected]/lib/marked.umd.min.js
// @require      https://fastly.jsdelivr.net/npm/[email protected]/lodash.min.js
// @grant        GM_addStyle
// @grant        GM_deleteValue
// @grant        GM_getValue
// @grant        GM_info
// @grant        GM_listValues
// @grant        GM_openInTab
// @grant        GM_registerMenuCommand
// @grant        GM_setValue
// @run-at       document-start
// ==/UserScript==
(n=>{if(typeof GM_addStyle=="function"){GM_addStyle(n);return}const e=document.createElement("style");e.textContent=n,document.head.append(e)})(` @charset "UTF-8";.user-button {
box-sizing: border-box;
padding: 4px 12px;
border: none;
border-radius: 6px;
background: none;
background-color: var(--default-background);
box-shadow: 0 0 0 1px var(--border-color);
color: var(--default-fore);
cursor: pointer;
transition: var(--default-duration);
}
.user-button:hover:not([disabled]) {
background-color: var(--default-hover);
}
.user-button:active:not([disabled]) {
background-color: var(--default-active);
}
.user-button:focus:not([disabled]) {
border-color: var(--tieba-theme-color);
box-shadow: 0 0 0 2px var(--tieba-theme-color);
}
.theme-style.user-button {
color: var(--default-background) !important;
}
.theme-style.user-button {
background-color: var(--tieba-theme-color);
}
.theme-style.user-button:hover {
background-color: var(--tieba-theme-hover);
}
.theme-style.user-button:active {
background-color: var(--tieba-theme-active);
}
.unset-background.user-button {
background-color: transparent;
background-color: initial;
}
.no-border.user-button {
box-shadow: none;
}
.no-border-all.user-button {
box-shadow: none;
}
.no-border-all.user-button:hover, .no-border-all.user-button:focus {
box-shadow: none;
}@keyframes stretch-f69d853b {
0% {
padding: 0 12px;
opacity: 0;
}
50% {
opacity: 1;
}
100% {
padding: 8px 12px;
}
}
.check[data-v-f69d853b] {
color: var(--level-green-fore);
}
.warning[data-v-f69d853b] {
color: var(--warning-color);
}
.error[data-v-f69d853b] {
color: var(--error-color);
}
.toast-container[data-v-f69d853b] {
position: fixed;
z-index: 999;
bottom: 96px;
left: 50%;
display: flex;
max-height: 60vh;
align-items: center;
padding: 8px 12px;
border: 1px solid var(--border-color);
border-radius: 16px;
animation: stretch-f69d853b 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.6);
background-color: var(--default-background);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
gap: 6px;
text-overflow: ellipsis;
transform: translateX(-50%);
transition: var(--default-transition);
}
.toast-container .toast-icon[data-v-f69d853b] {
font-size: 18px;
}
.toast-container .toast-content[data-v-f69d853b] {
overflow: hidden;
max-width: 80vw;
max-height: 60vh;
padding: 0 6px;
text-align: left;
text-overflow: ellipsis;
white-space: pre-wrap;
}
.toast-container span[data-v-f69d853b] {
color: var(--minimal-fore);
font-size: 12px;
}
.toast-container .toast-controls .close-button[data-v-f69d853b] {
padding: 6px;
color: var(--error-color);
font-weight: var(--font-weight-bold);
}
.toast-container .toast-controls .close-button[data-v-f69d853b]:not(:active):not(:focus) {
box-shadow: none;
}
.blur-effect[data-v-f69d853b] {
background-color: var(--trans-default-background);
}
html:not([perf-saver]) .blur-effect[data-v-f69d853b] {
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
}
html.dark-theme .blur-effect[data-v-f69d853b] {
-webkit-backdrop-filter: blur(24px) brightness(0.8);
backdrop-filter: blur(24px) brightness(0.8);
}@keyframes kf-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes kf-fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes kf-slide-in {
0% {
opacity: 0;
transform: translateY(20%);
}
}
@keyframes kf-slide-out {
100% {
opacity: 0;
transform: translateY(20%);
}
}
@keyframes kf-slide-zoom-in {
0% {
opacity: 0;
transform: translateY(20%) scale(0.85);
}
}
@keyframes kf-slide-zoom-out {
100% {
opacity: 0;
transform: translateY(20%) scale(0.85);
}
}
@keyframes kf-dialog-in {
0% {
opacity: 0;
transform: scale(1.2);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes kf-dialog-out {
0% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(1.2);
}
}
@keyframes kf-zoom-in {
0% {
transform: scale(0.72);
}
100% {
transform: scale(1);
}
}
@keyframes kf-fade-zoom-in {
0% {
opacity: 0;
transform: scale(0.72);
}
100% {
opacity: 1;
transform: scale(1);
}
}/* stylelint-disable font-family-no-missing-generic-family-keyword */\r
/* https: //fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],200..400,0..1,-50..100 */\r
\r
/* fallback */\r
@font-face {\r
font-family: "Material Symbols";\r
font-style: normal;\r
font-weight: 200 400;\r
src: url("https://fonts.gstatic.com/s/materialsymbolsoutlined/v110/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2") format("woff2");\r
}\r
\r
.material-symbols-outlined {\r
display: inline-block;\r
direction: ltr;\r
font-family: "Material Symbols";\r
font-size: 24px;\r
-webkit-font-smoothing: antialiased;\r
font-style: normal;\r
font-weight: normal;\r
letter-spacing: normal;\r
line-height: 1;\r
text-transform: none;\r
white-space: nowrap;\r
word-wrap: normal;\r
}\r
:root {
--img-tieba-icon: url("https://gitee.com/HacksawBlade/Tieba-Remix/raw/master/assets/images/main/icon.png");
}
.dark-theme {
--default-background: rgb(32, 32, 32);
--default-hover: rgb(42, 42, 42);
--default-active: rgb(54, 54, 54);
--page-background: rgb(26, 26, 26);
--trans-page-background: rgba(26, 26, 26, 0.6);
--trans-default-background: rgba(32, 32, 32, 0.6);
--deep-background: rgb(26, 26, 26);
--trans-deep-background: rgba(20, 20, 20, 0.6);
--light-background: rgb(60, 60, 60);
--trans-light-background: rgba(60, 60, 60, 0.6);
--very-light-background: rgb(60, 60, 60);
--elem-color: rgb(26, 26, 26);
--default-fore: rgb(230, 230, 230);
--light-fore: rgb(180, 180, 180);
--minimal-fore: rgb(144, 144, 144);
--highlight-fore: rgb(255, 255, 255);
--border-color: rgba(96, 96, 96, 0.6);
--light-border-color: rgba(96, 96, 96, 0.2);
--tieba-theme-color: rgb(113, 97, 193);
--trans-tieba-theme-color: rgba(113, 97, 193, 0.6);
--tieba-theme-hover: rgb(149, 128, 254);
--tieba-theme-active: rgb(172, 156, 253);
--tieba-theme-background: rgba(113, 97, 193, 0.2);
--tieba-theme-fore: rgb(150, 128, 255);
--level-green-background: rgba(96, 153, 59, 0.1);
--level-green-fore: rgb(133, 206, 84);
--level-blue-background: rgba(0, 165, 227, 0.1);
--level-blue-fore: rgb(0, 169, 255);
--level-yellow-background: rgba(229, 193, 90, 0.1);
--level-yellow-fore: rgb(242, 205, 96);
--level-orange-background: rgba(204, 122, 0, 0.1);
--level-orange-fore: rgb(255, 170, 0);
--check-color: lawngreen;
--error-color: tomato;
--warning-color: orange;
color-scheme: dark;
}
.light-theme {
--default-background: rgb(255, 255, 255);
--default-hover: rgb(240, 240, 240);
--default-active: rgb(224, 224, 224);
--page-background: rgb(245, 245, 245);
--trans-page-background: rgba(245, 245, 245, 0.6);
--trans-default-background: rgba(255, 255, 255, 0.6);
--deep-background: rgb(228, 228, 228);
--trans-deep-background: rgba(200, 200, 200, 0.6);
--light-background: rgb(235, 235, 235);
--trans-light-background: rgba(228, 228, 228, 0.6);
--very-light-background: rgb(245, 245, 245);
--elem-color: rgb(240, 240, 240);
--default-fore: rgb(16, 16, 16);
--light-fore: rgb(86, 86, 86);
--minimal-fore: rgb(118, 118, 118);
--highlight-fore: rgb(0, 0, 0);
--border-color: rgba(185, 185, 185, 0.6);
--light-border-color: rgba(185, 185, 185, 0.2);
--tieba-theme-color: rgb(97, 78, 194);
--trans-tieba-theme-color: rgba(97, 78, 194, 0.6);
--tieba-theme-hover: rgb(119, 105, 194);
--tieba-theme-active: rgb(150, 134, 232);
--tieba-theme-background: rgba(97, 78, 194, 0.2);
--tieba-theme-fore: rgb(58, 46, 116);
--level-green-background: rgba(84, 130, 53, 0.1);
--level-green-fore: rgb(51, 78, 32);
--level-blue-background: rgba(0, 153, 213, 0.1);
--level-blue-fore: rgb(0, 81, 111);
--level-yellow-background: rgba(164, 139, 63, 0.1);
--level-yellow-fore: rgb(124, 105, 46);
--level-orange-background: rgba(255, 153, 0, 0.1);
--level-orange-fore: rgb(178, 104, 0);
--check-color: green;
--error-color: darkred;
--warning-color: darkorange;
color-scheme: "light";
}:root {
--xfast-duration: 0.1s;
--fast-duration: 0.2s;
--default-duration: 0.4s;
--slow-duration: 0.6s;
--xslow-duration: 0.8s;
}.user-dialog-modal[data-v-cd3f22c1] {
position: fixed;
z-index: var(--790b06c2);
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.user-dialog-modal .user-dialog.default[data-v-cd3f22c1] {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
display: flex;
max-height: calc(100% - 32px);
box-sizing: border-box;
flex-direction: column;
border: 1px solid var(--light-border-color);
border-radius: 12px;
margin: 16px;
background-color: var(--default-background);
font-size: 16px;
transition: var(--default-duration);
}
html.dark-theme .user-dialog-modal .user-dialog.default[data-v-cd3f22c1] {
box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
}
.user-dialog-modal .user-dialog.dialog-enter-active[data-v-cd3f22c1] {
animation: var(--416ec384);
}
.user-dialog-modal .user-dialog.dialog-leave-active[data-v-cd3f22c1] {
animation: var(--07d22c3b);
}
.user-dialog-modal .user-dialog.default.force-alert[data-v-cd3f22c1] {
box-shadow: 0 0 0 2px var(--error-color) !important;
}
.user-dialog-modal .user-dialog .dialog-title[data-v-cd3f22c1] {
padding: 16px 16px 0 16px;
color: var(--highlight-fore);
font-size: 22px;
font-weight: var(--font-weight-bold);
}
.user-dialog-modal .user-dialog .dialog-content[data-v-cd3f22c1] {
flex-grow: 1;
padding: 16px;
overflow-y: auto;
}
.user-dialog-modal .user-dialog .dialog-button-panel[data-v-cd3f22c1] {
display: flex;
padding: 16px;
border-radius: 0 0 12px 12px;
background-color: var(--deep-background);
gap: 8px;
}
.user-dialog-modal .user-dialog .dialog-button-panel .dialog-button[data-v-cd3f22c1] {
flex-grow: 1;
padding: 6px 16px;
font-size: 14px;
}.message-wrapper[data-v-39288ca3] {
display: flex;
overflow-x: hidden;
overflow-y: auto;
overflow: hidden auto;
flex-direction: column;
}.about-wrapper[data-v-08c54454] {
display: flex;
flex-direction: column;
align-items: center;
padding: 8px;
margin: auto;
gap: 12px;
}
.about-wrapper .main-title[data-v-08c54454] {
display: flex;
align-items: center;
gap: 12px;
}
.about-wrapper .main-title .main-icon[data-v-08c54454] {
width: 64px;
height: 64px;
}
.about-wrapper .main-title .title[data-v-08c54454] {
color: var(--highlight-fore);
font-size: 32px;
font-style: italic;
font-weight: var(--font-weight-bold);
}
.about-wrapper .script-info[data-v-08c54454] {
display: flex;
flex-direction: column;
align-items: center;
color: var(--minimal-fore);
gap: 8px;
}
.about-wrapper .script-info .author-info[data-v-08c54454] {
display: flex;
align-items: baseline;
gap: 8px;
}
.about-wrapper .about-controls[data-v-08c54454] {
display: flex;
margin-top: 16px;
gap: 8px;
}
.about-wrapper .about-controls .about-button[data-v-08c54454] {
padding: 6px 10px;
font-size: 14px;
}.update-wrapper[data-v-c359521c] {
display: flex;
max-width: 100%;
flex-direction: column;
gap: 8px;
}
.update-wrapper .latest-info[data-v-c359521c] {
display: flex;
align-items: center;
padding: 2px 8px;
border-radius: 16px;
margin: auto;
margin-bottom: 12px;
background-color: var(--level-blue-background);
color: var(--level-blue-fore);
gap: 6px;
}
.update-wrapper .latest-info.is-latest[data-v-c359521c] {
background-color: var(--level-green-background);
color: var(--level-green-fore);
}
.update-wrapper .title-container[data-v-c359521c] {
display: flex;
align-items: center;
gap: 10px;
}
.update-wrapper .title-container .title[data-v-c359521c] {
flex-shrink: 1;
font-size: 20px;
font-weight: var(--font-weight-bold);
}
.update-wrapper .title-container .is-pre-release[data-v-c359521c] {
min-width: -moz-max-content;
min-width: max-content;
padding: 2px 8px;
border-radius: 16px;
background-color: var(--level-orange-background);
color: var(--level-orange-fore);
font-size: 14px;
}
.update-wrapper .main-info[data-v-c359521c] {
display: flex;
align-items: center;
gap: 8px;
}
.update-wrapper .main-info .avatar[data-v-c359521c] {
width: 32px;
height: 32px;
border-radius: 32px;
}
.update-wrapper .main-info .release-time[data-v-c359521c] {
margin-left: auto;
}
.update-wrapper .update-controls[data-v-c359521c] {
display: flex;
align-items: center;
margin-top: 8px;
gap: 8px;
}
.update-wrapper .update-controls .up-button[data-v-c359521c] {
padding: 4px 8px;
border-radius: 10px;
font-size: 15px;
font-weight: var(--font-weight-bold);
}
.update-wrapper .update-controls .up-name[data-v-c359521c] {
font-family: var(--code-monospace);
}
.forbidden-wrapper[data-v-c359521c] {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
align-items: center;
}
.forbidden-wrapper .icon[data-v-c359521c] {
font-size: 64px;
}.layout-custom-back[data-v-fcb5c431] {
display: flex;
width: 100%;
flex-direction: column;
gap: 8px;
}
.layout-custom-back .custom-image[data-v-fcb5c431] {
max-width: 100%;
max-height: 320px;
border-radius: 8px;
margin: 0 auto;
}
.layout-custom-back .custom-back-buttons[data-v-fcb5c431] {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 6px;
}
.layout-custom-back .adjust-controls[data-v-fcb5c431] {
display: flex;
flex-direction: column;
gap: 8px;
}
.layout-custom-back .adjust-controls .control-set[data-v-fcb5c431] {
display: flex;
align-items: baseline;
gap: 6px;
}
.layout-custom-back .adjust-controls .control-set .editor[data-v-fcb5c431] {
width: auto;
font-family: var(--code-zh);
}.color-picker[data-v-faec1870] {
display: flex;
align-items: center;
gap: 8px;
}
.color-picker .color-input[data-v-faec1870] {
width: 24px;
height: 24px;
}.theme-color-component[data-v-17596762] {
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
.theme-color-component .reset-button[data-v-17596762] {
margin-left: auto;
}.theme-picker {
z-index: 9999 !important;
}.toggle-button[data-v-6728dba5] {
color: var(--default-fore);
}
.toggle-button .icon[data-v-6728dba5],
.toggle-button .outline-icon[data-v-6728dba5] {
color: var(--minimal-fore);
}
.toggle-button.toggle-on[data-v-6728dba5] {
background-color: var(--tieba-theme-color);
color: var(--default-background);
}.user-check[data-v-48d9506d] {
display: flex;
align-items: center;
}
.user-check .check-button[data-v-48d9506d] {
width: 16px;
min-width: 16px;
height: 16px;
min-height: 16px;
padding: 0;
border-radius: 4px;
color: var(--tieba-theme-color);
font-size: 14px;
font-weight: var(--font-weight-bold);
}
.user-check .check-label[data-v-48d9506d] {
display: flex;
align-items: center;
color: var(--light-fore);
cursor: pointer;
font-size: 16px;
}
.user-check .label-text[data-v-48d9506d] {
padding-left: 6px;
}@keyframes select-arrow-down-7da72ee3 {
0% {
transform: translateY(0);
}
70% {
transform: translateY(10%);
}
100% {
transform: translateY(0);
}
}
.user-select[data-v-7da72ee3] {
position: relative;
}
.user-select .select-toggle[data-v-7da72ee3] {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
gap: 8px;
text-align: justify;
}
.user-select .select-toggle.toggle-on[data-v-7da72ee3] {
background-color: var(--default-background);
box-shadow: 0 0 0 1px var(--tieba-theme-color);
color: var(--default-fore);
}
.user-select .select-toggle.toggle-on .icon[data-v-7da72ee3] {
animation: select-arrow-down-7da72ee3 var(--fast-duration) cubic-bezier(0.18, 0.89, 0.32, 1.6);
color: var(--tieba-theme-color);
font-weight: var(--font-weight-bold);
}
.user-select .select-toggle.toggle-off[data-v-7da72ee3] {
box-shadow: 0 0 0 1px var(--border-color);
}
.user-select .select-container[data-v-7da72ee3] {
position: absolute;
top: calc(100% + 4px);
left: 0;
display: flex;
overflow: hidden;
width: 100%;
flex-direction: column;
border: 1px solid var(--border-color);
border-radius: 6px;
background-color: var(--default-background);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
transform-origin: top;
}
.user-select .select-container.select-enter-active[data-v-7da72ee3], .user-select .select-container.select-leave-active[data-v-7da72ee3] {
transition: transform var(--fast-duration), opacity var(--fast-duration);
}
.user-select .select-container.select-enter-from[data-v-7da72ee3], .user-select .select-container.select-leave-to[data-v-7da72ee3] {
opacity: 0;
transform: scale(0.95) translateY(-4px);
}
.user-select .select-container .select-button[data-v-7da72ee3] {
border-radius: 0;
box-shadow: none;
text-align: justify;
}
.user-select .select-container .select-desc[data-v-7da72ee3] {
padding: 4px 14px;
border-top: 1px solid var(--border-color);
color: var(--light-fore);
font-size: 14px;
}.user-textbox[data-v-a690d550] {
box-sizing: border-box;
padding: 4px;
border: 2px solid var(--border-color);
border-radius: 6px;
background-color: var(--default-background);
outline: none;
transition: all var(--default-duration), width 0s, height 0s;
}
.user-textbox[data-v-a690d550]:hover {
border-color: var(--light-background);
}
.user-textbox[data-v-a690d550]:focus {
border-color: var(--tieba-theme-color);
}
.lodash-style.user-textbox[data-v-a690d550] {
padding: 0;
border: none;
border-radius: 0;
border-bottom: 2px solid var(--border-color);
}@keyframes content-in-ae6e43ab {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
}
}
.key-button[data-v-ae6e43ab] {
display: flex;
overflow: hidden;
min-width: 120px;
align-items: center;
padding: 12px;
border-radius: 0;
font-size: 16px;
gap: 12px;
text-align: justify;
transition: var(--default-duration);
white-space: nowrap;
}
.key-button .icon[data-v-ae6e43ab] {
font-size: 20px;
font-variation-settings: "FILL" 0, "wght" 300;
transition: all var(--default-duration), margin-left var(--fast-duration) ease-out;
}
.key-button .key-info[data-v-ae6e43ab] {
display: flex;
width: calc(100% - 32px);
flex-direction: column;
}
.key-button .key-title[data-v-ae6e43ab],
.key-button .key-desc[data-v-ae6e43ab] {
overflow: hidden;
text-overflow: ellipsis;
}
.key-button .key-desc[data-v-ae6e43ab] {
color: var(--minimal-fore);
font-size: 14px;
}
.key-button.main-key[data-v-ae6e43ab] {
box-sizing: content-box;
}
.key-button.main-key .main-key-selected[data-v-ae6e43ab] {
position: relative;
width: 0;
height: 100%;
border-radius: 24px;
margin-left: -12px;
background-color: var(--tieba-theme-color);
}
.key-button.main-key .main-key-selected[data-v-ae6e43ab]::after {
position: absolute;
top: 0;
width: 0;
height: 100%;
border-radius: 24px;
background-color: var(--tieba-theme-color);
content: "";
}
.key-button.main-key.selected[data-v-ae6e43ab] {
color: var(--tieba-theme-fore) !important;
}
.key-button.main-key.selected .main-key-selected[data-v-ae6e43ab] {
padding-right: 4px;
}
.key-button.main-key.selected .main-key-selected[data-v-ae6e43ab]::after {
width: 4px;
}
.key-button.main-key.selected .icon[data-v-ae6e43ab] {
margin-left: 4px;
font-variation-settings: "FILL" 1, "GRAD" 48, "wght" 300;
font-weight: var(--font-weight-normal);
}
.key-button.main-key.selected .key-desc[data-v-ae6e43ab] {
color: var(--tieba-theme-color);
}
.key-button.sub-key[data-v-ae6e43ab] {
-webkit-text-decoration: none;
text-decoration: none;
transition: var(--default-duration);
}
.key-button.sub-key.selected[data-v-ae6e43ab] {
color: var(--tieba-theme-fore);
-webkit-text-decoration: underline var(--tieba-theme-color) 2px;
text-decoration: underline var(--tieba-theme-color) 2px;
}
.settings-wrapper[data-v-ae6e43ab] {
display: flex;
width: 100%;
max-width: var(--content-max);
height: 100%;
box-sizing: border-box;
}
.settings-wrapper .left-container[data-v-ae6e43ab] {
display: flex;
width: 30%;
max-width: 280px;
flex-direction: column;
border-right: 2px solid var(--light-border-color);
}
.settings-wrapper .left-container .search-controls[data-v-ae6e43ab] {
display: flex;
flex-direction: column;
padding: 0 16px 16px 0;
gap: 8px;
}
.settings-wrapper .left-container .search-controls .title[data-v-ae6e43ab] {
color: var(--default-fore) !important;
}
.settings-wrapper .left-container .search-controls .title[data-v-ae6e43ab] {
margin-top: 8px;
font-size: 20px;
font-weight: var(--font-weight-bold);
line-height: normal;
}
.settings-wrapper .left-container .search-controls .search-box[data-v-ae6e43ab] {
padding: 6px;
font-size: 14px;
}
.settings-wrapper .left-container .left-panel[data-v-ae6e43ab] {
display: flex;
box-sizing: border-box;
flex-direction: column;
}
.settings-wrapper .middle-container[data-v-ae6e43ab] {
display: flex;
width: 20%;
max-width: 220px;
flex-direction: column;
padding: 0 6px;
border-right: 2px solid var(--light-border-color);
gap: 6px;
}
.settings-wrapper .middle-container .sub-key[data-v-ae6e43ab] {
display: flex;
padding: 8px 16px;
border-radius: 12px;
gap: 4px;
}
.settings-wrapper .middle-container .sub-key .key-title[data-v-ae6e43ab] {
font-size: 14px;
}
.settings-wrapper .middle-container .sub-key[data-v-ae6e43ab]:not(:hover):not(:active):not(:focus) {
background-color: transparent;
background-color: initial;
}
.settings-wrapper .right-container[data-v-ae6e43ab] {
display: flex;
overflow: auto;
width: 50%;
flex-direction: column;
flex-grow: 1;
padding: 16px;
margin: -16px -16px -16px 0;
font-size: 16px;
gap: 32px;
}
.settings-wrapper .right-container .setting-content[data-v-ae6e43ab] {
display: flex;
flex-direction: column;
gap: 8px;
}
.settings-wrapper .right-container .setting-content .content-title[data-v-ae6e43ab] {
margin: 8px 0 0;
color: var(--highlight-fore);
font-size: 18px;
font-weight: var(--font-weight-bold);
}
.settings-wrapper .right-container .setting-content .content-sub-title[data-v-ae6e43ab] {
margin: 4px 0 0;
color: var(--default-fore);
font-size: 16px;
font-weight: var(--font-weight-bold);
}
.settings-wrapper .right-container .setting-content .content-desc[data-v-ae6e43ab] {
display: flex;
flex-direction: column;
color: var(--light-fore);
gap: 6px;
}
.settings-wrapper .right-container .setting-content .content-textbox[data-v-ae6e43ab] {
box-sizing: content-box;
}
.settings-wrapper .right-container .setting-content .content-textbox.textarea[data-v-ae6e43ab] {
width: 100%;
height: 6em;
resize: none;
}
.settings-wrapper .right-container .setting-content .content-image[data-v-ae6e43ab] {
max-width: 100%;
max-height: 320px;
border-radius: 8px;
margin: 0 auto;
}
.settings-wrapper .right-container .setting-content .setting-control[data-v-ae6e43ab] {
display: flex;
}
.settings-wrapper .right-container .setting-content .setting-control .settings-toggle[data-v-ae6e43ab] {
background: none;
font-size: 36px;
}
.settings-wrapper .right-container .setting-content .setting-control .settings-toggle.toggle-on[data-v-ae6e43ab] {
color: var(--tieba-theme-color);
}
.settings-wrapper .right-container .setting-content .setting-control .settings-toggle.toggle-on[data-v-ae6e43ab]:hover {
color: var(--tieba-theme-fore);
}
.settings-wrapper .right-container .setting-content .setting-control .icon-component[data-v-ae6e43ab] {
margin-left: auto;
font-size: 64px;
font-variation-settings: "FILL" 1;
}
.settings-wrapper .right-container .setting-content .setting-control .settings-select[data-v-ae6e43ab] {
width: min(100%, 280px);
}
.settings-wrapper .empty-container[data-v-ae6e43ab] {
margin: auto;
color: var(--minimal-fore);
font-size: 72px;
}.block-panel {
display: flex;
min-width: 30px;
height: 26px;
align-items: center;
justify-content: center;
padding: 2px 8px;
border-radius: 24px;
background-color: var(--trans-light-background);
font-size: 14px;
text-align: center;
}
.block-panel .icon {
color: var(--light-fore);
font-size: 18px;
}
.block-panel .panel-button {
border: none !important;
}
.block-panel .panel-button {
width: 30px;
height: 30px;
padding: 4px;
border-radius: 48px;
}
.block-panel.left-align {
margin-left: 0;
}#header-progress[data-v-782eb887] {
position: fixed;
z-index: 99999;
top: 0;
max-width: 100vw;
height: 4px;
background-color: var(--tieba-theme-color);
transition: 0.4s;
}
#header-progress.complete[data-v-782eb887] {
animation: kf-fade-out var(--xslow-duration) forwards;
}#shield-editor[data-v-8cfcb5eb] {
display: flex;
flex-direction: column;
gap: 10px;
}
#shield-editor #shield-editor-rule-control[data-v-8cfcb5eb] {
display: flex;
align-items: flex-start;
gap: 6px;
}
#shield-editor #shield-editor-rule-control #shield-editor-rule[data-v-8cfcb5eb] {
flex: 1;
font-size: 16px;
}
#shield-editor #shield-editor-rule-control label[data-v-8cfcb5eb] {
color: var(--light-fore);
}
#shield-editor #shield-editor-toggle-control[data-v-8cfcb5eb] {
display: flex;
align-items: center;
gap: 16px;
}
#shield-editor #shield-editor-delete[data-v-8cfcb5eb] {
padding: 6px 8px;
background-color: var(--error-color);
color: var(--default-background);
}.shield-container[data-v-1dec7a04] {
display: flex;
width: 100%;
flex-direction: column;
gap: 16px;
}
.shield-container .words-container[data-v-1dec7a04] {
display: flex;
flex-wrap: wrap;
padding: 12px;
border-radius: 12px;
background-color: var(--trans-light-background);
gap: 4px;
}
.shield-container .words-container .shield-elem[data-v-1dec7a04] {
display: flex;
align-items: center;
padding: 4px 8px;
border: none;
border-radius: 8px;
font-size: 14px;
gap: 4px;
}
.shield-container .words-container .shield-elem.disabled[data-v-1dec7a04] {
opacity: 0.5;
}
.shield-container .words-container .shield-elem.disabled .content[data-v-1dec7a04] {
-webkit-text-decoration: line-through;
text-decoration: line-through;
}
.shield-container .words-container .shield-elem .icon[data-v-1dec7a04] {
color: var(--light-fore);
}
.shield-container .words-container .remove-all[data-v-1dec7a04] {
background-color: var(--error-color);
color: var(--default-background);
font-variation-settings: "FILL" 0;
}
.shield-container .empty-list-container[data-v-1dec7a04] {
color: var(--minimal-fore);
}
.shield-container .shield-controls[data-v-1dec7a04] {
display: flex;
flex-direction: column;
gap: 8px;
}
.shield-container .shield-controls .shield-input[data-v-1dec7a04] {
width: 100%;
height: auto;
max-height: 6em;
box-sizing: border-box;
padding: 6px;
font-size: 16px;
resize: none;
}
.shield-container .shield-controls .submit-controls[data-v-1dec7a04] {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
}
.shield-container .shield-controls .submit-controls .submit-button[data-v-1dec7a04] {
padding: 4px 12px;
font-size: 14px;
font-weight: var(--font-weight-bold);
}.images-viewer .head-controls .head-btn.toggle-on[data-v-f4016c3f] {
font-family: "Material Symbols", monospace !important;
}
.images-viewer .head-controls .head-btn.toggle-on[data-v-f4016c3f] {
font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 40;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.images-viewer[data-v-f4016c3f] {
position: fixed;
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: var(--default-duration);
}
.images-viewer .icon[data-v-f4016c3f] {
color: var(--light-fore);
}
.images-viewer .control-panel[data-v-f4016c3f] {
position: absolute;
display: flex;
align-items: center;
padding: 10px;
border: 1px solid var(--light-border-color);
border-radius: 18px;
background-color: var(--trans-default-background);
box-shadow: 0 0 32px rgba(0, 0, 0, 0.4);
}
html:not([perf-saver]) .images-viewer .control-panel[data-v-f4016c3f] {
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
}
html.dark-theme .images-viewer .control-panel[data-v-f4016c3f] {
-webkit-backdrop-filter: blur(24px) brightness(0.8);
backdrop-filter: blur(24px) brightness(0.8);
}
.images-viewer .head-controls[data-v-f4016c3f] {
top: 16px;
margin-bottom: auto;
transition: var(--default-duration);
}
.images-viewer .head-controls.hide[data-v-f4016c3f] {
box-shadow: none;
transform: translateY(calc(-100% - 16px)) scale(0.85);
}
.images-viewer .head-controls .head-btn[data-v-f4016c3f] {
width: 36px;
height: 36px;
padding: 0;
border-radius: 12px;
background-color: transparent;
background-color: initial;
box-shadow: none;
font-size: 16px;
}
.images-viewer .head-controls .head-btn[data-v-f4016c3f]:hover {
background-color: var(--default-background);
color: var(--tieba-theme-color);
}
.images-viewer .head-controls .head-btn.toggle-on[data-v-f4016c3f] {
background-color: var(--tieba-theme-color);
color: var(--default-background);
}
.images-viewer .head-controls .head-btn.toggle-on[data-v-f4016c3f]:hover {
filter: brightness(1.2);
}
.images-viewer .head-controls .close[data-v-f4016c3f]:hover {
color: var(--error-color);
}
.images-viewer .head-controls span[data-v-f4016c3f] {
color: var(--minimal-fore);
font-family: var(--code-monospace);
}
.images-viewer .head-controls .zoom-size[data-v-f4016c3f] {
padding: 10px;
}
.images-viewer .back[data-v-f4016c3f],
.images-viewer .forward[data-v-f4016c3f] {
height: 60px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
font-size: large;
}
.images-viewer .back[data-v-f4016c3f] {
left: 32px;
}
.images-viewer .back.hide[data-v-f4016c3f] {
box-shadow: none;
transform: translateX(calc(-100% - 32px)) scale(0.85);
}
.images-viewer .forward[data-v-f4016c3f] {
right: 32px;
}
.images-viewer .forward.hide[data-v-f4016c3f] {
box-shadow: none;
transform: translateX(calc(100% + 32px)) scale(0.85);
}
.images-viewer .back[data-v-f4016c3f]:hover,
.images-viewer .forward[data-v-f4016c3f]:hover {
background-color: var(--default-background);
}
.images-viewer .back[data-v-f4016c3f]:focus,
.images-viewer .forward[data-v-f4016c3f]:focus {
box-shadow: 0 0 0 2px var(--tieba-theme-color);
}
.images-viewer .image-container[data-v-f4016c3f] {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.images-viewer .image-container .curr-image[data-v-f4016c3f] {
position: absolute;
-o-object-fit: contain;
object-fit: contain;
}
.images-viewer .image-container .curr-image.changing[data-v-f4016c3f] {
display: none;
transition: none;
}
.images-viewer .bottom-controls[data-v-f4016c3f] {
bottom: 16px;
display: flex;
margin-top: auto;
gap: 4px;
transition: var(--default-duration);
}
.images-viewer .bottom-controls.hide[data-v-f4016c3f] {
box-shadow: none;
transform: translateY(calc(100% + 16px)) scale(0.85);
}
.images-viewer .bottom-controls .bottom-btn[data-v-f4016c3f] {
overflow: hidden;
width: 100px;
height: 75px;
padding: 0;
border: none;
border-radius: 10px;
background-color: var(--trans-default-background);
transition: linear var(--xfast-duration);
}
.images-viewer .bottom-controls .bottom-btn .image-list[data-v-f4016c3f] {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.images-viewer .bottom-controls .bottom-btn.selected[data-v-f4016c3f] {
border: 3px solid var(--tieba-theme-color);
}.post-container .bottom-controls .replies[data-v-6cdcd181]::before {
font-family: "Material Symbols", monospace !important;
}
.post-container .bottom-controls .replies[data-v-6cdcd181]::before {
font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 40;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
a[data-v-6cdcd181] {
color: inherit;
-webkit-text-decoration: none;
text-decoration: none;
}
p[data-v-6cdcd181] {
margin: 0;
}
img[data-v-6cdcd181]::before {
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
background-color: var(--light-background);
content: "";
}
.dynamic .img-button[data-v-6cdcd181] {
min-width: 30% !important;
flex: initial !important;
flex-grow: 1 !important;
}
.post-container[data-v-6cdcd181] {
display: flex;
width: 100%;
box-sizing: border-box;
flex-direction: column;
padding: 16px;
border-radius: 16px;
background-color: var(--default-background);
cursor: pointer;
gap: 20px;
text-align: justify;
}
.post-container .forum-btn[data-v-6cdcd181] {
border-radius: 24px;
font-size: 14px;
}
.post-container .forum-btn[data-v-6cdcd181]:not(:hover):not(:active):not(:focus) {
background-color: var(--light-background);
box-shadow: none;
}
.post-container .main-content[data-v-6cdcd181] {
display: flex;
flex-direction: column;
gap: 8px;
}
.post-container .main-content .title[data-v-6cdcd181] {
margin: 0;
color: var(--highlight-fore);
font-weight: var(--font-weight-bold);
}
.post-container .main-content .content[data-v-6cdcd181] {
overflow: hidden;
color: var(--light-fore);
font-size: 14px;
text-overflow: ellipsis;
}
.post-container .img-container[data-v-6cdcd181] {
display: flex;
overflow: hidden;
flex-wrap: wrap;
border-radius: 16px;
gap: 6px;
}
.post-container .img-container .img-button[data-v-6cdcd181] {
overflow: hidden;
min-width: 40%;
height: 144px;
flex: 1;
padding: 0;
border: none;
border-radius: 0;
}
.post-container .img-container .img-button .post-img[data-v-6cdcd181] {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: 0.4s cubic-bezier(0, 0, 0.2, 1);
}
.post-container .img-container .img-button .post-img[data-v-6cdcd181]:hover {
scale: 1.2;
}
.post-container .bottom-controls[data-v-6cdcd181] {
display: flex;
align-items: center;
gap: 12px;
}
.post-container .bottom-controls .author[data-v-6cdcd181] {
display: flex;
align-items: center;
padding: 0;
border-radius: 24px;
background-color: transparent;
background-color: initial;
}
.post-container .bottom-controls .author .author-portrait[data-v-6cdcd181] {
width: 32px;
height: 32px;
border-radius: 24px;
-o-object-fit: cover;
object-fit: cover;
}
.post-container .bottom-controls .author .author-info[data-v-6cdcd181] {
display: flex;
flex-direction: column;
padding: 0 10px;
text-align: left;
}
.post-container .bottom-controls .author .author-info .author-name[data-v-6cdcd181] {
font-size: 14px;
font-weight: var(--font-weight-bold);
}
.post-container .bottom-controls .author .author-info .post-time[data-v-6cdcd181] {
color: var(--minimal-fore);
font-size: 12px;
}
.post-container .bottom-controls .author[data-v-6cdcd181]:not(:hover):not(:active):not(:focus) {
box-shadow: none;
}
.post-container .bottom-controls .replies[data-v-6cdcd181] {
display: flex;
min-width: 16px;
align-items: center;
border-radius: 24px;
margin-left: auto;
color: var(--light-fore);
font-family: var(--code-zh);
font-size: 13px;
font-weight: var(--font-weight-bold);
}
.post-container .bottom-controls .replies[data-v-6cdcd181]::before {
margin-right: 6px;
content: "forum";
font-size: 16px;
font-weight: var(--font-weight-normal);
}.masonry-wrapper[data-v-a26c04a0] {
display: flex;
width: 100%;
max-width: var(--content-max);
flex-direction: column;
align-items: center;
gap: 12px;
}
.masonry-wrapper .masonry-container[data-v-a26c04a0] {
width: 100%;
margin: auto;
}
@keyframes feeds-in-a26c04a0 {
0% {
transform: scale(0.72);
}
100% {
transform: scale(1);
}
}
.masonry-wrapper .masonry-container .post-elem[data-v-a26c04a0] {
animation: feeds-in-a26c04a0 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.2);
}
.masonry-wrapper .masonry-container .post-elem[data-v-a26c04a0]:not(:hover):not(:active):not(:focus) {
box-shadow: none;
}
.masonry-wrapper > .post-elem[data-v-a26c04a0] {
position: absolute !important;
visibility: hidden !important;
}.index-wrapper .grid-container .profile-menu-container .curr-user .user-profile[data-v-763b23df] {
-o-object-fit: contain;
object-fit: contain;
}
a[data-v-763b23df] {
color: inherit;
-webkit-text-decoration: none;
text-decoration: none;
}
.block-wrapper[data-v-763b23df] {
display: flex;
flex-direction: column;
gap: 8px;
}
.block-controls[data-v-763b23df] {
display: flex;
width: 100%;
align-items: center;
gap: 8px;
}
.block-controls .block-title[data-v-763b23df] {
margin: 0;
font-size: 24px;
font-weight: var(--font-weight-bold);
}
.block-container[data-v-763b23df] {
padding: 8px;
border-radius: 12px;
background-color: var(--trans-light-background);
}
html:not([perf-saver]) body.custom-background .block-container[data-v-763b23df] {
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
}
html.dark-theme body.custom-background .block-container[data-v-763b23df] {
-webkit-backdrop-filter: blur(24px) brightness(0.8);
backdrop-filter: blur(24px) brightness(0.8);
}
.block-panel[data-v-763b23df] {
display: flex;
min-width: 30px;
height: 26px;
align-items: center;
justify-content: center;
padding: 2px 8px;
border-radius: 24px;
margin-left: auto;
background-color: var(--trans-light-background);
font-size: 14px;
text-align: center;
}
.block-panel .icon[data-v-763b23df] {
color: var(--light-fore);
font-size: 18px;
}
.block-panel .panel-btn[data-v-763b23df] {
width: 30px;
height: 30px;
padding: 4px;
border: none;
border-radius: 48px;
}
.block-panel.left-align[data-v-763b23df] {
margin-left: 0;
}
.index-wrapper[data-v-763b23df] {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.index-wrapper .grid-container[data-v-763b23df] {
display: grid;
max-width: var(--content-max);
margin: 16px;
grid-gap: 36px;
gap: 36px;
grid-template-rows: repeat(1, 1fr);
}
.index-wrapper .grid-container .head-controls[data-v-763b23df] {
display: flex;
flex-direction: column;
align-items: center;
padding: 24px;
margin-top: 24px;
gap: 24px;
}
.index-wrapper .grid-container .head-controls .main-title[data-v-763b23df] {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.index-wrapper .grid-container .head-controls .main-title .main-icon[data-v-763b23df] {
height: 64px;
}
.index-wrapper .grid-container .head-controls .main-title .title[data-v-763b23df] {
font-size: 36px;
font-style: italic;
font-weight: var(--font-weight-bold);
}
.index-wrapper .grid-container .head-controls .search-controls[data-v-763b23df] {
position: relative;
display: grid;
width: 100%;
max-width: 420px;
justify-content: center;
grid-template-columns: 1fr 72px;
}
.index-wrapper .grid-container .head-controls .search-controls .search-box[data-v-763b23df] {
width: 100%;
padding: 8px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
font-size: 16px;
}
.index-wrapper .grid-container .head-controls .search-controls .search-button[data-v-763b23df] {
border: none;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
font-size: 16px;
font-weight: var(--font-weight-bold);
}
.index-wrapper .grid-container .head-controls .search-controls .search-suggestions[data-v-763b23df] {
position: absolute;
z-index: 1;
top: 100%;
display: flex;
overflow: hidden;
width: 100%;
box-sizing: border-box;
flex-direction: column;
border: 1px solid var(--border-color);
border-radius: 6px;
margin-top: 4px;
background-color: var(--default-background);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
animation: kf-fade-in 0.2s;
}
.index-wrapper .grid-container .head-controls .search-controls .search-suggestions .search-elem[data-v-763b23df] {
display: flex;
overflow: hidden;
box-sizing: border-box;
padding: 0;
padding: 8px;
border: none;
border-radius: 0;
animation: stretch-763b23df 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
gap: 8px;
text-align: justify;
}
@keyframes stretch-763b23df {
0% {
padding: 4px 8px;
}
100% {
padding: 8px;
}
}
.index-wrapper .grid-container .head-controls .search-controls .search-suggestions .search-elem .sugg-img[data-v-763b23df] {
width: 42px;
height: 42px;
border-radius: 8px;
}
.index-wrapper .grid-container .head-controls .search-controls .search-suggestions .search-elem .sugg-content[data-v-763b23df] {
position: relative;
display: flex;
width: calc(100% - 42px - 8px);
flex-direction: column;
justify-content: center;
gap: 4px;
}
.index-wrapper .grid-container .head-controls .search-controls .search-suggestions .search-elem .sugg-content .sugg-title[data-v-763b23df] {
overflow: hidden;
margin: 0;
font-size: 14px;
font-weight: var(--font-weight-bold);
text-overflow: ellipsis;
white-space: nowrap;
}
.index-wrapper .grid-container .head-controls .search-controls .search-suggestions .search-elem .sugg-content .sugg-desc[data-v-763b23df] {
overflow: hidden;
margin: 0;
color: var(--light-fore);
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
}
.index-wrapper .grid-container .profile-menu-container[data-v-763b23df] {
position: absolute;
z-index: 1;
}
.index-wrapper .grid-container .profile-menu-container .curr-user[data-v-763b23df] {
position: fixed;
top: 24px;
left: 24px;
overflow: hidden;
width: 36px;
height: 36px;
padding: 0;
border: 3px solid var(--border-color);
border-radius: 36px;
}
.index-wrapper .grid-container .profile-menu-container .curr-user .user-profile[data-v-763b23df] {
width: 100%;
}
.index-wrapper .grid-container .profile-menu-container .profile-menu[data-v-763b23df] {
top: 64px;
left: 24px;
}
.index-wrapper .grid-container .config-menu-container[data-v-763b23df] {
position: absolute;
z-index: 1;
display: flex;
}
.index-wrapper .grid-container .config-menu-container .config-menu-btn[data-v-763b23df] {
position: fixed;
top: 24px;
right: 24px;
height: 32px;
border: none;
border-radius: 36px;
background-color: var(--page-background);
font-size: 24px;
}
.index-wrapper .grid-container .config-menu-container .config-menu-btn[data-v-763b23df]:hover {
background-color: var(--default-background);
}
.index-wrapper .grid-container .config-menu-container .config-menu-btn[data-v-763b23df]:active {
background-color: var(--default-hover);
}
.index-wrapper .grid-container .config-menu-container .config-menu[data-v-763b23df] {
top: 64px;
right: 24px;
opacity: 1;
}
.index-wrapper .grid-container .signed-count[data-v-763b23df] {
font-weight: var(--font-weight-bold);
}
.index-wrapper .grid-container .block-panel.followed[data-v-763b23df] {
margin-left: auto;
}
.index-wrapper .grid-container .followed-container[data-v-763b23df] {
margin-top: -16px;
}
.index-wrapper .grid-container .followed-container .followed-list[data-v-763b23df] {
display: flex;
flex-wrap: wrap;
padding: 8px;
border-radius: 12px;
background-color: var(--trans-light-background);
gap: 4px;
}
.index-wrapper .grid-container .followed-container .followed-list .followed-btn[data-v-763b23df] {
display: flex;
align-items: center;
padding: 6px 8px;
border-radius: 12px;
font-size: 14px;
gap: 6px;
}
.index-wrapper .grid-container .followed-container .followed-list .followed-btn .signed[data-v-763b23df] {
color: green;
font-weight: var(--font-weight-bold);
}
.index-wrapper .grid-container .followed-container .followed-list .followed-btn .forum-level[data-v-763b23df] {
min-width: 24px;
padding: 0 2px;
border-radius: 24px;
font-weight: var(--font-weight-bold);
text-align: center;
}
.index-wrapper .grid-container .topic-list[data-v-763b23df] {
display: grid;
grid-gap: 4px;
gap: 4px;
grid-auto-rows: max-content;
grid-template-columns: repeat(2, 1fr);
}
.index-wrapper .grid-container .topic-list .topic-btn[data-v-763b23df] {
display: flex;
width: 100%;
height: 100%;
align-items: center;
padding: 12px;
border-radius: 12px;
gap: 8px;
}
.index-wrapper .grid-container .topic-list .topic-btn .topic-img[data-v-763b23df] {
width: 72px;
border-radius: 12px;
}
.index-wrapper .grid-container .topic-list .topic-btn .topic-content[data-v-763b23df] {
display: flex;
flex-flow: column wrap;
gap: 4px;
text-align: justify;
}
.index-wrapper .grid-container .topic-list .topic-btn .topic-content .topic-title[data-v-763b23df] {
display: flex;
align-items: center;
gap: 6px;
}
.index-wrapper .grid-container .topic-list .topic-btn .topic-content .topic-title [class^=topic-rank][data-v-763b23df] {
padding: 0 4px;
border-radius: 4px;
background-color: orange;
color: var(--default-background);
font-weight: var(--font-weight-bold);
text-align: center;
}
.index-wrapper .grid-container .topic-list .topic-btn .topic-content .topic-title .topic-name[data-v-763b23df] {
font-size: 16px;
font-weight: var(--font-weight-bold);
}
.index-wrapper .grid-container .topic-list .topic-btn .topic-content .topic-desc[data-v-763b23df] {
color: var(--light-fore);
font-size: 14px;
}
.index-wrapper .masonry-container[data-v-763b23df] {
display: flex;
width: calc(100% - 32px);
max-width: var(--content-max);
box-sizing: border-box;
flex-direction: column;
align-items: center;
gap: 8px;
}
.index-wrapper .masonry-container .feeds-container[data-v-763b23df] {
width: 100%;
margin: auto;
}
@keyframes feeds-in-763b23df {
0% {
transform: scale(0.72);
}
100% {
transform: scale(1);
}
}
@keyframes refresh-btn-in-763b23df {
0% {
padding: 0 18px;
opacity: 0;
}
100% {
padding: 8px 18px;
opacity: 1;
}
}
.index-wrapper .masonry-container .feeds-container .feeds-refresh-btn[data-v-763b23df] {
position: fixed;
z-index: 1;
bottom: 24px;
left: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 8px 18px;
border-width: 2px;
border-radius: 16px;
animation: refresh-btn-in-763b23df 0.4s ease;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
font-size: 14px;
font-weight: var(--font-weight-bold);
gap: 6px;
transform: translateX(-50%);
}
.index-wrapper .masonry-container .feeds-container .feeds-refresh-btn .icon[data-v-763b23df] {
font-size: 18px;
}
.index-wrapper .masonry-container .post-elem[data-v-763b23df] {
animation: feeds-in-763b23df 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.2);
}
.index-wrapper .masonry-container .post-elem[data-v-763b23df]:not(:hover):not(:active):not(:focus) {
box-shadow: none;
}
.index-wrapper .masonry-container .empty-container .no-feed-content[data-v-763b23df] {
color: var(--minimal-fore);
font-size: small;
text-align: center;
}.float-message {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
position: absolute;
z-index: 99999;
overflow: hidden;
box-sizing: border-box;
padding: 4px 6px;
border: 1px solid var(--border-color);
border-radius: 6px;
background-color: var(--default-background);
font-size: 14px;
}
html.dark-theme .float-message {
box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
}
.float-message.float-message-enter-active {
animation: kf-fade-in var(--fast-duration);
}
.float-message.float-message-leave-active {
animation: kf-fade-out var(--fast-duration);
}.pager-wrapper .pager-button-container .pager-button.icon[data-v-2946e41a] {
font-family: "Material Symbols", monospace !important;
}
.pager-wrapper .pager-button-container .pager-button.icon[data-v-2946e41a] {
font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 40;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pager-wrapper[data-v-2946e41a] {
display: flex;
width: -moz-fit-content;
width: fit-content;
box-sizing: border-box;
align-items: center;
padding: 4px;
font-size: 16px;
gap: 6px;
}
.pager-wrapper .pager-button-container[data-v-2946e41a] {
display: flex;
align-items: center;
}
.pager-wrapper .pager-button-container .pager-button[data-v-2946e41a] {
padding: 4px 10px;
color: var(--default-fore);
font-family: var(--code-zh);
}
.pager-wrapper .pager-button-container .pager-button[data-v-2946e41a]:not(:hover):not(:active):not(:focus) {
background-color: transparent;
}
.pager-wrapper .pager-button-container .pager-button.fill[data-v-2946e41a]:not(:hover):not(:active):not(:focus) {
background-color: var(--default-background);
}
.pager-wrapper .pager-button-container .pager-button.curr-pager-button[data-v-2946e41a] {
border-radius: 0;
box-shadow: 0 3px 0 var(--tieba-theme-color);
color: var(--tieba-theme-color);
}
.pager-wrapper .pager-separactor[data-v-2946e41a] {
color: var(--minimal-fore);
font-family: var(--code-monospace);
}
.pager-wrapper .jumper-container[data-v-2946e41a] {
display: flex;
align-items: center;
color: var(--light-fore);
gap: 6px;
}
.pager-wrapper .jumper-container .jumper[data-v-2946e41a] {
width: 36px;
width: 3em;
padding: 2px 4px;
color: var(--default-fore);
font-family: var(--code-monospace);
}
.pager-wrapper .tail-slot[data-v-2946e41a] {
margin-left: auto;
color: var(--minimal-fore);
}#thread-editor[data-v-b7d4fc0f] {
display: flex;
width: 100%;
max-width: var(--content-max);
max-height: 100vh;
box-sizing: border-box;
flex-direction: column;
align-items: center;
margin: auto auto 0;
background-color: var(--default-background);
font-size: 12px;
gap: 8px;
transition: 0.4s;
}
#thread-editor #thread-editor-exit[data-v-b7d4fc0f] {
margin-left: auto;
font-size: 18px;
}
#thread-editor #thread-editor-exit[data-v-b7d4fc0f]:not(:hover):not(:active):not(:focus) {
box-shadow: none;
}
#thread-editor .title-editor[data-v-b7d4fc0f] {
width: 100%;
flex-grow: 1;
border-width: 3px;
background-color: transparent;
font-size: 24px;
font-weight: var(--font-weight-bold);
}
#thread-editor h1[data-v-b7d4fc0f] {
margin-right: auto;
}
#thread-editor #thread-editor-slot[data-v-b7d4fc0f] {
width: 100%;
flex-shrink: 2;
}
#thread-editor #thread-editor-toolbar[data-v-b7d4fc0f] {
display: flex;
width: 100%;
align-items: center;
}
#thread-editor #thread-editor-toolbar #thread-editor-submit[data-v-b7d4fc0f] {
padding: 4px 12px;
margin-left: auto;
font-size: 16px;
font-weight: var(--font-weight-bold);
}#thread-editor .edui-container .edui-toolbar .edui-btn-toolbar .edui-btn .edui-icon::before {
font-family: "Material Symbols", monospace !important;
}
#thread-editor .edui-container .edui-toolbar .edui-btn-toolbar .edui-btn .edui-icon::before {
font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 40;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
body {
overflow-x: hidden;
overflow-y: scroll;
overflow: hidden scroll;
}
#thread-editor #ueditor_replace {
font-size: 16px;
}
#thread-editor .edui-container {
width: 100% !important;
}
#thread-editor .edui-container .edui-toolbar {
height: auto;
align-items: center;
background-color: transparent;
}
#thread-editor .edui-container .edui-toolbar .edui-btn-toolbar {
display: flex;
background-color: transparent;
gap: 8px;
}
#thread-editor .edui-container .edui-toolbar .edui-btn-toolbar .edui-btn {
padding: 1px;
border-radius: 4px;
margin-right: 0;
background: none;
background-color: var(--light-background);
box-shadow: 0 0 0 1px var(--border-color);
cursor: pointer;
transition: 0.4s;
}
#thread-editor .edui-container .edui-toolbar .edui-btn-toolbar .edui-btn .edui-icon {
display: flex;
width: -moz-max-content;
width: max-content;
align-items: center;
padding: 2px 4px;
background: none;
gap: 4px;
}
#thread-editor .edui-container .edui-toolbar .edui-btn-toolbar .edui-btn .edui-icon::before {
font-size: 16px;
}
#thread-editor .edui-container .edui-toolbar .edui-dialog-container .edui-dropdown-menu {
overflow: hidden;
width: -moz-max-content;
width: max-content;
padding: 0;
border: 2px solid var(--border-color);
border-radius: 6px;
background: none;
}
#thread-editor .edui-container .edui-toolbar .edui-dialog-container .edui-dropdown-menu .edui-popup-body {
padding: 0;
border: none;
background-color: var(--default-background);
}
#thread-editor .edui-container .edui-toolbar .edui-dialog-container .edui-dropdown-menu .edui-popup-caret {
display: none;
}
#thread-editor .edui-container .edui-editor-body {
border: none;
border-radius: 0;
border-bottom: 3px solid var(--tieba-theme-color);
transition: 0.4s;
}
#thread-editor .edui-container .edui-editor-body:hover {
border-color: var(--light-background);
}
#thread-editor .edui-container .edui-editor-body:focus {
border-color: var(--tieba-theme-color);
}
#thread-editor .edui-container .edui-body-container {
min-height: 18px !important;
}
#thread-editor .edui-container .edui-body-container {
max-height: 50vh;
padding: 0;
border-radius: 0;
background-color: transparent;
}
.edui-btn-topic {
display: none !important;
}
#thread-editor .edui-btn-toolbar .edui-icon.edui-icon-medal::before {
content: "diamond";
}
#thread-editor .edui-btn-toolbar .edui-icon.edui-icon-medal::after {
content: "\u7279\u6743";
}
#thread-editor .edui-btn-toolbar .edui-icon.edui-icon-image::before {
content: "photo";
}
#thread-editor .edui-btn-toolbar .edui-icon.edui-icon-image::after {
content: "\u63D2\u5165\u56FE\u7247";
}
#thread-editor .edui-btn-toolbar .edui-icon.edui-icon-video::before {
content: "video_file";
}
#thread-editor .edui-btn-toolbar .edui-icon.edui-icon-video::after {
content: "\u63D2\u5165\u89C6\u9891";
}
#thread-editor .edui-btn-toolbar .edui-icon.edui-icon-emotion::before {
content: "face";
}
#thread-editor .edui-btn-toolbar .edui-icon.edui-icon-emotion::after {
content: "\u63D2\u5165\u8868\u60C5";
}
#thread-editor .edui-btn-toolbar .edui-icon.edui-icon-scrawl::before {
content: "format_paint";
}
#thread-editor .edui-btn-toolbar .edui-icon.edui-icon-scrawl::after {
content: "\u6D82\u9E26";
}
#thread-editor .edui-btn-toolbar .edui-icon.edui-icon-topic::before {
content: "grid_3x3";
}
#thread-editor .edui-btn-toolbar .edui-icon.edui-icon-topic::after {
content: "\u8BDD\u9898";
}
#thread-editor .edui-btn-toolbar .edui-icon.edui-icon-quick-reply::before {
content: "rocket_launch";
}
#thread-editor .edui-btn-toolbar .edui-icon.edui-icon-quick-reply::after {
content: "\u5FEB\u901F\u56DE\u5E16";
}
.edui-popup-body .layer_medal_list li a::before,
.edui-popup-body .layer_btn_list li a::before {
font-family: "Material Symbols", monospace !important;
}
.edui-popup-body .layer_medal_list li a::before,
.edui-popup-body .layer_btn_list li a::before {
font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 40;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.edui-dialog-container .upload_container .next_step, .edui-popup-body .layer_medal_list li a,
.edui-popup-body .layer_btn_list li a {
box-sizing: border-box;
padding: 4px 12px;
border: none;
border-radius: 6px;
background: none;
background-color: var(--default-background);
box-shadow: 0 0 0 1px var(--border-color);
color: var(--default-fore);
cursor: pointer;
transition: var(--default-duration);
}
.edui-dialog-container .upload_container .next_step:hover:not([disabled]), .edui-popup-body .layer_medal_list li a:hover:not([disabled]),
.edui-popup-body .layer_btn_list li a:hover:not([disabled]) {
background-color: var(--default-hover);
}
.edui-dialog-container .upload_container .next_step:active:not([disabled]), .edui-popup-body .layer_medal_list li a:active:not([disabled]),
.edui-popup-body .layer_btn_list li a:active:not([disabled]) {
background-color: var(--default-active);
}
.edui-dialog-container .upload_container .next_step:focus:not([disabled]), .edui-popup-body .layer_medal_list li a:focus:not([disabled]),
.edui-popup-body .layer_btn_list li a:focus:not([disabled]) {
border-color: var(--tieba-theme-color);
box-shadow: 0 0 0 2px var(--tieba-theme-color);
}
.edui-dialog-container .upload_container .theme-style.next_step, .edui-popup-body .layer_medal_list li a.theme-style,
.edui-popup-body .layer_btn_list li a.theme-style {
color: var(--default-background) !important;
}
.edui-dialog-container .upload_container .theme-style.next_step, .edui-popup-body .layer_medal_list li a.theme-style,
.edui-popup-body .layer_btn_list li a.theme-style {
background-color: var(--tieba-theme-color);
}
.edui-dialog-container .upload_container .theme-style.next_step:hover, .edui-popup-body .layer_medal_list li a.theme-style:hover,
.edui-popup-body .layer_btn_list li a.theme-style:hover {
background-color: var(--tieba-theme-hover);
}
.edui-dialog-container .upload_container .theme-style.next_step:active, .edui-popup-body .layer_medal_list li a.theme-style:active,
.edui-popup-body .layer_btn_list li a.theme-style:active {
background-color: var(--tieba-theme-active);
}
.edui-dialog-container .upload_container .unset-background.next_step, .edui-popup-body .layer_medal_list li a.unset-background,
.edui-popup-body .layer_btn_list li a.unset-background {
background-color: transparent;
background-color: initial;
}
.edui-dialog-container .upload_container .no-border.next_step, .edui-popup-body .layer_medal_list li a.no-border,
.edui-popup-body .layer_btn_list li a.no-border {
box-shadow: none;
}
.edui-dialog-container .upload_container .no-border-all.next_step, .edui-popup-body .layer_medal_list li a.no-border-all,
.edui-popup-body .layer_btn_list li a.no-border-all {
box-shadow: none;
}
.edui-dialog-container .upload_container .no-border-all.next_step:hover, .edui-popup-body .layer_medal_list li a.no-border-all:hover,
.edui-popup-body .layer_btn_list li a.no-border-all:hover, .edui-dialog-container .upload_container .no-border-all.next_step:focus, .edui-popup-body .layer_medal_list li a.no-border-all:focus,
.edui-popup-body .layer_btn_list li a.no-border-all:focus {
box-shadow: none;
}
.edui-dialog-container .edui-popup {
position: static !important;
}
.edui-dialog-container .upload_container {
padding: 0 20px 20px 0;
}
.edui-dialog-container .upload_container .slide_item_img {
border-color: var(--tieba-theme-color) !important;
}
.edui-dialog-container .upload_container .slide_item_img {
overflow: hidden;
}
.edui-dialog-container .upload_container .watermark_options {
position: static;
margin-left: 20px;
}
.edui-dialog-container .upload_container .next_step {
position: static;
width: -moz-max-content;
width: max-content;
height: -moz-max-content;
height: max-content;
padding: 4px 8px;
margin-left: auto;
line-height: normal;
}
.edui-popup-body {
position: static;
}
.edui-popup-body .layer_medal_list,
.edui-popup-body .layer_btn_list {
width: -moz-max-content;
width: max-content;
height: -moz-max-content;
height: max-content;
}
.edui-popup-body .layer_medal_list li,
.edui-popup-body .layer_btn_list li {
display: flex;
overflow: hidden;
align-items: center;
padding: 0;
background: none;
}
.edui-popup-body .layer_medal_list li a,
.edui-popup-body .layer_btn_list li a {
display: flex;
width: -moz-max-content;
width: max-content;
height: -moz-max-content;
height: max-content;
align-items: center;
padding: 4px 8px;
border-radius: 0;
box-shadow: none;
gap: 4px;
}
.edui-popup-body .layer_medal_list li a::before,
.edui-popup-body .layer_btn_list li a::before {
font-size: 16px;
}
.layer_medal_list li.post_bubble a::before {
content: "bubble_chart";
}
.layer_medal_list li.post_bubble a::after {
content: "\u53D1\u5E16\u6C14\u6CE1";
}
.layer_medal_list li.colorful_font a::before {
content: "format_color_text";
}
.layer_medal_list li.colorful_font a::after {
content: "\u5F69\u8272\u5B57\u4F53";
}
.layer_btn_list {
padding: 0 !important;
}
.layer_btn_list li {
border: none !important;
}
.layer_btn_list li.from_upload a::before {
content: "upload_file";
}
.layer_btn_list li.from_upload a::after {
content: "\u4E0A\u4F20\u6587\u4EF6";
}
.layer_btn_list li.from_web a::before {
content: "web";
}
.layer_btn_list li.from_web a::after {
content: "\u7F51\u7EDC\u56FE\u7247";
}#thread-editor .emotion_container .ueditor_emotion_tab .s_prev::before,
#thread-editor .emotion_container .ueditor_emotion_tab .s_next::before {
font-family: "Material Symbols", monospace !important;
}
#thread-editor .emotion_container .ueditor_emotion_tab .s_prev::before,
#thread-editor .emotion_container .ueditor_emotion_tab .s_next::before {
font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 40;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
#thread-editor .emotion_container .ueditor_emotion_tab .s_prev,
#thread-editor .emotion_container .ueditor_emotion_tab .s_next {
box-sizing: border-box;
padding: 4px 12px;
border: none;
border-radius: 6px;
background: none;
background-color: var(--default-background);
box-shadow: 0 0 0 1px var(--border-color);
color: var(--default-fore);
cursor: pointer;
transition: var(--default-duration);
}
#thread-editor .emotion_container .ueditor_emotion_tab .s_prev:hover:not([disabled]),
#thread-editor .emotion_container .ueditor_emotion_tab .s_next:hover:not([disabled]) {
background-color: var(--default-hover);
}
#thread-editor .emotion_container .ueditor_emotion_tab .s_prev:active:not([disabled]),
#thread-editor .emotion_container .ueditor_emotion_tab .s_next:active:not([disabled]) {
background-color: var(--default-active);
}
#thread-editor .emotion_container .ueditor_emotion_tab .s_prev:focus:not([disabled]),
#thread-editor .emotion_container .ueditor_emotion_tab .s_next:focus:not([disabled]) {
border-color: var(--tieba-theme-color);
box-shadow: 0 0 0 2px var(--tieba-theme-color);
}
#thread-editor .emotion_container .ueditor_emotion_tab .theme-style.s_prev,
#thread-editor .emotion_container .ueditor_emotion_tab .theme-style.s_next {
color: var(--default-background) !important;
}
#thread-editor .emotion_container .ueditor_emotion_tab .theme-style.s_prev,
#thread-editor .emotion_container .ueditor_emotion_tab .theme-style.s_next {
background-color: var(--tieba-theme-color);
}
#thread-editor .emotion_container .ueditor_emotion_tab .theme-style.s_prev:hover,
#thread-editor .emotion_container .ueditor_emotion_tab .theme-style.s_next:hover {
background-color: var(--tieba-theme-hover);
}
#thread-editor .emotion_container .ueditor_emotion_tab .theme-style.s_prev:active,
#thread-editor .emotion_container .ueditor_emotion_tab .theme-style.s_next:active {
background-color: var(--tieba-theme-active);
}
#thread-editor .emotion_container .ueditor_emotion_tab .unset-background.s_prev,
#thread-editor .emotion_container .ueditor_emotion_tab .unset-background.s_next {
background-color: transparent;
background-color: initial;
}
#thread-editor .emotion_container .ueditor_emotion_tab .no-border.s_prev,
#thread-editor .emotion_container .ueditor_emotion_tab .no-border.s_next {
box-shadow: none;
}
#thread-editor .emotion_container .ueditor_emotion_tab .no-border-all.s_prev,
#thread-editor .emotion_container .ueditor_emotion_tab .no-border-all.s_next {
box-shadow: none;
}
#thread-editor .emotion_container .ueditor_emotion_tab .no-border-all.s_prev:hover,
#thread-editor .emotion_container .ueditor_emotion_tab .no-border-all.s_next:hover, #thread-editor .emotion_container .ueditor_emotion_tab .no-border-all.s_prev:focus,
#thread-editor .emotion_container .ueditor_emotion_tab .no-border-all.s_next:focus {
box-shadow: none;
}
#thread-editor .emotion_container .tbui_scroll_panel {
overflow: hidden;
border-radius: 4px 4px 0 0;
}
html.dark-theme #thread-editor .emotion_container td, html.dark-theme #thread-editor .emotion_container .emotion_preview {
filter: brightness(0.8);
}
#thread-editor .emotion_container .emotion_preview {
border: 1px solid var(--border-color);
border-radius: 6px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
html.dark-theme #thread-editor .emotion_container .emotion_preview {
box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
}
#thread-editor .emotion_container .ueditor_emotion_tab {
display: flex;
align-items: center;
justify-content: space-evenly;
border-top: 2px solid var(--border-color);
background: none;
background-color: var(--default-background);
color: var(--default-fore);
}
#thread-editor .emotion_container .ueditor_emotion_tab .s_prev,
#thread-editor .emotion_container .ueditor_emotion_tab .s_next {
width: -moz-max-content !important;
width: max-content !important;
height: -moz-max-content !important;
height: max-content !important;
}
#thread-editor .emotion_container .ueditor_emotion_tab .s_prev,
#thread-editor .emotion_container .ueditor_emotion_tab .s_next {
position: static;
padding: 0 2px;
background: none;
box-shadow: none;
}
#thread-editor .emotion_container .ueditor_emotion_tab .s_prev::before,
#thread-editor .emotion_container .ueditor_emotion_tab .s_next::before {
font-size: 10px;
}
#thread-editor .emotion_container .ueditor_emotion_tab .s_prev::before {
content: "arrow_back_ios";
}
#thread-editor .emotion_container .ueditor_emotion_tab .s_next::before {
content: "arrow_forward_ios";
}
#thread-editor .emotion_container .ueditor_emotion_tab .s_tab_con_wrapper {
position: static;
}
#thread-editor .emotion_container .ueditor_emotion_tab .s_tab_con_wrapper .s_tab_btn {
border-radius: 4px;
background: none;
background-color: var(--default-background);
}
#thread-editor .emotion_container .ueditor_emotion_tab .s_tab_con_wrapper .s_tab_btn .s_tab_btnbg {
border-radius: 4px;
background: none;
transition: var(--default-duration);
}
#thread-editor .emotion_container .ueditor_emotion_tab .s_tab_con_wrapper .s_hover {
filter: brightness(1.2);
}
#thread-editor .emotion_container .ueditor_emotion_tab .s_tab_con_wrapper .s_hover .s_tab_btnbg {
filter: brightness(1.4);
}
#thread-editor .emotion_container .ueditor_emotion_tab .s_tab_con_wrapper .selected {
background: none;
}
#thread-editor .emotion_container .ueditor_emotion_tab .s_tab_con_wrapper .selected .s_tab_btnbg {
background-color: var(--tieba-theme-color);
color: var(--default-background);
font-weight: var(--font-weight-bold);
}.toggle-panel .toggle-container .panel-button.toggle-off[data-v-02e7f412] {
font-family: "Material Symbols", monospace !important;
}
.toggle-panel .toggle-container .panel-button.toggle-off[data-v-02e7f412] {
font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 40;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.toggle-panel .toggle-container .panel-button.toggle-on[data-v-02e7f412] {
font-family: "Material Symbols", monospace !important;
}
.toggle-panel .toggle-container .panel-button.toggle-on[data-v-02e7f412] {
font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 40;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.toggle-panel[data-v-02e7f412] {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
}
.toggle-panel .toggle-container[data-v-02e7f412] {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.toggle-panel .toggle-container .panel-button[data-v-02e7f412] {
width: 58px;
height: 58px;
border-radius: 12px;
font-size: 24px;
}
.toggle-panel .toggle-container .panel-button.toggle-off[data-v-02e7f412] {
color: var(--minimal-fore);
}
.toggle-panel .toggle-container .panel-button.toggle-on[data-v-02e7f412]:focus {
box-shadow: 0 0 0 1px var(--tieba-theme-color);
}
.toggle-panel .toggle-container .toggle-name[data-v-02e7f412] {
color: var(--light-fore);
font-size: 12px;
}@keyframes stretch-f5c2af9e {
0% {
padding: 2px 14px;
}
100% {
padding: 4px 14px;
}
}
a[data-v-f5c2af9e] {
color: inherit;
}
.dropdown-menu[data-v-f5c2af9e] {
position: fixed;
z-index: 1;
display: flex;
overflow: hidden;
width: -moz-max-content;
width: max-content;
min-width: 120px;
flex-direction: column;
padding: 4px;
border: 1px solid var(--border-color);
border-radius: 8px;
background-color: var(--default-background);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
animation: kf-fade-in var(--fast-duration);
font-size: 14px;
}
.dropdown-menu .menu-item[data-v-f5c2af9e] {
display: flex;
width: 100%;
align-items: center;
padding: 4px 14px;
border: none;
border-radius: 6px;
animation: stretch-f5c2af9e var(--fast-duration) cubic-bezier(0.22, 0.61, 0.36, 1);
background: none;
color: var(--default-fore);
font-size: 14px;
gap: 6px;
transition: 0.2s;
}
.dropdown-menu .menu-item .menu-title[data-v-f5c2af9e] {
display: flex;
width: 100%;
gap: 12px;
text-align: justify;
}
.dropdown-menu .menu-item .menu-title .menu-inner[data-v-f5c2af9e] {
margin-left: auto;
color: var(--minimal-fore);
}
.dropdown-menu .menu-item[data-v-f5c2af9e]:hover {
background-color: var(--default-hover);
}
.dropdown-menu .menu-item[data-v-f5c2af9e]:active {
background-color: var(--default-active);
}
.dropdown-menu .menu-separator[data-v-f5c2af9e] {
width: calc(100% + 8px);
height: 1px;
margin: 6px 0 6px -4px;
background-color: var(--border-color);
}
.blur-effect[data-v-f5c2af9e] {
background-color: var(--trans-default-background);
}
html:not([perf-saver]) .blur-effect[data-v-f5c2af9e] {
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
}
html.dark-theme .blur-effect[data-v-f5c2af9e] {
-webkit-backdrop-filter: blur(24px) brightness(0.8);
backdrop-filter: blur(24px) brightness(0.8);
}#nav-bar[data-v-b4e7e126] {
position: fixed;
z-index: 1200;
top: 0;
left: 0;
display: flex;
width: 100%;
height: 48px;
align-items: center;
justify-content: center;
border-bottom: 1px solid var(--border-color);
background-color: var(--trans-page-background);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transition: all var(--default-duration), width 0s;
}
html.dark-theme #nav-bar[data-v-b4e7e126] {
box-shadow: 0 0 16px rgba(0, 0, 0, 0.6);
}
#nav-bar.fold[data-v-b4e7e126] {
transform: translateY(-32px);
}
#nav-bar.fold[data-v-b4e7e126]::after {
position: absolute;
top: 48px;
width: 100%;
height: 32px;
content: "";
}
#nav-bar.fold[data-v-b4e7e126]:hover {
transform: translateY(0);
}
#nav-bar.fold:hover #nav-container[data-v-b4e7e126] {
display: flex;
}
#nav-bar.fold:hover #fold-bar[data-v-b4e7e126] {
display: none;
}
#nav-bar.fold #fold-bar[data-v-b4e7e126] {
position: absolute;
bottom: 6.5px;
width: 60px;
height: 3px;
border-radius: 3px;
margin: 0 auto;
background-color: var(--border-color);
}
#nav-bar.fold #nav-container[data-v-b4e7e126] {
display: none;
}
#nav-bar.hide[data-v-b4e7e126] {
box-shadow: none !important;
}
#nav-bar.hide[data-v-b4e7e126] {
transform: translateY(-100%);
}
#nav-bar.fixed-on-top[data-v-b4e7e126] {
position: absolute;
}
[no-scrollbar] #nav-bar[data-v-b4e7e126] {
width: calc(100% - var(--scrollbar-width));
}
#nav-bar #nav-container[data-v-b4e7e126] {
display: flex;
width: 100%;
max-width: var(--content-max);
height: 100%;
justify-content: space-between;
}
.shrink-view #nav-bar #nav-container[data-v-b4e7e126] {
justify-content: space-around;
}
#nav-bar #nav-container .left-container .nav-title-container[data-v-b4e7e126] {
display: flex;
height: 100%;
align-items: center;
padding: 0;
border: none;
background: none;
gap: 8px;
-webkit-text-decoration: underline 3px var(--tieba-theme-color);
text-decoration: underline 3px var(--tieba-theme-color);
}
#nav-bar #nav-container .left-container .nav-title-container .nav-icon[data-v-b4e7e126] {
width: 36px;
}
#nav-bar #nav-container .left-container .nav-title-container .nav-title[data-v-b4e7e126] {
color: var(--default-fore);
font-size: 20px;
font-style: italic;
font-weight: var(--font-weight-bold);
transition: 0.2s;
}
#nav-bar #nav-container .left-container .nav-title-container:hover .nav-title[data-v-b4e7e126], #nav-bar #nav-container .left-container .nav-title-container:active .nav-title[data-v-b4e7e126], #nav-bar #nav-container .left-container .nav-title-container:focus .nav-title[data-v-b4e7e126] {
color: var(--highlight-fore);
}
#nav-bar #nav-container .middle-container[data-v-b4e7e126] {
display: flex;
height: 100%;
justify-content: center;
}
#nav-bar #nav-container .middle-container .middle-menu-trigger[data-v-b4e7e126] {
height: 100%;
padding: 0 10px;
border: none;
color: var(--default-fore);
font-size: 15px;
font-weight: var(--font-weight-bold);
text-decoration: underline;
-webkit-text-decoration: underline solid rgba(0, 0, 0, 0);
text-decoration: underline solid rgba(0, 0, 0, 0);
text-decoration-thickness: 2px;
-webkit-text-decoration: underline 2px rgba(0, 0, 0, 0);
text-decoration: underline 2px rgba(0, 0, 0, 0);
}
#nav-bar #nav-container .middle-container .middle-menu-trigger[data-v-b4e7e126]:hover {
-webkit-text-decoration: underline 2px var(--tieba-theme-color);
text-decoration: underline 2px var(--tieba-theme-color);
}
#nav-bar #nav-container .right-container[data-v-b4e7e126] {
display: flex;
gap: 6px;
}
#nav-bar #nav-container .right-container .avatar-button[data-v-b4e7e126] {
display: flex;
height: 100%;
align-items: center;
padding: 0;
padding: 0 2px;
border: 4px;
}
#nav-bar #nav-container .right-container .avatar-button .nav-avatar[data-v-b4e7e126] {
width: 32px;
height: 32px;
border-radius: 24px;
box-shadow: 0 0 0 1px var(--border-color);
transition: 0.4s;
}
#nav-bar #nav-container .right-container .avatar-button:hover > .nav-avatar[data-v-b4e7e126] {
box-shadow: 0 0 0 2px var(--tieba-theme-color);
}
#nav-bar #nav-container .right-container .menu-button[data-v-b4e7e126] {
padding: 2px 8px;
border: none;
color: var(--highlight-fore);
font-size: 26px;
}
#nav-bar #nav-container .right-container .menu-button[data-v-b4e7e126]:hover {
color: var(--tieba-theme-color);
}
.menu-trigger[data-v-b4e7e126] {
border-radius: 0;
background-color: transparent;
}
.menu-trigger[data-v-b4e7e126]:hover {
background-color: var(--default-hover);
}
.menu-trigger:hover > .nav-menu[data-v-b4e7e126], .menu-trigger:active > .nav-menu[data-v-b4e7e126] {
display: block;
}
.nav-menu[data-v-b4e7e126] {
position: absolute;
z-index: 1201;
display: none;
cursor: default;
font-weight: var(--font-weight-normal);
}
.nav-menu[data-v-b4e7e126]:hover {
display: block;
}:root {\r
--myself-theme-background: rgba(25, 110, 153, 0.2);\r
--myself-theme-fore: rgb(16, 73, 101);\r
--cengzhu-theme-background: rgba(255, 89, 107, 0.2);\r
--cengzhu-theme-fore: rgb(178, 62, 90);\r
}\r
\r
@media (prefers-color-scheme: dark) {\r
:root {\r
--myself-theme-background: rgba(34, 135, 204, 0.2);\r
--myself-theme-fore: rgb(40, 160, 242);\r
--cengzhu-theme-background: rgba(204, 71, 103, 0.2);\r
--cengzhu-theme-fore: rgb(255, 89, 118);\r
}\r
}\r
\r
.tag-elem {\r
display: inline-block;\r
}\r
\r
.tag-elem::after {\r
padding: 2px 6px;\r
border-radius: 4px;\r
margin: 0 4px;\r
background-color: var(--trans-light-background);\r
color: var(--light-fore);\r
font-size: 12px;\r
font-weight: var(--font-weight-normal);\r
}\r
\r
.tieba-tags-me::after {\r
/* background-color: var(--myself-theme-background);\r
color: var(--myself-theme-fore); */\r
content: "\u6211";\r
}\r
\r
.tieba-tags-lz::after {\r
/* background-color: var(--tieba-theme-background);\r
color: var(--tieba-theme-fore); */\r
content: "\u697C\u4E3B";\r
}\r
\r
.tieba-tags-cz::after {\r
/* background-color: var(--cengzhu-theme-background);\r
color: var(--cengzhu-theme-fore); */\r
content: "\u5C42\u4E3B";\r
} `);
(function () {
'use strict';
var __defProp = Object.defineProperty;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
(function(_2, vue, marked2) {
var _GM_addStyle = /* @__PURE__ */ (() => typeof GM_addStyle != "undefined" ? GM_addStyle : undefined)();
var _GM_deleteValue = /* @__PURE__ */ (() => typeof GM_deleteValue != "undefined" ? GM_deleteValue : undefined)();
var _GM_getValue = /* @__PURE__ */ (() => typeof GM_getValue != "undefined" ? GM_getValue : undefined)();
var _GM_info = /* @__PURE__ */ (() => typeof GM_info != "undefined" ? GM_info : undefined)();
var _GM_listValues = /* @__PURE__ */ (() => typeof GM_listValues != "undefined" ? GM_listValues : undefined)();
var _GM_openInTab = /* @__PURE__ */ (() => typeof GM_openInTab != "undefined" ? GM_openInTab : undefined)();
var _GM_registerMenuCommand = /* @__PURE__ */ (() => typeof GM_registerMenuCommand != "undefined" ? GM_registerMenuCommand : undefined)();
var _GM_setValue = /* @__PURE__ */ (() => typeof GM_setValue != "undefined" ? GM_setValue : undefined)();
const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
__name: "user-button",
props: {
isAnchor: { type: Boolean },
shadowBorder: { type: Boolean },
unsetBackground: { type: Boolean },
themeStyle: { type: Boolean },
noBorder: { type: [Boolean, String] }
},
emits: ["click"],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.isAnchor ? "a" : "button"), {
class: vue.normalizeClass(["user-button", {
"shadow-border": props.shadowBorder,
"unset-background": props.unsetBackground,
"theme-style": props.themeStyle,
"no-border": props.noBorder,
"no-border-all": props.noBorder === "all"
}]),
onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
}, {
default: vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 8, ["class"]);
};
}
});
const _hoisted_1$l = { class: "toast-controls" };
const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
__name: "toast",
props: {
message: {},
duration: { default: 6e3 },
icon: {},
type: {},
blurEffect: { type: Boolean }
},
setup(__props) {
const props = __props;
const toastContainer = vue.ref();
function chooseIcon() {
if (props.icon) {
return props.icon;
} else {
if (props.type) {
switch (props.type) {
case "basic":
return undefined;
case "check":
return "check";
case "warning":
return "warning";
case "error":
return "error";
default:
return undefined;
}
}
}
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", {
ref_key: "toastContainer",
ref: toastContainer,
class: vue.normalizeClass(["toast-container", { "blur-effect": props.blurEffect }])
}, [
chooseIcon() ? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
class: vue.normalizeClass(["toast-icon icon", props.type])
}, vue.toDisplayString(chooseIcon()), 3)) : vue.createCommentVNode("", true),
vue.createElementVNode("div", {
class: vue.normalizeClass(["toast-content", props.type])
}, vue.toDisplayString(props.message), 3),
_cache[1] || (_cache[1] = vue.createElementVNode("span", null, "|", -1)),
vue.createElementVNode("div", _hoisted_1$l, [
vue.createVNode(_sfc_main$q, {
class: "close-button icon",
"shadow-border": true,
onClick: vue.unref(passToNextToast)
}, {
default: vue.withCtx(() => _cache[0] || (_cache[0] = [
vue.createTextVNode("close")
])),
_: 1
}, 8, ["onClick"])
])
], 2);
};
}
});
const _export_sfc = (sfc, props) => {
const target = sfc.__vccOpts || sfc;
for (const [key, val] of props) {
target[key] = val;
}
return target;
};
const toastVue = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-f69d853b"]]);
function parseMultiCSS(cssObject) {
return _2.flatMapDeep(cssObject, (value, key) => {
return [
`${key} {`,
..._2.flatMapDeep(value, (v, k) => `${_2.startsWith(k, "--") ? k : _2.kebabCase(k)}: ${v};`),
"}",
""
];
}).join("\n");
}
function parseCSSRule(cssRule) {
let css = "";
_2.forOwn(cssRule, (value, key) => {
css += `${_2.kebabCase(key)}:${value};`;
});
return css;
}
function injectCSSRule(selector, cssRule) {
return _GM_addStyle(`${selector}{${parseCSSRule(cssRule)}}`);
}
function insertCSS(style) {
return _GM_addStyle(style);
}
function overwriteCSS(...style) {
const styles = [];
_2.forEach(style, (styleElement) => {
styles.push(insertCSS(styleElement));
});
waitUntil(() => !_2.isNil(document.body)).then(() => {
_2.forEach(styles, (styleElement) => {
document.head.appendChild(styleElement);
});
});
return styles;
}
const baseStyle = "html {\n  padding: 0;\n  margin: 0;\n  text-align: justify;\n}\n\nbody {\n  overflow-x: hidden;\n  overflow-y: scroll;\n  overflow: hidden scroll;\n  padding: 0;\n  margin: 0;\n  font-family: var(--code-zh);\n  font-weight: var(--font-weight-normal);\n}\nbody[no-scrollbar] {\n  overflow: hidden;\n}\n\ndiv,\np {\n  margin: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-weight: var(--font-weight-bold);\n}\n\nselect {\n  padding: 1px 8px;\n  border: 1px solid var(--border-color);\n  border-radius: 8px;\n  cursor: pointer;\n}\n\noption {\n  cursor: pointer;\n}\n\noption:checked {\n  background-color: var(--tieba-theme-color);\n  color: var(--default-background);\n}\n\na {\n  color: inherit;\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  word-break: break-all;\n}\n\n.dialogJ {\n  position: fixed !important;\n  top: 50% !important;\n  left: 50% !important;\n}\n\n.dialogJ {\n  transform: translate(-50%, -50%);\n}";
const universalStyle = '.icon,\n.outline-icon {\n  font-family: "Material Symbols", monospace !important;\n}\n\n.icon,\n.outline-icon {\n  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 40;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.filled-icon {\n  font-family: "Material Symbols", monospace !important;\n}\n\n.filled-icon {\n  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 40;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.anchor, .anchor-underline {\n  color: var(--tieba-theme-fore);\n  cursor: pointer;\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  transition: var(--default-duration);\n}\n\n.anchor-underline {\n  text-decoration: underline;\n  -webkit-text-decoration: underline solid currentColor;\n          text-decoration: underline solid currentColor;\n  text-decoration-thickness: 1.2px;\n  -webkit-text-decoration: underline 1.2px;\n          text-decoration: underline 1.2px;\n}\n\n.anchor-noback {\n  cursor: pointer;\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  transition: var(--default-duration);\n}\n\n.anchor:hover, .anchor-underline:hover {\n  background-color: var(--default-hover);\n}\n\n.anchor-underline:hover {\n  text-decoration: underline;\n  -webkit-text-decoration: underline solid rgba(0, 0, 0, 0);\n          text-decoration: underline solid rgba(0, 0, 0, 0);\n  text-decoration-thickness: 1.2px;\n  -webkit-text-decoration: underline 1.2px rgba(0, 0, 0, 0);\n          text-decoration: underline 1.2px rgba(0, 0, 0, 0);\n}\n\n.anchor-noback:hover {\n  color: var(--tieba-theme-fore);\n}\n\n.anchor:active, .anchor-underline:active {\n  background-color: var(--default-active);\n}\n\n.anchor-noback:active {\n  color: var(--tieba-theme-active);\n}\n\n.markdown {\n  font-family: var(--code-zh);\n  font-size: 16px;\n}\n.markdown code {\n  padding: 2px 6px;\n  border-radius: 8px;\n  background-color: var(--light-border-color);\n  font-family: var(--code-monospace);\n  word-wrap: break-word;\n}\n.markdown a {\n  color: var(--tieba-theme-fore);\n}\n.markdown a:hover {\n  -webkit-text-decoration: underline;\n  text-decoration: underline;\n}\n.markdown h2 {\n  margin: 20px 0 8px;\n  font-size: 24px;\n}\n.markdown h3 {\n  margin: 16px 0 6px;\n  font-size: 18px;\n}\n.markdown ul {\n  padding: 0;\n  margin: 6px 0;\n}\n.markdown li {\n  margin: 6px 0 6px 22px;\n  list-style: disc;\n}\n.markdown li::marker {\n  color: var(--minimal-fore);\n}\n.markdown blockquote {\n  margin: 20px 16px;\n  color: var(--minimal-fore);\n}\n.markdown hr {\n  border: 2px solid var(--border-color);\n  margin: 10px 0;\n}\n\n.settings-toggle-button {\n  border: none !important;\n  background-color: transparent !important;\n  background-color: initial !important;\n}\n\n.settings-toggle-button {\n  border-radius: 36px;\n}\n\n.settings-toggle-button.toggle-off {\n  color: var(--minimal-fore);\n  font-variation-settings: "FILL" 0;\n}\n\n.settings-toggle-button.toggle-off::after {\n  content: "toggle_off";\n}\n\n.settings-toggle-button.toggle-on::after {\n  content: "toggle_on";\n}\n\n.settings-toggle-button.toggle-on {\n  color: var(--tieba-theme-color);\n  font-variation-settings: "FILL" 1;\n}\n\n.settings-toggle-button.toggle-off:hover {\n  color: var(--default-hover);\n}\n\n.settings-toggle-button.toggle-off:active {\n  color: var(--default-active);\n}\n\n.settings-toggle-button.toggle-on:hover {\n  color: var(tieba-theme-hover);\n}\n\n.settings-toggle-button.toggle-on:active {\n  color: var(--tieba-theme-active);\n}\n\n.level-green {\n  background-color: var(--level-green-background) !important;\n  color: var(--level-green-fore) !important;\n}\n\n.level-blue {\n  background-color: var(--level-blue-background) !important;\n  color: var(--level-blue-fore) !important;\n}\n\n.level-yellow {\n  background-color: var(--level-yellow-background) !important;\n  color: var(--level-yellow-fore) !important;\n}\n\n.level-orange {\n  background-color: var(--level-orange-background) !important;\n  color: var(--level-orange-fore) !important;\n}\n\n.remove-default {\n  line-height: normal !important;\n}\n\n.remove-default {\n  font-size: 16px;\n}\n.remove-default button,\n.remove-default input,\n.remove-default optgroup,\n.remove-default select,\n.remove-default textarea {\n  font-family: var(--code-zh);\n  font-size: 16px;\n}\n.remove-default .content {\n  min-height: 0;\n  min-height: initial;\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n}\n.remove-default code {\n  display: inline;\n  display: initial;\n  width: auto;\n  width: initial;\n  height: auto;\n  height: initial;\n}\n.remove-default .content,\n.remove-default .foot {\n  width: auto;\n  width: initial;\n}\n.remove-default button {\n  color: inherit;\n}\n.remove-default h4 {\n  font-family: var(--code-zh);\n}\n\nhtml:not([perf-saver]) body.custom-background .blur-if-custom-background {\n  -webkit-backdrop-filter: blur(24px);\n          backdrop-filter: blur(24px);\n}\nhtml.dark-theme body.custom-background .blur-if-custom-background {\n  -webkit-backdrop-filter: blur(24px) brightness(0.8);\n          backdrop-filter: blur(24px) brightness(0.8);\n}\n\nhtml:not([perf-saver]) .blur-effect {\n  -webkit-backdrop-filter: blur(24px);\n          backdrop-filter: blur(24px);\n}\nhtml.dark-theme .blur-effect {\n  -webkit-backdrop-filter: blur(24px) brightness(0.8);\n          backdrop-filter: blur(24px) brightness(0.8);\n}\n\nhtml:not([perf-saver]) .raster-effect {\n  -webkit-backdrop-filter: saturate(0.8) blur(4px);\n          backdrop-filter: saturate(0.8) blur(4px);\n  background-color: var(--trans-page-background);\n  background-image: radial-gradient(transparent 1px, var(--page-background) 1px);\n  background-size: 4px 4px;\n}';
const tiebaErrorStyle = '@charset "UTF-8";\n/* 搜索栏 */\n.search-form {\n  background-color: var(--default-background);\n}\n\n.search-form p {\n  display: none;\n}\n\n.page404 {\n  background-color: var(--default-background);\n}\n\n.main-title {\n  color: var(--default-fore);\n}\n\n.main-title a {\n  color: var(--tieba-theme-fore);\n}\n\n.app_download_box {\n  display: none;\n}\n\n#error_404_iframe {\n  display: none;\n}';
const tiebaForumStyle = '@charset "UTF-8";\n.search_internal_btn::after, .icon_author::after, .icon_replyer::after {\n  font-family: "Material Symbols", monospace !important;\n}\n.search_internal_btn::after, .icon_author::after, .icon_replyer::after {\n  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 40;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.search_bright .search_btn_enter_ba {\n  box-sizing: border-box;\n  padding: 4px 12px;\n  border: none;\n  border-radius: 6px;\n  background: none;\n  background-color: var(--default-background);\n  box-shadow: 0 0 0 1px var(--border-color);\n  color: var(--default-fore);\n  cursor: pointer;\n  transition: var(--default-duration);\n}\n.search_bright .search_btn_enter_ba:hover:not([disabled]) {\n  background-color: var(--default-hover);\n}\n.search_bright .search_btn_enter_ba:active:not([disabled]) {\n  background-color: var(--default-active);\n}\n.search_bright .search_btn_enter_ba:focus:not([disabled]) {\n  border-color: var(--tieba-theme-color);\n  box-shadow: 0 0 0 2px var(--tieba-theme-color);\n}\n.search_bright .theme-style.search_btn_enter_ba {\n  color: var(--default-background) !important;\n}\n.search_bright .theme-style.search_btn_enter_ba {\n  background-color: var(--tieba-theme-color);\n}\n.search_bright .theme-style.search_btn_enter_ba:hover {\n  background-color: var(--tieba-theme-hover);\n}\n.search_bright .theme-style.search_btn_enter_ba:active {\n  background-color: var(--tieba-theme-active);\n}\n.search_bright .unset-background.search_btn_enter_ba {\n  background-color: transparent;\n  background-color: initial;\n}\n.search_bright .no-border.search_btn_enter_ba {\n  box-shadow: none;\n}\n.search_bright .no-border-all.search_btn_enter_ba {\n  box-shadow: none;\n}\n.search_bright .no-border-all.search_btn_enter_ba:hover, .search_bright .no-border-all.search_btn_enter_ba:focus {\n  box-shadow: none;\n}\n\n#head {\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;\n  background: initial !important;\n  background-color: var(--page-background) !important;\n}\n#head .head_inner {\n  background-color: var(--page-background);\n}\n\n.threadlist_title a,\n.threadlist_title a:hover,\n.threadlist_title a:visited {\n  color: var(--tieba-theme-fore) !important;\n}\n\n.u_menu_item a {\n  color: inherit !important;\n}\n\n.u_menu_item a {\n  /* 顶部菜单 */\n}\n\n.card_banner,\n.plat_recom_carousel {\n  display: none !important;\n}\n\n.card_banner,\n.plat_recom_carousel {\n  /* 大卡 */\n}\n\n.search_main {\n  /* 固定搜索栏 */\n  padding-bottom: 0;\n  padding-bottom: initial;\n}\n\n.search_bright .search_logo_fixed {\n  width: 36px !important;\n  height: 36px !important;\n  margin-left: 56px !important;\n  background-color: rgba(0, 0, 0, 0) !important;\n  background-image: var(--img-tieba-icon) !important;\n  background-repeat: no-repeat !important;\n}\n\n.search_bright .search_logo_fixed {\n  /* 固定搜索栏 icon */\n}\n\n.head_inner .search_logo {\n  display: none !important;\n}\n\n.search_form {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.search_form form {\n  margin-left: 0 !important;\n}\n\n.search_bright .search_inp_border,\n.search_bright .search_ipt {\n  height: 40px !important;\n  border: 2px solid var(--border-color) !important;\n  background-color: var(--default-background) !important;\n  color: var(--default-fore) !important;\n}\n\n.search_bright .search_inp_border,\n.search_bright .search_ipt {\n  box-sizing: border-box;\n  transition: var(--default-duration);\n}\n.search_bright .search_inp_border:hover,\n.search_bright .search_ipt:hover {\n  border-color: var(--light-background) !important;\n}\n.search_bright .search_inp_border:focus,\n.search_bright .search_ipt:focus {\n  border-color: var(--tieba-theme-color) !important;\n}\n\n.search_bright .search_btn {\n  height: 40px !important;\n  border: 1px solid var(--border-color) !important;\n  background-color: var(--default-background) !important;\n  box-shadow: none !important;\n  color: var(--default-fore) !important;\n  line-height: 40px !important;\n}\n\n.search_bright .search_btn {\n  box-sizing: border-box;\n  transition: var(--default-duration);\n}\n.search_bright .search_btn:hover {\n  filter: brightness(1.1);\n}\n.search_bright .search_btn:active {\n  filter: brightness(1.2);\n}\n\n.search_bright .search_btn_enter_ba {\n  border: none !important;\n  background-color: var(--tieba-theme-color) !important;\n  color: var(--default-background) !important;\n}\n\n.search_bright .search_btn_enter_ba {\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n}\n\n.search_main_fixed {\n  display: none !important;\n}\n\n.search_main_fixed {\n  border-color: var(--border-color);\n  -webkit-backdrop-filter: blur(24px);\n          backdrop-filter: blur(24px);\n  background-color: var(--trans-default-background);\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n}\n\n.card_top_theme {\n  border: none !important;\n}\n\n#content {\n  /* 容器 */\n  width: 982px;\n}\n\n.card_top_theme .card_top {\n  padding-left: 120px !important;\n}\n\n.card_top_theme .card_top {\n  /* 吧标题容器 */\n}\n\n.card_title_fname {\n  color: var(--tieba-theme-fore) !important;\n}\n\n.card_title_fname {\n  /* 吧标题 */\n  font-weight: var(--font-weight-bold);\n}\n\n.card_slogan {\n  color: var(--light-fore) !important;\n}\n\n.card_slogan {\n  /* 吧 slogan */\n}\n\n.islike_focus {\n  background-color: var(--tieba-theme-color) !important;\n  background-image: none !important;\n}\n\n.islike_focus {\n  /* 关注吧按钮 */\n}\n\n.cancel_focus {\n  background: none !important;\n  background-color: var(--tieba-theme-background) !important;\n}\n\n.cancel_focus {\n  /* 取关吧按钮 */\n}\n\n.sign_box_bright,\n.sign_box_bright_hover {\n  background: none !important;\n  background-color: var(--tieba-theme-color) !important;\n}\n\n.sign_box_bright,\n.sign_box_bright_hover {\n  /* 签到按钮 */\n}\n\n.sign_box_bright_signed,\n.sign_box_bright_noclass_hover {\n  background: none !important;\n  background-color: var(--tieba-theme-background) !important;\n}\n\n.sign_box_bright_signed,\n.sign_box_bright_noclass_hover {\n  /* 签到按钮：已签到 */\n}\n\n.sign_mod_bright .sign_keep_span {\n  margin: 0 !important;\n  margin: initial !important;\n  text-align: center !important;\n}\n\n.forum_content {\n  border-color: var(--border-color) !important;\n  border-right: none !important;\n  background: none !important;\n  background-color: var(--elem-color) !important;\n}\n\n.forum_content {\n  /* 容器 */\n}\n\n.nav_wrap {\n  border-color: var(--border-color) !important;\n}\n\n.nav_wrap {\n  /* tab */\n}\n\n.nav_list li.focus {\n  background: none !important;\n}\n\n.nav_list li.focus {\n  /* 焦点 tab */\n}\n\n.nav_list a {\n  color: inherit !important;\n}\n\n.j_tabnav_tab:hover {\n  background: none;\n}\n\n.nav_list a:hover,\n.nav_list a:focus {\n  background-color: var(--elem-color) !important;\n}\n\n.nav_list a:hover,\n.nav_list a:focus {\n  /* tab hover */\n}\n\n.search_internal_input {\n  height: 24px !important;\n  border-color: var(--border-color) !important;\n  color: var(--default-fore) !important;\n}\n\n.search_internal_input {\n  /* 吧内搜索 */\n  border-radius: 8px 0 0 8px;\n}\n\n.search_internal_btn {\n  height: 26px !important;\n  background-color: var(--tieba-theme-color) !important;\n  background-image: none !important;\n  vertical-align: middle !important;\n}\n\n.search_internal_btn {\n  /* 吧内搜索按钮 */\n  border-radius: 0 8px 8px 0;\n  /* background-image: var(--svg-search) !important;\n  background-size: 16px !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important; */\n}\n\n.search_internal_btn::after {\n  color: var(--default-background);\n  content: "search";\n  font-size: 18px;\n  font-weight: var(--font-weight-bold);\n  line-height: 26px;\n  text-align: center;\n}\n\n.aside_region {\n  border-bottom: none !important;\n}\n\n.aside_region {\n  /* 右侧内容 */\n}\n\n.aside_region .region_header {\n  color: var(--default-fore) !important;\n}\n\n.my_tieba .media_left,\n.my_tieba .media-left {\n  border: none !important;\n}\n\n.my_tieba .media_left,\n.my_tieba .media-left {\n  /* 我的头像 */\n}\n\n.my_current_forum .badge {\n  border: 1px solid var(--border-color) !important;\n  background-color: var(--light-background) !important;\n  color: var(--default-fore) !important;\n}\n\n.my_current_forum .badge {\n  /* 我的等级 */\n}\n\n.my_current_forum .badge_name {\n  color: var(--default-fore) !important;\n}\n\n.media_top img,\n.media-top img {\n  /* 右侧图片 */\n  border-radius: 16px;\n}\n\n.aside_media_horizontal a,\n.aside-media-horizontal a {\n  color: var(--tieba-theme-fore) !important;\n}\n\n.aside_media_horizontal a,\n.aside-media-horizontal a {\n  /* 右侧超链接 */\n}\n\n.threadlist_bright li.thread_top_list_folder,\n.threadlist_bright li.thread_top_list_folder:hover {\n  background-color: var(--very-light-background) !important;\n}\n\n.threadlist_bright li.thread_top_list_folder,\n.threadlist_bright li.thread_top_list_folder:hover {\n  /* 置顶贴 */\n}\n\n.threadlist_bright > li {\n  border: none !important;\n  background-color: var(--default-background) !important;\n}\n\n.threadlist_bright > li {\n  /* 贴子 */\n}\n\n.threadlist_bright > li:hover {\n  background-color: var(--trans-light-background) !important;\n}\n\n.j_th_tit {\n  /* 帖子标题 */\n  color: var(--tieba-theme-fore);\n  font-weight: var(--font-weight-bold);\n}\n\n.threadlist_bright .threadlist_abs_onlyline,\n.threadlist_bright .threadlist_abs {\n  color: var(--default-fore) !important;\n}\n\n.threadlist_bright .threadlist_abs_onlyline,\n.threadlist_bright .threadlist_abs {\n  /* 帖子摘要 */\n}\n\n/* 隐藏未加载完成的图片 */\n.vpic_wrap img:not([style]) {\n  opacity: 0;\n}\n\n.threadlist_bright .threadlist_media li {\n  border-radius: 8px !important;\n}\n\n.threadlist_bright .threadlist_media li {\n  /* 贴子图片 hover */\n}\n\n.threadlist_media li:hover .threadlist_pic_highlight {\n  display: none !important;\n}\n\n.threadlist_media li:hover .threadlist_pic_highlight {\n  border-radius: 8px;\n}\n\n.vpic_wrap img {\n  border-radius: 8px;\n}\n\n.threadlist_bright .media_disp {\n  border: none !important;\n  background: none !important;\n}\n\n.threadlist_bright .threadlist_video {\n  /* 视频预览 */\n  border-radius: 8px;\n}\n\n.threadlist_rep_num {\n  height: auto !important;\n  height: initial !important;\n  background: none !important;\n  background-color: var(--tieba-theme-background) !important;\n}\n\n.threadlist_rep_num {\n  /* 回贴数 */\n  border-radius: 24px;\n  color: var(--tieba-theme-fore);\n  font-weight: var(--font-weight-bold);\n}\n\n.pagination-default .pagination-item {\n  border: none !important;\n  background-color: var(--light-background) !important;\n  color: var(--light-fore) !important;\n}\n\n.pagination-default .pagination-item {\n  border-radius: 8px;\n  /* 跳页按钮 */\n}\n\n.pagination-default .pagination-current {\n  border: none !important;\n  background-color: var(--tieba-theme-color) !important;\n  color: var(--default-background) !important;\n}\n\n.pagination-default .pagination-current {\n  /* 跳页按钮：当前 */\n}\n\n.pagination-default .pagination-item:not(.pagination-current):hover {\n  border: none !important;\n  background-color: var(--trans-light-background) !important;\n}\n\n.pagination-default .pagination-item:not(.pagination-current):hover {\n  /* 跳页按钮：hover */\n}\n\n/* 底部 */\n#tb_rich_poster_container {\n  width: 982px !important;\n  background-color: var(--very-light-background) !important;\n}\n#tb_rich_poster_container {\n  border-radius: 0 0 24px 24px;\n  margin-left: -1px;\n}\n\n.tb_rich_poster .poster_body .editor_textfield {\n  border-color: var(--border-color) !important;\n  background-color: var(--default-background) !important;\n  color: var(--default-fore) !important;\n}\n\n.tb_rich_poster .poster_body .editor_textfield {\n  border-radius: 8px;\n  /* 标题文本框 */\n}\n\n.tb_rich_poster .poster_body .editor_textfield:focus {\n  border-color: var(--tieba-theme-color) !important;\n}\n\n.old_style_wrapper {\n  border-color: var(--border-color) !important;\n  background-color: var(--elem-color) !important;\n}\n\n.old_style_wrapper {\n  /* 编辑器容器 */\n}\n\n.old_style_wrapper .edui-editor-body {\n  background: none !important;\n}\n\n.edui-container .edui-toolbar {\n  background: none !important;\n}\n\n.edui-container .edui-toolbar {\n  /* 编辑器工具栏 */\n}\n\n.edui-editor-body .edui-body-container {\n  border-color: var(--border-color) !important;\n  background-color: var(--default-background) !important;\n}\n\n.edui-editor-body .edui-body-container {\n  /* 编辑器 */\n}\n\n.frs_content_footer_pagelet {\n  background: none !important;\n}\n\n.footer {\n  display: none !important;\n}\n\n.icon_author {\n  background-image: none !important;\n}\n\n.icon_author {\n  /* 用户图标 */\n}\n\n.icon_author::after {\n  content: "person";\n  font-style: normal;\n}\n\n.icon_replyer {\n  background-image: none !important;\n}\n\n.icon_replyer {\n  /* 回贴图标 */\n}\n\n.icon_replyer::after {\n  content: "comment";\n  font-style: normal;\n}';
const tiebaHomeStyle = '@charset "UTF-8";\nbody {\n  background-color: var(--page-background);\n  color: var(--default-fore);\n}\n\n/* 导航栏 */\n.head_inner {\n  /* 导航栏额头 */\n  background-color: var(--default-background);\n}\n\n.u_menu_item a {\n  /* 顶部超链接 */\n  color: var(--default-fore);\n}\n\n.head_inner .search_logo {\n  left: 72px;\n  width: 60px;\n  height: 60px;\n  /* logo */\n  background-image: var(--img-tieba-icon);\n}\n\n.search_top {\n  border: none;\n}\n\n.search_nav a:link,\n.search_nav a:hover,\n.search_nav a:visited {\n  /* 导航栏超链接 */\n  color: var(--default-fore);\n}\n\n.u_menu_item a:hover,\n.u_menu_item a:visited {\n  color: var(--default-fore);\n}\n\n/* 搜索 */\n.search_main {\n  padding-bottom: 96px;\n}\n\n.search_bright .search_inp_border {\n  /* 搜索框 */\n  border-color: var(--border-color);\n  border-bottom-left-radius: 8px;\n  border-top-left-radius: 8px;\n  color: var(--default-fore);\n}\n\n.search_bright .search_inp_border:focus {\n  border-color: var(--tieba-theme-color);\n}\n\n.search_bright .search_btn {\n  border-color: var(--trans-tieba-theme-color);\n  /* 搜索相关按钮 */\n  border-radius: 8px;\n  background-color: var(--tieba-theme-background);\n  color: var(--tieba-theme-fore);\n}\n\n.search_bright .search_btn_enter_ba {\n  /* “进入贴吧”按钮 */\n  background-color: var(--tieba-theme-color);\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n  color: var(--default-background);\n}\n\n.search_bright .search_btn:visited {\n  color: var(--tieba-theme-fore);\n}\n\n.search_bright .search_btn_enter_ba:visited {\n  background-color: var(--tieba-theme-color);\n  color: var(--default-background);\n}\n\n.search_bright .search_btn_enter_ba:hover {\n  background-color: var(--tieba-theme-color);\n  color: var(--default-background);\n}\n\n.suggestion {\n  border-color: var(--border-color) !important;\n  border-radius: 6px !important;\n  background-color: var(--elem-color) !important;\n  box-shadow: none !important;\n  color: var(--default-fore) !important;\n}\n\n.suggestion {\n  transform: translateY(4px);\n}\n\n.suggestion .break_tip {\n  background-color: var(--default-background) !important;\n}\n\n.suggestion .highlight {\n  color: var(--tieba-theme-color) !important;\n}\n\n.suggestion .highlight {\n  /* 高亮文本 */\n}\n\n.suggestion .operation_title {\n  color: var(--default-fore) !important;\n}\n\n.suggestion .operation_title {\n  /* 热议文字 */\n}\n\n.suggestion .forum_image {\n  /* 推荐图标 */\n  border-radius: 8px;\n}\n\n.suggestion .forum_name {\n  color: var(--default-fore) !important;\n}\n\n.suggestion .forum_name {\n  /* 推荐标题 */\n}\n\n.suggestion .on {\n  background-color: var(--light-background) !important;\n}\n\n.suggestion .on {\n  /* 搜索推荐：选中 */\n}\n\n/* 首页横幅 */\n.page-container .top-sec {\n  display: none;\n}\n\n/* 内容 */\n.page-container .content-sec {\n  background: none;\n}\n\n/* 左侧悬停 */\n.page-container .left-sec {\n  border-radius: 24px;\n  border-top: none;\n  background: none;\n  background-color: var(--elem-color);\n}\n\n.f-d-w {\n  border-radius: 24px;\n  /* 左侧悬停 2 */\n  background-color: var(--elem-color);\n}\n\n.f-d-w .f-d-item {\n  background: none;\n}\n\n.aggregate_entrance_wrap {\n  /* 专题 */\n  display: none;\n}\n\n.u-f-t .gap {\n  border: none;\n  /* “贴吧分类”分隔符 */\n  background: none;\n}\n\n.f-d-w .all {\n  /* “查看全部”按钮 */\n  background: none;\n}\n\n.forum_rcmd {\n  /* 热门吧卡片 */\n  border: 0;\n  border-radius: 24px;\n  background-color: var(--elem-color);\n}\n\n.region_bright .region_header {\n  /* “我在贴吧”标题 */\n  color: var(--default-fore);\n}\n\n.page-container .left-sec .region_bright {\n  border-radius: 24px;\n}\n\n.my_tieba_mod .media_left,\n.my_tieba_mod .media-left {\n  /* 头像边框 */\n  border: none;\n}\n\n.media_left img,\n.media-left img {\n  /* 头像 */\n  border-radius: 16px;\n}\n\n#nameValue {\n  /* 我的用户名 */\n  color: var(--default-fore);\n}\n\n#j_tcharge_dialog {\n  /* “获取”超链接 */\n  color: var(--default-fore);\n}\n\n#onekey_sign .onekey_btn,\n#onekey_sign a.onekey_btn {\n  /* 签到按钮 */\n  border-radius: 8px;\n  margin-right: -5px;\n  background: none;\n  background-color: var(--tieba-theme-color);\n  color: var(--elem-color);\n  text-align: center;\n}\n\n#onekey_sign .onekey_btn::after {\n  content: "一键签到";\n}\n\n#onekey_sign a.signed_btn .icon_signed {\n  /* 已签到标记 */\n  margin-top: 2px;\n  background: var(--svg-checkmark);\n  background-repeat: no-repeat;\n  background-size: 20px;\n  filter: drop-shadow(var(--elem-color) 0 9999px);\n  transform: translateY(-9999px);\n}\n\n#onekey_sign .onekey_btn:hover {\n  box-shadow: 0 0 10px var(--tieba-theme-color);\n}\n\n.u-f-w {\n  /* 进吧 div */\n  padding-bottom: 20px;\n}\n\n.left-cont-fixed {\n  /* 进吧 div 固定 */\n  position: relative;\n  bottom: 0;\n}\n\n.u-f-w .sign,\n.u-f-w .unsign,\n.always-forum-item .sign,\n.always-forum-item .unsign {\n  /* 进吧按钮 */\n  border-radius: 8px;\n  background: none;\n  background-color: var(--light-background);\n  color: var(--default-fore);\n}\n\n.u-f-w .sign,\n.always-forum-item .sign {\n  /* 已签到 */\n  background-color: var(--tieba-theme-background);\n  color: var(--tieba-theme-fore);\n}\n\n.u-f-w .sign,\n.u-f-w .unsign {\n  margin-bottom: 8px;\n}\n\n.u-f-w .sign:hover,\n.u-f-w .unsign:hover,\n.always-forum-item .sign:hover,\n.always-forum-item .unsign:hover {\n  background: none;\n  background-color: var(--tieba-theme-color);\n  box-shadow: 0 0 10px var(--tieba-theme-color);\n  color: var(--elem-color);\n  -webkit-text-decoration: none;\n  text-decoration: none;\n}\n\n.u-f-w .more {\n  /* “查看更多”按钮 */\n  border: none;\n  border-radius: 8px;\n  background: none;\n  background-color: var(--elem-color);\n  box-shadow: none;\n  color: var(--default-fore);\n}\n\n.more-txt {\n  /* “查看更多”按钮文字 */\n  color: var(--default-fore);\n}\n\n.u-f-w .more-hover {\n  width: 188px;\n  margin: auto;\n  background-color: var(--tieba-theme-color);\n  box-shadow: 0 0 10px var(--tieba-theme-color);\n  color: var(--elem-color);\n}\n\n.u-f-w .more-hover .more-txt,\n.u-f-w .more:hover .more-txt {\n  margin-left: 60px;\n  color: var(--elem-color);\n}\n\n.always-forum-title {\n  /* 展开标题 */\n  border: none;\n  margin-top: 10px;\n}\n\n#alwayforum-wraper {\n  /* 关注吧展开 */\n  background-color: var(--elem-color);\n}\n\n.pop-up-frame {\n  /* 展开页面 */\n  border: none;\n  border-radius: 24px;\n  background-color: var(--elem-color);\n  border-bottom-left-radius: 0;\n  box-shadow: none;\n}\n\n.always-forum-close {\n  /* 展开叉号 */\n  display: none;\n}\n\n.always-forum-item .addnewforumbtn {\n  /* “添加#逛的吧”按钮 */\n  width: 110px;\n  padding-left: 0;\n  border-radius: 8px;\n  background: none;\n  background-color: var(--tieba-theme-background);\n  color: var(--tieba-theme-fore);\n  font-size: 20px;\n  text-align: center;\n}\n\n.always-forum-item .addnewforumbtn::after {\n  content: "+";\n}\n\n.always-forum-item .addnewforumbtn:hover {\n  background-color: var(--tieba-theme-color);\n  box-shadow: 0 0 10px var(--tieba-theme-color);\n  color: var(--elem-color);\n}\n\n.tbui_scroll_panel .tbui_scroll_button {\n  /* 展开滚动条 */\n  width: 6px;\n  border: none;\n  border-radius: 24px;\n  background-color: var(--very-light-background);\n}\n\n.tbui_scroll_panel .tbui_scroll_bar {\n  width: 6px;\n  /* 滚动条背景 */\n  background: none;\n}\n\n.forum_rcmd .class_title > div {\n  /* 热门吧 icon */\n  color: var(--default-fore);\n}\n\n.rcmd_forum_item .forum_name {\n  /* 热门吧标题 */\n  color: var(--default-fore);\n}\n\n.rcmd_forum_item .rcmd_forum_logo {\n  /* 热门吧图片 */\n  border: none;\n  border-radius: 16px;\n  background: none;\n}\n\n/* 动态 */\n.page-container .r-left-sec,\n.sub_nav_wrap,\n.title-tag-wraper,\n.thread-name-wraper,\n.n_reply {\n  width: 780px;\n}\n\n.n_txt {\n  /* 动态正文 */\n  width: 720px;\n  color: var(--light-fore);\n}\n\n.sub_nav_wrap {\n  /* 动态切换 */\n  background: none;\n  background-color: var(--default-background);\n  box-shadow: none;\n}\n\n.sub_nav_list a.cur {\n  /* 当前标签 */\n  border: none;\n  color: var(--tieba-theme-color);\n}\n\n.sub_nav_list .nav_hover {\n  width: 56px !important;\n}\n\n.sub_nav_list .nav_hover {\n  /* 标签色块 */\n  border-bottom: 3px solid var(--tieba-theme-color);\n}\n\n.sub_nav_list li.sub_nav_line {\n  /* 标签分隔符 */\n  background: none;\n}\n\n/* 右侧悬停 */\n.page-container .r-right-sec {\n  display: none;\n}\n\n.item_hd {\n  /* “贴吧热议榜”标题 */\n  border: none;\n  border-radius: 24px;\n  background-color: var(--default-background);\n  color: var(--default-fore);\n}\n\n.item_hd .title {\n  color: var(--default-fore);\n}\n\n.topic_list .topic_item .topic_flag_hot {\n  /* 热点数字编号 */\n  border-radius: 4px;\n}\n\n.item .item_hd {\n  /* 公告板标题 */\n  border: none;\n  background-color: var(--default-background);\n  color: var(--default-fore);\n}\n\n.item .item_hd .title {\n  color: var(--default-fore);\n}\n\n.notice-wrap-fixed {\n  /* 公告板悬停 */\n  background-color: var(--default-color);\n  border-bottom-left-radius: 24px;\n  border-bottom-right-radius: 24px;\n}\n\n.notice,\n.notice img {\n  /* 公告板图片 */\n  border-radius: 24px;\n}\n\n/* 动态内容 */\n.new_list .title {\n  /* 贴子标题 */\n  color: var(--tieba-theme-color);\n}\n\n.new_list .title:hover {\n  color: var(--tieba-theme-color);\n  -webkit-text-decoration: underline;\n  text-decoration: underline;\n}\n\n.title-tag-wraper a {\n  /* 动态贴吧名 */\n  padding: 4px 10px;\n  border-radius: 24px;\n  background-color: var(--light-background);\n  color: var(--light-fore);\n  font-size: 12px;\n}\n\n.title-tag-wraper a:hover {\n  color: var(--light-fore);\n  -webkit-text-decoration: none;\n  text-decoration: none;\n}\n\n.list-post-num {\n  /* 贴子回复数 */\n  top: 0;\n  padding: 4px 10px;\n  border: none;\n  border-radius: 16px;\n  background-color: var(--tieba-theme-background);\n  color: var(--tieba-theme-fore);\n}\n\n.list-triangle-border,\n.list-triangle-body {\n  /* 贴子回复数三角 */\n  display: none;\n}\n\n.new_list .post_author {\n  /* 作者 */\n  padding: 0;\n  margin-bottom: 24px;\n  background: none;\n  color: var(--default-fore);\n  -webkit-text-decoration: none;\n  text-decoration: none;\n}\n\n.new_list .time {\n  /* 时间 */\n  padding: 0;\n  background: none;\n}\n\n.topic-tag {\n  /* 动态话题 */\n  display: none;\n}\n\n.n_img img {\n  /* 动态图片 */\n  border: none;\n  border-radius: 16px;\n  cursor: pointer;\n}\n\n.n_img li {\n  border-radius: 16px;\n}\n\n.n_img li .feed_highlight {\n  /* 图片放大 */\n  background: none;\n  cursor: pointer;\n}\n\n.media_box {\n  /* 图片控件 */\n  border: none;\n  border-radius: 16px;\n  background-color: var(--light-background);\n}\n\n.media_box img {\n  border-radius: 16px;\n  cursor: pointer;\n}\n\n.ui_btn {\n  /* “进入贴子”按钮 */\n  border: none;\n  border-radius: 24px;\n  background: none;\n  background-color: var(--tieba-theme-color);\n  color: var(--default-background);\n}\n\n.ui_btn:hover {\n  -webkit-text-decoration: none !important;\n  text-decoration: none !important;\n}\n\n.ui_btn:hover {\n  background: none;\n  background-color: var(--tieba-theme-color);\n  box-shadow: 0 0 10px var(--tieba-theme-color);\n  color: var(--default-background);\n}\n\n.btn_more {\n  /* 更多按钮 */\n  width: 200px;\n  height: auto;\n  height: initial;\n  border-radius: 24px;\n  background: none;\n  background-color: var(--tieba-theme-background);\n}\n\n.btn_more:hover,\n.data_error_bar a:hover,\n.btn_more a:hover {\n  background: none !important;\n  background-color: var(--tieba-theme-color) !important;\n  color: var(--default-background) !important;\n}\n\n.data_error_bar a,\n.btn_more a {\n  border: none;\n  color: var(--tieba-theme-fore);\n}\n\n/* 页脚 */\n.bottom-bg {\n  background: none;\n}\n\n.footer {\n  border-top: 1px solid var(--light-background);\n  background-color: var(--light-background);\n}\n\n/* 无关内容 */\n.f-d-w,\n.left-cont-wraper .ufw-gap {\n  display: none;\n}\n\n/* 底部加载 gif */\n#data_loading img {\n  display: none;\n}';
const tiebaMainStyle = '@charset "UTF-8";\n.tbui_aside_float_bar li a {\n  font-family: "Material Symbols", monospace !important;\n}\n.tbui_aside_float_bar li a {\n  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 40;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n/* 动画 */\n/* 淡入动画 */\n@keyframes animation-fade-in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n.fade-in-elem {\n  animation: animation-fade-in ease 0.3s forwards;\n}\n\n#com_userbar {\n  display: none;\n}\n\n/* 功能按钮 */\n.tbui_aside_float_bar {\n  border: none !important;\n  background: none !important;\n}\n\n.tbui_aside_float_bar li {\n  width: 40px;\n  height: 40px;\n  border-radius: 24px;\n  margin: 8px 0;\n  background-color: var(--light-background);\n}\n\n.tbui_aside_float_bar li:hover {\n  background-color: var(--default-hover);\n}\n\n.tbui_aside_float_bar li:active {\n  background-color: var(--default-active);\n}\n\n.tbui_aside_float_bar li a {\n  width: 40px !important;\n  height: 40px !important;\n  background: none !important;\n}\n\n.tbui_aside_float_bar li a {\n  border-radius: 24px;\n}\n\n.tbui_aside_float_bar a {\n  width: 40px !important;\n  height: 40px !important;\n}\n\n.tbui_aside_float_bar a {\n  /* 功能按钮 svg 容器 */\n  color: var(--minimal-fore);\n  font-size: 24px;\n  line-height: 40px;\n  text-align: center;\n  /* background-size: 20px;\n  background-repeat: no-repeat;\n  background-position: center;\n  filter: drop-shadow(var(--minimal-fore) 0 -9999px);\n  transform: translateY(9999px); */\n}\n\n/* .tbui_aside_float_bar a:hover {\n    color: var(--default-background);\n    filter: drop-shadow(var(--default-fore) 0 -9999px);\n} */\n.tbui_aside_float_bar .tbui_fbar_auxiliaryCare a {\n  height: 40px !important;\n  background: none !important;\n}\n.tbui_aside_float_bar .tbui_fbar_auxiliaryCare a {\n  /* 无障碍模式 */\n}\n\n.tbui_fbar_auxiliaryCare a::after {\n  content: "accessibility_new";\n  /* background-image: var(--svg-accessibility); */\n}\n\n.tbui_fbar_top a::after {\n  /* 回到顶部 */\n  /* color: var(--tieba-theme-fore); */\n  content: "arrow_upward";\n  /* background-image: var(--svg-arrow-up);\n  filter: drop-shadow(var(--tieba-theme-fore) 0 -9999px); */\n}\n\n/* .tbui_aside_float_bar .tbui_fbar_top a {\n    background-color: var(--tieba-theme-background) !important;\n} */\n/* .tbui_fbar_top a:hover::after {\n    color: var(--default-background);\n} */\n.tbui_fbar_post a::after {\n  /* 回贴 */\n  /* color: var(--default-background); */\n  content: "chat";\n  font-size: 22px;\n  /* vertical-align: bottom; */\n  /* background-image: var(--svg-message);\n  filter: drop-shadow(var(--default-background) 0 -9999px); */\n}\n\n/* .tbui_aside_float_bar .tbui_fbar_post a,\n.tbui_aside_float_bar .tbui_fbar_post a:hover {\n    background-color: var(--tieba-theme-color) !important;\n} */\n.tbui_fbar_feedback a::after {\n  /* 反馈 */\n  content: "report";\n  font-size: 26px;\n  /* background-image: var(--svg-infomation-outline);\n  background-size: 24px; */\n}\n\n.tbui_aside_float_bar li.tbui_fbar_feedback a {\n  background: none !important;\n}\n\n.tbui_aside_float_bar li.tbui_fbar_feedback a {\n  /* 部分吧反馈 */\n}\n\n.tbui_aside_float_bar .tbui_fbar_feedback a,\n.tbui_aside_float_bar .tbui_fbar_feedback a:hover {\n  background: none !important;\n}\n\n.tbui_aside_float_bar .tbui_fbar_down,\n.tbui_aside_float_bar .tbui_fbar_props,\n.tbui_aside_float_bar .tbui_fbar_tsukkomi,\n.tbui_aside_float_bar .tbui_fbar_share,\n.tbui_aside_float_bar .tbui_fbar_favor,\n.tbui_aside_float_bar .tbui_fbar_refresh {\n  display: none;\n}\n\n/* 图片缩放控件 */\n.p_tools a {\n  padding: 0 10px;\n  background: none;\n  vertical-align: bottom;\n}\n\n.p_tools span {\n  /* 分隔线 */\n  display: none;\n}\n\n.p_tools .p_putup::before,\n.p_tools .tb_icon_ypic::before,\n.p_tools .tb_icon_turnleft::before,\n.p_tools .tb_icon_turnright::before {\n  margin-right: 4px;\n  font-family: "Material Symbols", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;\n  font-size: 14px;\n  vertical-align: bottom;\n}\n\n.p_tools .p_putup::before {\n  /* 收起 */\n  content: "zoom_out";\n}\n\n.p_tools .tb_icon_ypic::before {\n  /* 查看大图 */\n  content: "zoom_out_map";\n}\n\n.p_tools .tb_icon_turnleft::before {\n  /* 左转 */\n  content: "turn_left";\n}\n\n.p_tools .tb_icon_turnright::before {\n  /* 右转 */\n  content: "turn_right";\n}';
const tiebaThreadStyle = '@charset "UTF-8";\n.d_name a:hover,\n#container .content a.at:hover {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n}\n\n.l_reply_num {\n  color: inherit !important;\n}\n\n.l_reply_num {\n  /* 回帖信息 */\n}\n\n#j_navtab_game,\n.nav_list .more-config-navtab {\n  /* 游戏 tab */\n  display: none;\n}\n\n#j_navtab_wanle {\n  /* 玩乐 tab */\n  display: none;\n}\n\n.nav_wrap_add_border {\n  border: none;\n}\n\n#head {\n  /* 背景 */\n  background: none;\n  background-color: transparent;\n}\n\n/* 内容 */\n#container .content {\n  border-radius: 24px;\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n}\n\n.card_top_wrap {\n  background: none !important;\n  background-color: var(--elem-color) !important;\n}\n\n.card_top_wrap {\n  border-radius: 24px 24px 0 0;\n}\n\n.card_top_theme2 {\n  border: none;\n  margin-right: 0;\n}\n\n/* 去除无关内容 */\n#novel-ranking .novel-ranking-frs-body,\n.novel-award-aside {\n  /* 小说人气榜相关 */\n  display: none;\n}\n\n/* 吧图标 */\n.card_head,\n.plat_head_theme2 .plat_picbox {\n  top: -32px !important;\n  width: 64px !important;\n  height: 64px !important;\n  padding: 0 !important;\n  padding: initial !important;\n  border: 4px solid var(--border-color) !important;\n  border-radius: 24px !important;\n  background: none !important;\n}\n.card_head,\n.plat_head_theme2 .plat_picbox {\n  overflow: hidden;\n}\n\n.card_head_img,\n.plat_head_theme2 .plat_picbox img {\n  width: 64px !important;\n  height: 64px !important;\n}\n\n/* 吧名 */\n.card_title,\n.plat_title_h3 {\n  margin: 5px 20px 0;\n}\n\n.card_top_theme2 .card_title_fname,\n.plat_title_h3,\n.plat_title_h3:hover,\n.plat_title_h3:visited {\n  color: var(--highlight-fore);\n}\n\n.islike_focus {\n  margin-top: 4px !important;\n}\n\n.islike_focus {\n  /* 关注吧按钮 */\n  border-radius: 24px;\n  background: none;\n  background-color: var(--tieba-theme-color);\n  color: var(--elem-color);\n  font-size: 14px;\n  line-height: 28px;\n  text-align: center;\n}\n\n.islike_focus::after {\n  content: "关注";\n}\n\n.cancel_focus {\n  /* 取关吧按钮 */\n  width: 72px;\n  border: 2px solid var(--trans-tieba-theme-color);\n  border-radius: 24px;\n  background: none;\n  background-color: var(--tieba-theme-background);\n  color: var(--tieba-theme-fore);\n  font-size: 14px;\n  line-height: 28px;\n  text-align: center;\n}\n\n.cancel_focus::after {\n  content: "已关注";\n}\n\n.card_top_right {\n  /* 签到按钮 container */\n  margin-top: 20px;\n}\n\n.sign_box_bright {\n  width: 140px !important;\n  height: 40px !important;\n}\n\n.sign_box_bright {\n  /* 签到按钮 */\n  border: 2px solid var(--trans-tieba-theme-color);\n  border-radius: 24px;\n  background: none;\n  background-color: var(--tieba-theme-color);\n  color: var(--default-background);\n  font-size: 18px;\n  line-height: 40px;\n  text-align: center;\n}\n\n.sign_btn_bright::before {\n  color: var(--elem-color);\n  content: "签到";\n}\n\n.sign_box_bright_signed {\n  /* 签到按钮：已签到 */\n  background-color: var(--tieba-theme-background);\n  text-align: inherit;\n}\n\n.sign_today_date,\n.sign_month_lack_days {\n  /* 签到日期等 */\n  display: none;\n}\n\n.sign_keep_span {\n  width: 140px !important;\n}\n\n.sign_keep_span {\n  height: 40px;\n}\n\n.sign_keep_span,\n.sign_mod_bright .sign_keep_span {\n  /* 已签到按钮文本 */\n  margin: 0;\n  margin: initial;\n  color: var(--tieba-theme-fore);\n  font-size: 12px;\n  text-align: center;\n}\n\n.sign_box_bright_signed::before {\n  content: none !important;\n}\n\n.sign_mod_bright .sign_keep_span::before {\n  content: "已签到 | ";\n}\n\n.jump_input_bright {\n  padding: 0 10px;\n  /* 跳页文本框 */\n  border-color: var(--border-color);\n  border-radius: 16px;\n}\n\n/* 标题 */\n.left_section {\n  background: none;\n}\n\n.core_title_wrap_bright {\n  /* 标题栏 */\n  border-color: var(--border-color);\n  -webkit-backdrop-filter: blur(24px);\n          backdrop-filter: blur(24px);\n  background-color: var(--trans-default-background);\n}\n\n.core_title_theme_bright,\n.core_title_absolute_bright .core_title_theme_bright {\n  /* 部分吧标题栏 */\n  border-color: var(--border-color);\n  background: none;\n}\n\n.left_section .core_title_absolute_bright {\n  -webkit-backdrop-filter: blur(24px);\n          backdrop-filter: blur(24px);\n  background-color: var(--trans-default-background);\n}\n\n.core_title_txt {\n  /* 标题文字 */\n  margin-left: 24px;\n  background: none;\n}\n\n.tittle_fill_dom.filled {\n  background-color: var(--default-background);\n}\n\n.core_title h1 {\n  /* 部分吧标题 */\n  margin-left: 0;\n  color: var(--highlight-fore);\n}\n\n.nav_wrap {\n  background-image: none !important;\n}\n\n.nav_wrap {\n  border-color: var(--border-color);\n  background-color: var(--light-background);\n  /* 导航 */\n}\n\n.nav_list a.nav_icon,\n.nav_list .tbnav_arrow {\n  /* 部分吧导航栏 */\n  padding-left: 22px;\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n}\n\n.nav_wrap,\n.nav_list .space,\n.nav_list .focus,\n.nav_list li:hover,\n.nav_list li:hover .tbnav_tab_inner,\n.nav_list .focus .tbnav_tab_inner {\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n}\n\n.nav_list a {\n  color: var(--default-fore);\n}\n\nspan.tP {\n  /* 强调字 */\n  color: var(--tieba-theme-fore);\n}\n\n.thread_theme_5 {\n  /* 跳页 */\n  width: auto;\n  width: initial;\n  border-color: var(--border-color);\n  border-right: none;\n  border-left: none;\n  background-color: var(--light-background);\n}\n\n.btn_sub,\n.btn-sub,\n.btn-sub-b,\n.core_title_btns li a,\n.p_favthr_main {\n  border: none;\n  border-radius: 8px;\n  /* 部分按钮 */\n  background: none;\n  background-color: var(--tieba-theme-background);\n  color: var(--tieba-theme-fore);\n}\n\n.btn_sub:hover,\n.btn-sub:hover,\n.btn-sub-b:hover,\n.btn_sub:active,\n.btn-sub:active,\n.btn-sub-b:active,\n.btn_sub:focus,\n.btn-sub:focus,\n.btn-sub-b:focus {\n  background-color: var(--tieba-theme-color);\n  color: var(--default-background);\n}\n\n.l_lzonly:hover,\n.p_favthr_main:hover {\n  background-color: var(--tieba-theme-color) !important;\n  color: var(--default-background) !important;\n}\n\n.l_lzonly:hover,\n.p_favthr_main:hover {\n  /* 部分吧按钮 hover */\n}\n\n#quick_reply {\n  /* 回复按钮 */\n  display: none;\n}\n\n.d_lzonly_bdaside,\n.p_favthr_main p,\n.j_quick_reply,\n.j_lzl_p a {\n  /* 部分吧按钮字体 */\n  color: inherit;\n}\n\n.j_quick_reply {\n  /* 部分吧额头 */\n  padding-left: 0;\n  padding-left: initial;\n}\n\n/* 左侧用户信息 */\n.l_post_bright {\n  width: auto !important;\n  width: initial !important;\n  border-color: var(--border-color) !important;\n  background: none !important;\n}\n\n.p_author_face {\n  border: none !important;\n  background: none !important;\n}\n\n.icon_relative img {\n  /* 层主头像 */\n  border-radius: 16px;\n}\n\n.d_name .p_author_name {\n  /* 层主名 */\n  color: var(--tieba-theme-fore);\n}\n\n.novel-level-icon {\n  /* 小说等级图标 */\n  display: none;\n}\n\n.d_badge_bright,\n.user_level .badge {\n  /* 等级头衔 */\n  border: 1px solid var(--border-color);\n  border-radius: 24px;\n  background-color: var(--light-background);\n}\n\n.user_level .badge_name {\n  /* 等级头衔文本 */\n  color: inherit;\n}\n\n.d_badge_bright .d_badge_title {\n  padding-left: 4px;\n  color: var(--default-fore);\n}\n\n.d_badge_bright .d_badge_lv,\n.user_level .badge_index {\n  background-image: none !important;\n}\n\n.d_badge_bright .d_badge_lv,\n.user_level .badge_index {\n  /* 等级图标 */\n  background-color: var(--tieba-theme-background);\n  color: var(--tieba-theme-fore);\n}\n\n.d_badge_lv,\n.user_level .badge_index {\n  top: auto !important;\n  top: initial !important;\n  left: 60px !important;\n  width: auto !important;\n  width: initial !important;\n  height: 8px !important;\n  padding: 0 4px !important;\n  margin: 12px 4px !important;\n  font-family: inherit !important;\n  line-height: 2px !important;\n}\n\n.d_badge_lv,\n.user_level .badge_index {\n  border-radius: 16px;\n  font-size: 14px;\n  font-style: italic;\n}\n\n.d_badge_icon1 .d_badge_lv,\n.tieba-lvl-green {\n  background-color: var(--level-green-background) !important;\n  color: var(--level-green-fore) !important;\n}\n\n.d_badge_icon1 .d_badge_lv,\n.tieba-lvl-green {\n  /* 绿牌 */\n}\n\n.d_badge_icon2 .d_badge_lv,\n.d_badge_icon2_1 .d_badge_lv,\n.d_badge_icon2_2 .d_badge_lv,\n.tieba-lvl-blue {\n  background-color: var(--level-blue-background) !important;\n  color: var(--level-blue-fore) !important;\n}\n\n.d_badge_icon2 .d_badge_lv,\n.d_badge_icon2_1 .d_badge_lv,\n.d_badge_icon2_2 .d_badge_lv,\n.tieba-lvl-blue {\n  /* 蓝牌 */\n}\n\n.d_badge_icon3 .d_badge_lv,\n.d_badge_icon3_1 .d_badge_lv,\n.d_badge_icon3_2 .d_badge_lv,\n.tieba-lvl-yellow {\n  background-color: var(--level-yellow-background) !important;\n  color: var(--level-yellow-fore) !important;\n}\n\n.d_badge_icon3 .d_badge_lv,\n.d_badge_icon3_1 .d_badge_lv,\n.d_badge_icon3_2 .d_badge_lv,\n.tieba-lvl-yellow {\n  /* 黄牌 */\n}\n\n.d_badge_icon4 .d_badge_lv,\n.d_badge_icon4_1 .d_badge_lv,\n.d_badge_icon4_2 .d_badge_lv,\n.tieba-lvl-orange {\n  background-color: var(--level-orange-background) !important;\n  color: var(--level-orange-fore) !important;\n}\n\n.d_badge_icon4 .d_badge_lv,\n.d_badge_icon4_1 .d_badge_lv,\n.d_badge_icon4_2 .d_badge_lv,\n.tieba-lvl-orange {\n  /* 橙牌 */\n}\n\n.d_badge_bawu1 .d_badge_lv,\n.d_badge_bawu2 .d_badge_lv {\n  text-indent: inherit !important;\n}\n\n.d_badge_bawu1 .d_badge_lv,\n.d_badge_bawu2 .d_badge_lv {\n  /* 吧务 */\n}\n\n.d_author .d_pb_icons {\n  /* 印记 */\n  display: none;\n}\n\n.icon_book_link_icon {\n  /* 查看我的印记 */\n  display: none;\n}\n\n.region_bright {\n  /* 右侧信息 */\n  border: none;\n  margin-top: 12px;\n  background: none;\n  background-color: var(--elem-color);\n}\n\n.region_bright .region_title {\n  color: var(--default-fore) !important;\n}\n\n#celebrity {\n  display: none;\n}\n\n.balv_mod .media_left,\n.balv_mod .media-left {\n  /* 我的头像 */\n  border: none;\n}\n\n.right_section .tieba_notice {\n  /* 右侧反馈 */\n  background: none;\n}\n\n.topic_list_box {\n  /* 右侧贴吧热议榜 */\n  display: none;\n  background-color: var(--default-background);\n}\n\n.pb_content {\n  /* 容器：右侧剩余部分 */\n  border: none;\n  background: none;\n  background-color: var(--elem-color);\n}\n\n.notice-icon,\n.right_section .tieba_notice {\n  padding-left: 0 !important;\n  padding-left: initial !important;\n  background: none !important;\n}\n\n.notice-icon,\n.right_section .tieba_notice {\n  /* 右侧反馈 */\n}\n\n.tieba_notice li {\n  background: none;\n}\n\n/* 正文 */\n.p_content {\n  border: none;\n  background-color: var(--default-background);\n}\n\n.forbid-speech-banner {\n  /* 楼主屏蔽 */\n  border-top: none;\n}\n\n.BDE_Image {\n  /* 正文图片 */\n  border-radius: 24px;\n}\n\n.BDE_Image:first-child {\n  margin-top: 8px;\n}\n\n.share_btn_wrapper {\n  /* 分享控件 */\n  display: none;\n}\n\n.post-tail-wrap .icon-jubao {\n  /* 楼层举报 */\n  display: none;\n}\n\n.post-tail-wrap .icon-jubao::after {\n  content: "举报";\n}\n\n.post-tail-wrap .tail-info {\n  /* 楼层超链接 */\n  color: var(--light-fore);\n}\n\n.complaint {\n  /* 部分吧楼层举报 */\n  padding-right: 4px;\n  background: none;\n}\n\n.complaint::after {\n  content: "举报";\n}\n\n.post-tail-wrap .question-image:hover::before {\n  /* IP属地说明 */\n  border-color: var(--border-color);\n  border-radius: 8px;\n  background-color: var(--light-background);\n  color: var(--default-fore);\n}\n\n.post_bubble_top,\n.post_bubble_bottom {\n  /* 特殊气泡 */\n  display: none;\n}\n\n.post_bubble_middle {\n  background: none !important;\n}\n\n.post_bubble_middle {\n  width: auto;\n  width: initial;\n  padding: 0;\n  padding: initial;\n}\n\n.save_face_bg_2 {\n  /* 会员右上角标记 */\n  display: none;\n}\n\n.replace_div .replace_tip {\n  /* 展开图片 */\n  border-color: var(--border-color);\n  background-color: var(--elem-color);\n}\n\n.achievement_medal_section {\n  /* 成就徽章 */\n  display: none;\n}\n\n.l_post_bright .d_post_content_main .d_sign_split {\n  /* 签名档分割线 */\n  border-bottom: 1px solid var(--border-color);\n}\n\n/* 回复 */\n.d_post_content_main {\n  background-color: var(--default-background) !important;\n}\n\n.lzl_p_p {\n  /* 回复头像边框 */\n  border: none;\n}\n\n.lzl_p_p img {\n  /* 回复头像 */\n  border-radius: 8px;\n}\n\n.core_reply_wrapper {\n  border: 1px solid var(--border-color) !important;\n  border-radius: 16px !important;\n  margin-bottom: 16px !important;\n  background: none !important;\n  background-color: var(--very-light-background) !important;\n  color: var(--default-fore) !important;\n}\n\n.core_reply_wrapper {\n  /* 回复 */\n  /* border-top-right-radius: 0 !important; */\n}\n\n.core_reply_content li {\n  border-top: 0;\n  border-top: initial;\n}\n\n.lzl_content_main {\n  /* 回复文字 */\n  color: var(--default-fore);\n}\n\n.l_post_bright .core_reply_wrapper .core_reply_border_top,\n.core_reply_border_bottom,\n.l_post_bright .core_reply_wrapper .core_reply_content {\n  border: none;\n  background: none;\n}\n\n/* 收起回复 */\n.lzl_link_fold {\n  width: auto;\n  height: auto;\n  border: none;\n  background: none;\n  color: var(--minimal-fore);\n}\n\n.core_reply div.hideLzl {\n  /* 加载回复 */\n  background: none;\n  background-color: var(--very-light-background);\n}\n\n.core_reply_wrapper .loading_reply {\n  /* 加载动画 */\n  display: none;\n}\n\n.lzl_cnt .lzl_s_r {\n  /* 回复超链接 */\n  color: var(--tieba-theme-fore);\n}\n\n.j_lzl_container .lzl_li_pager_s {\n  overflow: visible;\n}\n\n.lzl_li_pager_s .lzl_more,\n.lzl_more span {\n  /* 还有x条回复 */\n  color: var(--light-fore);\n}\n\n.j_lzl_m {\n  /* 点击查看 */\n  color: var(--tieba-theme-fore);\n}\n\n.lzl_cnt .lzl_time {\n  color: var(--light-fore);\n}\n\n/* 楼中楼举报 */\n.lzl_jb_in,\n.user-jubao-button {\n  background: none;\n}\n\n.lzl_jb_in::after,\n.user-jubao-button::after {\n  content: "举报";\n}\n\n.lzl_cnt .lzl_content_main {\n  display: block;\n}\n\n/* .core_reply .hideLzl {\n    opacity: 0;\n    height: 0;\n}\n\n.core_reply div:not(.hideLzl) {\n    opacity: 1;\n    height: unset;\n} */\n/* 贴子内容超链接 */\n.d_post_content a,\n.lzl_cnt .lzl_content_main a:not(.at) {\n  margin: auto 2px;\n  color: var(--tieba-theme-fore);\n  /* text-decoration: underline 1.2px; */\n  transition: 0.4s;\n}\n\n/* .d_post_content a:hover,\n.d_post_content a:focus,\n.lzl_cnt .lzl_content_main a:not(.at):hover,\n.lzl_cnt .lzl_content_main a:not(.at):focus {\n    background-color: var(--trans-light-background);\n    text-decoration: none;\n} */\n.pager_theme_5 a,\n.pager_theme_5 span,\n.jump_btn_bright {\n  /* 跳页按钮 */\n  border-color: var(--default-background);\n  border-radius: 8px;\n  background: none;\n  background-color: var(--default-background);\n  color: var(--minimal-fore);\n}\n\n.pager_theme_5 a:hover,\n.jump_btn_bright:hover {\n  border-color: var(--tieba-theme-color);\n  background-color: var(--tieba-theme-color);\n  color: var(--default-background);\n}\n\n/* 底部 */\n.thread_theme_7 {\n  /* 顶栏 */\n  width: auto;\n  width: initial;\n  border-color: var(--border-color);\n  background-color: var(--light-background);\n}\n\n#pb-footer-header {\n  background-color: var(--default-background);\n}\n\n#tb_rich_poster_container {\n  /* 内容 */\n  width: auto;\n  width: initial;\n  border-radius: 24px;\n  background-color: var(--default-background);\n}\n\n.poster_head_text a.cur {\n  color: var(--highlight-fore) !important;\n}\n\n.edui-editor-body {\n  border-color: var(--border-color) !important;\n}\n\n.edui-editor-body {\n  /* 文本框 */\n  border-radius: 16px;\n  background: none;\n}\n\n.edui-container .edui-editor-body.body-container-focus,\n.edui-container .edui-editor-body.body-container-focus .edui-body-container {\n  border-color: var(--tieba-theme-color) !important;\n}\n\n.old_style_wrapper {\n  border-color: var(--border-color);\n  border-radius: 24px;\n  background-color: var(--elem-color);\n}\n\n.edui-editor-body .edui-body-container {\n  width: auto !important;\n  width: initial !important;\n}\n\n.edui-editor-body .edui-body-container {\n  /* 全部文本框 */\n  border-radius: 16px;\n  background: var(--default-background);\n}\n\n.edui-toolbar .edui-btn-toolbar,\n.edui-container .edui-toolbar {\n  margin-top: 4px;\n  /* 工具栏 */\n  background-color: var(--elem-color);\n}\n\n.pb_footer {\n  width: auto;\n  width: initial;\n  border: none;\n  border-color: var(--border-color);\n  background: none;\n}\n\n.save-to-quick-reply-btn {\n  /* “保存至快速回贴”按钮 */\n  border-color: var(--border-color);\n  background: none;\n  background-color: var(--light-background);\n  color: inherit;\n}\n\n.save-to-quick-reply-btn span {\n  color: var(--tieba-theme-fore);\n}\n\n.footer {\n  display: none;\n}\n\n.skin_normal .wrap2 {\n  background: none;\n  background-color: var(--page-background);\n}\n\n#lcsas-container {\n  display: none;\n}\n\n/* TODO: 隐藏用户3天 */\n.user-hide-post-down,\n.user-hide-post-up {\n  display: none !important;\n}\n.user-hide-post-down,\n.user-hide-post-up {\n  background-color: var(--light-fore);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 16px;\n  opacity: 0;\n}\n\n/* 选择搜索 */\n#selectsearch-icon {\n  display: none;\n}\n\n/* TODO: 用户卡片 */\n.ui_card_wrap {\n  background: none;\n}\n\n.ui_card_content {\n  border-color: var(--border-color);\n  border-radius: 16px;\n  background: none;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n}\n\n.card_userinfo_wrap {\n  background: none;\n  background-color: var(--default-background);\n}\n\n.card_userinfo_left .userinfo_head {\n  /* 头像边框 */\n  background: none;\n}\n\n.j_avatar img {\n  width: 92px;\n  height: 92px;\n  border: 4px solid var(--border-color);\n  border-radius: 24px;\n  -webkit-backdrop-filter: blur(24px);\n          backdrop-filter: blur(24px);\n}\n\n.card_userinfo_middle .userinfo_sex {\n  background: none;\n}\n\n.userinfo_sex_male::after {\n  content: "♂";\n}\n\n.userinfo_sex_female::after {\n  content: "♀";\n}\n\n.ui_card_wrap .ui_white_down,\n.ui_card_wrap .ui_white_up {\n  /* 三角 */\n  display: none;\n}\n\n.card_userinfo_guide {\n  /* 右上角 */\n  display: none;\n}\n\n.user_card_loading {\n  /* 加载 */\n  background-color: var(--default-background);\n}\n\n.user_card_loading img {\n  display: none;\n}\n\n/* TODO: 第三方内容吧适配 */\n/* 由第三方提供的吧 */\n/* 进吧导航 */\n.plat_head_theme2,\n.plat_header {\n  border: none;\n  background-color: transparent;\n  background-color: initial;\n}';
function hexToRGBA(hex) {
const hexValue = _2.startsWith(hex, "#") ? _2.trimStart(hex, "#") : hex;
const tokenConverter = hexValue.length <= 4 ? (chunk) => parseInt(_2.repeat(chunk[0], 2), 16) : (chunk) => parseInt(_2.join(chunk, ""), 16);
const chunkSize = hexValue.length <= 4 ? 1 : 2;
const chunks = _2.chunk(hexValue, chunkSize);
return {
r: tokenConverter(chunks[0]),
g: tokenConverter(chunks[1]),
b: tokenConverter(chunks[2]),
a: chunks.length === 4 ? tokenConverter(chunks[3]) : 1
};
}
function rgbaToHSLA(rgba) {
const normalizedR = rgba.r / 255;
const normalizedG = rgba.g / 255;
const normalizedB = rgba.b / 255;
const minValue = Math.min(normalizedR, normalizedG, normalizedB);
const maxValue = Math.max(normalizedR, normalizedG, normalizedB);
const lightness = (maxValue + minValue) / 2;
let saturation;
if (lightness <= 0.5) {
saturation = (maxValue - minValue) / (maxValue + minValue);
} else {
saturation = (maxValue - minValue) / (2 - maxValue - minValue);
}
let hue;
if (maxValue === minValue) {
hue = 0;
} else if (maxValue === normalizedR) {
hue = (normalizedG - normalizedB) / (maxValue - minValue);
} else if (maxValue === normalizedG) {
hue = 2 + (normalizedB - normalizedR) / (maxValue - minValue);
} else {
hue = 4 + (normalizedR - normalizedG) / (maxValue - minValue);
}
hue *= 60;
if (hue < 0) {
hue += 360;
}
return {
h: _2.round(hue, 2),
s: `${_2.round(saturation * 100)}%`,
l: `${_2.round(lightness * 100)}%`,
a: rgba.a
};
}
const darkPrefers = matchMedia("(prefers-color-scheme: dark)");
async function loadDynamicCSS() {
const theme = themeColor.get();
const darkRGBA = hexToRGBA(theme.dark);
const lightRGBA = hexToRGBA(theme.light);
const darkHSLA = rgbaToHSLA(darkRGBA);
const lightHSLA = rgbaToHSLA(lightRGBA);
const dynCSS = parseMultiCSS({
":root": {
"--content-max": wideScreen.get().noLimit ? "100vw" : `${wideScreen.get().maxWidth}px`,
"--code-zh": `${_2.join(userFonts.get(), ",")}`,
"--code-monospace": `${_2.join(monospaceFonts.get(), ",")}`,
"--font-weight-normal": `${fontWeights.get().normal}`,
"--font-weight-bold": `${fontWeights.get().bold}`
},
"html.dark-theme": {
"--tieba-theme-color": theme.dark,
"--trans-tieba-theme-color": `rgb(${darkRGBA.r} ${darkRGBA.g} ${darkRGBA.b} / 80%)`,
"--tieba-theme-hover": `hsl(${darkHSLA.h}deg ${parseInt(darkHSLA.s) + 40}% ${parseInt(darkHSLA.l) + 10}%)`,
"--tieba-theme-active": `hsl(${darkHSLA.h}deg ${parseInt(darkHSLA.s) + 50}% ${parseInt(darkHSLA.l) + 20}%)`,
"--tieba-theme-background": `rgb(${darkRGBA.r} ${darkRGBA.g} ${darkRGBA.b} / 24%)`,
"--tieba-theme-fore": `hsl(${darkHSLA.h}deg 100% 75%)`
},
"html.light-theme": {
"--tieba-theme-color": theme.light,
"--trans-tieba-theme-color": `rgb(${lightRGBA.r} ${lightRGBA.g} ${lightRGBA.b} / 80%)`,
"--tieba-theme-hover": `hsl(${lightHSLA.h}deg ${parseInt(lightHSLA.s) - 40}% ${parseInt(lightHSLA.l) - 10}%)`,
"--tieba-theme-active": `hsl(${lightHSLA.h}deg ${parseInt(lightHSLA.s) - 50}% ${parseInt(lightHSLA.l) - 20}%)`,
"--tieba-theme-background": `rgb(${lightRGBA.r} ${lightRGBA.g} ${lightRGBA.b} / 24%)`,
"--tieba-theme-fore": `hsl(${lightHSLA.h}deg 60% 32%)`
}
});
_GM_addStyle(dynCSS);
window.addEventListener("load", function() {
_GM_addStyle(
parseMultiCSS({
":root": {
"--scrollbar-width": `${scrollbarWidth()}px`
}
})
);
}, { once: true });
const customCSS = customStyle.get();
if (customCSS !== "") _GM_addStyle(customCSS);
}
async function loadMainCSS() {
overwriteCSS(
baseStyle,
universalStyle,
tiebaErrorStyle,
tiebaForumStyle,
tiebaHomeStyle,
tiebaMainStyle,
tiebaThreadStyle
);
document.addEventListener("DOMContentLoaded", function() {
document.head.appendChild(domrd("link", {
type: "image/icon",
rel: "shortcut icon",
href: getResource("/assets/images/main/favicon32.ico")
}));
}, { once: true });
}
let customBackgroundElement = undefined;
async function setCustomBackground() {
if (customBackgroundElement) {
document.head.removeChild(customBackgroundElement);
}
customBackgroundElement = injectCSSRule("body.custom-background", {
backgroundImage: `url('${customBackground.get()}') !important`,
backgroundRepeat: "no-repeat !important",
backgroundAttachment: "fixed !important",
backgroundSize: "cover !important"
});
waitUntil(() => !_2.isNil(document.body)).then(function() {
if (customBackground.get()) {
document.body.classList.add("custom-background");
} else {
document.body.classList.remove("custom-background");
}
});
}
marked2.marked.setOptions({});
function currentPageType() {
if (location.hostname.toLowerCase() !== "tieba.baidu.com") return "unhandled";
const pathname = location.pathname.toLocaleLowerCase();
if (_2.includes(["/", "/index.html"], pathname)) return "index";
if (/\/p\/\d+/.test(pathname)) return "thread";
if (pathname === "/f") return "forum";
if (pathname === "/home/main") return "user";
return "unhandled";
}
async function getLatestReleaseFromGitee(forceUpdate = false) {
if (latestRelease.get() && !forceUpdate) {
return latestRelease.get();
} else {
const TTL = function() {
switch (updateConfig.get().time) {
case "1h":
return 1;
case "3h":
return 3;
case "6h":
return 6;
case "never":
return -1;
}
}();
if (TTL < 0) return;
const updateUrl = `https://gitee.com/api/v5/repos/${Owner}/${RepoName}/releases/latest/`;
const response = await fetch(updateUrl);
if (response.ok) {
const r###lt = await response.json();
if (r###lt.message) return;
latestRelease.set(r###lt, spawnOffsetTS(0, 0, 0, TTL));
return r###lt;
} else {
return;
}
}
}
function checkUpdateAndNotify(showLatest = false) {
if (updateConfig.get().time === "never") return;
if (!updateConfig.get().notify) return;
if (!showUpdateToday.get()) return;
if (_GM_info.script.version === "developer-only") return;
getLatestReleaseFromGitee().then((latestRelease2) => {
if (latestRelease2 && latestRelease2.tag_name.slice(1) !== _GM_info.script.version) {
if (ignoredTag.get() === latestRelease2.tag_name) return;
userDialog(vue.createVNode("div", {
"class": "markdown",
"innerHTML": marked2.marked(latestRelease2.body),
"style": parseCSSRule({
maxWidth: "600px"
})
}, null), {
title: latestRelease2.name,
dialogButtons: [{
text: "安装",
event() {
installFromRelease(latestRelease2);
return true;
},
style: "themed"
}, {
text: "今日不再提醒",
event() {
showUpdateToday.set(false);
return true;
}
}, {
text: "跳过该版本",
event() {
ignoredTag.set(latestRelease2.tag_name);
return true;
}
}]
});
} else {
if (showLatest) messageBox({
title: "检查更新",
content: "当前已是最新版本",
type: "okCancel"
});
}
});
}
function installFromRelease(release) {
function notFound() {
toast({
message: "安装失败：未找到可用的资源",
type: "error",
duration: 6e3,
blurEffect: true
});
}
if (!release.assets || release.assets.length <= 0) {
notFound();
return;
}
const asset = function() {
for (const asset2 of release.assets) {
if (asset2.name && asset2.name.endsWith(".user.js")) {
return asset2.browser_download_url;
}
}
}();
if (asset) {
_GM_openInTab(asset, {
active: true
});
} else {
notFound();
return;
}
}
function getResource(path) {
return `${GiteeRepo}/raw/beta/${path}`;
}
function setTheme(theme) {
switch (theme) {
case "dark":
darkTheme();
break;
case "light":
lightTheme();
break;
case "auto":
default:
darkPrefers.matches ? darkTheme() : lightTheme();
break;
}
function lightTheme() {
document.documentElement.classList.add("light-theme");
document.documentElement.classList.remove("dark-theme");
document.documentElement.classList.remove("dark");
}
function darkTheme() {
document.documentElement.classList.add("dark-theme");
document.documentElement.classList.remove("light-theme");
document.documentElement.classList.add("dark");
}
}
function backupUserConfigs() {
const excluded = ["unreadFeeds", "latestRelease", "showUpdateToday"];
const userKeys = _2.filter(_GM_listValues(), (key) => !_2.includes(excluded, key));
const userValues = _2.map(userKeys, (key) => {
return _GM_getValue(key);
});
const configs = _2.zipObject(userKeys, userValues);
outputFile(`tieba-remix-backup@${(/* @__PURE__ */ new Date()).getTime()}.json`, JSON.stringify(configs));
}
async function restoreUserConfigs() {
const backupData = JSON.parse(await selectLocalFile());
_2.forEach(Object.entries(backupData), ([key, value]) => {
_GM_setValue(key, value);
});
}
class TbObserver {
constructor(selector, options, initEvent) {
__publicField(this, "selector");
__publicField(this, "options");
__publicField(this, "initEvent");
__publicField(this, "events", []);
this.selector = selector;
this.options = options;
this.initEvent = initEvent;
}
observe() {
const eventFuncs = () => {
this.events.forEach((func) => {
func();
});
};
if (typeof this.initEvent === "undefined") {
eventFuncs();
} else {
window.addEventListener(this.initEvent, eventFuncs);
}
const observer = new MutationObserver(eventFuncs);
const obsElem = dom(this.selector);
if (obsElem) observer.observe(obsElem, this.options);
}
addEvent(...events) {
_2.forEach(events, (event) => {
if (this.events.includes(event)) return;
if (typeof this.initEvent === "undefined") {
event();
} else {
window.addEventListener(this.initEvent, event);
}
this.events.push(event);
});
}
}
const threadFloorsObserver = new TbObserver("#j_p_postlist", { childList: true });
const threadCommentsObserver = new TbObserver("#j_p_postlist", { childList: true, subtree: true });
const legacyIndexFeedsObserver = new TbObserver("#new_list", { childList: true });
const forumThreadsObserver = new TbObserver("#pagelet_frs-list\\/pagelet\\/thread", { attributes: true }, "load");
function loadPerf() {
setPerfAttr();
setThreadLazyload();
}
function setPerfAttr() {
const perfAttr = {
default: "perf-default",
saver: "perf-saver",
performance: "perf-performance"
};
_2.forEach(document.documentElement.attributes, (attr) => {
if (_2.startsWith(attr.name, "perf-")) {
document.documentElement.removeAttribute(attr.name);
}
});
document.documentElement.toggleAttribute(perfAttr[perfProfile.get()]);
}
async function setThreadLazyload() {
if (currentPageType() !== "thread") return;
const lazyloadDiff = {
default: 1e3,
saver: 500,
performance: 9999
};
await waitUntil(() => typeof datalazyload !== "undefined");
threadFloorsObserver.addEvent(setDiff);
function setDiff() {
setTimeout(() => {
datalazyload.userConfig.diff = lazyloadDiff[perfProfile.get()];
}, 500);
}
}
const MainTitle = "Tieba Remix";
const Owner = "HacksawBlade";
const RepoName = "Tieba-Remix";
const GithubRepo = `https://github.com/${Owner}/${RepoName}`;
const GiteeRepo = `https://gitee.com/${Owner}/${RepoName}`;
const BaiduPassport = "https://passport.baidu.com/";
const REMIXED = "\n██████╗ ███████╗███╗   ███╗██╗██╗  ██╗███████╗██████╗ \n██╔══██╗██╔════╝████╗ ████║██║╚██╗██╔╝██╔════╝██╔══██╗\n██████╔╝█████╗  ██╔████╔██║██║ ╚███╔╝ █████╗  ██║  ██║\n██╔══██╗██╔══╝  ██║╚██╔╝██║██║ ██╔██╗ ██╔══╝  ██║  ██║\n██║  ██║███████╗██║ ╚═╝ ██║██║██╔╝ ██╗███████╗██████╔╝\n╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚═╝╚═╝  ╚═╝╚══════╝╚═════╝ \n";
class UserKey {
constructor(key, defaultValue, listeners, migration) {
__publicField(this, "key");
__publicField(this, "defaultValue");
__publicField(this, "listeners");
__publicField(this, "migration");
this.key = key;
this.defaultValue = defaultValue;
this.listeners = {
getter: (listeners == null ? undefined : listeners.getter) ? [listeners.getter] : [],
setter: (listeners == null ? undefined : listeners.setter) ? [listeners.setter] : []
};
this.migration = migration;
}
dispatchEvent(event, value) {
_2.forEach(this.listeners[event], (listener) => listener(value));
}
get() {
let value = _GM_getValue(this.key, this.defaultValue);
if (isLiteralObject(value) && _2.keys(value).length < _2.keys(this.defaultValue).length) {
value = _2.merge(this.defaultValue, value);
}
if (this.migration) {
value = this.migration(value);
_GM_setValue(this.key, value);
}
this.dispatchEvent("getter", value);
return value;
}
set(value) {
_GM_setValue(this.key, value);
this.dispatchEvent("setter", value);
}
remove() {
_GM_deleteValue(this.key);
}
merge(value) {
if (isLiteralObject(value)) {
const merged = { ...this.get(), ...value };
this.set(merged);
this.dispatchEvent("setter", merged);
}
}
mergeDeeply(value) {
if (isLiteralObject(value)) {
const merged = _2.merge(this.get(), value);
this.set(merged);
this.dispatchEvent("setter", merged);
}
}
}
class UserKeyTS extends UserKey {
constructor(key, defaultValue, invalidfn, listeners, migration) {
super(key, defaultValue, listeners, migration);
__publicField(this, "defaultInvalid", () => spawnOffsetTS(0, 0, 0, 12));
this.defaultInvalid = invalidfn ? invalidfn : this.defaultInvalid;
}
get() {
let value = getUserValueTS(this.key, this.defaultValue);
if (isLiteralObject(value) && _2.keys(value).length < _2.keys(this.defaultValue).length) {
value = _2.merge(this.defaultValue, value);
}
if (this.migration) value = this.migration(value);
this.dispatchEvent("getter", value);
return value;
}
/**
* 设置时间敏感的用户 key
* @param value 需要设置的值
* @param invalidTime 失效时间，默认为函数执行 12 小时后
*/
set(value, invalidTime) {
setUserValueTS(this.key, value, invalidTime ? invalidTime : this.defaultInvalid());
this.dispatchEvent("setter", value);
}
merge(value, invalidTime) {
if (isLiteralObject(value)) {
const merged = { ...this.get(), ...value };
this.set(merged, invalidTime ? invalidTime : this.defaultInvalid());
this.dispatchEvent("setter", merged);
}
}
mergeDeeply(value, invalidTime) {
if (isLiteralObject(value)) {
const merged = _2.merge(this.get(), value);
this.set(merged, invalidTime ? invalidTime : this.defaultInvalid());
this.dispatchEvent("setter", merged);
}
}
}
const perfProfile = new UserKey("perfProfile", "default", {
setter() {
setPerfAttr();
}
});
const disabledModules = new UserKey("disabledModules", []);
const unreadFeeds = new UserKeyTS("unreadFeeds", []);
const experimental = new UserKey("experimental", {
moreBlurEffect: false,
rasterEffect: false
});
const latestRelease = new UserKeyTS("latestRelease", undefined);
const updateConfig = new UserKey("updateConfig", {
time: "6h",
notify: true
});
const showUpdateToday = new UserKeyTS("showUpdateToday", true, () => (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0) + 24 * 60 * 60 * 1e3);
const ignoredTag = new UserKey("ignoredTag", "");
const themeType = new UserKey(
"themeType",
"auto",
{
setter(value) {
setTheme(value);
}
}
);
const compactLayout = new UserKey("compactLayout", false);
const wideScreen = new UserKey("wideScreen", {
maxWidth: 1080,
noLimit: false
});
const themeColor = new UserKey("themeColor", {
light: "#614ec2",
dark: "#7161c1"
});
const customBackground = new UserKey(
"customBackground",
undefined,
{
setter() {
setCustomBackground();
}
}
);
const pageExtension = new UserKey("pageExtension", {
index: true,
thread: true
});
const userFonts = new UserKey("userFonts", []);
const monospaceFonts = new UserKey("monospaceFonts", [
"Consolas",
"JetBrains Mono",
"Fira Code",
"Menlo",
"monospace"
]);
const navBarHideMode = new UserKey("navBarHideMode", "fold");
const customStyle = new UserKey("customStyle", "");
const fontWeights = new UserKey("fontWeights", {
"normal": 400,
"bold": 700
});
function getUserValueTS(key, def) {
try {
const valueTS = _GM_getValue(key, {
value: def,
invalidTime: 0
});
const timeStamp = Date.now();
if (valueTS.invalidTime >= timeStamp) {
return valueTS.value;
} else {
return def;
}
} catch (error) {
return def;
}
}
function setUserValueTS(key, value, invalidTime) {
try {
if (invalidTime) {
_GM_setValue(key, {
value,
invalidTime
});
} else {
_GM_setValue(key, value);
}
} catch (error) {
console.warn("setUserValueTS", error);
}
}
class Queue {
constructor(items) {
__publicField(this, "items", []);
if (items) this.items = items;
}
/** 队首 */
peek() {
return this.items[0] ? this.items[0] : undefined;
}
/** 队列长度 */
length() {
return this.items.length;
}
/** 入队 */
enqueue(...elements) {
this.items.push(...elements);
}
/** 出队 */
dequeue() {
return this.items.shift();
}
/** 队列是否为空 */
isEmpty() {
return this.items.length === 0;
}
/** 清空队列 */
clear() {
this.items = [];
}
}
let publicToastInstance;
let isToasting = false;
const toastsQueue = new Queue();
function toast(props) {
toastsQueue.enqueue([{
blurEffect: perfProfile.get() === "performance",
...props
}, -1]);
const interval = setInterval(() => {
if (!isToasting) {
const peek = toastsQueue.peek();
if (peek) renderToast(peek[0]);
clearInterval(interval);
}
}, 100);
}
function renderToast(toastProps) {
isToasting = true;
publicToastInstance = vue.createApp(toastVue, toastProps);
if (!document.getElementById(
"t-wrapper"
/* toast-wrapper */
)) {
document.body.insertBefore(domrd("div", {
"id": "t-wrapper"
}), document.body.firstChild);
}
const vm = publicToastInstance.mount("#t-wrapper");
const peek = toastsQueue.peek();
if (!peek) return;
peek[1] = setTimeout(() => {
publicToastInstance.unmount();
toastsQueue.dequeue();
isToasting = false;
}, toastProps.duration ? toastProps.duration : 6e3);
return vm;
}
function passToNextToast() {
publicToastInstance.unmount();
const peek = toastsQueue.peek();
if (peek) {
clearTimeout(peek[1]);
}
toastsQueue.dequeue();
isToasting = false;
const next = toastsQueue.peek();
if (next) {
setTimeout(() => {
renderToast(next[0]);
}, 10);
}
}
async function requestInstance(api) {
try {
const response = await api;
if (response.ok) {
return await response.json();
}
} catch (error) {
toast({
message: errorMessage(error),
type: "error",
duration: 6e3
});
}
}
const modules = [];
function AllModules() {
return modules;
}
function errorMessage(error) {
const errBody = error.stack ? error.stack : error.message;
return `${_GM_info.script.name} ${_GM_info.script.version}
${errBody}`;
}
function spawnOffsetTS(year = 0, month = 0, day = 0, hours = 0, minutes = 0, seconds = 0) {
const now = /* @__PURE__ */ new Date();
const offset = new Date(
now.getFullYear() + year,
now.getMonth() + month,
now.getDate() + day,
now.getHours() + hours,
now.getMinutes() + minutes,
now.getSeconds() + seconds,
0
);
return offset.getTime();
}
function requestBody(body) {
let reqBody = "";
_2.forOwn(body, (value, key) => {
if (!value) value = "";
reqBody += `${key}=${value}&`;
});
return reqBody.slice(0, -1);
}
function waitUntil(pred, timeout2 = Infinity) {
return new Promise((resolve, reject) => {
const startTime = performance.now();
let id = -1;
function tick() {
if (pred()) {
cancelAnimationFrame(id);
resolve();
} else if (performance.now() - startTime >= timeout2) {
cancelAnimationFrame(id);
reject(new Error("等待超时"));
console.warn("[waitUntil] 等待超时，该函数未在指定时间内得到期望值：", pred);
console.trace("发生错误的调用者：");
if (_GM_info.script.version === "developer-only") {
alert(`等待超时，该函数未在指定时间内得到期望值：${pred}`);
}
} else {
id = requestAnimationFrame(tick);
}
}
id = requestAnimationFrame(tick);
});
}
function isLiteralObject(obj) {
return obj && typeof obj === "object" && !Array.isArray(obj);
}
function outputFile(filename, content) {
const blob = new Blob([content], { type: "text/plain" });
const url = URL.createObjectURL(blob);
const link = document.createElement("a");
link.href = url;
link.download = filename;
link.click();
URL.revokeObjectURL(url);
}
async function selectLocalFile(mode = "text") {
return new Promise((resolve, reject) => {
const input = document.createElement("input");
input.type = "file";
input.addEventListener("change", function() {
if (!input.files) return;
const file = input.files[0];
const reader = new FileReader();
reader.addEventListener("loadend", function() {
const base64String = reader.r###lt;
resolve(base64String);
});
reader.addEventListener("error", function() {
reject(new Error());
});
switch (mode) {
case "text": {
reader.readAsText(file);
break;
}
case "base64": {
reader.readAsDataURL(file);
break;
}
}
});
input.click();
});
}
const fadeInElems = [];
const fadeInClass = "fade-in-elem";
function dom(selector, arg1, arg2) {
if (!arg1) {
return document.querySelector(selector) ?? undefined;
}
if (Array.isArray(arg1)) {
return Array.from(document.querySelectorAll(selector));
}
if (!arg2) {
return arg1.querySelector(selector) ?? undefined;
}
return Array.from(arg1.querySelectorAll(selector));
}
async function asyncdom(selector, parent, timeout2 = Infinity) {
return waitUntil(() => !_2.isNil(dom(selector, parent)), timeout2).then(() => dom(selector, parent));
}
function afterHead(callbackfn) {
callbackfn();
}
function mergeNodeAttrs(node, attrs) {
_2.forOwn(attrs, (value, key) => {
if (value !== node.getAttribute(key)) {
if (isLiteralObject(value)) {
node.setAttribute(key, JSON.stringify(attrs[key]));
} else {
node.setAttribute(key, attrs[key]);
}
}
});
}
function domrd(tag, attrs, children = [], doc) {
const DOC = document;
const elem = DOC.createElement(tag);
if (attrs) {
mergeNodeAttrs(elem, attrs);
}
if (typeof children === "string") {
elem.appendChild(document.createTextNode(children));
} else {
_2.forEach(children, (child) => {
if (typeof child === "string") {
elem.appendChild(document.createTextNode(child));
} else {
elem.appendChild(child);
}
});
}
return elem;
}
function findParent(el, trait, mode = "className") {
const verifier = (() => {
switch (mode) {
case "selector": {
const allValid = new Set(dom(trait, []));
return (parent) => {
return allValid.has(parent);
};
}
case "className": {
return (parent) => parent.classList.contains(trait) ?? false;
}
case "id": {
return (parent) => parent.id === trait;
}
case "tagName": {
return (parent) => parent.tagName.toLowerCase() === trait.toLowerCase();
}
}
})();
while (el.parentElement && !verifier(el.parentElement)) {
el = el.parentElement;
}
return el.parentElement ? el.parentElement : undefined;
}
function fadeInLoad(selector) {
dom(selector, []).forEach((elem) => {
elem.classList.add(fadeInClass);
elem.addEventListener("animationend", () => {
elem.style.opacity = "1";
elem.classList.remove(fadeInClass);
});
});
}
class EventProxy {
constructor() {
__publicField(this, "records", []);
}
/**
* 注册事件
* @param target 事件目标
* @param type 事件类型
* @param callback 事件回调函数
* @param options 选项
*/
on(target, type, callback, options) {
if (!target) return;
target.addEventListener(type, callback, options);
this.records.push({ target, type, callback, options });
}
/** 销毁通过该代理注册的所有事件 */
release() {
_2.forEach(this.records, ({ target, type, callback, options }) => {
target.removeEventListener(type, callback, options);
});
this.records = [];
}
}
const USER_DIALOG_ABNORMAL_TYPES = ["duplicate"];
const _hoisted_1$k = ["data-unique"];
const _hoisted_2$h = {
key: 0,
class: "dialog-title"
};
const _hoisted_3$e = { class: "dialog-content" };
const _hoisted_4$9 = {
key: 1,
class: "dialog-button-panel"
};
const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
__name: "user-dialog",
props: {
modal: { type: Boolean, default: true },
force: { type: Boolean, default: false },
lockScroll: { type: Boolean, default: true },
animation: { type: Boolean, default: true },
blurEffect: { type: Boolean },
title: {},
dialogButtons: { default: () => [] },
shadowMode: { type: Boolean },
modalStyle: { default: () => ({}) },
zIndex: { default: 2025 },
contentStyle: { default: () => ({}) },
clickModalToUnload: { type: Boolean, default: true },
pressEscapeToUnload: { type: Boolean, default: true },
defaultPayload: {},
renderAnimation: { default: "kf-dialog-in var(--default-duration)" },
unloadAnimation: { default: "kf-dialog-out var(--default-duration)" },
uniqueName: {}
},
emits: ["unload", "abnormalUnload"],
setup(__props, { expose: __expose, emit: __emit }) {
vue.useCssVars((_ctx) => ({
"790b06c2": _ctx.$props.zIndex,
"416ec384": _ctx.$props.renderAnimation,
"07d22c3b": _ctx.$props.unloadAnimation
}));
const props = __props;
const emit = __emit;
const evproxy = new EventProxy();
const dialogTrigger = vue.ref(false);
const dialogModal = vue.ref();
const userDialog2 = vue.ref();
const currentPayload = vue.ref(props.defaultPayload);
const abnormal = _2.zipObject(
USER_DIALOG_ABNORMAL_TYPES,
_2.fill(Array(USER_DIALOG_ABNORMAL_TYPES.length), false)
);
let focusRelatedTarget = undefined;
let focusRelatedDialog = undefined;
vue.onBeforeMount(function() {
if (props.uniqueName) {
abnormal.duplicate = !!dom(`.user-dialog[data-unique="${props.uniqueName}"]`);
}
});
vue.onMounted(async function() {
dialogTrigger.value = true;
await vue.nextTick();
if (_2.some(abnormal)) {
abnormalUnload(_2.findKey(abnormal, (val) => val === true));
return;
}
if (!dialogModal.value) return;
if (!userDialog2.value) return;
if (props.modal) {
evproxy.on(userDialog2.value, "focusin", (e) => {
focusRelatedTarget = e.relatedTarget ?? undefined;
if (focusRelatedTarget) focusRelatedDialog = findParent(focusRelatedTarget, "user-dialog");
}, { once: true });
userDialog2.value.focus();
evproxy.on(userDialog2.value, "focusout", (e) => {
var _a, _b;
const modalDialogs = dom(".user-dialog-modal", []);
if (!modalDialogs[modalDialogs.length - 1].contains(userDialog2.value)) return;
if (_2.isNil(e.relatedTarget) || !((_a = userDialog2.value) == null ? undefined : _a.contains(e.relatedTarget))) {
(_b = userDialog2.value) == null ? undefined : _b.focus();
evproxy.on(window, "focusin", function() {
var _a2;
(_a2 = userDialog2.value) == null ? undefined : _a2.focus();
}, { once: true });
}
});
}
if (props.lockScroll) {
document.body.setAttribute("no-scrollbar", "");
document.body.style.paddingRight = `${scrollbarWidth()}px`;
}
if (props.force) {
const FORCE_ALERT_CLASS = "force-alert";
evproxy.on(dialogModal.value, "mousedown", (e) => {
var _a, _b;
if (e.target !== dialogModal.value) return;
if ((_a = userDialog2.value) == null ? undefined : _a.classList.contains(FORCE_ALERT_CLASS)) return;
(_b = userDialog2.value) == null ? undefined : _b.classList.add(FORCE_ALERT_CLASS);
if (userDialog2.value) {
evproxy.on(userDialog2.value, "transitionend", function() {
var _a2;
(_a2 = userDialog2.value) == null ? undefined : _a2.classList.remove(FORCE_ALERT_CLASS);
}, { once: true });
}
});
} else {
if (props.clickModalToUnload) {
evproxy.on(dialogModal.value, "mousedown", (e) => {
if (e.target !== dialogModal.value) return;
unload(props.defaultPayload);
});
}
if (props.pressEscapeToUnload) {
evproxy.on(dialogModal.value, "keydown", (e) => {
if (e.key === "Escape") {
unload(props.defaultPayload);
}
});
}
}
});
vue.onBeforeUnmount(function() {
evproxy.release();
});
function unload(payload) {
currentPayload.value = payload;
dialogTrigger.value = false;
}
function unloadDialog() {
if (props.modal) {
if (focusRelatedTarget && document.body.contains(focusRelatedTarget)) {
focusRelatedTarget.focus();
} else if (focusRelatedDialog && document.body.contains(focusRelatedDialog)) {
focusRelatedDialog.focus();
}
}
if (currentPayload.value) {
emit("unload", currentPayload.value);
return;
}
emit("unload");
}
function handleButtonEvent(eventfn) {
if (eventfn == null ? undefined : eventfn()) {
unload();
}
}
function abnormalUnload(abnormal2) {
emit("abnormalUnload", abnormal2);
}
__expose({
unload,
abnormalUnload
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
!vue.unref(_2).some(vue.unref(abnormal)) ? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
ref_key: "dialogModal",
ref: dialogModal,
"aria-modal": "",
class: "user-dialog-modal",
style: vue.normalizeStyle(vue.unref(parseCSSRule)(_ctx.modalStyle))
}, [
vue.createVNode(vue.Transition, {
name: "dialog",
type: "animation",
onAfterLeave: unloadDialog
}, {
default: vue.withCtx(() => [
vue.withDirectives(vue.createElementVNode("div", {
ref_key: "userDialog",
ref: userDialog2,
class: vue.normalizeClass(["user-dialog remove-default", {
"default": !_ctx.shadowMode,
"shadow": _ctx.shadowMode
}]),
style: vue.normalizeStyle(vue.unref(parseCSSRule)(_ctx.contentStyle)),
tabindex: "-1",
"data-unique": _ctx.uniqueName
}, [
_ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$h, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_3$e, [
vue.renderSlot(_ctx.$slots, "default", {}, undefined, true)
]),
_ctx.dialogButtons.length > 0 ? (vue.openBlock(), vue.createElementBlock("footer", _hoisted_4$9, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.dialogButtons, (button) => {
return vue.openBlock(), vue.createBlock(_sfc_main$q, {
class: vue.normalizeClass(["dialog-button", { "icon": button.icon }]),
"shadow-border": "",
"theme-style": button.style === "themed",
onClick: ($event) => handleButtonEvent(button.event)
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(button.icon ? button.icon : button.text), 1)
]),
_: 2
}, 1032, ["theme-style", "onClick", "class"]);
}), 256))
])) : vue.createCommentVNode("", true)
], 14, _hoisted_1$k), [
[vue.vShow, dialogTrigger.value]
])
]),
_: 3
})
], 4)) : vue.createCommentVNode("", true)
]);
};
}
});
const UserDialog = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-cd3f22c1"]]);
function _isSlot(s) {
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
}
function renderComponent(root, container, rootProps) {
const app = vue.createApp(root, rootProps);
return {
app,
instance: app.mount(container)
};
}
const scrollbarWidth = _2.once(function() {
return window.innerWidth - document.documentElement.clientWidth;
});
function renderPage(root, rootProps) {
if (document.getElementsByTagName("body").length === 0) {
document.documentElement.appendChild(domrd("body"));
}
removeDefault();
const page = domrd("div", {
id: "remixed-page"
});
document.body.insertBefore(page, document.body.firstChild);
document.body.appendChild(domrd("div", {
"id": "carousel_wrap"
}));
injectCSSRule("#spage-tbshare-container, .tbui_aside_float_bar", {
display: "none !important"
});
return renderComponent(root, page, rootProps);
}
function renderDialog(content, opts, events) {
var _a, _b;
(_a = events == null ? undefined : events.beforeRender) == null ? undefined : _a.call(events);
const dialogWrapper = document.body.appendChild(domrd("div", {
class: "dialog-wrapper"
}));
const dialogApp = vue.createApp(content, {
...opts,
onUnload(payload) {
var _a2, _b2;
(_a2 = events == null ? undefined : events.beforeUnload) == null ? undefined : _a2.call(events, rendered);
_unload();
(_b2 = events == null ? undefined : events.unloaded) == null ? undefined : _b2.call(events, payload);
},
onAbnormalUnload(abnormal) {
var _a2;
_unload();
(_a2 = events == null ? undefined : events.abnormalUnload) == null ? undefined : _a2.call(events, abnormal);
}
});
const rendered = {
app: dialogApp,
instance: dialogApp.mount(dialogWrapper)
};
(_b = events == null ? undefined : events.rendered) == null ? undefined : _b.call(events, rendered);
return rendered;
function _unload() {
dialogApp.unmount();
if (dom("[aria-modal]", []).length === 0) {
document.body.removeAttribute("no-scrollbar");
document.body.style.paddingRight = "";
}
dialogWrapper.remove();
}
}
function userDialog(content, dialogOpts, opts) {
let _slot;
return renderDialog(vue.createVNode(UserDialog, dialogOpts, _isSlot(_slot = vue.h(content, opts)) ? _slot : {
default: () => [_slot]
}));
}
function removeDefault() {
_2.forEach(document.head.children, (el) => {
if (el && el.tagName.toUpperCase() === "LINK" && _2.includes(el.getAttribute("href"), "static-common/style")) {
el.remove();
}
if (el && el.tagName.toUpperCase() === "SCRIPT" && _2.includes(el.getAttribute("src"), "static-common/lib")) {
el.remove();
}
});
_2.forEach(document.body.children, (el) => {
if (el && el.tagName.toUpperCase() === "STYLE") {
el.remove();
}
if (el && el.tagName.toUpperCase() === "SCRIPT") {
el.remove();
}
if (el && el.tagName.toUpperCase() === "IFRAME") {
el.remove();
}
if (el && _2.includes(el.className, "translatorExtension")) {
el.remove();
}
if (el && _2.includes(el.className, "dialogJ")) {
el.remove();
}
});
}
const _hoisted_1$j = {
ref: "messageWrapper",
class: "message-wrapper"
};
const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
__name: "message-box",
props: {
title: {},
content: {},
type: {
default: "okOnly"
}
},
setup(__props, {
expose: __expose
}) {
const props = __props;
const positiveButton = {
response: "positive",
text: "确定",
event: () => unloadHandler("positive"),
style: "themed"
};
const negativeButton = {
response: "cancel",
text: "取消",
event: () => unloadHandler("cancel")
};
const forceTrueButton = {
response: "positive",
text: "接受",
event: () => unloadHandler("positive"),
style: "themed"
};
const forceFalseButton = {
response: "negative",
text: "拒绝",
event: () => unloadHandler("negative")
};
const dialog = vue.ref();
const response = vue.ref("cancel");
const dialogOpts = {
animation: true,
lockScroll: true,
modal: true,
title: props.title,
force: props.type === "forceTrueFalse",
dialogButtons: (() => {
switch (props.type) {
case "okOnly":
return [positiveButton];
case "okCancel":
return [positiveButton, negativeButton];
case "forceTrueFalse":
return [forceTrueButton, forceFalseButton];
}
})(),
defaultPayload: response.value
};
function unloadHandler(_response, event) {
var _a;
response.value = _response;
(_a = dialog.value) == null ? undefined : _a.unload(_response);
}
__expose({
response
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.unref(UserDialog), vue.mergeProps({
ref_key: "dialog",
ref: dialog
}, dialogOpts, {
onUnload: _cache[0] || (_cache[0] = ($event) => unloadHandler(response.value))
}), {
default: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$j, [_ctx.content ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
key: 0
}, [typeof _ctx.content === "string" ? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
ref: "messageContent",
class: "message markdown"
}, vue.toDisplayString(_ctx.content), 513)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.content), {
key: 1
}))], 64)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default", {}, undefined, true)], 512)]),
_: 3
}, 16);
};
}
});
const MessageBox = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-39288ca3"]]);
async function messageBox(opts) {
return new Promise((resolve) => {
renderDialog(MessageBox, opts, {
beforeUnload(rendered) {
const response = rendered.instance.response;
resolve(response);
}
});
});
}
const _hoisted_1$i = { class: "about-wrapper" };
const _hoisted_2$g = { class: "main-title" };
const _hoisted_3$d = ["src"];
const _hoisted_4$8 = { class: "title" };
const _hoisted_5$7 = { class: "script-info" };
const _hoisted_6$6 = { class: "author-info" };
const _hoisted_7$5 = { class: "version" };
const _hoisted_8$4 = { class: "author" };
const _hoisted_9$4 = { class: "about-desc" };
const _hoisted_10$4 = { class: "line" };
const _hoisted_11$4 = { class: "about-controls" };
const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
__name: "about.detail",
emits: ["changeView"],
setup(__props, { emit: __emit }) {
const scriptInfo = _GM_info;
const emit = __emit;
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
vue.createElementVNode("div", _hoisted_2$g, [
vue.createElementVNode("img", {
src: vue.unref(getResource)("/assets/images/main/icon.png"),
alt: "icon",
class: "main-icon"
}, null, 8, _hoisted_3$d),
vue.createElementVNode("div", _hoisted_4$8, vue.toDisplayString(vue.unref(MainTitle)), 1)
]),
vue.createElementVNode("div", _hoisted_5$7, [
vue.createElementVNode("div", _hoisted_6$6, [
vue.createElementVNode("div", _hoisted_7$5, vue.toDisplayString(vue.unref(scriptInfo).script.version), 1),
vue.createElementVNode("div", _hoisted_8$4, "@" + vue.toDisplayString(vue.unref(scriptInfo).script.author), 1)
]),
vue.createElementVNode("div", _hoisted_9$4, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(`本开源项目使用 MIT 协议`.split("\n"), (line) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_10$4, vue.toDisplayString(line), 1);
}), 256))
])
]),
vue.createElementVNode("div", _hoisted_11$4, [
vue.createVNode(_sfc_main$q, {
class: "about-button github",
"is-anchor": true,
href: vue.unref(GithubRepo),
"shadow-border": true,
target: "_balnk"
}, {
default: vue.withCtx(() => _cache[1] || (_cache[1] = [
vue.createTextVNode("开放源代码 ")
])),
_: 1
}, 8, ["href"]),
vue.createVNode(_sfc_main$q, {
class: "about-button update",
"shadow-border": true,
onClick: _cache[0] || (_cache[0] = ($event) => emit("changeView", "about", "update"))
}, {
default: vue.withCtx(() => _cache[2] || (_cache[2] = [
vue.createTextVNode(" 检查更新 ")
])),
_: 1
})
]),
_cache[3] || (_cache[3] = vue.createElementVNode("div", { class: "about-desc" }, null, -1))
]);
};
}
});
const AboutDetail = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-08c54454"]]);
const _hoisted_1$h = {
key: 0,
class: "update-wrapper"
};
const _hoisted_2$f = { class: "icon" };
const _hoisted_3$c = { class: "content" };
const _hoisted_4$7 = { class: "title-container" };
const _hoisted_5$6 = { class: "title" };
const _hoisted_6$5 = {
key: 0,
class: "is-pre-release"
};
const _hoisted_7$4 = { class: "main-info" };
const _hoisted_8$3 = ["src"];
const _hoisted_9$3 = { class: "owner" };
const _hoisted_10$3 = ["innerHTML"];
const _hoisted_11$3 = { class: "update-controls" };
const _hoisted_12$2 = {
key: 1,
class: "forbidden-wrapper"
};
const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
__name: "about.update",
setup(__props) {
const release = vue.ref();
const forbidden = vue.ref(false);
const isLatest = vue.ref();
const scriptInfo = _GM_info;
vue.onMounted(async () => {
const latest = await getLatestReleaseFromGitee();
if (latest) {
forbidden.value = false;
release.value = latest;
isLatest.value = `v${scriptInfo.script.version}` >= release.value.tag_name;
} else {
forbidden.value = true;
}
});
return (_ctx, _cache) => {
var _a, _b, _c, _d, _e, _f, _g, _h;
return !forbidden.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
isLatest.value !== undefined ? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
class: vue.normalizeClass(["latest-info", { "is-latest": isLatest.value }])
}, [
vue.createElementVNode("div", _hoisted_2$f, vue.toDisplayString(isLatest.value ? "check" : "warning"), 1),
vue.createElementVNode("div", _hoisted_3$c, vue.toDisplayString(isLatest.value ? "当前是最新版本" : "检测到新版本"), 1)
], 2)) : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_4$7, [
vue.createElementVNode("h2", _hoisted_5$6, vue.toDisplayString((_a = release.value) == null ? undefined : _a.name), 1),
((_b = release.value) == null ? undefined : _b.prerelease) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$5, "预览版")) : vue.createCommentVNode("", true)
]),
vue.createElementVNode("div", _hoisted_7$4, [
((_c = release.value) == null ? undefined : _c.author.avatar_url) ? (vue.openBlock(), vue.createElementBlock("img", {
key: 0,
src: (_d = release.value) == null ? undefined : _d.author.avatar_url,
alt: "",
class: "avatar"
}, null, 8, _hoisted_8$3)) : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_9$3, vue.toDisplayString((_e = release.value) == null ? undefined : _e.author.name), 1)
]),
vue.createElementVNode("div", {
class: "release-body markdown",
innerHTML: ((_f = release.value) == null ? undefined : _f.body) ? vue.unref(marked2.marked)((_g = release.value) == null ? undefined : _g.body) : ""
}, null, 8, _hoisted_10$3),
vue.createElementVNode("div", _hoisted_11$3, [
vue.createVNode(_sfc_main$q, {
class: "up-button download-button",
"shadow-border": "",
"theme-style": "",
"is-anchor": "",
href: (_h = release.value) == null ? undefined : _h.assets[0].browser_download_url
}, {
default: vue.withCtx(() => _cache[0] || (_cache[0] = [
vue.createTextVNode("安装更新 ")
])),
_: 1
}, 8, ["href"])
])
])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$2, _cache[1] || (_cache[1] = [
vue.createElementVNode("div", { class: "icon" }, "warning", -1),
vue.createElementVNode("div", { class: "forbidden-text" }, "请求过于频繁，请稍后重试", -1)
])));
};
}
});
const AboutUpdate = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-c359521c"]]);
const _hoisted_1$g = { class: "layout-custom-back" };
const _hoisted_2$e = ["src"];
const _hoisted_3$b = { class: "custom-back-buttons" };
const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
__name: "layout.custom-back",
setup(__props) {
const imageData = vue.ref(customBackground.get());
const alphaValue = vue.ref("100");
const imageAlphaInput = vue.ref();
vue.watch(imageData, (newValue) => {
customBackground.set(newValue);
});
vue.watch(alphaValue, (newValue) => {
var _a;
const inputElement = (_a = imageAlphaInput.value) == null ? undefined : _a.$el;
if (newValue === "" || +newValue < 0) alphaValue.value = "0", inputElement.value = "0";
if (+newValue > 100) alphaValue.value = "100", inputElement.value = "100";
});
vue.onMounted(async function() {
imageData.value = customBackground.get();
});
async function clearImage() {
imageData.value = undefined;
}
async function selectImageFile() {
imageData.value = await selectLocalFile("base64");
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
vue.withDirectives(vue.createElementVNode("img", {
class: "custom-image",
src: imageData.value ?? "",
title: "自定义背景",
alt: "自定义背景",
style: vue.normalizeStyle(`opacity: ${+alphaValue.value / 100}`)
}, null, 12, _hoisted_2$e), [
[vue.vShow, imageData.value]
]),
vue.createElementVNode("div", _hoisted_3$b, [
vue.createVNode(_sfc_main$q, { onClick: clearImage }, {
default: vue.withCtx(() => _cache[0] || (_cache[0] = [
vue.createTextVNode("清除")
])),
_: 1
}),
vue.createVNode(_sfc_main$q, { onClick: selectImageFile }, {
default: vue.withCtx(() => _cache[1] || (_cache[1] = [
vue.createTextVNode("上传图片")
])),
_: 1
})
])
]);
};
}
});
const LayoutCustomBack = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-fcb5c431"]]);
const _hoisted_1$f = { class: "color-picker" };
const _hoisted_2$d = { key: 0 };
const DEBOUNCE_TIME = 500;
const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
__name: "color-picker",
props: /* @__PURE__ */ vue.mergeModels({
text: { default: "" }
}, {
"modelValue": { required: true },
"modelModifiers": {}
}),
emits: /* @__PURE__ */ vue.mergeModels(["change"], ["update:modelValue"]),
setup(__props, { emit: __emit }) {
const model = vue.useModel(__props, "modelValue");
const emit = __emit;
const debouncedUpdate = _2.debounce(() => {
emit("change", model.value);
}, DEBOUNCE_TIME);
vue.onBeforeUnmount(function() {
debouncedUpdate.cancel();
});
vue.watch(model, function() {
debouncedUpdate();
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("label", _hoisted_1$f, [
vue.withDirectives(vue.createElementVNode("input", {
class: "color-input",
type: "color",
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
}, null, 512), [
[vue.vModelText, model.value]
]),
_ctx.text ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$d, vue.toDisplayString(_ctx.text), 1)) : vue.createCommentVNode("", true)
]);
};
}
});
const ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-faec1870"]]);
const _hoisted_1$e = { class: "theme-color-component" };
const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
__name: "theme.color",
setup(__props) {
const lightTheme = vue.ref(themeColor.get().light);
const darkTheme = vue.ref(themeColor.get().dark);
function changeThemeColor() {
themeColor.set({
dark: darkTheme.value,
light: lightTheme.value
});
}
function resetThemeColor() {
themeColor.remove();
lightTheme.value = themeColor.get().light;
darkTheme.value = themeColor.get().dark;
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
vue.createVNode(ColorPicker, {
text: "浅色主题",
modelValue: lightTheme.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => lightTheme.value = $event),
onChange: changeThemeColor
}, null, 8, ["modelValue"]),
vue.createVNode(ColorPicker, {
text: "深色主题",
modelValue: darkTheme.value,
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => darkTheme.value = $event),
onChange: changeThemeColor
}, null, 8, ["modelValue"]),
vue.createVNode(_sfc_main$q, {
class: "reset-button",
onClick: resetThemeColor
}, {
default: vue.withCtx(() => _cache[2] || (_cache[2] = [
vue.createTextVNode("重置")
])),
_: 1
})
]);
};
}
});
const ThemeColor = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-17596762"]]);
const getUserSettings = _2.once(() => ({
"visibility": {
name: "显示",
icon: "visibility",
description: "主题、显示设置",
sub: {
"theme": {
name: "主题",
content: {
"switch-theme": {
title: "主题偏好设置",
description: `在自动模式下，将根据当前系统设置自动选择合适的主题。你也可以手动应用某一种主题。`,
widgets: [{
type: "select",
content: [{
value: "auto",
text: "自动",
desc: "根据系统设置自动切换主题。"
}, {
value: "dark",
text: "深色",
desc: "使用深色主题。"
}, {
value: "light",
text: "浅色",
desc: "使用浅色主题。"
}],
init() {
return themeType.get();
},
event(theme) {
themeType.set(theme);
}
}]
},
"color": {
title: "主题颜色",
description: `自定义主题色。由于存在深浅两种主题，需要设置两种主题色。`,
widgets: [{
type: "component",
component: vue.markRaw(ThemeColor)
}]
}
}
},
"layout": {
name: "页面布局",
content: {
"compact-layout": {
title: "紧凑布局",
widgets: [{
type: "toggle",
content: `在尽量保证视觉观感的请款下，针对部分页面应用更加紧凑的布局，以提高信息密度。当前会受到影响的页面有：新版看贴页面。`,
init() {
return compactLayout.get();
},
event() {
compactLayout.set(!compactLayout.get());
document.body.toggleAttribute("compact-layout");
return compactLayout.get();
}
}]
},
"custom-background": {
title: "自定义背景图",
description: `上传图片作为页面背景图`,
widgets: [{
type: "component",
component: vue.markRaw(LayoutCustomBack)
}]
},
"wide-screen-title": {
title: "宽屏设置",
description: `针对宽屏设备进行配置`,
widgets: [{
type: "subTitle",
content: "强制拉伸画幅"
}, {
type: "toggle",
content: `对于宽屏设备，不一定需要页面内容宽度始终等于屏幕宽度。如果你想应用强制宽屏，可以开启此项。`,
init() {
return wideScreen.get().noLimit;
},
event() {
const value = wideScreen.get().noLimit;
wideScreen.merge({
noLimit: !value
});
return !value;
}
}, {
type: "subTitle",
content: "最大宽度"
}, {
type: "desc",
content: `配置页面元素跟随屏幕拉伸的最大宽度，若开启了 “强制拉伸画幅” 则此项失效`
}, {
type: "textbox",
placeHolder: "输入最大宽度像素值",
init() {
return String(wideScreen.get().maxWidth);
},
event(e) {
const newValue = e.target.value;
if (!isNaN(+newValue)) {
wideScreen.merge({
maxWidth: +newValue
});
}
}
}]
}
}
},
"page-extension": {
name: "页面扩展",
content: {
"index": {
title: "首页扩展",
widgets: [{
type: "toggle",
content: `首页扩展旨在提供更纯粹的浏览体验，提供管理关注的吧、贴吧热议、瀑布流推送等功能。`,
init() {
return pageExtension.get().index;
},
event() {
pageExtension.merge({
index: !pageExtension.get().index
});
return pageExtension.get().index;
}
}]
},
"thread": {
title: "帖子浏览页面扩展",
widgets: [{
type: "toggle",
content: `使用全新的 UI 简化帖子浏览，并改进屏幕空间利用率。`,
init() {
return pageExtension.get().thread;
},
event() {
pageExtension.merge({
thread: !pageExtension.get().thread
});
return pageExtension.get().thread;
}
}]
}
}
},
"fonts": {
name: "字体",
content: {
"code-zh": {
title: "主要字体组合",
description: `应用在贴吧绝大多数场景的字体组合。`,
widgets: [{
type: "textarea",
placeHolder: "写入字体名，以换行分隔。若需要中英文混排，需将英文字体写在中文字体之前。",
init() {
return _2.join(userFonts.get(), "\n");
},
event(e) {
userFonts.set(_2.split(e.target.value, "\n"));
return _2.join(userFonts.get(), "\n");
}
}]
},
"code-monospace": {
title: "等宽字体组合",
description: `应用在数据显示等场景的等宽字体组合。`,
widgets: [{
type: "textarea",
placeHolder: "写入字体名，以换行分隔。建议在此处写入等宽字体。",
init() {
return _2.join(monospaceFonts.get(), "\n");
},
event(e) {
monospaceFonts.set(_2.split(e.target.value, "\n"));
return _2.join(monospaceFonts.get(), "\n");
}
}]
},
"font-weights": {
title: "字重调整",
description: `设置字体的字重。`,
widgets: [{
type: "subTitle",
content: "默认字重"
}, {
type: "textbox",
placeHolder: "默认字重",
init() {
return fontWeights.get().normal;
},
event(e) {
const newValue = e.target.value;
fontWeights.merge({
normal: +newValue
});
}
}, {
type: "subTitle",
content: "粗体字重"
}, {
type: "textbox",
placeHolder: "粗体字重",
init() {
return fontWeights.get().bold;
},
event(e) {
const newValue = e.target.value;
fontWeights.merge({
bold: +newValue
});
}
}]
}
}
},
"nav-bar": {
name: "导航栏",
content: {
"nav-bar-mode": {
title: "导航栏隐藏模式",
description: `设置导航栏的隐藏模式。`,
widgets: [{
type: "select",
content: [{
value: "fold",
text: "滚动折叠",
desc: "当页面以一定速度向下滚动时，会将导航栏折叠，只会占据很小的屏幕空间，但能更方便地重新访问导航栏。"
}, {
value: "alwaysFold",
text: "始终折叠",
desc: "导航栏始终保持折叠状态。"
}, {
value: "hideWhenScroll",
text: "滚动隐藏",
desc: "当页面以一定速度向下滚动时，彻底隐藏导航栏，重新访问导航栏则需要以一定速度向上滚动页面。"
}, {
value: "fixedOnTop",
text: "顶部固定",
desc: "导航栏不会在视图上跟随移动，仅在页面最顶部固定。"
}, {
value: "never",
text: "始终显示",
desc: "始终显示完整的导航栏。"
}],
init() {
return navBarHideMode.get();
},
event(hideMode) {
navBarHideMode.set(hideMode);
}
}]
}
}
}
}
},
"modules": {
name: "模块",
icon: "deployed_code",
description: "用户模块管理及部署",
sub: AllModules().reduce((accu, curr, index2) => {
function toSubSettingKey(module) {
return {
name: module.name,
description: module.brief,
content: {
"module-info": {
title: module.name,
description: `${module.id} ${module.version}`,
widgets: [{
type: "toggle",
content: module.description,
init() {
return _2.includes(disabledModules.get(), module.id) ? false : true;
},
event() {
if (_2.includes(disabledModules.get(), module.id)) {
const newSet = new Set(disabledModules.get());
newSet.delete(module.id);
disabledModules.set([...newSet]);
return true;
} else {
disabledModules.set([module.id, ...disabledModules.get()]);
return false;
}
}
}]
},
...module.settings
}
};
}
if (index2 === 1) {
const accuObject = toSubSettingKey(accu);
accu = {};
accu[accuObject.name] = accuObject;
}
accu[curr.name] = toSubSettingKey(curr);
return accu;
})
},
"performance": {
name: "性能",
icon: "speed",
description: "硬件性能与流量相关",
sub: {
"perfPresets": {
name: "性能预设",
content: {
"persets": {
title: "性能预设",
description: "从以下预设性能等级选择其一，将会自动对相关场景进行行为调整。",
widgets: [{
type: "select",
content: [{
value: "default",
text: "默认"
}, {
value: "saver",
text: "节能"
}, {
value: "performance",
text: "高性能"
}],
init() {
return perfProfile.get();
},
event(perf) {
perfProfile.set(perf);
}
}]
}
}
}
}
},
"enhanced": {
name: "高级",
icon: "labs",
description: "提前测试一些尚不稳定的新功能",
sub: {
"experimental": {
name: "实验性功能",
content: {
"title": {
title: "实验室",
description: `本版块列举了一些实验性功能，这些功能正处于开发阶段，它们当中的大部分都是默认关闭的。
这些功能可能会产生已知、未知的错误或性能问题，如果这些问题能被更及时全面地反馈，将有助于整个项目的发展。
需要注意的是，这些特性并不保证会保留到后续版本中。`,
widgets: [{
type: "icon",
content: "lab_research"
}]
},
"moreBlurEffect": {
title: "更多模糊效果",
widgets: [{
type: "toggle",
content: `优先考虑提供更多的模糊效果。仅当性能预设为“高性能”时，才会生效。`,
init() {
return experimental.get().moreBlurEffect;
},
event() {
experimental.merge({
moreBlurEffect: !experimental.get().moreBlurEffect
});
}
}]
},
"rasterEffect": {
title: "栅格特效",
widgets: [{
type: "toggle",
content: `将部分场景的模糊效果替换为栅格特效。可能会使文字可见度降低。存在性能问题。`,
init() {
return experimental.get().rasterEffect;
},
event() {
experimental.merge({
rasterEffect: !experimental.get().rasterEffect
});
}
}]
}
}
},
"backup-recover": {
name: "备份与恢复",
content: {
"data-backup": {
title: "数据备份",
description: `备份脚本所有自定义配置`,
widgets: [{
type: "button",
content: "备份",
event() {
backupUserConfigs();
}
}]
},
"recover-backup": {
title: "数据恢复",
description: `从备份文件中恢复脚本所有自定义配置`,
widgets: [{
type: "button",
content: "恢复",
event() {
restoreUserConfigs();
}
}]
}
}
},
"custom-style": {
name: "自定义样式",
content: {
"content": {
title: "自定义样式",
description: `你可以在这里添加一些自定义的CSS代码，用以覆盖脚本内置的一些样式。`,
widgets: [{
type: "textarea",
init() {
return customStyle.get();
},
event(e) {
customStyle.set(e.target.value);
}
}]
}
}
},
"factory-reset": {
name: "重置所有配置",
content: {
"title": {
title: "重置所有配置",
description: `如果你需要将脚本的一切配置恢复默认，请使用此功能。`
},
"reset": {
widgets: [{
type: "button",
content: "重置",
async event() {
if (await messageBox({
title: "重置所有配置",
content: "该操作是不可逆的，请做最后一次确认。",
type: "forceTrueFalse"
}) === "positive") {
_2.forEach(_GM_listValues(), (key) => {
_GM_deleteValue(key);
});
location.reload();
}
}
}]
}
}
}
}
},
"about": {
name: "关于",
icon: "person",
description: "开发信息与检查更新",
sub: {
"update": {
name: "检查更新",
content: {
"update-time": {
title: "检查更新设置",
description: `发行信息追踪频率`,
widgets: [{
type: "select",
content: [{
value: "1h",
text: "1 小时"
}, {
value: "3h",
text: "3 小时"
}, {
value: "6h",
text: "6 小时"
}, {
value: "never",
text: "从不"
}],
init() {
return updateConfig.get().time;
},
event(updateTime) {
updateConfig.merge({
time: updateTime
});
}
}]
},
"update-notify": {
widgets: [{
type: "toggle",
content: `启用一个对话框提示用户更新。该对话框可以立即安装更新，也可以推迟更新操作。`,
init() {
return updateConfig.get().notify;
},
event() {
updateConfig.merge({
notify: !updateConfig.get().notify
});
}
}]
},
"update-component": {
widgets: [{
type: "component",
component: vue.markRaw(AboutUpdate)
}]
}
}
},
"about": {
name: "关于项目",
content: {
"about-component": {
widgets: [{
type: "component",
component: vue.markRaw(AboutDetail)
}]
}
}
}
}
}
}));
const TOGGLE_ON_CLASS = "toggle-on";
const TOGGLE_OFF_CLASS = "toggle-off";
const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
__name: "toggle-button",
props: {
"modelValue": { type: Boolean, ...{
required: true,
default: false
} },
"modelModifiers": {}
},
emits: ["update:modelValue"],
setup(__props) {
const model = vue.useModel(__props, "modelValue");
const toggleClass = vue.computed(() => {
return model.value ? TOGGLE_ON_CLASS : TOGGLE_OFF_CLASS;
});
function toggle() {
model.value = !model.value;
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(_sfc_main$q, {
class: vue.normalizeClass(["toggle-button", toggleClass.value]),
onClick: toggle
}, {
default: vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "default", {}, undefined, true)
]),
_: 3
}, 8, ["class"]);
};
}
});
const ToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-6728dba5"]]);
const _hoisted_1$d = {
class: "user-check"
};
const _hoisted_2$c = ["for"];
const _hoisted_3$a = {
class: "label-text"
};
const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
__name: "user-check",
props: /* @__PURE__ */ vue.mergeModels({
id: {},
text: {
default: ""
}
}, {
"modelValue": {
type: Boolean,
...{
required: true,
default: false
}
},
"modelModifiers": {}
}),
emits: /* @__PURE__ */ vue.mergeModels(["change"], ["update:modelValue"]),
setup(__props, {
emit: __emit
}) {
const model = vue.useModel(__props, "modelValue");
const emit = __emit;
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [vue.createElementVNode("label", {
for: _ctx.id,
class: "check-label"
}, [vue.createVNode(ToggleButton, {
modelValue: model.value,
"onUpdate:modelValue": [_cache[0] || (_cache[0] = ($event) => model.value = $event), _cache[1] || (_cache[1] = ($event) => emit("change", model.value))],
id: _ctx.id,
class: "check-button icon",
"theme-style": model.value
}, {
default: vue.withCtx(() => [vue.createTextVNode(vue.toDisplayString(model.value ? "check" : ""), 1)]),
_: 1
}, 8, ["modelValue", "id", "theme-style"]), vue.createElementVNode("p", _hoisted_3$a, vue.toDisplayString(_ctx.text), 1)], 8, _hoisted_2$c)]);
};
}
});
const UserCheck = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-48d9506d"]]);
const _hoisted_1$c = {
class: "user-select"
};
const _hoisted_2$b = {
class: "current-text"
};
const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
__name: "user-select",
props: /* @__PURE__ */ vue.mergeModels({
data: {},
defaultValue: {}
}, {
"value": {},
"valueModifiers": {}
}),
emits: /* @__PURE__ */ vue.mergeModels(["change"], ["update:value"]),
setup(__props, {
emit: __emit
}) {
const props = __props;
vue.useModel(__props, "value");
const emit = __emit;
const selectToggle = vue.ref();
const selectContainer = vue.ref();
const useSelect = vue.ref(false);
const currentIndex = vue.ref(function() {
if (!props.defaultValue) return 0;
const index2 = _2.findIndex(props.data, (d) => d.value === props.defaultValue);
return index2 === -1 ? 0 : index2;
}());
const hoverIndex = vue.ref(currentIndex.value);
vue.watch(useSelect, function() {
hoverIndex.value = currentIndex.value;
});
vue.watch(currentIndex, (index2) => {
emit("change", props.data[index2].value);
});
function selectFocusout(e) {
var _a;
((_a = selectContainer.value) == null ? undefined : _a.contains(e.relatedTarget)) ? useSelect.value = true : useSelect.value = false;
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [vue.createVNode(ToggleButton, {
ref_key: "selectToggle",
ref: selectToggle,
modelValue: useSelect.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => useSelect.value = $event),
class: "select-toggle",
onFocusout: selectFocusout
}, {
default: vue.withCtx(() => [vue.createElementVNode("p", _hoisted_2$b, vue.toDisplayString(_ctx.data[currentIndex.value].text), 1), _cache[1] || (_cache[1] = vue.createElementVNode("div", {
class: "icon"
}, "keyboard_arrow_down", -1))]),
_: 1
}, 8, ["modelValue"]), vue.createVNode(vue.Transition, {
name: "select"
}, {
default: vue.withCtx(() => [vue.withDirectives(vue.createElementVNode("div", {
ref_key: "selectContainer",
ref: selectContainer,
class: "select-container"
}, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (value, i) => {
return vue.openBlock(), vue.createBlock(_sfc_main$q, {
"theme-style": currentIndex.value === i,
class: "select-transition select-button",
onClick: ($event) => (currentIndex.value = i, useSelect.value = false),
onMouseenter: ($event) => hoverIndex.value = i,
onFocusout: selectFocusout
}, {
default: vue.withCtx(() => [vue.createTextVNode(vue.toDisplayString(value.text), 1)]),
_: 2
}, 1032, ["theme-style", "onClick", "onMouseenter"]);
}), 256)), vue.withDirectives(vue.createElementVNode("div", {
class: "select-transition select-desc",
tabindex: "-1",
onFocusout: selectFocusout
}, vue.toDisplayString(useSelect.value ? _ctx.data[hoverIndex.value].desc : ""), 545), [[vue.vShow, _ctx.data[hoverIndex.value].desc]])], 512), [[vue.vShow, useSelect.value]])]),
_: 1
})]);
};
}
});
const UserSelect = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-7da72ee3"]]);
const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
__name: "user-textbox",
props: {
modelValue: { default: "" },
mutiLines: { type: Boolean },
lodashStyle: { type: Boolean, default: false }
},
emits: ["update:modelValue"],
setup(__props) {
const props = __props;
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.mutiLines ? "textarea" : "input"), {
class: vue.normalizeClass(["user-textbox", { "lodash-style": props.lodashStyle }]),
type: "text",
value: _ctx.modelValue,
onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value)),
autocomplete: "off"
}, null, 40, ["class", "value"]);
};
}
});
const UserTextbox = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-a690d550"]]);
const _hoisted_1$b = {
class: "settings-wrapper remove-default"
};
const _hoisted_2$a = {
class: "left-container"
};
const _hoisted_3$9 = {
class: "search-controls"
};
const _hoisted_4$6 = {
class: "left-panel"
};
const _hoisted_5$5 = {
class: "icon"
};
const _hoisted_6$4 = {
class: "key-info"
};
const _hoisted_7$3 = {
class: "key-title"
};
const _hoisted_8$2 = {
class: "key-desc"
};
const _hoisted_9$2 = {
class: "middle-container"
};
const _hoisted_10$2 = {
class: "key-title"
};
const _hoisted_11$2 = {
class: "right-container"
};
const _hoisted_12$1 = {
key: 0,
class: "content-title"
};
const _hoisted_13$1 = {
key: 1,
class: "content-desc"
};
const _hoisted_14$1 = {
class: "line"
};
const _hoisted_15$1 = {
class: "setting-control"
};
const _hoisted_16$1 = {
key: 1,
class: "icon-component icon"
};
const _hoisted_17$1 = {
key: 4,
class: "content-sub-title"
};
const _hoisted_18$1 = {
key: 5,
class: "content-desc"
};
const _hoisted_19$1 = {
class: "line"
};
const _hoisted_20$1 = ["src", "alt", "title", "onLoad"];
const _hoisted_21$1 = {
key: 1,
class: "empty-container filled-icon"
};
const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
__name: "settings",
setup(__props, {
expose: __expose
}) {
const userSettings = getUserSettings();
const dialogOpts = {
uniqueName: "settings",
animation: true,
modal: true,
lockScroll: true,
modalStyle: {
justifyContent: "flex-start"
},
contentStyle: {
display: "flex",
flexDirection: "column",
width: "100%",
height: "max-content",
maxWidth: "var(--content-max)",
overflow: "hidden"
}
};
const searchText = vue.ref("");
const selectedKey = vue.ref();
const selectedSubKey = vue.ref();
function selectMainKey(key) {
selectedKey.value = key;
selectedSubKey.value = undefined;
}
function selectSubKey(key) {
selectedSubKey.value = key;
}
function changeView(key, sub) {
selectedKey.value = userSettings[key];
selectedSubKey.value = userSettings[key].sub[sub];
}
function clearSelections() {
selectedKey.value = undefined;
selectedSubKey.value = undefined;
}
function searchKey() {
if (searchText.value.length <= 0) {
clearSelections();
return;
}
if (!_2.find(userSettings, (mainKey) => {
if (_2.find(mainKey.sub, (subKey) => {
if (subKey.name.toLowerCase().includes(searchText.value.toLowerCase())) {
selectedKey.value = mainKey;
selectedSubKey.value = subKey;
return true;
} else {
return false;
}
})) return true;
else return false;
})) clearSelections();
}
const debSearchKey = _2.debounce(searchKey, 500);
__expose({
dialogOpts
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.unref(UserDialog), vue.normalizeProps(vue.guardReactiveProps(dialogOpts)), {
default: vue.withCtx(() => {
var _a, _b;
return [vue.createElementVNode("div", _hoisted_1$b, [vue.createElementVNode("div", _hoisted_2$a, [vue.createElementVNode("div", _hoisted_3$9, [_cache[1] || (_cache[1] = vue.createElementVNode("div", {
class: "title"
}, "设置", -1)), vue.createVNode(UserTextbox, {
modelValue: searchText.value,
"onUpdate:modelValue": [_cache[0] || (_cache[0] = ($event) => searchText.value = $event), vue.unref(debSearchKey)],
class: "search-box",
placeholder: "输入需要搜索的设置"
}, null, 8, ["modelValue", "onUpdate:modelValue"])]), vue.createElementVNode("div", _hoisted_4$6, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(userSettings), (setting) => {
var _a2;
return vue.openBlock(), vue.createBlock(_sfc_main$q, {
class: vue.normalizeClass(["key-button main-key", {
"selected": ((_a2 = selectedKey.value) == null ? undefined : _a2.name) === setting.name
}]),
onClick: ($event) => selectMainKey(setting),
"no-border": "all"
}, {
default: vue.withCtx(() => [_cache[2] || (_cache[2] = vue.createElementVNode("div", {
class: "main-key-selected"
}, null, -1)), vue.createElementVNode("div", _hoisted_5$5, vue.toDisplayString(setting.icon), 1), vue.createElementVNode("div", _hoisted_6$4, [vue.createElementVNode("div", _hoisted_7$3, vue.toDisplayString(setting.name), 1), vue.createElementVNode("div", _hoisted_8$2, vue.toDisplayString(setting.description), 1)])]),
_: 2
}, 1032, ["class", "onClick"]);
}), 256))])]), vue.withDirectives(vue.createElementVNode("div", _hoisted_9$2, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a = selectedKey.value) == null ? undefined : _a.sub, (setting) => {
var _a2;
return vue.openBlock(), vue.createBlock(_sfc_main$q, {
class: vue.normalizeClass(["key-button sub-key", {
"selected": ((_a2 = selectedSubKey.value) == null ? undefined : _a2.name) === setting.name
}]),
onClick: ($event) => selectSubKey(setting),
"no-border": "all"
}, {
default: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_10$2, vue.toDisplayString(setting.name), 1)]),
_: 2
}, 1032, ["class", "onClick"]);
}), 256))], 512), [[vue.vShow, selectedKey.value]]), vue.createElementVNode("div", _hoisted_11$2, [((_b = selectedSubKey.value) == null ? undefined : _b.name) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
key: 0
}, vue.renderList(selectedSubKey.value.content, (content) => {
return vue.openBlock(), vue.createElementBlock("div", {
key: Math.random(),
class: "setting-content"
}, [(content == null ? undefined : content.title) ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_12$1, vue.toDisplayString(content == null ? undefined : content.title), 1)) : vue.createCommentVNode("", true), (content == null ? undefined : content.description) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_13$1, [(content == null ? undefined : content.description) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
key: 0
}, vue.renderList(content.description.split("\n"), (line) => {
return vue.openBlock(), vue.createElementBlock("p", _hoisted_14$1, vue.toDisplayString(line), 1);
}), 256)) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true), (content == null ? undefined : content.widgets) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
key: 2
}, vue.renderList(content.widgets, (widget) => {
var _a2, _b2;
return vue.openBlock(), vue.createElementBlock("div", _hoisted_15$1, [widget.type === "toggle" ? (vue.openBlock(), vue.createBlock(UserCheck, {
key: 0,
class: "settings-toggle",
"model-value": widget.init ? widget.init() : undefined,
text: typeof widget.content === "string" ? widget.content : undefined,
onChange: widget.event
}, null, 8, ["model-value", "text", "onChange"])) : vue.createCommentVNode("", true), widget.type === "icon" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$1, vue.toDisplayString(widget.content), 1)) : vue.createCommentVNode("", true), widget.type === "button" ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
key: 2,
onClick: widget.event,
"shadow-border": ""
}, {
default: vue.withCtx(() => [vue.createTextVNode(vue.toDisplayString(widget.content), 1)]),
_: 2
}, 1032, ["onClick"])) : vue.createCommentVNode("", true), widget.type === "select" && Array.isArray(widget.content) ? (vue.openBlock(), vue.createBlock(UserSelect, {
key: 3,
class: "settings-select",
data: widget.content,
"default-value": (_a2 = widget.init) == null ? undefined : _a2.call(widget),
onChange: widget.event
}, null, 8, ["data", "default-value", "onChange"])) : vue.createCommentVNode("", true), widget.type === "subTitle" ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_17$1, vue.toDisplayString(widget.content), 1)) : vue.createCommentVNode("", true), widget.type === "desc" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18$1, [widget.content && typeof widget.content === "string" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
key: 0
}, vue.renderList(widget.content.split("\n"), (line) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_19$1, vue.toDisplayString(line), 1);
}), 256)) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true), vue.unref(_2).includes(["textbox", "textarea"], widget.type) ? (vue.openBlock(), vue.createBlock(UserTextbox, {
key: 6,
class: vue.normalizeClass(["content-textbox", {
"textarea": widget.type === "textarea"
}]),
value: widget.init ? widget.init() : "",
"muti-lines": widget.type === "textarea",
placeholder: widget.placeHolder,
onChange: widget.event
}, null, 8, ["class", "value", "muti-lines", "placeholder", "onChange"])) : vue.createCommentVNode("", true), widget.type === "image" ? (vue.openBlock(), vue.createElementBlock("img", {
key: 7,
class: "content-image",
src: (_b2 = widget.content) == null ? undefined : _b2.toString(),
alt: widget.altContent,
title: widget.altContent,
onLoad: widget.init
}, null, 40, _hoisted_20$1)) : vue.createCommentVNode("", true), widget.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(widget == null ? undefined : widget.component), {
key: 8,
onChangeView: changeView
}, null, 32)) : vue.createCommentVNode("", true)]);
}), 256)) : vue.createCommentVNode("", true)]);
}), 128)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_21$1, "settings"))])])];
}),
_: 1
}, 16);
};
}
});
const Settings = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-ae6e43ab"]]);
function parseUserModules(glob, callbackfn) {
const modules2 = [];
_2.forEach(glob, async (moduleExport) => {
const currentModule = (await moduleExport()).default;
const disabledSet = new Set(disabledModules.get());
const runnable = (() => {
if (currentModule.switch || currentModule.switch === undefined) {
if (disabledSet.has(currentModule.id)) {
return false;
}
if (currentModule.scope === true) {
return true;
}
if (Array.isArray(currentModule.scope)) {
for (let i = 0; i < currentModule.scope.length; i++) {
const scope = currentModule.scope[i];
if (currentPageType() === scope) {
return true;
}
}
}
if (currentModule.scope instanceof RegExp) {
if (currentModule.scope.test(location.href)) {
return true;
}
}
}
return false;
})();
const runModule = {
"immediately": () => {
currentModule.entry();
},
"afterHead": () => {
afterHead(() => {
currentModule.entry();
});
},
"DOMLoaded": () => {
document.addEventListener("DOMContentLoaded", () => {
currentModule.entry();
});
},
"loaded": () => {
window.addEventListener("load", () => {
currentModule.entry();
});
}
};
currentModule.runnable = runnable;
if (runnable) {
runModule[currentModule.runAt]();
}
modules2.push(currentModule);
callbackfn(currentModule);
});
return modules2;
}
const tiebaAPI = {
/** 首页推荐 */
feedlist: () => fetch(`/f/index/feedlist?${requestBody({
"is_new": 1,
"tag_id": "like"
})}`),
/** 用户头像 */
URL_profile: (portrait) => `https://gss0.baidu.com/7Ls0a8Sm2Q5IlBGlnYG/sys/portrait/item/${portrait}`,
/** 当前登录用户信息 */
userInfo: (serverTime) => fetch(`/f/user/json_userinfo?${requestBody({
"_": serverTime
})}`),
/** 用户主页 */
URL_userHome: (portrait) => `/home/main?id=${portrait}&fr=index`,
/** 搜索建议 */
suggestions: (query, encoding = "UTF-8", serverTime) => fetch(`/suggestion?${requestBody({
"query": query,
"ie": encoding,
"_": serverTime
})}`),
/** 贴吧热议 */
topicList: () => fetch("/hottopic/browse/topicList"),
/** 吧跳转 */
URL_forum: (keywords, encoding = "utf-8") => `/f?ie=${encoding}&kw=${keywords}`,
/** 未读消息 */
unreadMessages: (serverTime) => fetch(`/im/pcmsg/query/getAllUnread?${requestBody({
"_": serverTime
})}`),
/** 收藏更新 */
favUpdateNum: () => fetch("/sysmsg/userpost/queryStoreUpdateNum"),
/** 获取 tbs */
tbs: () => fetch("/dc/common/tbs"),
/** imgtbs */
imgtbs: () => fetch("/dc/common/imgtbs"),
/** 获取已关注的吧 */
followedForums: () => fetch("/mo/q/newmoindex"),
/** 更详细的用户信息 */
userInfoAll: (un, encoding = "UTF-8") => fetch(`/home/get/panel?${requestBody({
"ie": encoding,
"un": un
})}`),
/** 关注吧 */
followForum: (tbs, forumId, forumName) => fetch(`/mo/q/favolike?${requestBody({
"itb_tbs": tbs,
"fid": forumId,
"kw": forumName
})}`),
/** 取消关注吧 */
unfollowForum: (tbs, forumName) => fetch(`/mo/q/delmylike?${requestBody({
"itb_tbs": tbs,
"forum_name": forumName
})}`),
/** 通过 `uid` 查找用户 */
getUserFromUID: (uid) => fetch(`/im/pcmsg/query/getUserInfo?${requestBody({
"chatUid": uid
})}`),
/** 一键签到（Web 端） */
oneKeySign: () => fetch("/tbmall/onekeySignin1"),
/** 热门动态 */
hotFeeds: (un, pn, encoding = "utf-8", serverTime) => fetch(`/mo/q/newmoindex?${requestBody({
"un": un,
"pn": pn,
"ie": encoding,
"_": serverTime
})}`),
/** 获取当前页所有楼中楼数据 */
totalComments: (timeStamp, tid, fid, pn, lzOnly = false) => fetch(`/p/totalComment?${requestBody({
"t": timeStamp,
"tid": tid,
"fid": fid,
"pn": pn,
"see_lz": Number(lzOnly)
})}`),
/** 获取热门话题相关贴 */
topicRelatedThreads: (topicName, page, lastId, topicId, sortType = 1) => fetch(`/hottopic/browse/getTopicRelateThread?${requestBody({
"topic_name": topicName,
"page_no": page,
"last_id": lastId,
"topic_id": topicId,
"sort_type": sortType
})}`),
/** 将贴子添加到收藏 */
addFavoritePost: (tbs, tid, fid, encoding = "utf-8") => fetch("/i/submit/open_storethread", {
method: "POST",
body: JSON.stringify({ tbs, tid, fid, encoding })
}),
forumSignInfo: (forumName, encoding = "utf-8") => fetch(`/sign/info?${requestBody({
"kw": forumName,
"ie": encoding
})}`),
forumLoadMonth: (forumName, encoding = "utf-8") => fetch(`/sign/loadmonth?${requestBody({
"kw": forumName,
"ie": encoding
})}`),
addFloor: (tbs, forum, forumId, threadId, content, floorNum, richText, ev = "comment", __type__ = "reply") => fetch("/f/commit/post/add", {
method: "POST",
body: JSON.stringify({
"ie": "utf-8",
"kw": forum,
"fid": forumId,
"tid": threadId,
"floor_num": floorNum,
"rich_text": Number(richText),
"tbs": tbs,
"content": content,
"basilisk": 1,
"nick_name": PageData.user.user_nickname,
"ev": ev,
"biz[po]": PageData.user.portrait.split("?")[0],
"__type__": __type__,
"geetest_success": 0
})
})
};
function parsePostFromElement(elem) {
const titleTagWrapperAnch = dom(".title-tag-wraper a", elem);
const threadNameWrapper = elem.getElementsByClassName("thread-name-wraper")[0];
const threadNameWrapperAnch = threadNameWrapper.getElementsByTagName("a")[0];
const listPostNum = dom(".list-post-num em", threadNameWrapper);
const imgs = dom("img:not(.nicknameEmoji)", elem, []);
const nReply = elem.getElementsByClassName("n_reply")[0];
const nReplyAnch = nReply.getElementsByTagName("a")[0];
const imgArray = [];
if (imgs.length > 0) {
_2.forEach(imgs, (img) => {
imgArray.push({
thumb: img.src,
original: _2.defaultTo(img.getAttribute("original"), "")
});
});
}
return {
id: _2.defaultTo(elem.getAttribute("data-thread-id"), ""),
forum: {
id: _2.defaultTo(elem.getAttribute("data-forum-id"), ""),
name: (titleTagWrapperAnch == null ? undefined : titleTagWrapperAnch.title) ?? "",
href: (titleTagWrapperAnch == null ? undefined : titleTagWrapperAnch.href) ?? ""
},
author: {
portrait: _2.split(nReplyAnch.href, /(\?id=)|&/)[2],
name: transEmojiFromDOMString(nReplyAnch.innerHTML),
href: nReplyAnch.href
},
time: _2.defaultTo(elem.getElementsByClassName("time")[0].textContent, ""),
title: threadNameWrapperAnch.title,
content: _2.defaultTo(elem.getElementsByClassName("n_txt")[0].textContent, ""),
replies: _2.defaultTo(listPostNum == null ? undefined : listPostNum.getAttribute("data-num"), 0),
images: imgArray
};
}
function parsePostsFromString(responseString, callbackfn) {
const feedList = [];
const dom2 = new DOMParser().parseFromString(responseString, "text/html");
const threads = dom2.getElementsByClassName("j_feed_li");
const undesired = "home-place-item";
_2.forEach(threads, (thread2) => {
if (thread2.classList.contains(undesired)) return;
const post = parsePostFromElement(thread2);
feedList.push(post);
});
return feedList;
}
function transEmojiFromDOMString(str) {
const indexRegex = new RegExp("(?<=nickemoji\\/).*?(?=.png)", "gi");
if (!str.match(indexRegex)) return str;
const emojis = [
"º",
"◎",
"▫",
"◆",
"♤",
"♀",
"♂",
"ლ",
"♬",
"☞",
"☜",
"✆",
"☎",
"♋",
"Ω",
"℃",
"℉",
"😄",
"😍",
"😘",
"😚",
"😜",
"😳",
"😁",
"😞",
"😢",
"😂",
"😫",
"😨",
"😱",
"😡",
"😷",
"😲",
"😈",
"🐷",
"🐶",
"🐑",
"🐵",
"🐨",
"🐴",
"🐼",
"🐯",
"🍪",
"🍺",
"🍦",
"🍭",
"🍗",
"🍼",
"🔯",
"🍒",
"👀",
"🐭",
"😇",
"😺",
"😻",
"🙀",
"😿",
"😹",
"😾",
"👹",
"👺",
"🌞",
"🌝",
"🌚",
"🌜",
"🌛",
"👦",
"👧",
"🎎",
"🌸",
"🍀",
"🌹",
"🌻",
"🌺",
"🍁",
"🌿",
"🍄",
"🌵",
"🌴",
"🌳",
"🌰",
"🌱",
"🌼",
"🌐",
"🌙",
"🌋",
"🌌",
"⛅",
"⚡",
"☔",
"⛄",
"🌀",
"🌈",
"🌊",
"🔥",
"✨",
"🌟",
"💥",
"💫",
"💢",
"💦",
"💧",
"💤",
"💨",
"🎀",
"🌂",
"💄",
"💕",
"💖",
"💞",
"💘",
"💌",
"💋",
"💝",
"🎒",
"🎓",
"🎏",
"🎃",
"👻",
"🎅",
"🎄",
"🎁",
"🙈",
"🐒",
"💯",
"👯",
"💍"
];
const transformed = [
"1-1.png",
"1-2.png",
"1-4.png",
"1-5.png",
"1-6.png",
"1-7.png",
"1-8.png",
"1-9.png",
"1-10.png",
"1-11.png",
"1-12.png",
"1-13.png",
"1-14.png",
"1-15.png",
"1-16.png",
"1-17.png",
"1-18.png",
"1-19.png",
"1-20.png",
"1-21.png",
"1-22.png",
"1-23.png",
"1-24.png",
"1-25.png",
"1-26.png",
"1-27.png",
"1-28.png",
"1-29.png",
"1-30.png",
"1-31.png",
"1-32.png",
"1-33.png",
"1-34.png",
"1-35.png",
"2-1.png",
"2-2.png",
"2-3.png",
"2-4.png",
"2-5.png",
"2-6.png",
"2-7.png",
"2-8.png",
"2-9.png",
"2-10.png",
"2-11.png",
"2-12.png",
"2-13.png",
"2-14.png",
"2-15.png",
"2-16.png",
"2-17.png",
"2-18.png",
"2-19.png",
"2-20.png",
"2-21.png",
"2-22.png",
"2-23.png",
"2-24.png",
"2-25.png",
"2-26.png",
"2-27.png",
"2-28.png",
"2-29.png",
"2-30.png",
"2-31.png",
"2-32.png",
"2-33.png",
"2-34.png",
"2-35.png",
"3-1.png",
"3-2.png",
"3-3.png",
"3-4.png",
"3-5.png",
"3-6.png",
"3-7.png",
"3-8.png",
"3-9.png",
"3-10.png",
"3-11.png",
"3-12.png",
"3-13.png",
"3-14.png",
"3-15.png",
"3-16.png",
"3-17.png",
"3-18.png",
"3-19.png",
"3-20.png",
"3-21.png",
"3-22.png",
"3-23.png",
"3-24.png",
"3-25.png",
"3-26.png",
"3-27.png",
"3-28.png",
"3-29.png",
"3-30.png",
"3-31.png",
"3-32.png",
"3-33.png",
"3-34.png",
"3-35.png",
"4-1.png",
"4-2.png",
"4-3.png",
"4-4.png",
"4-5.png",
"4-6.png",
"4-7.png",
"4-8.png",
"4-9.png",
"4-10.png",
"4-11.png",
"4-12.png",
"4-13.png",
"4-14.png",
"4-15.png",
"4-16.png",
"4-17.png",
"4-18.png",
"4-19.png",
"4-20.png",
"4-21.png",
"4-22.png",
"4-23.png"
];
const arrIndex = str.match(indexRegex);
arrIndex == null ? undefined : arrIndex.forEach((index2) => {
const emoji = emojis[transformed.indexOf(`${index2}.png`)];
const arrInner = _2.split(str, RegExp(
`<img[^>]*?${index2}.png(?:[^>]*?)*>`,
"g"
));
str = _2.join(arrInner, decodeURIComponent(emoji));
});
return str;
}
function levelToClass(level) {
if (level < 0) return;
if (level >= 1 && level <= 3) return "green";
if (level >= 4 && level <= 9) return "blue";
if (level >= 9 && level <= 15) return "yellow";
if (level >= 16) return "orange";
}
const _sfc_main$c = {};
const _hoisted_1$a = { class: "block-panel blur-if-custom-background" };
function _sfc_render(_ctx, _cache) {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
vue.renderSlot(_ctx.$slots, "default")
]);
}
const BlockPanel = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render]]);
/**
* Flex Masonry
* @author @HacksawBlade
* @version 1.1
* @license MIT
*/
class FlexMasonry {
constructor(options) {
__publicField(this, "container");
__publicField(this, "items");
__publicField(this, "columnContainers", []);
__publicField(this, "columnWidth");
__publicField(this, "gap");
__publicField(this, "options");
__publicField(this, "containerSelector");
__publicField(this, "itemsSelector");
__publicField(this, "columnSelector", ".masonry-column");
__publicField(this, "columnsHeight", []);
__publicField(this, "fragment");
/** 当前布局的列数 */
__publicField(this, "_columns");
options = parseOptions(options);
this.container = (() => {
if (typeof options.container === "string") {
this.containerSelector = options.container;
const _container = document.querySelector(options.container);
if (_container) {
return _container;
} else {
throw new Error("Can't find container element.");
}
} else {
return options.container;
}
})();
if (options.items) {
this.items = (() => {
if (typeof options.items === "string") {
this.itemsSelector = options.items;
const _items = document.querySelectorAll(options.items);
if (_items) {
return Array.from(_items);
} else {
return [];
}
} else {
return options.items;
}
})().map((el) => {
el.style.visibility = "hidden";
return { element: el, cachedHeight: el.clientHeight };
});
} else {
this.items = [];
}
this.columnWidth = options.columnWidth;
if (options.gap) {
if (Array.isArray(options.gap)) {
this.gap = options.gap;
} else {
this.gap = [options.gap, options.gap];
}
} else {
this.gap = [0, 0];
}
this._columns = 0;
this.options = options;
this.initStyle();
if (options.autoExec) this.exec();
}
initStyle() {
this.container.style.display = "flex";
this.container.style.alignItems = "flex-start";
this.container.style.justifyContent = "center";
this.container.style.gap = `${this.gap[0]}px`;
}
get columns() {
return this._columns;
}
/** 执行布局 */
exec() {
this.calcColumns();
const originalPosition = window.scrollY;
this.calc();
this.layout();
if (this.options.fixScrollOffset) window.scrollTo(0, originalPosition);
}
adjustWidth() {
const elColumns = this.container.querySelectorAll(this.columnSelector);
const width = (this.container.clientWidth - this.gap[0] * (this._columns - 1)) / this._columns;
elColumns.forEach((el) => {
el.style.width = `${width}px`;
});
}
/** 仅计算布局 */
calc() {
this.columnsHeight = Array(this.calcColumns()).fill(0);
const fragment = document.createDocumentFragment();
const _col = this.container.querySelectorAll(this.columnSelector);
_col.forEach((col) => {
col.remove();
});
this.columnContainers.length = 0;
for (let i = 0; i < this._columns; i++) {
this.columnContainers.push(
fragment.appendChild(createNewElement("div", {
class: this.columnSelector.substring(1),
style: `width: ${(this.container.clientWidth - this.gap[0] * (this._columns - 1)) / this._columns}px;`
}))
);
}
this.columnContainers.forEach((ccontainer) => {
ccontainer.style.display = "flex";
ccontainer.style.flexDirection = "column";
ccontainer.style.gap = `${this.gap[1]}px`;
});
this.items.forEach((el) => {
this._appendElement(el);
});
this.fragment = fragment;
}
/**
* 仅应用布局
*
* 调用该函数前需要已经至少计算过一次布局
*/
layout() {
if (this.fragment) {
this.container.appendChild(this.fragment);
} else {
throw Error("Never conducted layout calculations before. You should use exec() or calc() first.");
}
}
removeUnusedColumns() {
const _col = this.container.querySelectorAll(this.columnSelector);
_col.forEach((col) => {
if (col.children.length === 0) col.remove();
});
}
/**
* 清空布局中的所有 `items`
*
* 该操作并不会将元素从文档中移除
*/
clear() {
this.items.length = 0;
this.columnsHeight = Array(this.calcColumns()).fill(0);
}
/** 仅计算当前需要的列数 */
calcColumns() {
this._columns = Math.ceil((this.container.clientWidth - this.columnWidth) / (this.columnWidth + this.gap[0]));
return this._columns;
}
/**
* 向布局中加入元素
* @param el 要添加的元素
*/
appendElement(...elems) {
const masonryElements = elems.map((el) => {
return {
element: el,
cachedHeight: el.clientHeight
};
});
this._appendElement(...masonryElements);
this.items.push(...masonryElements);
}
_appendElement(...elems) {
elems.forEach((el) => {
const minIndex = this.columnsHeight.indexOf(Math.min(...this.columnsHeight));
this.columnsHeight[minIndex] += el.cachedHeight;
this.columnContainers[minIndex].appendChild(el.element);
el.element.style.visibility = "visible";
const clientHeight = this.columnContainers[minIndex].clientHeight;
if (clientHeight !== 0) {
this.columnsHeight[minIndex] = this.columnContainers[minIndex].clientHeight;
}
});
}
/**
* 在原有子项的基础上追加子项
* @param newItems 要添加的新元素，接受 CSS选择器
* @param interval 插入每个元素间的时间间隔
*/
append(newItems, interval) {
const appended = (() => {
if (newItems) {
if (typeof newItems === "string") {
const _items = document.querySelectorAll(newItems);
return Array.from(_items);
} else {
return newItems;
}
} else {
if (this.itemsSelector) {
const _items = Array.from(document.querySelectorAll(this.itemsSelector));
const appendCount = _items.length - this.items.length;
if (appendCount > 0) {
const _appended = _items.slice(-appendCount);
return _appended;
}
}
}
})();
if (appended) {
if (!interval || interval <= 0) {
appended.forEach((el) => {
this.appendElement(el);
});
} else {
appended.forEach((el, index2) => {
setTimeout(() => {
this.appendElement(el);
}, interval * index2);
});
}
}
}
refreshContainer() {
if (this.containerSelector) {
const newContainer = document.querySelector(this.containerSelector);
if (newContainer) {
this.container = newContainer;
}
}
}
}
function parseOptions(options) {
options.gap = options.gap || 0;
options.autoExec = options.autoExec === undefined ? true : options.autoExec;
options.fixScrollOffset = options.fixScrollOffset === undefined ? false : options.fixScrollOffset;
return options;
}
function createNewElement(tag, attrs) {
const el = document.createElement(tag);
for (const key in attrs) {
el.setAttribute(key, attrs[key]);
}
return el;
}
class FrameInterval {
constructor(callback) {
__publicField(this, "id");
__publicField(this, "callback");
__publicField(this, "thenfn", () => undefined);
__publicField(this, "stopCondition");
this.callback = callback ?? (() => undefined);
this.stopCondition = () => false;
this.id = requestAnimationFrame(this.tick.bind(this));
}
tick() {
if (this.stopCondition()) {
this.cancel();
return;
}
this.callback();
this.id = requestAnimationFrame(this.tick.bind(this));
}
cancel() {
if (this.id) {
cancelAnimationFrame(this.id);
this.id = undefined;
}
this.thenfn();
}
until(stopCondition) {
this.stopCondition = stopCondition;
return this;
}
then(thenfn) {
this.thenfn = thenfn;
}
}
const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
__name: "header-progress",
props: {
calc: { type: Function }
},
setup(__props) {
const props = __props;
const headerProgress2 = vue.ref();
const valueRef = vue.ref(0);
vue.onMounted(function() {
if (headerProgress2.value) {
new FrameInterval(calcValue).until(() => valueRef.value >= 100);
}
});
function calcValue() {
valueRef.value = props.calc();
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", {
ref_key: "headerProgress",
ref: headerProgress2,
id: "header-progress",
class: vue.normalizeClass({ "complete": valueRef.value >= 100 }),
style: vue.normalizeStyle(`width: ${valueRef.value}vw;`)
}, null, 6);
};
}
});
const HeaderProgress = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-782eb887"]]);
function renderJSX(jsxel, parent) {
vue.render(jsxel, parent);
const root = parent.firstChild;
return {
root,
vnode: jsxel,
remove() {
vue.render(null, parent);
if (root.parentNode) root.remove();
}
};
}
function createJSXWrapper() {
return domrd("div", {
class: "jsx-wrapper"
});
}
function insertJSX(jsxel, parent, position) {
const jsxWrapper = createJSXWrapper();
return renderJSX(jsxel, parent.insertBefore(jsxWrapper, position ?? null));
}
function appendJSX(jsxel, parent) {
const jsxWrapper = createJSXWrapper();
return renderJSX(jsxel, parent.appendChild(jsxWrapper));
}
function headerProgress(props, delay = 2e3, timeout2 = 1e4) {
const progressBar = vue.createVNode(HeaderProgress, {
"calc": props.calc
}, null);
const rendered = insertJSX(progressBar, document.body, document.body.firstChild ?? undefined);
const timeoutTimer = setTimeout(() => {
rendered.root.remove();
}, timeout2);
waitUntil(() => rendered.root.style.width === "100vw", timeout2).then(function() {
setTimeout(() => {
rendered.root.remove();
clearTimeout(timeoutTimer);
}, delay);
});
return rendered;
}
const shieldList = new UserKey(
"shieldList",
[],
undefined,
(maybeLegacy) => _2.map(maybeLegacy, shieldRuleMigration)
);
function matchShield(rule, str, scope) {
if (!rule.toggle) return false;
if (rule.scope !== scope) return false;
if (rule.ignoreCase === undefined) rule.ignoreCase = true;
if (rule.type === "text") {
if (rule.ignoreCase) {
rule.content = rule.content.toLowerCase();
str = str.toLowerCase();
}
if (str.indexOf(rule.content) !== -1) {
return true;
}
}
if (rule.type === "regex") {
let regex;
if (rule.ignoreCase) {
regex = new RegExp(rule.content, "i");
} else {
regex = new RegExp(rule.content);
}
if (regex.test(str)) {
return true;
}
}
return false;
}
function shieldRuleMigration(rule) {
if (!_2.has(rule, "rule")) return rule;
rule = rule;
const newRule = {
content: rule.rule,
type: "text",
scope: "content",
toggle: rule.switch,
ignoreCase: rule.ignoreCase,
matchHTML: rule.matchHTML
};
if (rule.type === "string") newRule.type = "text";
if (rule.scope === "posts") newRule.scope = "content";
if (rule.scope === "users") newRule.scope = "username";
return newRule;
}
const _hoisted_1$9 = {
id: "shield-editor"
};
const _hoisted_2$9 = {
id: "shield-editor-rule-control"
};
const _hoisted_3$8 = {
id: "shield-editor-toggle-control"
};
const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
__name: "shield-editor",
props: {
rule: {}
},
setup(__props) {
const props = __props;
const dialog = vue.ref();
const useRegex = vue.ref(props.rule.type === "regex");
const userScope = vue.ref(props.rule.scope === "username");
const ruleRef = vue.ref({
...props.rule
});
function keyPressHandler(e) {
if (e.key === "Enter") {
e.preventDefault();
submit();
}
}
function submit() {
var _a;
const newRule = {
...ruleRef.value,
type: useRegex.value ? "regex" : "text",
scope: userScope.value ? "username" : "content"
};
(_a = dialog.value) == null ? undefined : _a.unload(newRule);
}
function unload() {
var _a;
(_a = dialog.value) == null ? undefined : _a.unload({
...props.rule
});
}
function deleteRule() {
var _a;
(_a = dialog.value) == null ? undefined : _a.unload();
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.unref(UserDialog), {
ref_key: "dialog",
ref: dialog,
title: "编辑",
"dialog-buttons": [{
text: "确定",
event: submit,
style: "themed"
}, {
text: "取消",
event: unload
}],
"default-payload": {
...props.rule
}
}, {
default: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$9, [vue.createElementVNode("div", _hoisted_2$9, [_cache[4] || (_cache[4] = vue.createElementVNode("label", {
for: "shield-editor-rule"
}, "规则", -1)), vue.createVNode(UserTextbox, {
modelValue: ruleRef.value.content,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => ruleRef.value.content = $event),
id: "shield-editor-rule",
"muti-lines": "",
onKeypress: keyPressHandler
}, null, 8, ["modelValue"])]), vue.createElementVNode("div", _hoisted_3$8, [vue.createVNode(UserCheck, {
modelValue: ruleRef.value.toggle,
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => ruleRef.value.toggle = $event),
id: "shield-editor-toggle",
text: "启用"
}, null, 8, ["modelValue"]), vue.createVNode(UserCheck, {
modelValue: useRegex.value,
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => useRegex.value = $event),
id: "shield-editor-regex",
text: "正则表达式"
}, null, 8, ["modelValue"]), vue.createVNode(UserCheck, {
modelValue: userScope.value,
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => userScope.value = $event),
id: "shield-editor-user",
text: "屏蔽用户名"
}, null, 8, ["modelValue"])]), vue.createVNode(_sfc_main$q, {
id: "shield-editor-delete",
onClick: deleteRule
}, {
default: vue.withCtx(() => _cache[5] || (_cache[5] = [vue.createTextVNode("删除规则")])),
_: 1
})])]),
_: 1
}, 8, ["dialog-buttons", "default-payload"]);
};
}
});
const ShieldEditor = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-8cfcb5eb"]]);
const _hoisted_1$8 = {
class: "shield-container"
};
const _hoisted_2$8 = {
key: 0,
class: "words-container"
};
const _hoisted_3$7 = {
class: "icon"
};
const _hoisted_4$5 = {
class: "content"
};
const _hoisted_5$4 = {
key: 1,
class: "empty-list-container"
};
const _hoisted_6$3 = {
class: "shield-controls"
};
const _hoisted_7$2 = {
class: "submit-controls"
};
const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
__name: "module.shield",
setup(__props) {
const shieldListRef = vue.ref(shieldList.get());
const inputRule = vue.ref("");
const useRegex = vue.ref(false);
const userScope = vue.ref(false);
function inputKeyPress(e) {
if (e.key === "Enter") {
e.preventDefault();
updateShieldList();
}
}
function editRule(rule, index2) {
renderDialog(ShieldEditor, {
rule
}, {
unloaded(rule2) {
if (!rule2) {
shieldListRef.value.splice(index2, 1);
shieldList.set(shieldListRef.value);
return;
}
shieldListRef.value[index2] = rule2;
shieldList.set(shieldListRef.value);
}
});
}
function removeAll() {
shieldListRef.value.length = 0;
shieldList.remove();
}
async function removeAllWithConfirm() {
if (await messageBox({
content: "该操作将无法恢复，确定要删除所有屏蔽规则吗？",
type: "forceTrueFalse"
}) === "positive") {
removeAll();
}
}
function updateShieldList() {
if (inputRule.value.length <= 0) return;
const rule = {
content: inputRule.value,
type: useRegex.value ? "regex" : "text",
scope: userScope.value ? "username" : "content",
toggle: true
};
shieldListRef.value.push(rule);
inputRule.value = "";
shieldList.set(shieldListRef.value);
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [shieldListRef.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(shieldListRef.value, (sh, index2) => {
return vue.openBlock(), vue.createBlock(_sfc_main$q, {
class: vue.normalizeClass(["shield-elem", {
"content-scope": sh.scope === "content",
"user-scope": sh.scope === "username",
"disabled": !sh.toggle
}]),
onClick: ($event) => editRule(sh, index2)
}, {
default: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_3$7, vue.toDisplayString(sh.scope === "content" ? "chat" : "account_circle"), 1), vue.createElementVNode("p", _hoisted_4$5, vue.toDisplayString(sh.content), 1)]),
_: 2
}, 1032, ["class", "onClick"]);
}), 256)), vue.createVNode(_sfc_main$q, {
class: "remove-all shield-elem icon",
onClick: removeAllWithConfirm
}, {
default: vue.withCtx(() => _cache[3] || (_cache[3] = [vue.createTextVNode("delete")])),
_: 1
})])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$4, "当前没有记录屏蔽规则")), vue.createElementVNode("div", _hoisted_6$3, [vue.createVNode(UserTextbox, {
modelValue: inputRule.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputRule.value = $event),
"muti-lines": "",
class: "shield-input",
placeholder: "输入屏蔽规则，按下 [ENTER] 提交。",
onKeypress: inputKeyPress
}, null, 8, ["modelValue"]), vue.createElementVNode("div", _hoisted_7$2, [vue.createVNode(UserCheck, {
modelValue: useRegex.value,
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => useRegex.value = $event),
id: "use-regex",
text: "正则表达式"
}, null, 8, ["modelValue"]), vue.createVNode(UserCheck, {
modelValue: userScope.value,
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => userScope.value = $event),
id: "user-scope",
text: "屏蔽用户名"
}, null, 8, ["modelValue"]), vue.createVNode(_sfc_main$q, {
class: "submit-button",
"shadow-border": true,
"theme-style": true,
onClick: updateShieldList
}, {
default: vue.withCtx(() => _cache[4] || (_cache[4] = [vue.createTextVNode("确定 ")])),
_: 1
})])])]);
};
}
});
const moduleShieldVue = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-1dec7a04"]]);
const index$f = {
id: "shield",
name: "贴吧屏蔽",
author: "锯条",
version: "1.2",
brief: "眼不见为净",
description: `用户自定义屏蔽规则，符合规则的贴子和楼层将不会显示在首页、看贴页面和进吧页面。支持正则匹配`,
scope: true,
runAt: "immediately",
settings: {
"shield-controls": {
title: "管理屏蔽规则",
description: `这些屏蔽规则将会在首页、看贴页面生效，会自动隐藏所有符合匹配规则的贴子和楼层。`,
widgets: [{
type: "component",
component: vue.markRaw(moduleShieldVue)
}]
}
},
entry: main$6
};
function shieldBySelector(observer, scope, parentSelector, subSelector) {
observer.addEvent(() => {
dom(parentSelector, []).forEach((elem) => {
let isMatch = false;
const content = _2.join(_2.map(dom(subSelector, elem, []), (el) => el.textContent ?? ""), "\n");
for (const rule of shieldList.get()) {
if (matchShield(rule, content, scope)) {
isMatch = true;
break;
}
}
if (isMatch) {
elem.style.display = "none";
}
});
});
}
function main$6() {
shieldBySelector(threadFloorsObserver, "content", ".l_post_bright", ".d_post_content");
shieldBySelector(threadFloorsObserver, "username", ".l_post_bright", ".p_author_name");
shieldBySelector(threadCommentsObserver, "content", ".lzl_single_post", ".lzl_content_main");
shieldBySelector(threadCommentsObserver, "username", ".lzl_single_post", ".lzl_cnt .j_user_card");
shieldBySelector(legacyIndexFeedsObserver, "content", ".j_feed_li", ".title, .n_txt");
shieldBySelector(legacyIndexFeedsObserver, "username", ".j_feed_li", ".post_author");
shieldBySelector(forumThreadsObserver, "content", ".j_thread_list", ".threadlist_title a");
shieldBySelector(forumThreadsObserver, "username", ".j_thread_list", ".frs-author-name-wrap");
}
const index$g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
__proto__: null,
default: index$f,
matchShield,
shieldList,
shieldRuleMigration
}, Symbol.toStringTag, { value: "Module" }));
const _hoisted_1$7 = ["src"];
const _hoisted_2$7 = { class: "zoom-size" };
const _hoisted_3$6 = ["src", "onClick"];
const MIN_SIZE = 0.1;
const MAX_SIZE = 8;
const VLI_THRESHOLD = 5;
const VLI_WIDTH_SCALE = 2;
const DEFAULT_HIDE_CONTROLS_DELAY = 1e3;
const SHOW_CONTROLS_THRESHOLD_X = 180;
const SHOW_CONTROLS_THRESHOLD_Y = 140;
const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
__name: "images-viewer",
props: {
content: {},
defaultIndex: { default: 0 }
},
setup(__props) {
const props = __props;
const imageArray = [];
if (typeof props.content === "string") {
imageArray.push(props.content);
} else if (Array.isArray(props.content)) {
imageArray.push(...props.content);
} else {
_2.map(props.content.images, (value) => {
imageArray.push(value.original);
});
}
const dialog = vue.ref();
const imagesViewer2 = vue.ref();
const imageContainer = vue.ref();
const currImage = vue.ref();
const curr = vue.ref(props.defaultIndex);
const scale = vue.ref(1);
const deg = vue.ref(0);
const imageLeft = vue.ref(undefined);
const imageTop = vue.ref(undefined);
const showControls = vue.ref({
left: false,
right: false,
top: false,
bottom: false
});
const lockControls = vue.ref({
left: false,
right: false,
top: false,
bottom: false
});
const vliMode = vue.ref(false);
const imageStyle = vue.computed(() => {
return {
transform: `scale(${scale.value}) rotate(${deg.value}deg)`,
left: `${imageLeft.value}px`,
top: `${imageTop.value}px`,
transition: vliMode.value ? "all 0.4s ease, left 0s, top 0.1s ease-out" : "all 0.4s ease, left 0s, top 0s"
};
});
const imageProps = vue.computed(function() {
var _a;
const naturalHeight = ((_a = currImage.value) == null ? undefined : _a.naturalHeight) ?? 0;
return {
naturalHeight: naturalHeight ?? 0,
scaledHeight: naturalHeight ?? 0 * scale.value,
vliMaxTop: -(naturalHeight * (1 - scale.value) / 2) + window.innerHeight / 2,
vliMinTop: -(naturalHeight * scale.value) - naturalHeight * (1 - scale.value) / 2 + window.innerHeight / 2
};
});
const dialogOpts = {
blurEffect: false,
shadowMode: true,
contentStyle: {
width: "100%",
height: "100%"
},
renderAnimation: "kf-fade-in var(--fast-duration)",
unloadAnimation: "kf-fade-out var(--fast-duration)"
};
const evproxy = new EventProxy();
let lastMousePos = { x: window.innerWidth / 2, y: window.innerHeight / 2 };
let lastControlTimeout = {
left: 0,
right: 0,
top: 0,
bottom: 0
};
vue.onMounted(async () => {
await vue.nextTick();
let offsetX = 0, offsetY = 0;
evproxy.on(window, "mousemove", _2.throttle(function(e) {
const { clientX, clientY } = e;
lastMousePos = { x: clientX, y: clientY };
showControls.value = verifyPos();
}, 100, { leading: true }));
lockControlsTemporarily("all", DEFAULT_HIDE_CONTROLS_DELAY);
evproxy.on(imagesViewer2.value, "wheel", imageWheel, { passive: true });
evproxy.on(currImage.value, "mousedown", (e) => {
if (!currImage.value) return;
e.preventDefault();
if (vliMode.value) return;
offsetX = e.clientX - currImage.value.offsetLeft;
offsetY = e.clientY - currImage.value.offsetTop;
document.addEventListener("mousemove", moveHandler);
});
evproxy.on(document, "mouseup", (e) => {
e.preventDefault();
document.removeEventListener("mousemove", moveHandler);
});
evproxy.on(currImage.value, "load", function() {
if (!currImage.value) return;
vliMode.value = false;
(() => {
if (currImage.value.naturalHeight < window.innerHeight && currImage.value.naturalWidth < window.innerWidth) {
scale.value = 1;
return;
}
if (currImage.value.naturalHeight / currImage.value.naturalWidth >= VLI_THRESHOLD) {
vliMode.value = true;
scale.value = window.innerWidth / VLI_WIDTH_SCALE / currImage.value.naturalWidth;
imageLeft.value = undefined;
return;
}
vliMode.value = false;
scale.value = Math.min(
window.innerWidth / currImage.value.naturalWidth,
window.innerHeight / currImage.value.naturalHeight
);
})();
currImage.value.classList.remove("changing");
});
evproxy.on(currImage.value, "transitionend", function() {
var _a, _b, _c;
if (Math.abs(deg.value) >= 360) {
(_a = currImage.value) == null ? undefined : _a.classList.add("changing");
deg.value = Math.abs(deg.value) % 360;
(_b = currImage.value) == null ? undefined : _b.offsetHeight;
(_c = currImage.value) == null ? undefined : _c.classList.remove("changing");
}
});
function moveHandler(e) {
if (!currImage.value) return;
imageLeft.value = e.clientX - offsetX;
imageTop.value = e.clientY - offsetY;
}
});
vue.onUnmounted(function() {
evproxy.release();
});
vue.watch(curr, function() {
var _a;
(_a = currImage.value) == null ? undefined : _a.classList.add("changing");
deg.value = 0;
imageLeft.value = undefined;
imageTop.value = undefined;
});
vue.watch(imageTop, function(newTop) {
if (vliMode.value) {
if (!currImage.value || !imageTop.value || !newTop) return;
if (newTop > imageProps.value.vliMaxTop) {
imageTop.value = imageProps.value.vliMaxTop;
}
if (newTop < imageProps.value.vliMinTop) {
imageTop.value = imageProps.value.vliMinTop;
}
}
});
vue.watch(vliMode, function(newMode) {
lockControlsTemporarily("top", DEFAULT_HIDE_CONTROLS_DELAY);
if (newMode && currImage.value && !imageTop.value) {
imageTop.value = Math.max(
imageProps.value.vliMinTop,
-(currImage.value.naturalHeight * (1 - scale.value) / 2)
);
}
});
function unload() {
var _a;
(_a = dialog.value) == null ? undefined : _a.unload();
}
function listBack() {
if (curr.value > 0) curr.value--;
}
function listForward() {
if (curr.value < imageArray.length - 1) curr.value++;
}
function zoomImage(delta) {
scale.value += delta;
if (scale.value < MIN_SIZE) {
scale.value = MIN_SIZE;
}
if (scale.value > MAX_SIZE) {
scale.value = MAX_SIZE;
}
}
function rotateImage(delta) {
deg.value += delta;
}
function imageWheel(e) {
if (!currImage.value) return;
if (!vliMode.value) {
zoomImage(-e.deltaY / 1e3);
} else {
if (!imageTop.value) imageTop.value = 0;
imageTop.value += -e.deltaY / 1e3 * window.innerHeight;
}
}
function clickModal(e) {
if (e.target === imageContainer.value) {
unload();
}
}
function lockControlsTemporarily(direction, timeout2) {
if (direction !== "all") {
lock(direction);
} else {
lock("left");
lock("right");
lock("top");
lock("bottom");
}
function lock(direction2) {
lockControls.value[direction2] = true;
if (lastControlTimeout[direction2]) {
clearTimeout(lastControlTimeout[direction2]);
}
showControls.value[direction2] = true;
lastControlTimeout[direction2] = setTimeout(() => {
lockControls.value[direction2] = false;
showControls.value = verifyPos();
}, timeout2);
}
}
function verifyPos(pos = lastMousePos) {
const distanceToLeft = pos.x;
const distanceToRight = window.innerWidth - pos.x;
const distanceToTop = pos.y;
const distanceToBottom = window.innerHeight - pos.y;
const calcValue = {
left: false,
right: false,
top: false,
bottom: false
};
distanceToLeft <= SHOW_CONTROLS_THRESHOLD_X || lockControls.value.left ? calcValue.left = true : calcValue.left = false;
distanceToRight <= SHOW_CONTROLS_THRESHOLD_X || lockControls.value.right ? calcValue.right = true : calcValue.right = false;
distanceToTop <= SHOW_CONTROLS_THRESHOLD_Y || lockControls.value.top ? calcValue.top = true : calcValue.top = false;
distanceToBottom <= SHOW_CONTROLS_THRESHOLD_Y || lockControls.value.bottom ? calcValue.bottom = true : calcValue.bottom = false;
return calcValue;
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.unref(UserDialog), vue.mergeProps({
ref_key: "dialog",
ref: dialog
}, dialogOpts), {
default: vue.withCtx(() => [
vue.createElementVNode("div", {
ref_key: "imagesViewer",
ref: imagesViewer2,
class: "images-viewer",
onClick: clickModal
}, [
vue.createElementVNode("div", {
ref_key: "imageContainer",
ref: imageContainer,
class: "image-container dialog-toggle"
}, [
vue.createElementVNode("img", {
ref_key: "currImage",
ref: currImage,
class: "curr-image changing",
src: imageArray[curr.value],
style: vue.normalizeStyle(vue.unref(parseCSSRule)(imageStyle.value))
}, null, 12, _hoisted_1$7)
], 512),
vue.createElementVNode("div", {
class: vue.normalizeClass(["control-panel head-controls", { "hide": !showControls.value.top }])
}, [
vue.createVNode(ToggleButton, {
class: "vli-mode head-btn icon",
title: "长图模式",
modelValue: vliMode.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vliMode.value = $event)
}, {
default: vue.withCtx(() => _cache[5] || (_cache[5] = [
vue.createTextVNode("chrome_reader_mode ")
])),
_: 1
}, 8, ["modelValue"]),
_cache[11] || (_cache[11] = vue.createElementVNode("span", null, "|", -1)),
vue.createVNode(_sfc_main$q, {
class: "zoom-in head-btn icon",
title: "缩小",
onClick: _cache[1] || (_cache[1] = ($event) => zoomImage(0.5))
}, {
default: vue.withCtx(() => _cache[6] || (_cache[6] = [
vue.createTextVNode(" zoom_in ")
])),
_: 1
}),
vue.createVNode(_sfc_main$q, {
class: "zoom-out head-btn icon",
title: "放大",
onClick: _cache[2] || (_cache[2] = ($event) => zoomImage(-0.5))
}, {
default: vue.withCtx(() => _cache[7] || (_cache[7] = [
vue.createTextVNode(" zoom_out ")
])),
_: 1
}),
vue.createElementVNode("span", _hoisted_2$7, vue.toDisplayString(vue.unref(_2).round(scale.value * 100) + "%"), 1),
_cache[12] || (_cache[12] = vue.createElementVNode("span", null, "|", -1)),
vue.createVNode(_sfc_main$q, {
class: "turn-left head-btn icon",
title: "逆时针旋转",
onClick: _cache[3] || (_cache[3] = ($event) => rotateImage(-90))
}, {
default: vue.withCtx(() => _cache[8] || (_cache[8] = [
vue.createTextVNode(" undo ")
])),
_: 1
}),
vue.createVNode(_sfc_main$q, {
class: "turn-right head-btn icon",
title: "顺时针旋转",
onClick: _cache[4] || (_cache[4] = ($event) => rotateImage(90))
}, {
default: vue.withCtx(() => _cache[9] || (_cache[9] = [
vue.createTextVNode(" redo ")
])),
_: 1
}),
_cache[13] || (_cache[13] = vue.createElementVNode("span", null, "|", -1)),
vue.createVNode(_sfc_main$q, {
class: "close head-btn icon",
title: "关闭",
onClick: unload
}, {
default: vue.withCtx(() => _cache[10] || (_cache[10] = [
vue.createTextVNode(" close ")
])),
_: 1
})
], 2),
imageArray.length > 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
key: 0,
class: vue.normalizeClass(["control-panel back icon", { "hide": !showControls.value.left }]),
title: "上一张",
onClick: listBack
}, {
default: vue.withCtx(() => _cache[14] || (_cache[14] = [
vue.createTextVNode(" chevron_left ")
])),
_: 1
}, 8, ["class"])) : vue.createCommentVNode("", true),
imageArray.length > 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
key: 1,
class: vue.normalizeClass(["control-panel forward icon", { "hide": !showControls.value.right }]),
title: "下一张",
onClick: listForward
}, {
default: vue.withCtx(() => _cache[15] || (_cache[15] = [
vue.createTextVNode(" chevron_right ")
])),
_: 1
}, 8, ["class"])) : vue.createCommentVNode("", true),
vue.createElementVNode("div", {
class: vue.normalizeClass(["control-panel bottom-controls", { "hide": !showControls.value.bottom }])
}, [
(vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(imageArray, (image, index2) => {
return vue.createVNode(_sfc_main$q, {
class: vue.normalizeClass(["bottom-btn", { "selected": index2 === curr.value }]),
"no-border": "all"
}, {
default: vue.withCtx(() => [
vue.createElementVNode("img", {
class: "image-list",
src: image,
alt: "",
onClick: ($event) => curr.value = index2
}, null, 8, _hoisted_3$6)
]),
_: 2
}, 1032, ["class"]);
}), 64))
], 2)
], 512)
]),
_: 1
}, 16);
};
}
});
const ImagesViewer = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-f4016c3f"]]);
function imagesViewer(opts) {
renderDialog(vue.createVNode(ImagesViewer, opts, null));
}
const _hoisted_1$6 = { class: "main-content" };
const _hoisted_2$6 = { class: "title" };
const _hoisted_3$5 = {
key: 0,
class: "content"
};
const _hoisted_4$4 = {
key: 0,
class: "img-container"
};
const _hoisted_5$3 = ["src"];
const _hoisted_6$2 = { class: "bottom-controls" };
const _hoisted_7$1 = ["src"];
const _hoisted_8$1 = { class: "author-info" };
const _hoisted_9$1 = { class: "author-name" };
const _hoisted_10$1 = { class: "post-time" };
const _hoisted_11$1 = { class: "replies" };
const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
__name: "post-container",
props: {
post: {},
lazyLoad: { type: Boolean, default: false },
dynamic: { type: Boolean, default: false }
},
emits: ["clickImage", "assetsLoaded"],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const postContainer = vue.ref();
const isIntersecting = vue.ref(!props.lazyLoad);
const loadedAssets = vue.ref(0);
vue.onMounted(() => {
if (!postContainer.value) return;
if (props.post.images.length === 0) {
emit("assetsLoaded", postContainer.value);
}
if (!props.lazyLoad) return;
const iObs = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
isIntersecting.value = true;
iObs.disconnect();
}
});
});
iObs.observe(postContainer.value.$el);
});
function showImage(e, index2) {
e.preventDefault();
emit("clickImage", (() => {
const output = [];
_2.map(props.post.images, (value) => {
output.push(value.original);
});
return output;
})(), index2);
}
function addLoadedPost() {
loadedAssets.value += 1;
if (loadedAssets.value === props.post.images.length) {
emit("assetsLoaded", postContainer.value);
}
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(_sfc_main$q, {
ref_key: "postContainer",
ref: postContainer,
"is-anchor": true,
class: vue.normalizeClass(["post-container", { "dynamic": props.dynamic, "assets-loaded": loadedAssets.value === props.post.images.length }]),
href: "/p/" + props.post.id,
target: "_blank"
}, {
default: vue.withCtx(() => [
vue.createElementVNode("div", null, [
vue.createVNode(_sfc_main$q, {
"is-anchor": true,
class: "forum-btn",
"shadow-border": true,
href: props.post.forum.href,
target: "_blank"
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(props.post.forum.name + " 吧"), 1)
]),
_: 1
}, 8, ["href"])
]),
vue.createElementVNode("div", _hoisted_1$6, [
vue.createElementVNode("p", _hoisted_2$6, vue.toDisplayString(props.post.title), 1),
props.post.content && props.post.content !== " " ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$5, vue.toDisplayString(props.post.content), 1)) : vue.createCommentVNode("", true)
]),
props.post.images.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.post.images, (image, index2) => {
return vue.openBlock(), vue.createBlock(_sfc_main$q, {
class: "img-button",
onClick: ($event) => showImage($event, index2),
"no-border": "all"
}, {
default: vue.withCtx(() => [
vue.createElementVNode("img", {
class: "post-img",
src: isIntersecting.value ? image.original : "",
onLoad: addLoadedPost
}, null, 40, _hoisted_5$3)
]),
_: 2
}, 1032, ["onClick"]);
}), 256))
])) : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_6$2, [
vue.createVNode(_sfc_main$q, {
class: "author",
"is-anchor": true,
href: props.post.author.href,
target: "_blank",
"shadow-border": true
}, {
default: vue.withCtx(() => [
vue.createElementVNode("img", {
class: "author-portrait",
src: isIntersecting.value ? vue.unref(tiebaAPI).URL_profile(props.post.author.portrait) : ""
}, null, 8, _hoisted_7$1),
vue.createElementVNode("div", _hoisted_8$1, [
vue.createElementVNode("div", _hoisted_9$1, vue.toDisplayString(props.post.author.name), 1),
vue.createElementVNode("div", _hoisted_10$1, vue.toDisplayString(props.post.time), 1)
])
]),
_: 1
}, 8, ["href"]),
vue.createElementVNode("div", _hoisted_11$1, vue.toDisplayString(props.post.replies), 1)
])
]),
_: 1
}, 8, ["href", "class"]);
};
}
});
const PostContainer = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-6cdcd181"]]);
const maxFeeds = 1e3;
const nextFeedsMargin = 320;
const unreadTTL = 2;
const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
__name: "feeds-masonry",
props: {
initFeeds: { default: () => [] },
showProgress: { type: Boolean, default: false }
},
setup(__props, { expose: __expose }) {
const props = __props;
const feeds = vue.ref([]);
const masonryWrapper = vue.ref();
const masonryContainer = vue.ref();
const hasMoreFeeds = vue.ref(true);
let currentLoadedFeeds = [];
let isFetchingFeeds = false;
const debAddFeeds = _2.debounce(addFeeds, 2e3, { leading: true });
let flexMasonry;
window.addEventListener("resize", _2.throttle(function() {
flexMasonry.adjustWidth();
if (flexMasonry.columns !== flexMasonry.calcColumns()) flexMasonry.exec();
}, 100), { passive: true });
vue.onMounted(() => {
if (!masonryWrapper.value) return;
if (!masonryContainer.value) return;
debAddFeeds(props.initFeeds);
renderMasonry();
window.addEventListener("scroll", () => {
if (isFetchingFeeds) return;
const scrollHeight = document.documentElement.scrollHeight;
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
const clientHeight = document.documentElement.clientHeight;
if (scrollTop + clientHeight >= scrollHeight - nextFeedsMargin) {
if (feeds.value.length < maxFeeds) {
debAddFeeds();
}
}
});
});
vue.watch(hasMoreFeeds, (newVal) => {
if (!newVal) {
toast({
message: "没有更多推送了",
type: "warning"
});
}
});
async function addFeeds(newFeeds) {
if (!newFeeds) newFeeds = [];
if (isFetchingFeeds) return;
isFetchingFeeds = true;
if (newFeeds.length <= 0) {
const response = await requestInstance(tiebaAPI.feedlist());
if (response) {
newFeeds = parsePostsFromString(response.data.html);
hasMoreFeeds.value = !!response.data.has_more;
const ruleList = shieldList.get();
newFeeds = _2.filter(newFeeds, (feed) => {
for (const rule of ruleList) {
if (matchShield(rule, feed.author.name, "username") || matchShield(rule, feed.title, "content") || matchShield(rule, feed.content, "content")) {
return false;
}
}
return true;
});
if (props.showProgress) {
headerProgress({ calc: () => currentLoadedFeeds.length / ((newFeeds == null ? undefined : newFeeds.length) ?? 0) * 100 });
}
}
}
feeds.value.push(...newFeeds);
await waitUntil(() => currentLoadedFeeds.length >= (newFeeds ?? []).length);
renderMasonry().then(function() {
unreadFeeds.set(newFeeds ? newFeeds : [], spawnOffsetTS(0, 0, 0, unreadTTL));
currentLoadedFeeds.length = 0;
isFetchingFeeds = false;
});
}
async function renderMasonry() {
await vue.nextTick();
if (!masonryContainer.value) return;
if (!flexMasonry) {
flexMasonry = new FlexMasonry({
container: masonryContainer.value,
// items: ".post-elem.assets-loaded",
columnWidth: 320,
gap: 12,
fixScrollOffset: true
});
} else {
flexMasonry.append(".masonry-wrapper > .post-elem.assets-loaded", 60);
}
}
function addToLoaded(payload) {
currentLoadedFeeds.push(payload.$el);
}
function showImages(images, index2) {
imagesViewer({
content: images,
defaultIndex: index2
});
}
function refresh() {
if (!isFetchingFeeds) {
feeds.value.length = 0;
flexMasonry.clear();
debAddFeeds();
}
}
function refreshAndMove() {
var _a;
window.scrollTo({ top: (_a = masonryContainer.value) == null ? undefined : _a.offsetTop, behavior: "smooth" });
refresh();
}
__expose({
feeds,
isFetchingFeeds,
refresh,
refreshAndMove
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", {
ref_key: "masonryWrapper",
ref: masonryWrapper,
class: "masonry-wrapper"
}, [
vue.createElementVNode("div", {
ref_key: "masonryContainer",
ref: masonryContainer,
class: "masonry-container"
}, null, 512),
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(feeds.value, (post) => {
return vue.openBlock(), vue.createBlock(PostContainer, {
key: post.id,
post,
class: "post-elem",
dynamic: "",
"shadow-border": "",
onClickImage: showImages,
onAssetsLoaded: addToLoaded
}, null, 8, ["post"]);
}), 128))
], 512);
};
}
});
const FeedsMasonry = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-a26c04a0"]]);
const _hoisted_1$5 = { class: "index-wrapper" };
const _hoisted_2$5 = { class: "grid-container" };
const _hoisted_3$4 = { class: "head-controls" };
const _hoisted_4$3 = { class: "search-controls" };
const _hoisted_5$2 = { class: "search-suggestions" };
const _hoisted_6$1 = ["src"];
const _hoisted_7 = { class: "sugg-content" };
const _hoisted_8 = { class: "sugg-title" };
const _hoisted_9 = { class: "sugg-desc" };
const _hoisted_10 = {
key: 0,
class: "block-wrapper followed-container"
};
const _hoisted_11 = { class: "block-controls followed" };
const _hoisted_12 = { class: "block-container followed-list" };
const _hoisted_13 = {
key: 0,
class: "icon signed"
};
const _hoisted_14 = { class: "forum-title" };
const _hoisted_15 = {
key: 1,
class: "block-wrapper topic-container"
};
const _hoisted_16 = { class: "block-controls topics" };
const _hoisted_17 = { class: "block-container topic-list" };
const _hoisted_18 = ["src"];
const _hoisted_19 = { class: "topic-content" };
const _hoisted_20 = { class: "topic-title" };
const _hoisted_21 = { class: "topic-name" };
const _hoisted_22 = { class: "topic-desc" };
const _hoisted_23 = { class: "block-controls feeds" };
const _hoisted_24 = {
key: 0,
class: "empty-container"
};
const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
__name: "index",
setup(__props) {
const initFeeds = vue.ref([]);
const userInfo = vue.ref();
const followed = vue.ref();
const masonryContainer = vue.ref();
const feedsContainer = vue.ref();
const searchText = vue.ref("");
const suggToggle = vue.ref(false);
const suggestions = vue.ref([]);
vue.ref(false);
const configMenu = vue.ref();
vue.ref(false);
const profileMenu = vue.ref();
const topicList = vue.ref([]);
const feedsIntersecting = vue.ref(false);
const feedsMasonry = vue.ref({});
let signedForums = 0;
initFeeds.value = unreadFeeds.get();
vue.onMounted(async () => {
init().then(() => {
if (masonryContainer.value) {
const iObs = new IntersectionObserver((entries) => {
if (entries[0].isIntersecting) {
feedsIntersecting.value = true;
} else {
feedsIntersecting.value = false;
}
});
iObs.observe(masonryContainer.value);
}
});
});
window.addEventListener("focusin", (ev) => toggl###ggControls(ev));
window.addEventListener("mousedown", (ev) => toggl###ggControls(ev));
async function init() {
userInfo.value = await (async () => {
try {
const userInfoResp = await (await tiebaAPI.userInfo()).json();
if (userInfoResp) {
return userInfoResp.data;
}
} catch (error) {
toast({
message: errorMessage(error),
type: "error",
duration: 6e3
});
}
})();
configMenu.value = [
{
title: "设置",
click() {
renderDialog(Settings);
}
},
"separator",
{
title: "源代码 (GitHub)",
href: GithubRepo
},
{
title: "源代码 (Gitee)",
href: GiteeRepo
}
];
profileMenu.value = [
{
title: "登录",
icon: "login",
href: BaiduPassport
}
];
if (userInfo.value) {
profileMenu.value = [
{
title: "我的收藏",
icon: "star"
},
"separator",
{
title: "主页",
icon: "home",
href: tiebaAPI.URL_userHome(userInfo.value.user_portrait)
},
{
title: "修改",
icon: "settings"
},
"separator",
{
title: "退出登录",
icon: "logout"
}
];
}
if (userInfo.value) {
getFollowedInstance();
}
requestInstance(tiebaAPI.topicList()).then((response) => {
if (response) {
topicList.value.push(...response.data.bang_topic.topic_list);
}
});
if (!feedsContainer.value) return;
}
function toggl###ggControls(e) {
const el = e.target;
const pt = findParent(el, "search-controls");
if (pt) {
suggToggle.value = true;
} else {
suggToggle.value = false;
}
}
async function loadSuggestions(query) {
const response = await tiebaAPI.suggestions(query);
if (response.ok) {
response.json().then((value) => {
if (!query || query === "") {
const topicList2 = value.hottopic_list.search_data;
if (topicList2)
suggestions.value = _2.map(topicList2, (topic) => ({
image: topic.topic_pic,
title: topic.topic_name,
desc: topic.topic_desc,
href: topic.topic_url
}));
} else {
const matchList = value.query_match.search_data;
if (matchList)
suggestions.value = _2.map(matchList, (match) => ({
image: match.fpic,
title: match.fname,
desc: match.forum_desc,
href: tiebaAPI.URL_forum(match.fname)
}));
}
});
}
}
function searchBoxFocus() {
if (suggestions.value.length <= 0) {
loadSuggestions().then(() => {
suggToggle.value = true;
});
} else {
suggToggle.value = true;
}
}
function searchTextChange() {
loadSuggestions(searchText.value);
}
const searchMatch = _2.debounce(searchTextChange, 500);
function getFollowedInstance() {
requestInstance(tiebaAPI.followedForums()).then((response) => {
if (response) {
signedForums = 0;
followed.value = response.data;
_2.forEach(followed.value.like_forum, (forum) => {
if (forum.is_sign === 1) signedForums++;
});
followed.value.like_forum.sort((a, b) => parseInt(b.user_exp) - parseInt(a.user_exp));
}
});
}
async function oneKeySignInstance() {
messageBox({
title: "一键签到",
content: "需要注意，Web端签到获取到的经验远少于移动端，建议使用其他设备进行签到。",
type: "okCancel"
}).then((tag) => {
if (tag === "positive") {
requestInstance(tiebaAPI.oneKeySign()).then((response) => {
toast({
message: `本次共签到成功 ${response.data.signedForumAmount} 个吧，未签到 ${response.data.unsignedForumAmount} 个吧，签到失败 ${response.data.signedForumAmountFail} 个吧，共获得 ${response.data.gradeNoVip} 经验。`,
type: "check",
blurEffect: true
});
getFollowedInstance();
});
}
});
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
vue.createElementVNode("div", _hoisted_2$5, [
vue.createElementVNode("div", _hoisted_3$4, [
vue.createElementVNode("div", _hoisted_4$3, [
vue.createVNode(UserTextbox, {
modelValue: searchText.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchText.value = $event),
class: "search-box",
placeholder: "搜索 贴吧",
autocomplete: "none",
onFocus: searchBoxFocus,
onInput: vue.unref(searchMatch)
}, null, 8, ["modelValue", "onInput"]),
vue.createVNode(_sfc_main$q, {
class: "search-button",
"theme-style": true,
"no-border": ""
}, {
default: vue.withCtx(() => _cache[1] || (_cache[1] = [
vue.createTextVNode("搜索")
])),
_: 1
}),
vue.withDirectives(vue.createElementVNode("div", _hoisted_5$2, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(suggestions.value, (sugg) => {
return vue.openBlock(), vue.createBlock(_sfc_main$q, {
"is-anchor": true,
class: "search-elem",
href: sugg.href,
target: "_blank",
"no-border": ""
}, {
default: vue.withCtx(() => [
vue.createElementVNode("img", {
class: "sugg-img",
src: sugg.image,
alt: ""
}, null, 8, _hoisted_6$1),
vue.createElementVNode("div", _hoisted_7, [
vue.createElementVNode("p", _hoisted_8, vue.toDisplayString(sugg.title), 1),
vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(sugg.desc), 1)
])
]),
_: 2
}, 1032, ["href"]);
}), 256))
], 512), [
[vue.vShow, suggToggle.value && suggestions.value.length > 0]
])
])
]),
followed.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
vue.createElementVNode("div", _hoisted_11, [
_cache[4] || (_cache[4] = vue.createElementVNode("p", { class: "block-title" }, "关注的吧", -1)),
vue.createVNode(BlockPanel, { class: "signed-count left-align" }, {
default: vue.withCtx(() => {
var _a;
return [
vue.createTextVNode(vue.toDisplayString(vue.unref(signedForums)) + " / " + vue.toDisplayString((_a = followed.value) == null ? undefined : _a.like_forum.length), 1)
];
}),
_: 1
}),
vue.createVNode(BlockPanel, { class: "followed" }, {
default: vue.withCtx(() => [
vue.createVNode(_sfc_main$q, {
class: "panel-btn icon sign-btn",
onClick: oneKeySignInstance,
"unset-background": "",
"no-border": ""
}, {
default: vue.withCtx(() => _cache[2] || (_cache[2] = [
vue.createTextVNode(" task_alt")
])),
_: 1
}),
vue.createVNode(_sfc_main$q, {
class: "panel-btn icon settings",
"unset-background": "",
"no-border": ""
}, {
default: vue.withCtx(() => _cache[3] || (_cache[3] = [
vue.createTextVNode("settings")
])),
_: 1
})
]),
_: 1
})
]),
vue.createElementVNode("div", _hoisted_12, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(followed.value.like_forum, (forum) => {
return vue.openBlock(), vue.createBlock(_sfc_main$q, {
"is-anchor": true,
class: "followed-btn",
"shadow-border": true,
href: vue.unref(tiebaAPI).URL_forum(forum.forum_name),
target: "_blank",
"no-border": ""
}, {
default: vue.withCtx(() => [
forum.is_sign === 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, "check")) : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_14, vue.toDisplayString(forum.forum_name), 1),
vue.createElementVNode("div", {
class: vue.normalizeClass(["forum-level", "level-" + vue.unref(levelToClass)(forum.user_level)])
}, vue.toDisplayString(forum.user_level), 3)
]),
_: 2
}, 1032, ["href"]);
}), 256))
])
])) : vue.createCommentVNode("", true),
topicList.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
vue.createElementVNode("div", _hoisted_16, [
_cache[8] || (_cache[8] = vue.createElementVNode("p", { class: "block-title" }, "贴吧热议", -1)),
vue.createVNode(BlockPanel, { class: "topics" }, {
default: vue.withCtx(() => [
vue.createVNode(_sfc_main$q, {
class: "panel-btn icon switch",
"unset-background": true,
"no-border": ""
}, {
default: vue.withCtx(() => _cache[5] || (_cache[5] = [
vue.createTextVNode("tune")
])),
_: 1
}),
vue.createVNode(_sfc_main$q, {
class: "panel-btn icon more",
"unset-background": true,
"no-border": ""
}, {
default: vue.withCtx(() => _cache[6] || (_cache[6] = [
vue.createTextVNode("more_horiz ")
])),
_: 1
}),
vue.createVNode(_sfc_main$q, {
class: "panel-btn icon settings",
"unset-background": true,
"no-border": ""
}, {
default: vue.withCtx(() => _cache[7] || (_cache[7] = [
vue.createTextVNode("settings ")
])),
_: 1
})
]),
_: 1
})
]),
vue.createElementVNode("div", _hoisted_17, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(_2).take(topicList.value, 10), (topic) => {
return vue.openBlock(), vue.createBlock(_sfc_main$q, {
"is-anchor": true,
class: "topic-btn",
"shadow-border": true,
href: topic.topic_url,
target: "_blank"
}, {
default: vue.withCtx(() => [
vue.createElementVNode("img", {
class: "topic-img",
src: topic.topic_pic
}, null, 8, _hoisted_18),
vue.createElementVNode("div", _hoisted_19, [
vue.createElementVNode("div", _hoisted_20, [
vue.createElementVNode("div", {
class: vue.normalizeClass("topic-rank-" + topic.idx_num)
}, vue.toDisplayString(topic.idx_num), 3),
vue.createElementVNode("div", _hoisted_21, vue.toDisplayString(topic.topic_name), 1)
]),
vue.createElementVNode("div", _hoisted_22, vue.toDisplayString(topic.topic_desc), 1)
])
]),
_: 2
}, 1032, ["href"]);
}), 256))
])
])) : vue.createCommentVNode("", true),
_cache[9] || (_cache[9] = vue.createElementVNode("div", { id: "carousel_wrap" }, null, -1))
]),
vue.createElementVNode("div", {
ref_key: "masonryContainer",
ref: masonryContainer,
class: "masonry-container"
}, [
vue.createElementVNode("div", _hoisted_23, [
_cache[12] || (_cache[12] = vue.createElementVNode("p", { class: "block-title" }, "推送", -1)),
feedsMasonry.value && feedsMasonry.value.feeds && (feedsMasonry.value.feeds.length > 0 || feedsMasonry.value.isFetchingFeeds) ? (vue.openBlock(), vue.createBlock(BlockPanel, { key: 0 }, {
default: vue.withCtx(() => [
vue.createVNode(_sfc_main$q, {
class: "panel-button icon refresh",
"unset-background": "",
onClick: feedsMasonry.value.refreshAndMove,
"no-border": ""
}, {
default: vue.withCtx(() => _cache[10] || (_cache[10] = [
vue.createTextVNode("refresh ")
])),
_: 1
}, 8, ["onClick"]),
vue.createVNode(_sfc_main$q, {
class: "panel-button icon settings",
"unset-background": "",
"no-border": ""
}, {
default: vue.withCtx(() => _cache[11] || (_cache[11] = [
vue.createTextVNode("settings")
])),
_: 1
})
]),
_: 1
})) : vue.createCommentVNode("", true)
]),
vue.createVNode(FeedsMasonry, {
ref_key: "feedsMasonry",
ref: feedsMasonry,
"init-feeds": initFeeds.value,
"show-progress": ""
}, null, 8, ["init-feeds"]),
initFeeds.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_24, _cache[13] || (_cache[13] = [
vue.createElementVNode("p", { class: "no-feed-content" }, "没有更多了", -1)
]))) : vue.createCommentVNode("", true)
], 512)
]);
};
}
});
const indexVue = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-763b23df"]]);
async function index$e() {
if (currentPageType() !== "index") return;
if (!pageExtension.get().index) return;
const bodyMask = _GM_addStyle(parseMultiCSS({
"body": {
display: "none"
}
}));
const wrap = await asyncdom(".wrap1");
renderPage(indexVue);
wrap.remove();
bodyMask.remove();
}
function getFloatCoord(...args) {
if (args[0] instanceof HTMLElement)
return getFloatCoord1(args[0], args[1], args[2]);
if (typeof args[0] === "number" && typeof args[1] === "number")
return getFloatCoord2(args[0], args[1], args[2], args[3]);
return { x: 0, y: 0 };
}
function getFloatCoord1(el, coord, mode) {
const clientRect = el.getBoundingClientRect();
return getFloatCoord2(clientRect.width, clientRect.height, coord, mode);
}
function getFloatCoord2(width, height, coord, mode) {
const offsetX = (() => {
switch (mode) {
case "baseline":
return 0;
case "middle":
return width / 2;
}
})();
const x = Math.min(
coord.x - offsetX,
window.innerWidth - scrollbarWidth() - Math.ceil(width)
// 修正误差
);
const y = Math.ceil(coord.y + height) > window.innerHeight ? coord.y - height : coord.y;
return { x, y };
}
const CURSOR_MARGIN = 4;
const DEFAULT_IN_DELAY = 500;
const DEFAULT_OUT_DELAY = 100;
const messageShow = vue.ref(false);
const messageContent = vue.ref("");
let timeout = -1;
let floatHover = false;
let flaotMessageVNode = undefined;
let handleTargetMouseEnter = undefined;
let handleTargetMouseLeave = undefined;
let handleTargetMouseMove = undefined;
function floatMessage(opts) {
if (_2.isNil(opts.delay)) opts.delay = DEFAULT_IN_DELAY;
let root = dom(".float-message");
if (!root || !flaotMessageVNode) {
flaotMessageVNode = vue.createVNode(vue.Transition, {
"name": "float-message"
}, {
default: () => [vue.withDirectives(vue.createVNode("div", {
"class": "float-message"
}, [typeof messageContent.value === "string" ? vue.createVNode("span", null, [messageContent.value]) : messageContent.value]), [[vue.vShow, messageShow.value]])]
});
const rendered = appendJSX(flaotMessageVNode, document.body);
root = rendered.root;
const floatEvproxy = new EventProxy();
floatEvproxy.on(root, "mouseenter", function() {
floatHover = true;
messageShow.value = true;
});
floatEvproxy.on(root, "mouseleave", function() {
floatHover = false;
setTimeout(() => {
messageShow.value = false;
}, DEFAULT_OUT_DELAY);
});
}
handleTargetMouseEnter = () => {
if (timeout >= 0) clearTimeout(timeout);
};
handleTargetMouseLeave = async () => {
if (timeout >= 0) clearTimeout(timeout);
setTimeout(() => {
if (!floatHover) messageShow.value = false;
}, DEFAULT_OUT_DELAY);
};
handleTargetMouseMove = (e) => {
if (timeout >= 0) clearTimeout(timeout);
timeout = setTimeout(async () => {
if (!messageShow.value) {
messageContent.value = opts.content;
messageShow.value = true;
root.style.top = "0";
root.style.left = "0";
await vue.nextTick();
const coord = getFloatCoord(root, {
x: e.clientX + CURSOR_MARGIN,
y: e.clientY + CURSOR_MARGIN
}, "baseline");
root.style.left = `${window.scrollX + coord.x - 1}px`;
root.style.top = `${window.scrollY + (coord.y < e.clientY ? coord.y - CURSOR_MARGIN * 2 : coord.y)}px`;
}
}, opts.delay);
};
opts.target.addEventListener("mouseenter", handleTargetMouseEnter);
opts.target.addEventListener("mouseleave", handleTargetMouseLeave);
opts.target.addEventListener("mousemove", handleTargetMouseMove);
}
const _hoisted_1$4 = { class: "pager-wrapper" };
const _hoisted_2$4 = {
key: 0,
class: "pager-button-container"
};
const _hoisted_3$3 = {
key: 1,
class: "pager-separactor"
};
const _hoisted_4$2 = {
key: 2,
class: "jumper-container"
};
const _hoisted_5$1 = { class: "tail-slot" };
const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
__name: "pager",
props: {
total: {},
current: {},
jumperValue: {},
maxDisplay: { default: 9 },
fill: { type: Boolean, default: false },
showPagers: { type: Boolean, default: true },
head: { type: Boolean, default: true },
tail: { type: Boolean, default: true },
jumper: { type: Boolean, default: true },
pagerClick: {},
headClick: {},
tailClick: {},
prevClick: {},
nextClick: {},
pagerChange: {},
jumperEnter: {}
},
emits: [
"update:current",
"update:jumperValue"
],
setup(__props, { expose: __expose, emit: __emit }) {
const props = __props;
const current = vue.ref(props.current);
const jumperValue = vue.ref(props.jumperValue ?? "");
const emit = __emit;
const pagerCount = Math.min(props.maxDisplay, props.total);
const pagerStart = vue.computed(
() => current.value + pagerCount / 2 > props.total ? props.total - pagerCount + 1 : Math.max(1, current.value - Math.floor(props.maxDisplay / 2))
);
const pagerEnd = vue.computed(() => Math.min(props.total, pagerStart.value + props.maxDisplay - 1) + 1);
__expose({
current,
jumperValue
});
function pagerChange(type, page) {
if (props.pagerChange && page !== current.value)
props.pagerChange(page);
current.value = page;
emit("update:current", page);
switch (type) {
case "page":
if (props.pagerClick) props.pagerClick(page);
break;
case "head":
if (props.headClick) props.headClick();
break;
case "tail":
if (props.tailClick) props.tailClick();
break;
case "prev":
if (props.prevClick) props.prevClick(page);
break;
case "next":
if (props.nextClick) props.nextClick(page);
break;
}
}
function handleJumperEnter() {
if (!jumperValue.value) return;
const page = +jumperValue.value;
if (page < 1 || page > props.total) return;
pagerChange(null, page);
if (props.jumperEnter) props.jumperEnter(page);
jumperValue.value = "";
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
_ctx.showPagers ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$4, [
vue.withDirectives(vue.createVNode(_sfc_main$q, {
class: "pager-button pager-head-button",
"no-border": "",
onClick: _cache[0] || (_cache[0] = ($event) => pagerChange("head", 1))
}, {
default: vue.withCtx(() => _cache[6] || (_cache[6] = [
vue.createTextVNode("1")
])),
_: 1
}, 512), [
[vue.vShow, current.value > Math.ceil(vue.unref(pagerCount) / 2) && current.value > 1 && _ctx.total > vue.unref(pagerCount)]
]),
vue.withDirectives(vue.createVNode(_sfc_main$q, {
class: "pager-button pager-back-button icon",
"no-border": "",
onClick: _cache[1] || (_cache[1] = ($event) => pagerChange("prev", Math.max(1, current.value - vue.unref(pagerCount))))
}, {
default: vue.withCtx(() => _cache[7] || (_cache[7] = [
vue.createTextVNode(" keyboard_double_arrow_left ")
])),
_: 1
}, 512), [
[vue.vShow, current.value > Math.ceil(vue.unref(pagerCount) / 2) && current.value > 1 && _ctx.total > vue.unref(pagerCount)]
]),
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(_2).range(pagerStart.value, pagerEnd.value), (displayNumber, i) => {
return vue.openBlock(), vue.createBlock(_sfc_main$q, {
key: i,
class: vue.normalizeClass(["pager-button", { "fill": _ctx.fill, "curr-pager-button": displayNumber === current.value }]),
onClick: ($event) => pagerChange("page", displayNumber),
"no-border": "all",
disabled: displayNumber === current.value
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(displayNumber), 1)
]),
_: 2
}, 1032, ["class", "onClick", "disabled"]);
}), 128)),
vue.withDirectives(vue.createVNode(_sfc_main$q, {
class: "pager-button pager-forward-button icon",
"no-border": "",
onClick: _cache[2] || (_cache[2] = ($event) => pagerChange("next", Math.min(_ctx.total, current.value + vue.unref(pagerCount))))
}, {
default: vue.withCtx(() => _cache[8] || (_cache[8] = [
vue.createTextVNode(" keyboard_double_arrow_right ")
])),
_: 1
}, 512), [
[vue.vShow, _ctx.total - vue.unref(pagerCount) > 1 && _ctx.total - current.value > vue.unref(pagerCount) / 2]
]),
vue.withDirectives(vue.createVNode(_sfc_main$q, {
class: "pager-button pager-tail-button",
"no-border": "",
onClick: _cache[3] || (_cache[3] = ($event) => pagerChange("tail", _ctx.total))
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(_ctx.total), 1)
]),
_: 1
}, 512), [
[vue.vShow, _ctx.tail && _ctx.total - vue.unref(pagerCount) > 1 && _ctx.total - current.value > vue.unref(pagerCount) / 2]
])
])) : vue.createCommentVNode("", true),
_ctx.showPagers && _ctx.jumper ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, "|")) : vue.createCommentVNode("", true),
_ctx.showPagers && _ctx.jumper ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [
_cache[9] || (_cache[9] = vue.createTextVNode(" 转到 ")),
vue.createVNode(UserTextbox, {
modelValue: jumperValue.value,
"onUpdate:modelValue": [
_cache[4] || (_cache[4] = ($event) => jumperValue.value = $event),
_cache[5] || (_cache[5] = ($event) => emit("update:jumperValue", jumperValue.value))
],
class: "jumper",
onKeydown: vue.withKeys(handleJumperEnter, ["enter"])
}, null, 8, ["modelValue"]),
_cache[10] || (_cache[10] = vue.createTextVNode(" 页 "))
])) : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_5$1, [
vue.renderSlot(_ctx.$slots, "tailSlot", {}, undefined, true)
])
]);
};
}
});
const Pager$1 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-2946e41a"]]);
const _hoisted_1$3 = {
id: "thread-editor"
};
const _hoisted_2$3 = {
id: "thread-editor-toolbar"
};
const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
__name: "thread-editor",
props: {
ueditor: {},
type: {
default: "thread"
}
},
setup(__props) {
const props = __props;
const dialogOpts = {
modal: true,
force: true,
blurEffect: false,
animation: true,
lockScroll: true,
contentStyle: {
position: "fixed",
width: "100%",
maxWidth: "var(--content-max)",
bottom: "0",
marginBottom: "0",
borderBottomLeftRadius: "0",
borderBottomRightRadius: "0"
},
renderAnimation: "kf-slide-in var(--default-duration)",
unloadAnimation: "kf-slide-out var(--default-duration)"
};
const dialog = vue.ref();
const editorSlot = vue.ref();
const originParent = vue.ref();
vue.onMounted(async function() {
var _a;
await vue.nextTick();
if (!editorSlot.value) return;
originParent.value = props.ueditor.parentElement;
editorSlot.value.appendChild(props.ueditor);
const toolbar = await asyncdom(".edui-toolbar");
const editorBody = await asyncdom(".edui-editor-body");
if (toolbar.compareDocumentPosition(editorBody) & Node.DOCUMENT_POSITION_FOLLOWING) {
(_a = toolbar.parentNode) == null ? undefined : _a.insertBefore(editorBody, toolbar);
}
(await asyncdom("#ueditor_replace")).focus();
});
async function submit() {
(await asyncdom(".j_submit")).click();
unload();
}
async function unload() {
var _a;
if (!originParent.value) return;
if (!editorSlot.value) return;
originParent.value.appendChild(await asyncdom(".edui-container"));
(_a = dialog.value) == null ? undefined : _a.unload();
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.unref(UserDialog), vue.mergeProps({
ref_key: "dialog",
ref: dialog
}, dialogOpts), {
default: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$3, [vue.createVNode(_sfc_main$q, {
"aria-label": "关闭",
id: "thread-editor-exit",
class: "icon",
"shadow-border": "",
onClick: unload
}, {
default: vue.withCtx(() => _cache[0] || (_cache[0] = [vue.createTextVNode("close ")])),
_: 1
}), _ctx.type === "thread" ? (vue.openBlock(), vue.createBlock(UserTextbox, {
key: 0,
class: "title-editor",
placeholder: "输入标题",
"lodash-style": ""
})) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
ref_key: "editorSlot",
ref: editorSlot,
id: "thread-editor-slot"
}, null, 512), vue.createElementVNode("div", _hoisted_2$3, [vue.createVNode(_sfc_main$q, {
id: "thread-editor-submit",
"shadow-border": "",
"theme-style": "",
onClick: submit
}, {
default: vue.withCtx(() => _cache[1] || (_cache[1] = [vue.createTextVNode("发表")])),
_: 1
})])])]),
_: 1
}, 16);
};
}
});
const ThreadEditor = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-b7d4fc0f"]]);
const _hoisted_1$2 = { class: "toggle-panel" };
const _hoisted_2$2 = { class: "toggle-container" };
const _hoisted_3$2 = { class: "toggle-name" };
const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
__name: "toggle-panel",
props: {
toggles: {}
},
setup(__props) {
const props = __props;
const dialogOpts = {
contentStyle: {
maxWidth: "60vh",
maxHeight: "60vh"
}
};
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.unref(UserDialog), vue.normalizeProps(vue.guardReactiveProps(dialogOpts)), {
default: vue.withCtx(() => [
vue.createElementVNode("div", _hoisted_1$2, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.toggles, (toggle) => {
return vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [
vue.createVNode(ToggleButton, {
class: "panel-button",
"model-value": toggle.defaultValue ?? false,
"icon-type": "",
"shadow-border": "",
onClick: toggle.event
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(toggle.icon), 1)
]),
_: 2
}, 1032, ["model-value", "onClick"]),
vue.createElementVNode("div", _hoisted_3$2, vue.toDisplayString(toggle.name), 1)
]);
}), 256))
])
]),
_: 1
}, 16);
};
}
});
const TogglePanel = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-02e7f412"]]);
class TiebaComponent {
constructor(selector, parent) {
__publicField(this, "selector");
__publicField(this, "parent");
this.selector = selector;
this.parent = parent;
}
get() {
if (!this.parent) {
return dom(this.selector, [])[0];
}
return dom(this.selector, this.parent, [])[0];
}
}
const floatButtonMap = {
"auxiliary": "tbui_fbar_auxiliaryCare",
"down": "tbui_fbar_down",
"post": "tbui_fbar_post",
"props": "tbui_fbar_props",
"tsukkomi": "tbui_fbar_tsukkomi",
"share": "tbui_fbar_share",
"favor": "tbui_fbar_favor",
"feedback": "tbui_fbar_feedback",
"top": "tbui_fbar_top",
"other": "*"
};
class FloatBar extends TiebaComponent {
/**
* 获取当前页面的 float buttons
* @returns FloatBarButton[]
*/
buttons() {
if (!this.get()) return [];
return Array.from(dom(".tbui_aside_fbar_button", floatBar.get(), [])).map((el) => ({
el,
type: function() {
for (let i = 0; i < el.classList.length; i++) {
const cls = el.classList[i];
if (!cls.includes("tbui_fbar_")) continue;
const key = _2.findKey(floatButtonMap, (value) => value === cls);
if (key) {
return key;
}
}
return "other";
}()
}));
}
add(type, event, className, icon, index2 = 0) {
const anchor = domrd("a", {
href: "javascript:;"
});
const el = domrd("li", {
class: "tbui_aside_fbar_button"
}, [anchor]);
el.addEventListener("click", event);
if (type !== "other") {
el.classList.add(floatButtonMap[type]);
}
if (className) el.classList.add(className);
floatBar.get().insertBefore(el, floatBar.get().children[index2]);
setFloatButtonIcon(anchor, icon);
return {
el,
type
};
function setFloatButtonIcon(el2, icon2) {
el2.classList.add("icon");
el2.classList.add("tbui_aside_fbar_button");
el2.innerHTML = icon2 ? icon2 : "";
}
}
remove(param) {
switch (typeof param) {
case "string": {
const el = dom(param, floatBar.get());
el == null ? undefined : el.remove();
break;
}
case "number": {
const el = floatBar.get().children[param];
el.remove();
break;
}
}
}
}
const floatBar = new FloatBar(".tbui_aside_float_bar");
class Pager extends TiebaComponent {
allPagerButtons() {
return dom("a, .tP", this.get(), []);
}
getPagerButton(pagerType, index2 = 0) {
const allButtons = this.allPagerButtons();
switch (pagerType) {
case "prev": {
return this.findMatchingButton(allButtons, "上一页");
}
case "next": {
return this.findMatchingButton(allButtons, "下一页", true);
}
case "head": {
return this.findMatchingButton(allButtons, "首页");
}
case "tail": {
return this.findMatchingButton(allButtons, "尾页", true);
}
case "page": {
let count = 0;
for (const el of allButtons) {
if (/^\d+$/.test(el.innerText)) {
if (count === index2 && el instanceof HTMLAnchorElement) {
return el;
}
count++;
}
}
return null;
}
default:
return null;
}
}
getByPage(page) {
return this.findMatchingButton(this.allPagerButtons(), page.toString());
}
jumpTo(page) {
const permKeys = ["pn", "see_lz"];
const params = new URLSearchParams(location.search);
const newParams = new URLSearchParams();
for (const [key, value] of params) {
if (_2.includes(permKeys, key)) {
newParams.set(key, value);
}
}
const url = new URL(location.href);
url.search = newParams.toString();
history.pushState({}, "", url);
const jumperBox = dom("#jumpPage4, #jumpPage6");
const jumperButton = dom("#pager_go4, #pager_go6");
if (jumperBox) jumperBox.value = page.toString();
jumperButton == null ? undefined : jumperButton.click();
}
findMatchingButton(buttons, text, reverse = false) {
const iterator = reverse ? Array.from(buttons).reverse() : buttons;
for (const el of iterator) {
if (el.innerText === text) {
return el;
}
}
return null;
}
}
const pager = new Pager(".l_pager");
const commentsStyle = ".core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .at, .core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_main a, .core_reply .core_reply_wrapper .core_reply_content .lzl_li_pager .lzl_more a, .core_reply .core_reply_wrapper .core_reply_content .lzl_li_pager .j_pager a, .core_reply .core_reply_wrapper .core_reply_content .btn-sub {\n  color: var(--tieba-theme-fore);\n  cursor: pointer;\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  transition: var(--default-duration);\n}\n\n.core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_reply .lzl_op_list a, .core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_reply .lzl_jb .lzl_jb_in, .core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_reply .lzl_s_r {\n  cursor: pointer;\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  transition: var(--default-duration);\n}\n\n.core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .at:hover, .core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_main a:hover, .core_reply .core_reply_wrapper .core_reply_content .lzl_li_pager .lzl_more a:hover, .core_reply .core_reply_wrapper .core_reply_content .lzl_li_pager .j_pager a:hover, .core_reply .core_reply_wrapper .core_reply_content .btn-sub:hover {\n  background-color: var(--default-hover);\n}\n\n.core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_reply .lzl_op_list a:hover, .core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_reply .lzl_jb .lzl_jb_in:hover, .core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_reply .lzl_s_r:hover {\n  color: var(--tieba-theme-fore);\n}\n\n.core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .at:active, .core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_main a:active, .core_reply .core_reply_wrapper .core_reply_content .lzl_li_pager .lzl_more a:active, .core_reply .core_reply_wrapper .core_reply_content .lzl_li_pager .j_pager a:active, .core_reply .core_reply_wrapper .core_reply_content .btn-sub:active {\n  background-color: var(--default-active);\n}\n\n.core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_reply .lzl_op_list a:active, .core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_reply .lzl_jb .lzl_jb_in:active, .core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_reply .lzl_s_r:active {\n  color: var(--tieba-theme-active);\n}\n\n.core_reply {\n  margin-right: 0;\n  margin-right: initial;\n}\n.core_reply .core_reply_wrapper {\n  border: none !important;\n  background-color: transparent !important;\n  background-color: initial !important;\n}\n.core_reply .core_reply_wrapper {\n  width: auto;\n  max-width: 840px;\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_single_post {\n  margin-bottom: 12px;\n  animation: kf-slide-in var(--default-duration);\n  transform-origin: bottom;\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_single_post:not(.first_no_border) {\n  padding-top: 0;\n  margin-top: 0;\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .at {\n  padding: 2px 0;\n  color: var(--default-fore);\n  font-size: 14px;\n  font-weight: var(--font-weight-bold);\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_main {\n  font-size: 15px;\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_main img {\n  vertical-align: text-bottom;\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_reply {\n  display: flex;\n  align-items: center;\n  font-size: 13px;\n  line-height: 28px;\n  text-align: justify;\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_reply .lzl_op_list {\n  color: var(--light-fore);\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_reply .lzl_op_list a {\n  color: var(--light-fore);\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_reply .lzl_jb {\n  order: 1;\n  margin-left: auto;\n  color: var(--light-fore);\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_reply .lzl_jb .lzl_jb_in {\n  padding: 0;\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_single_post .lzl_cnt .lzl_content_reply .lzl_s_r {\n  padding: 0;\n  margin-left: 8px;\n  color: var(--light-fore);\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_li_pager {\n  padding: 0;\n  margin-top: -12px;\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_li_pager .lzl_more {\n  font-size: 13px;\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_li_pager .j_pager {\n  display: flex;\n  align-items: center;\n  font-family: var(--code-zh);\n  font-size: 13px;\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_li_pager .j_pager .tP {\n  width: auto;\n  color: var(--tieba-theme-fore);\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_li_pager .j_pager a {\n  color: var(--light-fore);\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_li_pager .j_pager a:hover {\n  color: var(--tieba-theme-fore);\n}\n.core_reply .core_reply_wrapper .core_reply_content .btn-sub {\n  padding: 4px 0;\n  border-radius: 0;\n  background: none;\n  font-size: 13px;\n}\n.core_reply .core_reply_wrapper .core_reply_content .edui-container {\n  width: auto !important;\n}\n.core_reply .core_reply_wrapper .core_reply_content .edui-container {\n  max-height: 64px;\n}\n.core_reply .core_reply_wrapper .core_reply_content .edui-container .edui-editor-body {\n  height: -moz-max-content !important;\n  height: max-content !important;\n}\n.core_reply .core_reply_wrapper .core_reply_content .edui-container .edui-editor-body {\n  overflow: hidden;\n  max-height: 72px;\n  padding: 6px;\n  border-radius: 6px;\n}\n.core_reply .core_reply_wrapper .core_reply_content .edui-container .edui-editor-body .edui-body-container {\n  min-height: 16px !important;\n}\n.core_reply .core_reply_wrapper .core_reply_content .edui-container .edui-editor-body .edui-body-container {\n  max-height: 64px;\n  padding-left: 0;\n  border-radius: 6px;\n  font-size: 14px;\n  overflow-y: auto;\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_panel_wrapper {\n  width: 100%;\n}\n.core_reply .core_reply_wrapper .core_reply_content .lzl_panel_wrapper .lzl_panel_submit {\n  background: none;\n}";
const compactStyle = "body[compact-layout] #j_p_postlist {\n  gap: 0;\n}\nbody[compact-layout] .core_reply_content li.first_no_border {\n  margin-top: -4px;\n}\nbody[compact-layout] .core_reply .core_reply_wrapper .core_reply_content .lzl_single_post {\n  margin-bottom: 0;\n}";
function threadParser() {
var _a;
const postWrappers = dom(".l_post", []);
const contents = dom(".d_post_content", []);
const dAuthors = dom(".d_author", []);
const avatars = dom(".p_author_face", []);
const nameAnchors = dom(".p_author_name", []);
const levels = dom(".d_badge_lv", []);
const badgeTitles = dom(".d_badge_title", []);
const replyButtons = dom(".lzl_link_unfold", []);
const locations = _2.map(dom(".post-tail-wrap span:first-child, .ip-location", []), (el) => el.innerText);
const platforms = _2.map(dom(".tail-info a, .p_tail_wap", []), (el) => el.innerText);
const floors = _2.map(dom(".j_jb_ele + .tail-info + .tail-info, .p_tail li:first-child span", []), (el) => el.innerText);
const times = _2.map(dom(".post-tail-wrap span:nth-last-child(2), .p_tail li:last-child span", []), (el) => el.innerText);
const threadContents = [];
for (let i = 0; i < contents.length; i++) {
contents[i].classList.add("floor-content");
avatars[i].classList.add("floor-avatar");
nameAnchors[i].classList.add("floor-name");
threadContents.push({
post: contents[i],
replyButton: replyButtons[i],
dataField: _2.defaults(postWrappers[i].getAttribute("data-field"), ""),
isLouzhu: !!dom(".louzhubiaoshi_wrap", dAuthors[i]),
profile: {
avatar: avatars[i],
nameAnchor: nameAnchors[i],
level: parseInt(levels[i].innerText),
badgeTitle: badgeTitles[i].innerText
},
tail: {
location: locations[i],
platform: platforms[i],
floor: floors[i],
time: times[i]
}
});
}
const thread2 = {
displayWrapper: dom(".wrap2", [])[0],
title: PageData.thread.title,
reply: +(((_a = dom(".l_reply_num span:nth-child(1)")) == null ? undefined : _a.innerText) ?? 0),
pages: PageData.pager.total_page,
lzOnlyButton: dom("#lzonly_cntn", [])[0],
favorButton: dom(".j_favor", [])[0],
cotents: threadContents,
forum: {
info: {
name: PageData.forum.forum_name
// followersDisplay: DOMS(true, ".card_menNum", "span").innerText,
// postsDisplay: DOMS(true, ".card_infoNum", "span").innerText,
},
components: {
nameAnchor: dom(".card_title_fname", [])[0],
iconContainer: dom(".card_head a, .plat_picbox", [])[0],
followButton: dom(".card_head .focus_btn", [])[0],
signButton: dom(".j_sign_box", [])[0]
}
},
pager: {
listPager: dom(".pb_list_pager", [])[0],
jumper: {
textbox: dom(".jump_input_bright", [])[0],
submitButton: dom(".jump_btn_bright", [])[0]
}
}
};
return thread2;
}
const threadStyle = '.post-tail-wrap .p_reply,\n.core_reply_tail:not(.clearfix) .p_reply, .post-tail-wrap .p_reply .lzl_link_fold,\n.core_reply_tail:not(.clearfix) .p_reply .lzl_link_fold, .content-wrapper .author-container .floor-name, .d_post_content a,\n.lzl_cnt .lzl_content_main a:not(.at) {\n  color: var(--tieba-theme-fore);\n  cursor: pointer;\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  transition: var(--default-duration);\n}\n\n.d_post_content a,\n.lzl_cnt .lzl_content_main a:not(.at) {\n  text-decoration: underline;\n  -webkit-text-decoration: underline solid currentColor;\n          text-decoration: underline solid currentColor;\n  text-decoration-thickness: 1.2px;\n  -webkit-text-decoration: underline 1.2px;\n          text-decoration: underline 1.2px;\n}\n\n.post-tail-wrap a, .core_reply_tail:not(.clearfix) .p_mtail a,\n.core_reply_tail:not(.clearfix) .p_mtail .j_jb_ele::after {\n  cursor: pointer;\n  -webkit-text-decoration: none;\n  text-decoration: none;\n  transition: var(--default-duration);\n}\n\n.post-tail-wrap .p_reply:hover,\n.core_reply_tail:not(.clearfix) .p_reply:hover, .post-tail-wrap .p_reply .lzl_link_fold:hover,\n.core_reply_tail:not(.clearfix) .p_reply .lzl_link_fold:hover, .content-wrapper .author-container .floor-name:hover, .d_post_content a:hover,\n.lzl_cnt .lzl_content_main a:hover:not(.at) {\n  background-color: var(--default-hover);\n}\n\n.d_post_content a:hover,\n.lzl_cnt .lzl_content_main a:hover:not(.at) {\n  text-decoration: underline;\n  -webkit-text-decoration: underline solid rgba(0, 0, 0, 0);\n          text-decoration: underline solid rgba(0, 0, 0, 0);\n  text-decoration-thickness: 1.2px;\n  -webkit-text-decoration: underline 1.2px rgba(0, 0, 0, 0);\n          text-decoration: underline 1.2px rgba(0, 0, 0, 0);\n}\n\n.post-tail-wrap a:hover, .core_reply_tail:not(.clearfix) .p_mtail a:hover,\n.core_reply_tail:not(.clearfix) .p_mtail .j_jb_ele:hover::after {\n  color: var(--tieba-theme-fore);\n}\n\n.post-tail-wrap .p_reply:active,\n.core_reply_tail:not(.clearfix) .p_reply:active, .post-tail-wrap .p_reply .lzl_link_fold:active,\n.core_reply_tail:not(.clearfix) .p_reply .lzl_link_fold:active, .content-wrapper .author-container .floor-name:active, .d_post_content a:active,\n.lzl_cnt .lzl_content_main a:active:not(.at) {\n  background-color: var(--default-active);\n}\n\n.post-tail-wrap a:active, .core_reply_tail:not(.clearfix) .p_mtail a:active,\n.core_reply_tail:not(.clearfix) .p_mtail .j_jb_ele:active::after {\n  color: var(--tieba-theme-active);\n}\n\n.lzl_p_p img, .content-wrapper .author-container .floor-avatar img {\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\nbody {\n  background-color: var(--page-background);\n  overflow-x: hidden;\n}\n\nbody.special_conf_skin {\n  background: var(--page-background);\n}\n\n.wrap1 {\n  background: none !important;\n  background-color: transparent !important;\n}\n.wrap1 .wrap2 {\n  background: none !important;\n  background-color: transparent !important;\n}\n\n.head_inner {\n  display: none;\n}\n\n#container {\n  width: 100%;\n  max-width: 100%;\n  max-width: var(--content-max);\n  box-sizing: border-box;\n  margin-top: 86px;\n}\n#container .content {\n  width: 100%;\n}\n#container .content .pb_content {\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 24px 48px;\n  border-radius: 6px 6px 0 0;\n  border-top: 6px solid var(--tieba-theme-color);\n  background-color: var(--default-background);\n  box-shadow: 0 12px 80px -32px rgba(0, 0, 0, 0.4);\n}\n#container .tittle_fill_dom {\n  display: none;\n}\n\n.card_top_wrap,\n.nav_wrap,\n.p_thread {\n  display: none;\n}\n\n.core_title_wrap_bright {\n  display: none !important;\n}\n\n#j_p_postlist {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n  gap: 16px;\n}\n#j_p_postlist .save_face_bg {\n  display: none;\n}\n#j_p_postlist .l_post_bright {\n  border: none;\n}\n#j_p_postlist .l_post_bright .d_post_content_main {\n  background-color: transparent !important;\n  background-color: initial !important;\n}\n#j_p_postlist .l_post_bright .d_post_content_main {\n  width: 100%;\n  padding: 0;\n}\n#j_p_postlist .l_post_bright .d_post_content_main .p_content {\n  min-height: 0;\n  min-height: initial;\n  padding: 0;\n  margin-bottom: -42px;\n  background-color: transparent;\n  background-color: initial;\n}\n#j_p_postlist .l_post_bright .d_post_content_main .p_content .shield-tip {\n  background: none;\n}\n#j_p_postlist .l_post_bright .d_post_content_main .p_content .d_post_content {\n  background-color: transparent !important;\n  background-color: initial !important;\n}\n#j_p_postlist .l_post_bright .d_post_content_main .p_content .d_post_content {\n  padding: 0;\n  font-size: 16px;\n  grid-area: content;\n}\n#j_p_postlist .l_post_bright .d_post_content_main .p_content .replace_div {\n  width: auto !important;\n}\n#j_p_postlist .l_post_bright .d_post_content_main .p_content .BDE_Smiley {\n  width: 24px;\n  height: 24px;\n  vertical-align: text-bottom;\n}\n#j_p_postlist .l_post_bright .d_post_content_main .p_content .BDE_Image {\n  display: flex;\n  width: -moz-max-content;\n  width: max-content;\n  max-width: 100%;\n  height: auto;\n  border-radius: 12px;\n  margin: 6px auto;\n}\n#j_p_postlist div[data-po] {\n  display: none;\n}\n\n.main-wrapper {\n  display: flex;\n  max-width: 80%;\n  flex-direction: column;\n  padding: 8px;\n  margin: auto;\n  margin-top: 48px;\n}\n@media (min-width: 1200px) {\n  .main-wrapper {\n    max-width: 60%;\n  }\n}\n\n.left_section {\n  width: 100%;\n}\n\n.core_reply_wrapper {\n  padding-left: 42px;\n}\n\n.post-tail-wrap,\n.core_reply_tail:not(.clearfix) {\n  display: flex;\n  align-items: center;\n  margin-top: 0;\n  color: var(--light-fore);\n  float: none;\n  font-size: 13px;\n  gap: 12px;\n}\n.post-tail-wrap .question-image,\n.core_reply_tail:not(.clearfix) .question-image {\n  display: none;\n}\n.post-tail-wrap .p_reply,\n.core_reply_tail:not(.clearfix) .p_reply {\n  margin: 0;\n}\n.post-tail-wrap .p_reply .lzl_link_fold,\n.core_reply_tail:not(.clearfix) .p_reply .lzl_link_fold {\n  border: none;\n  background: none;\n}\n\n.post-tail-wrap .tail-info {\n  margin: 0;\n}\n.post-tail-wrap .tail-info:hover {\n  color: var(--light-fore);\n}\n.post-tail-wrap .tail-info a:hover,\n.post-tail-wrap a.tail-info:hover,\n.post-tail-wrap .j_jb_ele a:hover {\n  color: var(--tieba-theme-fore);\n}\n.post-tail-wrap .tail-info a:active,\n.post-tail-wrap a.tail-info:active,\n.post-tail-wrap .j_jb_ele a:active {\n  color: var(--tieba-theme-active);\n}\n\n.core_reply_tail:not(.clearfix) {\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n}\n.core_reply_tail:not(.clearfix) .p_tail li,\n.core_reply_tail:not(.clearfix) .p_tail_txt,\n.core_reply_tail:not(.clearfix) .p_mtail a,\n.core_reply_tail:not(.clearfix) .ip-location {\n  color: var(--light-fore);\n}\n.core_reply_tail:not(.clearfix) .p_tail {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.core_reply_tail:not(.clearfix) .p_tail li {\n  margin: 0;\n}\n.core_reply_tail:not(.clearfix) .p_mtail {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.core_reply_tail:not(.clearfix) .p_mtail li {\n  margin: 0;\n}\n.core_reply_tail:not(.clearfix) .p_mtail a,\n.core_reply_tail:not(.clearfix) .p_mtail .j_jb_ele::after {\n  color: var(--light-fore);\n}\n.core_reply_tail:not(.clearfix) .p_mtail .j_jb_ele {\n  padding: 0;\n}\n.core_reply_tail:not(.clearfix) .p_props_tail.props_appraise_wrap {\n  display: none;\n}\n\n.right_section {\n  display: none;\n}\n\n#title-wrapper {\n  display: flex;\n  box-sizing: border-box;\n  align-items: flex-end;\n  justify-content: space-between;\n  margin: 16px 0;\n  gap: 8px;\n}\n.shrink-view #title-wrapper {\n  padding: 0 48px;\n}\n#title-wrapper .thread-title {\n  max-width: 60%;\n  font-size: 32px;\n  line-height: 36px;\n  text-align: left;\n}\n#title-wrapper .forum-wrapper-button {\n  background-color: var(--trans-light-background) !important;\n}\n#title-wrapper .forum-wrapper-button {\n  display: flex;\n  overflow: hidden;\n  width: -moz-max-content;\n  width: max-content;\n  height: -moz-max-content;\n  height: max-content;\n  align-items: center;\n  padding: 0;\n  border-radius: 8px;\n  gap: 8px;\n}\nhtml:not([perf-saver]) body.custom-background #title-wrapper .forum-wrapper-button {\n  -webkit-backdrop-filter: blur(24px);\n          backdrop-filter: blur(24px);\n}\nhtml.dark-theme body.custom-background #title-wrapper .forum-wrapper-button {\n  -webkit-backdrop-filter: blur(24px) brightness(0.8);\n          backdrop-filter: blur(24px) brightness(0.8);\n}\n#title-wrapper .forum-wrapper-button:last-child {\n  padding-right: 8px;\n}\n#title-wrapper .forum-wrapper-button .forum-icon {\n  width: 36px;\n  height: 36px;\n}\n#title-wrapper .forum-wrapper-button .forum-name {\n  font-size: 14px;\n  font-weight: var(--font-weight-bold);\n}\n#title-wrapper .forum-wrapper-button .forum-info {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n#title-wrapper .forum-wrapper-button .forum-info .forum-members {\n  display: flex;\n  gap: 8px;\n}\n#title-wrapper .forum-wrapper-button .button-container {\n  display: flex;\n  align-items: center;\n}\n#title-wrapper .forum-wrapper-button .button-container .forum-button {\n  padding: 0 4px;\n  color: var(--tieba-theme-color);\n  font-size: 16px;\n  font-weight: var(--font-weight-bold);\n}\n#title-wrapper .forum-wrapper-button .button-container .forum-button:not(:hover):not(:active):not(:focus) {\n  background-color: transparent;\n}\n\n.forum-mask-wrapper {\n  position: relative;\n  z-index: -1;\n  display: flex;\n  justify-content: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n@keyframes mask-fade-in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0.1;\n  }\n}\n.forum-mask-wrapper .forum-mask {\n  position: absolute;\n  top: -320px;\n  width: 480px;\n  height: 480px;\n  border-radius: 480px;\n  animation: mask-fade-in 1s ease-in-out;\n  filter: blur(60px);\n  opacity: 0.1;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.core_reply_content {\n  padding: 0;\n}\n\n.content-wrapper {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  gap: 16px;\n}\n.content-wrapper .author-container {\n  display: grid;\n  margin-bottom: 8px;\n  grid-gap: 6px;\n  gap: 6px;\n  grid-template: "avatar name" auto "avatar tags" auto/36px 1fr;\n}\n.content-wrapper .author-container .floor-avatar {\n  width: -moz-max-content !important;\n  width: max-content !important;\n  height: -moz-max-content !important;\n  height: max-content !important;\n  padding: 0 !important;\n}\n.content-wrapper .author-container .floor-avatar {\n  overflow: hidden;\n  grid-area: avatar;\n}\n.content-wrapper .author-container .floor-avatar img {\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n}\n.content-wrapper .author-container .floor-name {\n  width: -moz-fit-content;\n  width: fit-content;\n  color: var(--highlight-fore);\n  font-size: 14px;\n  font-weight: var(--font-weight-bold);\n  grid-area: name;\n}\n.content-wrapper .author-container .badge-container {\n  display: flex;\n  margin-top: -4px;\n  gap: 4px;\n  grid-area: tags;\n}\n.content-wrapper .author-container .badge-container .floor-badge {\n  display: flex;\n  width: -moz-fit-content;\n  width: fit-content;\n  padding: 0 6px;\n  border-radius: 6px;\n  background-color: var(--trans-light-background);\n  color: var(--light-fore);\n  gap: 6px;\n}\n.content-wrapper .author-container .badge-container .floor-badge .badge-level {\n  font-weight: var(--font-weight-bold);\n}\n.content-wrapper .floor-wrapper {\n  display: grid;\n  grid-template: "avatar name" auto "avatar tags" auto "content content" 1fr "footer footer" auto "comments comments" auto/36px 1fr;\n}\n.content-wrapper .floor-wrapper .floor-avatar {\n  width: -moz-max-content !important;\n  width: max-content !important;\n  height: -moz-max-content !important;\n  height: max-content !important;\n  padding: 0 !important;\n}\n.content-wrapper .floor-wrapper .floor-avatar {\n  overflow: hidden;\n  grid-area: avatar;\n}\n.content-wrapper .floor-wrapper .floor-avatar img {\n  width: 36px;\n  border-radius: 8px;\n}\n.content-wrapper .floor-wrapper .floor-name {\n  width: -moz-fit-content;\n  width: fit-content;\n  margin: 0 8px 4px;\n  font-size: 14px;\n  grid-area: name;\n}\n.content-wrapper .floor-wrapper .floor-badge {\n  display: flex;\n  width: -moz-fit-content;\n  width: fit-content;\n  padding: 0 6px;\n  border-radius: 6px;\n  margin: 0 8px 8px;\n  background-color: var(--trans-light-background);\n  color: var(--light-fore);\n  gap: 6px;\n  grid-area: tags;\n}\n.content-wrapper .floor-wrapper .floor-badge .badge-level {\n  font-weight: var(--font-weight-bold);\n}\n.content-wrapper .floor-wrapper .floor-content {\n  padding: 8px 0;\n  font-size: 16px;\n  grid-area: content;\n}\n.content-wrapper .floor-wrapper .floor-content .BDE_Smiley {\n  width: 24px;\n  height: 24px;\n  vertical-align: sub;\n}\n.content-wrapper .floor-wrapper .floor-info {\n  display: flex;\n  justify-content: flex-end;\n  color: var(--light-fore);\n  gap: 12px;\n  grid-area: footer;\n}\n.content-wrapper .floor-wrapper .floor-comments {\n  width: 100%;\n  grid-area: comments;\n}\n.content-wrapper .floor-wrapper .floor-comments .core_reply_wrapper {\n  width: 100%;\n}\n\n#ueditor_replace {\n  overflow: hidden;\n}\n\n#thread-jsx-components {\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n  gap: 12px;\n}\n#thread-jsx-components .dummy-button {\n  width: 100%;\n  padding: 8px 0 0;\n  border: none;\n  border-radius: 0;\n  border-bottom: 3px solid var(--border-color);\n  margin-top: 8px;\n  background-color: transparent;\n  box-shadow: none;\n  color: var(--minimal-fore);\n  cursor: text;\n  font-size: 16px;\n  text-align: justify;\n}\n#thread-jsx-components .dummy-button:hover {\n  border-color: var(--light-background);\n}\n#thread-jsx-components .dummy-button:focus {\n  border-color: var(--tieba-theme-color);\n}\n\n.pb_footer {\n  display: none;\n}\n\n.svelte-zmnt4x {\n  display: none;\n}\n\n.wrap2 {\n  padding-bottom: 0 !important;\n}\n\n.head_ad_pop {\n  display: none !important;\n}\n\n.plat_head,\n.star_nav_wrap {\n  display: none;\n}';
async function thread() {
if (!pageExtension.get().thread) return;
if (currentPageType() !== "thread") return;
overwriteCSS(threadStyle, compactStyle, commentsStyle);
await waitUntil(() => !_2.isNil(document.body)).then(function() {
if (compactLayout.get()) {
document.body.toggleAttribute("compact-layout");
}
});
waitUntil(() => !_2.isNil(floatBar.get())).then(function() {
floatBar.add("other", function() {
renderDialog(TogglePanel, {
toggles: [{
icon: "favorite",
name: "收藏",
defaultValue: function() {
var _a;
return ((_a = dom(".j_favor, #j_favthread .p_favthr_main")) == null ? undefined : _a.innerText) === "收藏" ? false : true;
}(),
event() {
var _a;
(_a = dom(".j_favor, #j_favthread .p_favthr_main")) == null ? undefined : _a.click();
}
}, {
icon: "face_6",
name: "只看楼主",
defaultValue: function() {
var _a;
return ((_a = dom("#lzonly_cntn")) == null ? undefined : _a.innerText) === "只看楼主" ? false : true;
}(),
event() {
var _a;
(_a = dom("#lzonly_cntn")) == null ? undefined : _a.click();
}
}, {
icon: "compare_arrows",
name: "紧凑布局",
defaultValue: (() => compactLayout.get())(),
event() {
document.body.toggleAttribute("compact-layout");
compactLayout.set(!compactLayout.get());
}
}]
});
}, "module-settings", "menu");
document.body.insertBefore(domrd("div", {
class: "vue-module-control",
style: "display: none;"
}), document.body.firstChild);
});
const content = await asyncdom(".content");
const pbContent = await asyncdom("#pb_content");
if (perfProfile.get() === "performance" && experimental.get().moreBlurEffect) {
pbContent.classList.add("blur-effect");
pbContent.style.backgroundColor = "var(--trans-default-background)";
}
createContents();
async function createContents() {
var _a;
const threadList = await asyncdom("#j_p_postlist");
threadList.classList.add("content-wrapper");
let thread2 = threadParser();
const forumIconLink = thread2.forum.components.iconContainer.children[0].src;
insertJSX(vue.createVNode("div", {
"id": "title-wrapper"
}, [vue.createVNode("h3", {
"class": "thread-title"
}, [_2.unescape(PageData.thread.title)]), vue.createVNode("div", {
"class": "forum-wrapper-button"
}, [vue.createVNode("img", {
"class": "forum-icon",
"src": forumIconLink,
"alt": "吧头像"
}, null), vue.createVNode("a", {
"class": "forum-name anchor-noback",
"href": `/f?kw=${PageData.forum.name_url}`,
"target": "_blank"
}, [PageData.forum.forum_name, vue.createTextVNode(" 吧")]), vue.createVNode("div", {
"class": "button-container"
}, [vue.createVNode(_sfc_main$q, {
"class": "icon forum-button add-forum-button",
"noBorder": true,
"onClick": () => {
var _a2;
return (_a2 = dom("#j_head_focus_btn")) == null ? undefined : _a2.click();
}
}, {
default: () => [PageData.user.is_like ? "check" : "add"]
})])])]), content, pbContent);
floatMessage({
target: await asyncdom(".forum-wrapper-button"),
content: `关注 ${PageData.forum.member_count}, 帖子 ${PageData.forum.post_num}`
});
(_a = dom(".sign-in-button")) == null ? undefined : _a.addEventListener("click", function() {
var _a2;
(_a2 = dom(".j_signbtn")) == null ? undefined : _a2.click();
});
document.addEventListener("DOMContentLoaded", function() {
threadFloorsObserver.addEvent(function() {
_2.forEach(dom(".j_jb_ele a", []), (el) => {
var _a2;
if (((_a2 = el.lastChild) == null ? undefined : _a2.nodeType) !== Node.TEXT_NODE) {
el.appendChild(new Text("举报"));
}
});
});
if (PageData.pager.cur_page === 1 && PageData.thread.reply_num > 1) {
const firstFloor = dom(".l_post", threadList);
if (firstFloor) firstFloor.style.borderBottom = "2px solid var(--tieba-theme-fore) !important";
}
}, {
once: true
});
threadFloorsObserver.addEvent(function() {
if (dom(".d_author", []).length === 0) return;
thread2 = threadParser();
_2.forEach(dom(".d_post_content_main", threadList, []), (floor, i) => {
const authorContainer = createAuthorContainer(i);
floor.insertBefore(authorContainer, floor.firstChild);
});
_2.forEach(dom(".d_author", []), (el) => el.remove());
});
function createAuthorContainer(index2) {
const authorContainer = domrd("div", {
class: "author-container"
});
thread2.cotents[index2].profile.nameAnchor.classList.add("anchor");
authorContainer.appendChild(thread2.cotents[index2].profile.avatar);
authorContainer.appendChild(thread2.cotents[index2].profile.nameAnchor);
const badgeContainer = appendJSX(vue.createVNode("div", {
"class": "badge-container"
}, null), authorContainer);
appendJSX(vue.createVNode("div", {
"class": `floor-badge level-${levelToClass(thread2.cotents[index2].profile.level)}`
}, [vue.createVNode("div", {
"class": "badge-level"
}, [thread2.cotents[index2].profile.level]), vue.createVNode("div", {
"class": "badge-title"
}, [thread2.cotents[index2].profile.badgeTitle])]), badgeContainer.root);
if (thread2.cotents[index2].isLouzhu) appendJSX(vue.createVNode("div", {
"class": "floor-badge"
}, [vue.createTextVNode("楼主")]), badgeContainer.root);
return authorContainer;
}
const avatarObserver = new IntersectionObserver(function(entries, observer) {
_2.forEach(entries, function(entry) {
if (entry.isIntersecting) {
const avatar = entry.target.children[0];
const lazyLink = avatar.getAttribute("data-tb-lazyload");
if (avatar.src !== lazyLink) {
if (lazyLink) avatar.src = lazyLink;
else observer.unobserve(entry.target);
} else {
observer.unobserve(entry.target);
}
}
});
}, {
root: null,
rootMargin: "0px",
threshold: 0.5
});
_2.forEach(thread2.cotents, (content2) => {
avatarObserver.observe(content2.profile.avatar);
});
threadCommentsObserver.addEvent(() => {
_2.forEach(dom(".lzl_cnt", []), (el) => {
_2.forEach(el.childNodes, (node) => {
if (node) node.nodeType === 3 ? node.remove() : undefined;
});
});
});
}
const pagerVNodes = [];
const insertPager = (parent, position, additionalStyles) => {
const {
vnode: pagerVNode
} = insertJSX(createPager(additionalStyles), parent, position ?? undefined);
pagerVNodes.push(pagerVNode);
function createPager(additionalStyles2) {
const pagerComponent = vue.createVNode(Pager$1, {
"total": PageData.pager.total_page,
"current": PageData.pager.cur_page,
"showPagers": PageData.pager.total_page > 1,
"pagerChange": function(page) {
pager.jumpTo(page);
_2.forEach(pagerVNodes, (pagerVNode2) => {
pagerVNode2.component.exposeProxy.current = page;
});
},
"style": parseCSSRule({
width: "100%",
padding: "0",
...additionalStyles2
})
}, {
tailSlot: () => `回帖 ${PageData.thread.reply_num}`
});
return pagerComponent;
}
};
insertPager(pbContent, pbContent.firstChild, {
marginBottom: "24px",
position: PageData.pager.total_page <= 1 ? "absolute" : "",
right: PageData.pager.total_page <= 1 ? "48px" : ""
});
createTextbox();
async function createTextbox() {
await waitUntil(() => !_2.isNil(floatBar.get()));
await waitUntil(() => !_2.isNil(dom("#ueditor_replace")));
if (!_2.some(floatBar.buttons(), {
type: "post"
})) {
floatBar.add("post", showEditor, undefined, undefined, 2);
}
const postButton = _2.find(floatBar.buttons(), (button) => {
return button.type === "post";
});
postButton == null ? undefined : postButton.el.addEventListener("click", showEditor);
insertPager(pbContent, pbContent.lastChild, {
paddingTop: "24px"
});
appendJSX(vue.createVNode("div", {
"id": "thread-jsx-components"
}, [vue.createVNode(_sfc_main$q, {
"class": "dummy-button",
"noBorder": true,
"onClick": showEditor
}, {
default: () => [vue.createTextVNode("回复帖子")]
})]), pbContent);
function showEditor() {
const ueditor = function() {
if (dom(".edui-container", []).length > 0) return dom(".edui-container");
return dom("#ueditor_replace");
}();
if (ueditor) {
renderDialog(vue.createVNode(ThreadEditor, {
"ueditor": ueditor,
"type": "reply"
}, null));
}
}
}
}
setTheme(themeType.get());
darkPrefers.addEventListener("change", () => setTheme(themeType.get()));
Promise.all([
loadDynamicCSS(),
loadMainCSS(),
index$e(),
thread(),
parseUserModules(
/* @__PURE__ */ Object.assign({ "./modules/easy-jump/index.ts": () => Promise.resolve().then(() => index$d), "./modules/no-login/index.ts": () => Promise.resolve().then(() => index$b), "./modules/notrans-emojis/index.ts": () => Promise.resolve().then(() => index$9), "./modules/portal/index.ts": () => Promise.resolve().then(() => index$7), "./modules/remixed-theme/index.ts": () => Promise.resolve().then(() => index$5), "./modules/shield/index.ts": () => Promise.resolve().then(() => index$g), "./modules/tieba-tags/index.ts": () => Promise.resolve().then(() => index$3), "./modules/toolkit/index.ts": () => Promise.resolve().then(() => index$1) }),
(module) => {
AllModules().push(module);
}
),
document.addEventListener("DOMContentLoaded", function() {
if (currentPageType() === "thread") {
threadFloorsObserver.observe();
threadCommentsObserver.observe();
}
if (currentPageType() === "index") {
if (!pageExtension.get().index)
legacyIndexFeedsObserver.observe();
}
if (currentPageType() === "forum") {
forumThreadsObserver.observe();
}
})
]);
window.addEventListener("load", function() {
checkUpdateAndNotify();
});
waitUntil(() => !_2.isNil(document.body)).then(function() {
if (wideScreen.get().noLimit) {
document.body.classList.add("shrink-view");
} else {
const shrinkListener = _2.throttle(function() {
if (window.innerWidth <= wideScreen.get().maxWidth) {
document.body.classList.add("shrink-view");
} else {
document.body.classList.remove("shrink-view");
}
}, 200);
shrinkListener();
window.addEventListener("resize", shrinkListener);
}
});
loadPerf();
_GM_registerMenuCommand("设置", () => renderDialog(Settings));
console.info(REMIXED);
const index$c = {
id: "easy-jump",
name: "直链跳转",
author: "锯条",
version: "1.0.2",
brief: "链接跳转避免二次确认",
description: `自动跳转至分享链接的原始地址，不再进行中转（不处理被严重警告的链接）`,
scope: /jump2?.bdimg.com\/safecheck\//,
runAt: "immediately",
entry: main$5
};
async function main$5() {
afterHead(function() {
injectCSSRule("html", {
backgroundColor: "var(--page-background)"
});
injectCSSRule("body", {
display: "none"
});
});
location.href = (await asyncdom(".link")).innerText;
}
const index$d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
__proto__: null,
default: index$c
}, Symbol.toStringTag, { value: "Module" }));
const index$a = {
id: "nologin-tieba",
name: "免登录浏览",
author: "锯条",
version: "1.0",
brief: "免登录浏览贴吧",
description: `始终伪装为已登录状态，让免登录浏览和已登录基本一致`,
scope: ["thread"],
runAt: "DOMLoaded",
entry: main$4
};
function main$4() {
if (PageData.user.is_login) return;
PageData.user.is_login = 1;
}
const index$b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
__proto__: null,
default: index$a
}, Symbol.toStringTag, { value: "Module" }));
const index$8 = {
id: "notrans-emojis",
name: "别动我的 emoji😠",
author: "锯条",
version: "1.0",
brief: "拒绝替换我的 emoji",
description: "原版贴吧会将部分emoji表情替换为旧版，该模块会让这些emoji重新跟随系统样式",
scope: true,
runAt: "afterHead",
entry: main$3
};
function main$3() {
const indexRegExp = new RegExp("(?<=nickemoji\\/).*?(?=.png)", "gi");
const emojis = [
"º",
"◎",
"▫",
"◆",
"♤",
"♀",
"♂",
"ლ",
"♬",
"☞",
"☜",
"✆",
"☎",
"♋",
"Ω",
"℃",
"℉",
"😄",
"😍",
"😘",
"😚",
"😜",
"😳",
"😁",
"😞",
"😢",
"😂",
"😫",
"😨",
"😱",
"😡",
"😷",
"😲",
"😈",
"🐷",
"🐶",
"🐑",
"🐵",
"🐨",
"🐴",
"🐼",
"🐯",
"🍪",
"🍺",
"🍦",
"🍭",
"🍗",
"🍼",
"🔯",
"🍒",
"👀",
"🐭",
"😇",
"😺",
"😻",
"🙀",
"😿",
"😹",
"😾",
"👹",
"👺",
"🌞",
"🌝",
"🌚",
"🌜",
"🌛",
"👦",
"👧",
"🎎",
"🌸",
"🍀",
"🌹",
"🌻",
"🌺",
"🍁",
"🌿",
"🍄",
"🌵",
"🌴",
"🌳",
"🌰",
"🌱",
"🌼",
"🌐",
"🌙",
"🌋",
"🌌",
"⛅",
"⚡",
"☔",
"⛄",
"🌀",
"🌈",
"🌊",
"🔥",
"✨",
"🌟",
"💥",
"💫",
"💢",
"💦",
"💧",
"💤",
"💨",
"🎀",
"🌂",
"💄",
"💕",
"💖",
"💞",
"💘",
"💌",
"💋",
"💝",
"🎒",
"🎓",
"🎏",
"🎃",
"👻",
"🎅",
"🎄",
"🎁",
"🙈",
"🐒",
"💯",
"👯",
"💍"
];
const transformed = [
"1-1.png",
"1-2.png",
"1-4.png",
"1-5.png",
"1-6.png",
"1-7.png",
"1-8.png",
"1-9.png",
"1-10.png",
"1-11.png",
"1-12.png",
"1-13.png",
"1-14.png",
"1-15.png",
"1-16.png",
"1-17.png",
"1-18.png",
"1-19.png",
"1-20.png",
"1-21.png",
"1-22.png",
"1-23.png",
"1-24.png",
"1-25.png",
"1-26.png",
"1-27.png",
"1-28.png",
"1-29.png",
"1-30.png",
"1-31.png",
"1-32.png",
"1-33.png",
"1-34.png",
"1-35.png",
"2-1.png",
"2-2.png",
"2-3.png",
"2-4.png",
"2-5.png",
"2-6.png",
"2-7.png",
"2-8.png",
"2-9.png",
"2-10.png",
"2-11.png",
"2-12.png",
"2-13.png",
"2-14.png",
"2-15.png",
"2-16.png",
"2-17.png",
"2-18.png",
"2-19.png",
"2-20.png",
"2-21.png",
"2-22.png",
"2-23.png",
"2-24.png",
"2-25.png",
"2-26.png",
"2-27.png",
"2-28.png",
"2-29.png",
"2-30.png",
"2-31.png",
"2-32.png",
"2-33.png",
"2-34.png",
"2-35.png",
"3-1.png",
"3-2.png",
"3-3.png",
"3-4.png",
"3-5.png",
"3-6.png",
"3-7.png",
"3-8.png",
"3-9.png",
"3-10.png",
"3-11.png",
"3-12.png",
"3-13.png",
"3-14.png",
"3-15.png",
"3-16.png",
"3-17.png",
"3-18.png",
"3-19.png",
"3-20.png",
"3-21.png",
"3-22.png",
"3-23.png",
"3-24.png",
"3-25.png",
"3-26.png",
"3-27.png",
"3-28.png",
"3-29.png",
"3-30.png",
"3-31.png",
"3-32.png",
"3-33.png",
"3-34.png",
"3-35.png",
"4-1.png",
"4-2.png",
"4-3.png",
"4-4.png",
"4-5.png",
"4-6.png",
"4-7.png",
"4-8.png",
"4-9.png",
"4-10.png",
"4-11.png",
"4-12.png",
"4-13.png",
"4-14.png",
"4-15.png",
"4-16.png",
"4-17.png",
"4-18.png",
"4-19.png",
"4-20.png",
"4-21.png",
"4-22.png",
"4-23.png"
];
threadCommentsObserver.addEvent(() => {
try {
_2.forEach(dom(`
.p_author_name:has(.nicknameEmoji),
.at:has(.nicknameEmoji),
.lzl_content_main:has(.nicknameEmoji)
`, []), (el) => {
updateEmojis(el);
});
} catch (error) {
_2.forEach(dom(".p_author_name, .at, .lzl_content_main", []), (el) => {
if (_2.includes(el.classList, "nicknameEmoji")) {
updateEmojis(el);
}
});
}
});
legacyIndexFeedsObserver.addEvent(() => {
try {
_2.forEach(dom(`
.new_list .post_author:has(.nicknameEmoji),
.userinfo_username:has(.nicknameEmoji)
`, []), (el) => {
updateEmojis(el);
});
} catch (error) {
_2.forEach(dom(".newlist .post_author, .userinfo_username", []), (el) => {
if (_2.includes(el.classList, "nicknameEmoji")) {
updateEmojis(el);
}
});
}
});
forumThreadsObserver.addEvent(() => {
try {
_2.forEach(dom(".threadlist_author a:has(.nicknameEmoji)", []), (el) => {
updateEmojis(el);
});
} catch (error) {
_2.forEach(dom(".threadlist_author a", []), (el) => {
if (_2.includes(el.classList, "nicknameEmoji")) {
updateEmojis(el);
}
});
}
});
function updateEmojis(elem) {
const arrIndex = elem.innerHTML.match(indexRegExp);
arrIndex == null ? undefined : arrIndex.forEach((index2) => {
const emoji = emojis[transformed.indexOf(`${index2}.png`)];
const arrInner = elem.innerHTML.split(RegExp(
`<img[^>]*?${index2}.png(?:[^>]*?)*>`,
"g"
));
elem.innerHTML = arrInner.join(decodeURIComponent(emoji));
});
}
}
const index$9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
__proto__: null,
default: index$8
}, Symbol.toStringTag, { value: "Module" }));
const index$6 = {
id: "portal",
name: "传送门",
author: "锯条",
version: "1.1.1",
brief: "为贴子中的b站番号添加跳转链接",
description: `该模块可以识别贴子中的 av/BV 号并将其转换为超链接`,
scope: ["thread"],
runAt: "immediately",
entry: main$2
};
function main$2() {
const LINKED_CLASS = "linked";
const avRegExp = new RegExp("(?<!:\\/\\/www.bilibili.com\\/video\\/)av[1-9]\\d*", "gi");
const BVRegExp = new RegExp("(?<!:\\/\\/www.bilibili.com\\/video\\/)BV[A-Za-z0-9]{10}", "g");
document.addEventListener("DOMContentLoaded", () => {
threadCommentsObserver.addEvent(biliPortal);
});
function biliPortal() {
addBiliLinks(".d_post_content");
addBiliLinks(".lzl_cnt .lzl_content_main");
function addBiliLinks(selector) {
_2.forEach(dom(selector, []), (elem) => {
var _a, _b, _c, _d;
if (elem.classList.contains(LINKED_CLASS)) return;
elem.classList.add(LINKED_CLASS);
if (((_a = elem.textContent) == null ? undefined : _a.toLowerCase().indexOf("av")) !== -1) {
const avs = (_b = elem.textContent) == null ? undefined : _b.match(avRegExp);
bindingLinks(avs ?? undefined, true);
}
if (((_c = elem.textContent) == null ? undefined : _c.indexOf("BV")) !== -1) {
const BVs = (_d = elem.textContent) == null ? undefined : _d.match(BVRegExp);
bindingLinks(BVs ?? undefined);
}
function bindingLinks(array, lowerCase = false) {
if (!array) return;
const hadHyperLink = [];
_2.forEach(array, (videoID) => {
if (hadHyperLink.indexOf(videoID) === -1) {
hadHyperLink.push(videoID);
const htmlArray = elem.innerHTML.split(
RegExp(`(?<!://www.bilibili.com/video/)${videoID}`, "g")
);
if (lowerCase) videoID = videoID.toLowerCase();
const linkedID = `<a href='https://www.bilibili.com/video/${videoID}' target='_blank'>${videoID}</a>`;
elem.innerHTML = htmlArray.join(linkedID);
}
});
}
});
}
}
}
const index$7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
__proto__: null,
default: index$6
}, Symbol.toStringTag, { value: "Module" }));
const floatBarStyle = '.tbui_aside_float_bar {\n  background-color: var(--very-light-background) !important;\n}\n.tbui_aside_float_bar {\n  bottom: 20px;\n  left: calc(50% + var(--content-max) / 2 + 20px);\n  display: flex;\n  overflow: hidden;\n  width: -moz-max-content;\n  width: max-content;\n  flex-direction: column;\n  border-radius: 8px;\n  margin-left: 0;\n  gap: 4px;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n}\nhtml.dark-theme .tbui_aside_float_bar {\n  box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);\n}\n[no-scrollbar] .tbui_aside_float_bar {\n  left: calc(50% + var(--content-max) / 2 + 20px - var(--scrollbar-width) / 2);\n}\n.shrink-view .tbui_aside_float_bar {\n  bottom: 0;\n  left: calc(100% - 40px);\n}\n[no-scrollbar].shrink-view .tbui_aside_float_bar {\n  left: calc(100% - 40px - var(--scrollbar-width));\n}\n.tbui_aside_float_bar .tbui_aside_fbar_button {\n  margin: 0 !important;\n}\n.tbui_aside_float_bar .tbui_aside_fbar_button {\n  border-radius: 0;\n  background-color: var(--default-background);\n  transition: var(--default-duration);\n}\n.tbui_aside_float_bar .tbui_aside_fbar_button a {\n  border-radius: 0;\n}\n.tbui_aside_float_bar .tbui_aside_fbar_button a:hover {\n  color: var(--tieba-theme-color);\n}\n.tbui_aside_float_bar .tbui_aside_fbar_button a:active {\n  color: var(--tieba-theme-fore);\n}\n.tbui_aside_float_bar .tbui_aside_fbar_button[style*="visibility: hidden"] {\n  margin-top: -4px !important;\n}\n.tbui_aside_float_bar .tbui_aside_fbar_button[style*="visibility: hidden"] {\n  height: 0;\n}';
const _hoisted_1$1 = {
key: 0,
class: "menu-separator"
};
const _hoisted_2$1 = {
key: 0,
class: "icon"
};
const _hoisted_3$1 = { class: "menu-title" };
const _hoisted_4$1 = {
key: 0,
class: "menu-inner"
};
const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
__name: "dropdown-menu",
props: {
menuItems: {},
blurEffect: { type: Boolean }
},
emits: ["RequestClose"],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
vue.onMounted(() => {
setTimeout(() => {
window.addEventListener("click", () => {
setTimeout(() => {
emit("RequestClose");
}, 100);
});
window.addEventListener("focusin", (ev) => {
if (!findParent(ev.target, "dropdown-menu")) {
emit("RequestClose");
}
});
}, 100);
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass(["dropdown-menu", _ctx.blurEffect ? "blur-effect" : ""])
}, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.menuItems, (menuItem) => {
return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
typeof menuItem === "string" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1)) : (vue.openBlock(), vue.createBlock(_sfc_main$q, {
key: 1,
class: "menu-item",
"is-anchor": menuItem.href !== undefined,
href: menuItem.href ? menuItem.href : "javascript:;",
onClick: menuItem.click,
target: menuItem.href ? "_blank" : "",
"no-border": ""
}, {
default: vue.withCtx(() => [
menuItem.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, vue.toDisplayString(menuItem.icon), 1)) : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_3$1, [
vue.createTextVNode(vue.toDisplayString(menuItem.title) + " ", 1),
menuItem.innerText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$1, vue.toDisplayString(menuItem.innerText), 1)) : vue.createCommentVNode("", true)
])
]),
_: 2
}, 1032, ["is-anchor", "href", "onClick", "target"]))
], 64);
}), 256))
], 2);
};
}
});
const DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f5c2af9e"]]);
const _hoisted_1 = { id: "fold-bar" };
const _hoisted_2 = { id: "nav-container" };
const _hoisted_3 = { class: "left-container" };
const _hoisted_4 = ["src"];
const _hoisted_5 = { class: "right-container" };
const _hoisted_6 = { class: "middle-container" };
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
__name: "nav-bar",
props: {
hideMode: { default: navBarHideMode.get() }
},
setup(__props) {
const props = __props;
const navBar = vue.ref();
const teiggerHide = vue.ref(false);
const navAvatar = vue.ref();
const userPortrait = vue.ref("");
const middleMenu = vue.ref({});
const userMenu = vue.ref([]);
const extendMenu = vue.ref([]);
init();
vue.onMounted(async function() {
{
waitUntil(() => userPortrait.value !== "").then(function() {
if (navAvatar.value)
navAvatar.value.src = tiebaAPI.URL_profile(userPortrait.value);
});
}
});
async function init() {
await waitUntil(() => PageData !== undefined).then(() => {
userPortrait.value = PageData.user.portrait;
loadNavMenuContent();
});
const navBarElement = dom("#nav-bar");
if (navBarElement) {
_2.forEach(dom(".menu-trigger", navBarElement, []), (el) => {
el.addEventListener("mousemove", function(e) {
e.stopPropagation();
const menu = el.lastElementChild;
const elRect = el.getBoundingClientRect();
const menuCoord = getFloatCoord(menu, { x: elRect.left + elRect.width / 2, y: 0 }, "middle");
menu.style.left = `${menuCoord.x}px`;
menu.style.top = "48px";
});
});
}
switch (props.hideMode) {
case "alwaysFold":
teiggerHide.value = true;
break;
case "fold":
case "hideWhenScroll": {
const modeClass = props.hideMode === "fold" ? "fold" : "hide";
const threshold = 50, timeout2 = 1e3;
let lastScrollY = window.scrollY;
let timer = -1;
const handle = _2.throttle(function() {
var _a, _b;
if (window.scrollY > lastScrollY + threshold) {
(_a = navBar.value) == null ? undefined : _a.classList.add(modeClass);
teiggerHide.value = true;
clearTimeout(timer);
} else if (window.scrollY < lastScrollY - threshold) {
(_b = navBar.value) == null ? undefined : _b.classList.remove(modeClass);
teiggerHide.value = false;
clearTimeout(timer);
} else {
clearTimeout(timer);
timer = setTimeout(handle, timeout2);
}
lastScrollY = window.scrollY;
});
window.addEventListener("scroll", handle);
break;
}
}
}
async function login() {
const loginButton = dom(".u_login");
const directLoginButton = dom("#TANGRAM__PSP_24__submit");
if (directLoginButton) {
const confirmDirect = await messageBox({
title: "快速登录",
content: "检测到快速登录入口，是否尝试直接登录？",
type: "okCancel"
});
if (confirmDirect === "positive") {
directLoginButton.click();
} else {
regularLogin();
}
} else {
regularLogin();
}
function regularLogin() {
var _a;
loginButton ? (_a = dom("a", loginButton)) == null ? undefined : _a.click() : cannotLogin();
}
function cannotLogin() {
toast({ message: "未检测到可用的登录入口，请刷新重试", type: "warning" });
}
}
function loadNavMenuContent() {
middleMenu.value = {
"消息": [
{
title: "查看私信",
href: "/im/pcmsg"
},
{
title: "查看回复",
href: `/i/sys/jump?u=${userPortrait.value}&type=replyme`
},
{
title: "查看 @",
href: `/i/sys/jump?u=${userPortrait.value}&type=atme`
},
"separator",
{
title: "查看好友申请",
href: `/i/sys/jump?u=${userPortrait.value}&type=friendapply`
},
{
title: "查看新粉丝",
href: `/i/sys/jump?u=${userPortrait.value}&type=fans`
},
"separator",
{
title: "我的收藏",
href: `/i/sys/jump?u=${userPortrait.value}&type=storethread`
},
{
title: "我的通知",
href: "/sysmsg/index?type=notity"
}
],
"更多": [
{
title: "账号设置",
href: "//passport.baidu.com/?center&tpl=tb&aid=6&default_tab=3#3,0"
},
{
title: "贴吧设置",
href: `/home/profile?un=${PageData.user.name_url}`
},
"separator",
{
title: "服务中心",
href: "//tieba.baidu.com/pmc"
},
{
title: "问题反馈",
href: "//tieba.baidu.com/hermes/feedback"
}
]
};
userMenu.value = [
{
title: "我的贴吧",
href: `/home/main?id=${userPortrait.value}&fr=userbar`
},
{
title: "我的收藏",
href: `/i/sys/jump?un=${PageData.user.user_name}${PageData.user.name_url}&type=storethread&st_mod=userbar&fr=tb0_pb`
}
];
PageData.user.is_login ? userMenu.value.push("separator", {
title: "退出登录",
click() {
var _a;
const logoutButton = dom(".u_logout");
if (logoutButton) {
(_a = dom("a", logoutButton)) == null ? undefined : _a.click();
} else {
toast({ message: "未检测到退出登录入口，请刷新重试。", type: "warning" });
}
}
}) : userMenu.value.push("separator", {
title: "登录",
click() {
login();
}
});
extendMenu.value = [
{
title: "脚本设置",
click() {
renderDialog(Settings);
}
},
{
title: "检查更新",
click() {
checkUpdateAndNotify(true);
}
},
"separator",
{
title: "源代码仓库",
innerText: "GitHub",
href: GithubRepo
},
{
title: "源代码仓库",
innerText: "Gitee",
href: GiteeRepo
},
{
title: "切换至 GreasyFork",
href: "https://greasyfork.org/zh-CN/scripts/486367"
}
];
}
return (_ctx, _cache) => {
return vue.openBlock(), vue.createElementBlock("nav", {
ref_key: "navBar",
ref: navBar,
id: "nav-bar",
class: vue.normalizeClass(["nav-bar remove-default", { "fold": _ctx.hideMode === "alwaysFold", "blur-effect": !vue.unref(experimental).get().rasterEffect, "raster-effect": vue.unref(experimental).get().rasterEffect, "fixed-on-top": _ctx.hideMode === "fixedOnTop" }])
}, [
vue.withDirectives(vue.createElementVNode("div", _hoisted_1, null, 512), [
[vue.vShow, teiggerHide.value]
]),
vue.createElementVNode("div", _hoisted_2, [
vue.createElementVNode("div", _hoisted_3, [
vue.createVNode(_sfc_main$q, {
class: "nav-button nav-title-container",
"is-anchor": "",
href: "/",
"no-border": "all"
}, {
default: vue.withCtx(() => [
vue.createElementVNode("img", {
src: vue.unref(getResource)("/assets/images/main/icon64.png"),
alt: "",
class: "nav-icon"
}, null, 8, _hoisted_4),
_cache[0] || (_cache[0] = vue.createElementVNode("p", { class: "nav-title" }, "贴吧", -1))
]),
_: 1
})
]),
vue.createElementVNode("div", _hoisted_5, [
vue.createElementVNode("div", _hoisted_6, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(middleMenu.value, (menu, key) => {
return vue.openBlock(), vue.createBlock(_sfc_main$q, {
key,
class: "menu-trigger middle-menu-trigger",
"no-border": "all"
}, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(key) + " ", 1),
vue.createVNode(DropdownMenu, {
class: "nav-menu",
"menu-items": menu
}, null, 8, ["menu-items"])
]),
_: 2
}, ####);
}), 128))
]),
vue.createVNode(_sfc_main$q, {
class: "nav-button menu-trigger avatar-button",
"no-border": "all"
}, {
default: vue.withCtx(() => [
vue.createElementVNode("img", {
ref_key: "navAvatar",
ref: navAvatar,
class: "nav-avatar"
}, null, 512),
vue.createVNode(DropdownMenu, {
class: "nav-menu",
"menu-items": userMenu.value
}, null, 8, ["menu-items"])
]),
_: 1
}),
vue.createVNode(_sfc_main$q, {
class: "nav-button menu-trigger menu-button",
"shadow-border": "",
"no-border": "all"
}, {
default: vue.withCtx(() => [
_cache[1] || (_cache[1] = vue.createElementVNode("div", { class: "icon" }, "menu", -1)),
vue.createVNode(DropdownMenu, {
class: "nav-menu",
"menu-items": extendMenu.value
}, null, 8, ["menu-items"])
]),
_: 1
})
])
])
], 2);
};
}
});
const navBarVue = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b4e7e126"]]);
const navBarCSS = "#com_userbar {\n  display: none;\n}";
async function _navBar() {
_GM_addStyle(navBarCSS);
const elder = await asyncdom("#com_userbar");
const navWrapper = vue.createVNode("div", {
"id": "nav-wrapper",
"class": "nav-wrapper"
}, null);
insertJSX(navWrapper, document.body, elder);
renderComponent(navBarVue, await asyncdom("#nav-wrapper"));
}
const index$4 = {
id: "remixed-theme",
name: "Tieba Remix 主题",
author: "锯条",
version: "0.3",
brief: "更现代的主题样式",
description: `包含新的样式、昼夜主题及其自动切换等功能`,
scope: true,
runAt: "immediately",
entry: main$1
};
function main$1() {
_navBar();
overwriteCSS(floatBarStyle);
fadeInElems.push(".tbui_aside_float_bar .svg-container");
fadeInElems.push(".d_badge_bright .d_badge_lv, .user_level .badge_index");
fadeInElems.forEach((selector) => {
injectCSSRule(selector, {
opacity: "0"
});
});
setCustomBackground();
document.addEventListener("DOMContentLoaded", () => {
dom(".post-tail-wrap .icon-jubao", []).forEach((elem) => {
elem.removeAttribute("src");
elem.after("举报");
});
threadFloorsObserver.addEvent(() => {
dom(".d_badge_lv", []).forEach((elem) => {
if (elem.textContent === "") {
let parent = elem;
while (!parent.classList.contains("l_badge")) {
if (parent.parentElement)
parent = parent.parentElement;
}
parent.style.display = "none";
}
});
});
});
window.addEventListener("load", () => {
fadeInLoad(".tbui_aside_float_bar .svg-container");
threadFloorsObserver.addEvent(() => {
const lvlClassHead = "tieba-lvl-";
const lvlGreen = `${lvlClassHead}green`;
const lvlBlue = `${lvlClassHead}blue`;
const lvlYellow = `${lvlClassHead}yellow`;
const lvlOrange = `${lvlClassHead}orange`;
dom(
".d_badge_bawu1 .d_badge_lv, .d_badge_bawu2 .d_badge_lv, .badge_index",
[]
).forEach((elem) => {
if (elem.className.indexOf(lvlClassHead) !== -1) return;
const lvl = parseInt(_2.defaults(elem.textContent, "0"));
if (lvl >= 1 && lvl <= 3) {
elem.classList.add(lvlGreen);
} else if (lvl >= 4 && lvl <= 9) {
elem.classList.add(lvlBlue);
} else if (lvl >= 10 && lvl <= 15) {
elem.classList.add(lvlYellow);
} else if (lvl >= 16) {
elem.classList.add(lvlOrange);
}
});
fadeInLoad(".d_badge_bright .d_badge_lv, .user_level .badge_index");
});
});
}
const index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
__proto__: null,
default: index$4
}, Symbol.toStringTag, { value: "Module" }));
const index$2 = {
id: "tieba-tags",
name: "楼中楼标签",
author: "锯条",
version: "2.0.1",
brief: "优化楼中楼浏览体验",
description: `为楼中楼的楼主、层主等用户添加特殊标签`,
scope: ["thread"],
runAt: "loaded",
entry: main
};
function main() {
const TAGGED = "is-tagged";
const TB_TAG = "tag-elem";
const MY_TAG = "tieba-tags-me";
const LZ_TAG = "tieba-tags-lz";
const CZ_TAG = "tieba-tags-cz";
const louzhu = PageData.thread.author;
const myPortrait = PageData.user.portrait;
const myUserName = PageData.user.user_name;
let louzhuPortrait = getLouzhuPortrait(document);
(async () => {
if (!louzhuPortrait) {
const response = await fetch(location.href.split("?")[0], {
mode: "cors",
credentials: "include"
});
if (response.ok) {
await response.text().then((value) => {
const fpDOC = new DOMParser().parseFromString(value, "text/html");
louzhuPortrait = getLouzhuPortrait(fpDOC);
});
}
}
})().then(() => {
threadCommentsObserver.addEvent(createTagsAll);
});
function getLouzhuPortrait(doc) {
const j_tags = doc.getElementsByClassName("j_louzhubiaoshi");
if (j_tags.length > 0) {
const targetFloor = findParent(j_tags[0], "l_post_bright");
if (targetFloor) {
const dataAttr = targetFloor.getAttribute("data-field");
if (dataAttr) {
const dataField = JSON.parse(dataAttr);
return _2.split(dataField.author.portrait, "?")[0];
}
}
}
return undefined;
}
function createTagsAll() {
_2.forEach(dom(".lzl_cnt .at", []), (elem) => {
if (elem.classList.contains(TAGGED)) return;
elem.classList.add(TAGGED);
let isLouzhu = false;
let isMe = false;
const username = elem.getAttribute("username");
if (userClassify(myUserName, myPortrait)) {
isMe = true;
addTag(elem, MY_TAG);
}
if (!isMe) {
if (userClassify(louzhu, louzhuPortrait)) {
isLouzhu = true;
addTag(elem, LZ_TAG);
}
}
if (!isMe && !isLouzhu) {
const floor = findParent(elem, "l_post_bright");
if (floor) {
const cengzhuCard = floor.getElementsByClassName("p_author_name")[0];
const cengzhu = cengzhuCard.textContent;
if (cengzhu) {
if (elem.textContent === cengzhu) {
addTag(elem, CZ_TAG);
}
}
}
}
function userClassify(un, portrait) {
if (username === un && un !== "") {
return true;
} else if (_2.indexOf(["", " "], username) !== -1) {
const targetPortrait = elem.getAttribute("portrait");
if (targetPortrait && portrait) {
if (targetPortrait === portrait) {
return true;
}
} else {
return dataClassify();
}
} else if (!username) {
return dataClassify();
}
return false;
function dataClassify() {
const dataAttr = elem.getAttribute("data-field");
if (dataAttr) {
const dataField = JSON.parse(dataAttr.replace(/'/g, '"'));
if (portrait) {
if (dataField.id === portrait) {
return true;
}
} else {
if (dataField.un === un) {
return true;
}
}
}
return false;
}
}
});
function addTag(elem, className) {
elem.appendChild(
domrd("div", {
class: `${TB_TAG} ${className}`
})
);
}
}
}
const index$3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
__proto__: null,
default: index$2
}, Symbol.toStringTag, { value: "Module" }));
const index = {
id: "toolkit",
name: "实用工具库",
author: "锯条",
version: "1.1",
brief: "优化原版贴吧体验的一组功能",
description: "这是一个轻量级的工具库，包含了诸如自动展开长图等实用功能。",
scope: true,
runAt: "immediately",
settings: {
autoExpand: {
title: "自动展开长图",
widgets: [{
type: "toggle",
content: `该功能会自动将帖子中所有的长图片自动展开，无需手动操作`,
init: () => toolkitToggles.get().autoExpand,
event() {
toolkitToggles.merge({ autoExpand: !toolkitToggles.get().autoExpand });
}
}]
},
reloadAvatars: {
title: "重新加载错误头像",
widgets: [{
type: "toggle",
content: `原版贴吧的帖子页面时常会出现加载失败的头像，本功能可以将这些无法正常显示的头像资源链接到正常的 URL`,
init: () => toolkitToggles.get().reloadAvatars,
event() {
toolkitToggles.merge({ reloadAvatars: !toolkitToggles.get().reloadAvatars });
}
}]
}
},
entry: function() {
for (const key in toolkitFeatures) {
const k = key;
if (toolkitToggles.get()[k]) toolkitFeatures[k]();
}
}
};
const toolkitFeatures = {
/** 自动展开长图 */
autoExpand() {
threadFloorsObserver.addEvent(() => {
_2.forEach(dom(".replace_tip", []), (el) => {
el.click();
});
});
},
/** 重新加载错误头像 */
reloadAvatars() {
const observer = new IntersectionObserver(function(entries) {
_2.forEach(entries, (entry) => {
if (entry.isIntersecting) {
const avatar = entry.target;
if (!avatar.complete) return;
if (avatar.naturalWidth > 0) {
avatar.setAttribute("data-loaded", "");
} else {
const userCard = findParent(avatar, "j_user_card");
if (!userCard) return;
const dataField = userCard.getAttribute("data-field");
if (!dataField) return;
const portarit = JSON.parse(dataField.replaceAll(/'/g, '"')).id;
avatar.src = tiebaAPI.URL_profile(portarit);
avatar.setAttribute("data-loaded", "");
}
}
});
}, { threshold: 0 });
threadCommentsObserver.addEvent(function() {
const avatars = dom(".lzl_single_post img:not(.BDE_Smiley, [data-loaded])", []);
avatars.forEach((avatar) => observer.observe(avatar));
});
}
};
const toolkitToggles = new UserKey("toolkitToggles", {
autoExpand: true,
reloadAvatars: true
});
const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
__proto__: null,
default: index
}, Symbol.toStringTag, { value: "Module" }));
})(_, Vue, marked);
})();