/*!
Theme Name: 异植小站
Theme URI: https://yizhixiaozhan.com/
Author: 暗暗
Author URI: https://yizhixiaozhan.com/
是一个简单、干净且响应式的WordPress博客主题。
Version: 1.1
Requires at least: 5.1
Requires PHP: 5.6
Tested up to: 6.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: memorial-blog
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, one-column, two-columns, custom-header, blog, entertainment, portfolio
*/

/*--------------------------------------------------------------
>>> 目录:
----------------------------------------------------------------
# 初始化样式(Normalize)
# 排版(Typography)
# 元素样式(Elements)
# 表单样式(Forms)
# 导航样式(Navigation)
	## 链接(Links)
	## 菜单(Menus)
# 无障碍访问(Accessibility)
# 对齐方式(Alignments)
# 清除浮动(Clearings)
# 小工具(Widgets)
# 内容区域(Content)
	## 文章和页面(Posts and pages)
	## 评论(Comments)
# 无限滚动(Infinite scroll)
# 媒体元素(Media)
	## 图片说明(Captions)
	## 图片画廊(Galleries)
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 初始化样式(Normalize)
# 作用: 统一不同浏览器的默认样式差异，保证跨浏览器兼容性
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* 文档基础样式
	 ========================================================================== */

/**
 * 1. 修正所有浏览器的行高
 * 2. 防止iOS设备在旋转时调整字体大小
 */
html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* 区块样式
	 ========================================================================== */

/**
 * 移除所有浏览器的默认外边距
 */
body {
	margin: 0;
}

/* 盒式布局和框架布局的页面容器样式 */
.boxed-layout #page,
.frame-layout #page {
    width: 90%;
    max-width: 1600px;
    margin: 0 auto; /* 居中显示 */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.10); /* 添加轻微阴影 */
}

.frame-layout #page {
	margin: 50px auto; /* 框架布局时增加上下外边距 */
}

/**
 * 修正Chrome、Firefox和Safari中section和article内h1元素的字体大小和外边距
 */
h1.entry-title {
	font-size: 2em;
	margin: 0.67em 0;
}

/* 各层级标题的字体大小设置 */
h1 {
	font-size: 38px;
}

h2 {
	font-size: 34px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 22px;
}

h6 {
	font-size: 16px;
}

/* 分组内容样式
	 ========================================================================== */

/**
 * 1. 修正Firefox中的盒模型
 * 2. 在Edge和IE中显示溢出内容
 */
hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. 修正所有浏览器中字体大小的继承和缩放
 * 2. 修正所有浏览器中em字体大小的异常
 */
pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* 文本级语义样式
	 ========================================================================== */

/**
 * 移除IE 10中活动链接的灰色背景
 */
a {
	background-color: transparent;
}

/**
 * 1. 移除Chrome 57-中的底部边框
 * 2. 修正Chrome、Edge、IE、Opera和Safari中的文本装饰
 */
abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * 修正Chrome、Edge和Safari中的字体粗细
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. 修正所有浏览器中字体大小的继承和缩放
 * 2. 修正所有浏览器中em字体大小的异常
 */
code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * 修正所有浏览器中的字体大小
 */
small {
	font-size: 80%;
}

/**
 * 防止sub和sup元素影响所有浏览器的行高
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em; /* 下标位置 */
}

sup {
	top: -0.5em; /* 上标位置 */
}

/* 嵌入内容样式
	 ========================================================================== */

/**
 * 移除IE 10中链接内图片的边框
 */
img {
	border-style: none;
}

/* 表单样式
	 ========================================================================== */

/**
 * 1. 改变所有浏览器的字体样式
 * 2. 移除Firefox和Safari中的外边距
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * 在IE中显示溢出内容
 * 1. 在Edge中显示溢出内容
 */
button,
input { /* 1 */
	overflow: visible;
}

/**
 * 移除Edge、Firefox和IE中文本转换的继承
 * 1. 移除Firefox中文本转换的继承
 */
button,
select { /* 1 */
	text-transform: none;
}

/**
 * 修正iOS和Safari中可点击类型的样式
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * 移除Firefox中的内边框和内边距
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * 恢复之前规则中未设置的焦点样式
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * 修正Firefox中的内边距
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. 修正Edge和IE中的文本换行
 * 2. 修正IE中从fieldset元素继承的颜色
 * 3. 移除内边距，避免开发者在所有浏览器中清零fieldset元素时出错
 */
legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * 修正Chrome、Firefox和Opera中的垂直对齐
 */
progress {
	vertical-align: baseline;
}

/**
 * 移除IE 10+中的默认垂直滚动条
 */
textarea {
	overflow: auto;
}

/**
 * 1. 修正IE 10中的盒模型
 * 2. 移除IE 10中的内边距
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * 修正Chrome中增减按钮的光标样式
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. 修正Chrome和Safari中的异常外观
 * 2. 修正Safari中的轮廓样式
 */
[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * 移除Chrome和Safari在macOS上的内边距
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. 修正iOS和Safari中可点击类型的样式
 * 2. 在Safari中更改字体属性为继承
 */
::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* 交互元素样式
	 ========================================================================== */

/*
 * 在Edge、IE 10+和Firefox中添加正确的显示方式
 */
details {
	display: block;
}

/*
 * 在所有浏览器中添加正确的显示方式
 */
summary {
	display: list-item;
}

/* 其他样式
	 ========================================================================== */

/**
 * 在IE 10+中添加正确的显示方式
 */
template {
	display: none;
}

/**
 * 在IE 10中添加正确的显示方式
 */
[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# 排版(Typography)
# 作用: 定义网站的字体、大小、行高、颜色等文本相关样式
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #555; /* 文本颜色 */
	font-size: 16px; /* 基础字体大小 */
	line-height: 28px; /* 行高，影响可读性 */
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 16px; /* 标题底部外边距 */
    line-height: 1.4; /* 标题行高 */
	clear: both; /* 清除浮动 */
    word-break: break-word; /* 自动换行 */
	color: #000; /* 标题颜色 */
	font-weight: 400; /* 标题字重 */
	font-family: 'Jost', sans-serif; /* 标题字体 */
}

p {
	margin: 0 0 1.5em; /* 段落底部外边距 */
}

p:last-child {
	margin: 0; /* 最后一个段落无底部外边距 */
}

dfn, cite, em, i {
	font-style: italic; /* 斜体样式 */
}

blockquote {
	margin: 0 1.5em; /* 块引用外边距 */
    padding: 15px; /* 块引用内边距 */
}

address {
	margin: 0 0 1.5em; /* 地址元素外边距 */
}

pre {
	background: #eee; /* 代码块背景色 */
	font-family: "Courier 10 Pitch", Courier, monospace; /* 代码字体 */
	font-size: 15px;
	line-height: 1.6; /* 代码行高 */
	margin-bottom: 1.6em; /* 代码块底部外边距 */
	max-width: 100%; /* 最大宽度 */
	overflow: auto; /* 溢出时显示滚动条 */
	padding: 1.6em; /* 代码块内边距 */
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; /* 代码元素字体 */
	font-size: 15px;
}

abbr, acronym {
	border-bottom: 1px dotted #666; /* 缩写词下划线 */
	cursor: help; /* 鼠标悬停时显示帮助光标 */
}

mark, ins {
	background: #fff9c0; /* 标记和插入文本的背景色 */
}

big {
	font-size: 125%; /* 大字体 */
}

/*--------------------------------------------------------------
# 元素样式(Elements)
# 作用: 定义HTML基础元素的样式，如body、hr、列表、表格等
--------------------------------------------------------------*/
html {
	box-sizing: border-box; /* 盒模型设置为border-box，便于布局计算 */
}

*,
*:before,
*:after {
	/* 继承盒模型，便于组件修改 */
	box-sizing: inherit;
}

body {
	background: #f8f8f8; /* 页面背景色 */
    overflow-x: hidden; /* 隐藏水平滚动条 */
	font-family: 'Jost', sans-serif; /* 全局字体 */
}

hr {
	background-color: #ccc; /* 水平线颜色 */
	border: 0; /* 移除边框 */
	height: 1px; /* 水平线高度 */
	margin-bottom: 1.5em; /* 水平线底部外边距 */
}

/* 列表样式 */
ul, ol {
	margin: 0 0 1.5em 0; /* 列表外边距 */
    padding-left: 1.5em; /* 列表内边距 */
}

ul {
	list-style: disc; /* 无序列表符号 */
}

ol {
	list-style: decimal; /* 有序列表符号 */
}

li > ul,
li > ol {
	margin-bottom: 0; /* 嵌套列表底部无外边距 */
	margin-left: 1.5em; /* 嵌套列表左外边距 */
}

dt {
	font-weight: bold; /* 定义列表标题加粗 */
}

dd {
	margin: 0 1.5em 1.5em; /* 定义列表描述外边距 */
}

img {
	height: auto; /* 图片高度自动，保持比例 */
	max-width: 100%; /* 图片最大宽度为容器100%，响应式 */
	display: inline-block; /* 图片显示方式 */
    vertical-align: middle; /* 垂直居中对齐 */
}

figure {
	margin: 1em 0; /* 图片容器外边距 */
	/* 确保figure标签内的超宽图片不会溢出内容区域 */
}

/* 表格样式 */
table {
	margin: 0 0 1.5em; /* 表格外边距 */
	width: 100%; /* 表格宽度100% */
  	border-collapse: collapse; /* 表格边框合并 */
}

table, td, th {  
  border: 1px solid #ddd; /* 表格边框 */
  text-align: left; /* 表格内容左对齐 */
}

th, td {
  padding: 15px; /* 表格单元格内边距 */
}

/*--------------------------------------------------------------
# 表单样式(Forms)
# 作用: 定义表单元素的样式，如按钮、输入框、下拉框等
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.btn,
.reply a {
	position: relative; /* 相对定位 */
    background-color: transparent; /* 透明背景 */
    font-size: 12px; /* 按钮字体大小 */
    line-height: 42px; /* 按钮行高 */
    font-weight: 600; /* 按钮字重 */
    color: #4fd675; /* 按钮文字颜色 */
    border: 1px solid #4fd675; /* 按钮边框 */
    text-transform: uppercase; /* 文字大写 */
    letter-spacing: 0.10em; /* 字母间距 */
    display: inline-block; /*  inline-block显示 */
    vertical-align: middle; /* 垂直居中 */
    padding: 11px 18px; /* 按钮内边距 */
    line-height: 1.3; /* 按钮行高 */
    cursor: pointer; /* 鼠标指针为手型 */
    border-radius: 0; /* 无边框圆角 */
    text-decoration: none; /* 无下划线 */
}

/* 按钮 hover 和 focus 状态 */
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.btn:hover,
.btn:focus,
.reply a:hover,
.reply a:focus {
	background-color: #4fd675; /* 背景色变为绿色 */
    color: #fff; /* 文字颜色变为白色 */
}

/* 按钮 active 和 focus 状态 */
button:active, 
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	background-color: #4fd675; /* 背景色绿色 */
    color: #fff; /* 文字白色 */
    outline: thin dotted; /* 轮廓样式 */
}

/* 输入框样式 */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666; /* 输入框文字颜色 */
    background-color: #fff; /* 输入框背景色 */
    border: 1px solid #fff; /* 输入框边框 */
    padding: 8px 12px; /* 输入框内边距 */
    border-radius: 0; /* 无边框圆角 */
    display: inline-block; /* inline-block显示 */
    vertical-align: middle; /* 垂直居中 */
}

/* 输入框 focus 状态 */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111; /* 文字颜色变深 */
	outline: thin dotted; /* 轮廓样式 */
	border-color: #4fd675; /* 边框颜色变为绿色 */
}

select {
	border: 1px solid #ccc; /* 下拉框边框 */
}

select:focus {
    outline: thin dotted; /* 下拉框 focus 状态轮廓 */
}

textarea {
	width: 100%; /* 文本域宽度100% */
}

/*--------------------------------------------------------------
# 导航样式(Navigation)
# 作用: 定义网站导航相关样式，包括链接、菜单等
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## 链接(Links)
--------------------------------------------------------------*/
a {
	color: #4fd675; /* 链接颜色 */
}

a:hover, 
a:focus, 
a:active {
	color: #000; /* 链接 hover/focus/active 状态颜色 */
}

a:focus {
	outline: thin dotted; /* 链接 focus 状态轮廓 */
}

a:hover, 
a:active {
	outline: 0; /* 链接 hover/active 状态无轮廓 */
}

/*--------------------------------------------------------------
## 下划线链接(Underline Links)
--------------------------------------------------------------*/
#masthead a,
#footer-widgets ul li a,
#secondary ul li a {
	text-decoration: none; /* 这些区域的链接无下划线 */
}

/*--------------------------------------------------------------
## 菜单(Menus)
--------------------------------------------------------------*/
#masthead {
    position: relative; /* 相对定位 */
    z-index: 10; /* 层级较高，确保在其他元素上方 */
    background-color: #fff; /* 头部背景色白色 */
}

#masthead .header-wrapper {
    display: flex; /* 使用flex布局 */
    align-items: center; /* 垂直居中 */
    justify-content: space-between; /* 两端对齐 */
    padding: 15px 0; /* 上下内边距15px */
}

.site-branding-logo img {
    max-height: 125px; /* 网站logo最大高度 */
    width: auto; /* 宽度自动，保持比例 */
}

.site-title {
    font-size: 22px; /* 网站标题字体大小 */
    margin: 0 0 2px; /* 标题外边距 */
    line-height: 1.2; /* 标题行高 */
    font-weight: 400; /* 标题字重 */
    font-family: 'Jost', sans-serif; /* 标题字体 */
}

.site-title a {
	color: #000; /* 标题链接颜色 */
}

.site-title a:hover,
.site-title a:focus {
	color: #4fd675; /* 标题链接 hover/focus 颜色 */
}

.site-description {
    margin: 0; /* 网站描述无外边距 */
    color: #999; /* 描述文字颜色 */
    font-size: 14px; /* 描述字体大小 */
    font-family: 'Jost', sans-serif; /* 描述字体 */
}

/* 导航菜单中的搜索表单 */
.navigation-menu .search-form {
    position: absolute; /* 绝对定位 */
    float: right; /* 右浮动 */
    top: 0; /* 顶部对齐 */
    right: 30px; /* 右距离30px */
}

.navigation-menu .search-form input[type="search"] {
	color: #000; /* 搜索框文字颜色 */
	width: 100%; /* 宽度100% */
    border: none; /* 无边框 */
    padding: 17px 55px 17px 10px; /* 内边距 */
    background-color: transparent; /* 透明背景 */
}

.navigation-menu .search-form .search-submit {
    border: none; /* 搜索按钮无边框 */
    position: absolute; /* 绝对定位 */
    top: 0; /* 顶部对齐 */
    right: 0; /* 右侧对齐 */
    height: 60px; /* 按钮高度 */
}

.navigation-menu .search-form .search-submit svg {
	fill: #000; /* 搜索图标颜色 */
}

.navigation-menu .search-form .search-submit:hover svg,
.navigation-menu .search-form .search-submit:focus svg {
	fill: #fff; /* 搜索按钮 hover/focus 状态图标颜色 */
}

.navigation-menu {
    display: block; /* 块级显示 */
    width: 100%; /* 宽度100% */
    width: auto; /* 自动宽度 */
    margin-left: auto; /* 左外边距自动 */
}

.navigation-menu ul {
	list-style: none; /* 无列表符号 */
	margin: 0; /* 无外边距 */
	padding-left: 0; /* 左内边距0 */
}

ul.nav-menu, 
div.nav-menu > ul {
    border-top: 1px solid #eee; /* 上边框 */
    clear: both; /* 清除浮动 */
    padding: 20px; /* 内边距 */
    display: none; /* 默认隐藏 */
    position: absolute; /* 绝对定位 */
    background-color: #fff; /* 背景色白色 */
    left: 0; /* 左对齐 */
    right: 0; /* 右对齐 */
    width: 100%; /* 宽度100% */
    top: 100%; /* 顶部位置 */
}

.navigation-menu ul ul {
	display: none; /* 子菜单默认隐藏 */
}

.navigation-menu ul ul {
    padding-left: 20px; /* 子菜单左内边距 */
}

.navigation-menu li {
	position: relative; /* 相对定位 */
	-webkit-transition: all 0.1s ease-in-out; /* 过渡动画 */
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.navigation-menu a {
	font-size: 14px; /* 菜单文字大小 */
	display: block; /* 块级显示 */
    padding: 10px 0; /* 内边距 */
    color: #000; /* 文字颜色 */
    border-bottom: 1px solid #eee; /* 下边框 */
    font-weight: 700; /* 字重 */
    text-transform: uppercase; /* 文字大写 */
    letter-spacing: 1px; /* 字母间距 */
    font-family: 'Jost', sans-serif; /* 字体 */
}

.navigation-menu .nav-menu > li:last-child > a {
    border-bottom: none; /* 最后一个菜单项无下边框 */
}

#site-navigation.navigation-menu .nav-menu > a {
    text-transform: uppercase; /* 导航菜单链接文字大写 */
}

/* 菜单项当前状态和hover状态 */
.navigation-menu li.current-menu-item > a,
.navigation-menu .nav-menu > li:hover > a,
.navigation-menu .nav-menu > li.focus > a,
.navigation-menu .nav-menu > li > a:hover,
.navigation-menu .nav-menu > li > a:focus {
    color: #4fd675; /* 文字颜色变为绿色 */
}

.navigation-menu li a svg {
    display: none; /* 默认隐藏图标 */
    fill: #949393; /* 图标颜色 */
    margin-left: 5px; /* 图标左外边距 */
}

.navigation-menu a:hover,
.navigation-menu a:focus,
.navigation-menu li:hover > a {
	color: #4fd675; /* 链接 hover/focus 颜色 */
}

.navigation-menu .nav-menu > li > a:hover svg,
.navigation-menu .nav-menu > li > a:focus svg,
.navigation-menu .nav-menu > li:hover > a svg {
	fill: #4fd675; /* 图标 hover/focus 颜色 */
}

/* 菜单切换按钮 */
.menu-toggle,
.navigation-menu.toggled ul {
	display: block; /* 显示菜单切换按钮和激活状态的菜单 */
}

.menu-toggle {
    margin: 0 auto; /* 居中显示 */
    padding: 16px 15px; /* 内边距 */
    line-height: 28px; /* 行高 */
    color: #000; /* 文字颜色 */
    width: 100%; /* 宽度100% */
    font-size: 14px; /* 字体大小 */
    border: none; /* 无边框 */
    width: auto; /* 自动宽度 */
    position: relative; /* 相对定位 */
    z-index: 1; /* 层级1 */
    float: right; /* 右浮动 */
    width: 40px; /* 宽度40px */
    height: 40px; /* 高度40px */
    line-height: 1; /* 行高1 */
    padding: 0; /* 内边距0 */
    border-radius: 40px; /* 边框圆角40px */
}

.menu-toggle svg {
	fill: #000; /* 菜单图标颜色 */
	width: 20px; /* 图标宽度 */
	height: 20px; /* 图标高度 */
}

.menu-toggle:hover svg,
.menu-toggle:focus svg {
	fill: #fff; /* 图标 hover/focus 颜色 */
}

/* 菜单图标切换 */
.menu-toggle .icon-close,
.menu-toggle.active .icon-bars {
    display: none; /* 关闭图标默认隐藏，激活时隐藏菜单图标 */
}

.menu-toggle.active .icon-close {
    display: inline-block; /* 激活时显示关闭图标 */
}

.primary-menu-label {
    display: none; /* 主菜单标签默认隐藏 */
}

/* 下拉菜单切换按钮 */
.nav-menu .dropdown-toggle {
    position: absolute; /* 绝对定位 */
    top: 0; /* 顶部对齐 */
    right: 0; /* 右侧对齐 */
    width: 50px; /* 宽度50px */
    height: 48px; /* 高度48px */
    padding: 0; /* 内边距0 */
    border-radius: 0; /* 无边框圆角 */
    background-color: transparent; /* 透明背景 */
    border: none; /* 无边框 */
}

.nav-menu .dropdown-toggle:focus {
	outline: thin dotted #4fd675; /* focus 状态轮廓 */
}

.nav-menu .dropdown-toggle svg {
	fill: #000; /* 下拉图标颜色 */
}

/* 头部搜索菜单 */
#masthead .navigation-search-menu {
    margin-left: 10px; /* 左外边距10px */
}

#masthead .navigation-search-menu .search-form,
#masthead .search-menu-toggle .icon-close {
    display: none; /* 搜索表单和关闭图标默认隐藏 */
}

#masthead .navigation-search-menu.active .search-form {
    display: block; /* 激活时显示搜索表单 */
    position: fixed; /* 固定定位 */
    top: 0; /* 顶部对齐 */
    left: 0; /* 左侧对齐 */
    right: 0; /* 右侧对齐 */
    bottom: 0; /* 底部对齐 */
    background-color: rgb(0 0 0 / 98%); /* 背景色黑色透明 */
    z-index: 10; /* 层级10 */
    display: flex; /* flex布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
}

#masthead .navigation-search-menu .search-form input {
    background-color: transparent; /* 搜索框透明背景 */
    border: none; /* 无边框 */
    border-bottom: 1px solid #eee; /* 下边框 */
    padding: 10px; /* 内边距 */
    width: 300px; /* 宽度300px */
    color: #fff; /* 文字颜色白色 */
    outline: none; /* 无轮廓 */
}

#masthead .navigation-search-menu .search-form button {
    border: none; /* 搜索按钮无边框 */
    background-color: transparent; /* 透明背景 */
    width: 40px; /* 宽度40px */
    height: 40px; /* 高度40px */
    border-radius: 40px; /* 边框圆角40px */
    padding: 0; /* 内边距0 */
    line-height: 1; /* 行高1 */
}

#masthead .navigation-search-menu .search-form svg {
	fill: #fff; /* 搜索图标颜色白色 */
}

#masthead .navigation-search-menu.active .search-menu-toggle .icon-search {
	display: none; /* 激活时隐藏搜索图标 */
}

#masthead .navigation-search-menu.active .search-menu-toggle .icon-close {
	display: block; /* 激活时显示关闭图标 */
	margin: auto; /* 居中 */
	fill: #fff; /* 关闭图标颜色白色 */
}

#masthead .navigation-search-menu.active .search-menu-toggle {
    position: relative; /* 相对定位 */
    z-index: 11; /* 层级11，在搜索表单上方 */
}

#masthead .search-menu-toggle {
    border: none; /* 无边框 */
    background-color: #222; /* 背景色深灰 */
    border-radius: 40px; /* 边框圆角40px */
    width: 40px; /* 宽度40px */
    height: 40px; /* 高度40px */
    line-height: 1; /* 行高1 */
    padding: 0; /* 内边距0 */
    text-align: center; /* 文字居中 */
}

#masthead .search-menu-toggle:hover,
#masthead .search-menu-toggle:focus {
	background-color: #000; /* hover/focus 背景色黑色 */
}

#masthead .search-menu-toggle svg {
    fill: #fff; /* 图标颜色白色 */
    width: 18px; /* 图标宽度 */
    height: 18px; /* 图标高度 */
}

#masthead .search-menu-toggle:hover svg,
#masthead .search-menu-toggle:focus svg {
	fill: #fff; /* hover/focus 图标颜色白色 */
}

svg {
    width: 16px; /* svg图标默认宽度 */
    height: 16px; /* svg图标默认高度 */
    display: inline-block; /* inline-block显示 */
    vertical-align: middle; /* 垂直居中 */
}

/* 文章导航、评论导航样式 */
.site-main .comment-navigation, 
.site-main .posts-navigation, 
.site-main .post-navigation {
	margin: 1.5em 0; /* 外边距 */
    background-color: #fff; /* 背景色白色 */
    padding: 15px 25px; /* 内边距 */
    box-shadow: 0 2px 2px rgba(0,0,0,0.06); /* 阴影效果 */
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left; /* 左浮动 */
	width: 50%; /* 宽度50% */
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right; /* 右浮动 */
	text-align: right; /* 文字右对齐 */
	width: 50%; /* 宽度50% */
}

.site-main .comment-navigation a, 
.site-main .posts-navigation a, 
.site-main .post-navigation a {
	color: #000; /* 链接颜色 */
	text-decoration: none; /* 无下划线 */
}

.site-main .comment-navigation a:hover, 
.site-main .posts-navigation a:hover, 
.site-main .post-navigation a:hover,
.site-main .comment-navigation a:focus, 
.site-main .posts-navigation a:focus, 
.site-main .post-navigation a:focus {
	color: #4fd675; /* hover/focus 链接颜色 */
}

.nav-subtitle {
    display: block; /* 导航副标题块级显示 */
}

.nav-previous .nav-title-icon-wrapper {
    margin-right: 10px; /* 导航前一个图标右外边距 */
}

.nav-next .nav-title-icon-wrapper {
    margin-left: 10px; /* 导航后一个图标左外边距 */
}

/* 分页导航样式 */
.navigation.pagination .page-numbers {
    width: 40px; /* 页码宽度 */
    height: 40px; /* 页码高度 */
    display: inline-block; /* inline-block显示 */
    background-color: #fff; /* 背景色白色 */
    border: 1px solid rgba(0, 0, 0, 0.10); /* 边框 */
    text-align: center; /* 文字居中 */
    line-height: 40px; /* 行高40px，垂直居中 */
    margin-right: 5px; /* 右外边距5px */
    color: #000; /* 文字颜色 */
    text-decoration: none; /* 无下划线 */
    -webkit-box-shadow: 0 3px 12px -1px rgb(7 10 25 / 10%), 0 22px 27px -30px rgb(7 10 25 / 10%);
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 10%), 0 22px 27px -30px rgb(7 10 25 / 10%); /* 阴影效果 */
}

.navigation.pagination .page-numbers.prev svg,
.navigation.pagination .page-numbers.next svg {
	position: relative; /* 相对定位 */
	top: -2px; /* 上移2px */
}

/* 分页当前页和hover状态 */
.navigation.pagination .page-numbers.current,
.navigation.pagination .page-numbers:hover,
.navigation.pagination .page-numbers:focus {
    background-color: #4fd675; /* 背景色绿色 */
    border-color: #4fd675; /* 边框颜色绿色 */
    color: #fff; /* 文字颜色白色 */
}

.navigation.pagination .page-numbers.prev:hover svg,
.navigation.pagination .page-numbers.next:hover svg,
.navigation.pagination .page-numbers.prev:focus svg,
.navigation.pagination .page-numbers.next:focus svg {
	fill: #fff; /* 图标颜色白色 */
}

.post-navigation .nav-previous a:hover svg,
.post-navigation .nav-previous a:focus svg,
.post-navigation .nav-next a:hover svg,
.post-navigation .nav-next a:focus svg {
    fill: #4fd675; /* 导航链接图标 hover/focus 颜色 */
}

.navigation.pagination {
    margin-top: 50px; /* 上外边距50px */
    text-align: center; /* 分页居中显示 */
}

/*--------------------------------------------------------------
# 无障碍访问(Accessibility)
# 作用: 为屏幕阅读器等辅助设备提供支持
--------------------------------------------------------------*/
/* 仅用于屏幕阅读器的文本 */
.screen-reader-text {
	border: 0; /* 无边框 */
	clip: rect(1px, 1px, 1px, 1px); /* 裁剪为1px，视觉上隐藏 */
	clip-path: inset(50%); /* 裁剪路径 */
	height: 1px; /* 高度1px */
	margin: -1px; /* 负外边距 */
	overflow: hidden; /* 隐藏溢出 */
	padding: 0; /* 无内边距 */
	position: absolute !important; /* 绝对定位 */
	width: 1px; /* 宽度1px */
	word-wrap: normal !important; /* 许多屏幕阅读器和浏览器组合会像视觉上那样宣布断词 */
}

/* 屏幕阅读器文本focus状态 */
.screen-reader-text:focus {
	background-color: #f1f1f1; /* 背景色 */
	border-radius: 3px; /* 边框圆角 */
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); /* 阴影 */
	clip: auto !important; /* 取消裁剪 */
	clip-path: none; /* 取消裁剪路径 */
	color: #21759b; /* 文字颜色 */
	display: block; /* 块级显示 */
	font-size: 14px; /* 字体大小 */
	font-weight: bold; /* 字重加粗 */
	height: auto; /* 高度自动 */
	left: 5px; /* 左位置 */
	line-height: normal; /* 行高正常 */
	padding: 15px 23px 14px; /* 内边距 */
	text-decoration: none; /* 无下划线 */
	top: 5px; /* 上位置 */
	width: auto; /* 宽度自动 */
	z-index: 100000; /* 层级很高，在WP工具栏上方 */
}

/* 不在跳转链接目标上显示轮廓 */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# 对齐方式(Alignments)
# 作用: 定义内容的对齐方式，如左对齐、右对齐、居中对齐
--------------------------------------------------------------*/
.alignleft {
	display: inline; /* 内联显示 */
	float: left; /* 左浮动 */
	margin-right: 1.5em; /* 右外边距 */
}

.alignright {
	display: inline; /* 内联显示 */
	float: right; /* 右浮动 */
	margin-left: 1.5em; /* 左外边距 */
}

.aligncenter {
	clear: both; /* 清除浮动 */
	display: block; /* 块级显示 */
	margin-left: auto; /* 左外边距自动 */
	margin-right: auto; /* 右外边距自动 */
}

/*--------------------------------------------------------------
# 清除浮动(Clearings)
# 作用: 清除元素浮动带来的布局问题
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.container:before,
.container:after,
.site-main .comment-navigation:before, 
.site-main .posts-navigation:before, 
.site-main .post-navigation:before,
.site-main .comment-navigation:after, 
.site-main .posts-navigation:after, 
.site-main .post-navigation:after,
.blog-archive:before,
.blog-archive:after {
	content: ""; /* 伪元素内容为空 */
	display: table; /* 以表格形式显示，用于清除浮动 */
	table-layout: fixed; /* 表格布局固定 */
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.container:before,
.container:after,
.site-main .comment-navigation:before, 
.site-main .posts-navigation:before, 
.site-main .post-navigation:before,
.site-main .comment-navigation:after, 
.site-main .posts-navigation:after, 
.site-main .post-navigation:after,
.blog-archive:before,
.blog-archive:after {
	clear: both; /* 清除浮动 */
}

/*--------------------------------------------------------------
# 小工具(Widgets)
# 作用: 定义侧边栏和其他小工具区域的样式
--------------------------------------------------------------*/
.widget {
	position: relative; /* 相对定位 */
	margin: 0 0 30px; /* 外边距 */
	/* 确保选择元素适合小工具 */
}

.widget:last-child {
	margin-bottom: 0; /* 最后一个小工具无底部外边距 */
}

.widget select {
	max-width: 100%; /* 选择框最大宽度100% */
	width: 100%; /* 宽度100% */
	padding: 10px; /* 内边距 */
}

/* 搜索小工具表单 */
.widget_search form.search-form {
    position: relative; /* 相对定位 */
}

.widget_search input[type="search"] {
	width: 100%; /* 搜索框宽度100% */
}

.widget_search input[type="submit"] {
    position: absolute; /* 绝对定位 */
    top: 0; /* 顶部对齐 */
    right: 0; /* 右侧对齐 */
    margin: 0; /* 无外边距 */
    padding: 8px 15px; /* 内边距 */
    background-color: #4fd675; /* 背景色绿色 */
    color: #fff; /* 文字颜色白色 */
    line-height: 28px; /* 行高 */
    font-size: 12px; /* 字体大小 */
}

.widget_search input[type="submit"]:hover,
.widget_search input[type="submit"]:focus {
    border-color: #444; /* 边框颜色 */
    background-color: #444; /* 背景色深灰 */
	color: #fff; /* 文字颜色白色 */
}

#secondary .widget_block {
	background-color: #fff; /* 侧边栏小工具背景色白色 */
	padding: 20px; /* 内边距 */
    box-shadow: 0 0 2px rgba(0,0,0,0.06); /* 阴影效果 */
}

#secondary .widget_search input[type="search"] {
	background-color: #f6f6f6; /* 侧边栏搜索框背景色浅灰 */
}

/* 侧边栏标题样式 */
#secondary .widget_block > h1,
#secondary .widget_block > h2,
#secondary .widget_block > h3,
#secondary .widget_block > h4,
#secondary .widget_block > h5,
#secondary .widget_block > h6,
#secondary .wp-block-group__inner-container > h1,
#secondary .wp-block-group__inner-container > h2,
#secondary .wp-block-group__inner-container > h3,
#secondary .wp-block-group__inner-container > h4,
#secondary .wp-block-group__inner-container > h5,
#secondary .wp-block-group__inner-container > h6,
#secondary .wp-block-search .wp-block-search__label {
    font-size: 22px; /* 标题大小 */
    margin: 0; /* 无外边距 */
    color: #2f2e35; /* 标题颜色 */
    font-weight: 500; /* 字重 */
    letter-spacing: 1px; /* 字母间距 */
}

#secondary .wp-block-group__inner-container > h1,
#secondary .wp-block-group__inner-container > h2,
#secondary .wp-block-group__inner-container > h3,
#secondary .wp-block-group__inner-container > h4,
#secondary .wp-block-group__inner-container > h5,
#secondary .wp-block-group__inner-container > h6 {
	margin-bottom: 15px; /* 底部外边距15px */
}

#secondary ol.wp-block-latest-comments {
	padding-left: 0; /* 最新评论列表左内边距0 */
}

.widget ul {
    list-style: none; /* 无列表符号 */
    padding: 0; /* 内边距0 */
    margin: 0; /* 外边距0 */
}

.widget ul ul {
    padding-left: 1em; /* 嵌套列表左内边距1em */
}

/* 侧边栏和底部小工具列表项 */
#secondary ul li,
#footer-widgets ul li {
    display: block; /* 块级显示 */
    padding: 7px 0; /* 内边距 */
}

#secondary ul li a,
#footer-widgets ul li a {
    display: inline-block; /* inline-block显示 */
    text-transform: capitalize; /* 文字首字母大写 */
}

#footer-widgets ul li {
    border-bottom: none; /* 底部小工具列表项无下边框 */
}

#secondary a {
	color: #333; /* 侧边栏链接颜色 */
}

#secondary a:hover,
#secondary a:focus {
	color: #4fd675; /* 侧边栏链接 hover/focus 颜色 */
}

/* 标签云样式 */
.wp-block-tag-cloud a {
    display: inline-block; /* inline-block显示 */
    font-size: 14px !important; /* 字体大小 */
    margin: 0 10px 10px 0; /* 外边距 */
    color: #333 !important; /* 文字颜色 */
    border: 1px solid #ddd; /* 边框 */
    text-decoration: none; /* 无下划线 */
    padding: 5px 10px; /* 内边距 */
    line-height: 1; /* 行高1 */
    border-radius: 3px; /* 边框圆角 */
}

.wp-block-tag-cloud a:hover,
.wp-block-tag-cloud a:focus {
    color: #fff !important; /* hover/focus 文字颜色白色 */
    background-color: #4fd675; /* 背景色绿色 */
    border-color: #4fd675; /* 边框颜色绿色 */
}

#colophon .wp-block-tag-cloud a {
	color: #fff !important; /* 底部标签云文字颜色白色 */
}

.wp-block-search__button {
    background-color: #4fd675; /* 搜索按钮背景色绿色 */
    line-height: 1; /* 行高1 */
    padding: 0; /* 内边距0 */
    height: auto; /* 高度自动 */
    border: none; /* 无边框 */
    color: #fff; /* 文字颜色白色 */
    padding: 5px 15px; /* 内边距 */
}

.wp-block-search__button:hover,
.wp-block-search__button:focus {
	background-color: #333; /* hover/focus 背景色深灰 */
}

.widget_recent_entries span {
    display: block; /* 块级显示 */
}

.wp-block-latest-comments__comment-author, 
.wp-block-latest-comments__comment-link {
	font-weight: 400; /* 字重 */
}

.comment-metadata a,
.fn a {
    text-decoration: none; /* 无下划线 */
}

/*--------------------------------------------------------------
# 内容区域(Content)
# 作用: 定义网站主要内容区域的样式，包括文章、页面、评论等
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## 文章和页面(Posts and pages)
--------------------------------------------------------------*/
.sticky {
	display: block; /* 粘性文章显示 */
}

.updated:not(.published) {
	display: none; /* 不显示更新时间（如果发布时间存在） */
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0; /* 内容区域无外边距 */
}

.page-links {
	clear: both; /* 清除浮动 */
	margin: 0 0 1.5em; /* 外边距 */
}

/* 404页面样式 */
.error404 #primary,
.has-sidebar.error404 #primary {
    width: 100%; /* 宽度100% */
    float: none; /* 不浮动 */
    padding: 0; /* 内边距0 */
    text-align: center; /* 文字居中 */
}

.error-404.not-found .title {
    font-size: 150px; /* 标题大小 */
    font-weight: bold; /* 字重加粗 */
    line-height: 1; /* 行高1 */
    color: #4fd675; /* 文字颜色绿色 */
}

.error-404.not-found input.search-field {
    min-width: 300px; /* 最小宽度300px */
    display: block; /* 块级显示 */
    margin: 0 auto 20px; /* 外边距，居中显示 */
}

/* 无侧边栏样式 */
.has-sidebar.no-sidebar #primary {
    width: 100%; /* 宽度100% */
    float: none; /* 不浮动 */
    padding-left: 0; /* 左内边距0 */
    padding-right: 0; /* 右内边距0 */
}

.has-sidebar.no-sidebar #secondary {
    display: none; /* 隐藏侧边栏 */
}

/*--------------------------------------------------------------
## 评论(Comments)
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word; /* 长单词自动换行 */
}

.bypostauthor {
	display: block; /* 显示作者评论标识 */
}

/* 评论表单输入框 */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    width: 100%; /* 宽度100% */
}

.comment-form input[type="checkbox"] {
	margin-right: 10px; /* 复选框右外边距 */
    display: inline-block; /* inline-block显示 */
    vertical-align: middle; /* 垂直居中 */
}

/* 评论标题 */
.comments-title,
.comment-reply-title {
    font-size: 32px; /* 字体大小 */
    font-weight: 600; /* 字重 */
    margin-top: 15px; /* 上外边距 */
    display: inline-block; /* inline-block显示 */
    width: 100%; /* 宽度100% */
}

.comments-title {
    margin-bottom: 25px; /* 评论标题底部外边距 */
}

/* 评论作者头像 */
.comment-author.vcard img {
    width: 60px; /* 宽度60px */
    height: 60px; /* 高度60px */
    margin-right: 15px; /* 右外边距15px */
    float: left; /* 左浮动 */
    border-radius: 50%; /* 圆形头像 */
    object-fit: cover; /* 图片裁剪方式 */
}

#comments > ol.comment-list {
    margin-left: 0; /* 左外边距0 */
    padding-left: 0; /* 左内边距0 */
}

#comments ol.comment-list {
	list-style: none; /* 无列表符号 */
}

#comments ol.comment-list article {
    background-color: #fff; /* 背景色白色 */
    padding: 20px; /* 内边距 */
    margin-bottom: 20px; /* 底部外边距 */
}

.comment-content {
    display: table-cell; /* 表格单元格显示 */
}

/* 回复链接 */
.reply {
    margin: 10px 0 0; /* 外边距 */
    text-align: right; /* 文字右对齐 */    
}

.form-submit {
    margin-bottom: 0; /* 提交表单区域无底部外边距 */
}

.has-sidebar #primary {
    margin-bottom: 50px; /* 有侧边栏时主内容区底部外边距 */
}

/*--------------------------------------------------------------
# 无限滚动(Infinite scroll)
# 作用: 定义无限滚动相关元素的样式
--------------------------------------------------------------*/
/* 当支持并使用无限滚动时全局隐藏的元素 */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* 主题页脚（当设置为滚动时） */
	display: none;
}

/* 当无限滚动到达尽头时，需要重新显示之前隐藏的元素（通过.neverending） */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# 媒体元素(Media)
# 作用: 定义图片、视频等媒体元素的样式
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none; /* 无表情图标边框 */
	margin-bottom: 0; /* 无底部外边距 */
	margin-top: 0; /* 无上外边距 */
	padding: 0; /* 无内边距 */
}

/* 确保嵌入内容和iframe适合其容器 */
embed,
iframe,
object {
	max-width: 100%; /* 最大宽度100% */
}

/* 确保logo链接包裹logo图片 */
.custom-logo-link {
	display: inline-block; /* inline-block显示 */
}

/*--------------------------------------------------------------
## 图片说明(Captions)
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em; /* 底部外边距 */
	max-width: 100%; /* 最大宽度100% */
}

.wp-caption img[class*="wp-image-"] {
	display: block; /* 块级显示 */
	margin-left: auto; /* 左外边距自动 */
	margin-right: auto; /* 右外边距自动 */
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0; /* 图片说明文字外边距 */
}

.wp-caption-text {
	text-align: center; /* 图片说明文字居中 */
}

/*--------------------------------------------------------------
## 图片画廊(Galleries)
--------------------------------------------------------------*/
.gallery {
	margin: -5px; /* 负外边距 */
}

.gallery-item {
	display: inline-block; /* inline-block显示 */
	text-align: center; /* 文字居中 */
	vertical-align: top; /* 垂直顶部对齐 */
	width: 100%; /* 宽度100% */
	padding: 5px; /* 内边距 */
	margin: 0; /* 无外边距 */
}

/* 不同列数的画廊样式 */
.gallery-columns-2 .gallery-item {
	max-width: 50%; /* 2列画廊，每列50% */
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%; /* 3列画廊，每列33.33% */
}

.gallery-columns-4 .gallery-item {
	max-width: 25%; /* 4列画廊，每列25% */
}

.gallery-columns-5 .gallery-item {
	max-width: 20%; /* 5列画廊，每列20% */
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%; /* 6列画廊，每列16.66% */
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%; /* 7列画廊，每列14.28% */
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%; /* 8列画廊，每列12.5% */
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%; /* 9列画廊，每列11.11% */
}

.gallery-caption {
	display: block; /* 画廊说明块级显示 */
}

/* 文章列布局 */
.columns-1,
.columns-2,
.columns-3,
.columns-4,
.columns-5 {
	margin: 0 -15px; /* 负外边距 */
}

.columns-1 article,
.columns-2 article,
.columns-3 article,
.columns-4 article,
.columns-5 article {
	padding: 0 15px; /* 内边距 */
	margin-bottom: 30px; /* 底部外边距 */
}

/*--------------------------------------------------------------
## 容器(Container)
## 作用: 定义网站主要容器的样式
--------------------------------------------------------------*/
.container {
	width: 90%; /* 宽度90% */
	max-width: 1230px; /* 最大宽度1230px */
	margin: 0 auto; /* 居中显示 */
}

#content-wrap {
    padding-top: 50px; /* 上内边距50px */
    padding-bottom: 50px; /* 下内边距50px */
}

/*--------------------------------------------------------------
# 自定义头部(Custom Header)
# 作用: 定义网站自定义头部的样式
--------------------------------------------------------------*/
#wp-custom-header {
    text-align: center; /* 内容居中 */
}

.custom-header-media {
    position: relative; /* 相对定位 */
}

#wp-custom-header img {
	width: 100%; /* 图片宽度100% */
}

/* 首页头部视频 */
.home.has-header-video #wp-custom-header {
    position: relative; /* 相对定位 */
    padding-bottom: 56.25%; /* 16:9比例 */
    height: 0; /* 高度0，通过padding控制比例 */
}

.home.has-header-video #wp-custom-header video,
.home.has-header-video #wp-custom-header iframe {
    position: absolute; /* 绝对定位 */
    top: 0; /* 顶部对齐 */
    left: 0; /* 左侧对齐 */
    width: 100%; /* 宽度100% */
    height: 100%; /* 高度100% */
}

/* 视频播放/暂停按钮 */
#wp-custom-header-video-button {
    position: absolute; /* 绝对定位 */
    top: 50%; /* 顶部50% */
    left: 25px; /* 左侧25px */
    width: 50px; /* 宽度50px */
    height: 50px; /* 高度50px */
    text-align: center; /* 文字居中 */
    border-color: #fff; /* 边框颜色白色 */
    border-radius: 80px; /* 边框圆角80px */
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 隐藏溢出 */
    background-color: #fff; /* 背景色白色 */
    color: #fff; /* 文字颜色白色 */
    -webkit-transform: translateY(-50%); /* 上移50%，垂直居中 */
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#wp-custom-header-video-button:before {
    content: ""; /* 播放按钮三角形 */
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #4fd675;
    display: inline-block;
    margin-left: 2px;
    margin-top: 4px;
}

/* 暂停状态按钮 */
#wp-custom-header-video-button.wp-custom-header-video-pause:before {
	opacity: 0; /* 隐藏播放图标 */
	visibility: hidden;
}

#wp-custom-header-video-button.wp-custom-header-video-pause:after {
    content: ""; /* 暂停按钮 */
    display: inline-block;
    width: 15px;
    height: 20px;
    background: #4fd675;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 14px;
    border-left: 5px solid #4fd675;
    box-shadow: inset 5px 0 0 0 #fff;
}

/* 页面标题区 */
.page-header {
    margin-bottom: 25px; /* 底部外边距25px */
    text-align: center; /* 文字居中 */
}

.page-title {
    margin-bottom: 0; /* 无底部外边距 */
    font-weight: 600; /* 字重 */
    font-size: 32px; /* 字体大小 */
}

.home .page-header, 
.blog .page-header {
    display: none; /* 首页和博客页隐藏页面标题区 */
}

.search-no-results .blog-archive.grid.columns-5.clear {
    height: auto !important; /* 搜索无结果时高度自动 */
}

.no-results.not-found {
    text-align: center; /* 无结果提示居中 */
}

/*--------------------------------------------------------------
# 博客/归档文章(Blog / Archive Posts)
# 作用: 定义博客列表和归档页面的文章样式
--------------------------------------------------------------*/
.blog-archive article {
	width: 100%; /* 文章宽度100% */
}

.entry-title {
    font-weight: 500; /* 字重 */
    margin-bottom: 7px; /* 底部外边距7px */
    font-size: 20px; /* 字体大小 */
}

.blog-archive .entry-meta {
    display: flex; /* flex布局 */
    align-items: center; /* 垂直居中 */
    justify-content: space-between; /* 两端对齐 */
}

.posted-on a {
    color: #717e81; /* 发布时间链接颜色 */
}

.single .blog-post-item .featured-image {
	margin-bottom: 25px; /* 单页特色图片底部外边距 */
}

.blog-post-item .featured-image img {
	width: 100%; /* 特色图片宽度100% */
}

.entry-title a,
.comments-link a {
    color: #000; /* 标题和评论链接颜色 */
    text-decoration: none; /* 无下划线 */
}

.category-meta {
    display: block; /* 分类元数据块级显示 */
    margin-bottom: 5px; /* 底部外边距5px */
}

/* 隐藏特定元素的样式 */
.disable-post-category .blog-archive .cat-links,
.disable-post-author .blog-archive .byline,
.disable-post-date .blog-archive .posted-on,
.disable-read-more .blog-archive .read-more,
.disable-header-search #masthead .navigation-search-menu {
    display: none; /* 隐藏相应元素 */
}

.cat-links {
    color: #4fd675; /* 分类链接颜色 */
}

.cat-links a {
    position: relative; /* 相对定位 */
    visibility: visible; /* 可见 */
    display: inline-block; /* inline-block显示 */
    line-height: 1.3; /* 行高 */
    color: #4fd675; /* 文字颜色 */
    text-decoration: none; /* 无下划线 */
    text-transform: uppercase; /* 文字大写 */
    font-size: 12px; /* 字体大小 */
    letter-spacing: 1px; /* 字母间距 */
    font-weight: 500; /* 字重 */
}

.cat-links a:hover,
.cat-links a:focus {
	color: #000; /* hover/focus 颜色 */
}

.entry-title a:hover,
.entry-title a:focus,
.posted-on a:hover,
.posted-on a:focus,
.comments-link a:hover,
.comments-link a:focus {
    color: #4fd675; /* 链接 hover/focus 颜色 */
}

.blog-archive.grid.columns-5 article {
    margin-bottom: 20px; /* 5列布局文章底部外边距 */
}

.blog-archive article:last-child {
    margin-bottom: 0; /* 最后一篇文章无底部外边距 */
}

.featured-image {
    position: relative; /* 相对定位 */
}

/* 非单页且无特色图片的文章隐藏图片容器 */
body:not(.single) .blog-archive article:not(.has-post-thumbnail) .featured-image {
	display: none;
}

.blog-archive .featured-image {
	margin-bottom: 20px; /* 特色图片底部外边距 */
}

.blog-post-item {
    box-shadow: 0 2px 2px rgba(0,0,0,0.06); /* 阴影效果 */
    padding: 20px; /* 内边距 */
    background-color: #fff; /* 背景色白色 */
    height: 100%; /* 高度100% */
}

.blog-post-item .entry-title {
    margin-bottom: 10px; /* 标题底部外边距 */
    font-size: 24px; /* 标题大小 */
    font-weight: 400; /* 字重 */
}

.blog-post-item .entry-content {
	margin-bottom: 15px; /* 内容底部外边距 */
}

.single-page-wrapper .entry-content {
    padding: 30px; /* 单页内容区内边距 */
    background-color: #fff; /* 背景色白色 */
}

.single-post-wrap .blog-post-item .entry-title {
    font-size: 22px; /* 单页文章标题大小 */
    margin: 0 0 20px; /* 外边距 */
}

.blog-archive .cat-links a:before {
	display: none; /* 隐藏分类链接前的元素 */
}

.blog-archive .cat-links,
.blog-archive .posted-on {
	margin-bottom: 10px; /* 底部外边距 */
    display: inline-block; /* inline-block显示 */
}

.blog-archive .posted-on {
    position: absolute; /* 绝对定位 */
    top: 15px; /* 顶部15px */
    left: 0; /* 左侧0 */
}

.blog-archive .posted-on a {
    background-color: rgb(0 0 0 / 70%); /* 背景色黑色透明 */
    font-size: 12px; /* 字体大小 */
    padding: 8px 16px; /* 内边距 */
    border-radius: 0 99px 99px 0; /* 边框圆角 */
    color: #fff; /* 文字颜色白色 */
    text-decoration: none; /* 无下划线 */
}

.blog-archive .cat-links a,
.blog-archive .posted-on a:hover,
.blog-archive .byline a:hover,
.blog-archive .posted-on a:focus,
.blog-archive .byline a:focus {
	color: #4fd675; /* 链接颜色 */
}

.blog-archive .cat-links a:hover,
.blog-archive .cat-links a:focus {
	color: #000; /* 分类链接 hover/focus 颜色 */
}

.blog-archive .byline {
    margin-right: 10px; /* 作者信息右外边距 */
    border-right: 1px solid #bbb; /* 右边框 */
    padding-right: 10px; /* 右内边距 */
}

.blog-archive .byline a {
	text-decoration: none; /* 无下划线 */
	color: #999; /* 文字颜色 */
}

.blog-post-item .entry-meta a {
    color: #999; /* 元数据链接颜色 */
    text-decoration: none; /* 无下划线 */
    line-height: 1.2; /* 行高 */
}

.blog-post-item .entry-meta a:hover,
.blog-post-item .entry-meta a:focus {
	color: #4fd675; /* 元数据链接 hover/focus 颜色 */
}

.blog-post-item .entry-meta > span:not(:last-child) {
	margin-right: 15px; /* 元数据项右外边距 */
}

.single .blog-post-item .entry-meta > span:not(:last-child) {
	margin-right: 0; /* 单页元数据项无右外边距 */
}

.single .entry-meta .byline,
.single .entry-footer .comments-link {
	display: none; /* 单页隐藏作者和评论链接 */
}

.single .entry-footer .tags-links a {
	/* 单页标签链接样式 */
}

.posted-on {
    color: #666; /* 发布时间颜色 */
}

.byline a:focus:before {
	opacity: 1; /* focus 状态伪元素透明度 */
}

/* 阅读更多链接样式 */
.container read-more read-more a {
		text-align: right;
	}
.read-more a {
	text-decoration: none;
   border-bottom: 1px solid;
	}

/*--------------------------------------------------------------
# 单篇文章(Single Posts)
# 作用: 定义单篇文章页面的样式
--------------------------------------------------------------*/
.single .entry-footer .tags-links a {
    color: #333; /* 标签链接颜色 */
    border: 1px solid #ddd; /* 边框 */
    text-decoration: none; /* 无下划线 */
    padding: 5px 10px; /* 内边距 */
    line-height: 1; /* 行高1 */
    border-radius: 3px; /* 边框圆角 */
    font-size: 14px; /* 字体大小 */
}

.logged-in-as a {
    color: #000; /* 登录状态链接颜色 */
    text-decoration: none; /* 无下划线 */
}

.single-post-wrap .entry-footer .tags-links a:hover,
.single-post-wrap .entry-footer .tags-links a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus {
	color: #4fd675; /* 链接 hover/focus 颜色 */
}

.single .entry-footer > span {
	display: block; /* 块级显示 */
}

.single .entry-footer span.cat-links {
    margin-bottom: 10px; /* 分类底部外边距 */
}

.single .blog-post-item .entry-meta {
    display: block; /* 块级显示 */
    margin-bottom: 15px; /* 底部外边距 */
}

.single .blog-post-item .entry-content {
    margin-bottom: 20px; /* 内容底部外边距 */
}

.single .blog-post-item .entry-footer {
    margin-bottom: 0; /* 无底部外边距 */
    background-color: #fff; /* 背景色白色 */
    margin-top: 15px; /* 上外边距 */
}

/*--------------------------------------------------------------
# 底部小工具(Footer Widgets)
# 作用: 定义网站底部小工具区域的样式
--------------------------------------------------------------*/
#colophon {
    background-color: #22272b; /* 页脚背景色深灰 */
}

#footer-widgets {
    padding-top: 60px; /* 上内边距60px */
    padding-bottom: 60px; /* 下内边距60px */
}

#footer-widgets h1,
#footer-widgets h2,
#footer-widgets h3,
#footer-widgets h4,
#footer-widgets h5,
#footer-widgets h6 {
	color: #fff; /* 底部标题颜色白色 */
    font-size: 24px; /* 字体大小 */
    margin-bottom: 0; /* 无底部外边距 */
}

#footer-widgets .widget-area {
	margin: 0 -30px; /* 负外边距 */
}

#footer-widgets .widget-column {
    padding: 0 30px; /* 内边距 */
    margin-bottom: 30px; /* 底部外边距 */
}

#footer-widgets .widget-column:last-child {
	margin-bottom: 0; /* 最后一列无底部外边距 */
}

#footer-widgets .widget-title {
    color: #fff; /* 标题颜色白色 */
    text-transform: uppercase; /* 文字大写 */
    font-size: 18px; /* 字体大小 */
    font-weight: 600; /* 字重 */
    letter-spacing: 0.05em; /* 字母间距 */
    position: relative; /* 相对定位 */
    display: inline-block; /* inline-block显示 */
    margin-bottom: 25px; /* 底部外边距 */
    padding-bottom: 20px; /* 下内边距 */
}

#secondary .widget-title {
	text-transform: uppercase; /* 侧边栏标题大写 */
    font-size: 20px; /* 字体大小 */
    font-weight: 600; /* 字重 */
    letter-spacing: 0.05em; /* 字母间距 */
    margin-bottom: 10px; /* 底部外边距 */
}

#footer-widgets .widget-title:after {
    content: ""; /* 标题下划线 */
    position: absolute; /* 绝对定位 */
    background-color: #4fd675; /* 颜色绿色 */
    width: 50px; /* 宽度50px */
    height: 3px; /* 高度3px */
    left: 50%; /* 左50% */
    bottom: 0; /* 底部0 */
    -webkit-transform: translateX(-50%); /* 水平居中 */
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

#colophon, 
#colophon a {
    color: #fff; /* 页脚文字和链接颜色白色 */
}

#colophon a:hover,
#colophon a:focus {
	color: #4fd675; /* 链接 hover/focus 颜色绿色 */
}

#colophon .tagcloud a {
    border-color: rgba(255, 255, 255, 0.10); /* 标签云边框颜色 */
    color: #ccc !important; /* 文字颜色 */
}

#colophon .tagcloud a:hover,
#colophon .tagcloud a:focus {
	color: #fff !important; /* hover/focus 文字颜色白色 */
}

/* 网站信息区域 */
.site-info {
    border-top: 1px solid #666; /* 上边框 */
    background-color: #22272b; /* 背景色 */
    padding: 15px 0; /* 内边距 */
    text-align: center; /* 文字居中 */
    color: #fff; /* 文字颜色白色 */
}

/* 返回顶部按钮 */
.to-top {
    width: 40px; /* 宽度40px */
    height: 40px; /* 高度40px */
    background-color: #4fd675; /* 背景色绿色 */
    position: fixed; /* 固定定位 */
    bottom: -100px; /* 初始位置在视口外 */
    right: 15px; /* 右侧15px */
    z-index: 1; /* 层级1 */
    -webkit-transition: all .7s ease-in-out; /* 过渡动画 */
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.to-top:hover,
.to-top:focus {
	background-color: #000; /* hover/focus 背景色黑色 */
}

.to-top:before {
    content: ""; /* 向上箭头 */
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    top: 17px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
}

/*--------------------------------------------------------------
# 排版选项(Typography Options)
# 作用: 定义不同字体选项的样式
--------------------------------------------------------------*/
/* 各种标题字体选项 */
.header-font-1 h1,
.header-font-1 h2,
.header-font-1 h3,
.header-font-1 h4,
.header-font-1 h5,
.header-font-1 h6 {
    font-family: 'Raleway', sans-serif;
}

.header-font-2 h1,
.header-font-2 h2,
.header-font-2 h3,
.header-font-2 h4,
.header-font-2 h5,
.header-font-2 h6 {
    font-family: 'Poppins', sans-serif;
}

/* ...省略其他字体定义... */

.header-font-18 h1,
.header-font-18 h2,
.header-font-18 h3,
.header-font-18 h4,
.header-font-18 h5,
.header-font-18 h6 {
    font-family: 'Jost', sans-serif;
}

/* 各种正文字体选项 */
.body-font-1 {
    font-family: 'Raleway', sans-serif;
}

/* ...省略其他字体定义... */

.body-font-18 {
    font-family: 'Jost', sans-serif;
}

/* 各种网站标题字体选项 */
.site-title-font-1 .site-title,
.site-title-font-1 .site-description {
    font-family: 'Raleway', sans-serif;
}

/* ...省略其他字体定义... */

.site-title-font-18 .site-title,
.site-title-font-18 .site-description {
    font-family: 'Jost', sans-serif;
}

/* 各种菜单字体选项 */
.menu-font-1 .navigation-menu a {
    font-family: 'Raleway', sans-serif;
}

/* ...省略其他字体定义... */

.menu-font-18 .navigation-menu a {
    font-family: 'Jost', sans-serif;
}

/*--------------------------------------------------------------
## 响应式设计(Responsive)
## 作用: 定义不同屏幕尺寸下的样式，实现响应式布局
--------------------------------------------------------------*/
/* 小屏幕设备 (≥567px) */
@media screen and (min-width: 567px) {
	.columns-2,
	.columns-3,
	.columns-4,
	.columns-5 {
		display: flex; /* flex布局 */
		flex-wrap: wrap; /* 允许换行 */
	}

	.columns-2 article,
	.columns-3 article,
	.columns-4 article,
	.columns-5 article {
		width: 50%; /* 宽度50%，2列布局 */
		float: left; /* 左浮动 */
	}

	.columns-2 article:nth-child(2n+1),
	.columns-3 article:nth-child(2n+1),
	.columns-4 article:nth-child(2n+1),
	.columns-5 article:nth-child(2n+1) {
		clear: left; /* 奇数项清除左浮动 */
	}

	.primary-menu-label {
	    display: inline-block; /* 显示主菜单标签 */
	    vertical-align: middle; /* 垂直居中 */
	}

	.error-404.not-found input.search-field {
	    min-width: 450px; /* 404页面搜索框最小宽度 */
	}
}

/* 中等屏幕设备 (≥767px) */
@media screen and (min-width: 767px) {
	.columns-3 article,
	.columns-5 article {
		width: 33.33%; /* 宽度33.33%，3列布局 */
	}

	.columns-3 article:nth-child(2n+1),
	.columns-5 article:nth-child(2n+1) {
		clear: none; /* 取消清除浮动 */
	}

	.columns-3 article:nth-child(3n+1),
	.columns-5 article:nth-child(3n+1) {
		clear: left; /* 3的倍数项清除左浮动 */
	}

	/* 带特色图片的文章布局 */
	.blog-archive .has-post-thumbnail .blog-post-item {
	    position: relative; /* 相对定位 */
	    display: table; /* 表格显示 */
	    width: 100%; /* 宽度100% */
	    padding: 0; /* 内边距0 */
	}

	.blog-archive .has-post-thumbnail .blog-post-item .featured-image {
		position: absolute; /* 绝对定位 */
        left: 0; /* 左侧0 */
        top: 0; /* 顶部0 */
        width: 50%; /* 宽度50% */
        height: 100%; /* 高度100% */
        display: table-cell; /* 表格单元格显示 */
	}

	.blog-archive .has-post-thumbnail .blog-post-item .featured-image img {
        width: 100%; /* 图片宽度100% */
        height: 100%; /* 图片高度100% */
        object-fit: cover; /* 图片裁剪方式 */
	}

	.blog-archive .has-post-thumbnail .blog-post-item .entry-container {
        width: 50%; /* 内容宽度50% */
        display: table-cell; /* 表格单元格显示 */
        float: right; /* 右浮动 */
        text-align: left; /* 文字左对齐 */
        padding: 40px 30px; /* 内边距 */
	}

	.single-post-wrap .blog-post-item .entry-title {
	    font-size: 35px; /* 单页文章标题大小 */
	}

	.widget_latest_posts .widget-header {
		margin-bottom: 70px; /* 最新文章小工具头部底部外边距 */
	}

	/* 单页文章底部信息布局 */
	.single .blog-post-item .entry-footer {
	    display: flex; /* flex布局 */
	    align-items: center; /* 垂直居中 */
	    justify-content: space-between; /* 两端对齐 */
	}

	.single .entry-footer span.cat-links {
	    margin-bottom: 0; /* 无底部外边距 */
	}

	/* 底部小工具布局 */
	#footer-widgets .widget-column {
	    text-align: left; /* 文字左对齐 */
	    margin-bottom: 0; /* 无底部外边距 */
	    width: 33.33%; /* 宽度33.33% */
	    float: left; /* 左浮动 */
	}

	#footer-widgets .widget-title:after {
	    left: 0; /* 左对齐 */
	    transform: none; /* 取消变换 */
	}
}

/* 大屏幕设备 (≥992px) */
@media screen and (min-width: 992px) {
	.columns-4 article {
		width: 25%; /* 宽度25%，4列布局 */
	}

	.columns-4 article:nth-child(2n+1) {
		clear: none; /* 取消清除浮动 */
	}

	.columns-4 article:nth-child(4n+1) {
		clear: left; /* 4的倍数项清除左浮动 */
	}
}

/* 超大屏幕设备 (≥1024px) */
@media screen and (min-width: 1024px) {
	.columns-5 article {
		width: 20%; /* 宽度20%，5列布局 */
	}

	.columns-5 article:nth-child(3n+1) {
		clear: none; /* 取消清除浮动 */
	}

	.columns-5 article:nth-child(5n+1) {
		clear: left; /* 5的倍数项清除左浮动 */
	}

	/* 导航菜单搜索表单 */
	.navigation-menu .search-form {
		position: relative; /* 相对定位 */
		top: 1px; /* 上移1px */
		right: 0; /* 右侧0 */
	}

	.navigation-menu .search-form .search-submit {
		top: 0; /* 顶部0 */
	}

	/* 粘性菜单 */
	.menu-sticky #masthead {
	    position: sticky; /* 粘性定位 */
	    top: 0; /* 顶部0 */
	}

	.menu-sticky.customize-support #masthead {
		top: 32px; /* 自定义支持时顶部32px */
	}

	.navigation-menu {
		width: auto; /* 自动宽度 */
		margin-left: 0; /* 左外边距0 */
	}

	.navigation-menu ul,
	.navigation-menu .nav-menu ul {
		display: block; /* 块级显示 */
	}

	.navigation-menu li a svg,
	.nav-menu > li,
	.navigation-menu li {
		display: inline-block; /* inline-block显示 */
	}

	.navigation-menu a {
		padding: 8px 16px; /* 内边距 */
	}

	.nav-menu ul.sub-menu,
	.nav-menu ul.children {
	    background-color: #fff; /* 子菜单背景色白色 */
	}

	.navigation-menu ul ul {
	    padding-left: 0; /* 子菜单左内边距0 */
	}

	.navigation-menu ul ul ul {
		-webkit-transform: translateX(-20px) translateZ(0); /* 变换 */
	    -moz-transform: translateX(-20px) translateZ(0);
	    transform: translateX(-20px) translateZ(0);
	    -webkit-transition: -webkit-transform .05s .3s,opacity .3s ease-out; /* 过渡 */
	    transition: transform .05s .3s,opacity .3s ease-out;
	}

	.navigation-menu ul ul li:hover > ul,
	.navigation-menu ul ul li.focus > ul {
	    -webkit-transform: translateX(0) translateZ(0); /* 变换 */
	    -moz-transform: translateX(0) translateZ(0);
	    transform: translateX(0) translateZ(0);
	    -webkit-transition: -webkit-transform .3s ease-out,opacity .3s ease; /* 过渡 */
	    transition: transform .3s ease-out,opacity .3s ease;
	}	

	.navigation-menu ul ul svg {
	    position: absolute; /* 绝对定位 */
	    top: 50%; /* 顶部50% */
	    right: 10px; /* 右侧10px */
	    -webkit-transform: translateY(-50%) rotate(-90deg); /* 变换 */
	    -moz-transform: translateY(-50%) rotate(-90deg);
	    -ms-transform: translateY(-50%) rotate(-90deg);
	    -o-transform: translateY(-50%) rotate(-90deg);
	    transform: translateY(-50%) rotate(-90deg);
	}

	.navigation-menu ul ul li:last-child > a {
		border-bottom: none; /* 子菜单最后一项无下边框 */
	}

	.navigation-menu .nav-menu > li > a,
	.navigation-menu .nav-menu > ul > li > a {
	    padding: 10px 15px; /* 内边距 */
	    line-height: 40px; /* 行高40px */
        border-bottom: none; /* 无下边框 */
	}

	.navigation-menu a {
		border-bottom: none; /* 无下边框 */
	}

	.navigation-menu li.current-menu-item > a {
	    color: #4fd675; /* 当前菜单项颜色 */
	}

	.navigation-menu ul ul a {
	    border-bottom: 1px solid #eee; /* 子菜单链接下边框 */
	}

	.navigation-menu .nav-menu > li:hover > a:after,
	.navigation-menu .nav-menu > li.focus > a:after {
		opacity: 1; /* 伪元素透明度 */
	}

	/* 菜单项hover状态 */
	.navigation-menu li.current-menu-item > a,
	.navigation-menu .nav-menu > li:hover > a,
	.navigation-menu .nav-menu > li.focus > a,
	.navigation-menu .nav-menu > li > a:hover,
	.navigation-menu .nav-menu > li > a:focus {
	    color: #4fd675; /* 颜色绿色 */
	}

	.navigation-menu .nav-menu > li:hover {
		border-right-color: #4fd675; /* 右边框颜色 */
	}

	.navigation-menu .nav-menu > li.current-menu-item {
	    border-right-color: #4fd675; /* 当前菜单项右边框颜色 */
	}

	/* 子菜单样式 */
	.navigation-menu ul ul {
		float: left; /* 左浮动 */
		position: absolute; /* 绝对定位 */
		top: 100%; /* 顶部100% */
		left: -999em; /* 左侧位置，默认隐藏 */
		z-index: 10; /* 层级10 */
		-webkit-transition: opacity 0.2s ease-out; /* 过渡 */
	    -moz-transition: opacity 0.2s ease-out;
	    -ms-transition: opacity 0.2s ease-out;
	    -o-transition: opacity 0.2s ease-out;
	    transition: opacity 0.2s ease-out;
	}

	.navigation-menu .nav-menu ul.sub-menu,
	.navigation-menu .nav-menu ul.children {
        box-shadow: 0 10px 25px rgb(0 0 0 / 15%); /* 阴影 */
	}

	/* 子菜单hover显示 */
	.navigation-menu .nav-menu li:hover ul,
	.navigation-menu .nav-menu li.focus ul {
		display: block !important; /* 强制显示 */
	}

	/* 三级菜单样式 */
	.navigation-menu ul ul ul {
		left: -999em; /* 左侧位置，默认隐藏 */
		top: 0; /* 顶部0 */
	}

	.navigation-menu ul ul li:hover > ul,
	.navigation-menu ul ul li.focus > ul {
		left: 100%; /* 左侧100%，显示在右侧 */
	}

	.navigation-menu ul ul a {
		width: 256px; /* 宽度256px */
	    padding: 8px 30px 8px 15px; /* 内边距 */
	}

	.navigation-menu ul li:hover > ul,
	.navigation-menu ul li.focus > ul {
		right: auto; /* 右侧自动 */
    	left: 0; /* 左侧0 */
	}

	/* 隐藏下拉按钮和菜单切换按钮 */
	.nav-menu button.dropdown-toggle,
	.menu-toggle {
	    display: none;
	}

	/* 导航菜单显示 */
	#masthead .nav-menu,
	#masthead .nav-menu > ul {
	    border-top: none; /* 无上边框 */
        display: block !important; /* 强制显示 */
        text-align: center; /* 文字居中 */
        padding: 0; /* 内边距0 */
        position: relative; /* 相对定位 */
	}

	#masthead .nav-menu ul.sub-menu {
		text-align: left; /* 子菜单文字左对齐 */
	    border-top: 2px solid #4fd675; /* 子菜单上边框 */
	}

	.custom-header .page-title {
		font-size: 32px; /* 自定义头部标题大小 */
	}

	/* 有侧边栏时的布局 */
	.has-sidebar #primary {
	    width: 70%; /* 主内容区宽度70% */
	    float: left; /* 左浮动 */
	    padding-right: 30px; /* 右内边距30px */
	    margin-bottom: 0; /* 无底部外边距 */
	}

	.has-sidebar #secondary {
	    width: 30%; /* 侧边栏宽度30% */
	    float: left; /* 左浮动 */
	    position: sticky; /* 粘性定位 */
	    top: 30px; /* 顶部30px */
	}

	/* 右侧边栏布局 */
	.has-sidebar.right-sidebar #primary {
		float: left; /* 左浮动 */
	    padding-right: 30px; /* 右内边距30px */
	}

	.has-sidebar.right-sidebar #secondary {
		float: right; /* 右浮动 */
	}

	/* 左侧边栏布局 */
	.has-sidebar.left-sidebar #primary {
		float: right; /* 右浮动 */
	    padding-right: 0; /* 右内边距0 */
	    padding-left: 30px; /* 左内边距30px */
	}

	.has-sidebar.left-sidebar #secondary {
		float: left; /* 左浮动 */
	}
}   

/* 1. 调整主菜单字体大小（默认状态） */
/* 主导航容器 + 菜单项链接，确保优先级覆盖主题默认样式 */
#site-navigation .nav-menu a {
    font-size: 16px !important; /* 核心：调整字体大小（默认可能是14px，按需增大） */
    line-height: 1.5 !important; /* 配合字体大小调整行高，避免文字重叠 */
    padding: 12px 15px !important; /* 可选：调整菜单项内边距（上下12px，左右15px），避免字体变大后拥挤 */
    letter-spacing: 0.5px !important; /* 可选：增加字间距，提升可读性 */
}

/* 2. 调整「当前页菜单」字体（如“视频”页当前菜单） */
/* 当前页菜单项有 .current-menu-item 类，确保样式统一 */
#site-navigation .nav-menu .current-menu-item a {
    font-size: 16px !important; /* 与默认菜单字体一致，避免当前页字体突兀 */
    font-weight: 600 !important; /* 可选：当前页菜单加粗，突出显示（按需开启） */
}

/* 3. 调整菜单 hover 状态（鼠标悬浮时） */
#site-navigation .nav-menu a:hover {
    font-size: 16px !important; /* 与默认一致，避免 hover 时字体跳动 */
}

/* 4. 移动端菜单字体适配（避免手机上字体过大/过小） */
@media screen and (max-width: 767px) {
    #site-navigation .nav-menu a {
        font-size: 15px !important; /* 移动端字体稍小（如15px），适配屏幕宽度 */
        padding: 10px 12px !important; /* 移动端菜单项内边距适当减小 */
    }
}