全局CSS
/* 基础样式 */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
*, *:before, *:after {
box-sizing: border-box;
}
body {
background: var(--body-bg);
color: var(--text-color);
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, Oxygen, Roboto, Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 1.5;
overflow-y: scroll;
overflow-x: hidden;
}
/* 容器样式 */
.container {
padding: 0;
max-width: 1400px;
width: 100%;
}
/* 根变量 */
:root {
/* 颜色变量 */
--primary-color: #000;
--secondary-color: #fff;
--body-bg: #fff;
--body-bg-shaded: #f7f7f7;
--body-bg-light: #fff;
--body-bg-faded: rgba(255, 255, 255, 0.93);
--text-color: #111;
--link-color: #11a4fe;
--heading-color: #111;
--muted-color: #000;
--muted-color-light: #999;
--muted-color-dark: #000;
--shadow-color: rgba(0, 0, 0, 0.35);
--control-bg: #fafafa;
--control-bg-light: #fafafa;
--control-bg-shaded: #e3e3e3;
--control-color: #808080;
--error-color: #d83e3e;
--text-on-dark: #fff;
--text-on-light: #1a1a1a;
--yiq-threshold: 150;
/* 头部变量 */
--header-bg: #fff;
--header-color: #000;
--header-control-bg: #ededed;
--header-control-color: #808080;
/* 覆盖层变量 */
--overlay-bg: rgba(255, 255, 255, 0.9);
/* 代码变量 */
--code-bg: #f7f7f7;
--code-color: #5e5e5e;
/* 警告变量 */
--alert-bg: #fff2ae;
--alert-color: #ad6c00;
--alert-error-bg: #d83e3e;
--alert-error-color: #fff;
--alert-success-bg: #b4f1af;
--alert-success-color: #33722d;
/* 开关变量 */
--switch-on-color: #58a400;
--switch-off-color: #d0021b;
--enabled-color: #2ECC40;
--disabled-color: #FF4136;
--validation-error-color: #d83e3e;
/* 头像和卡片变量 */
--avatar-bg: var(--control-bg);
--badge-bg: var(--muted-color);
--badge-color: #fff;
--badge-hidden-bg: #888;
--usercard-bg: var(--control-bg);
/* 英雄区变量 */
--hero-bg: #fafafa;
--hero-color: #000;
/* 工具提示变量 */
--tooltip-bg: rgba(0, 0, 0, 0.9);
--tooltip-color: #fff;
/* 用户状态变量 */
--online-user-circle-color: #7fba00;
/* 讨论变量 */
--discussion-title-color: #000;
--discussion-list-item-bg-hover: #f6f6f6;
/* 按钮变量 */
--button-color: #000;
--button-bg: #fff;
--button-bg-hover: #e0e0e0;
--button-bg-active: #d4d4d4;
--button-bg-disabled: #ededed;
/* 主要按钮变量 */
--button-primary-color: #fff;
--button-primary-bg: #000;
--button-primary-bg-hover: #0d95e8;
--button-primary-bg-active: #0c85d0;
--button-primary-bg-disabled: #1da1f2;
/* 危险按钮变量 */
--control-danger-color: #d66;
--control-danger-bg: #fdd;
--control-danger-bg-hover: #ffc3c3;
--control-danger-bg-active: #faa;
--control-danger-bg-disabled: #fdd;
/* 静音变量 */
--muted-more-color: #999;
--muted-more-bg: rgba(170, 170, 170, 0.3);
--muted-more-bg-hover: rgba(157, 157, 157, 0.35);
--muted-more-bg-active: rgba(145, 145, 145, 0.4);
--muted-more-bg-disabled: rgba(170, 170, 170, 0.3);
/* 反转按钮变量 */
--button-inverted-color: #808080;
--button-inverted-bg: #fff;
--button-inverted-bg-hover: #f2f2f2;
--button-inverted-bg-active: #e6e6e6;
--button-inverted-bg-disabled: #fff;
/* 轻内容变量 */
--light-content-color: #fff;
--light-content-control-color: #fff;
--light-content-control-bg: rgba(0, 0, 0, 0.1);
--light-content-control-bg-shaded: rgba(0, 0, 0, 0.2);
--light-content-control-bg-fadedin: rgba(0, 0, 0, 0.15);
/* 彩色头部变量 */
--header-colored-color: #1da1f2;
--header-colored-control-color: #808080;
--header-colored-control-bg: #ededed;
--header-colored-control-bg-shaded: #e0e0e0;
--header-colored-control-bg-fadedin: #ededed;
/* 布局变量 */
--border-radius: 16px;
--drawer-width: 270px;
--pane-width: 400px;
--header-height: 52px;
--header-height-phone: 46px;
/* z-index变量 */
--zindex-header: 1000;
--zindex-pane: 1010;
--zindex-composer: 1020;
--zindex-dropdown: 1030;
--zindex-modal-background: 1040;
--zindex-modal: 1050;
--zindex-alerts: 1060;
--zindex-tooltip: 1070;
/* 屏幕尺寸变量 */
--flarum-screen: none;
--screen-phone-max: 767.98px;
--screen-tablet: 768px;
--screen-tablet-max: 991.98px;
--screen-desktop: 992px;
--screen-desktop-max: 1099.98px;
--screen-desktop-hd: 1100px;
/* 移动选项卡变量 */
--mobile-tab-height: 54px;
--mobile-tab-bg: var(--body-bg);
--mobile-tab-zindex: var(--zindex-header);
--mobile-tab-shadow: 0 2px 6px var(--shadow-color);
--mobile-tab-item-color: var(--header-control-color);
/* 其他变量 */
--lock-color: #888;
--following-bg: #ffea7b;
--following-color: #de8e00;
--ignoring-bg: #aaa;
--sticky-bg: #d13e32;
--button-toggled-color: #ededed;
--button-toggled-bg: #808080;
--button-toggled-bg-hover: #737373;
--button-toggled-bg-active: #666;
--button-toggled-bg-disabled: #808080;
--tag-bg: rgba(29, 161, 242, 0.1) !important;
--tag-color: #1DA1F2 !important;
}
/* 媒体查询 */
@media (min-width: 992px) {
.sideNav {
flex-shrink: 0;
margin-right: 20px;
margin-left: 20px;
}
.sideNav, .sideNav>ul {
width: 220px;
}
.sideNavOffset {
margin-top: 30px;
flex: 1;
min-width: 0;
border-color: #eff3f4;
border-width: 1px;
border-style: solid;
padding: 16px;
border-radius: 16px;
background-color: #fff;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.04);
}
}
@media (min-width: 1100px) {
:root {
--flarum-screen: desktop-hd;
}
}
/* 图片预览相关样式 */
.Post-body .upl-image-preview,
.Post-body [class*="upl-image"],
.Post-body [class*="image-preview"],
.Post-body img:not(.icon):not([class*="file-"]) {
display: block !important;
margin-left: 0 !important;
margin-right: auto !important;
text-align: left !important;
}
.Post-body img:not(.icon):not([class*="file-"]) {
max-width: 720px;
max-height: 486px;
}
/* 处理图片容器 */
.Post-body p:has(img:not(.icon):not([class*="file-"])),
.Post-body div:has(img:not(.icon):not([class*="file-"])) {
text-align: left !important;
display: block !important;
margin-left: 0 !important;
margin-right: auto !important;
}
/* 隐藏history资金头像 */
.transferHistoryContainer .moneyHistoryUser img.Avatar,
.transferHistoryContainer .moneyHistoryUser .Avatar {
display: none !important;
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
position: absolute !important;
visibility: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
/* 整体首页页面布局 */
.no-touch .sideNav .Dropdown--select .Dropdown-menu {
padding: 10px 20px;
}
.no-touch li.item-nav {
box-shadow: rgba(0, 0, 0, 0.06) 0 5px 30px 0;
border-radius: 10px;
margin: 15px auto;
border: solid 1px #ebebeb85;
}
.no-touch .darkenBackground {
border-radius: 10px;
}
.no-touch .Hero {
border-radius: 10px;
max-width: 1400px;
margin: 20px auto 0;
}
.no-touch .Hero .container {
padding: 20px;
}
/* 讨论列表项样式 */
.no-touch .DiscussionListItem {
box-shadow: rgba(0, 0, 0, 0.06) 0 5px 30px 0;
border-radius: 10px;
margin: 4px auto;
}
.no-touch i.TagLabel-icon {
display: none;
}
.no-touch ul.DiscussionHero-items {
display: flex;
flex-direction: column-reverse;
text-align: left;
}
.no-touch .DiscussionHero .item-title {
margin: auto 0;
}
.no-touch .App--discussion .DiscussionHero-items li.item-badges {
position: relative;
text-align: right;
margin-top: -22px;
}
.no-touch .App--discussion li.item-tags {
padding-top: 10px;
z-index: 1;
}
.no-touch .Composer:not(.fullScreen) {
margin: 0 auto;
}
.no-touch .Button--flat,
.no-touch .SessionDropdown .Dropdown-toggle {
border-radius: 8px;
}
.no-touch .Badge {
--size: 20px;
border-radius: 3px;
}
.no-touch .Post {
padding-bottom: 0;
}
/* 连续帖子之间的分隔样式 */
.PostStream-item + .PostStream-item {
border-top: 1px solid #000000;
padding-top: 16px;
margin-top: 16px;
}
/* 通用按钮样式 */
.Button.SubscriptionMenu-button,
.Button.OnlyStarter,
.Button.Button--bookmark,
.Dropdown-toggle.Button.Button--icon.SubscriptionMenu-button--null,
.item-sort .Dropdown-toggle.Button,
.item-refresh .Button--icon.hasIcon,
.item-markAllAsRead .Button--icon.hasIcon,
.Pagination .Button--icon.hasIcon[aria-label="Jump"] {
background-color: #d3d3d3 !important;
color: #666 !important;
border: none !important;
}
/* 按钮悬停样式 */
.Button.SubscriptionMenu-button:hover,
.Button.OnlyStarter:hover,
.Button.Button--bookmark:hover,
.Dropdown-toggle.Button.Button--icon.SubscriptionMenu-button--null:hover,
.item-sort .Dropdown-toggle.Button:hover,
.item-refresh .Button--icon.hasIcon:hover,
.item-markAllAsRead .Button--icon.hasIcon:hover,
.Pagination .Button--icon.hasIcon[aria-label="Jump"]:hover {
background-color: #c0c0c0 !important;
color: #444 !important;
}
/* 取消Hero关闭按钮 */
.Hero-close {
display: none;
}
/* 帖子底部和操作按钮的文字颜色 */
.Post-footer, .Post-actions, .Post-footer a, .Post-actions a {
color: var(--muted-color);
font-weight: bold;
}
/* 帖子操作按钮的定位和过渡效果 */
.Post-actions {
position: relative;
transition: opacity .2s;
}
/* 非深色模式下的媒体查询覆盖 */
@media not all and (prefers-color-scheme: dark) {
.Post-actions {
margin-top: auto;
float: inherit;
}
aside.Post-actions {
background: #f7f7f7;
border-radius: 10px;
display: flex;
justify-content: center;
font-weight: bold;
}
}
/* 调整最外层容器 */
.Post-footer {
width: 100%;
max-width: none;
padding: 0;
box-sizing: border-box;
}
/* 确保签名项占满宽度 */
.Post-footer .item-signature {
width: 100%;
padding: 0 10px;
box-sizing: border-box;
}
/* 调整签名容器，添加回背景图片 */
.Post-footer .item-signature .Signature {
width: 100%;
padding: 20px 0 0;
box-sizing: border-box;
background: url(/assets/bio.png) left top no-repeat;
font-size: 12px;
color: #999 !important;
}
/* 调整签名内容 */
.Post-footer .item-signature .Signature .Signature-content {
width: 100%;
padding: 3px 0;
margin: 0;
border-top: 1px dashed grey;
box-sizing: border-box;
opacity: 0.5;
transition: opacity 0.3s ease;
}
.Post-footer .item-signature .Signature .Signature-content:hover {
opacity: 0.9;
}
/* 保持链接颜色一致 */
.Post-footer .item-signature .Signature a {
color: #999 !important;
}
/* 可能需要重置某些默认样式 */
.Post-footer * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* 页脚容器样式 */
.site-footer {
text-align: center;
padding: 5px 0;
margin-top: -20px;
}
/* 页脚内容样式 */
.footer-container {
color: rgb(137, 137, 140);
font-size: 0.9em;
}
/* 页脚链接样式 */
.footer-container a {
color: inherit;
text-decoration: none;
}
/* 页脚链接悬停效果 */
.footer-container a:hover {
text-decoration: underline;
}
/* 分隔符间距 */
.mx-2 {
margin: 0 0.5rem;
}
/* 减少页脚内部各元素之间的间距 */
.footer-container p {
margin: 1px 0;
}
/* 图标缩放动画 */
@keyframes zoom {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
/* 为指定的图标添加缩放效果 */
.fas.fa-gem,
.fas.fa-shield-alt,
.fas.fa-chess-king {
animation: zoom 2s infinite ease-in-out;
}
/* 搜索结果关键字高亮 */
.DiscussionListItem-main mark {
background: #ffff80 !important;
}
/* 隐藏预览小眼睛 */
.Composer .Split-view.Post-body::after {
display: none !important;
}
/* 隐藏欢迎内容区域及其所有子元素 */
.IndexPage-nav.sideNav .item-welcomeBox .ulwb.contentwb,
.IndexPage-nav.sideNav .item-welcomeBox .ulwb.contentwb * {
display: none !important;
}
/* 隐藏登录按钮及其所有子元素 */
.Dropdown-toggle.Button.logwbox.hasIcon,
.Dropdown-toggle.Button.logwbox.hasIcon * {
display: none !important;
}
/* 隐藏"欢迎回来"文字 */
.textinfo::before {
content: '' !important;
}
.textinfo {
font-size: 0;
}
.textinfo > *:not(:first-child) {
font-size: initial;
}
/* 隐藏backgrwb下的cont类及其所有子元素 */
.backgrwb .cont,
.backgrwb .cont * {
display: none !important;
}
.containerwb .backgrwb {
border-radius: 0 0 15px 15px;
}
.containerwb .textinfo {
color: #FF0000;
}
/* 用户名特效 */
.decorationStoreColorText14 {
animation: uk-text-shadow-glitch .65s cubic-bezier(1, -1.91, 0, 2.79) 0s infinite normal both running;
}
@keyframes uk-text-shadow-glitch {
0% {
text-shadow: none;
}
25% {
text-shadow: -1px -1px 0 #ff004f, 1px 1px 0 #00f7ef;
}
50% {
text-shadow: 1px -1px 0 #ff004f, -1px 1px 0 #00f7ef;
}
75% {
text-shadow: -1px 1px 0 #ff004f, 1px -1px 0 #00f7ef;
}
100% {
text-shadow: 1px 1px 0 #ff004f, -1px -1px 0 #00f7ef;
}
}
@keyframes uk-flicker {
0% {
opacity: 0;
}
10% {
opacity: .6;
transform: scale(.8);
}
20% {
opacity: 0;
}
40% {
opacity: 1;
}
50% {
opacity: .2;
transform: scale(1.1);
}
100% {
opacity: 1;
transform: scale(1);
}
}
/* 用户名特效 */
.decorationStoreColorText15 {
text-shadow: 0 0 10px #ffd700, 0 0 20px #ffd700, 0 0 30px #ffd700,
0 0 40px #ffd700, 0 0 50px #ffd700, 0 0 60px #ffd700, 0 0 70px #ffd700;
animation: glow 1s infinite alternate;
}
@keyframes glow {
from {
text-shadow: 0 0 10px #ffd700, 0 0 20px #ffd700, 0 0 30px #ffd700,
0 0 40px #ffd700, 0 0 50px #ffd700, 0 0 60px #ffd700, 0 0 70px #ffd700;
}
to {
text-shadow: 0 0 20px #ff8c00, 0 0 30px #ff8c00, 0 0 40px #ff8c00,
0 0 50px #ff8c00, 0 0 60px #ff8c00, 0 0 70px #ff8c00, 0 0 80px #ff8c00;
}
}
/* 隐藏通知栏头像框 */
.NotificationList img.decorationAvatarFrameImageSource {
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
}
/* 输入框：页码跳转 */
#pagination-inputJump {
background-color: #f2f2f2 !important;
color: #555 !important;
border: 1px solid #ccc !important;
border-radius: 6px;
padding: 4px 8px;
}
/* 输入框获得焦点时 */
#pagination-inputJump:focus {
border-color: #999 !important;
outline: none;
}
/* 移动端适配综合 */
@media (max-width: 767px) {
/* 容器适配移动端 */
.container {
width: 100% !important;
max-width: 100% !important;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
/* 防止页面内容紧贴边缘 */
body, .App, .App-content {
padding-left: 0;
padding-right: 0;
margin: 0;
}
/* 讨论列表项样式 */
.DiscussionListItem {
padding-left: 8px;
padding-right: 8px;
}
/* 头像区域左边距 */
.DiscussionListItem-avatar {
margin-left: 0;
}
/* 内容区域左边距 */
.DiscussionListItem-content {
margin-left: 6px;
}
/* 帖子详情页样式 */
.Post {
padding-left: 10px;
padding-right: 10px;
}
/* 防止贴边：评论内容区域加一点边距 */
.Post-body {
padding-left: 2px;
padding-right: 2px;
}
/* 工具栏、头部按钮等区域也加点边距 */
.Post-header,
.PostMeta,
.item-post-controls,
.Post-footer {
padding-left: 10px;
padding-right: 10px;
}
/* 帖子加载区域的容器 */
.DiscussionPage-discussion {
padding-left: 10px;
padding-right: 10px;
}
/* 移动端发帖接近全屏，底部留出一点空白 */
.Composer:not(.minimized) {
height: 90vh !important;
}
/* 关注、楼主、收藏靠左对齐 */
.DiscussionPage-nav > ul {
text-align: left;
padding: 0;
list-style: none;
}
.DiscussionPage-nav > ul > li {
margin: 1px 1px;
}
/* 私信手机端全屏 */
.chat {
width: 100%;
}
/* 移动端隐藏模块 */
.Afrux-NewsWidget,
.Afrux-ForumStatsWidgetWidget,
.lastRegUser-widget,
.custom-html-widget,
.AfruxWidgets-Widget-content,
.AfruxWidgets-Widget-title,
.AfruxWidgets-sideNavAlt {
display: none !important;
}
}
.PollBar {
position: relative;
overflow: hidden;
border: 1px solid #ccc;
border-radius: 4px;
background-color: #f0f0f0; /* 设置背景色：浅灰色 */
}
.PollBar::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: var(--poll-option-width, 0%);
height: 100%;
background-color: #c0c0c0; /* 进度条浅灰色（比背景深） */
z-index: 1;
}
.PollAnswer-text {
position: relative;
z-index: 2;
padding: 0.5em;
display: flex;
justify-content: space-between;
align-items: center;
color: #000; /* 保持文字为黑色 */
font-weight: bold;
}
/* 抽奖进度了颜色 */
.arrow-status {
background-color: #e74c3c !important;
}
/* 邀请码背景颜色 */
.ReferralHistoryContainer ul .copyable {
background-color: #e74c3c !important;
}
/* 上传插件，压缩包的背景浅灰 */
.ButtonGroup .Button:nth-of-type(2),
.ButtonGroup .Button:nth-of-type(3) {
background-color: #e0e0e0; /* 浅灰色 */
}
/* 保持原有的图片大小和对齐方式 */
.Post-body img {
max-width: 720px;
max-height: 486px;
}
.Post-body img:not(.icon):not([class*="file-"]) {
display: block !important;
margin-left: 0 !important;
margin-right: auto !important;
text-align: left !important;
/* 新增：简洁的边框和阴影效果 */
border: 1px solid #e0e0e0; /* 添加淡灰色边框 */
border-radius: 8px; /* 圆角边框 */
box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 柔和的阴影 */
padding: 5px; /* 内边距使边框不贴着图片 */
background-color: #fff; /* 白色背景 */
margin-bottom: 15px; /* 增加底部间距 */
margin-top: 10px; /* 增加顶部间距 */
}
/* 处理图片容器 - 保持原有的左对齐 */
.Post-body p:has(img:not(.icon):not([class*="file-"])),
.Post-body div:has(img:not(.icon):not([class*="file-"])) {
text-align: left !important;
display: block !important;
margin-left: 0 !important;
margin-right: auto !important;
/* 给容器添加额外的空间以适应图片的阴影 */
padding: 5px 0;
}
/* 图片预览相关样式 - 应用相同的效果 */
.Post-body .upl-image-preview,
.Post-body [class*="upl-image"],
.Post-body [class*="image-preview"] {
display: block !important;
margin-left: 0 !important;
margin-right: auto !important;
text-align: left !important;
/* 应用相同的简洁样式 */
border: 1px solid #e0e0e0;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
padding: 5px;
background-color: #fff;
margin-bottom: 15px;
margin-top: 10px;
}
/* 只为主贴内容添加虚线边框（不影响回帖） */
.PostStream-item:first-child .Post-body {
border: 2px dashed #cccccc; /* 灰色虚线边框，2px宽度 */
border-radius: 10px; /* 圆角效果，与现有设计风格匹配 */
padding: 15px; /* 内边距，使内容不会紧贴边框 */
margin: 10px 0; /* 上下外边距，使边框与其他元素有间隔 */
box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* 轻微阴影，增强立体感 */
}
/* 确保主贴中的图片在有边框的情况下仍然正确显示 */
.PostStream-item:first-child .Post-body img:not(.icon):not([class*="file-"]) {
max-width: calc(100% - 10px); /* 确保图片不会超出边框 */
margin: 10px 0; /* 调整图片间距 */
}
/* 代码块样式 */
.Post-body pre code {
background: #ffff9954; /* 浅黄色背景 */
border: 1px solid #eec; /* 浅黄色边框 */
padding: 10px; /* 内边距，使代码更易读 */
display: block; /* 块级显示 */
border-radius: 4px; /* 圆角边框 */
font-family: monospace; /* 等宽字体 */
overflow-x: auto; /* 水平滚动条，避免代码过长 */
line-height: 1.5; /* 行高 */
}
/* 行内代码样式 */
.Post-body code:not(pre code) {
background: #ffff9954; /* 与代码块相同的背景色 */
border: 1px solid #eec; /* 与代码块相同的边框 */
padding: 2px 4px; /* 适合行内的内边距 */
border-radius: 3px; /* 小一点的圆角 */
font-family: monospace; /* 等宽字体 */
}
/* 标题样式 h1-h4 */
.Post-body h1,
.Post-body h2,
.Post-body h3,
.Post-body h4 {
color: #2ea44f; /* 绿色标题 */
margin-top: 20px; /* 上边距 */
margin-bottom: 10px; /* 下边距 */
font-weight: bold; /* 粗体 */
}
/* 各级标题的具体大小设置 */
.Post-body h1 {
font-size: 28px;
border-bottom: 1px solid #eaecef; /* h1下方添加分隔线 */
padding-bottom: 8px; /* 分隔线与文字间距 */
}
.Post-body h2 {
font-size: 24px;
border-bottom: 1px solid #eaecef; /* h2下方添加分隔线 */
padding-bottom: 6px; /* 分隔线与文字间距 */
}
.Post-body h3 {
font-size: 20px;
}
.Post-body h4 {
font-size: 18px;
}
/* 预格式化文本块样式（包含代码块的容器） */
.Post-body pre {
margin: 16px 0; /* 上下外边距 */
background: transparent; /* 透明背景，以便显示code的背景 */
padding: 0; /* 清除内边距，让code元素控制内边距 */
overflow: auto; /* 自动滚动条 */
border-radius: 4px; /* 圆角边框 */
}
/* 确保markdown内容整体样式统一 */
.Post-body {
line-height: 1.6; /* 文本行高 */
color: #333; /* 文本颜色 */
font-size: 16px; /* 文本大小 */
}
/* 链接样式 */
.Post-body a {
color: #0366d6; /* 链接颜色 */
text-decoration: none; /* 无下划线 */
}
.Post-body a:hover {
text-decoration: underline; /* 悬停时显示下划线 */
}
/* 引用块样式 */
.Post-body blockquote {
padding: 0 1em; /* 内边距 */
color: #6a737d; /* 文字颜色 */
border-left: 0.25em solid #dfe2e5; /* 左侧边框 */
margin: 0 0 16px 0; /* 外边距 */
}
/* 列表样式 */
.Post-body ul,
.Post-body ol {
padding-left: 2em; /* 左内边距 */
margin: 16px 0; /* 上下外边距 */
}
/* 表格样式 */
.Post-body table {
border-collapse: collapse; /* 合并边框 */
width: 100%; /* 宽度100% */
margin: 16px 0; /* 上下外边距 */
}
.Post-body table th,
.Post-body table td {
padding: 6px 13px; /* 内边距 */
border: 1px solid #dfe2e5; /* 边框 */
}
.Post-body table tr {
background-color: #fff; /* 背景色 */
border-top: 1px solid #c6cbd1; /* 上边框 */
}
.Post-body table tr:nth-child(2n) {
background-color: #f6f8fa; /* 隔行变色 */
}
.Post-body table th {
background-color: #f0f0f0; /* 表头背景色 */
font-weight: bold; /* 粗体 */
}
pre[class*=language-] {
padding: 0 !important;
}
/* 修复@符号显示问题 */
textarea, input[type="text"] {
font-family: Arial, sans-serif !important;
letter-spacing: 0.3px !important;
}
