:root { color-scheme: light; --bg-page: #f8f8f8;
--bg-card: #ffffff;
--text-main: #1a1a1a;
--text-muted: #4b5563;
--border-color: #0d0d0d; --accent-color: #db2777; --accent-bg: #fce7f3;
--btn-bg: #1f2937; --btn-text: #ffffff;
--gradient-center: #db2777;
--gradient-edge: #374151;
--dot-color: #e5e7eb;
} .dark-mode {
color-scheme: dark;
--bg-page: #121212;
--bg-card: #1e1e1e;
--text-main: #e5e5e5;
--text-muted: #a3a3a3;
--border-color: #10b981; --accent-color: #10b981;
--accent-bg: #064e3b;
--btn-bg: #10b981;
--btn-text: #000000;
--gradient-center: #10b981;
--gradient-edge: #ffffff;
--dot-color: #333333;
} body {
font-family: 'Noto Sans SC', sans-serif;
background-color: var(--bg-page);
color: var(--text-main);
background-image: radial-gradient(var(--dot-color) 1px, transparent 1px);
background-size: 20px 20px;
transition: background-color 0.3s, color 0.3s, background-image 0.3s;
} body {
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out;
}
body.loaded {
opacity: 1;
visibility: visible;
} .border-black {
border-color: var(--border-color) !important;
}
.border-2 {
border-width: 2px !important;
}
.border-4 {
border-width: 3px !important;
}
.border-b-4 {
border-bottom-width: 2px !important;
}
.border-t-4 {
border-top-width: 2px !important;
}
.border-r-4 {
border-right-width: 2px !important;
}
.border-l-4 {
border-left-width: 2px !important;
}
.border-x-4 {
border-left-width: 2px !important;
border-right-width: 2px !important;
} .shadow-\[4px_4px_0px_0px_\#000\] {
box-shadow: 3px 3px 0px 0px var(--border-color) !important;
}
.shadow-\[6px_6px_0px_0px_\#000\] {
box-shadow: 4px 4px 0px 0px var(--border-color) !important;
}
.shadow-\[8px_8px_0px_0px_\#000\] {
box-shadow: 5px 5px 0px 0px var(--border-color) !important;
}
.shadow-\[8px_8px_0px_0px_\#db2777\] {
box-shadow: 5px 5px 0px 0px var(--accent-color) !important;
} .dark-mode .bg-white {
background-color: var(--bg-card) !important;
color: var(--text-main) !important;
}
.dark-mode .border-black {
border-color: var(--border-color) !important;
}
.dark-mode .text-black {
color: var(--text-main) !important;
} .site-title {
font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
font-weight: normal !important;
font-size: 1.8rem; }
@media (min-width: 768px) {
.site-title {
font-size: 3.5rem; }
} @media (min-width: 768px) { .sidebar-sticky-ad {
position: -webkit-sticky;
position: sticky;
top: 160px; z-index: 5;
background-color: var(--bg-card) !important;
border-bottom: 4px solid var(--border-color);
overflow: hidden; }
} .prose img {
pointer-events: none;
cursor: default;
} .sidebar-author-name {
font-family: 'ZCOOL KuaiLe', cursive !important;
font-weight: 400 !important;
letter-spacing: 0.02rem;
font-size: 1.5rem !important; margin-top: -0.5rem !important; }  .prose>.content-ad-wrapper+p {
margin-top: 0 !important;
} .content-ad-wrapper {
margin-top: 8px !important;
} .ad-popup-overlay {
position: fixed;
inset: 0;
z-index: 9999;
padding: 1rem;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.45);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
opacity: 0;
visibility: hidden;
pointer-events: none; transition: opacity 0.3s, visibility 0.3s;
}
.ad-popup-overlay.active {
opacity: 1;
visibility: visible;
pointer-events: auto; }
.ad-popup-content {
position: relative;
width: 490px;
height: 550px;
max-width: 95vw;
max-height: 90vh;
background: #fff;
border: 4px solid #000;
box-shadow: 10px 10px 0px 0px #000;
overflow: hidden;
display: flex;
flex-direction: column;
}
.dark-mode .ad-popup-content {
background: #1e1e1e;
border-color: #10b981;
box-shadow: 10px 10px 0px 0px #10b981;
}
.ad-popup-close {
position: absolute;
top: 0;
right: 0;
z-index: 10;
width: 40px;
height: 40px;
background: #000;
color: #fff;
border: none;
font-size: 24px;
font-weight: bold;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
}
.ad-popup-close:hover {
background: #db2777;
}
.dark-mode .ad-popup-close {
background: #10b981;
color: #000;
}
.dark-mode .ad-popup-close:hover {
background: #fff;
}
.ad-popup-body {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
} .bold-paid-card {
display: flex;
flex-wrap: wrap;
border: 4px solid #000;
background: #fff;
box-shadow: 6px 6px 0px 0px #db2777;
margin-bottom: 2rem;
overflow: hidden; all: initial;
font-family: 'Noto Sans SC', sans-serif;
display: flex;
flex-wrap: wrap;
}
.bold-paid-card * {
box-sizing: border-box;
} .bold-paid-card__image {
width: 250px;
height: 250px;
min-width: 250px;
min-height: 250px;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
.bold-paid-card__image img {
width: 100%;
height: 100%;
object-fit: fill;
} .bold-paid-card__content {
flex: 1;
min-width: 280px;
padding: 1rem 1.5rem 1rem 2.5rem; display: flex;
flex-direction: column;
justify-content: space-between;
position: relative; } .bold-paid-card__content::before {
content: "";
position: absolute;
left: 1.25rem; top: 4%; height: 92%; width: 4px;
background: #000;
} .bold-paid-card__header {
display: flex;
align-items: center;
gap: 1.5rem;
flex-wrap: wrap;
margin-bottom: 0.5rem;
}
.bold-paid-card__price {
font-size: 2rem;
font-weight: 900;
color: #dc2626;
font-family: 'Georgia', serif;
} .bold-paid-card__btn {
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.6rem 1.25rem;
font-size: 0.95rem;
font-weight: 700;
border: 3px solid #000;
cursor: pointer;
transition: all 0.1s ease;
text-decoration: none !important;
}
.bold-paid-card__btn .btn-icon {
width: 16px;
height: 16px;
}
.bold-paid-card__btn--buy {
background: #f59e0b; color: #000; box-shadow: 4px 4px 0px 0px #000;
}
.bold-paid-card__btn--buy:hover {
transform: translate(-2px, -2px);
box-shadow: 5px 5px 0px 0px #000;
}
.bold-paid-card__btn--buy:active {
transform: translate(2px, 2px);
box-shadow: none;
}
.bold-paid-card__btn--download {
background: #0ea5e9;
color: #fff;
box-shadow: 4px 4px 0px 0px #000;
}
.bold-paid-card__btn--download:hover {
transform: translate(-2px, -2px);
box-shadow: 5px 5px 0px 0px #000;
}
.bold-paid-card__btn--download:active {
transform: translate(2px, 2px);
box-shadow: none;
} .bold-paid-card__password {
display: inline-flex;
align-items: center;
padding: 0.5rem 0.75rem;
background: #fef3c7;
border: 2px solid #000;
font-size: 0.875rem;
font-weight: 600;
color: #92400e;
} .bold-paid-card__text-group {
display: flex;
flex-direction: column;
gap: 0.1rem;
margin-top: 0.5rem;
}
.bold-paid-card__slogan {
font-size: 1rem;
font-weight: 900;
color: #000;
margin: 0;
line-height: 1.2;
}
.bold-paid-card__disclaimer {
font-size: 0.85rem;
font-weight: 500;
color: #4b5563;
margin: 0;
line-height: 1.2;
} .bold-paid-card__tags {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 0.5rem;
}
.bold-paid-card__tag {
display: inline-flex;
align-items: center;
gap: 0.25rem;
padding: 0.25rem 0.6rem;
background: #fff;
border: 2px solid #000;
font-size: 0.85rem;
font-weight: 700;
color: #000;
box-shadow: 2px 2px 0px 0px #000;
}
.bold-paid-card__tag .tag-icon {
color: #10b981;
} .bold-paid-card__footer {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 0.6rem 1rem;
background: #e11d48;
border: 2px solid #000;
color: #fff !important;
text-decoration: none !important;
font-size: 0.9rem;
font-weight: 900;
margin-top: auto; box-shadow: 3px 3px 0px 0px #000;
transition: all 0.2s;
}
.bold-paid-card__footer:hover {
background: #be123c;
transform: translate(-1px, -1px);
box-shadow: 4px 4px 0px 0px #000;
} @media (max-width: 640px) {
.bold-paid-card__image {
width: 100%;
height: auto;
min-height: 240px;
max-height: 240px;
border-right: none;
border-bottom: 4px solid #000;
min-width: 100%;
}
.bold-paid-card__image img {
height: 240px;
width: 100%;
}
.bold-paid-card__content {
min-width: 100%;
padding: 1rem;
gap: 1rem;
} .bold-paid-card__content::before {
display: none;
}
.bold-paid-card__header {
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.bold-paid-card__btn {
width: 100%;
justify-content: center;
}
}   .dark-mode .bold-paid-card {
background: #1e1e1e;
border-color: #10b981;
box-shadow: 6px 6px 0px 0px #10b981;
}
.dark-mode .bold-paid-card__image {
background: transparent;
border-color: #10b981;
}
.dark-mode .bold-paid-card__price {
color: #f87171;
}
.dark-mode .bold-paid-card__btn {
border-color: #10b981;
}
.dark-mode .bold-paid-card__btn--buy {
box-shadow: 3px 3px 0px 0px #10b981;
}
.dark-mode .bold-paid-card__btn--buy:hover {
box-shadow: 5px 5px 0px 0px #10b981;
}
.dark-mode .bold-paid-card__btn--download {
box-shadow: 3px 3px 0px 0px #10b981;
}
.dark-mode .bold-paid-card__btn--download:hover {
box-shadow: 5px 5px 0px 0px #10b981;
}
.dark-mode .bold-paid-card__slogan {
color: #e5e5e5;
}
.dark-mode .bold-paid-card__disclaimer {
color: #a3a3a3;
}
.dark-mode .bold-paid-card__tag {
background: #374151;
border-color: #10b981;
color: #e5e5e5;
}
.dark-mode .bold-paid-card__footer {
background: linear-gradient(90deg, #10b981, #059669);
border-color: #10b981;
}
.dark-mode .bold-paid-card__password {
background: #374151;
border-color: #10b981;
color: #fcd34d;
}  .erphpdown.erphpdown-default {
background: #fff !important;
border: 4px solid #000 !important;
box-shadow: 6px 6px 0px 0px #000 !important;
padding: 2rem !important;
margin: 2rem 0 !important;
border-radius: 0 !important;
font-size: 1rem !important;
color: #000 !important;
position: relative !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 1rem !important;
}
.erphpdown.erphpdown-default legend {
background: #000 !important;
color: #fff !important;
padding: 2px 15px !important;
font-weight: 900 !important;
border: none !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
width: 100% !important; } .erphpdown-item {
flex: 1 1 calc(50% - 0.5rem) !important; min-width: 250px !important;
margin-bottom: 0 !important;
padding: 0.8rem 1rem !important;
background: #f3f4f6 !important;
border: 2px solid #000 !important;
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 0.8rem !important;
}
.erphpdown-item:last-child {
margin-bottom: 0 !important;
} .erphpdown-purchase-bar {
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
background: #fffbeb !important; border: 4px solid #000 !important; border-left: 12px solid #f59e0b !important; padding: 1.5rem 2rem !important;
margin: 1.5rem 0 !important;
flex-wrap: wrap !important;
gap: 1.5rem !important;
position: relative !important;
box-shadow: 8px 8px 0px 0px #000 !important; }
.erphpdown-purchase-bar::before {
content: "PRICING" !important;
position: absolute !important;
top: -12px !important;
left: 20px !important;
background: #000 !important;
color: #fff !important;
font-size: 0.7rem !important;
padding: 2px 8px !important;
font-weight: 900 !important;
letter-spacing: 1px !important;
}
.erphpdown-price {
font-size: 2.5rem !important; font-weight: 900 !important;
color: #ef4444 !important;
margin: 0 0.2rem !important;
font-family: 'Inter', sans-serif !important;
text-shadow: 2px 2px 0px #00000010 !important;
}
.erphpdown-price::before {
content: "￥" !important;
font-size: 1.2rem !important; vertical-align: super !important;
margin-right: -0.2rem !important;
} .erphpdown-down,
.erphpdown-buy,
.erphpdown-vip,
.erphpdown-copy {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0.6rem 1.2rem !important;
font-weight: 900 !important;
border: 3px solid #000 !important;
text-decoration: none !important;
transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
cursor: pointer !important;
border-radius: 0 !important;
} .erphpdown-down {
background: #0ea5e9 !important;
color: #fff !important;
box-shadow: 3px 3px 0px 0px #000 !important;
} .erphpdown-buy,
a.erphpdown-buy,
.erphpdown.erphpdown-default a.erphpdown-buy {
background: #f59e0b !important;
color: #000 !important;
box-shadow: 3px 3px 0px 0px #000 !important;
margin: 0 0.5rem !important;
text-decoration: none !important;
}
.erphpdown-buy:hover,
a.erphpdown-buy:hover {
color: #000 !important;
} .erphpdown-vip {
background: #8b5cf6 !important;
color: #fff !important;
box-shadow: 3px 3px 0px 0px #000 !important;
margin-left: 0.5rem !important;
} .erphpdown-copy {
background: #fff !important;
color: #000 !important;
padding: 0.2rem 0.6rem !important;
font-size: 0.8rem !important;
box-shadow: 2px 2px 0px 0px #000 !important;
} .erphpdown-down:hover,
.erphpdown-buy:hover,
.erphpdown-vip:hover,
.erphpdown-copy:hover {
transform: translate(-2px, -2px) !important;
box-shadow: 5px 5px 0px 0px #000 !important;
filter: brightness(1.1) !important;
} .erphpdown-tips {
width: 100% !important; margin-top: 1rem !important;
padding: 1rem !important;
background: #fefce8 !important; border: 2px dashed #000 !important;
color: #854d0e !important;
font-size: 0.9rem !important;
line-height: 1.6 !important;
}
.erphpdown-tips::before {
content: "📢 提示: " !important;
font-weight: 900 !important;
margin-right: 0.5rem !important;
} .dark-mode .erphpdown.erphpdown-default {
background: #1f2937 !important;
border-color: #10b981 !important;
box-shadow: 6px 6px 0px 0px #10b981 !important;
color: #e5e5e5 !important;
}
.dark-mode .erphpdown.erphpdown-default legend {
background: #10b981 !important;
color: #000 !important;
}
.dark-mode .erphpdown-item {
background: #374151 !important;
border-color: #10b981 !important;
}
.dark-mode .erphpdown-tips {
background: #1a1a1a !important;
border-color: #10b981 !important;
color: #10b981 !important;
}
.dark-mode .erphpdown-down,
.dark-mode .erphpdown-buy,
.dark-mode .erphpdown-vip,
.dark-mode .erphpdown-copy {
border-color: #10b981 !important;
}
.dark-mode .erphpdown-down {
box-shadow: 3px 3px 0px 0px #10b981 !important;
}
.dark-mode .erphpdown-buy {
background: #f59e0b !important; color: #000 !important; box-shadow: 3px 3px 0px 0px #10b981 !important;
}
.dark-mode .erphpdown-vip {
box-shadow: 3px 3px 0px 0px #10b981 !important;
}
.dark-mode .erphpdown-copy {
background: #1f2937 !important;
color: #10b981 !important;
box-shadow: 2px 2px 0px 0px #10b981 !important;
}
.dark-mode .erphpdown-copy:hover {
box-shadow: 5px 5px 0px 0px #10b981 !important;
}
.dark-mode .erphpdown-purchase-bar {
background: #1e1e1e !important;
border-color: #10b981 !important;
border-left-color: #f59e0b !important; box-shadow: 8px 8px 0px 0px #10b981 !important;
}
.dark-mode .erphpdown-purchase-bar::before {
background: #10b981 !important;
color: #000 !important;
}
.dark-mode .erphpdown-price {
color: #f87171 !important;
}