/* Treebark Des
Theme Name: Treebark
Theme URI: http://coletree.com
Author: coletree
Author URI: http://coletree.com
Description: Wordpress Theme for Coletree.com
Version: 2.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: treebark
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Treebark is based on Underscores https://underscores.me/, (C) 2012-2024 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* TABLE OF CONTENTS:
----------------------------------------------------------------
# 1.Reset
	- Normalize 重置
	- Box Sizing 盒模型
# 2.Base
	- Typography 文字
	- Forms 表单
	- Alignment 对齐&浮动
	- Accessibility 无障碍
# 3.Components
	- Media
	- Galleries
	- Widgets
	- Comments
# 4.Layouts
	- Posts and pages
# 5.Others
	- Plugin
	- MediaQuery

--------------------------------------------------------------*/




/*--------------------------------------------------------------
# 1. Reset
--------------------------------------------------------------*/


/**************************************************************
# Normalize 
**************************************************************/

* {
	background-image: url(about:blank);
	background-attachment: fixed;
	-moz-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	line-height: 1.15;
	overflow-y: scroll;
	/* Keeps page centered in all browsers regardless of content height */
	text-rendering: optimizelegibility;
	-webkit-text-size-adjust: 100%;
	/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%;
	/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: disc;
}

table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

img {
	/* Remove the border on images inside links in IE 10. */
	border-style: none;
}

hr {
	/**
	* 1. Add the correct box sizing in Firefox.
	* 2. Show the overflow in Edge and IE.
	*/
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	/**
	* 1. Correct the inheritance and scaling of font size in all browsers.
	* 2. Correct the odd `em` font sizing in all browsers.
	*/
	font-family: monospace, monospace;
	font-size: 1em;
}

abbr[title] {
	/**
	* 1. Remove the bottom border in Chrome 57-
	* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
	*/
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b,
strong {
	/**
	* Add the correct font weight in Chrome, Edge, and Safari.
	*/
	font-weight: bolder;
}

code,
kbd,
samp {
	/**
	* 1. Correct the inheritance and scaling of font size in all browsers.
	* 2. Correct the odd `em` font sizing in all browsers.
	*/
	font-family: monospace, monospace;
	font-size: 1em;
}

small {
	/**
	* Add the correct font size in all browsers.
	*/
	font-size: 80%;
}

sub,
sup {
	/**
	* Prevent `sub` and `sup` elements from affecting the line height in
	* all browsers.
	*/
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

a {
	/* Remove the gray background on active links in IE 10.*/
	background-color: transparent;
}

a:focus {
	outline: thin dotted;
}

a:hover {
	outline: 0;
}

a:active {
	outline: 0;
}

a img {
	border: 0;
}


/**************************************************************
# Box sizing
**************************************************************/

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}




/*--------------------------------------------------------------
# 2. Base
--------------------------------------------------------------*/

@font-face {
	font-family: 'YourFontName';
	/* 这个名字将在后面使用 */
	src: url('path/to/your/font-file.ttf');
	/* 字体文件的路径 */
}

/* 使用你声明的自定义字体 */
/* body {
    font-family: 'YourFontName', sans-serif; 
} */


/**************************************************************
# Typography 
**************************************************************/

body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	line-height: 1.8em;
	-ms-word-break: break-all;
	-ms-word-wrap: break-all;
	word-break: break-word;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	-webkit-hyphenate-before: 2;
	-webkit-hyphenate-after: 3;
	-webkit-font-feature-settings: "liga", "dlig";
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga", "dlig";
	-o-font-feature-settings: "liga", "dlig";
	font-feature-settings: "liga", "dlig";
}

dfn,
cite,
em,
i {
	font-style: italic;
}

address {
	margin: 0 0 1.5em;
}

pre {
	font-family: 'SF Mono', 'Monaco', 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
	font-size: 0.9em;
	color: #ece8e4;
	line-height: 1.6;
	background-color: #10101a;
	padding: 1.2em;
	border: 1px solid #09070d;
	border-radius: 0.5em;
	margin-bottom: 1.4em;
	overflow-x: auto;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}


/**************************************************************
# 超链接文本
**************************************************************/
a {
	color: #453D31;
	text-decoration: none;
	/* on hover */
	/* on click */
	/* mobile tap color */
}

a:visited {
	color: #453D31;
	text-decoration: none;
	/* on hover */
	/* on click */
	/* mobile tap color */
}

a:hover {
	color: #2E9305;
	text-decoration: none;
}

a:focus {
	color: #2E9305;
	text-decoration: none;
	outline: thin dotted;
}

a:link {
	/*
	  this highlights links on iPhones/iPads.
	  so it basically works like the :hover selector
	  for mobile devices.
	  */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

a:active {
	color: #2E9305;
	text-decoration: none;
	outline: 0;
}


/**************************************************************
# Forms 
**************************************************************/

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
button,
input {
	overflow: visible;
}

/**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
button,
select {
	text-transform: none;
}

/**
  * Correct the inability to style clickable types in iOS and Safari.
  */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
  * Remove the inner border and padding in 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;
}

/**
  * Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
*/
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
*/
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/**
 * Add the correct display in IE 10+.
*/
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

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 {
	border-color: #aaa #bbb #bbb;
}

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;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

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;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}


/**************************************************************
# Alignments 对齐&浮动
**************************************************************/

.alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.clear {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 1px;
	margin-top: -1px;
}

/* 清除浮动，确保 header 的高度能够包含内部浮动元素 */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix {
	zoom: 1;
}


/**************************************************************
# Accessibility 无障碍
**************************************************************/

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.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: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}




/*--------------------------------------------------------------
# 3. Components
--------------------------------------------------------------*/


/**************************************************************
# Media 媒体
**************************************************************/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 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;
}

/* 嵌入媒体 */
.wp-block-embed {
	text-align: center;
}

figcaption.wp-element-caption {
	font-size: 0.8em;
	font-weight: bold;
	color: #8a7e76;
	text-align: center;
	background-color: #fff;
	padding: 12px 20px;
	margin: 0 auto 1.8em;
}


/**************************************************************
# Galleries 画廊
**************************************************************/

.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}


/**************************************************************
# Widgets 小工具
**************************************************************/

.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}


/**************************************************************
# Comments 评论区
**************************************************************/

.comments-area {
	text-align: left;
	width: 100%;
	max-width: 640px;
	padding: 20px 40px;
	margin: 20px auto;
	background-color: #fff;
	border-radius: 8px;
}

.comments-area .comments-title {
	padding: 0 0 20px;
	border-bottom: solid 1px #e6e6e6;
}

.comments-area .comment-list li {
	list-style: none;
	padding: 20px 0;
	border-bottom: solid 1px #e6e6e6;
}

.comment-author.vcard {
	line-height: 40px;
	vertical-align: middle;
	display: inline-flex;
	margin-bottom: 10px;
}

.comment-author img {
	width: 48px;
	height: 48px;
	margin-right: 10px;
}

.comment-author.vcard b,
.comment-author.vcard span {
	padding-right: 4px;
	line-height: 48px;
	display: inline-block;
}

.comment-list .comment-metadata {
	float: right;
}

.comment-list .comment-metadata,
.comment-list .comment-metadata a {
	color: #9e958f;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}


/**************************************************************
# Navigation 页面导航
**************************************************************/

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	width: 100%;
	max-width: 640px;
	padding: 10px 20px;
	margin: 10px auto 60px;
	background-color: #fff;
	border-radius: 16px;
	display: inline-block;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: inline;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	text-align: left;
	width: 49%;
	padding: 20px;
	border-right: solid 1px #efece8;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
	padding: 20px;
}

.nav-links .nav-previous .nav-subtitle,
.nav-links .nav-next .nav-subtitle {
	font-size: 12px;
	padding-bottom: 8px;
}

.comment-navigation .nav-previous a,
.posts-navigation .nav-previous a,
.post-navigation .nav-previous a,
.comment-navigation .nav-next a,
.posts-navigation .nav-next a,
.post-navigation .nav-next a {
	display: block;
}

.nav-links .nav-previous .nav-title,
.nav-links .nav-next .nav-title {
	font-weight: bold;
}




/*--------------------------------------------------------------
# 4. Layouts
--------------------------------------------------------------*/


/**************************************************************
# HEADER 页眉模块
**************************************************************/

/* 设置 header 宽度为100% */
.site-header {
	width: 100%;
	background-color: #ffffff;
	padding: 0 40px;
	box-sizing: border-box;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
	border-top: solid 4px #88be07;
}

/* 左侧 logo 样式 */
.site-branding {
	float: left;
	padding: 20px 0 16px;
}

.site-branding img {
	width: auto;
	height: 32px;
	z-index: 999999;
}


/* 右侧导航菜单样式 */
.main-navigation {
	display: block;
	float: right;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	float: left;
	display: inline;
	width: 140px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
	display: inline-block;
	left: 0;
}

.main-navigation ul ul li {
	display: block;
	text-align: center;
	padding: 8px 16px;
	border-bottom: solid 1px #f3f1ef;
}

.main-navigation ul ul li:last-child {
	border-bottom: none;
}

.main-navigation ul ul a {
	width: 100%;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	left: -20px;
}

.main-navigation li {
	position: relative;
	padding: 20px;
}

.main-navigation a,
.main-navigation a:visited {
	color: #111;
	font-weight: 600;
	line-height: 32px;
	text-decoration: none;
	display: block;
}

/* 导航菜单在展开的时候的样式 */
.menu-toggle {
	display: none;
}

.main-navigation ul {
	display: flex;
}

.main-navigation.toggled {
	display: block;
	float: none;
	justify-content: center;
}

.main-navigation.toggled .menu-toggle {
	display: block;
	width: 100%;
	text-align: center;
	color: #1c0e03;
	background: #f6f7f8;
	padding: 1em;
	border: none;
}

.main-navigation.toggled ul {
	display: block;
	width: 100%;
	text-align: center;
	color: #1c0e03;
	border: none;
	line-height: 1.5em;
}

.main-navigation.toggled li {
	color: #1c0e03;
	line-height: 2em;
	padding: 0 20px;
}




/**************************************************************
# Aside 侧边栏
**************************************************************/
aside {
	text-align: center;
	padding: 40px 20px;
	background-color: #f9f6f2;
}

aside .widget {
	padding: 40px 0;
	margin: 0 auto;
}




/**************************************************************
# Footer 页脚样式
**************************************************************/

.footer {
	text-align: center;
	padding: 40px 0;
	background: #fff;
	box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.03);
}

.footer #inner-footer {
	font-size: 0.9em;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

.footer #inner-footer nav {
	color: #aaa;
	padding: 10px 0 20px;
}

.footer #inner-footer nav a {
	padding: 0 20px;
}

.footer #inner-footer .copyright {
	color: #aaa;
}

.footer #inner-footer .copyright a {
	color: #aaa;
}

.footer #inner-footer .footer-bottom {
	color: #aaa;
	font-size: 14px;
	text-align: center;
	margin-top: 8px;
}




/**************************************************************
# Main 主体区
**************************************************************/
main {
	display: block;
	text-align: center;
	padding: 20px;
	background-color: #f9f6f2;
}




/**************************************************************
# Pages & Posts 页面和文章
**************************************************************/
.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

footer.entry-footer {
	margin: 40px 0 0;
	padding: 40px 0;
	border-top: dotted 1px #978d7e;
	border-bottom: dotted 1px #978d7e;
	text-align: left;
}

footer.entry-footer a {
	display: inline;
	padding: 8px 16px;
	background-color: #fff;
	border-radius: 8px;
	margin-right: 8px;
}




/* Page 单个页面
--------------------------------------------- */
article.page {
	font-size: 18px;
	line-height: 1.8em;
	max-width: 640px;
	padding: 0 0 80px;
	margin: 0 auto;
}

article.page .entry-content {
	text-align: left;
	padding-top: 40px;
}

article .page-thumbnail {
	margin-bottom: 40px;
}

article .page-thumbnail img {
	width: 100%;
	max-width: 640px;
	height: auto;
}

article.page h1 {
	font-size: 2.4em;
	font-weight: bold;
	line-height: 1.4em;
	margin-top: 60px;
}

article.page h2 {
	font-size: 1.8em;
	font-weight: bold;
	margin-top: 40px;
}

article.page h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 40px;
}

article.page p {
	margin-top: 20px;
	text-align: justify;
	word-break: break-all;
}

article.page ul {
	margin-top: 20px;
	word-break: break-all;
}

article.page li {
	list-style-position: outside;
	margin-left: 20px;
	word-break: break-all;
}

article.page figure {
	margin-top: 0.4em;
	margin-bottom: 1.2em;
}

article.page img {
	border-radius: 8px;
}

article.page .entry-content a:hover {
	color: #fff;
	background-color: #2E9305;
}

article.page .grid-link p {
	text-align: center;
}



/* 页面模版：template-frontpage.php（首页）
--------------------------------------------- */
#front-page #main {
	background-color: #f2f6e3;
}

#front-page .has-text-align-left {
	text-align: left;
}

#front-page .has-text-align-right {
	text-align: right;
}

#front-page .has-text-align-center {
	text-align: center;
}

#front-page article.page {
	max-width: 960px;
	padding: 0 20px;
	margin: 0 auto;
}

#front-page article.page .wp-block-image {
	text-align: center;
}


/* 置顶 App 模块 */
#front-page .front-page-app-block {
	display: inline-flex;
	flex-direction: row;
	gap: 40px;
	width: 900px;
	align-items: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
	margin-bottom: 50px;
}

#front-page .front-page-app-block-item {
	text-align: left;
	text-decoration: none;
	width: 430px;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	padding: 25px 30px;
	border-radius: 28px;
	box-sizing: border-box;
	background: white;
	gap: 20px;
	box-shadow: 0px 4px 16px rgba(80.78, 93.31, 46.32, 0.05);
	margin: 0 0 50px;
}

#front-page .front-page-app-block-item img {
	width: 72px;
	height: 72px;
	border-radius: 16px;
	object-fit: contain;
	flex-shrink: 0;
	/* 不缩小 */
}

#front-page .front-page-app-block-content {
	flex: 1;
	/* 占据剩余空间 */
	min-width: 0;
	/* 防止内容溢出 */
	padding-bottom: 4px;
}

#front-page .front-page-app-block-item .name {
	color: rgba(0, 0, 0, 0.90);
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 4px;
}

#front-page .front-page-app-block-item .slogan {
	color: rgba(118, 118, 118, 0.90);
	font-size: 14px;
	font-weight: 400;
}

#front-page .front-page-app-block-button {
	color: #fff;
	font-size: 16px;
	text-align: center;
	width: 80px;
	height: 44px;
	line-height: 44px;
	border-radius: 44px;
	background: #393434;
	flex-shrink: 0;
	/* 不缩小 */
}


/* 简单生活 & 工坊 & 兴趣 */
#front-page .front-page-studio-block {
	display: inline-flex;
	width: 900px;
	background: white;
	text-align: left;
	justify-content: flex-start;
	align-items: flex-start;
	overflow: hidden;
	border-radius: 24px;
	box-shadow: 0px 4px 16px rgba(80.78, 93.31, 46.32, 0.05);
	margin-bottom: 50px;
}

#front-page .front-page-life-block {
	display: inline-flex;
	width: 920px;
	background: white;
	text-align: left;
	justify-content: flex-start;
	align-items: flex-start;
	overflow: hidden;
	border-radius: 24px;
	box-shadow: 0px 4px 16px rgba(80.78, 93.31, 46.32, 0.05);
	margin-bottom: 50px;
}

#front-page .front-page-found-block {
	display: inline-flex;
	width: 920px;
	background: white;
	text-align: left;
	justify-content: flex-start;
	align-items: flex-start;
	overflow: hidden;
	border-radius: 24px;
	box-shadow: 0px 4px 16px rgba(80.78, 93.31, 46.32, 0.05);
	margin-bottom: 50px;
}

#front-page .front-page-studio-block .left-section,
#front-page .front-page-life-block .left-section,
#front-page .front-page-found-block .left-section {
	width: 320px;
	text-align: center;
	align-self: stretch;
	padding: 40px 30px;
	background: #FFFCF1;
	justify-content: center;
	align-items: center;
	gap: 10px;
	display: flex;
}

#front-page .front-page-studio-block .left-section img,
#front-page .front-page-life-block .left-section img,
#front-page .front-page-found-block .left-section img {
	width: 98%;
	margin: 0 auto;
}

#front-page .front-page-studio-block .right-section,
#front-page .front-page-life-block .right-section,
#front-page .front-page-found-block .right-section {
	flex: 1 1 0;
	padding: 40px 60px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 30px;
	display: inline-flex;
}

#front-page .front-page-studio-block-title,
#front-page .front-page-life-block-title,
#front-page .front-page-found-block-title {
	display: block;
	width: 100%;
	text-decoration: none;
	transition: background-color 0.3s;
}

#front-page .front-page-studio-block-title h2,
#front-page .front-page-life-block-title h2,
#front-page .front-page-found-block-title h2 {
	color: #3E322B;
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

#front-page .front-page-studio-block-content .series-content,
#front-page .front-page-life-block-content .series-content,
#front-page .front-page-found-block-content .series-content {
	margin-bottom: 20px;
}

#front-page .front-page-studio-block-content .series-content a,
#front-page .front-page-life-block-content .series-content a,
#front-page .front-page-found-block-content .series-content a {
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	text-decoration: none;
}


/* 关于我们模块 */
#front-page .front-page-contact-block {
	width: 880px;
	text-align: left;
	border-top: 1px rgba(0, 0, 0, 0.10) solid;
	justify-content: flex-start;
	align-items: flex-start;
	display: inline-flex;
	margin-bottom: 60px;
}

#front-page .front-page-contact-block-content {
	display: inline-flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: 10px;
	text-align: left;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 60px 100px 60px 40px;
}

#front-page .front-page-contact-block-button {
	padding: 60px 40px 60px 20px;
}

#front-page .front-page-contact-block-button p {
	text-align: center;
	margin: 0 auto;
}

#front-page .front-page-contact-block-content h2 {
	color: #3E322B;
	font-size: 28px;
	font-weight: bold;
	padding-top: 10px;
}

#front-page .front-page-contact-block-content p {
	color: #6E6E6E;
	font-size: 16px;
	line-height: 32px;
}

#front-page .front-page-contact-block-content div {
	color: #111;
	font-size: 16px;
	font-weight: 800;
	line-height: 32px;
}



/* 页面模版：template-trippage.php（旅行地图页面）
--------------------------------------------- */
#trip-page h1 {
	font-size: 2.4em;
	font-weight: bold;
	margin-top: 60px;
}

#trip-page .entry-content ul {
	background-color: #fff;
}

#trip-page .entry-content li {
	list-style: none;
	padding: 10px 0;
	border-bottom: solid 1px #e6e6e6;
}




/* 页面模版：template-app.php（应用落地页）
--------------------------------------------- */
/* Custom styles for template-app.php */
.template-app {}

.template-app main {
	padding: 0;
}

.template-app header {
	padding: 80px 20px 80px;
}

.template-app .featured-image img {
	display: block;
	border-radius: 50px;
	width: 200px;
	height: auto;
	margin: 0 auto 40px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1),
		/* 主投影 */
		0 8px 30px rgba(0, 0, 0, 0.05);
	/* 辅助投影 */
	transition: transform 0.3s ease;
	/* 添加过渡效果 */
}

.template-app .featured-image img:hover {
	transform: translateY(-8px);
	/* 悬停时轻微上移 */
}

.template-app .app-icon img {
	display: block;
	border-radius: 36px;
	width: 140px;
	height: auto;
	margin: 0 auto 20px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
		/* 主投影 */
		0 8px 20px rgba(0, 0, 0, 0.05);
	/* 辅助投影 */
	transition: transform 0.3s ease;
	/* 添加过渡效果 */
}

.template-app .app-icon img:hover {
	transform: translateY(-8px);
	/* 悬停时轻微上移 */
}

.template-app .entry-header h1 {
	font-size: 24px;
	font-weight: 600;
	color: rgba(17, 17, 17, 1);
}

.template-app .entry-header h2 {
	color: rgba(17, 17, 17, 1);
	font-size: 52px;
	line-height: 1.0555555556;
	font-weight: bold;
	letter-spacing: -0.00086em;
	font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}

.template-app .entry-header a {
	display: inline-block;
}

.template-app .entry-header .download-button {
	height: auto;
	margin: 0 auto;
}


.template-app article.page {
	max-width: 960px;
	padding: 0 20px 80px;
	margin: 0 auto;
}

.template-app article.page p {
	margin: 0 auto 20px;
}

.template-app article.page .wp-block-columns {
	padding: 20px 0;
}

.template-app article.page .wp-block-columns p {
	margin: 0 auto;
}

.template-app article .wp-block-separator {
	border: none;
	border-top: 1px solid #aaa;
}



/* Archive 存档页
--------------------------------------------- */
.page-header {
	text-align: left;
	max-width: 640px;
	box-sizing: border-box;
	padding: 30px 40px;
	background-color: #ffffff90;
	border-radius: 10px;
	box-shadow: 0 8px 8px rgba(122, 104, 96, 0.1);
	margin: 40px auto;
}

.page-header h1 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 10px;
}

.page-header .archive-description {
	font-size: 14px;
	color: #8a7f7c;
}

.article-list-wrap {
	max-width: 640px;
	text-align: left;
	padding: 0;
	margin: 0 auto 80px;
}

.article-list-top {
	font-size: 0.9em;
	color: #b9b2ad;
	line-height: 1.6em;
	padding: 0 0 10px;
	border-bottom: dotted 1px #978d7e;
	margin: 0 auto;
}

article.post {
	max-width: 640px;
	padding: 0;
	margin: 0 auto;
}

.article-item {
	padding: 30px 0;
	border-bottom: dotted 1px #978d7e;
}

.article-item .article-item-meta {
	font-size: 0.8em;
	color: #a38d71;
	line-height: 1.6em;
}

.article-item a {
	text-decoration: none;
	display: block;
}

.article-item .article-item-title {
	font-size: 1.4em;
	font-weight: 800;
	line-height: 1.6em;
	padding-top: 8px;
}

.article-item .article-item-intro {
	font-size: 0.95em;
	color: #6a6560;
	line-height: 1.6em;
	padding-top: 4px;
}

.article-list-wrap .posts-navigation {
	padding: 0 10px;
	margin: 40px auto;
}

.sub-category-link {
	margin-top: 16px;
}

.sub-category-link span {
	font-size: 14px;
	font-weight: normal;
}

.sub-category-link a {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	padding: 2px;
}


/* Radio Archive 电台存档页
--------------------------------------------- */
.archive-page article.post.category-treeradio {
	padding: 30px 0;
	border-bottom: dotted 1px #978d7e;
	margin: 0 auto;
}

.archive-page article.post.category-treeradio .article-item {
	border: none;
}

.archive-page article.post.category-treeradio a {
	padding: 0;
	height: 40px;
}

/* 左边 */
.category-treeradio .volume-image-wrap {
	float: left;
	padding-right: 30px;
}

.volume-image-wrap .feature-image img {
	width: 200px;
	height: auto;
	border-radius: 4px;
	margin-bottom: 0;
}

/* 右边 */
.category-treeradio .volume-header-wrap {
	padding-top: 10px;
	text-align: left;
}

.volume-header-wrap .volume-title {
	font-size: 1.2em;
	font-weight: 800;
}

.volume-header-wrap .volume-summary {
	color: #716a66;
	font-size: 0.9em;
	line-height: 1.8em;
	margin-top: 10px;
}




/* Search 搜索页
--------------------------------------------- */
.search-form .search-field {
	height: 36px;
	padding: 0 10px;
}

.search-form .search-submit {
	font-size: 14px;
	color: #fff;
	height: 36px;
	padding: 0 20px;
	border-radius: 4px;
	border: none;
	background-color: #453D31;
	vertical-align: top;
}

.search-page {
	padding-bottom: 80px;
}

.search-page article.post {
	padding-bottom: 0;
}




/* 404 404页
--------------------------------------------- */
.error-404.not-found {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}

.search-form {
	margin: 20px 0 40px;
}

.error-404.not-found .widget {
	padding: 20px 0;

}

.error-404.not-found .widgettitle {
	font-size: 1em;
	font-weight: bold;
	padding: 10px 0;
	border-bottom: dotted 1px #978d7e;
	margin-bottom: 20px;
}

.error-404.not-found .widget li {
	list-style: none;
	padding: 4px 0;
}


/* Post 单篇文章
--------------------------------------------- */
article.post {
	max-width: 640px;
	padding: 0 0 20px;
	margin: 40px auto;
}

article.post .entry-content {
	text-align: justify;
	padding-top: 40px;
}


/* 统一处理间距 */
article.post h1 {
	margin-bottom: 0;
}

article.post h2,
article.post h3,
article.post h4 {
	margin-top: 1.6em;
	margin-bottom: 0.8em;
}

article.post p,
article.post img,
article.post blockquote,
article.post hr.wp-block-separator {
	margin-bottom: 1.4em;
}

article.post figure {
	margin-bottom: 1.4em;
}

article.post figure img {
	margin-bottom: 0;
}

article.post ul,
article.post ol {
	margin-bottom: 1.4em;
}

article.post ul li,
article.post ol li {
	margin-bottom: 0;
	line-height: 1.6;
}

article.post p+ul,
article.post p+ol {
	margin-top: -1em;
}

article.post figure.wp-block-audio {
	margin-top: 1.2em;
}

article.post .mejs-container {
	margin-bottom: 1.4em;
}


/* 统一处理字体 ========== */
article.post h1 {
	font-size: 3em;
	font-weight: bolder;
}

article.post h2 {
	font-size: 1.8em;
	font-weight: bold;
}

article.post h3 {
	font-size: 1.4em;
	font-weight: bold;
}

article.post p,
article.post ul,
article.post li {
	font-size: 18px;
	line-height: 1.8em;
}

article.post li {
	list-style-position: outside;
	margin-left: 20px;
}

article.post blockquote {
	color: #7a6558;
	border-left: solid 5px #a89385;
	padding-left: 20px;
}

article.post .entry-meta,
article.post .posted-on,
article.post .byline,
article.post .posted-on a,
article.post .byline a {
	font-family: "iA Quattro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	color: #b9b2ad;
}

article.post .entry-content a {
	color: #7a6558;
	word-break: break-all;
}

article.post .entry-content a:hover {
	color: #fff;
	background-color: #2E9305;
}

/* 统一处理其他样式 ========== */
article .post-thumbnail {
	margin-top: 40px;
}

article .post-thumbnail img {
	width: 100%;
	max-width: 640px;
	height: auto;
}

article.post .entry-meta {
	margin-top: 20px;
}

article.post img {
	border-radius: 8px;
}

article.post .wp-block-separator {
	border: none;
	border-top: 1px solid #aaa;
}


/* 系列文章相关 */
article .seriesmeta {
	font-size: 1em;
	color: #644731;
	border: 1.5px solid #e5d2c4;
	background-color: #faeade;
	border-radius: 8px;
	margin: 0 auto 40px;
}

article .seriesmeta a {
	color: #644731;
	font-weight: bold;
	text-decoration: dotted;
}

article .seriesbox {
	width: 100%;
	max-width: 640px;
	color: #777;
	text-align: left;
	font-size: 0.9em;
	padding: 20px;
	border: 1px solid #c9c9c9;
	background-color: #fff;
	border-radius: 16px;
	margin: 0 auto 40px;
}

article .seriesbox .center {
	font-size: 0.9em;
	margin-bottom: 0;
}

article .seriesbox .serieslist-ul {
	margin-bottom: 0;
}


article .pps-post-list-box {
	font-size: 1em;
	color: #644731;
	border: 1px solid #e5d2c4;
	background-color: #faeade;
	padding: 30px 40px;
	border-radius: 16px;
	margin: 0 auto 40px;
}

article .pps-post-list-box h3.pps-post-list-title {
	font-size: 1em;
	color: #504035;
	margin: 0 auto 10px;
}

article .pps-post-list-box .pps-post-item {
	background: none;
}

article .pps-post-list-box h4.pps-post-title {
	font-weight: normal;
	list-style-type: circle;
	margin: 0 auto;
}

article .pps-post-list-box h4.pps-post-title a {
	font-size: 0.9em;
}

article .pps-post-list-box h4.pps-post-title a:hover {
	color: #2E9305;
	background: none;
}

article .pps-post-list-box h4.pps-post-title>a::before {
	content: "• ";
	font-weight: bold;
	margin-right: 6px;
}





article fieldset.series-navigation {
	width: 100%;
	max-width: 640px;
	padding: 10px 20px;
	margin: 40px auto 20px;
	background-color: #fff;
	border-radius: 16px;
	display: inline-block;
}

article fieldset .series-nav-left {
	float: left;
	text-align: left;
	width: 49%;
	padding: 20px;
	border-right: solid 1px #efece8;
	margin-right: 0;
}

article fieldset .series-nav-right {
	float: right;
	text-align: right;
	width: 50%;
	padding: 20px;
}

article fieldset .series-nav-left .nav-subtitle,
article fieldset .series-nav-right .nav-subtitle {
	font-size: 12px;
	padding-bottom: 8px;
}

article fieldset .series-nav-left .nav-title a,
article fieldset .series-nav-right .nav-title a {
	color: #453D31;
	display: block;
}

article fieldset .series-nav-left .nav-title,
article fieldset .series-nav-right .nav-title {
	color: #453D31;
	font-weight: bold;
}


/* Google广告 */
article.post .google-auto-placed {
	margin-bottom: 1.4em;
}


/* 广告区域 */
#promotion-area {
	margin: 50px auto 0;
}

#promotion-area a {
	display: block;
	width: 100%;
	max-width: 640px;
	text-align: left;
	padding: 20px 30px;
	background-color: #fff;
	border-radius: 16px;
}

#promotion-area img {
	width: 76px;
	height: auto;
	float: left;
	border-radius: 16px;
	margin-right: 24px;
	margin-bottom: 0;
	box-shadow: 0px 2px 5px rgba(80.78, 93.31, 46.32, 0.05);
}

#promotion-area .text {
	float: left;
}

#promotion-area .text h3 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 8px;
}

#promotion-area .text h4 {
	font-size: 14px;
	color: #999;
	margin-top: 0;
}

#promotion-area .button {
	float: right;
	width: 100px;
	height: 44px;
	border-radius: 22px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #393434;
	text-align: center;
	line-height: 44px;
	margin-top: 14px
}


/* 打赏区域 */
.post-page-support-button {
	padding: 0 20px;
	margin: 20px auto;
}



/*--------------------------------------------------------------
# 5. Others 其他
--------------------------------------------------------------*/

/**************************************************************
# Plugins 插件
**************************************************************/

/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}




/**************************************************************
# 小尺寸时的样式
**************************************************************/

/* 在屏幕宽度小于 480px 时应用的样式 */
@media screen and (max-width: 481px) {

	.menu-toggle {
		display: inline-block;
		border-radius: 4px;
		color: #1c0e03;
		background: #f6f7f8;
		line-height: 1.5em;
		padding: 0.2em 0.6em;
		border: solid 2px #1c0e03;
	}

	.main-navigation ul {
		display: none;
	}

	.main-navigation.toggled ul {
		display: inline-block;
		border-radius: 4px;
		border: none;
	}

	.main-navigation.toggled ul li {
		display: block;
		border-radius: 4px;
		color: #346404;
		padding: 1em;
		border-top: solid 1px #eee;
	}

}


/* 在屏幕宽度小于 720px 时应用的样式 */
@media screen and (max-width: 720px) {

	/* 顶部导航栏 */
	.site-header {
		padding: 20px;
	}

	.site-branding {
		display: none;
	}

	.main-navigation {
		display: flex;
		float: none;
		justify-content: center;
	}

	.main-navigation li {
		padding: 0 20px;
	}

	/* 首页模块 - 推荐应用 */
	#front-page .front-page-app-block {
		display: flex;
		flex-direction: column;
		gap: 0;
		width: 100%;
		align-items: center;
		padding-bottom: 40px;
	}

	#front-page .front-page-app-block-item {
		display: inline-flex;
		width: 100%;
		padding: 24px;
		margin: 30px auto 0;
	}

	#front-page .front-page-app-block-item img {
		width: 64px;
		height: 64px;
		border-radius: 12px;
	}

	#front-page .front-page-app-block-content {
		width: 80%;
	}

	#front-page .front-page-app-block-item .name {
		font-size: 16px;
	}

	#front-page .front-page-app-block-item .slogan {
		font-size: 12px;
	}

	#front-page .front-page-app-block-button {
		font-size: 14px;
		border-radius: 16px;
	}

	#front-page .front-page-studio-block,
	#front-page .front-page-life-block,
	#front-page .front-page-found-block,
	#front-page .front-page-contact-block {
		flex-direction: column;
		/* 变为上下排布 */
		max-width: 100%;
		/* 宽度自适应撑满屏幕 */
	}

	#front-page .front-page-studio-block .left-section,
	#front-page .front-page-life-block .left-section,
	#front-page .front-page-found-block .left-section {
		width: 100%;
		padding: 1% 30%;
	}

	#front-page .front-page-studio-block .left-section img,
	#front-page .front-page-life-block .left-section img,
	#front-page .front-page-found-block .left-section img {
		width: 98%;
	}

	#front-page .front-page-studio-block .right-section,
	#front-page .front-page-life-block .right-section,
	#front-page .front-page-found-block .right-section {
		width: 100%;
		padding: 40px 40px;
	}

	#front-page .front-page-contact-block-content {
		padding: 40px 20px 30px;
	}

	#front-page .front-page-contact-block-button {
		width: 100%;
		padding: 0 20px;
	}


	/* App 落地页模块 */
	.template-app .entry-header h2 {
		font-size: 40px;
	}

	.template-app .app-icon img {
		border-radius: 28px;
		width: 120px;
	}

	.template-app .entry-header .download-button {
		width: 80%;
	}


}