/**
 * 杂志布局样式（对齐框架，不拷贝参考站内容）
 */

:root {
	--tb--main: #2680eb;
	--jn-bg: #f4f6f8;
	--jn-card: #fff;
	--jn-text: #333;
	--jn-title: #222;
	--jn-muted: #999;
	--jn-line: #eef0f3;
	--jn-header: #fff;
	--jn-input: #fff;
	--jn-input-border: #e5e8eb;
	--jn-tag: #f4f6f8;
	--jn-table: #f7f8fa;
	--jn-thumb: #f0f2f5;
	--jn-footer: #1d1f21;
	--jn-footer-text: #9aa0a6;
	--jn-footer-link: #c5c9ce;
	--jn-action: #fff;
	--jn-header-h: 70px;
	--jn-radius: 4px;
}

html.darking {
	color-scheme: dark;
	--jn-bg: #0c0f14;
	--jn-card: #161a20;
	--jn-text: #c5cad3;
	--jn-title: #e8ecf2;
	--jn-muted: #8a9099;
	--jn-line: #252a33;
	--jn-header: #101318;
	--jn-input: #1c2128;
	--jn-input-border: #2a3038;
	--jn-tag: #1c2128;
	--jn-table: #1a1f26;
	--jn-thumb: #1c2128;
	--jn-footer: #0a0c10;
	--jn-footer-text: #8a9099;
	--jn-footer-link: #c5cad3;
	--jn-action: #161a20;
}

body.layout-jn {
	background: var(--jn-bg);
	color: var(--jn-text);
	padding-top: var(--jn-header-h);
}

/* 顶栏 */
body.layout-jn .header {
	background: var(--jn-header);
	border-bottom: 1px solid var(--jn-line);
	box-shadow: 0 1px 8px rgba(0, 0, 0, .04);
	height: var(--jn-header-h);
	line-height: normal;
	padding: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}

body.layout-jn .header .container,
body.layout-jn .container.wrap,
body.layout-jn .j-partner,
body.layout-jn .footer .container,
body.layout-jn .breadcrumbs .container {
	max-width: 1230px;
}

body.layout-jn .header .container {
	display: flex;
	align-items: center;
	height: var(--jn-header-h);
	position: relative;
}

/* 去掉原主题清浮动伪元素，避免变成 flex 子项把栏位挤乱 */
body.layout-jn .header .container::before,
body.layout-jn .header .container::after,
body.layout-jn .container.wrap::before,
body.layout-jn .container.wrap::after,
body.layout-jn .footer .container::before,
body.layout-jn .footer .container::after,
body.layout-jn .j-partner::before,
body.layout-jn .j-partner::after,
body.layout-jn .breadcrumbs .container::before,
body.layout-jn .breadcrumbs .container::after {
	display: none;
	content: none;
}

body.layout-jn .header .brand,
body.layout-jn .header .topbar {
	display: none !important;
}

body.layout-jn .logo {
	display: flex;
	align-items: center;
	margin: 0 24px 0 0;
	padding: 0;
	float: none;
	height: auto;
	line-height: normal;
	flex: 0 0 auto;
}

body.layout-jn .logo a {
	display: flex;
	align-items: center;
	font-size: 0;
	color: transparent;
	height: auto;
	line-height: 1.3;
	padding: 1px 0 0;
}

body.layout-jn .logo.logo-text a {
	font-size: 22px;
	font-weight: 700;
	color: var(--jn-title);
	letter-spacing: 0;
	white-space: nowrap;
}

body.layout-jn .logo img {
	max-height: 36px;
	width: auto;
}

body.layout-jn .site-navbar {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	float: none;
	height: auto;
	margin: 0;
	padding: 0;
	line-height: normal;
}

body.layout-jn .site-navbar > li {
	float: none;
	display: flex;
	align-items: center;
	height: auto;
	margin: 0 2px;
	padding: 0;
	line-height: normal;
}

body.layout-jn .header .site-nav > li > a,
body.layout-jn .site-navbar > li > a {
	display: flex;
	align-items: center;
	padding: 1px 12px 0;
	font-size: 15px;
	font-weight: 500;
	color: var(--jn-title);
	height: auto;
	line-height: 1.35;
}

body.layout-jn .site-navbar > li > a:hover,
body.layout-jn .site-navbar > .current-menu-item > a,
body.layout-jn .site-navbar > .current-menu-ancestor > a {
	color: var(--tb--main);
}

body.layout-jn .sitedark,
body.layout-jn .navto-search,
body.layout-jn .m-icon-user {
	display: flex;
	align-items: center;
	justify-content: center;
	float: none;
	flex: 0 0 auto;
	height: auto;
	line-height: 1;
	padding: 0;
}

body.layout-jn .sitedark,
body.layout-jn .navto-search,
body.layout-jn .m-icon-nav,
body.layout-jn .m-icon-user {
	color: var(--jn-title);
}

body.layout-jn .sitedark {
	order: 8;
	margin-left: auto;
}

body.layout-jn .navto-search {
	width: 40px;
	order: 9;
}

body.layout-jn .m-icon-user {
	order: 10;
}

/* 多列下拉 */
body.layout-jn .site-navbar > .menu-item-has-children > .sub-menu {
	top: var(--jn-header-h);
	min-width: 420px;
	padding: 16px 8px;
	border: 0;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
	border-radius: var(--jn-radius);
	background: var(--jn-card);
	display: none;
	flex-wrap: wrap;
}

body.layout-jn .site-navbar > .menu-item-has-children:hover > .sub-menu {
	display: flex;
}

body.layout-jn .site-navbar > .menu-item-has-children > .sub-menu > li {
	flex: 1 1 30%;
	min-width: 120px;
	padding: 0 12px;
}

body.layout-jn .site-navbar .sub-menu a {
	line-height: 2.1;
	font-size: 13px;
	color: var(--jn-text);
}

body.layout-jn .site-navbar .sub-menu .sub-menu {
	position: static;
	display: block;
	box-shadow: none;
	min-width: 0;
	padding: 0;
	border: 0;
}

/* 主栏两列：覆盖 DUX 原 float + 主栏右侧留白 */
body.layout-jn .container.wrap {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	margin: 20px auto;
	padding: 0 15px;
	gap: 24px;
}

body.layout-jn .container.wrap > .content-wrap {
	flex: 1 1 0%;
	width: auto;
	max-width: none;
	float: none;
	min-width: 0;
}

body.layout-jn .container.wrap > .sidebar {
	float: none;
	width: 300px;
	flex: 0 0 300px;
	margin: 0;
}

body.layout-jn .content {
	background: transparent;
	border: 0;
	padding: 0;
	box-shadow: none;
	margin: 0;
	min-height: 0;
	overflow: visible;
}

body.layout-jn .sidebar .widget-on-phone {
	display: none;
}

/* 首屏 */
body.layout-jn .slider-wrap {
	display: flex;
	gap: 12px;
	margin-bottom: 16px;
}

body.layout-jn .slider-wrap .main-slider {
	flex: 1 1 66%;
	min-width: 0;
	height: 320px;
	border-radius: var(--jn-radius);
	overflow: hidden;
	background: #000;
	position: relative;
}

body.layout-jn .slider-wrap .main-slider .swiper-container,
body.layout-jn .slider-wrap .main-slider #focusslide,
body.layout-jn .slider-wrap .main-slider #bigslide {
	height: 100% !important;
	border-radius: var(--jn-radius);
}

body.layout-jn .slider-wrap .main-slider .swiper-slide,
body.layout-jn .slider-wrap .main-slider .swiper-slide a {
	position: relative;
	display: block;
	height: 100%;
	overflow: hidden;
}

body.layout-jn .slider-wrap .main-slider img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	display: block;
}

body.layout-jn #focusslide.hastitle .swiper-slide span,
body.layout-jn .slider-wrap .main-slider .swiper-slide span,
body.layout-jn .slider-wrap .main-slider .hastitle span {
	position: absolute;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 2;
	padding: 28px 16px 12px;
	background: linear-gradient(transparent, rgba(0, 0, 0, .65));
	color: #fff;
	font-size: 16px;
	line-height: 1.4;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.layout-jn .feature-post {
	flex: 0 0 32%;
	height: 320px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.layout-jn .slider-wrap:not(:has(.main-slider)) .feature-post {
	flex: 1 1 auto;
	flex-direction: row;
}

body.layout-jn .article-nav,
body.layout-jn .sticky-icon {
	display: none !important;
}

body.layout-jn .feature-post li {
	flex: 1;
	min-height: 0;
	position: relative;
	border-radius: var(--jn-radius);
	overflow: hidden;
	background: #ddd;
}
	background: #ddd;
}

body.layout-jn .feature-post a {
	display: block;
	height: 100%;
	color: #fff;
	position: relative;
	overflow: hidden;
}

body.layout-jn .feature-post img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

body.layout-jn .feature-post span {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 24px 10px 10px;
	background: linear-gradient(transparent, rgba(0, 0, 0, .7));
	font-size: 14px;
	line-height: 1.4;
}

/* 列表面板 */
body.layout-jn .sec-panel {
	background: var(--jn-card);
	border-radius: var(--jn-radius);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .03);
}

body.layout-jn .sec-panel-head {
	border-bottom: 1px solid var(--jn-line);
	padding: 0 16px;
}

body.layout-jn .jn-tabs {
	display: flex;
	flex-wrap: nowrap;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 0;
	overflow-x: auto;
}

body.layout-jn .jn-tabs .tab {
	position: relative;
	margin: 0 18px 0 0;
}

body.layout-jn .jn-tabs .tab a {
	display: block;
	padding: 16px 0 14px;
	font-size: 15px;
	color: var(--jn-muted);
	font-weight: 500;
}

body.layout-jn .jn-tabs .tab.active a,
body.layout-jn .jn-tabs .tab a:hover {
	color: var(--tb--main);
}

body.layout-jn .jn-tabs .tab-underscore {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: var(--tb--main);
}

body.layout-jn .jn-tab-wrap {
	padding: 8px 16px 20px;
}

body.layout-jn .jn-tab-wrap.is-loading {
	opacity: .55;
	pointer-events: none;
}

/* 文章卡片 */
body.layout-jn article.excerpt.item {
	display: flex;
	gap: 18px;
	padding: 20px 0;
	margin: 0;
	border: 0;
	border-bottom: 1px solid var(--jn-line);
	background: transparent;
	overflow: hidden;
	min-height: 0;
	width: auto;
	float: none;
	position: relative;
}

body.layout-jn article.excerpt.item:last-of-type {
	border-bottom: 0;
}

body.layout-jn .item-img {
	position: relative;
	flex: 0 0 220px;
	width: 220px;
	height: 138px;
	border-radius: var(--jn-radius);
	overflow: hidden;
}

body.layout-jn .item-img-inner,
body.layout-jn .item-img .thumb,
body.layout-jn .item-img img {
	display: block;
	width: 100%;
	height: 138px;
	object-fit: cover;
}

body.layout-jn .item-category,
body.layout-jn .item-img .item-category {
	position: absolute;
	left: 8px;
	bottom: 8px;
	z-index: 2;
	background: rgba(0, 0, 0, .55) !important;
	color: #fff !important;
	font-size: 12px;
	line-height: 1;
	padding: 5px 8px;
	border-radius: 2px;
}

body.layout-jn .item-content {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

body.layout-jn .item-title {
	margin: 0 0 8px;
	font-size: 18px;
	line-height: 1.45;
	font-weight: 600;
}

body.layout-jn .item-title a {
	color: var(--jn-title);
}

body.layout-jn .item-title a:hover {
	color: var(--tb--main);
}

body.layout-jn .item-title .sticky-icon,
body.layout-jn .sticky-icon,
body.layout-jn .excerpt-sticky .item-title::before {
	display: none;
	content: none;
}

body.layout-jn .item-excerpt {
	color: var(--jn-muted);
	font-size: 14px;
	line-height: 1.7;
	max-height: 48px;
	overflow: hidden;
}

body.layout-jn .item-excerpt p {
	margin: 0;
}

body.layout-jn .item-meta {
	margin-top: auto;
	padding-top: 10px;
	color: var(--jn-muted);
	font-size: 13px;
	display: flex;
	gap: 16px;
}

/* 查看更多 */
body.layout-jn .jn-more-wrap .pagination {
	border: 0;
	padding: 8px 0 0;
	text-align: center;
}

body.layout-jn .jn-more-wrap .pagination ul {
	display: block;
}

body.layout-jn .jn-more-wrap .pagination li {
	display: none;
	float: none;
}

body.layout-jn .jn-more-wrap .pagination .next-page {
	display: block;
}

body.layout-jn .jn-more-wrap .pagination .next-page a {
	display: block;
	margin: 8px auto 0;
	max-width: 280px;
	height: 40px;
	line-height: 40px;
	border: 1px solid var(--jn-input-border);
	border-radius: 20px;
	background: var(--jn-card);
	color: var(--jn-muted);
	font-size: 14px;
}

body.layout-jn .jn-more-wrap .pagination .next-page a:hover {
	color: var(--tb--main);
	border-color: var(--tb--main);
}

body.layout-jn .catleader {
	background: var(--jn-card);
	margin: 0 0 16px;
	padding: 18px 20px;
	border-radius: var(--jn-radius);
	border: 0;
}

body.layout-jn .catleader h1 {
	font-size: 22px;
	margin: 0;
}

/* 侧栏 */
body.layout-jn .sidebar .widget {
	background: var(--jn-card);
	border: 0;
	border-radius: var(--jn-radius);
	padding: 16px 18px 18px;
	margin-bottom: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .03);
}

body.layout-jn .sidebar .widget h3 {
	display: flex;
	align-items: center;
	gap: 8px;
	position: relative;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	margin: 0 0 12px;
	padding: 0 0 10px;
	border: 0;
	border-bottom: 1px solid var(--jn-line);
	background: none;
}

body.layout-jn .sidebar .widget h3::before {
	content: "";
	position: static;
	flex: 0 0 3px;
	align-self: center;
	width: 3px;
	height: 1em;
	margin: 0;
	background: var(--tb--main);
	border-radius: 1px;
}

body.layout-jn .sidebar .widget h3::after {
	content: none;
	display: none;
}

body.layout-jn .sidebar .widget ul {
	margin: 0;
	padding: 0;
}

body.layout-jn .sidebar .widget li {
	padding: 8px 0;
	border-bottom: 1px dashed var(--jn-line);
	line-height: 1.5;
}

body.layout-jn .sidebar .widget li:last-child {
	border-bottom: 0;
}

body.layout-jn .sidebar .search-form,
body.layout-jn .sidebar .site-search-form {
	display: flex;
	align-items: center;
	height: 32px;
	border: 1px solid var(--jn-input-border);
	border-radius: 16px;
	overflow: hidden;
	background: var(--jn-input);
	position: relative;
	padding: 0;
}

body.layout-jn .sidebar .search-form input,
body.layout-jn .sidebar .keyword,
body.layout-jn .sidebar .search-input,
body.layout-jn .sidebar .search-field,
body.layout-jn .sidebar input[type="search"],
body.layout-jn .sidebar input[type="text"] {
	flex: 1;
	width: auto;
	border: 0;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	margin: 0;
	outline: none;
	font-size: 13px;
	box-shadow: none;
	background: transparent;
}

body.layout-jn .sidebar .search-form button,
body.layout-jn .sidebar .submit,
body.layout-jn .sidebar .search-btn,
body.layout-jn .sidebar input[type="submit"] {
	position: static;
	width: 32px;
	height: 32px;
	line-height: 32px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	color: var(--jn-muted);
	flex: 0 0 32px;
}

/* 文章页 */
body.layout-jn.single > .breadcrumbs {
	display: none;
}

body.layout-jn.single .container.wrap {
	flex-wrap: wrap;
}

body.layout-jn .jn-crumb {
	position: relative;
	z-index: 2;
	flex: 1 1 100%;
	margin: 0 0 12px;
	padding: 0;
	font-size: 13px;
	color: var(--jn-muted);
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	pointer-events: auto;
}

body.layout-jn .jn-crumb a {
	color: var(--jn-muted);
}

body.layout-jn .jn-crumb a:hover {
	color: var(--tb--main);
}

body.layout-jn .jn-crumb i {
	margin: 0 8px;
	font-style: normal;
	color: var(--jn-muted);
}

body.layout-jn .jn-crumb span {
	color: var(--jn-muted);
}

body.layout-jn .jn-read {
	background: var(--jn-card);
	border-radius: var(--jn-radius);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .03);
	overflow: hidden;
}

body.layout-jn .article-header,
body.layout-jn .article-content,
body.layout-jn .article-tags {
	background: transparent;
	border: 0;
	margin: 0;
	box-shadow: none;
}

body.layout-jn .article-header {
	padding: 28px 32px 8px;
}

body.layout-jn .article-title,
body.layout-jn .article-title a {
	font-size: 28px;
	line-height: 1.4;
	font-weight: 700;
	color: var(--jn-title);
}

body.layout-jn .article-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 14px;
	color: var(--jn-muted);
	font-size: 13px;
	margin-top: 14px;
}

body.layout-jn .article-meta .item::before,
body.layout-jn .article-meta .item::after {
	content: none;
	display: none;
	border: 0;
}

body.layout-jn .article-meta .item-cats a {
	color: var(--tb--main);
}

body.layout-jn .article-meta .item-cats i {
	font-style: normal;
	color: var(--jn-muted);
	margin: 0 2px;
}

body.layout-jn .article-content {
	padding: 12px 32px 8px;
	font-size: 16px;
	line-height: 1.9;
	color: var(--jn-text);
}

body.layout-jn .article-content h2,
body.layout-jn .article-content h3 {
	color: var(--jn-title);
}

body.layout-jn .article-content h2 {
	margin: 32px 0 14px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
}

body.layout-jn .article-content h3 {
	margin: 24px 0 12px;
	font-size: 18px;
	font-weight: 700;
}

body.layout-jn .article-content p {
	margin: 0 0 1.15em;
}

body.layout-jn .article-content img {
	max-width: 100%;
	height: auto;
	border-radius: var(--jn-radius);
	margin: 8px 0 16px;
}

body.layout-jn .article-content .wp-block-table {
	max-width: 100%;
	overflow-x: auto;
}

body.layout-jn .article-content table {
	width: 100%;
	max-width: 100%;
	margin: 12px 0 20px;
	border-collapse: collapse;
	font-size: 14px;
}

body.layout-jn .article-content th,
body.layout-jn .article-content td {
	border: 1px solid var(--jn-line);
	padding: 8px 10px;
	text-align: left;
}

body.layout-jn .article-content th {
	background: var(--jn-table);
	font-weight: 600;
}

body.layout-jn .article-content blockquote {
	background: var(--jn-table);
	border-left: 3px solid var(--tb--main);
	color: var(--jn-text);
}

body.layout-jn .article-content pre,
body.layout-jn .article-content code {
	background: var(--jn-table);
	color: var(--jn-text);
}

body.layout-jn .jn-credits {
	margin: 4px 32px 16px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	font-size: 13px;
	line-height: 1.8;
	color: var(--jn-muted);
}

body.layout-jn .jn-credits p {
	margin: 0;
	display: grid;
	grid-template-columns: 2em 8px auto;
	column-gap: 8px;
}

body.layout-jn .jn-credits i {
	font-style: normal;
	text-align: center;
}

body.layout-jn .article-tags {
	padding: 8px 32px 28px;
}

body.layout-jn .article-tags a {
	display: inline-block;
	margin: 0 8px 8px 0;
	padding: 4px 10px;
	background: var(--jn-tag);
	border-radius: 3px;
	font-size: 12px;
	color: var(--jn-muted);
}

body.layout-jn .post-copyright,
body.layout-jn .post-copyright-custom,
body.layout-jn .jn-post-nav,
body.layout-jn .jn-relates,
body.layout-jn .jn-comments {
	background: var(--jn-card);
	border-radius: var(--jn-radius);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .03);
	margin-top: 16px;
	padding: 16px 20px;
	border: 0;
}

body.layout-jn .post-copyright,
body.layout-jn .post-copyright-custom {
	font-size: 13px;
	color: var(--jn-muted);
	line-height: 1.7;
}

body.layout-jn .post-copyright a,
body.layout-jn .post-copyright-custom a {
	color: var(--tb--main);
	text-decoration: underline;
}

body.layout-jn .jn-post-nav {
	display: flex;
	gap: 16px;
	padding: 18px 20px;
}

body.layout-jn .jn-post-nav-item {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

body.layout-jn .jn-post-nav-item.is-empty {
	visibility: hidden;
}

body.layout-jn .jn-post-nav-label {
	font-size: 12px;
	color: var(--jn-muted);
}

body.layout-jn .jn-post-nav-title {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--jn-title);
}

body.layout-jn .jn-post-nav-item:hover .jn-post-nav-title {
	color: var(--tb--main);
}

body.layout-jn .jn-relates-head h3 {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 14px;
	padding: 0 0 10px;
	position: relative;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	border-bottom: 1px solid var(--jn-line);
}

body.layout-jn .jn-relates-head h3::before {
	content: "";
	position: static;
	flex: 0 0 3px;
	align-self: center;
	width: 3px;
	height: 1em;
	background: var(--tb--main);
	border-radius: 1px;
}

body.layout-jn .jn-relates ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.layout-jn .jn-relates li a {
	display: block;
	min-width: 0;
}

body.layout-jn .jn-relates-title {
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: var(--jn-text);
}

body.layout-jn .jn-relates li a:hover .jn-relates-title {
	color: var(--tb--main);
}

body.layout-jn .jn-comments .title {
	margin: 0 0 14px;
	padding: 0;
	border: 0;
	background: transparent;
}

body.layout-jn .jn-comments .title h3 {
	display: flex;
	align-items: center;
	gap: 8px;
	position: relative;
	margin: 0;
	padding: 0 0 10px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	border-bottom: 1px solid var(--jn-line);
}

body.layout-jn .jn-comments .title h3::before {
	content: "";
	position: static;
	flex: 0 0 3px;
	align-self: center;
	width: 3px;
	height: 1em;
	background: var(--tb--main);
	border-radius: 1px;
}

body.layout-jn .breadcrumbs {
	background: transparent;
	margin: 12px auto 0;
}

/* 友链与页脚 */
body.layout-jn .j-partner {
	margin: 0 auto 20px;
	padding: 0 15px;
}

body.layout-jn .j-partner .sec-panel-head h3 {
	margin: 0;
	padding: 16px 16px 0;
	font-size: 16px;
}

body.layout-jn .list-links {
	padding: 8px 16px 16px;
	line-height: 2.2;
}

body.layout-jn .list-links a,
body.layout-jn .list-links li {
	display: inline;
	margin-right: 14px;
	font-size: 13px;
	color: var(--jn-muted);
}

body.layout-jn .footer {
	background: var(--jn-footer);
	color: var(--jn-footer-text);
	padding: 36px 0 24px;
	margin-top: 10px;
	border: 0;
}

body.layout-jn .footer a {
	color: var(--jn-footer-link);
}

body.layout-jn .footer-col-wrap {
	display: flex;
	gap: 32px;
	align-items: flex-start;
	max-width: none;
	margin: 0;
}

body.layout-jn .footer-col-logo {
	flex: 0 0 160px;
}

body.layout-jn .footer-col-logo img {
	max-width: 140px;
	height: auto;
}

body.layout-jn .footer-col-copy {
	flex: 1 1 auto;
}

body.layout-jn .footer-nav {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
}

body.layout-jn .footer-nav a {
	font-size: 13px;
}

body.layout-jn .footer .copyright,
body.layout-jn .footer p {
	margin: 0;
	line-height: 1.8;
	font-size: 12px;
}

/* 右侧返回顶部：48×48 正方形，图标+两行文字居中 */
body.layout-jn .jn-action {
	position: fixed;
	right: 18px;
	bottom: 22%;
	z-index: 90;
}

body.layout-jn .jn-action-item {
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	margin-bottom: 8px;
	padding: 0;
	display: none;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto;
	align-content: center;
	justify-items: center;
	gap: 1px;
	background: var(--jn-card);
	border: 1px solid var(--jn-line);
	border-radius: 0;
	text-align: center;
	cursor: pointer;
	position: relative;
	color: var(--jn-muted);
	font-size: 10px;
	line-height: 1.15;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

body.layout-jn .jn-action-item i {
	display: block;
	width: 100%;
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-style: normal;
	line-height: 1;
	text-align: center;
}

body.layout-jn .jn-action-item span {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 1.15;
}

body.layout-jn .jn-gotop.is-show {
	display: grid;
}

/* 搜索层只作顶栏浮层：关闭不占位，搜索结果页也不改成文档流 */
body.layout-jn .site-search,
body.layout-jn.search .site-search {
	position: fixed !important;
	top: var(--jn-header-h);
	left: 0;
	right: 0;
	z-index: 999;
	background: var(--jn-bg);
	color: var(--jn-text);
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	height: 0 !important;
	overflow: hidden;
	margin: 0;
}

body.layout-jn.search-on .site-search {
	pointer-events: auto;
	visibility: visible;
	opacity: 1;
	height: auto !important;
	overflow: visible;
}

/* 轮播分页圆点在图上会变成半透明黑块，去掉 */
body.layout-jn .slider-wrap .swiper-pagination,
body.layout-jn #focusslide .swiper-pagination {
	display: none !important;
}

body.layout-jn .site-search input,
body.layout-jn .site-search .search-input {
	background: var(--jn-input);
	border-color: var(--jn-input-border);
	color: var(--jn-title);
}

/* 评论表单与评论列表跟随暗色 */
body.layout-jn #comments,
body.layout-jn #respond,
body.layout-jn .comt,
body.layout-jn .comt-box,
body.layout-jn .comt-area,
body.layout-jn .commentlist li,
body.layout-jn .comment-body {
	background: transparent;
	color: var(--jn-text);
	border-color: var(--jn-line);
}

body.layout-jn .comt-box,
body.layout-jn .comt-area,
body.layout-jn #comment,
body.layout-jn #respond textarea,
body.layout-jn #respond input[type="text"],
body.layout-jn #respond input[type="email"],
body.layout-jn #respond input[type="url"] {
	background: var(--jn-input);
	border: 1px solid var(--jn-input-border);
	color: var(--jn-text);
}

body.layout-jn .comt-title,
body.layout-jn .comt-ctrl,
body.layout-jn .comment-meta,
body.layout-jn .comment-reply-title {
	color: var(--jn-muted);
	background: transparent;
	border-color: var(--jn-line);
}

body.layout-jn .comment-author,
body.layout-jn .comment-author a,
body.layout-jn .comt-author {
	color: var(--jn-title);
}

html.darking body.layout-jn .header {
	box-shadow: 0 1px 8px rgba(0, 0, 0, .35);
}

/* 平板与手机 */
@media (max-width: 1020px) {
	body.layout-jn .container.wrap {
		display: block;
	}

	body.layout-jn .container.wrap > .content-wrap,
	body.layout-jn .container.wrap > .sidebar {
		width: auto;
		max-width: none;
		flex: none;
		float: none;
	}

	body.layout-jn .container.wrap > .sidebar {
		margin-top: 16px;
	}

	body.layout-jn .content {
		margin: 0;
	}

	body.layout-jn .slider-wrap {
		flex-direction: column;
		height: auto;
	}

	body.layout-jn .slider-wrap .main-slider,
	body.layout-jn .feature-post {
		height: 220px;
	}

	body.layout-jn .slider-wrap .main-slider .swiper-container,
	body.layout-jn .slider-wrap .main-slider #focusslide,
	body.layout-jn .slider-wrap .main-slider #bigslide,
	body.layout-jn .slider-wrap .main-slider img {
		height: 100% !important;
	}

	body.layout-jn .feature-post {
		flex: none;
		flex-direction: row;
	}

	body.layout-jn .feature-post li {
		flex: 1;
		min-height: 0;
	}

	body.layout-jn .item-img {
		flex-basis: 140px;
		width: 140px;
		height: 92px;
	}

	body.layout-jn .item-img-inner,
	body.layout-jn .item-img .thumb,
	body.layout-jn .item-img img {
		height: 92px;
	}

	body.layout-jn .item-title {
		font-size: 16px;
	}

	body.layout-jn .item-excerpt {
		display: none;
	}

	body.layout-jn .jn-action {
		display: none;
	}

	body.layout-jn .footer-col-wrap {
		flex-direction: column;
		gap: 16px;
	}

	body.layout-jn .header .site-navbar {
		display: none;
	}

	body.layout-jn .article-header,
	body.layout-jn .article-content,
	body.layout-jn .article-tags {
		padding-left: 16px;
		padding-right: 16px;
	}

	body.layout-jn .jn-credits {
		margin-left: 16px;
		margin-right: 16px;
	}

	body.layout-jn .article-title,
	body.layout-jn .article-title a {
		font-size: 20px;
	}

	body.layout-jn .jn-post-nav {
		flex-direction: column;
	}

	body.layout-jn .jn-relates ul {
		grid-template-columns: 1fr;
	}

	body.layout-jn.m-sidebar .sidebar .widget-on-phone {
		display: block;
	}
}

@media (max-width: 600px) {
	body.layout-jn {
		padding-top: 56px;
	}

	body.layout-jn .header,
	body.layout-jn .header .container {
		height: 56px;
	}

	body.layout-jn .logo.logo-text a {
		font-size: 18px;
	}

	body.layout-jn .slider-wrap .main-slider,
	body.layout-jn .feature-post {
		height: auto;
	}

	body.layout-jn .slider-wrap .main-slider .swiper-container,
	body.layout-jn .slider-wrap .main-slider #focusslide,
	body.layout-jn .slider-wrap .main-slider #bigslide,
	body.layout-jn .slider-wrap .main-slider img {
		height: 180px !important;
	}

	body.layout-jn .feature-post {
		flex-direction: column;
		height: auto;
	}

	body.layout-jn .feature-post li {
		min-height: 100px;
	}

	body.layout-jn article.excerpt.item {
		gap: 12px;
		padding: 14px 0;
	}

	body.layout-jn .item-img {
		flex-basis: 110px;
		width: 110px;
		height: 74px;
	}

	body.layout-jn .item-img-inner,
	body.layout-jn .item-img .thumb,
	body.layout-jn .item-img img {
		height: 74px;
	}

	body.layout-jn .jn-tab-wrap {
		padding: 4px 12px 16px;
	}

	body.layout-jn .sec-panel-head {
		padding: 0 12px;
	}
}