/*! 25.10.8 修正 v0.1.0 | MIT License | based on git.io/normalize */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
	display: none
}
a {
	background-color: rgba(0, 0, 0, 0)
}
a:active, a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 1em 40px
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
pre {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}
input {
	line-height: normal
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	height: auto
}
input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto
}
optgroup {
	font-weight: bold
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th {
	padding: 0
}

:root {
	--primary-color: #00ab6b; /* Updated to consistent green from theme usage */
	--text-main-color: rgba(0, 0, 0, 0.8);
	--text-gray-color: rgba(0, 0, 0, 0.6);
	--text-light-color: rgba(0, 0, 0, 0.5);
	--text-gray-light: rgba(0, 0, 0, 0.6); /* Added for archive usage */
	--text-gray-lightest: rgba(0, 0, 0, 0.4); /* Added for archive usage */
	--text-border-color: rgba(0, 0, 0, 0.05);
	--text-border-heavy: rgba(0, 0, 0, 0.15);
	--dark-text-color: rgba(255, 255, 255, 0.6);
	--dark-text-ligth: rgba(255, 255, 255, 0.44);
	--dark-border-color: rgba(255, 255, 255, 0.05);
	--dark-border-heavy: rgba(255, 255, 255, 0.15);
	--background-gray-lightest: #fafafa;
	--block-separator-color: #244654;
	--article-target-color: #283c50;
	--background-white: #fff;
	--background-gray: #f4f4f6;
	--background-gray-hover: #eeeef0;
	--border-color: rgba(0, 0, 0, 0.1);
	--border-color-light: rgba(0, 0, 0, 0.05);
	--main-border-color: rgba(0, 0, 0, 0.05); /* Added for archive usage */
	--main-hover-color: #00ab6b; /* Added for archive link hover */
}

@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}
@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}
@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-Light.woff2") format("woff2"), url("../fonts/OpenSans-Light.woff") format("woff");
	font-weight: 200;
	font-style: normal;
	font-display: swap
}
@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-Medium.woff2") format("woff2"), url("../fonts/OpenSans-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

body {
	letter-spacing: 0;
	font-weight: 400;
	font-style: normal;
	font-family: "Open Sans", PingFang SC, Hiragino Sans GB, Microsoft YaHei, STHeiti, WenQuanYi Micro Hei, Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga" on;
	color: var(--text-main-color);
	line-height: 1.8
}
h1, h2, h3, h4, h5 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 400
}
ol, ul {
	margin: 0;
	padding: 0;
	list-style: none
}
a {
	color: inherit;
	text-decoration: none
}
img {
	max-width: 100%;
	height: auto
}
p {
	margin-top: 0;
	margin-bottom: 0
}
button, input, textarea {
	-webkit-appearance: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: Open Sans, PingFang SC, Hiragino Sans GB, Microsoft YaHei, STHeiti, WenQuanYi Micro Hei, Helvetica, Arial, sans-serif;
	font-size: 16px;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}
a, button, input {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
figcaption {
	-webkit-nbsp-mode: normal
}
input[disabled] {
	cursor: default;
	color: rgba(0, 0, 0, .8);
	background-color: var(--text-border-color)
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
	display: none
}
svg:not(:root) {
	overflow: hidden
}
.screen-reader-text {
	left: -9999px;
	position: absolute;
	top: -9999px
}

@keyframes a {
	0% {
		opacity: 0;
		transform: scale(0.8) rotateX(-40deg)
	}
	50% {
		opacity: 1
	}
	70% {
		transform: scale(1.05) rotateX(0)
	}
	to {
		transform: scale(1) rotateX(0)
	}
}

.overlay {
	background-color: rgba(255, 255, 255, .97);
	position: fixed;
	text-align: center;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5
}
.overlay-dialog {
	display: inline-block;
	max-width: 580px;
	outline: 0 none;
	overflow: hidden;
	padding: 100px 80px;
	vertical-align: middle
}
.overlay-dialog--animate {
	transform-origin: bottom center;
	animation: a .3s forwards cubic-bezier(0.8, 0.02, 0.45, 0.91)
}
.overlay-content {
	color: rgba(0, 0, 0, .6);
	line-height: 1.4;
	margin-bottom: 30px
}
.overlay-title {
	color: rgba(0, 0, 0, .44);
	font-size: 24px;
	line-height: 1.1;
	margin-bottom: 12px
}
.overlay-qrcode {
	width: 250px;
	border: 1px solid rgba(0, 0, 0, .05);
	border-radius: 3px
}

.heading-title {
	font-size: 14px;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	letter-spacing: 1px;
	padding-bottom: 4px
}
.middotDivider {
	padding-left: .45em;
	padding-right: .45em
}
.middotDivider:after {
	content: "·"
}
.textInput {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .05);
	font-size: 14px
}
.textInput--rounded {
	border-radius: 999em
}

.butterBar {
	left: 50%;
	margin-left: -320px;
	max-width: 640px;
	position: fixed;
	text-align: center;
	top: 0;
	width: 58%;
	z-index: 4
}
.butterBar-message {
	background: rgba(255, 255, 255, .97);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 0 1px rgba(0, 0, 0, .35);
	display: inline-block;
	font-size: 14px;
	margin-bottom: 0;
	padding: 12px 25px
}
.butterBar--error .butterBar-message {
	background-color: #cc5454;
	color: #fff
}
@media screen and (max-width: 640px) {
	.butterBar {
		margin-left: 5%;
		width: 90%;
		left: 0
	}
}

@keyframes b {
	0% {
		transform: translateX(-100%)
	}
	40% {
		transform: translateX(0)
	}
	60% {
		transform: translateX(0)
	}
	to {
		transform: translateX(100%)
	}
}

.loadingBar {
	background-color: #00ab6b;
	display: none;
	height: 2px;
	left: 0;
	position: fixed;
	top: 0;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	z-index: 6;
	width: 100%
}
.is-loadingApp .loadingBar {
	animation: b 1s ease-in-out infinite;
	display: block
}

.cute, .link--accent {
	color: #82675a
}
.svgIcon {
	vertical-align: middle
}

.backup {
	position: fixed;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
	transform: translate3d(100px, 0, 0);
	transition: .5s
}
.backup .svgIcon {
	fill: rgba(0, 0, 0, .6)
}
.backup.show {
	transform: translateZ(0)
}

.overlay-img-wrap {
	background-color: #fff;
	padding: 30px 0 0;
	border: 1px solid rgba(0, 0, 0, .05);
	border-radius: 3px;
	display: inline-block;
	margin-top: 30px;
	position: relative
}
.zoomImgClose {
	background-color: #fff;
	border: 0 none;
	color: #ccc;
	font-size: 20px;
	line-height: 1;
	position: absolute;
	right: 3px;
	top: 2px
}
.zoomImgClose:hover {
	color: rgba(0, 0, 0, .8)
}
.zoomImgPre {
	left: -60px
}
.zoomImgNext, .zoomImgPre {
	position: absolute;
	background-color: #fff;
	border: 0;
	top: 50%;
	cursor: pointer;
	font-size: 20px;
	color: rgba(0, 0, 0, .3)
}
.zoomImgNext {
	right: -60px
}
.zoomNav-item {
	display: inline-block;
	height: 10px;
	width: 10px;
	border-radius: 100%;
	margin: 3px;
	cursor: pointer;
	background-color: #ccc
}
.zoomNav-item.is-active {
	background-color: #00ab6b
}

.wp-caption {
	max-width: 100%
}

.more-status {
	font-size: 14px;
	color: rgba(0, 0, 0, .44)
}

.screen-reader-text {
	position: absolute;
	left: -9999px;
	top: -9999px
}

.layoutSingleColumn {
	margin-left: auto;
	margin-right: auto;
	max-width: 798px;
	width: 90%;
}
.layoutSingleColumn--wide {
	max-width: 1180px;
}
.author .layoutSingleColumn--wide {
	max-width: 768px
}
.layoutMultiColumn {
	box-sizing: border-box;
}
.layoutMultiColumn-container {
	display: flex;
	max-width: 1180px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.layoutMultiColumn--primary {
	width: 65%;
	flex: 1 1 auto;
}
.layoutMultiColumn--secondary {
	width: 35%;
	flex: 0 0 auto;
}
.layoutMultiColumn--primary + .layoutMultiColumn--secondary {
	padding-left: 70px;
}
@media (max-width: 900px) {
	.xs-layoutSingleColumn--wide {
		width: auto;
	}
	.layoutMultiColumn-container {
		flex-wrap: wrap;
	}
	.layoutMultiColumn--primary,
	.layoutMultiColumn--secondary {
		width: 100%;
	}
	.layoutMultiColumn--primary + .layoutMultiColumn--secondary {
		padding-left: 0;
	}
}

.avatar-image--roundedRectangle {
	border-radius: 3px;
	object-fit: cover
}

.footer {
	border-top: 1px solid rgba(0, 0, 0, .05);
	padding: 15px 0;
	font-size: 12px;
	color: rgba(0, 0, 0, .6)
}
.footer--empty {
	padding-top: 100px;
}

@keyframes c {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.backTop {
	bottom: 10px;
	cursor: pointer;
	position: fixed;
	right: 10px
}

.js-sidebarWrapper {
	padding-top: 50px
}

.u-floatLeft {
	float: left
}
.u-floatRight {
	float: right
}
.u-verticalAlignTop {
	vertical-align: top
}
.u-verticalAlignMiddle {
	vertical-align: middle
}
.u-verticalAlignBottom {
	vertical-align: bottom
}
.u-disablePointerEvents {
	pointer-events: none
}
.u-preventScroll {
	height: 100%;
	overflow: hidden
}
.u-inlineBlock {
	display: inline-block
}
.u-block {
	display: block
}
.u-hide {
	display: none
}
.u-table {
	display: table
}
.u-table:before {
	height: auto;
	display: inherit
}
.u-tableCell {
	display: table-cell
}
.u-clearfix {
	*zoom: 1
}
.u-clearfix:after, .u-clearfix:before {
	display: table;
	content: " "
}
.u-clearfix:after {
	clear: both
}
.u-overflowHidden {
	overflow: hidden
}
.u-textMuted {
	color: rgba(0, 0, 0, .3)
}
.u-textAlignCenter {
	text-align: center
}
.u-textAlignRight {
	text-align: right
}
.u-textAlignLeft {
	text-align: left
}
.u-noWrap {
	white-space: nowrap
}
.u-centered {
	margin-left: auto;
	margin-right: auto
}
.u-borderBox {
	box-sizing: border-box
}

.bordered {
	border: 1px solid rgba(0, 0, 0, .05)
}

.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box
}

.u-size1040 {
	max-width: 1040px
}
.u-marginTop30 {
	margin-top: 30px
}
.u-marginBottom50 {
	margin-bottom: 50px
}
.u-xs-top30 {
	padding-top: 30px
}
.u-backgroundGrayLightest {
	background-color: #fafafa
}
.u-size750 {
	max-width: 750px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.u-paddingTop30 {
	padding-top: 30px
}
.button {
	display: inline-block;
	position: relative;
	height: 37px;
	padding: 0 16px;
	color: rgba(0, 0, 0, .44);
	background: rgba(0, 0, 0, 0);
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, .05);
	white-space: nowrap;
	text-rendering: auto;
	box-sizing: border-box;
	border-radius: 999em
}
.button--chromeless {
	border: 0;
	padding: 0
}
.button.is-active > .button-activeState, .button > .button-defaultState {
	display: inline
}
.button.is-active > .button-defaultState, .button > .button-activeState {
	display: none
}
.button--close {
	font-size: 32px;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 7
}
.button--small {
	height: 32px;
	line-height: 31px;
	padding: 0 14px;
	font-size: 12px;
}
.button--small:hover {
	color: rgba(0, 0, 0, 0.6);
	border-color: rgba(0, 0, 0, 0.15);
}
.button--primary {
	color: #c0580c;
	border-color: #c0580c;
}
.button--primary .svgIcon {
	fill: #c0580c;
}
.button--primary:hover {
	color: #c0580c;
	border-color: #c0580c;
}
.button--primary:hover .svgIcon {
	fill: #c0580c;
}

.block--list {
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	padding-top: 30px;
	padding-bottom: 40px;
	line-height: 1.1;
	display: flex;
	align-items: center
}
.block--list:last-child {
	border-bottom: 0
}
.block--list .block-image {
	height: 134px;
	width: 155px;
	border: 1px solid rgba(0, 0, 0, .05);
	margin-left: 20px;
	flex: 0 0 auto
}
.block--list .block-content {
	flex: 1 1 auto
}
.block-image {
	background-color: #f0f0f0;
	background-origin: border-box;
	background-position: 50%;
	background-size: cover;
	position: relative;
	object-fit: cover
}
.block-image.up:before {
	background-color: #00ab6b;
	color: #fff;
	content: "upcoming";
	font-size: 12px;
	left: -1px;
	padding: 3px 10px;
	position: absolute;
	top: -1px
}
.block-title {
	font-size: 22px;
	line-height: 1.3;
	font-weight: 600
}
.block-snippet {
	color: var(--text-gray-color);
	line-height: 1.6;
	margin: 5px 0 10px -0.9px
}
.block-postMeta {
	color: var(--text-light-color);
	font-size: 14px;
	margin-top: 10px
}
.block-postMeta .flag {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 6px;
  position: relative;
  top: -2px; /* 让图标整体往上移动一点 */
}
.block-more {
	margin-bottom: 40px;
	margin-top: 40px;
}
.block--card {
	margin-bottom: 20px
}
.block--card .block-content {
	margin-top: 15px
}
.block--card .block-title {
	font-size: 20px;
	font-weight: 600
}
.block--card .block-snippet {
	font-size: 14px;
	color: var(--text-gray-color);
	margin-top: 5px;
	margin-bottom: 0
}
.block--card .block-postMeta {
	font-size: 12px;
	color: var(--text-light-color);
	line-height: 1.4
}
.block--card .block-postMeta .postMetaInline--supplemental {
	display: block
}
.block--cardWithImage .block-image {
	width: 100%;
	height: 350px;
	border: 1px solid rgba(0, 0, 0, .05);
	border-color: rgba(0, 0, 0, .15);
	object-fit: cover
}
@media (max-width: 991px) {
	.block--list {
		padding-top: 25px;
		padding-bottom: 25px
	}
	.block--list .block-image {
		height: 100px;
		width: 100px
	}
	.block--list .block-content {
		margin-right: 0
	}
	.block-title {
		font-size: 20px
	}
}
@media (max-width: 767px) {
	.block--list .block-image {
		height: 90px;
		width: 90px
	}
	.block-title {
		font-size: 18px;
		font-weight: 600
	}
	.article {
		padding-top: 20px
	}
	.block-snippet {
		font-size: 14px
	}
}

.postMetaInline--supplemental {
	display: block
}
.postMetaInline-avatar {
	display: inline-block;
	margin-right: 8px
}
.postMetaInline-feedSummary {
	display: inline-block;
	vertical-align: top
}
.block-streamText {
	padding-right: 60px
}
@media (max-width: 600px) {
	.block-streamText {
		padding-right: 0
	}
}

.list--collection {
	padding: 40px 0
}
.block--status .avatar {
	float: left;
	margin-right: 20px;
	border-radius: 100%
}
.block--status .status-meta {
	color: #00ab6b;
	font-size: 14px
}
.blockGroup-title {
	font-size: 12px;
	font-weight: 700;
	padding-top: 8px;
	text-transform: uppercase
}

.homeGroup {
	padding-top: 50px
}

/*.grap ol, .grap p, .grap ul {
	margin-bottom: 20px;
	word-break: break-all
}
.grap img {
    border-radius: 5px
}
.grap blockquote,
.colonel blockquote {
  border-left: 3px solid rgba(0, 0, 0, 0.8);
  font-weight: 400;
  letter-spacing: 0.01rem;
  margin: 30px 0;
  padding-left: 20px;
}
.grap figure {
	margin: 0 0 20px
}
.grap strong {
	font-weight: 700
}
.grap em {
	font-style: italic
}
.grap a {
	text-decoration: underline
}
.grap a .svgIcon {
	margin-right: 4px
}
.grap li {
	margin-left: 30px;
	margin-bottom: 12px;
	padding-top: 2px
}
.grap li:before {
	content: "•";
	box-sizing: border-box;
	font-size: 14px;
	margin-left: -58px;
	padding-right: 15px;
	display: inline-block;
	text-align: right;
	width: 58px
}
.grap ol {
	counter-reset: a
}
.grap ol > li:before {
	content: counter(a, decimal) ".";
	counter-increment: a;
	padding-right: 12px
}
.grap h3 {
	color: rgba(0, 0, 0, .44);
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 10px
}
.grap hr {
	margin-top: 52px;
	margin-bottom: 42px;
	display: block;
	border: 0;
	text-align: center
}
.grap hr:before {
	content: "...";
	display: inline-block;
	margin-left: .6em;
	color: rgba(0, 0, 0, .6);
	position: relative;
	top: -30px;
	font-size: 28px;
	letter-spacing: .6em

}
*/

.mixtapeImage {
	float: right;
	width: 160px;
	height: 160px;
	margin: -24px -24px -24px 48px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%
}
.graf--mixtapeEmbed {
	position: relative;
	overflow: hidden;
	max-height: 280px;
	padding: 24px;
	box-sizing: border-box;
	color: rgba(0, 0, 0, .6);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .15);
	border-radius: 3px;
	margin: 20px 0
}
.graf--mixtapeEmbed a {
	text-decoration: none !important
}
.markup--mixtapeEmbed-strong {
	color: rgba(0, 0, 0, .8);
	display: block;
	margin-bottom: 8px;
	font-size: 20px;
	line-height: 1.2
}
.markup--em {
	display: block;
	font-size: 14px;
	font-style: normal !important
}
.markup--meta {
	font-size: 12px;
	color: rgba(0, 0, 0, .8)
}
@media screen and (max-width: 640px) {
	.graf--mixtapeEmbed {
		padding: 12px
	}
	.mixtapeImage {
		display: none
	}
}

.image-figure {
	position: relative;
	margin-bottom: 20px
}
.image-figure .image-figcaption {
	position: absolute;
	left: -150px;
	width: 130px;
	text-align: right;
	top: 30px;
	color: rgba(0, 0, 0, .44);
	font-size: 12px;
	border-top: 1px solid rgba(0, 0, 0, .05);
	padding-top: 4px
}
@media (max-width: 1200px) {
	.image-figure .image-figcaption {
		position: static;
		text-align: center;
		width: auto;
		border: 0
	}
}

.commentlist {
	counter-reset: b
}
.commentlist > .comment {
	position: relative
}
.commentlist > .comment:before {
	content: counter(b, decimal);
	counter-increment: b;
	font-size: 48px;
	position: absolute;
	top: 40px;
	right: 0;
	color: rgba(0, 0, 0, .05);
	font-style: italic;
	font-weight: 700
}
.comment-block {
	padding: 25px 0;
	border-bottom: 1px solid rgba(0, 0, 0, .05)
}
.comment-avatar {
	float: left;
	position: relative;
	margin-right: 12px
}
.comment-avatar .svgIcon {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #fff;
	padding: 2px;
	border-radius: 100%;
	border: 1px solid rgba(0, 0, 0, .05)
}
.comment-info {
	overflow: hidden
}
.comment-info .avatar {
	border: 1px solid rgba(0, 0, 0, .05);
	border-radius: 100%;
	width: 40px;
	height: 40px
}
.comment-meta {
	line-height: 1.4;
	font-size: 14px
}
.comment-author {
	color: #00ab6b
}
.comment-time {
	font-size: 12px;
	color: rgba(0, 0, 0, .3)
}
.comment-content {
	margin-top: 10px;
	font-size: 14px;
	color: rgba(0, 0, 0, .66)
}
.comment-content .svgIcon {
	height: 14px;
	width: 14px;
	margin-right: 4px
}
.comment-reply-link {
	float: right;
	background-color: #00ab6b;
	color: #fff;
	padding: 3px 8px;
	font-size: 12px;
	line-height: 1;
	border-radius: 3px;
	display: none;
	cursor: pointer
}
.comment-block:hover .comment-reply-link {
	display: block
}
@media screen and (max-width: 640px) {
	.comment-block {
		padding: 15px 0
	}
	.comment-reply-link {
		display: block
	}
}

.wp-smiley {
	width: 24px
}
.add-smily {
	background: #fff;
	border: 0;
	cursor: pointer
}
.add-smily .wp-smiley {
	width: 24px;
	margin-right: 5px
}
.children {
	margin-left: 50px
}
.comment-respond {
	padding: 30px 0
}
.comment-reply-title {
	font-size: 20px;
	color: rgba(0, 0, 0, .44)
}
.comment-form p {
	margin-bottom: 15px
}
.comment-form label {
	font-size: 14px;
	display: block;
	cursor: pointer
}
.comment-form label .required {
	color: red
}
.comment-form input[type=text] {
	line-height: 30px;
	width: 220px;
	padding: 0 15px
}
.comment-form input[type=text], .comment-form textarea {
	border: 1px solid rgba(0, 0, 0, .05);
	border-radius: 3px;
	font-size: 14px;
	color: rgba(0, 0, 0, .6)
}
.comment-form textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	resize: none
}
.comment-form textarea:invalid {
	box-shadow: none
}
.comment-form .submit {
	border: 1px solid rgba(0, 0, 0, .05);
	display: inline-block;
	color: rgba(0, 0, 0, .44);
	font-size: 12px;
	border-radius: 999em;
	padding: 6px 16px;
	background-color: #fff;
	cursor: pointer
}
.comment-form .submit:hover {
	color: rgba(0, 0, 0, .6);
	border-color: rgba(0, 0, 0, .15)
}

.comments-title {
	font-size: 16px;
	color: #333;
	letter-spacing: 1px;
  font-family: Tisa Pro;
  padding: 10px 0 10px 10px;
  line-height: 1.4;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.comments-pagination {
	text-align: center;
	font-size: 14px;
	color: rgba(0, 0, 0, .44);
	padding-top: 15px;
	padding-bottom: 15px
}
.comments-pagination .page-numbers {
	display: inline-block;
	margin: 3px;
	border: 1px solid #eee;
	border-radius: 3px;
	padding: 1px 10px
}
.comments-pagination .page-numbers.current, .comments-pagination .page-numbers:hover {
	border-color: #00ab6b;
	background-color: #00ab6b;
	color: #fff
}

.logged-in-as {
	font-size: 14px;
	color: rgba(0, 0, 0, .44);
	padding-top: 20px
}

.metabar {
	color: rgba(0, 0, 0, .3);
	height: 65px;
	left: 0;
	line-height: 65px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.metabar--bordered {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}
.error404 .metabar, .single .metabar {
	box-shadow: none
}
.metabar--spacer {
	position: relative;
	z-index: 1
}
.metabar-center {
	position: absolute;
	left: 0;
	right: 0;
}
.metabar--affixed {
	position: fixed
}
.metabar-predictiveSearch {
	display: inline-block;
	line-height: 44px;
	margin-top: 10px;
	vertical-align: top
}
.metabar-nav {
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	background-color: #fafafa;
	position: absolute;
	left: 0;
	right: 0;
	margin-top: 65px
}
.metabar .logo {
	display: inline-block;
	padding-left: 10px;
	margin-bottom: 8px;
	height: 22px;
	position: relative;
	z-index: 3;
	vertical-align: middle;
}
.metabar-predictiveSearch {
	margin-right: 10px;
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.metabar-predictiveSearch .svgIcon {
	margin-right: -33px;
	fill: rgba(0, 0, 0, 0.54);
	position: relative;
	cursor: pointer;
}
.metabar-predictiveSearch:hover .svgIcon {
	fill: rgba(0, 0, 0, 0.84);
}
.metabar-predictiveSearch .textInput {
	height: 37px;
	padding-left: 36px;
	vertical-align: middle;
	display: inline-block;
	width: 0;
	transition: 0.5s;
	border: 0;
	cursor: pointer;
}
.metabar-predictiveSearch .textInput:focus {
	width: 200px;
	cursor: text;
}
@media screen and (max-width: 640px) {
	.metabar-predictiveSearch {
		display: none !important;
	}
	.metabar {
		background-image: none;
	}
}

.metabar-block > .postMetaInline {
	display: inline-block;
	line-height: 32px;
	margin-top: 16px;
	vertical-align: top;
	white-space: nowrap
}
.metabar-logoWrapper {
	display: inline-block;
	line-height: 1.4
}
h3.metabar-logo {
	color: rgba(0, 0, 0, .6);
	font-size: 14px;
	font-weight: 700;
	margin: 10px 0;
	padding: 4px 5px;
	text-transform: uppercase;
	letter-spacing: 1px
}
.metabar-logo .metabar-collectionNamePretext {
	color: rgba(0, 0, 0, .4);
	display: block;
	font-size: 12px;
	font-weight: 300;
	margin-bottom: 1px
}
.menu-item {
	display: inline-block;
	margin-right: 20px
}
.subnav-ul {
	display: inline-block
}
.menu-item {
	color: rgba(0, 0, 0, .6);
	display: inline-block;
	font-size: 14px;
	transition: color .5s
}
.subnav-ul:hover .menu-item:not(:hover) {
	color: rgba(0, 0, 0, .3)
}
.sub-menu {
	display: none
}
.navTabs--metabar {
	display: flex;
}
.navTabs:hover .navTabs--item:not(:hover) {
	color: rgba(0, 0, 0, 0.3);
}
.header--notice a {
	text-decoration: underline;
	font-weight: 600
}
.header--notice svg {
	margin-right: 4px
}
.header--notice {
	background-color: #fafafa;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #292929;
	line-height: 1.5;
	padding: 12px;
}
.navTabs--item {
	color: rgba(0, 0, 0, 0.68);
	font-size: 14px;
	transition: color 0.5s ease-in-out 0s;
	padding-right: 20px;
}

  /* 如果页面小于1480导航栏联动通知栏变动 */
  @media screen and (max-width: 1370px) {
  	.header--notice {		 /* 通知栏变动 */
    position: relative;
    top: 40px; /* 具体值可调，根据你的导航栏高度来 */
    z-index: 5;
    margin: 10px 0 20px 0;
  }
  .navTabs--metabar {
		margin-top: 65px;
/*	导航背景border-bottom: 1px solid #f0f0f0;
		border-top: 1px solid #f0f0f0;
		background-color: #fafafa;*/
		line-height: 32px;
   }
	 .subnav-item {
		font-size: 12px
	 }
   }


.navTabs--metabar {
	text-align: left
}

.hero {
	text-align: center
}
.hero--collection {
	margin-bottom: 25px
}
.hero-title {
	font-size: 32px;
	line-height: 1.2
}
.hero--profile {
	padding: 40px 0;
	text-align: left
}
.hero--profile .avatar {
	border-radius: 100%
}
.hero--profile .hero-title {
	font-size: 32px;
	line-height: 1.4;
	width: 75%
}
.hero--profile .hero-description {
	font-size: 14px;
	margin-bottom: 4px;
	width: 75%
}
.hero--profile .card-icons {
	position: relative;
	top: 0
}
.hero--profile .card-icons .svgIcon {
	width: 16px
}
.hero--withlogo {
	padding-top: 20px;
	padding-bottom: 20px
}
.hero-logo {
	max-width: 400px;
	max-height: 200px
}
.hero-description {
	color: rgba(0, 0, 0, .6);
	font-size: 18px;
	word-break: break-word;
	word-wrap: break-word
}
.hero--standalone {
	padding: 40px 0
}
.hero-avatar .instagram-avatar {
	border-radius: 100%;
	width: 100px;
	height: 100px
}

.collectionNavItems {
	border-bottom: 1px solid rgba(0, 0, 0, .05)
}
.collectionNavItems .menu-item {
	display: inline-block;
	padding: 0 20px 8px;
	color: rgba(0, 0, 0, .44);
	text-transform: uppercase;
	letter-spacing: 1px
}
.collectionNavItems .menu-item.current-post-ancestor {
	color: rgba(0, 0, 0, .8)
}
.collectionHeader {
	padding: 50px 0 30px;
	display: flex;
	align-items: center
}
.collectionHeader-logo {
	width: 200px;
	margin-right: 20px;
	flex: 0 0 auto;
	object-fit: cover
}
.collectionHeader-logoImage {
	width: 200px;
	border-radius: 8px;
	object-fit: cover
}
.collectionHeader-nameAndDescription {
	flex: 1 1 auto
}
.collectionHeader-name {
	font-size: 32px;
	line-height: 1.2;
	padding: 5px 0
}
.collectionHeader-description {
	font-size: 20px;
	color: rgba(0, 0, 0, .44);
	line-height: 1.4
}
@media (max-width: 700px) {
	.collectionHeader-name {
		font-size: 24px
	}
	.collectionHeader-description {
		font-size: 16px
	}
}

.month-title {
	font-weight: 700
}
.month-title a {
	font-size: 12px;
	color: rgba(0, 0, 0, .44)
}
.list--archive:after {
	content: "...";
	display: block;
	text-align: center;
	font-size: 28px
}
.list--archive:last-child:after {
	content: ""
}
.archive-item {
	padding: 5px 0;
	font-size: 14px;
	color: rgba(0, 0, 0, .6)
}
.list-archive-wrapper {
	padding: 30px 0
}
.link-title {
	font-size: 18px;
	color: rgba(0, 0, 0, .44);
	margin-top: 30px;
	margin-bottom: 10px
}
.page-link-content {
	padding-bottom: 30px
}
.link-item {
	display: inline-block;
	text-align: center;
	width: 100px;
	vertical-align: top
}
.link-item .avatar {
	border-radius: 100%;
	border: 1px solid rgba(0, 0, 0, .05)
}
.link-item .sitename {
	display: block;
	padding: 10px 0;
	font-size: 14px
}

.blockDivider {
	line-height: 1.2;
	position: relative;
	text-align: center
}
.blockDivider:before {
	border-top: 1px solid rgba(0, 0, 0, .05);
	border-color: rgba(0, 0, 0, .15);
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	right: 0
}
.blockDivider-name {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .44);
	color: rgba(0, 0, 0, .6);
	display: inline-block;
	font-size: 12px;
	letter-spacing: .3em;
	padding: 3px 8px 2px 12px;
	text-transform: uppercase;
	position: relative
}

.date-nav-item {
	color: rgba(0, 0, 0, .44);
	font-size: 12px;
	padding-top: 8px
}

.tagHeader {
	padding: 30px 0
}
.tagHeader-prefix {
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 12px;
	color: rgba(0, 0, 0, .44)
}
.tagHeader-title {
	font-size: 32px
}

.catalog-title {
	font-size: 24px;
	color: #000;
	font-weight: 700
}
.catalog-share {
	font-size: 14px;
	color: rgba(0, 0, 0, .44);
	margin-bottom: 20px
}

.userItems {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px
}
.userItem {
	width: 25%;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px
}
.userItem--inner {
	border: 1px solid rgba(0, 0, 0, .05);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .04);
	border-radius: 3px;
	position: relative;
	padding-bottom: 100%;
	height: 0
}
.userItem-content {
	display: flex;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	align-items: center;
	flex-flow: column wrap;
	justify-content: center
}
.userItem-content .avatar {
	border-radius: 100%
}
.userItem-name {
	margin-top: 8px;
	text-align: center
}
@media (max-width: 900px) {
	.userItem {
		width: 33.33333%
	}
}
@media (max-width: 600px) {
	.userItem {
		width: 50%
	}
	.hero--standalone {
		padding-top: 70px
	}
}

.yeah .footer {
	max-width: 1000px
}

.errorPage {
	box-sizing: border-box;
	height: 100%;
	padding: 5% 15%
}
.errorPage-content, .errorPage:before {
	display: inline-block;
	vertical-align: middle
}
.errorPage-message {
	font-size: 32px
}
.errorPage-message--small {
	font-size: 20px;
	color: rgba(0, 0, 0, .44)
}

.archive--list {
	background-color: var(--background-gray-lightest);
	border-radius: 8px;
	padding: 10px 22px;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	transition: .5s
}
.archive--list__year {
	position: relative
}
.archive--list::before {
	content: attr(data-year);
	transition: .5s;
	position: absolute;
	right: 8px;
	top: 8px;
	font-size: 26px;
	line-height: 1;
	font-weight: 200;
	color: var(--text-gray-lightest);
	filter: blur(0.5px)
}
.archive--list:hover::before {
	filter: blur(0.2px);
	transform: translate3d(-5px, 0, 0)
}
.archive--item {
	padding: 12px 0;
	border-bottom: 1px solid var(--main-border-color)
}
.archive--item:last-child {
	border-bottom: 0
}
.archive--title {
	font-size: 18px
}
.archive--title__year {
	font-size: 36px;
	font-weight: 700;
	background-color: var(--background-white);
	position: sticky;
	top: 0;
	backdrop-filter: saturate(180%) blur(20px);
	margin-bottom: 20px;
	z-index: 22
}
.archive--title__month {
	font-size: 24px;
	font-weight: 500;
	color: var(--text-gray-lightest)
}
.archive--title a {
	transition: .5s all
}
.archive--title a:hover {
	color: var(--main-hover-color);
	text-decoration: underline
}
.archive--meta {
	font-size: 14px;
	color: var(--text-gray-light);
	font-weight: 200
}

.feature--header {
	padding: 50px 0
}
.feature--header h1 {
	font-size: 48px
}
.feature--header p {
	font-size: 18px;
	padding-right: 40%;
	color: rgba(0, 0, 0, .6)
}
.linkGroup {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding-top: 50px;
	grid-column-gap: 20px;
	column-gap: 20px
}
.link--item {
	margin-bottom: 40px;
	padding: 10px 0
}
.link--item .title {
	font-size: 18px;
	font-weight: 700
}
.link--item .description {
	line-height: 1.6;
	font-size: 14px;
	color: var(--text-gray-light);
	max-height: 3.2em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}
.link--item .link {
	color: var(--primary-color);
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	position: relative;
	transition: .5s;
	fill: var(--primary-color)
}
.link--item .link a {
	display: flex;
	align-items: center
}
.link--item .link:hover {
	transform: translate3d(10px, 0, 0);
	color: var(--primary-color)
}
.mapHeader {
	display: flex;
	align-items: center;
	padding: 30px 0
}
.mapHeader--title {
	font-size: 28px
}
.mapHeader--image {
	width: 64px;
	height: 64px;
	margin-right: 20px
}
@media (max-width: 600px) {
	.feature--header {
		padding: 30px 0
	}
	.feature--header h1 {
		font-size: 32px
	}
	.feature--header p {
		font-size: 16px;
		padding-right: 0;
		color: var(--text-gray-light)
	}
	.linkGroup {
		grid-template-columns: repeat(2, 1fr);
		padding-top: 30px
	}
	.link--item {
		margin-bottom: 10px;
		padding: 0
	}
	.mapHeader--title {
		font-size: 18px
	}
	.mapHeader--image {
		width: 32px;
		height: 32px;
		margin-right: 10px
	}
}

.photo--header {
	display: flex;
	align-items: center;
	padding: 50px 0;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto
}

.postArticle-header {
	padding-bottom: 20px;
	padding-top: 150px;
	position: relative
}
.sectionLayout--insetColumn {
	margin-left: auto;
	margin-right: auto;
	max-width: 780px;
	width: 90%
}
.postArticle-title {
	font-size: 32px;
	font-weight: 600;
	line-height: 1.4
}
.postArticle-subtitle {
	color: #9ea0a6;
	font-size: 24px;
	line-height: 1.2
}
.postArticle-meta {
	height: 85px;
	line-height: 36px;
	position: absolute;
	right: 0;
	top: 36px;
	width: 85px
}
.postArticle-meta:after {
	background-color: #0f2540;
	content: "";
	display: block;
	height: 118px;
	position: absolute;
	right: 42px;
	top: -16px;
	transform: rotate(45deg);
	width: 1px
}
.postArticle-meta time {
	color: #333;
	font-size: 40px;
	font-weight: 700;
	line-height: 36px
}
.postArticle-meta .month {
	left: 0;
	position: absolute;
	top: 0
}
.postArticle-meta .day {
	bottom: -4px;
	position: absolute;
	right: 0
}
@media (max-width: 600px) {
	.postArticle-header {
		padding-top: 50px
	}
	.postArticle-title {
		font-size: 24px
	}
	.postArticle-meta {
		display: none
	}
}

.article {
	padding-top: 50px
}
.article-header {
	margin-bottom: 20px
}
.article-meta {
	color: rgba(0, 0, 0, .44);
	font-size: 14px
}
.article-title {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 5px
}

.supplementalPostContent {
	padding: 20px 0
}
.supplementalPostContent .button {
	margin-right: 8px
}
.supplementalPostContent .tor .svgIcon {
	fill: rgba(0, 0, 0, .6)
}

.postFooterInfo {
	border-top: 1px solid rgba(0, 0, 0, .05);
	margin: 20px 0
}

.post--keywords {
	padding: 20px 0
}
.post--keyword {
	display: inline-block;
	background-color: rgba(0, 0, 0, .05);
	color: rgba(0, 0, 0, .6);
	font-size: 12px;
	border-radius: 3px;
	padding: 4px 10px;
	margin-right: 8px
}
.post--keyword:hover {
	background-color: rgba(0, 0, 0, .1)
}

.relatedPost-title {
	font-weight: 700;
	padding-left: 10px;
	margin-bottom: 10px
}
.relatedPostGrid {
	overflow: hidden
}
.relatedPostGrid .readNextPromo {
	border: 1px solid rgba(0, 0, 0, .09);
	width: auto;
	border-radius: 3px
}
.readNextPromo-postTitle {
	font-weight: 700;
	padding-top: 10px
}
.readNextPromo-authorName {
	font-size: 14px;
	color: rgba(0, 0, 0, .44)
}
.readNextPromo-image {
	border-radius: 0 3px 3px 0;
	display: block;
	height: 95px;
	width: 100%;
	background-size: cover;
	background-position: center
}
.relatedPost {
	box-sizing: border-box;
	float: left;
	margin-bottom: 15px;
	width: 50%
}
.relatedPost:nth-child(2n+1) {
	padding-right: 10px
}
.relatedPost:nth-child(2n) {
	padding-left: 10px
}
.readNextPromo-postInfo {
	padding: 2px 15px;
	height: 95px
}

.widget-card {
	padding-top: 15px
}
.widget-card-imageWrapper {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle
}
.widget-card-imageWrapper img {
	display: block;
	border-radius: 4px
}
.widget-card-content {
  display: inline-block;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.6);
}
.widget-card-description {
  color: rgba(0, 0, 0, 0.6);
  padding-top: 10px;
  font-size: 14px;
  margin-bottom: 15px;
}

.widget-card-description .svgIcon {
  fill: #b2ada6;
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: -3px;
}

.widget-card-info {
  color: rgba(0, 0, 0, 0.68);
  font-size: 14px;
}
.widget-card-infoTitle {
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 1px;
}


.list {
	padding: 15px 0;
	position: relative;
	overflow: hidden
}
.list--borderedBottom {
	border-bottom: 1px solid rgba(0, 0, 0, .05)
}
.list--borderedBottom:last-child {
	border-bottom: 0
}
.list-avatar {
	float: left;
	margin-right: 10px;
	object-fit: cover;
	margin-top: 3px
}
.list-title {
	font-size: 14px;
	font-weight: 700
}
.list-description {
	font-size: 12px;
	color: rgba(0, 0, 0, .44)
}
.list-action {
	position: absolute;
	right: 0;
	top: 14px
}
.list--withIcon .list-itemInfo {
	padding-bottom: 18px;
	margin-left: 55px
}
.list--withIcon .list-itemImage {
	float: left
}
.list--withIcon .list-itemImage img {
	width: 40px;
	height: 40px;
	object-fit: cover;   /* 关键属性：铺满但不变形 */
    object-position: center; /* 居中显示，可选 */
	border: 1px solid rgba(0, 0, 0, .05);
	border-radius: 100%
}
.list-item {
	border-top: 1px solid rgba(255, 255, 255, .2);
	padding: 40px 0 35px
}
.list--withIcon .list-item {
	padding: 0;
	border: 0;
	margin-top: 18px;
	line-height: 1.4
}
.list--withIcon .list-itemTitle {
	color: rgba(0, 0, 0, .8);
	font-size: 14px;
	max-width: 96%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.list--withIcon .list-itemTitle:hover {
	color: #00ab6b
}
.list--comment {
	display: flex;
	align-items: flex-start;
	padding: 10px 0
}
.list--comment .avatar {
	border-radius: 100%;
	flex: 0 0 auto;
	margin-right: 10px
}
.list--comment .name {
	font-size: 14px;
	margin-bottom: 3px
}
.list--comment .content {
	flex: 1 1 auto;
	line-height: 1.4
}
.list--comment .content a:hover {
	text-decoration: underline
}
.list--commentContent {
	color: var(--text-gray-light);
	font-size: 14px;
	line-height: 1.6;
	word-break: break-all;
	max-height: 4.8;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden
}
.list-itemDescription {
	color: rgba(0, 0, 0, .3);
	font-size: 14px;
	margin-bottom: 0;
	margin-right: 20px
}
.list--withIcon .list-index {
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-weight: 700
}

.card {
	overflow: hidden;
	padding: 30px 0;
	position: relative
}
.card-imageWrapper {
	float: left;
	margin-right: 10px
}
.card-imageWrapper .avatar {
	border: 1px solid rgba(0, 0, 0, .05);
	border-radius: 999em
}
.card-name {
	font-weight: 700;
	font-size: 18px
}
.card-description {
	font-size: 14px;
	color: rgba(0, 0, 0, .4);
	line-height: 1.2
}
.card--small .avatar-image {
	width: 64px;
	height: 64px;
	border-radius: 3px
}
.card-icons {
	position: absolute;
	right: 0;
	top: 30px
}
.card-icons .svgIcon {
	fill: rgba(0, 0, 0, .6);
	margin-left: 4px
}

.js-sidebar {
	padding-top: 50px
}

.widget {
	margin-bottom: 40px;
}
.widget-title {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 20px;
	padding-bottom: 8px;
}
.widget-footer {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	font-size: 14px;
	color: rgba(0, 0, 0, 0.54);
	padding-top: 10px;
}
.widget-footer .link:hover {
	text-decoration: underline;
	color: rgba(0, 0, 0, 0.8);
}
/* 首页热门栏目 */
.widget-topic-list {
	padding-top: 25px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.widget-topic-image {
	border-radius: 50%;
	width: 25px;
	height: 25px;
    object-fit: cover;   /* 关键属性：铺满但不变形 */
    object-position: center; /* 居中显示，可选 */
	margin-right: 6px;
}
.widget-topic-item {
	display: flex;
	align-items: center;
	width: 33.33333%;
	margin-bottom: 8px;
	color: rgba(0, 0, 0, 0.54);
	font-size: 12px;
	position: relative;
	box-sizing: border-box;
	padding: 6px;
	border-radius: 999rem;
}
.widget-topic-item:hover {
	color: rgba(0, 0, 0, 0.8);
	background-color: #f2f6f6;
}

.notificationsList {
	padding-top: 10px
}
.notificationsList-item {
	overflow: hidden;
	font-size: 12px;
	color: rgba(0, 0, 0, .6);
	line-height: 1.4;
	padding: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .05)
}
.notificationsList-item:last-child {
	border-bottom: 0
}
.notificationsList-userAvatarIcon {
	float: left;
	margin-right: 8px
}
.notificationsList-userAvatarIcon .avatar {
	border-radius: 100%
}
.notificationsList-button {
	display: block
}
.notificationsList-button .notificationsList-meta {
	display: block;
	color: rgba(0, 0, 0, .44);
	margin-top: 3px
}

.tag-items {
	padding-top: 20px
}
.tag-items .tag-item {
	border: 1px solid rgba(0, 0, 0, .05);
	padding: 4px 12px;
	border-radius: 3px;
	font-size: 12px;
	margin-right: 8px;
	color: rgba(0, 0, 0, .44);
	display: inline-block;
	margin-bottom: 8px
}
.tag-items .tag-item:hover {
	border-color: rgba(0, 0, 0, .3);
	color: rgba(0, 0, 0, .6)
}

.textInput--jumbo {
	font-size: 50px;
	font-style: normal;
	font-weight: 300;
	height: 80px;
	letter-spacing: 0;
	padding: 0;
	width: 100%;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.label {
	color: rgba(0, 0, 0, 0.44);
	line-height: 1.4;
}
.label--smaller {
	padding: 8px 0;
}

/* PC 端默认样式 */
.sArticle--title {
	  padding-top: 30px;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.4;
}

.sCategory--list {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* PC端4列，可改 */
    grid-gap: 20px;
    padding-top: 30px;
    padding-bottom: 50px;
}


:root {
	--sierra-main-color:#955251;
	--sierra-hover-color:#8b645a;
	--sierra-text-color:rgba(0,0,0,0.84);
	--sierra-text-light:rgba(0,0,0,0.68);
	--sierra-text-gray:rgba(0,0,0,0.6);
	--sierra-text-gray-lightest:rgba(0,0,0,0.55);
	--sierra-background-white:rgba(255,255,255,1);
	--sierra-background-gray:#f0f0f0;
	--sierra-background-gray-light:#f9f9f9;
	--sierra-background-gray-lightest:#fafafa;
	--sierra-background-opacity:0.9;
	--sierra-background-white-opacity:rgba(
        255,255,255,var(--sierra-background-opacity)
    );
	--sierra-border-color:rgba(0,0,0,0.1);
	--sierra-border-color-light:rgba(0,0,0,0.05);
	--sierra-text-size-small:14px;
	--sierra-text-size-normal:16px;
	--sierra-text-size-smallest:12px;
	--sierra-content-width:820px;
	--sierra-container-width:1180px;
	--db-main-color:var(--sierra-main-color);
	--db-hover-color:var(--sierra-hover-color);
	--db--text-color:var(--sierra-text-color);
	--db--text-color-light:var(--sierra-text-light);
	--db--background-gray:var(--sierra-background-gray);
	--db-border-color:var(--sierra-border-color);
    --coffin-main-color: #c0580c;
    --coffin-hover-color: #c0580c;
    --coffin-text-color: rgba(0, 0, 0, .84);
    --coffin-text-light: rgba(0, 0, 0, .68);
    --coffin-text-gray: rgba(0, 0, 0, .6);
    --coffin-text-gray-lightest: rgba(0, 0, 0, .5);
    --coffin-background-white: #fff;
    
}
@media(prefers-color-scheme:dark) {
	.auto {
	--sierra-text-color:#d4d4d8;
	--sierra-text-light:#b5b5bd;
	--sierra-text-gray:#909099;
	--sierra-text-gray-lightest:#70707a;
	--sierra-background-white:#121214;
	--sierra-background-gray:#1b1c1f;
	--sierra-background-gray-light:#23252a;
	--sierra-background-gray-lightest:#2c2f35;
	--sierra-background-white-opacity:rgba(
            18,18,20,var(--sierra-background-opacity)
        );
	--sierra-border-color:#3a3d44;
	--sierra-border-color-light:#2c2f35;
	--db-main-color:var(--sierra-main-color);
	--db-hover-color:var(--sierra-hover-color);
	--db--text-color:var(--sierra-text-color);
	--db--text-color-light:var(--sierra-text-light);
	--db--background-gray:var(--sierra-background-gray);
	--db-border-color:var(--sierra-border-color)
}
}.dark {
	--sierra-text-color:#d4d4d8;
	--sierra-text-light:#b5b5bd;
	--sierra-text-gray:#909099;
	--sierra-text-gray-lightest:#70707a;
	--sierra-background-white:#121214;
	--sierra-background-gray:#1b1c1f;
	--sierra-background-gray-light:#23252a;
	--sierra-background-gray-lightest:#2c2f35;
	--sierra-background-white-opacity:rgba(
        18,18,20,var(--sierra-background-opacity)
    );
	--sierra-border-color:#3a3d44;
	--sierra-border-color-light:#2c2f35;
	--db-main-color:var(--sierra-main-color);
	--db-hover-color:var(--sierra-hover-color);
	--db--text-color:var(--sierra-text-color);
	--db--text-color-light:var(--sierra-text-light);
	--db--background-gray:var(--sierra-background-gray);
	--db-border-color:var(--sierra-border-color)
}
.sCategory--item {
    transition: 0.5s;
    padding: 10px;
    background-color: var(--sierra-background-gray-light);
    border: 1px solid var(--sierra-background-white);
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.sCategory--item:hover .collectionCard--title {
    color: var(--sierra-hover-color);
    text-decoration: underline;
}

.sCategory--item::after {
    position: absolute;
    content: attr(data-count);
    opacity: 0.15;
    bottom: -8px;
    right: -5px;
    color: var(--sierra-text-gray-lightest);
    font-size: 60px;
    font-style: italic;
    font-weight: 700;
    line-height: 1;
}

.sCategory--image {
    height: 120px;
    width: 100%;
    object-fit: cover;   
    object-position: center; 
    border-radius: 6px;
}

.sCategory--meta {
    padding: 5px;
}

.sCategory--title {
    font-weight: 500;
    line-height: 1;
    margin-bottom: 8px;
}

.sCategory--title:hover {
    color: var(--sierra-hover-color);
}

.sCategory--description {
    font-size: 12px;
    color: var(--sierra-text-gray);
    line-height: 1.2;
    height: 2.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sCategory--count {
    font-size: 12px;
    color: var(--sierra-text-gray);
}

/* 手机端样式 */
@media(max-width:767px) {
    .sArticle--title {
        font-size: 24px;
    }

    .sCategory--list {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 12px;
        padding-top: 20px;
    }

    .sCategory--item {
        padding: 8px;
    }
}



.u-paddingTop50 {
  padding-top: 50px;
}
/* 分页 */
.nav-links {
	padding:10px 0 50px;
	display:flex;
	align-items:center
}
@media(max-width:767px) {
	.nav-links {
	padding:10px 0 30px
}
}.nav-links__centered {
	justify-content:center
}
.nav-links .page-numbers {
	border-radius:100%;
	background-color:#f9f9f9;
	width:38px;
	height:38px;
	font-size:14px;
	line-height:38px;
	text-align:center;
	margin:0 10px;
	color:#70707a;
	border:1px solid #ececec;
	cursor:pointer
}
@media(max-width:767px) {
	.nav-links .page-numbers {
	width:30px;
	height:30px;
	font-size:12px;
	line-height:30px
}
}.nav-links .page-numbers.current {
	background-color:#8b645a;
	border-color:#8b645a;
	color:#fff;
	cursor:not-allowed
}
.nav-links .page-numbers:hover {
	background-color:#8b645a;
	border-color:#8b645a;
	color:#fff
}


/* WordPress 默认图片圆角样式修复 */
.wp-block-image.is-style-rounded img {
    border-radius: 30px;
}


/* WordPress 主题文章内容 */
.grap {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.84);
}
.grap figure {
	margin: 0 0 20px
}
.grap ol,
.grap p,
.grap ul {
  margin-bottom: 1.1em;
}

.grap del {
  text-decoration: none;
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.8) 20%,
    rgba(0, 0, 245, 0) 0,
    transparent 75%,
    rgba(0, 0, 0, 0.8) 76%
  );
  background-position: 0 0.56em;
  background-repeat: repeat-x;
  background-size: 1px 6px;
}

.grap strong {
  background-color: transparent;
  background-image: linear-gradient(rgba(12, 242, 143, 0.2), rgba(12, 242, 143, 0.2));
}


.grap blockquote {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTg1NTQxNjE3MDQ5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM3MTgiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTQwNi41NTcyNTcgMTE4LjUzNTMxNHYxMzcuOTAzNTQzYy04Ny4xNDI0IDE5Ljk1MzM3MS0xMjguODkyMzQzIDc0LjQ3NDA1Ny0xMzQuMzYzNDI4IDE3Ni4wMTA5NzJoMTM0LjM2MzQyOHYzMjYuNzQzNzcxSDExNC4yOTMwMjlWNDkwLjUxMDYyOWMwLTE5NC4xNzk2NTcgODMuNDk5ODg2LTM0My4wMTA3NDMgMjkyLjI2NDIyOC0zNzEuOTc1MzE1bTAtNTguNTE0Mjg1Yy0yLjY3NzAyOSAwLTUuMzU0MDU3IDAuMTkwMTcxLTguMDQ1NzE0IDAuNTU1ODg1QzE3Ny41MDMwODYgOTEuMjM4NCA1NS43Nzg3NDMgMjQzLjkzMTQyOSA1NS43Nzg3NDMgNDkwLjUxMDYyOXYyNjguNjY4MzQyYTU4LjUxNDI4NiA1OC41MTQyODYgMCAwIDAgNTguNTE0Mjg2IDU4LjUxNDI4NmgyOTIuMjY0MjI4YTU4LjUxNDI4NiA1OC41MTQyODYgMCAwIDAgNTguNTE0Mjg2LTU4LjUxNDI4NlY0MzIuNDQ5ODI5YTU4LjUxNDI4NiA1OC41MTQyODYgMCAwIDAtNTguNTE0Mjg2LTU4LjUxNDI4NmgtNjQuNTI2NjI4YzE0LjQ1MzAyOS0zNy42MTAwNTcgNDEuNDI4MTE0LTUyLjE4MDExNCA3Ny41ODk5NDItNjAuNDU5ODg2YTU4LjUxNDI4NiA1OC41MTQyODYgMCAwIDAgNDUuNDUwOTcyLTU3LjAzNjhWMTE4LjUzNTMxNGE1OC41MTQyODYgNTguNTE0Mjg2IDAgMCAwLTU4LjUxNDI4Ni01OC41MTQyODV6TTkwOS43MDY5NzEgMjY0LjgyMTAyOXYxMzcuOTAzNTQyYy04Ny4xMTMxNDMgMTkuOTUzMzcxLTEyOC44NjMwODYgNzQuNDc0MDU3LTEzNC4zMzQxNzEgMTc2LjAxMDk3MmgxMzQuMzM0MTcxdjMyNi43NDM3NzFINjE3LjQ0Mjc0M1Y2MzYuNzk2MzQzYzAtMTk0LjE3OTY1NyA4My41MTQ1MTQtMzQzLjAxMDc0MyAyOTIuMjY0MjI4LTM3MS45NzUzMTRtMC01OC41MTQyODZjLTIuNjc3MDI5IDAtNS4zNTQwNTcgMC4xOTAxNzEtOC4wNDU3MTQgMC41NTU4ODYtMjIxLjAwODQ1NyAzMC42NzYxMTQtMzQyLjczMjggMTgzLjM1NDUxNC0zNDIuNzMyOCA0MjkuOTQ4MzQydjI2OC42NjgzNDNhNTguNTE0Mjg2IDU4LjUxNDI4NiAwIDAgMCA1OC41MTQyODYgNTguNTE0Mjg2aDI5Mi4yNjQyMjhhNTguNTE0Mjg2IDU4LjUxNDI4NiAwIDAgMCA1OC41MTQyODYtNTguNTE0Mjg2VjU3OC43MzU1NDNhNTguNTE0Mjg2IDU4LjUxNDI4NiAwIDAgMC01OC41MTQyODYtNTguNTE0Mjg2aC02NC40OTczNzFjMTQuNDUzMDI5LTM3LjYxMDA1NyA0MS40MTM0ODYtNTIuMTgwMTE0IDc3LjU3NTMxNC02MC40NTk4ODZhNTguNTE0Mjg2IDU4LjUxNDI4NiAwIDAgMCA0NS40MzYzNDMtNTcuMDM2OHYtMTM3LjkwMzU0MmE1OC41NDM1NDMgNTguNTQzNTQzIDAgMCAwLTU4LjUxNDI4Ni01OC41MTQyODZ6IiBmaWxsPSIjY2YzZjc0IiBwLWlkPSIzNzE5Ij48L3BhdGg+PHBhdGggZD0iTTM1OS42MTQxNzEgNjY2LjU1MDg1N2ExNC42Mjg1NzEgMTQuNjI4NTcxIDAgMCAxLTE0LjYyODU3MS0xNC42Mjg1NzFWNDkxLjI3MTMxNGgtNjguMDgxMzcxYTE0LjYyODU3MSAxNC42Mjg1NzEgMCAxIDEgMC0yOS4yNTcxNDNoODcuNzcxNDI4YzguMDg5NiAwIDkuNTY3MDg2IDYuMjkwMjg2IDkuNTY3MDg2IDE0LjM2NTI1OHYxNzUuNTQyODU3YTE0LjYyODU3MSAxNC42Mjg1NzEgMCAwIDEtMTQuNjI4NTcyIDE0LjYyODU3MXpNODcxLjYxNDE3MSA4NDIuMDkzNzE0YTE0LjYyODU3MSAxNC42Mjg1NzEgMCAwIDEtMTQuNjI4NTcxLTE0LjYyODU3MXYtMjkuMjU3MTQzYTE0LjYyODU3MSAxNC42Mjg1NzEgMCAxIDEgMjkuMjU3MTQzIDB2MjkuMjU3MTQzYTE0LjYyODU3MSAxNC42Mjg1NzEgMCAwIDEtMTQuNjI4NTcyIDE0LjYyODU3MXpNODcxLjYxNDE3MSA3NTQuMzIyMjg2YTE0LjYyODU3MSAxNC42Mjg1NzEgMCAwIDEtMTQuNjI4NTcxLTE0LjYyODU3MnYtMTAyLjEzNjY4NWgtNjguMDgxMzcxYTE0LjYyODU3MSAxNC42Mjg1NzEgMCAxIDEgMC0yOS4yNTcxNDNoODcuNzcxNDI4YzguMDg5NiAwIDkuNTY3MDg2IDYuMjkwMjg2IDkuNTY3MDg2IDE0LjM2NTI1N3YxMTcuMDI4NTcxYTE0LjYyODU3MSAxNC42Mjg1NzEgMCAwIDEtMTQuNjI4NTcyIDE0LjYyODU3MnoiIGZpbGw9IiNjZjNmNzQiIHAtaWQ9IjM3MjAiPjwvcGF0aD48L3N2Zz4=);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	color: rgba(0,0,0,.7);
	margin: 0 0 15px;
	padding: 20px 20px 20px 60px;
	position: relative
}

.grap blockquote p {
	margin: 0
}


.grap a {
  text-decoration: underline;
}

.grap a:hover {
  color: #c0580c;
}

.grap li {
  margin-left: 30px;
  margin-bottom: 4px;
  padding-top: 2px;
  font-size: 16px;
}

.grap li:before {
  content: "▪";
  box-sizing: border-box;
  font-size: 14px;
  margin-left: -28px;
  padding-right: 12px;
  display: inline-block;
  text-align: right;
  width: 28px;
  color: #c0580c;
}

.grap ol {
  counter-reset: post;
}

.grap ol > li:before {
  content: counter(post, decimal) ".";
  counter-increment: post;
  padding-right: 12px;
  color: rgba(0, 0, 0, 0.84);
}

.grap h3 {
  font-size: 1.5rem;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 700;
}

.grap h3,
.grap h4 {
  margin-top: 1.8em;
  margin-bottom: 0.6em;
}

.grap h4 {
  font-size: 1.25rem;
  color: rgba(0, 0, 0, 0.5);
}

.grap hr {
  margin-top: 42px;
  margin-bottom: 52px;
  display: block;
  height: 3px;
  width: 26px;
  transform: rotate(-45deg);
  position: relative;
  background-color: rgba(0, 0, 0, 0.44);
  border-radius: 999em;
  border: 0;
}
.grap img {
    border-radius: 5px
}
.colonel--figure {
  margin: 40px -50px;
}

.colonel--figure.withBeauty {
  margin-left: -50px;
  margin-right: -50px;
}

.colonel--figure .imageCaption {
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.6);
  text-align: right;
  margin-left: 100px;
  margin-right: 50px;
  margin-top: 8px; 
}

@media (max-width: 600px) {
  .colonel--figure {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .colonel--figure .imageCaption {
    margin-right: 0;
    margin-left: 30px;
  }
}

.grap--figure {
  margin-bottom: 20px;
}

.grap--figure .imageCaption {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  text-align: center;
}


/* 定义默认视频宽高 */
.entry-content iframe {
    width: 100%;
    height: 500px;
}


/* 分类图墙 */

.sandraList {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 22px;
    padding-top: 50px;
    padding-bottom: 50px
}

.sandraList+.pagination {
    padding-top: 0
}

@media(max-width: 1024px) {
    .sandraList {
        grid-template-columns:repeat(2,1fr);
        grid-gap: 25px
    }
}

@media(max-width: 600px) {
    .sandraList {
        grid-template-columns:repeat(1,1fr);
        grid-gap: 30px
    }
}

.sandraItem-image {
    position: relative
}

.sandraItem-image a {
    display: block;
    height: 240px;
    background-size: cover;
    background-position: 50%;
    position: relative
}

.sandraItem-image a:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.4));
    z-index: 1;
    border-radius: 3px 3px 0 0
}

.sandraItem-image img {
    display: block;
    border-radius: 3px 3px 0 0;
    height: 240px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.sandraItem-image .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: var(--coffin-main-color);
    font-size: 40px
}

.sandraItem--full .sandraItem--content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.33);
    color: hsla(0,0%,100%,.97);
    height: auto;
    z-index: 2
}

.sandraItem--full .sandraItem-info {
    color: hsla(0,0%,100%,.97)
}

.sandraItem--full .sandraItem-info a:hover {
    color: var(--coffin-hover-color)
}

.sandraItem--full .sandraItem-image,.sandraItem--full .sandraItem-image a {
    height: 100%
}

.sandraItem {
    position: relative;
    background-color: #fff;
    transition: transform .5s;
    overflow: hidden;
    transform: translateZ(0);
    display: flex;
    flex-direction: column
}

.sandraItem .flag {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 15px;
    bottom: 15px
}

.sandraItem:hover {
    transform: translate3d(0,-6px,0)
}

.sandraItem--content {
    padding: 15px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column
}

.sandraItem-author {
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 12px
}

.sandraItem-author strong {
    font-weight: 700
}

.sandraItem-info {
    color: var(--coffin-text-gray-lightest);
    font-size: 14px;
    padding-top: 5px;
    margin-top: auto
}

.sandraItem-info a:hover {
    text-decoration: underline;
    color: var(--coffin-text-color)
}

.sandraItem-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3
}

.sandraItem-title:hover {
    color: var(--coffin-hover-color)
}