/* 图片响应式 */ img { max-width: 100%; height: auto; display: block; margin: 0 auto; } /* 视频响应式 */ .video-container { position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; } .video-container video { width: 100%; height: auto; display: block; } /* 分页样式 - 红白配色 + 圆角 + 阴影 */ .page-numbers, .wp-block-query-pagination-numbers .page-numbers { display: inline-block; padding: 0.5em 0.75em; margin: 0.2em; border: 1px solid #ddd; text-decoration: none; color: #333; border-radius: 5px; } .page-numbers.current, .page-numbers.current:hover, .wp-block-query-pagination-numbers .page-numbers.current { background-color: #e74c3c; color: #fff !important; border-color: #c0392b; text-decoration: none !important; cursor: default; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .page-numbers:not(.current):hover, .wp-block-query-pagination-numbers .page-numbers:not(.current):hover { background-color: #f5f5f5; color: #e74c3c !important; border-color: #e74c3c; } /* 全站文字优化 - 改善可读性 */ body { line-height: 1.6; } /* 段落、列表等基本样式 */ p, li, blockquote, figcaption { line-height: 1.7; letter-spacing: 0.015em; /* 移除了之前的 max-width: 70ch 和 margin: auto，由下面的媒体查询控制 */ } h1, h2, h3, h4, h5, h6 { line-height: 1.3; letter-spacing: 0.01em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); /* 非常微妙的阴影 */ } a { text-shadow: none; /* 确保链接清晰 */ } /* 恢复文章列表缩略图的默认显示方式 */ .wp-post-image { /* 请确保这是你主题中缩略图的正确 class */ display: inline-block; margin: 0 10px 10px 0; float: left; width: 150px; /* PC端尺寸，下面会为移动端调整 */ height: 100px; object-fit: cover; } /* 清除浮动 - 请确保 .entry-content-class 是包裹文章内容的正确 class */ .entry-content-class::after { /* 替换成你找到的class */ content:''; display: block; clear: both; } /* 确保加粗标签在所有设备上都生效且清晰 */ strong, b { font-weight: bold !important; text-shadow: none !important; } /* =============================================== */ /* 文章内容区域宽度及响应式调整 */ /* =============================================== */ /* 重要提示：你需要找到包裹你“单篇文章”主要内容的那个最外层的HTML容器。下面的 .single .entry-content 是一个非常常见的WordPress组合，其中 .single 通常是标签上针对单篇文章页的类， .entry-content 是包裹文章正文的类。如果下面的CSS不生效，你需要用浏览器开发者工具检查你的单篇文章页面，找到正确的类名并替换掉下面的 '.single .entry-content'。其他可能的类名有：.content-area, .site-content, article.post, main 等。 */ .single .entry-content { /* 默认情况下（移动端优先） */ width: 90%; /* 或者 95%，根据喜好调整 */ margin-left: auto; margin-right: auto; padding-left: 15px; /* 左右留白 */ padding-right: 15px; } @media (min-width: 768px) { /* 平板尺寸及以上 */ .single .entry-content { width: 85%; padding-left: 20px; padding-right: 20px; } .wp-post-image { width: 120px; /* 平板缩略图尺寸 */ height: 80px; } } @media (min-width: 992px) { /* PC端尺寸及以上 */ .single .entry-content { width: 80%; max-width: 1100px; /* 设置一个最大像素宽度，防止在超大屏幕上内容过宽，可调整 */ padding-left: 30px; padding-right: 30px; } /* 在PC端，确保内部段落等元素能撑满父容器宽度 */ .single .entry-content p, .single .entry-content li, .single .entry-content blockquote, .single .entry-content figcaption { max-width: none; /* 移除可能存在的独立最大宽度限制 */ margin-left: 0; /* 如果父容器已居中，它们不再需要独立居中 */ margin-right: 0; } .wp-post-image { width: 150px; /* PC端缩略图尺寸 */ height: 100px; } } /* 以下是原来 style.css 文件中的其他 CSS，保持不变 */ /* Theme Name: Twenty Twenty-Five ... (其余部分省略，保持原样) ... */ /* * Link styles * https://github.com/WordPress/gutenberg/issues/42319 */ a:link{ /*超链接正常状态下在样式*/ text-decoration:none !important/*无下划线*/ } a { text-decoration-thickness: 1px !important; text-underline-offset: .1em; } /* Focus styles */ :where(.wp-site-blocks *:focus) { outline-width: 2px; outline-style: solid; } /* Increase the bottom margin on submenus, so that the outline is visible. */ .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) { margin-bottom: 3px; } /* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */ .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content { outline-offset: 4px; } /* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */ .wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content { outline-offset: 0; } /* * Progressive enhancement to reduce widows and orphans * https://github.com/WordPress/gutenberg/issues/55190 */ h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p { text-wrap: pretty; } /* * Change the position of the more block on the front, by making it a block level element. * https://github.com/WordPress/gutenberg/issues/65934 */ .more-link { display: block; }