/* ==========================================================================
   霓虹矩阵 · 页面模板层
   ========================================================================== */

/* ---------- 通用页面英雄区（赛博风） ---------- */
.nm-page-hero {
	background: var(--nm-hero-grad);
	border: 1px solid rgba(0, 229, 255, 0.16);
	border-radius: var(--nm-radius-lg);
	margin-bottom: 24px;
	overflow: hidden;
	padding: clamp(24px, 3vw, 42px);
	position: relative;
	box-shadow: var(--nm-glow-soft);
}

.nm-page-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 55%, var(--nm-bg-070b18-50) 100%),
		repeating-linear-gradient(90deg, rgba(0, 229, 255, 0.02) 0 1px, transparent 1px 70px);
	pointer-events: none;
}

.nm-page-hero__inner {
	position: relative;
	z-index: 1;
}

.nm-page-hero__eyebrow {
	align-items: center;
	color: var(--nm-cyan);
	display: inline-flex;
	font-size: 12px;
	gap: 6px;
	margin-bottom: 12px;
}

.nm-page-hero__eyebrow svg {
	height: 15px;
	width: 15px;
}

.nm-page-hero__title {
	font-size: clamp(26px, 3vw, 44px);
	line-height: 1.25;
	margin-bottom: 12px;
	max-width: 720px;
}

.nm-page-hero__subtitle {
	color: var(--nm-muted-strong);
	font-size: var(--nm-fs-base);
	line-height: 1.8;
	margin-bottom: 18px;
	max-width: 680px;
}

.nm-page-hero__cats {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 18px;
}

.nm-page-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

/* 分类胶囊条 */
.nm-cat-pills {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 28px;
}

/* ---------- 焦点推荐（1大+2小） ---------- */
.nm-featured-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: 1.4fr 1fr;
	grid-template-rows: repeat(2, minmax(0, 1fr));
}

.nm-featured-card {
	overflow: hidden;
	position: relative;
}

.nm-featured-card--lead {
	grid-row: span 2;
}

.nm-featured-card__link {
	color: var(--nm-text);
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
}

.nm-featured-card__media {
	background: var(--nm-bg-0b1224);
	display: block;
	overflow: hidden;
	position: relative;
}

.nm-featured-card--lead .nm-featured-card__media {
	flex: 1;
	min-height: 240px;
}

.nm-featured-card--sub .nm-featured-card__media {
	flex: 0 0 42%;
}

.nm-featured-card__media img {
	height: 100%;
	inset: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.nm-featured-card__body {
	background: linear-gradient(180deg, var(--nm-bg-0d1428-92), var(--nm-bg-0a1020-96));
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 16px 18px;
}

.nm-featured-card--lead .nm-featured-card__body {
	padding: 20px 22px;
}

.nm-featured-card__cat {
	color: var(--nm-cyan);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	margin-bottom: 8px;
}

.nm-featured-card__title {
	font-size: 17px;
	line-height: 1.5;
	margin: 0 0 8px;
}

.nm-featured-card--lead .nm-featured-card__title {
	font-size: 22px;
	line-height: 1.4;
}

.nm-featured-card__title a {
	color: var(--nm-text);
}

.nm-featured-card__title a:hover {
	color: var(--nm-cyan);
}

.nm-featured-card__excerpt {
	color: var(--nm-muted);
	display: -webkit-box;
	font-size: 13px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 1.7;
	margin: 0 0 12px;
	overflow: hidden;
}

.nm-featured-card__meta {
	align-items: center;
	color: var(--nm-tx-7f8ea6);
	display: flex;
	flex-wrap: wrap;
	font-size: 11px;
	gap: 12px;
	margin-top: auto;
}

@media (max-width: 760px) {
	.nm-featured-grid {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	.nm-featured-card--lead {
		grid-row: span 1;
	}

	.nm-featured-card--sub .nm-featured-card__media {
		min-height: 160px;
	}
}

/* ---------- 资讯列表（横向卡片） ---------- */
.nm-news-list {
	display: grid;
	gap: 16px;
}

.nm-news-item {
	display: grid;
	gap: 0;
	grid-template-columns: 200px minmax(0, 1fr);
	overflow: hidden;
}

.nm-news-item__media {
	background: var(--nm-bg-0b1224);
	display: block;
	overflow: hidden;
	position: relative;
}

.nm-news-item__media img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.nm-news-item__body {
	display: flex;
	flex-direction: column;
	padding: 16px 18px;
}

.nm-news-item__cat {
	color: var(--nm-cyan);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	margin-bottom: 6px;
}

.nm-news-item__title {
	font-size: 17px;
	line-height: 1.5;
	margin: 0 0 8px;
}

.nm-news-item__title a {
	color: var(--nm-text);
}

.nm-news-item__title a:hover {
	color: var(--nm-cyan);
}

.nm-news-item__excerpt {
	color: var(--nm-muted);
	display: -webkit-box;
	font-size: 13px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.7;
	margin: 0 0 10px;
	overflow: hidden;
}

.nm-news-item__meta {
	align-items: center;
	color: var(--nm-tx-7f8ea6);
	display: flex;
	flex-wrap: wrap;
	font-size: 11px;
	gap: 12px;
	margin-top: auto;
}

@media (max-width: 640px) {
	.nm-news-item {
		grid-template-columns: 120px minmax(0, 1fr);
	}

	.nm-news-item__body {
		padding: 12px 14px;
	}

	.nm-news-item__title {
		font-size: 14px;
	}

	.nm-news-item__excerpt {
		display: none;
	}
}

/* ---------- 订阅框 ---------- */
.nm-subscribe-form {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.nm-subscribe-form input[type="email"] {
	font-size: 13px;
	padding: 9px 12px;
}

.nm-subscribe-form button {
	width: 100%;
}

/* ---------- AI 文章摘要卡 ---------- */
.nm-ai-summary {
	background: linear-gradient(135deg, rgba(168, 85, 247, 0.12), rgba(255, 60, 172, 0.08));
	border: 1px solid rgba(168, 85, 247, 0.3);
	border-radius: var(--nm-radius);
	box-shadow: var(--nm-glow-purple);
	margin: 18px 0 24px;
	padding: 18px 20px;
}

.nm-ai-summary__head {
	align-items: center;
	display: flex;
	gap: 8px;
	margin-bottom: 10px;
}

.nm-ai-summary__icon {
	align-items: center;
	background: linear-gradient(135deg, var(--nm-purple), var(--nm-magenta));
	border-radius: 50%;
	color: #fff;
	display: inline-flex;
	height: 28px;
	justify-content: center;
	width: 28px;
}

.nm-ai-summary__icon svg {
	height: 15px;
	width: 15px;
}

.nm-ai-summary__label {
	color: #c9b8ff;
	font-size: 13px;
	font-weight: 600;
}

.nm-ai-summary__text {
	color: var(--nm-tx-d8deee);
	font-size: 14px;
	line-height: 1.8;
	margin: 0;
}

/* ---------- 首页 ---------- */
.nm-front-section {
	margin-bottom: clamp(34px, 4.2vw, 62px);
}

.nm-split {
	display: grid;
	gap: clamp(20px, 2.4vw, 34px);
	grid-template-columns: minmax(0, 1fr) 320px;
}

.nm-split--reverse {
	grid-template-columns: 300px minmax(0, 1fr);
}

.nm-split__aside {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

@media (max-width: 1024px) {
	.nm-split,
	.nm-split--reverse {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* 首页侧栏内的小卡片 */
.nm-mini-panel {
	background: linear-gradient(165deg, var(--nm-bg-111b32-90), var(--nm-bg-0a1020-94));
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius);
	padding: 18px;
}

.nm-mini-panel__title {
	color: var(--nm-text);
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 12px;
}

.nm-mini-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nm-mini-list li {
	border-bottom: 1px dashed var(--nm-border-soft);
	margin: 0;
	padding: 9px 0;
}

.nm-mini-list li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.nm-mini-list a {
	color: var(--nm-muted-strong);
	font-size: 13px;
	line-height: 1.55;
}

.nm-mini-list a:hover {
	color: var(--nm-cyan);
}

.nm-mini-list .nm-muted {
	display: block;
	font-size: 11px;
	margin-top: 2px;
}

/* 新手入门 */
.nm-guide-list {
	display: grid;
	gap: 10px;
	counter-reset: guide;
}

.nm-guide-item {
	align-items: center;
	background: var(--nm-bg-0d1428-60);
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius-sm);
	counter-increment: guide;
	display: flex;
	gap: 14px;
	padding: 14px 16px;
	transition: border-color var(--nm-dur) var(--nm-ease), background-color var(--nm-dur) var(--nm-ease);
}

.nm-guide-item:hover {
	background: rgba(0, 229, 255, 0.05);
	border-color: var(--nm-border-strong);
}

.nm-guide-item::before {
	color: rgba(0, 229, 255, 0.45);
	content: counter(guide, decimal-leading-zero);
	font-family: var(--nm-font-mono);
	font-size: 15px;
}

.nm-guide-item__title {
	color: var(--nm-text);
	flex: 1;
	font-size: 14px;
	line-height: 1.55;
}

.nm-guide-item__meta {
	color: var(--nm-muted);
	font-size: 11px;
	white-space: nowrap;
}

/* 内链索引 */
.nm-index-grid {
	display: grid;
	gap: 22px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nm-index-col h3 {
	color: var(--nm-cyan);
	font-size: 13px;
	letter-spacing: 0.08em;
	margin-bottom: 10px;
}

.nm-index-col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nm-index-col li {
	margin-bottom: 7px;
}

.nm-index-col a {
	color: var(--nm-muted);
	font-size: 12px;
}

.nm-index-col a:hover {
	color: var(--nm-cyan);
}

@media (max-width: 900px) {
	.nm-index-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.nm-index-grid {
		grid-template-columns: 1fr;
	}
}

/* ---------- 文章详情 ---------- */
.nm-article {
	min-width: 0;
}

.nm-article__head {
	margin-bottom: 24px;
}

.nm-article__cats {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}

.nm-article__title {
	font-size: clamp(26px, 3vw, 42px);
	line-height: 1.3;
	margin-bottom: 16px;
}

.nm-article__meta {
	align-items: center;
	color: var(--nm-muted);
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	gap: 16px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--nm-border-soft);
}

.nm-article__meta span {
	align-items: center;
	display: inline-flex;
	gap: 5px;
}

.nm-article__meta svg {
	height: 13px;
	width: 13px;
}

.nm-article__cover {
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius);
	margin-bottom: 24px;
	overflow: hidden;
}

.nm-article__cover img {
	display: block;
	width: 100%;
}

.nm-article__actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 20px 0 0;
}

.nm-article__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 26px;
}

.nm-article__foot {
	border-top: 1px solid var(--nm-border);
	margin-top: 30px;
	padding-top: 22px;
}

.nm-authorbox {
	align-items: flex-start;
	background: var(--nm-bg-0d1428-70);
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius);
	display: flex;
	gap: 14px;
	margin-top: 30px;
	padding: 18px;
}

.nm-authorbox img {
	border-radius: 50%;
	flex-shrink: 0;
	height: 52px;
	width: 52px;
}

.nm-authorbox__name {
	color: var(--nm-text);
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 4px;
}

.nm-authorbox__bio {
	color: var(--nm-muted);
	font-size: 12px;
	line-height: 1.7;
	margin: 0;
}

.nm-article__sidebar {
	position: sticky;
	top: calc(var(--nm-header-h) + 20px);
}

@media (max-width: 1080px) {
	.nm-article__sidebar {
		position: static;
	}
}

/* ---------- 项目详情 ---------- */
.nm-detail-hero {
	background: radial-gradient(700px 320px at 12% 0%, rgba(0, 229, 255, 0.12), transparent 65%),
		linear-gradient(160deg, var(--nm-bg-111b32-94), var(--nm-bg-090f1e-96));
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius-lg);
	margin-bottom: 26px;
	overflow: hidden;
	padding: clamp(22px, 3vw, 38px);
	position: relative;
}

.nm-detail-hero::after {
	border: 1px solid rgba(0, 229, 255, 0.12);
	border-radius: 50%;
	content: "";
	height: 260px;
	position: absolute;
	right: -80px;
	top: -110px;
	width: 260px;
}

.nm-detail-hero__eyebrow {
	color: var(--nm-cyan);
	font-family: var(--nm-font-mono);
	font-size: 11px;
	letter-spacing: 0.22em;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.nm-detail-hero h1 {
	font-size: clamp(25px, 2.7vw, 38px);
	margin-bottom: 12px;
	max-width: 900px;
}

.nm-detail-hero__summary {
	color: var(--nm-muted-strong);
	font-size: var(--nm-fs-base);
	max-width: 820px;
}

.nm-detail-hero__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 16px;
}

.nm-detail-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-top: 20px;
}

.nm-detail-body {
	min-width: 0;
}

.nm-detail-block {
	background: var(--nm-bg-0d1428-58);
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius);
	margin-bottom: 22px;
	padding: clamp(18px, 2.2vw, 26px);
}

.nm-detail-block__title {
	align-items: center;
	display: flex;
	font-size: 18px;
	gap: 10px;
	margin-bottom: 14px;
}

.nm-detail-block__title::before {
	background: linear-gradient(180deg, var(--nm-cyan), var(--nm-purple));
	border-radius: 2px;
	content: "";
	height: 18px;
	width: 3px;
}

.nm-detail-block__title small {
	color: var(--nm-muted);
	font-family: var(--nm-font-mono);
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0.16em;
	margin-left: auto;
}

.nm-checklist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nm-checklist li {
	color: var(--nm-muted-strong);
	font-size: 14px;
	margin: 0;
	padding: 7px 0 7px 24px;
	position: relative;
}

.nm-checklist li::before {
	color: var(--nm-cyan);
	content: "▹";
	left: 4px;
	position: absolute;
}

.nm-risk-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nm-risk-list li {
	align-items: flex-start;
	border-bottom: 1px dashed rgba(255, 180, 84, 0.18);
	color: var(--nm-muted-strong);
	display: flex;
	font-size: 13px;
	gap: 10px;
	line-height: 1.7;
	margin: 0;
	padding: 9px 0;
}

.nm-risk-list li::before {
	color: var(--nm-warning);
	content: "!";
	font-family: var(--nm-font-mono);
	font-weight: 700;
}

.nm-source-note {
	color: var(--nm-muted);
	font-size: 11px;
	margin-top: 14px;
}

/* 项目详情侧栏 */
.nm-detail-aside {
	display: flex;
	flex-direction: column;
	gap: 16px;
	position: sticky;
	top: calc(var(--nm-header-h) + 20px);
}

.nm-detail-aside .nm-widget {
	padding: 18px;
}

.nm-detail-aside__price {
	color: var(--nm-text);
	font-size: 22px;
	font-weight: 700;
	margin: 4px 0 10px;
}

@media (max-width: 1080px) {
	.nm-detail-aside {
		position: static;
	}
}

/* 项目更新时间 */
.nm-updated {
	align-items: center;
	color: var(--nm-muted);
	display: flex;
	font-size: 11px;
	gap: 6px;
}

.nm-updated::before {
	background: var(--nm-success);
	border-radius: 50%;
	content: "";
	height: 5px;
	width: 5px;
}

/* ---------- 工具详情 ---------- */
.nm-tool-hero {
	align-items: flex-start;
	display: flex;
	gap: 18px;
	justify-content: space-between;
}

.nm-tool-hero__logo {
	align-items: center;
	background: linear-gradient(145deg, rgba(0, 229, 255, 0.14), rgba(168, 85, 247, 0.18));
	border: 1px solid rgba(0, 229, 255, 0.3);
	border-radius: 16px;
	color: var(--nm-cyan);
	display: flex;
	flex-shrink: 0;
	font-size: 30px;
	font-weight: 800;
	height: 72px;
	justify-content: center;
	width: 72px;
}

/* ---------- 专题详情 ---------- */
.nm-topic-hero {
	background: radial-gradient(600px 300px at 90% 0%, rgba(255, 60, 172, 0.14), transparent 60%),
		linear-gradient(150deg, var(--nm-bg-141030-94), var(--nm-bg-080e1e-96));
	border: 1px solid rgba(168, 85, 247, 0.28);
	border-radius: var(--nm-radius-lg);
	margin-bottom: 26px;
	padding: clamp(24px, 3vw, 42px);
}

.nm-topic-hero h1 {
	font-size: clamp(27px, 3vw, 42px);
	max-width: 900px;
}

.nm-topic-nav {
	display: grid;
	gap: 8px;
}

.nm-topic-nav a {
	background: var(--nm-bg-ffffff-03);
	border: 1px solid var(--nm-border);
	border-radius: 8px;
	color: var(--nm-muted-strong);
	font-size: 13px;
	padding: 9px 13px;
}

.nm-topic-nav a:hover {
	border-color: var(--nm-border-strong);
	color: var(--nm-cyan);
}

/* ---------- 归档 / 搜索 ---------- */
.nm-archive-head {
	background: linear-gradient(140deg, rgba(0, 229, 255, 0.06), rgba(168, 85, 247, 0.07)),
		var(--nm-bg-0d1428-70);
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius-lg);
	margin-bottom: 26px;
	padding: clamp(22px, 2.8vw, 34px);
}

.nm-archive-head h1 {
	font-size: clamp(24px, 2.6vw, 36px);
	margin-bottom: 8px;
}

.nm-archive-head__meta {
	color: var(--nm-muted);
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	gap: 14px;
	margin-top: 12px;
}

.nm-search-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 20px;
}

.nm-search-form {
	display: flex;
	gap: 8px;
	margin-bottom: 24px;
	max-width: 640px;
}

.nm-search-form input[type="search"] {
	flex: 1;
}

.nm-search-result {
	display: grid;
	gap: 14px;
}

.nm-search-item {
	background: var(--nm-bg-0d1428-62);
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius);
	display: grid;
	gap: 16px;
	grid-template-columns: 150px minmax(0, 1fr);
	padding: 14px;
}

.nm-search-item__media {
	background: var(--nm-bg-0b1224);
	border-radius: 8px;
	display: block;
	overflow: hidden;
	position: relative;
}

.nm-search-item__media img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.nm-search-item__type {
	color: var(--nm-cyan);
	font-size: 10px;
	letter-spacing: 0.12em;
	margin-bottom: 5px;
}

.nm-search-item__title {
	font-size: 17px;
	margin-bottom: 6px;
}

.nm-search-item__title a {
	color: var(--nm-text);
}

.nm-search-item__title a:hover {
	color: var(--nm-cyan);
}

.nm-search-item__excerpt {
	color: var(--nm-muted);
	font-size: 13px;
	line-height: 1.7;
	margin: 0;
}

.nm-search-item mark {
	background: rgba(0, 229, 255, 0.2);
	border-radius: 2px;
	color: #b9f8ff;
	padding: 0 2px;
}

@media (max-width: 640px) {
	.nm-search-item {
		grid-template-columns: 96px minmax(0, 1fr);
	}

	.nm-search-item__media {
		max-height: 86px;
	}
}

/* ---------- 作者页 ---------- */
.nm-author-head {
	align-items: center;
	display: flex;
	gap: 18px;
	margin-bottom: 26px;
}

.nm-author-head img {
	border: 2px solid rgba(0, 229, 255, 0.3);
	border-radius: 50%;
	height: 80px;
	width: 80px;
}

/* ---------- 账户中心 ---------- */
.nm-account {
	display: grid;
	gap: 22px;
	grid-template-columns: 250px minmax(0, 1fr);
}

.nm-account__nav {
	background: var(--nm-bg-0d1428-72);
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius);
	height: fit-content;
	overflow: hidden;
	padding: 8px;
	position: sticky;
	top: calc(var(--nm-header-h) + 20px);
}

.nm-account__nav a {
	border-radius: 8px;
	color: var(--nm-muted-strong);
	display: flex;
	font-size: 13px;
	gap: 8px;
	padding: 10px 12px;
}

.nm-account__nav a:hover,
.nm-account__nav a.is-active {
	background: rgba(0, 229, 255, 0.08);
	color: var(--nm-cyan);
}

.nm-account__body {
	min-width: 0;
}

.nm-account__panel {
	background: var(--nm-bg-0d1428-62);
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius);
	padding: clamp(18px, 2.4vw, 26px);
}

.nm-account__panel + .nm-account__panel {
	margin-top: 18px;
}

.nm-account__hello {
	color: var(--nm-muted);
	font-size: 13px;
	margin-bottom: 4px;
}

.nm-account__name {
	font-size: 24px;
	margin-bottom: 18px;
}

.nm-account__stats {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: 20px;
}

.nm-account__stat {
	background: var(--nm-bg-111b32-80);
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius-sm);
	padding: 14px;
}

.nm-account__stat strong {
	color: var(--nm-cyan);
	display: block;
	font-size: 22px;
	line-height: 1.3;
}

.nm-account__stat span {
	color: var(--nm-muted);
	font-size: 11px;
}

.nm-notice-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nm-notice-item {
	background: var(--nm-bg-111b32-55);
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius-sm);
	margin-bottom: 10px;
	padding: 14px 16px;
}

.nm-notice-item.is-unread {
	border-left: 3px solid var(--nm-cyan);
}

.nm-notice-item__title {
	color: var(--nm-text);
	font-size: 14px;
	font-weight: 600;
}

.nm-notice-item__time {
	color: var(--nm-muted);
	font-size: 11px;
}

.nm-notice-item__content {
	color: var(--nm-muted);
	font-size: 13px;
	margin-top: 4px;
}

@media (max-width: 900px) {
	.nm-account {
		grid-template-columns: 1fr;
	}

	.nm-account__nav {
		display: flex;
		gap: 4px;
		overflow-x: auto;
		position: static;
	}

	.nm-account__nav a {
		white-space: nowrap;
	}
}

/* ---------- 404 ---------- */
.nm-404 {
	padding: clamp(40px, 7vw, 90px) 0;
	text-align: center;
}

.nm-404__code {
	background: linear-gradient(100deg, var(--nm-cyan), var(--nm-purple), var(--nm-magenta));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-family: var(--nm-font-mono);
	font-size: clamp(80px, 16vw, 170px);
	font-weight: 800;
	letter-spacing: 0.06em;
	line-height: 1;
}

.nm-404 h1 {
	font-size: clamp(22px, 2.4vw, 32px);
	margin-top: 10px;
}

.nm-404 p {
	color: var(--nm-muted);
	margin-inline: auto;
	max-width: 520px;
}

/* ---------- 合规长文页 ---------- */
.nm-legal h2 {
	margin-top: 1.9em;
}

.nm-legal__updated {
	color: var(--nm-muted);
	font-size: 12px;
	margin-bottom: 24px;
}

/* ---------- 联系 / 关于 ---------- */
.nm-contact {
	display: grid;
	gap: 26px;
	grid-template-columns: minmax(0, 1fr) 320px;
}

.nm-contact__card {
	background: var(--nm-bg-0d1428-62);
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius);
	padding: 24px;
}

.nm-contact__info {
	display: grid;
	gap: 12px;
}

.nm-contact__info div {
	background: var(--nm-bg-111b32-70);
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius-sm);
	padding: 13px 15px;
}

.nm-contact__info strong {
	color: var(--nm-text);
	display: block;
	font-size: 12px;
	margin-bottom: 2px;
}

.nm-contact__info span {
	color: var(--nm-muted);
	font-size: 12px;
}

@media (max-width: 900px) {
	.nm-contact {
		grid-template-columns: 1fr;
	}
}

/* ---------- 对比页占位 ---------- */
.nm-compare-lock {
	background: radial-gradient(600px 300px at 50% 0%, rgba(168, 85, 247, 0.16), transparent 60%),
		var(--nm-bg-0d1428-70);
	border: 1px solid rgba(168, 85, 247, 0.3);
	border-radius: var(--nm-radius-lg);
	padding: clamp(30px, 5vw, 60px);
	text-align: center;
}

.nm-compare-lock h1 {
	font-size: clamp(24px, 2.8vw, 36px);
}

.nm-compare-lock p {
	color: var(--nm-muted);
	margin-inline: auto;
	max-width: 620px;
}

/* ==========================================================================
   03 游戏搬砖项目中心
   ========================================================================== */
.nm-game-archive {
	padding-bottom: 34px;
}

.nm-game-breadcrumb {
	align-items: center;
	color: var(--nm-muted);
	display: flex;
	font-size: 12px;
	gap: 9px;
	margin: 18px 0 12px;
}

.nm-game-breadcrumb a {
	color: var(--nm-muted-strong);
}

.nm-game-breadcrumb a:hover {
	color: var(--nm-cyan);
}

.nm-game-hero {
	background: var(--nm-bg-0b1025);
	border: 1px solid rgba(168, 85, 247, 0.46);
	border-radius: 14px;
	box-shadow: inset 0 0 35px var(--nm-sh-00e5ff-08), 0 0 24px var(--nm-sh-a855f7-16);
	height: 260px;
	overflow: hidden;
	position: relative;
}

.nm-game-hero::before {
	background: linear-gradient(90deg, var(--nm-bg-090e22) 0%, var(--nm-bg-090e22-96) 29%, var(--nm-bg-090e22-60) 48%, transparent 72%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.nm-game-hero::after {
	background: linear-gradient(180deg, transparent 65%, var(--nm-bg-070b18-75));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.nm-game-hero__art {
	height: 100%;
	object-fit: cover;
	object-position: right center;
	position: absolute;
	right: 0;
	top: 0;
	width: 76%;
}

.nm-game-hero__content {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	padding: 25px 32px;
	position: relative;
	width: min(620px, 62%);
	z-index: 2;
}

.nm-game-hero__title {
	align-items: center;
	display: flex;
	font-size: clamp(28px, 2.8vw, 40px);
	gap: 13px;
	letter-spacing: 0.02em;
	line-height: 1.2;
	margin: 0 0 12px;
	text-shadow: 0 0 22px var(--nm-sh-ff3cac-32);
	white-space: nowrap;
}

.nm-game-hero__title-icon {
	align-items: center;
	background: linear-gradient(145deg, rgba(255, 60, 172, 0.2), rgba(168, 85, 247, 0.16));
	border: 1px solid rgba(255, 60, 172, 0.55);
	border-radius: 12px;
	color: var(--nm-tx-ff71c5);
	display: inline-flex;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.nm-game-hero__title-icon svg {
	height: 29px;
	width: 29px;
}

.nm-game-hero__subtitle {
	color: var(--nm-tx-d5ddf0);
	font-size: 14px;
	margin: 0 0 12px;
}

.nm-game-hero__features {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 15px;
	list-style: none;
	margin: 0 0 19px;
	padding: 0;
}

.nm-game-hero__features li {
	align-items: center;
	color: var(--nm-muted-strong);
	display: flex;
	font-size: 11px;
	gap: 4px;
	margin: 0;
}

.nm-game-hero__features svg {
	color: var(--nm-cyan);
	height: 12px;
	width: 12px;
}

.nm-game-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.nm-game-btn {
	align-items: center;
	border: 1px solid;
	border-radius: 8px;
	display: inline-flex;
	font-size: 13px;
	font-weight: 700;
	gap: 7px;
	justify-content: center;
	min-height: 38px;
	padding: 8px 17px;
}

.nm-game-btn svg {
	height: 16px;
	width: 16px;
}

.nm-game-btn--pink {
	background: linear-gradient(110deg, rgba(255, 60, 172, 0.3), rgba(168, 85, 247, 0.22));
	border-color: #ff3cac;
	box-shadow: inset 0 0 12px var(--nm-sh-ff3cac-18), 0 0 14px var(--nm-sh-ff3cac-22);
	color: var(--nm-tx-ffd4ed);
}

.nm-game-btn--cyan {
	background: rgba(0, 229, 255, 0.08);
	border-color: rgba(0, 229, 255, 0.55);
	color: #aef7ff;
}

.nm-game-btn:hover {
	filter: brightness(1.18);
	transform: translateY(-1px);
}

.nm-game-quickcats {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	margin: 14px 0;
}

.nm-game-quickcat {
	align-items: center;
	background: linear-gradient(140deg, color-mix(in srgb, var(--nm-game-accent) 9%, var(--nm-bg-0d1428)), var(--nm-bg-0d1428-92));
	border: 1px solid color-mix(in srgb, var(--nm-game-accent) 60%, transparent);
	border-radius: 11px;
	box-shadow: inset 0 0 18px color-mix(in srgb, var(--nm-game-accent) 7%, transparent);
	display: flex;
	gap: 11px;
	min-height: 72px;
	padding: 12px 14px;
}

.nm-game-quickcat:hover {
	border-color: var(--nm-game-accent);
	box-shadow: 0 0 18px color-mix(in srgb, var(--nm-game-accent) 22%, transparent);
	transform: translateY(-2px);
}

.nm-game-quickcat__icon {
	align-items: center;
	border: 1px solid color-mix(in srgb, var(--nm-game-accent) 52%, transparent);
	border-radius: 8px;
	color: var(--nm-game-accent);
	display: flex;
	flex: 0 0 38px;
	height: 38px;
	justify-content: center;
}

.nm-game-quickcat__icon svg {
	height: 25px;
	width: 25px;
}

.nm-game-quickcat__text {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.nm-game-quickcat__text strong {
	color: var(--nm-text);
	font-size: 15px;
	line-height: 1.4;
}

.nm-game-quickcat__text small {
	color: var(--nm-muted);
	font-size: 10px;
	margin-top: 3px;
	white-space: nowrap;
}

.nm-game-sectionnav {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 12px 0 14px;
}

.nm-game-sectionnav > a,
.nm-game-listbar__views a {
	align-items: center;
	background: var(--nm-bg-0d1428-76);
	border: 1px solid var(--nm-border);
	border-radius: 7px;
	color: var(--nm-muted-strong);
	display: inline-flex;
	font-size: 12px;
	gap: 6px;
	min-height: 34px;
	padding: 6px 12px;
}

.nm-game-sectionnav > a svg,
.nm-game-listbar__views a svg {
	height: 15px;
	width: 15px;
}

.nm-game-sectionnav > a:hover,
.nm-game-sectionnav > a.is-active,
.nm-game-listbar__views a:hover,
.nm-game-listbar__views a.is-active {
	background: linear-gradient(110deg, rgba(255, 60, 172, 0.28), rgba(168, 85, 247, 0.18));
	border-color: var(--nm-magenta);
	color: var(--nm-tx-ffd8ef);
	box-shadow: 0 0 12px var(--nm-sh-ff3cac-16);
}

.nm-game-sectionnav__count {
	color: var(--nm-muted);
	font-size: 11px;
	margin-left: auto;
}

.nm-game-layout {
	align-items: start;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) 300px;
}

.nm-game-main,
.nm-game-aside {
	min-width: 0;
}

.nm-game-filters {
	background: linear-gradient(145deg, var(--nm-bg-0e162e-97), var(--nm-bg-0a1023-97));
	border: 1px solid rgba(0, 229, 255, 0.34);
	border-radius: 12px;
	box-shadow: inset 0 0 24px var(--nm-sh-00e5ff-04);
	padding: 8px 13px 10px;
}

.nm-game-filterrow {
	align-items: start;
	border-bottom: 1px dashed rgba(133, 160, 255, 0.12);
	display: grid;
	gap: 10px;
	grid-template-columns: 70px minmax(0, 1fr);
	padding: 7px 0;
}

.nm-game-filterrow--last {
	grid-template-columns: 70px minmax(0, 1fr) 165px;
}

.nm-game-filterrow__label {
	color: var(--nm-tx-d5def2);
	font-size: 12px;
	font-weight: 600;
	line-height: 28px;
}

.nm-game-filterrow__pills {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	min-width: 0;
}

.nm-game-pill {
	border: 1px solid transparent;
	border-radius: 5px;
	color: var(--nm-muted-strong);
	font-size: 11px;
	line-height: 1.2;
	padding: 6px 9px;
	white-space: nowrap;
}

.nm-game-pill:hover {
	background: rgba(0, 229, 255, 0.08);
	color: var(--nm-cyan);
}

.nm-game-pill.is-active {
	background: linear-gradient(105deg, #d82b9b, #873bd0);
	border-color: rgba(255, 132, 211, 0.52);
	box-shadow: 0 0 9px var(--nm-sh-ff3cac-25);
	color: #fff;
}

.nm-game-filtersearch {
	align-items: center;
	background: var(--nm-bg-050a18-75);
	border: 1px solid rgba(168, 85, 247, 0.3);
	border-radius: 6px;
	display: flex;
	height: 29px;
	overflow: hidden;
}

.nm-game-filtersearch input {
	background: transparent;
	border: 0;
	box-shadow: none;
	color: var(--nm-text);
	font-size: 10px;
	height: 27px;
	min-width: 0;
	padding: 4px 7px;
	width: 100%;
}

.nm-game-filtersearch button {
	background: linear-gradient(135deg, #8e35cb, #d52a9a);
	border: 0;
	color: #fff;
	display: grid;
	height: 27px;
	padding: 0;
	place-items: center;
	width: 30px;
}

.nm-game-filtersearch svg {
	height: 14px;
	width: 14px;
}

.nm-game-filterchecks {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 19px;
	justify-content: flex-end;
	padding-top: 8px;
}

.nm-game-filterchecks a {
	align-items: center;
	color: var(--nm-muted);
	display: inline-flex;
	font-size: 10px;
	gap: 4px;
}

.nm-game-filterchecks a svg {
	border: 1px solid rgba(133, 160, 255, 0.3);
	border-radius: 2px;
	height: 12px;
	padding: 1px;
	width: 12px;
}

.nm-game-filterchecks a.is-active,
.nm-game-filterchecks a:hover {
	color: var(--nm-cyan);
}

.nm-game-filterchecks__clear {
	margin-left: 4px;
}

.nm-game-listbar {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	justify-content: space-between;
	margin: 12px 0;
}

.nm-game-listbar__views,
.nm-game-listbar__sorts {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.nm-game-listbar__views a {
	font-size: 11px;
	min-height: 31px;
	padding: 5px 9px;
}

.nm-game-listbar__sorts {
	color: var(--nm-muted);
	font-size: 10px;
	justify-content: flex-end;
}

.nm-game-listbar__sorts a {
	border: 1px solid transparent;
	border-radius: 4px;
	color: var(--nm-muted);
	padding: 5px 7px;
}

.nm-game-listbar__sorts a:hover,
.nm-game-listbar__sorts a.is-active {
	background: rgba(168, 85, 247, 0.14);
	border-color: rgba(168, 85, 247, 0.4);
	color: var(--nm-tx-e5c8ff);
}

.nm-game-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nm-game-card {
	background: linear-gradient(160deg, var(--nm-bg-121b36-98), var(--nm-bg-0a1022-98));
	border: 1px solid rgba(118, 145, 224, 0.28);
	border-radius: 11px;
	box-shadow: 0 8px 24px var(--nm-sh-000000-20);
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
}

.nm-game-card:hover {
	border-color: rgba(255, 60, 172, 0.55);
	box-shadow: 0 0 20px var(--nm-sh-a855f7-16);
	transform: translateY(-2px);
}

.nm-game-card__media {
	aspect-ratio: 16 / 8.6;
	background: var(--nm-bg-0b1224);
	display: block;
	overflow: hidden;
	position: relative;
}

.nm-game-card__media::after {
	background: linear-gradient(180deg, var(--nm-bg-040814-05) 20%, var(--nm-bg-050916-90) 100%);
	content: "";
	inset: 0;
	position: absolute;
}

.nm-game-card__media img {
	height: 100%;
	object-fit: cover;
	transition: transform var(--nm-dur) var(--nm-ease);
	width: 100%;
}

.nm-game-card:hover .nm-game-card__media img {
	transform: scale(1.035);
}

.nm-game-card__flag {
	background: linear-gradient(100deg, #b32691, #7e36ba);
	border: 1px solid rgba(255, 137, 215, 0.45);
	border-radius: 4px;
	color: #fff;
	font-size: 10px;
	left: 9px;
	padding: 3px 8px;
	position: absolute;
	top: 9px;
	z-index: 2;
}

.nm-game-card__game {
	bottom: 29px;
	color: #fff;
	font-size: 19px;
	font-weight: 800;
	left: 11px;
	letter-spacing: 0.03em;
	line-height: 1.2;
	max-width: calc(100% - 22px);
	overflow: hidden;
	position: absolute;
	text-overflow: ellipsis;
	text-shadow: 0 2px 10px #000, 0 0 16px var(--nm-sh-00e5ff-45);
	white-space: nowrap;
	z-index: 2;
}

.nm-game-card__media-tags {
	bottom: 8px;
	display: flex;
	gap: 5px;
	left: 10px;
	position: absolute;
	z-index: 2;
}

.nm-game-card__media-tags i {
	background: var(--nm-bg-070c1c-75);
	border: 1px solid rgba(0, 229, 255, 0.35);
	border-radius: 3px;
	color: #b9f7ff;
	font-size: 9px;
	font-style: normal;
	padding: 2px 5px;
}

.nm-game-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 11px;
}

.nm-game-card__title {
	font-size: 15px;
	line-height: 1.45;
	margin: 0 0 7px;
}

.nm-game-card__title a {
	color: var(--nm-text);
}

.nm-game-card__title a:hover {
	color: var(--nm-tx-ff94d5);
}

.nm-game-card__summary {
	color: var(--nm-muted);
	display: -webkit-box;
	font-size: 11px;
	height: 53px;
	line-height: 1.6;
	margin: 0 0 8px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.nm-game-card__stats {
	border-bottom: 1px solid rgba(133, 160, 255, 0.1);
	border-top: 1px solid rgba(133, 160, 255, 0.1);
	list-style: none;
	margin: 0 0 8px;
	padding: 5px 0;
}

.nm-game-card__stats li {
	align-items: center;
	display: flex;
	font-size: 11px;
	justify-content: space-between;
	line-height: 1.8;
	margin: 0;
}

.nm-game-card__stats li > span {
	align-items: center;
	color: var(--nm-muted-strong);
	display: flex;
	gap: 4px;
}

.nm-game-card__stats svg {
	color: var(--nm-purple);
	height: 12px;
	width: 12px;
}

.nm-game-card__stats b {
	color: #ffb7df;
	font-weight: 600;
}

.nm-game-card__stats b.is-safe {
	color: var(--nm-success);
	font-size: 10px;
}

.nm-game-card__stats .nm-game-card__stars {
	color: var(--nm-tx-ffd166);
	font-size: 10px;
	letter-spacing: 1px;
}

.nm-game-card__stars i {
	color: var(--nm-muted);
	font-style: normal;
	letter-spacing: 0;
	margin-left: 4px;
}

.nm-game-card__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 9px;
}

.nm-game-card__tags span {
	background: rgba(0, 229, 255, 0.06);
	border: 1px solid rgba(0, 229, 255, 0.2);
	border-radius: 3px;
	color: #9cdde8;
	font-size: 9px;
	max-width: 48%;
	overflow: hidden;
	padding: 2px 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nm-game-card__button,
.nm-game-widget__button {
	align-items: center;
	background: linear-gradient(100deg, rgba(198, 39, 150, 0.32), rgba(111, 51, 184, 0.32));
	border: 1px solid rgba(255, 60, 172, 0.65);
	border-radius: 6px;
	color: var(--nm-tx-ffd4ed);
	display: flex;
	font-size: 11px;
	font-weight: 600;
	gap: 7px;
	justify-content: center;
	margin-top: auto;
	min-height: 31px;
	padding: 5px 10px;
}

.nm-game-card__button svg,
.nm-game-widget__button svg {
	height: 13px;
	width: 13px;
}

.nm-game-card__button:hover,
.nm-game-widget__button:hover {
	background: linear-gradient(100deg, rgba(255, 60, 172, 0.45), rgba(168, 85, 247, 0.4));
	box-shadow: 0 0 13px var(--nm-sh-ff3cac-20);
}

.nm-game-main .nm-pagination {
	margin: 20px 0 0;
}

.nm-game-empty {
	background: var(--nm-bg-0d1428-75);
	border: 1px solid var(--nm-border);
	border-radius: 12px;
	padding: 45px 25px;
	text-align: center;
}

.nm-game-empty > svg {
	color: var(--nm-purple);
	height: 38px;
	width: 38px;
}

.nm-game-empty h2 {
	font-size: 20px;
	margin: 12px 0 8px;
}

.nm-game-empty p {
	color: var(--nm-muted);
	font-size: 13px;
	margin: 0 auto 20px;
	max-width: 520px;
}

.nm-game-aside {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.nm-game-widget {
	background: linear-gradient(155deg, var(--nm-bg-111731-98), var(--nm-bg-0a0f21-98));
	border: 1px solid rgba(168, 85, 247, 0.38);
	border-radius: 11px;
	box-shadow: inset 0 0 20px var(--nm-sh-a855f7-04);
	overflow: hidden;
	padding: 13px;
}

.nm-game-widget__title {
	align-items: center;
	display: flex;
	font-size: 14px;
	gap: 7px;
	line-height: 1.35;
	margin: 0 0 12px;
}

.nm-game-widget__title > span {
	color: var(--nm-tx-ff71c5);
	display: inline-flex;
}

.nm-game-widget__title svg {
	height: 18px;
	width: 18px;
}

.nm-game-widget__title em {
	color: var(--nm-tx-ff89cf);
	font-family: var(--nm-font-mono);
	font-size: 12px;
	font-style: normal;
	margin-left: auto;
}

.nm-game-ranking__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nm-game-ranking__list li {
	align-items: center;
	border-bottom: 1px solid rgba(133, 160, 255, 0.08);
	display: flex;
	gap: 7px;
	min-height: 31px;
}

.nm-game-ranking__list li:last-child {
	border-bottom: 0;
}

.nm-game-ranking__rank {
	align-items: center;
	background: rgba(133, 160, 255, 0.12);
	border-radius: 4px;
	color: var(--nm-muted);
	display: flex;
	flex: 0 0 20px;
	font-family: var(--nm-font-mono);
	font-size: 10px;
	height: 20px;
	justify-content: center;
}

.nm-game-ranking__rank.is-top {
	background: linear-gradient(145deg, #ff3cac, #a855f7);
	color: #fff;
}

.nm-game-ranking__list a {
	color: var(--nm-muted-strong);
	flex: 1;
	font-size: 11px;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nm-game-ranking__list a:hover {
	color: var(--nm-cyan);
}

.nm-game-ranking__heat {
	align-items: center;
	color: var(--nm-tx-ffb454);
	display: flex;
	font-family: var(--nm-font-mono);
	font-size: 9px;
	gap: 2px;
}

.nm-game-ranking__heat svg {
	height: 11px;
	width: 11px;
}

.nm-game-weekly__chart {
	background: linear-gradient(180deg, rgba(0, 229, 255, 0.035), rgba(168, 85, 247, 0.06));
	border: 1px solid rgba(0, 229, 255, 0.13);
	border-radius: 7px;
	height: 86px;
	margin-bottom: 10px;
	overflow: hidden;
}

.nm-game-weekly__chart svg {
	height: 100%;
	width: 100%;
}

.nm-game-weekly__lead {
	color: var(--nm-muted-strong);
	font-size: 11px;
	line-height: 1.65;
	margin: 0 0 8px;
}

.nm-game-weekly__stats {
	list-style: none;
	margin: 0 0 11px;
	padding: 0;
}

.nm-game-weekly__stats li {
	align-items: center;
	color: var(--nm-muted);
	display: flex;
	font-size: 10px;
	gap: 5px;
	line-height: 1.8;
	margin: 0;
}

.nm-game-weekly__stats svg {
	color: var(--nm-cyan);
	height: 11px;
	width: 11px;
}

.nm-game-widget__more {
	align-items: center;
	color: var(--nm-cyan);
	display: flex;
	font-size: 10px;
	gap: 4px;
	justify-content: flex-end;
	margin-top: 9px;
}

.nm-game-widget__more svg {
	height: 12px;
	width: 12px;
}

.nm-game-guide-list {
	display: grid;
	gap: 9px;
}

.nm-game-guide {
	align-items: center;
	display: flex;
	gap: 9px;
}

.nm-game-guide__media {
	border: 1px solid rgba(0, 229, 255, 0.22);
	border-radius: 6px;
	flex: 0 0 72px;
	height: 52px;
	overflow: hidden;
}

.nm-game-guide__media img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.nm-game-guide__body {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.nm-game-guide__body strong {
	color: var(--nm-muted-strong);
	display: -webkit-box;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.45;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.nm-game-guide__body small {
	align-items: center;
	color: var(--nm-muted);
	display: flex;
	font-size: 9px;
	gap: 3px;
	margin-top: 4px;
}

.nm-game-guide__body small svg {
	height: 10px;
	width: 10px;
}

.nm-game-guide:hover strong {
	color: var(--nm-cyan);
}

.nm-game-tools__list {
	display: grid;
	gap: 7px;
}

.nm-game-tools__list > a {
	align-items: center;
	background: var(--nm-bg-141c37-62);
	border: 1px solid rgba(133, 160, 255, 0.13);
	border-radius: 6px;
	display: grid;
	gap: 9px;
	grid-template-columns: 30px minmax(0, 1fr) 13px;
	padding: 8px;
}

.nm-game-tools__list > a > span {
	align-items: center;
	background: rgba(168, 85, 247, 0.12);
	border: 1px solid rgba(168, 85, 247, 0.35);
	border-radius: 5px;
	color: var(--nm-tx-ca8cff);
	display: flex;
	height: 30px;
	justify-content: center;
}

.nm-game-tools__list > a > span svg {
	height: 17px;
	width: 17px;
}

.nm-game-tools__list strong {
	color: var(--nm-muted-strong);
	display: flex;
	flex-direction: column;
	font-size: 11px;
	font-weight: 600;
}

.nm-game-tools__list small {
	color: var(--nm-muted);
	font-size: 9px;
	font-weight: 400;
	margin-top: 2px;
}

.nm-game-tools__list > a > svg {
	color: var(--nm-muted);
	height: 13px;
	transform: rotate(-90deg);
	width: 13px;
}

.nm-game-tools__list > a:hover {
	background: rgba(168, 85, 247, 0.12);
	border-color: rgba(168, 85, 247, 0.45);
}

.nm-game-risk {
	background: linear-gradient(150deg, rgba(54, 20, 42, 0.72), var(--nm-bg-140f21-96));
	border-color: rgba(255, 92, 108, 0.45);
}

.nm-game-risk .nm-game-widget__title,
.nm-game-risk .nm-game-widget__title > span {
	color: var(--nm-tx-ff8995);
}

.nm-game-risk ol {
	color: var(--nm-tx-e0b7c1);
	font-size: 10px;
	line-height: 1.7;
	margin: 0 0 12px;
	padding-left: 20px;
}

.nm-game-risk li {
	margin-bottom: 3px;
	padding-left: 2px;
}

.nm-game-risk .nm-game-widget__button {
	background: rgba(255, 92, 108, 0.09);
	border-color: rgba(255, 92, 108, 0.45);
	color: var(--nm-tx-ffc2ca);
}

@media (max-width: 1240px) {
	.nm-game-layout {
		grid-template-columns: minmax(0, 1fr) 280px;
	}

	.nm-game-quickcat {
		gap: 8px;
		padding-inline: 10px;
	}

	.nm-game-quickcat__icon {
		flex-basis: 32px;
		height: 32px;
	}

	.nm-game-quickcat__text strong {
		font-size: 13px;
	}

	.nm-game-quickcat__text small {
		font-size: 9px;
	}

	.nm-game-filterrow--last {
		grid-template-columns: 70px minmax(0, 1fr);
	}

	.nm-game-filtersearch {
		grid-column: 2;
		width: 210px;
	}

	.nm-game-listbar {
		align-items: flex-start;
	}
}

@media (max-width: 1080px) {
	.nm-game-layout {
		grid-template-columns: 1fr;
	}

	.nm-game-aside {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nm-game-risk {
		grid-column: 1 / -1;
	}

	.nm-game-hero {
		height: 240px;
	}

	.nm-game-quickcats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.nm-game-sectionnav__count {
		flex-basis: 100%;
		margin-left: 0;
		text-align: right;
	}
}

@media (max-width: 780px) {
	.nm-game-hero__content {
		padding: 22px;
		width: 72%;
	}

	.nm-game-hero__title {
		font-size: 28px;
		white-space: normal;
	}

	.nm-game-hero__title-icon {
		flex: 0 0 42px;
		height: 42px;
	}

	.nm-game-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nm-game-filterrow,
	.nm-game-filterrow--last {
		grid-template-columns: 64px minmax(0, 1fr);
	}

	.nm-game-filtersearch {
		grid-column: 2;
	}
}

@media (max-width: 600px) {
	.nm-game-breadcrumb {
		margin-top: 12px;
	}

	.nm-game-hero {
		height: 355px;
	}

	.nm-game-hero::before {
		background: linear-gradient(0deg, var(--nm-bg-090e22) 0%, var(--nm-bg-090e22-94) 48%, var(--nm-bg-090e22-20) 100%);
	}

	.nm-game-hero__art {
		height: 70%;
		object-position: 65% center;
		width: 100%;
	}

	.nm-game-hero__content {
		height: auto;
		justify-content: flex-end;
		padding: 20px;
		top: 85px;
		width: 100%;
	}

	.nm-game-hero__title {
		font-size: 27px;
		gap: 9px;
	}

	.nm-game-hero__title-icon {
		flex-basis: 38px;
		height: 38px;
	}

	.nm-game-hero__title-icon svg {
		height: 23px;
		width: 23px;
	}

	.nm-game-hero__subtitle {
		font-size: 12px;
		line-height: 1.6;
	}

	.nm-game-hero__features {
		gap: 6px 12px;
		margin-bottom: 14px;
	}

	.nm-game-hero__actions {
		gap: 8px;
	}

	.nm-game-btn {
		font-size: 11px;
		padding-inline: 12px;
	}

	.nm-game-quickcats {
		gap: 9px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nm-game-quickcat {
		min-height: 66px;
	}

	.nm-game-sectionnav {
		gap: 6px;
	}

	.nm-game-sectionnav > a {
		font-size: 11px;
		padding-inline: 9px;
	}

	.nm-game-sectionnav__count {
		font-size: 10px;
		text-align: left;
	}

	.nm-game-filters {
		padding-inline: 10px;
	}

	.nm-game-filterrow,
	.nm-game-filterrow--last {
		display: block;
		padding: 9px 0;
	}

	.nm-game-filterrow__label {
		display: block;
		line-height: 1.4;
		margin-bottom: 7px;
	}

	.nm-game-pill {
		font-size: 11px;
		padding: 6px 8px;
	}

	.nm-game-filtersearch {
		margin-top: 8px;
		width: 100%;
	}

	.nm-game-filterchecks {
		justify-content: flex-start;
	}

	.nm-game-listbar__views {
		flex-wrap: nowrap;
		max-width: 100%;
		overflow-x: auto;
		padding-bottom: 3px;
	}

	.nm-game-listbar__views a {
		flex: 0 0 auto;
	}

	.nm-game-listbar__sorts {
		justify-content: flex-start;
	}

	.nm-game-grid,
	.nm-game-aside {
		grid-template-columns: 1fr;
	}

	.nm-game-risk {
		grid-column: auto;
	}

	.nm-game-card__media {
		aspect-ratio: 16 / 9;
	}

	.nm-game-card__summary {
		font-size: 12px;
	}

	.nm-game-widget {
		padding: 15px;
	}
}

/* 03 产品图尺寸校准 */
.nm-game-layout,
.nm-game-main,
.nm-game-filters,
.nm-game-filterrow__pills {
	max-width: 100%;
}

.nm-game-quickcat {
	min-width: 0;
	overflow: hidden;
}

@media (min-width: 601px) {
	.nm-game-filterrow {
		padding: 4px 0;
	}

	.nm-game-filterrow__label {
		line-height: 23px;
	}

	.nm-game-pill {
		padding: 4px 8px;
	}

	.nm-game-filterchecks {
		padding-top: 6px;
	}

	.nm-game-card__media {
		aspect-ratio: 16 / 7.2;
	}

	.nm-game-card__summary {
		height: 36px;
		margin-bottom: 7px;
		-webkit-line-clamp: 2;
	}

	.nm-game-card__stats {
		padding: 3px 0;
	}

	.nm-game-card__stats li {
		line-height: 1.55;
	}

	.nm-game-ranking__list li {
		min-height: 25px;
	}

	.nm-game-weekly__chart {
		height: 65px;
	}

	.nm-game-widget__title {
		margin-bottom: 9px;
	}

	.nm-game-tools__list > a {
		padding: 6px 8px;
	}

	.nm-game-tools__list strong {
		line-height: 1.35;
	}

	.nm-game-tools__list small {
		line-height: 1.3;
	}
}

@media (max-width: 1080px) {
	.nm-game-layout {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 600px) {
	.nm-game-archive {
		overflow: hidden;
	}

	.nm-game-hero {
		height: 330px;
	}

	.nm-game-hero__art {
		height: 75%;
	}

	.nm-game-hero__content {
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: auto;
	}

	.nm-game-quickcat__text {
		overflow: hidden;
	}

	.nm-game-quickcat__text small {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.nm-game-filterrow__pills {
		width: 100%;
	}

	.nm-game-card__summary {
		height: auto;
		min-height: 58px;
	}
}

.post-type-archive-game_project .nm-main {
	padding-top: 0;
}

.post-type-archive-game_project .nm-footer {
	margin-top: 40px;
}

.nm-game-archive {
	padding-bottom: 0;
	position: relative;
}

.nm-game-archive .nm-game-breadcrumb {
	left: 32px;
	margin: 0;
	position: absolute;
	top: 17px;
	z-index: 3;
}

@media (max-width: 600px) {
	.nm-game-archive .nm-game-breadcrumb {
		font-size: 10px;
		left: 20px;
		top: 12px;
	}
}

/* ==========================================================================
   04 网创项目中心
   ========================================================================== */
.post-type-archive-online_project .nm-main {
	padding: 0;
}

.post-type-archive-online_project .nm-header__inner,
.post-type-archive-online_project .nm-footer > .nm-container,
.nm-online-archive {
	max-width: 1408px;
}

.post-type-archive-online_project .nm-footer {
	margin-top: 38px;
}

.nm-online-archive {
	padding-bottom: 0;
}

.nm-online-hero {
	background: var(--nm-bg-090e21);
	border: 1px solid rgba(168, 85, 247, 0.35);
	border-radius: 0 0 12px 12px;
	box-shadow: inset 0 0 40px var(--nm-sh-00e5ff-08);
	height: 326px;
	overflow: hidden;
	position: relative;
}

.nm-online-hero::before {
	background: linear-gradient(90deg, var(--nm-bg-080d1e) 0%, var(--nm-bg-080d1e-97) 24%, var(--nm-bg-080d1e-65) 40%, transparent 66%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.nm-online-hero::after {
	background: linear-gradient(180deg, transparent 68%, var(--nm-bg-060a18-62));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.nm-online-hero__art {
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	right: 12.5%;
	top: 0;
	width: 46%;
}

.nm-online-hero__content {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	padding: 25px 30px;
	position: relative;
	width: 61%;
	z-index: 2;
}

.nm-online-hero__eyebrow {
	align-self: flex-start;
	background: linear-gradient(100deg, rgba(255, 60, 172, 0.28), rgba(168, 85, 247, 0.12));
	border-left: 3px solid #ff3cac;
	color: var(--nm-tx-f5eaff);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 18px;
	padding: 4px 13px;
	transform: skew(-7deg);
}

.nm-online-hero__title {
	color: var(--nm-tx-f8f5ff);
	font-size: 48px;
	font-weight: 800;
	letter-spacing: 0.025em;
	line-height: 1.2;
	margin: 0 0 13px;
	text-shadow: 0 0 24px var(--nm-sh-a855f7-30);
}

.nm-online-hero__subtitle {
	color: var(--nm-tx-d4d9ed);
	font-size: 15px;
	letter-spacing: 0.06em;
	margin: 0 0 21px;
}

.nm-online-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 13px;
}

.nm-online-btn {
	align-items: center;
	border: 1px solid;
	border-radius: 999px;
	display: inline-flex;
	font-size: 13px;
	font-weight: 700;
	gap: 8px;
	justify-content: center;
	min-height: 40px;
	padding: 8px 19px;
}

.nm-online-btn svg {
	height: 18px;
	width: 18px;
}

.nm-online-btn--pink {
	background: linear-gradient(110deg, rgba(255, 60, 172, 0.4), rgba(168, 85, 247, 0.32));
	border-color: #ff3cac;
	box-shadow: inset 0 0 13px var(--nm-sh-ff3cac-24), 0 0 16px var(--nm-sh-ff3cac-28);
	color: var(--nm-tx-ffe4f5);
}

.nm-online-btn--cyan {
	background: rgba(0, 229, 255, 0.1);
	border-color: rgba(0, 229, 255, 0.62);
	box-shadow: inset 0 0 12px var(--nm-sh-00e5ff-08);
	color: #b9f9ff;
}

.nm-online-btn:hover {
	filter: brightness(1.17);
	transform: translateY(-1px);
}

.nm-online-hero__features {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 28px;
	top: 82px;
	z-index: 2;
}

.nm-online-hero__features li {
	align-items: center;
	color: #b8f6ff;
	display: flex;
	font-size: 14px;
	gap: 8px;
	line-height: 1.2;
	margin: 0 0 19px;
	text-shadow: 0 0 10px #00101c;
}

.nm-online-hero__features svg {
	height: 17px;
	width: 17px;
}

.nm-online-quickcats {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	margin: 12px 0 20px;
}

.nm-online-quickcat {
	align-items: center;
	background: linear-gradient(145deg, color-mix(in srgb, var(--nm-online-accent) 12%, var(--nm-bg-0d1328)), var(--nm-bg-0c1123-96));
	border: 1px solid color-mix(in srgb, var(--nm-online-accent) 58%, transparent);
	border-radius: 12px;
	box-shadow: inset 0 0 18px color-mix(in srgb, var(--nm-online-accent) 8%, transparent);
	display: flex;
	gap: 11px;
	min-height: 92px;
	min-width: 0;
	padding: 13px;
}

.nm-online-quickcat:hover,
.nm-online-quickcat.is-active {
	border-color: var(--nm-online-accent);
	box-shadow: inset 0 0 18px color-mix(in srgb, var(--nm-online-accent) 12%, transparent), 0 0 16px color-mix(in srgb, var(--nm-online-accent) 23%, transparent);
	transform: translateY(-2px);
}

.nm-online-quickcat__icon {
	align-items: center;
	border: 1px solid color-mix(in srgb, var(--nm-online-accent) 45%, transparent);
	border-radius: 10px;
	color: var(--nm-online-accent);
	display: flex;
	flex: 0 0 44px;
	height: 44px;
	justify-content: center;
}

.nm-online-quickcat__icon svg {
	height: 27px;
	width: 27px;
}

.nm-online-quickcat__text {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.nm-online-quickcat__text strong {
	color: var(--nm-tx-f2f4ff);
	font-size: 14px;
	line-height: 1.35;
	white-space: nowrap;
}

.nm-online-quickcat__text small {
	color: var(--nm-tx-aab4d0);
	font-size: 10px;
	line-height: 1.55;
	margin-top: 4px;
}

.nm-online-sectionhead {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin-bottom: 14px;
	min-height: 31px;
}

.nm-online-sectionhead__main {
	align-items: center;
	display: flex;
	min-width: 0;
}

.nm-online-sectionhead h2 {
	align-items: center;
	color: var(--nm-tx-f4f2ff);
	display: flex;
	font-size: 21px;
	gap: 8px;
	line-height: 1.3;
	margin: 0;
	white-space: nowrap;
}

.nm-online-sectionhead h2 > span {
	color: var(--nm-online-heading);
	display: inline-flex;
	filter: drop-shadow(0 0 6px color-mix(in srgb, var(--nm-online-heading) 55%, transparent));
}

.nm-online-sectionhead h2 svg {
	height: 25px;
	width: 25px;
}

.nm-online-sectionhead p {
	color: var(--nm-tx-939fbd);
	font-size: 12px;
	margin: 0 0 0 14px;
}

.nm-online-more {
	color: var(--nm-tx-a6b3d0);
	flex: 0 0 auto;
	font-size: 11px;
}

.nm-online-more:hover {
	color: var(--nm-tx-00e5ff);
}

.nm-online-project-layout {
	align-items: stretch;
	display: grid;
	gap: 20px;
	grid-template-columns: minmax(0, 1fr) 360px;
}

.nm-online-project-main,
.nm-online-aside {
	min-width: 0;
}

.nm-online-cardgrid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nm-online-card {
	background: linear-gradient(150deg, var(--nm-bg-131831-98), var(--nm-bg-0a0f1f-98));
	border: 1px solid rgba(168, 85, 247, 0.55);
	border-radius: 12px;
	box-shadow: inset 0 0 18px var(--nm-sh-a855f7-06);
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
}

.nm-online-card:hover {
	border-color: rgba(255, 60, 172, 0.85);
	box-shadow: 0 0 18px var(--nm-sh-a855f7-18);
	transform: translateY(-2px);
}

.nm-online-card__media {
	display: block;
	height: 120px;
	overflow: hidden;
	position: relative;
}

.nm-online-card__media::after {
	background: linear-gradient(180deg, transparent 60%, var(--nm-bg-070b19-45));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.nm-online-card__media img {
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
	width: 100%;
}

.nm-online-card:hover .nm-online-card__media img {
	transform: scale(1.035);
}

.nm-online-card__cat {
	background: linear-gradient(110deg, rgba(255, 60, 172, 0.94), rgba(168, 85, 247, 0.96));
	border: 1px solid rgba(255, 130, 214, 0.62);
	border-radius: 5px;
	color: #fff;
	font-size: 11px;
	left: 10px;
	line-height: 1.2;
	min-height: 30px;
	min-width: 120px;
	padding: 7px 10px;
	position: absolute;
	text-align: center;
	top: 10px;
	z-index: 1;
}

.nm-online-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 154px;
	padding: 11px 13px 12px;
}

.nm-online-card h3 {
	display: -webkit-box;
	font-size: 17px;
	height: 46px;
	line-height: 1.35;
	margin: 0 0 7px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.nm-online-card h3 a {
	color: var(--nm-tx-f4f3ff);
}

.nm-online-card h3 a:hover {
	color: #7deeff;
}

.nm-online-card__body > p {
	color: var(--nm-tx-aab3cb);
	display: -webkit-box;
	font-size: 12px;
	height: 38px;
	line-height: 1.6;
	margin: 0 0 9px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.nm-online-card__meta {
	align-items: center;
	color: var(--nm-tx-8f9ab6);
	display: flex;
	font-size: 10px;
	justify-content: space-between;
	margin-top: auto;
}

.nm-online-card__meta span {
	align-items: center;
	display: inline-flex;
	gap: 4px;
}

.nm-online-card__meta svg {
	height: 13px;
	width: 13px;
}

.nm-online-aside {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.nm-online-ranking,
.nm-online-trends {
	background: linear-gradient(145deg, var(--nm-bg-18102e-98), var(--nm-bg-0b0e1f-98));
	border: 1px solid rgba(255, 60, 172, 0.52);
	border-radius: 12px;
	box-shadow: inset 0 0 20px var(--nm-sh-a855f7-08), 0 0 15px var(--nm-sh-ff3cac-07);
	padding: 14px;
}

.nm-online-ranking {
	min-height: 386px;
}

.nm-online-ranking h2,
.nm-online-trends h2 {
	align-items: center;
	color: var(--nm-tx-f3eaff);
	display: flex;
	font-size: 17px;
	gap: 8px;
	line-height: 1.3;
	margin: 0 0 13px;
}

.nm-online-ranking h2 > svg,
.nm-online-trends h2 > svg {
	color: #ff3cac;
	height: 23px;
	width: 23px;
}

.nm-online-ranking h2 small {
	color: var(--nm-tx-ff80cc);
	font-size: 11px;
	margin-left: auto;
}

.nm-online-ranking ol {
	counter-reset: nm-online-rank;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nm-online-ranking li {
	align-items: center;
	counter-increment: nm-online-rank;
	display: flex;
	min-height: 28px;
}

.nm-online-ranking li::before {
	align-items: center;
	background: rgba(111, 80, 151, 0.35);
	border-radius: 4px;
	color: var(--nm-tx-d9cdea);
	content: counter(nm-online-rank);
	display: inline-flex;
	flex: 0 0 20px;
	font-size: 10px;
	height: 20px;
	justify-content: center;
	margin-right: 8px;
}

.nm-online-ranking li:nth-child(1)::before,
.nm-online-ranking li:nth-child(2)::before,
.nm-online-ranking li:nth-child(3)::before {
	background: linear-gradient(135deg, #ff3cac, #a855f7);
	color: #fff;
}

.nm-online-ranking li a {
	align-items: center;
	display: flex;
	flex: 1;
	gap: 8px;
	justify-content: space-between;
	min-width: 0;
}

.nm-online-ranking__title {
	color: var(--nm-tx-d7d9e8);
	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nm-online-ranking li a:hover .nm-online-ranking__title {
	color: var(--nm-tx-00e5ff);
}

.nm-online-ranking__views {
	align-items: center;
	color: var(--nm-tx-ffbd73);
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 10px;
	gap: 3px;
}

.nm-online-ranking__views svg {
	height: 12px;
	width: 12px;
}

.nm-online-trends {
	flex: 1;
	min-height: 207px;
}

.nm-online-trends ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nm-online-trends li {
	align-items: center;
	display: flex;
	font-size: 11px;
	gap: 8px;
	justify-content: space-between;
	line-height: 1.4;
	min-height: 26px;
}

.nm-online-trends li > span {
	align-items: center;
	color: var(--nm-tx-c5c9dc);
	display: inline-flex;
	gap: 7px;
}

.nm-online-trends li i {
	background: #a855f7;
	border-radius: 50%;
	box-shadow: 0 0 6px #a855f7;
	height: 4px;
	width: 4px;
}

.nm-online-trends li strong {
	color: var(--nm-tx-ff77c5);
	flex: 0 0 auto;
	font-size: 10px;
	font-weight: 600;
}

.nm-online-trends > p {
	border-top: 1px solid rgba(168, 85, 247, 0.17);
	color: var(--nm-tx-737f9e);
	font-size: 9px;
	line-height: 1.5;
	margin: 8px 0 0;
	padding-top: 7px;
}

.nm-online-empty {
	align-items: center;
	background: var(--nm-bg-0d1328-90);
	border: 1px solid rgba(0, 229, 255, 0.25);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 566px;
	padding: 30px;
	text-align: center;
}

.nm-online-empty > svg {
	color: var(--nm-tx-00e5ff);
	height: 40px;
	width: 40px;
}

.nm-online-empty h3 {
	margin: 15px 0 5px;
}

.nm-online-empty p {
	color: var(--nm-tx-9ca8c6);
	font-size: 13px;
}

.nm-online-topics,
.nm-online-path,
.nm-online-tools {
	margin-top: 20px;
}

.nm-online-topicgrid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nm-online-topiccard {
	background: linear-gradient(110deg, var(--nm-bg-15122f), var(--nm-bg-191236) 58%, #35144c);
	border: 1px solid rgba(168, 85, 247, 0.75);
	border-radius: 12px;
	box-shadow: inset 0 0 20px var(--nm-sh-a855f7-12);
	display: flex;
	height: 142px;
	min-width: 0;
	overflow: hidden;
}

.nm-online-topiccard:hover {
	border-color: #ff3cac;
	box-shadow: 0 0 20px var(--nm-sh-a855f7-25);
	transform: translateY(-2px);
}

.nm-online-topiccard > img {
	flex: 0 0 38%;
	height: 100%;
	object-fit: cover;
	width: 38%;
}

.nm-online-topiccard__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	padding: 11px 12px;
}

.nm-online-topiccard__body > strong {
	color: var(--nm-tx-f7f1ff);
	font-size: 15px;
	line-height: 1.35;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nm-online-topiccard__body > small {
	color: var(--nm-tx-c3b8d8);
	font-size: 10px;
	line-height: 1.5;
	margin-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nm-online-topiccard__body > span {
	align-items: center;
	align-self: center;
	background: linear-gradient(100deg, rgba(255, 60, 172, 0.35), rgba(168, 85, 247, 0.35));
	border: 1px solid #ff3cac;
	border-radius: 6px;
	color: var(--nm-tx-ffd8ef);
	display: inline-flex;
	font-size: 10px;
	justify-content: center;
	margin-top: 12px;
	min-height: 25px;
	padding: 3px 14px;
}

.nm-online-pathgrid {
	display: grid;
	gap: 22px;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.nm-online-pathgrid > li {
	min-width: 0;
	position: relative;
}

.nm-online-pathgrid > li:not(:last-child)::after {
	color: #ff3cac;
	content: "›";
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	position: absolute;
	right: -19px;
	text-shadow: 0 0 10px #ff3cac;
	top: 50%;
	transform: translateY(-50%);
}

.nm-online-pathgrid a {
	align-items: center;
	background: linear-gradient(145deg, color-mix(in srgb, var(--nm-online-accent) 9%, var(--nm-bg-101329)), var(--nm-bg-0c1123));
	border: 1px solid color-mix(in srgb, var(--nm-online-accent) 60%, transparent);
	border-radius: 12px;
	box-shadow: inset 0 0 18px color-mix(in srgb, var(--nm-online-accent) 7%, transparent);
	display: flex;
	flex-direction: column;
	height: 132px;
	justify-content: center;
	padding: 12px 9px;
	text-align: center;
}

.nm-online-pathgrid a:hover {
	border-color: var(--nm-online-accent);
	box-shadow: 0 0 18px color-mix(in srgb, var(--nm-online-accent) 20%, transparent);
	transform: translateY(-2px);
}

.nm-online-path__icon {
	color: var(--nm-online-accent);
	display: inline-flex;
	filter: drop-shadow(0 0 6px color-mix(in srgb, var(--nm-online-accent) 55%, transparent));
	margin-bottom: 5px;
}

.nm-online-path__icon svg {
	height: 32px;
	width: 32px;
}

.nm-online-pathgrid strong {
	color: var(--nm-tx-f2efff);
	font-size: 14px;
	line-height: 1.35;
}

.nm-online-pathgrid small {
	color: var(--nm-tx-b4b7ce);
	font-size: 9px;
	line-height: 1.5;
	margin-top: 5px;
}

.nm-online-toolgrid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.nm-online-tool {
	align-items: center;
	background: linear-gradient(145deg, color-mix(in srgb, var(--nm-online-accent) 8%, var(--nm-bg-0e1428)), var(--nm-bg-0b1122));
	border: 1px solid color-mix(in srgb, var(--nm-online-accent) 45%, transparent);
	border-radius: 11px;
	display: flex;
	gap: 10px;
	height: 88px;
	min-width: 0;
	padding: 12px;
}

.nm-online-tool:hover {
	border-color: var(--nm-online-accent);
	box-shadow: 0 0 16px color-mix(in srgb, var(--nm-online-accent) 18%, transparent);
	transform: translateY(-2px);
}

.nm-online-tool > span:first-child {
	align-items: center;
	border: 1px solid color-mix(in srgb, var(--nm-online-accent) 42%, transparent);
	border-radius: 8px;
	color: var(--nm-online-accent);
	display: flex;
	flex: 0 0 36px;
	height: 36px;
	justify-content: center;
}

.nm-online-tool > span:first-child svg {
	height: 24px;
	width: 24px;
}

.nm-online-tool > span:last-child {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.nm-online-tool strong {
	color: var(--nm-tx-ecefff);
	font-size: 12px;
	line-height: 1.4;
	white-space: nowrap;
}

.nm-online-tool small {
	color: var(--nm-tx-98a4c0);
	font-size: 9px;
	line-height: 1.5;
	margin-top: 4px;
	white-space: nowrap;
}

@media (max-width: 1240px) {
	.nm-online-hero__title {
		font-size: 42px;
	}

	.nm-online-quickcat {
		gap: 8px;
		padding: 10px;
	}

	.nm-online-quickcat__icon {
		flex-basis: 38px;
		height: 38px;
	}

	.nm-online-quickcat__text strong {
		font-size: 12px;
	}

	.nm-online-quickcat__text small {
		font-size: 9px;
	}

	.nm-online-project-layout {
		grid-template-columns: minmax(0, 1fr) 320px;
	}

	.nm-online-card h3 {
		font-size: 15px;
		height: 41px;
	}

	.nm-online-topiccard__body {
		padding-inline: 9px;
	}

	.nm-online-topiccard__body > strong {
		font-size: 13px;
	}

	.nm-online-tool {
		gap: 7px;
		padding-inline: 9px;
	}

	.nm-online-tool strong {
		font-size: 11px;
	}
}

@media (max-width: 1080px) {
	.nm-online-hero__features {
		right: 18px;
	}

	.nm-online-quickcats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.nm-online-project-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.nm-online-aside {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nm-online-ranking,
	.nm-online-trends {
		min-height: 0;
	}

	.nm-online-topicgrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nm-online-pathgrid {
		gap: 16px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.nm-online-pathgrid > li::after {
		display: none;
	}

	.nm-online-toolgrid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.nm-online-hero {
		height: 340px;
	}

	.nm-online-hero__content {
		padding-left: 24px;
		width: 72%;
	}

	.nm-online-hero__title {
		font-size: 36px;
	}

	.nm-online-hero__subtitle {
		font-size: 12px;
	}

	.nm-online-hero__features {
		display: none;
	}

	.nm-online-cardgrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nm-online-sectionhead p {
		display: none;
	}
}

@media (max-width: 600px) {
	.post-type-archive-online_project .nm-footer {
		margin-top: 28px;
	}

	.nm-online-archive {
		padding-inline: 16px;
	}

	.nm-online-hero {
		border-radius: 12px;
		height: 548px;
	}

	.nm-online-hero::before {
		background: linear-gradient(180deg, var(--nm-bg-070b19-08) 0%, var(--nm-bg-070b19-28) 34%, var(--nm-bg-080d1e) 58%, var(--nm-bg-080d1e) 100%);
	}

	.nm-online-hero__art {
		height: 260px;
		object-position: 63% center;
		right: 0;
		width: 100%;
	}

	.nm-online-hero__content {
		height: 100%;
		justify-content: flex-end;
		padding: 20px 18px;
		width: 100%;
	}

	.nm-online-hero__eyebrow {
		font-size: 12px;
		margin-bottom: 10px;
		padding: 3px 10px;
	}

	.nm-online-hero__title {
		font-size: 32px;
		line-height: 1.2;
		margin-bottom: 10px;
	}

	.nm-online-hero__subtitle {
		font-size: 11px;
		letter-spacing: 0;
		margin-bottom: 14px;
	}

	.nm-online-hero__actions {
		flex-wrap: nowrap;
		gap: 8px;
	}

	.nm-online-btn {
		font-size: 11px;
		gap: 5px;
		min-height: 38px;
		padding: 8px 12px;
	}

	.nm-online-btn svg {
		height: 15px;
		width: 15px;
	}

	.nm-online-hero__features {
		background: var(--nm-bg-050917-40);
		border-radius: 8px;
		display: block;
		padding: 8px;
		right: 12px;
		top: 12px;
	}

	.nm-online-hero__features li {
		font-size: 10px;
		gap: 4px;
		margin-bottom: 8px;
	}

	.nm-online-hero__features li:last-child {
		margin-bottom: 0;
	}

	.nm-online-hero__features svg {
		height: 12px;
		width: 12px;
	}

	.nm-online-quickcats {
		gap: 10px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin: 12px 0 20px;
	}

	.nm-online-quickcat {
		gap: 8px;
		min-height: 86px;
		padding: 10px;
	}

	.nm-online-quickcat__icon {
		flex-basis: 34px;
		height: 34px;
	}

	.nm-online-quickcat__icon svg {
		height: 22px;
		width: 22px;
	}

	.nm-online-quickcat__text strong {
		font-size: 12px;
	}

	.nm-online-quickcat__text small {
		display: -webkit-box;
		font-size: 9px;
		line-height: 1.4;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.nm-online-sectionhead {
		align-items: flex-start;
		gap: 8px;
	}

	.nm-online-sectionhead__main {
		display: block;
	}

	.nm-online-sectionhead h2 {
		font-size: 18px;
		gap: 6px;
	}

	.nm-online-sectionhead h2 svg {
		height: 22px;
		width: 22px;
	}

	.nm-online-sectionhead p {
		display: block;
		font-size: 10px;
		line-height: 1.45;
		margin: 4px 0 0;
	}

	.nm-online-more {
		font-size: 10px;
		padding-top: 4px;
	}

	.nm-online-cardgrid {
		grid-template-columns: minmax(0, 1fr);
	}

	.nm-online-card__media {
		height: 180px;
	}

	.nm-online-card__body {
		min-height: 150px;
	}

	.nm-online-card h3 {
		font-size: 18px;
		height: auto;
		max-height: 49px;
	}

	.nm-online-card__body > p {
		font-size: 12px;
	}

	.nm-online-aside {
		display: flex;
	}

	.nm-online-ranking,
	.nm-online-trends {
		padding: 14px;
	}

	.nm-online-topicgrid {
		grid-template-columns: minmax(0, 1fr);
	}

	.nm-online-topiccard {
		height: 128px;
	}

	.nm-online-topiccard > img {
		flex-basis: 35%;
		width: 35%;
	}

	.nm-online-topiccard__body > strong {
		font-size: 16px;
	}

	.nm-online-topiccard__body > small {
		font-size: 11px;
	}

	.nm-online-pathgrid {
		gap: 12px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nm-online-pathgrid a {
		height: 126px;
	}

	.nm-online-toolgrid {
		gap: 10px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nm-online-tool {
		gap: 8px;
		height: 84px;
		padding: 10px;
	}

	.nm-online-tool > span:first-child {
		flex-basis: 30px;
		height: 30px;
	}

	.nm-online-tool > span:first-child svg {
		height: 20px;
		width: 20px;
	}

	.nm-online-tool strong {
		font-size: 11px;
	}

	.nm-online-tool small {
		font-size: 8px;
		white-space: normal;
	}

	.nm-online-empty {
		min-height: 300px;
	}
}

/* ==========================================================================
   07 SEO 文章详情页
   ========================================================================== */
.single-post {
	background: radial-gradient(900px 540px at 78% 5%, rgba(144, 44, 220, 0.1), transparent 72%),
		var(--nm-bg-060914);
}

.single-post .nm-main {
	padding: 0 0 28px;
}

.single-post .nm-header__inner,
.single-post .nm-footer > .nm-container,
.nm-article-page {
	max-width: 1408px;
}

.nm-article-hero {
	background: linear-gradient(90deg, var(--nm-bg-11092a-98) 0%, var(--nm-bg-0e0e2c-86) 40%, var(--nm-bg-090e26-20) 78%),
		linear-gradient(135deg, #1b0c38, var(--nm-bg-08172e));
	border-bottom: 1px solid rgba(181, 78, 255, 0.45);
	height: 160px;
	overflow: hidden;
	position: relative;
}

.nm-article-hero::after {
	background: linear-gradient(180deg, transparent 50%, var(--nm-bg-060718-70));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.nm-article-hero__art {
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	right: 0;
	top: 0;
	width: 61%;
}

.nm-article-hero__content {
	padding: 17px 5.5% 0;
	position: relative;
	z-index: 2;
}

.nm-article-hero__title {
	color: var(--nm-tx-f4edff);
	font-size: clamp(25px, 2.25vw, 33px);
	font-style: italic;
	font-weight: 800;
	letter-spacing: 0.025em;
	line-height: 1.25;
	margin: 0 0 8px;
	max-width: 760px;
	text-shadow: 0 0 22px var(--nm-sh-ba5dff-40);
}

.nm-article-hero__subtitle {
	color: var(--nm-tx-d2c6e8);
	font-size: 13px;
	letter-spacing: 0.06em;
	margin: 0;
}

.nm-article-hero__features {
	display: flex;
	gap: 13px;
	left: 5.5%;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 13px;
	z-index: 2;
}

.nm-article-hero__features li {
	align-items: center;
	background: linear-gradient(110deg, rgba(87, 42, 139, 0.7), var(--nm-bg-1e1d46-76));
	border: 1px solid rgba(192, 119, 255, 0.5);
	border-radius: 8px;
	box-shadow: inset 0 0 14px var(--nm-sh-b252ff-10), 0 0 12px var(--nm-sh-7637be-15);
	color: var(--nm-tx-e6d9f7);
	display: flex;
	font-size: 12px;
	gap: 8px;
	min-height: 35px;
	padding: 7px 16px;
	white-space: nowrap;
}

.nm-article-hero__features svg {
	color: var(--nm-tx-e5c6ff);
	height: 17px;
	width: 17px;
}

.nm-article-page > .nm-breadcrumbs {
	align-items: center;
	display: flex;
	font-size: 12px;
	gap: 7px;
	margin: 0;
	min-height: 42px;
	padding: 8px 4px;
}

.nm-article-page > .nm-breadcrumbs::before {
	color: var(--nm-tx-c6d2e8);
	content: "⌂";
	font-size: 15px;
}

.nm-article-page > .nm-breadcrumbs a {
	color: var(--nm-tx-aab8d0);
}

.nm-article-layout {
	gap: 18px;
	grid-template-columns: minmax(0, 1fr) 420px;
}

.nm-article {
	background: linear-gradient(155deg, var(--nm-bg-0f132b-97), var(--nm-bg-080d1d-98));
	border: 1px solid rgba(139, 92, 207, 0.3);
	border-radius: 12px;
	box-shadow: inset 0 0 38px var(--nm-sh-5b2e91-05);
	min-width: 0;
	padding: 15px 16px 12px;
}

.nm-article__head {
	margin-bottom: 12px;
}

.nm-article__title {
	color: var(--nm-tx-f3f1fb);
	font-size: clamp(25px, 2.15vw, 31px);
	font-weight: 800;
	letter-spacing: 0.01em;
	line-height: 1.35;
	margin: 0;
}

.nm-article__cats {
	gap: 6px;
	margin: 10px 0 9px;
}

.nm-article__cats .nm-badge {
	font-size: 10px;
	font-weight: 500;
	padding: 4px 9px;
}

.nm-article__cats .nm-badge:first-child {
	background: linear-gradient(100deg, #b744ee, #8250df);
	border-color: #d283ff;
	color: #fff;
}

.nm-article__meta {
	align-items: center;
	border: 0;
	display: flex;
	font-size: 11px;
	gap: 12px;
	justify-content: space-between;
	padding: 0;
}

.nm-article__meta-info,
.nm-article__meta-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 13px;
}

.nm-article__meta-actions {
	flex-wrap: nowrap;
	gap: 5px;
}

.nm-article__meta-info > span {
	gap: 4px;
	white-space: nowrap;
}

.nm-article__meta svg {
	height: 12px;
	width: 12px;
}

.nm-article__meta-actions .nm-btn {
	background: transparent;
	border: 0;
	box-shadow: none;
	color: var(--nm-tx-b9c5da);
	font-size: 11px;
	gap: 4px;
	min-height: 26px;
	padding: 3px 5px;
}

.nm-article__meta-actions .nm-btn:hover,
.nm-article__meta-actions .nm-fav.is-active {
	background: rgba(190, 92, 255, 0.09);
	color: #e0b8ff;
}

.nm-article__cover {
	aspect-ratio: 4 / 1;
	border: 1px solid rgba(157, 83, 238, 0.65);
	border-radius: 9px;
	box-shadow: 0 0 16px var(--nm-sh-7c36ce-25);
	margin: 0 0 12px;
	overflow: hidden;
}

.nm-article__cover img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.nm-article .nm-ai-summary {
	align-items: center;
	background: linear-gradient(110deg, rgba(91, 37, 145, 0.3), var(--nm-bg-261a4b-46));
	border: 1px solid rgba(187, 93, 255, 0.65);
	border-radius: 9px;
	box-shadow: inset 0 0 18px var(--nm-sh-af4aff-08), 0 0 12px var(--nm-sh-9d40e6-12);
	display: flex;
	gap: 13px;
	margin: 0 0 17px;
	padding: 9px 13px;
}

.nm-article .nm-ai-summary__icon {
	background: linear-gradient(140deg, #7134e8, #b634d9);
	border: 1px solid rgba(220, 181, 255, 0.65);
	border-radius: 8px;
	box-shadow: 0 0 14px var(--nm-sh-aa49ff-45);
	flex: 0 0 39px;
	height: 39px;
	width: 39px;
}

.nm-article .nm-ai-summary__icon svg {
	height: 20px;
	width: 20px;
}

.nm-article .nm-ai-summary__label {
	color: var(--nm-tx-eee5ff);
	display: block;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 3px;
}

.nm-article .nm-ai-summary__text {
	color: var(--nm-tx-d2c9e2);
	font-size: 12px;
	line-height: 1.7;
}

.nm-article .nm-prose {
	color: var(--nm-tx-d3d6e4);
	font-size: 14px;
	line-height: 1.85;
}

.nm-article .nm-prose p {
	margin: 0 0 12px;
}

.nm-article .nm-prose h2 {
	background: none;
	border: 0;
	color: var(--nm-tx-eeeaff);
	font-size: 18px;
	font-weight: 800;
	line-height: 1.45;
	margin: 23px 0 9px;
	padding: 0 0 0 15px;
}

.nm-article .nm-prose h2::before {
	background: linear-gradient(180deg, #f0c8ff, #9d42f1 58%, #4dd9ff);
	border-radius: 1px;
	height: 1.15em;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0.15em;
	transform: skew(-24deg);
	vertical-align: initial;
	width: 6px;
}

.nm-article .nm-prose h3 {
	color: var(--nm-tx-e4d9fa);
	font-size: 16px;
	margin: 20px 0 8px;
}

.nm-article .nm-prose ul,
.nm-article .nm-prose ol {
	margin: 0 0 14px;
	padding-left: 1.55em;
}

.nm-article .nm-prose li {
	margin-bottom: 4px;
}

.nm-article .nm-prose li::marker {
	color: #c069f4;
}

.nm-article .nm-prose img {
	border-color: rgba(156, 83, 230, 0.55);
	border-radius: 8px;
	height: auto;
	max-width: 100%;
}

.nm-article .nm-prose table {
	background: var(--nm-bg-0f1229-75);
	border: 1px solid rgba(158, 91, 225, 0.35);
	border-radius: 8px;
	font-size: 12px;
	overflow: hidden;
	width: 100%;
}

.nm-article .nm-prose th {
	background: rgba(112, 49, 165, 0.3);
	color: var(--nm-tx-e9dffb);
}

.nm-article .nm-prose th,
.nm-article .nm-prose td {
	border-color: rgba(151, 96, 205, 0.2);
	padding: 8px 10px;
}

.nm-article .nm-detail-block {
	margin-top: 22px;
}

.nm-article .nm-detail-block__title {
	font-size: 18px;
}

.nm-article .nm-faq {
	gap: 8px;
	margin: 12px 0;
}

.nm-article .nm-faq__item summary {
	font-size: 14px;
	padding: 11px 14px;
}

.nm-article .nm-faq__answer {
	font-size: 13px;
	padding: 0 14px 13px;
}

.nm-article__tags {
	align-items: center;
	border-top: 1px solid rgba(132, 102, 180, 0.16);
	gap: 6px;
	margin-top: 18px;
	padding-top: 10px;
}

.nm-article__tags-label {
	color: var(--nm-tx-9da8bd);
	font-size: 11px;
	margin-right: 3px;
}

.nm-article__tags .nm-tag {
	border-radius: 5px;
	font-size: 10px;
	padding: 4px 9px;
}

.nm-article__tags .nm-tag:first-of-type {
	background: linear-gradient(100deg, #a63be1, #7149d7);
	border-color: #be74f4;
	color: #fff;
}

.nm-article .nm-comments {
	margin-top: 24px;
	padding-top: 20px;
}

.single-post .nm-article-sidebar {
	display: flex;
	gap: 16px;
}

.nm-article-widget,
.nm-article-toc {
	background: linear-gradient(155deg, var(--nm-bg-121630-97), var(--nm-bg-090e1f-98));
	border: 1px solid rgba(145, 93, 206, 0.32);
	border-radius: 12px;
	margin: 0;
	min-width: 0;
	padding: 13px 14px;
}

.nm-article-toc {
	border-color: rgba(200, 92, 255, 0.65);
	box-shadow: 0 0 17px var(--nm-sh-b13ef3-20), inset 0 0 25px var(--nm-sh-9c43db-06);
}

.nm-article-toc .nm-toc__title {
	color: var(--nm-tx-f1e9fa);
	cursor: default;
	font-size: 16px;
	gap: 8px;
	justify-content: flex-start;
}

.nm-article-toc .nm-toc__title::after {
	content: none;
}

.nm-article-toc .nm-toc__title > svg {
	background: linear-gradient(140deg, #ec4db7, #8c4ce7);
	border-radius: 5px;
	color: #fff;
	height: 25px;
	padding: 5px;
	width: 25px;
}

.nm-article-toc .nm-toc__list {
	counter-reset: nmArticleToc;
	margin-top: 8px;
}

.nm-article-toc .nm-toc__list li {
	align-items: center;
	border-radius: 6px;
	counter-increment: nmArticleToc;
	display: flex;
	min-width: 0;
	padding: 0;
}

.nm-article-toc .nm-toc__list li::before {
	color: var(--nm-tx-c4b8d4);
	content: counter(nmArticleToc, cjk-ideographic) "、";
	flex: 0 0 auto;
	font-size: 12px;
}

.nm-article-toc .nm-toc__list li:first-child {
	background: linear-gradient(100deg, rgba(158, 54, 206, 0.28), rgba(101, 50, 157, 0.12));
}

.nm-article-toc .nm-toc__list li:first-child::before {
	color: var(--nm-tx-f1d9ff);
}

.nm-article-toc .nm-toc__list a {
	border: 0;
	color: var(--nm-tx-c6bed3);
	display: block;
	flex: 1;
	font-size: 12px;
	line-height: 1.45;
	min-width: 0;
	overflow: hidden;
	padding: 7px 5px 7px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nm-article-toc .nm-toc__list li:first-child a,
.nm-article-toc .nm-toc__list a:hover {
	color: var(--nm-tx-f1d9ff);
}

.nm-article-toc .nm-toc__list li.is-sub {
	padding-left: 14px;
}

.nm-article-widget__head {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	margin-bottom: 11px;
}

.nm-article-widget__title {
	align-items: center;
	color: var(--nm-tx-f0eaf8);
	display: flex;
	font-size: 16px;
	font-weight: 700;
	gap: 8px;
	line-height: 1.4;
	margin: 0 0 11px;
}

.nm-article-widget__head .nm-article-widget__title {
	margin-bottom: 0;
}

.nm-article-widget__title > svg {
	background: linear-gradient(140deg, rgba(220, 66, 181, 0.3), rgba(130, 73, 218, 0.3));
	border: 1px solid rgba(212, 108, 238, 0.35);
	border-radius: 5px;
	color: var(--nm-tx-f3c8ff);
	height: 25px;
	padding: 4px;
	width: 25px;
}

.nm-article-widget__head > a {
	align-items: center;
	color: var(--nm-tx-9f8fb6);
	display: flex;
	font-size: 10px;
	gap: 2px;
	white-space: nowrap;
}

.nm-article-widget__head > a:hover {
	color: #e0b5ff;
}

.nm-article-widget__head > a svg {
	height: 11px;
	width: 11px;
}

.nm-article-related__list {
	display: grid;
	gap: 9px;
}

.nm-article-related__item {
	display: grid;
	gap: 11px;
	grid-template-columns: 112px minmax(0, 1fr);
	min-width: 0;
}

.nm-article-related__thumb {
	border: 1px solid rgba(137, 97, 209, 0.4);
	border-radius: 7px;
	height: 66px;
	overflow: hidden;
}

.nm-article-related__thumb img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.nm-article-related__body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 0;
	padding: 1px 0;
}

.nm-article-related__body h3 {
	display: -webkit-box;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.45;
	margin: 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.nm-article-related__body h3 a {
	color: var(--nm-tx-ded9eb);
}

.nm-article-related__body h3 a:hover {
	color: #e4b7ff;
}

.nm-article-related__meta {
	align-items: flex-end;
	display: flex;
	gap: 6px;
	justify-content: space-between;
}

.nm-article-related__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.nm-article-related__badges > span {
	background: rgba(122, 62, 173, 0.18);
	border: 1px solid rgba(156, 91, 210, 0.32);
	border-radius: 4px;
	color: var(--nm-tx-bda5d3);
	font-size: 9px;
	line-height: 1;
	padding: 3px 5px;
}

.nm-article-related__badges > span:first-child {
	background: rgba(181, 57, 214, 0.26);
	border-color: rgba(207, 104, 238, 0.45);
	color: var(--nm-tx-e0b4f4);
}

.nm-article-related__views {
	align-items: center;
	color: var(--nm-tx-9f96b2);
	display: inline-flex;
	font-size: 10px;
	gap: 3px;
	white-space: nowrap;
}

.nm-article-related__views svg {
	height: 11px;
	width: 11px;
}

.nm-article-focus {
	border-color: rgba(99, 150, 255, 0.55);
	box-shadow: 0 0 15px var(--nm-sh-4967eb-13), inset 0 0 24px var(--nm-sh-7d3dcf-08);
	min-height: 173px;
	overflow: hidden;
	position: relative;
}

.nm-article-focus > img {
	bottom: 0;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 0.9;
	position: absolute;
	right: 0;
	width: 43%;
}

.nm-article-focus::after {
	background: linear-gradient(90deg, var(--nm-bg-11152f) 15%, var(--nm-bg-11152f-82) 49%, transparent 85%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.nm-article-focus__content {
	max-width: 88%;
	position: relative;
	z-index: 1;
}

.nm-article-focus h2 {
	align-items: flex-start;
	color: var(--nm-tx-eee6fa);
	display: flex;
	font-size: 15px;
	gap: 7px;
	line-height: 1.5;
	margin: 0 0 10px;
}

.nm-article-focus h2 > svg {
	color: #e5b5ff;
	flex: 0 0 20px;
	height: 20px;
	margin-top: 1px;
	width: 20px;
}

.nm-article-focus ul {
	display: grid;
	gap: 7px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nm-article-focus li {
	align-items: center;
	color: var(--nm-tx-c5bad7);
	display: flex;
	font-size: 11px;
	gap: 7px;
	line-height: 1.45;
}

.nm-article-focus li svg {
	background: rgba(194, 90, 234, 0.13);
	border-radius: 50%;
	color: #e4b1ff;
	flex: 0 0 15px;
	height: 15px;
	padding: 3px;
	width: 15px;
}

.nm-article-topics__grid {
	display: grid;
	gap: 9px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.nm-article-topic {
	align-items: center;
	background: linear-gradient(140deg, var(--nm-bg-251d45-75), var(--nm-bg-0f142b-88));
	border: 1px solid rgba(142, 90, 201, 0.32);
	border-radius: 7px;
	display: flex;
	gap: 8px;
	height: 78px;
	min-width: 0;
	overflow: hidden;
	padding: 6px;
	transition: border-color var(--nm-dur) var(--nm-ease), transform var(--nm-dur) var(--nm-ease);
}

.nm-article-topic:hover {
	border-color: rgba(209, 117, 255, 0.65);
	transform: translateY(-1px);
}

.nm-article-topic > img {
	border-radius: 5px;
	flex: 0 0 62px;
	height: 62px;
	object-fit: cover;
	width: 62px;
}

.nm-article-topic > span {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.nm-article-topic strong {
	color: var(--nm-tx-ddd2ec);
	display: -webkit-box;
	font-size: 12px;
	line-height: 1.4;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.nm-article-topic small {
	color: var(--nm-tx-9b8dad);
	font-size: 10px;
	margin-top: 5px;
}

.nm-article-hot ol {
	display: grid;
	gap: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nm-article-hot li {
	align-items: center;
	border-bottom: 1px solid rgba(127, 97, 166, 0.11);
	display: flex;
	gap: 9px;
	min-height: 34px;
	min-width: 0;
}

.nm-article-hot li:last-child {
	border-bottom: 0;
}

.nm-article-hot__rank {
	align-items: center;
	background: rgba(139, 101, 176, 0.13);
	border-radius: 4px;
	color: var(--nm-tx-a79bb8);
	display: inline-flex;
	flex: 0 0 22px;
	font-family: var(--nm-font-mono);
	font-size: 10px;
	height: 22px;
	justify-content: center;
}

.nm-article-hot li:nth-child(-n+3) .nm-article-hot__rank {
	background: linear-gradient(140deg, #f248b3, #d34a71);
	box-shadow: 0 0 8px var(--nm-sh-ee42a6-22);
	color: #fff;
}

.nm-article-hot li > a {
	color: var(--nm-tx-c9c1d6);
	flex: 1;
	font-size: 11px;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nm-article-hot li > a:hover {
	color: #e4b5ff;
}

.nm-article-hot__views {
	align-items: center;
	color: var(--nm-tx-a99aae);
	display: inline-flex;
	font-size: 10px;
	gap: 3px;
	white-space: nowrap;
}

.nm-article-hot__views svg {
	color: var(--nm-tx-ff9c59);
	height: 12px;
	width: 12px;
}

.single-post .nm-footer {
	background: linear-gradient(90deg, var(--nm-bg-060914-98) 20%, var(--nm-bg-060914-50) 75%, var(--nm-bg-060914-15)),
		url("../images/article-footer-city.png") right bottom / auto 100% no-repeat,
		var(--nm-bg-070b18);
	margin-top: 24px;
	min-height: 112px;
	padding-block: 24px 16px;
}

.single-post .nm-footer::after {
	content: none;
}

.single-post .nm-footer__copy {
	margin-bottom: 6px;
}

.single-post .nm-footer__legal-note {
	font-size: 10px;
}

@media (max-width: 1240px) {
	.nm-article-layout {
		grid-template-columns: minmax(0, 1fr) 360px;
	}

	.nm-article-hero__features {
		gap: 8px;
	}

	.nm-article-hero__features li {
		font-size: 11px;
		padding-inline: 11px;
	}

	.nm-article-related__item {
		gap: 8px;
		grid-template-columns: 96px minmax(0, 1fr);
	}

	.nm-article-related__thumb {
		height: 61px;
	}

	.nm-article-topic > img {
		flex-basis: 50px;
		height: 56px;
		width: 50px;
	}

	.nm-article-topic strong {
		font-size: 11px;
	}
}

@media (max-width: 1080px) {
	.nm-article-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.single-post .nm-article-sidebar {
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nm-article-hero__features li {
		padding-inline: 9px;
	}

	.nm-article-related__item {
		grid-template-columns: 112px minmax(0, 1fr);
	}
}

@media (max-width: 760px) {
	.nm-article-hero {
		height: 190px;
	}

	.nm-article-hero__art {
		opacity: 0.65;
		width: 76%;
	}

	.nm-article-hero__content {
		padding: 20px 24px 0;
	}

	.nm-article-hero__title {
		font-size: 26px;
		max-width: 580px;
	}

	.nm-article-hero__subtitle {
		font-size: 11px;
	}

	.nm-article-hero__features {
		bottom: 14px;
		flex-wrap: wrap;
		gap: 7px;
		left: 24px;
		right: 18px;
	}

	.nm-article-hero__features li {
		font-size: 10px;
		min-height: 30px;
		padding: 5px 9px;
	}

	.nm-article-hero__features svg {
		height: 14px;
		width: 14px;
	}

	.nm-article__meta {
		align-items: flex-start;
		flex-direction: column;
	}

	.nm-article__meta-actions {
		align-self: flex-end;
	}

	.single-post .nm-article-sidebar {
		grid-template-columns: minmax(0, 1fr);
	}

	.nm-article-focus__content {
		max-width: 82%;
	}
}

@media (max-width: 600px) {
	.single-post .nm-main {
		padding-bottom: 16px;
	}

	.nm-article-page {
		padding-inline: 12px;
	}

	.nm-article-hero {
		border: 1px solid rgba(181, 78, 255, 0.35);
		border-radius: 10px;
		height: 256px;
	}

	.nm-article-hero__art {
		height: 145px;
		object-position: 62% center;
		opacity: 0.7;
		width: 100%;
	}

	.nm-article-hero::after {
		background: linear-gradient(180deg, var(--nm-bg-070919-10) 15%, var(--nm-bg-0a0d23) 66%);
	}

	.nm-article-hero__content {
		padding: 20px 17px 0;
	}

	.nm-article-hero__title {
		font-size: 24px;
		line-height: 1.35;
		max-width: 330px;
	}

	.nm-article-hero__subtitle {
		font-size: 10px;
		line-height: 1.7;
		max-width: 280px;
	}

	.nm-article-hero__features {
		bottom: 13px;
		display: grid;
		gap: 7px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		left: 16px;
		right: 16px;
	}

	.nm-article-hero__features li {
		justify-content: center;
		padding: 5px 7px;
		white-space: normal;
	}

	.nm-article-hero__features li:last-child {
		grid-column: 1 / -1;
	}

	.nm-article-page > .nm-breadcrumbs {
		font-size: 10px;
		min-height: 38px;
		overflow: hidden;
		white-space: nowrap;
	}

	.nm-article {
		border-radius: 10px;
		padding: 14px 12px 11px;
	}

	.nm-article__title {
		font-size: 24px;
	}

	.nm-article__meta-info {
		gap: 8px 11px;
	}

	.nm-article__meta-info > span {
		white-space: normal;
	}

	.nm-article__cover {
		aspect-ratio: 2.45 / 1;
	}

	.nm-article .nm-ai-summary {
		align-items: flex-start;
		gap: 10px;
		padding: 10px;
	}

	.nm-article .nm-ai-summary__icon {
		flex-basis: 34px;
		height: 34px;
		width: 34px;
	}

	.nm-article .nm-ai-summary__text {
		font-size: 12px;
	}

	.nm-article .nm-prose {
		font-size: 14px;
		line-height: 1.9;
	}

	.nm-article .nm-prose h2 {
		font-size: 17px;
		margin-top: 22px;
	}

	.nm-article__tags {
		align-items: flex-start;
	}

	.nm-article__tags-label {
		flex: 0 0 100%;
	}

	.nm-article-related__item {
		grid-template-columns: 104px minmax(0, 1fr);
	}

	.nm-article-related__thumb {
		height: 65px;
	}

	.nm-article-focus > img {
		opacity: 0.55;
		width: 48%;
	}

	.nm-article-focus__content {
		max-width: 100%;
	}

	.nm-article-focus h2 {
		font-size: 14px;
		max-width: 85%;
	}

	.nm-article-focus li {
		max-width: 82%;
	}

	.nm-article-topic {
		gap: 5px;
		height: 82px;
		padding: 5px;
	}

	.nm-article-topic > img {
		flex-basis: 46px;
		height: 56px;
		width: 46px;
	}

	.nm-article-topic strong {
		font-size: 10px;
	}

	.nm-article-topic small {
		font-size: 9px;
	}

	.single-post .nm-footer {
		background-size: auto 72px;
		margin-top: 18px;
		padding-bottom: 82px;
	}
}

/* ==========================================================================
   08 工具资源中心
   ========================================================================== */
.post-type-archive-tool_resource {
	background: radial-gradient(900px 520px at 80% 0%, rgba(128, 37, 198, 0.13), transparent 72%), var(--nm-bg-060914);
}

.post-type-archive-tool_resource .nm-main {
	padding: 0 0 24px;
}

.post-type-archive-tool_resource .nm-header__inner,
.post-type-archive-tool_resource .nm-footer > .nm-container,
.nm-tools-archive {
	max-width: 1408px;
}

.nm-tools-hero {
	background: linear-gradient(105deg, #190d35 0%, var(--nm-bg-10132f) 45%, var(--nm-bg-071329) 100%);
	border-bottom: 1px solid rgba(203, 77, 255, 0.5);
	height: 220px;
	overflow: hidden;
	position: relative;
}

.nm-tools-hero::before {
	background: linear-gradient(90deg, var(--nm-bg-110927-98) 0%, var(--nm-bg-0e0c26-88) 34%, var(--nm-bg-070c20-08) 68%, var(--nm-bg-070a1b-58) 100%);
	content: "";
	inset: 0;
	position: absolute;
	z-index: 1;
}

.nm-tools-hero__art {
	height: 100%;
	left: 29%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	width: 51%;
}

.nm-tools-hero__content {
	max-width: 670px;
	padding: 22px 0 0 42px;
	position: relative;
	z-index: 2;
}

.nm-tools-hero__title {
	color: var(--nm-tx-f7efff);
	font-size: 38px;
	font-style: italic;
	font-weight: 900;
	letter-spacing: 0.03em;
	line-height: 1.2;
	margin: 0 0 8px;
	text-shadow: 0 0 22px var(--nm-sh-d05bff-35);
}

.nm-tools-hero__subtitle {
	color: var(--nm-tx-f0e5fa);
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin: 0 0 12px;
}

.nm-tools-hero__desc {
	color: var(--nm-tx-c4b8d4);
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	max-width: 515px;
}

.nm-tools-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 17px;
}

.nm-tools-btn {
	align-items: center;
	border: 1px solid;
	border-radius: 9px;
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	gap: 7px;
	justify-content: center;
	min-height: 38px;
	padding: 8px 20px;
}

.nm-tools-btn svg {
	height: 16px;
	width: 16px;
}

.nm-tools-btn--pink {
	background: linear-gradient(110deg, #a727bc, #7134b9);
	border-color: #ef72ff;
	box-shadow: 0 0 18px var(--nm-sh-e640ff-30), inset 0 0 12px var(--nm-sh-ffffff-12);
	color: #fff;
}

.nm-tools-btn--cyan {
	background: linear-gradient(110deg, rgba(20, 112, 151, 0.68), var(--nm-bg-263274-76));
	border-color: #48dffa;
	box-shadow: 0 0 16px var(--nm-sh-00d9ff-16);
	color: var(--nm-tx-ddfaff);
}

.nm-tools-hero__ranking {
	background: linear-gradient(150deg, var(--nm-bg-181130-93), var(--nm-bg-0c0e23-95));
	border: 1px solid rgba(215, 91, 255, 0.55);
	border-radius: 12px;
	box-shadow: 0 0 22px var(--nm-sh-b233e1-15);
	padding: 11px 13px;
	position: absolute;
	right: 18px;
	top: 12px;
	width: 292px;
	z-index: 3;
}

.nm-tools-hero__ranking h2 {
	align-items: center;
	color: var(--nm-tx-f1e5f9);
	display: flex;
	font-size: 14px;
	gap: 7px;
	margin: 0 0 7px;
}

.nm-tools-hero__ranking h2 svg {
	color: var(--nm-tx-ff8dcf);
	height: 16px;
	width: 16px;
}

.nm-tools-hero__ranking h2 small {
	color: var(--nm-tx-e6d9ee);
	font-size: 10px;
	margin-left: auto;
}

.nm-tools-hero__ranking ol {
	display: grid;
	gap: 1px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nm-tools-hero__ranking li {
	align-items: center;
	display: flex;
	font-size: 10px;
	gap: 7px;
	min-height: 16px;
	min-width: 0;
}

.nm-tools-hero__ranking li > a {
	color: var(--nm-tx-c8bfd5);
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nm-tools-hero__ranking li > span:last-child {
	align-items: center;
	color: var(--nm-tx-d8a3bc);
	display: inline-flex;
	gap: 2px;
}

.nm-tools-hero__ranking li > span:last-child svg {
	color: var(--nm-tx-ff8568);
	height: 10px;
	width: 10px;
}

.nm-tools-rank {
	align-items: center;
	background: var(--nm-bg-34304b);
	border-radius: 3px;
	color: var(--nm-tx-c9c2d4);
	display: inline-flex;
	flex: 0 0 14px;
	font-family: var(--nm-font-mono);
	font-size: 9px;
	height: 14px;
	justify-content: center;
}

.nm-tools-rank.is-top {
	background: linear-gradient(140deg, #fa3e9d, #d34568);
	color: #fff;
}

.nm-tools-quickcats {
	display: grid;
	gap: 11px;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	margin: 12px 0 18px;
}

.nm-tools-quickcat {
	align-items: center;
	background: linear-gradient(135deg, var(--nm-bg-1e1d41-96), var(--nm-bg-0e132a-98));
	border: 1px solid rgba(128, 120, 206, 0.45);
	border-radius: 9px;
	display: flex;
	gap: 10px;
	height: 54px;
	min-width: 0;
	padding: 8px 11px;
	transition: border-color var(--nm-dur) var(--nm-ease), transform var(--nm-dur) var(--nm-ease);
}

.nm-tools-quickcat:hover,
.nm-tools-quickcat.is-active {
	border-color: #d16bff;
	box-shadow: 0 0 14px var(--nm-sh-b744e9-17);
	transform: translateY(-1px);
}

.nm-tools-quickcat > span {
	align-items: center;
	background: linear-gradient(145deg, rgba(171, 68, 222, 0.2), rgba(36, 109, 157, 0.18));
	border: 1px solid rgba(181, 117, 239, 0.35);
	border-radius: 8px;
	color: var(--nm-tx-dfa0ff);
	display: flex;
	flex: 0 0 33px;
	height: 33px;
	justify-content: center;
}

.nm-tools-quickcat:nth-child(even) > span {
	color: var(--nm-tx-72e6ff);
}

.nm-tools-quickcat svg {
	height: 20px;
	width: 20px;
}

.nm-tools-quickcat strong {
	color: var(--nm-tx-e9e2f2);
	display: flex;
	flex-direction: column;
	font-size: 13px;
	line-height: 1.3;
	min-width: 0;
	white-space: nowrap;
}

.nm-tools-quickcat small {
	color: var(--nm-tx-9b91ad);
	font-size: 8px;
	font-weight: 400;
	margin-top: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.nm-tools-section {
	margin-bottom: 19px;
	scroll-margin-top: calc(var(--nm-header-h) + 14px);
}

.nm-tools-sectionhead {
	align-items: flex-end;
	display: flex;
	gap: 14px;
	justify-content: space-between;
	margin-bottom: 10px;
	min-height: 27px;
}

.nm-tools-sectionhead > div {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	min-width: 0;
}

.nm-tools-sectionhead h2 {
	align-items: center;
	color: var(--nm-tx-f1e9f8);
	display: flex;
	font-size: 18px;
	gap: 8px;
	margin: 0;
	white-space: nowrap;
}

.nm-tools-sectionhead h2 svg {
	color: var(--nm-tx-ff8bd4);
	height: 19px;
	width: 19px;
}

.nm-tools-sectionhead p {
	color: var(--nm-tx-a79bb4);
	font-size: 10px;
	margin: 0;
}

.nm-tools-sectionhead > a {
	color: var(--nm-tx-c0a4cd);
	font-size: 10px;
	white-space: nowrap;
}

.nm-tools-sectionhead > a:hover {
	color: #f0b4ff;
}

.nm-tools-sectionhead--sort nav {
	align-items: center;
	display: flex;
	font-size: 10px;
	gap: 6px;
	white-space: nowrap;
}

.nm-tools-sectionhead--sort nav a {
	background: var(--nm-bg-161b36);
	border: 1px solid var(--nm-bd-34385a);
	border-radius: 5px;
	color: var(--nm-tx-b6acc5);
	padding: 4px 9px;
}

.nm-tools-sectionhead--sort nav a:hover {
	border-color: #9b64d1;
	color: var(--nm-tx-eedbff);
}

.nm-tools-featured-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nm-tools-featured {
	background: linear-gradient(160deg, var(--nm-bg-191936-98), var(--nm-bg-0a0f22-98));
	border: 1px solid rgba(154, 105, 203, 0.48);
	border-radius: 10px;
	box-shadow: inset 0 0 24px var(--nm-sh-7636a5-05);
	min-width: 0;
	overflow: hidden;
}

.nm-tools-featured__media {
	display: block;
	height: 94px;
	overflow: hidden;
	position: relative;
}

.nm-tools-featured__media::after {
	background: linear-gradient(180deg, transparent 60%, var(--nm-bg-0b0d21-50));
	content: "";
	inset: 0;
	position: absolute;
}

.nm-tools-featured__media img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.nm-tools-featured__media > span {
	background: linear-gradient(100deg, #b63ac7, #7f3eb2);
	border: 1px solid rgba(240, 157, 255, 0.6);
	border-radius: 4px;
	color: #fff;
	font-size: 9px;
	left: 9px;
	padding: 3px 7px;
	position: absolute;
	top: 8px;
	z-index: 1;
}

.nm-tools-featured__body {
	padding: 10px 12px 9px;
}

.nm-tools-featured h3 {
	color: var(--nm-tx-ece5f5);
	font-size: 16px;
	line-height: 1.35;
	margin: 0 0 6px;
}

.nm-tools-featured h3 a:hover {
	color: var(--nm-tx-df9cff);
}

.nm-tools-featured__body > p {
	color: var(--nm-tx-b4a9c1);
	display: -webkit-box;
	font-size: 10px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.65;
	margin: 0 0 8px;
	min-height: 33px;
	overflow: hidden;
}

.nm-tools-featured__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 8px;
}

.nm-tools-featured__tags span {
	background: rgba(128, 64, 163, 0.14);
	border: 1px solid rgba(145, 94, 182, 0.3);
	border-radius: 3px;
	color: var(--nm-tx-b7a4c7);
	font-size: 8px;
	padding: 2px 5px;
}

.nm-tools-featured__meta {
	align-items: center;
	border-top: 1px solid rgba(145, 99, 178, 0.16);
	color: var(--nm-tx-aaa0b7);
	display: flex;
	font-size: 9px;
	justify-content: space-between;
	padding-top: 8px;
}

.nm-tools-featured__meta span {
	align-items: center;
	display: inline-flex;
	gap: 4px;
}

.nm-tools-featured__meta svg {
	height: 11px;
	width: 11px;
}

.nm-tools-category-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nm-tools-category {
	background: linear-gradient(145deg, var(--nm-bg-181937-98), var(--nm-bg-0a0f22-98));
	border: 1px solid rgba(145, 105, 199, 0.43);
	border-radius: 10px;
	min-height: 222px;
	min-width: 0;
	overflow: hidden;
	padding: 11px 13px 12px;
	position: relative;
}

.nm-tools-category > img {
	height: 58px;
	object-fit: cover;
	opacity: 0.72;
	position: absolute;
	right: 0;
	top: 0;
	width: 38%;
}

.nm-tools-category header {
	align-items: center;
	display: flex;
	gap: 8px;
	position: relative;
}

.nm-tools-category header > span {
	color: #f19eff;
}

.nm-tools-category:nth-child(3n+2) header > span {
	color: var(--nm-tx-72e5ff);
}

.nm-tools-category header svg {
	height: 24px;
	width: 24px;
}

.nm-tools-category h3 {
	color: var(--nm-tx-f0e8f7);
	font-size: 18px;
	margin: 0;
}

.nm-tools-category header small {
	color: var(--nm-tx-b6a7c5);
	font-size: 9px;
}

.nm-tools-category > p {
	color: var(--nm-tx-b2a7bf);
	font-size: 10px;
	line-height: 1.65;
	margin: 7px 0 8px;
	max-width: 91%;
	min-height: 33px;
	position: relative;
}

.nm-tools-category ul {
	display: grid;
	gap: 4px;
	list-style: none;
	margin: 0 0 9px;
	min-height: 53px;
	padding: 0;
}

.nm-tools-category li {
	align-items: center;
	display: flex;
	font-size: 9px;
	gap: 5px;
	min-width: 0;
}

.nm-tools-category__dot {
	background: #b77bda;
	border-radius: 50%;
	flex: 0 0 4px;
	height: 4px;
}

.nm-tools-category li > a {
	color: var(--nm-tx-d1c6dc);
	max-width: 38%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nm-tools-category li > a:hover {
	color: var(--nm-tx-efbcff);
}

.nm-tools-category li em {
	background: rgba(142, 75, 177, 0.14);
	border: 1px solid rgba(149, 98, 182, 0.25);
	border-radius: 3px;
	color: var(--nm-tx-bfa6cf);
	font-size: 8px;
	font-style: normal;
	padding: 1px 4px;
}

.nm-tools-category li time {
	color: var(--nm-tx-92899f);
	margin-left: auto;
	white-space: nowrap;
}

.nm-tools-category__empty {
	color: var(--nm-tx-8f849e);
}

.nm-tools-category__button {
	background: linear-gradient(100deg, rgba(148, 45, 171, 0.75), rgba(83, 46, 142, 0.75));
	border: 1px solid rgba(206, 102, 234, 0.55);
	border-radius: 5px;
	color: var(--nm-tx-eed9f7);
	display: block;
	font-size: 9px;
	margin: auto;
	max-width: 180px;
	padding: 5px 10px;
	text-align: center;
}

.nm-tools-kit-grid {
	display: grid;
	gap: 11px;
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.nm-tools-kit {
	align-items: center;
	background: linear-gradient(150deg, var(--nm-bg-1c1b3a-98), var(--nm-bg-0d1126-98));
	border: 1px solid rgba(148, 104, 199, 0.46);
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	min-height: 130px;
	padding: 11px 9px 9px;
	text-align: center;
}

.nm-tools-kit:hover {
	border-color: #c678ed;
	box-shadow: 0 0 16px var(--nm-sh-ac45d5-14);
}

.nm-tools-kit > span {
	color: var(--nm-tx-d78aef);
	height: 27px;
}

.nm-tools-kit:nth-child(even) > span {
	color: var(--nm-tx-6cdcf5);
}

.nm-tools-kit svg {
	height: 26px;
	width: 26px;
}

.nm-tools-kit strong {
	color: var(--nm-tx-e5dced);
	font-size: 12px;
	margin: 4px 0;
}

.nm-tools-kit small {
	color: var(--nm-tx-a89db5);
	display: -webkit-box;
	font-size: 8px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.5;
	overflow: hidden;
}

.nm-tools-kit em {
	background: linear-gradient(100deg, #8539aa, #56308e);
	border: 1px solid #a760ca;
	border-radius: 4px;
	color: var(--nm-tx-e8d8f1);
	font-size: 8px;
	font-style: normal;
	margin-top: auto;
	padding: 3px 11px;
}

.nm-tools-latest__strip {
	background: linear-gradient(100deg, var(--nm-bg-191834-96), var(--nm-bg-0c1125-98));
	border: 1px solid rgba(139, 106, 185, 0.43);
	border-radius: 10px;
	display: grid;
	gap: 0;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	overflow: hidden;
	padding: 8px;
}

.nm-tools-latest__item {
	align-items: center;
	border-right: 1px solid rgba(145, 106, 183, 0.16);
	display: flex;
	gap: 7px;
	min-width: 0;
	padding: 4px 9px;
	position: relative;
}

.nm-tools-latest__item:last-child {
	border-right: 0;
}

.nm-tools-latest__logo {
	align-items: center;
	background: linear-gradient(145deg, #2f779c, var(--nm-bg-39356d));
	border: 1px solid #65d7ef;
	border-radius: 50%;
	color: var(--nm-tx-c9f7ff);
	display: flex;
	flex: 0 0 34px;
	height: 34px;
	justify-content: center;
}

.nm-tools-latest__item:nth-child(3n+2) .nm-tools-latest__logo {
	background: linear-gradient(145deg, #8d3c90, var(--nm-bg-44346f));
	border-color: #e47cd9;
	color: var(--nm-tx-ffe1f7);
}

.nm-tools-latest__logo svg {
	height: 19px;
	width: 19px;
}

.nm-tools-latest__item strong {
	color: var(--nm-tx-d8cedf);
	display: flex;
	flex-direction: column;
	font-size: 9px;
	min-width: 0;
}

.nm-tools-latest__item strong > small {
	align-items: center;
	color: var(--nm-tx-988da5);
	display: flex;
	font-size: 8px;
	font-weight: 400;
	gap: 3px;
	margin-top: 5px;
	white-space: nowrap;
}

.nm-tools-latest__item strong > small svg {
	height: 9px;
	width: 9px;
}

.nm-tools-latest__item em {
	background: #bc3b9d;
	border-radius: 3px;
	color: #fff;
	font-size: 7px;
	font-style: normal;
	padding: 2px 3px;
	position: absolute;
	right: 5px;
	top: 0;
}

.post-type-archive-tool_resource .nm-footer {
	background: linear-gradient(90deg, var(--nm-bg-060914-98) 20%, var(--nm-bg-060914-56) 72%, var(--nm-bg-060914-12)), url("../images/tools-footer-city.png") right bottom / auto 100% no-repeat, var(--nm-bg-070b18);
	margin-top: 7px;
	min-height: 112px;
	padding-block: 24px 16px;
}

.post-type-archive-tool_resource .nm-footer::after {
	content: none;
}

@media (max-width: 1240px) {
	.nm-tools-hero__content {
		max-width: 590px;
		padding-left: 30px;
	}

	.nm-tools-hero__ranking {
		width: 258px;
	}

	.nm-tools-quickcat {
		gap: 7px;
		padding-inline: 8px;
	}

	.nm-tools-quickcat > span {
		flex-basis: 29px;
		height: 29px;
	}

	.nm-tools-quickcat strong {
		font-size: 11px;
	}

	.nm-tools-quickcat small {
		font-size: 7px;
	}

	.nm-tools-latest__strip {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.nm-tools-latest__item:nth-child(3) {
		border-right: 0;
	}
}

@media (max-width: 1080px) {
	.nm-tools-hero__ranking {
		width: 238px;
	}

	.nm-tools-hero__content {
		max-width: 520px;
	}

	.nm-tools-hero__title {
		font-size: 32px;
	}

	.nm-tools-hero__subtitle {
		font-size: 17px;
	}

	.nm-tools-quickcats {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.nm-tools-quickcat strong {
		font-size: 13px;
	}

	.nm-tools-quickcat small {
		font-size: 9px;
	}

	.nm-tools-featured-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nm-tools-category-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nm-tools-kit-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.nm-tools-hero {
		height: 224px;
	}

	.nm-tools-hero__ranking {
		display: none;
	}

	.nm-tools-hero__art {
		left: auto;
		opacity: 0.65;
		right: 0;
		width: 74%;
	}

	.nm-tools-hero__content {
		max-width: 610px;
		padding: 24px;
	}

	.nm-tools-hero__desc {
		max-width: 460px;
	}

	.nm-tools-sectionhead {
		align-items: flex-start;
	}

	.nm-tools-sectionhead > div {
		gap: 5px 10px;
	}

	.nm-tools-sectionhead--sort {
		flex-direction: column;
	}

	.nm-tools-quickcats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.post-type-archive-tool_resource .nm-main {
		padding-bottom: 16px;
	}

	.nm-tools-archive {
		padding-inline: 12px;
	}

	.nm-tools-hero {
		border: 1px solid rgba(181, 78, 255, 0.35);
		border-radius: 10px;
		height: 272px;
	}

	.nm-tools-hero__art {
		height: 150px;
		opacity: 0.58;
		width: 100%;
	}

	.nm-tools-hero::before {
		background: linear-gradient(180deg, var(--nm-bg-09091d-18) 0%, var(--nm-bg-100d28) 66%);
	}

	.nm-tools-hero__content {
		padding: 21px 18px;
	}

	.nm-tools-hero__title {
		font-size: 30px;
	}

	.nm-tools-hero__subtitle {
		font-size: 16px;
	}

	.nm-tools-hero__desc {
		font-size: 11px;
		max-width: 320px;
	}

	.nm-tools-hero__actions {
		gap: 8px;
		margin-top: 22px;
	}

	.nm-tools-btn {
		font-size: 11px;
		padding-inline: 13px;
	}

	.nm-tools-quickcats {
		gap: 8px;
		margin-top: 10px;
	}

	.nm-tools-quickcat {
		height: 57px;
	}

	.nm-tools-quickcat strong {
		font-size: 12px;
	}

	.nm-tools-quickcat small {
		font-size: 8px;
	}

	.nm-tools-sectionhead h2 {
		font-size: 16px;
	}

	.nm-tools-sectionhead p {
		flex-basis: 100%;
		font-size: 9px;
		line-height: 1.5;
	}

	.nm-tools-sectionhead > a {
		font-size: 9px;
	}

	.nm-tools-featured-grid,
	.nm-tools-category-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.nm-tools-featured__media {
		height: 132px;
	}

	.nm-tools-category {
		min-height: 218px;
	}

	.nm-tools-kit-grid {
		gap: 8px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nm-tools-kit {
		min-height: 136px;
	}

	.nm-tools-latest__strip {
		grid-template-columns: minmax(0, 1fr);
	}

	.nm-tools-latest__item {
		border-bottom: 1px solid rgba(145, 106, 183, 0.16);
		border-right: 0;
		min-height: 54px;
	}

	.nm-tools-latest__item:last-child {
		border-bottom: 0;
	}

	.post-type-archive-tool_resource .nm-footer {
		background-size: auto 72px;
		padding-bottom: 82px;
	}
}

/* ==========================================================================
   09 专题合集
   ========================================================================== */
.post-type-archive-topic_collection {
	background: radial-gradient(900px 520px at 76% 0%, rgba(137, 42, 205, 0.13), transparent 72%), var(--nm-bg-060914);
}

.post-type-archive-topic_collection .nm-main {
	padding: 0 0 24px;
}

.post-type-archive-topic_collection .nm-header__inner,
.post-type-archive-topic_collection .nm-footer > .nm-container,
.nm-topics-archive {
	max-width: 1408px;
}

.nm-topics-hero {
	background: linear-gradient(105deg, #1d0c38, var(--nm-bg-11132f) 50%, var(--nm-bg-09132b));
	border-bottom: 1px solid rgba(199, 77, 255, 0.5);
	height: 196px;
	overflow: hidden;
	position: relative;
}

.nm-topics-hero::before {
	background: linear-gradient(90deg, rgba(20, 9, 43, 0.97) 0%, var(--nm-bg-100c28-86) 36%, var(--nm-bg-080b20-08) 66%, var(--nm-bg-080a1c-58) 100%);
	content: "";
	inset: 0;
	position: absolute;
	z-index: 1;
}

.nm-topics-hero__art {
	height: 100%;
	left: 31%;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 47%;
}

.nm-topics-hero__content {
	padding: 14px 0 0 42px;
	position: relative;
	z-index: 2;
}

.nm-topics-hero__eyebrow {
	align-items: center;
	background: rgba(133, 51, 170, 0.35);
	border: 1px solid rgba(220, 113, 255, 0.6);
	border-radius: 5px;
	color: var(--nm-tx-ecc8fa);
	display: inline-flex;
	font-size: 10px;
	gap: 5px;
	margin-bottom: 8px;
	padding: 3px 9px;
}

.nm-topics-hero__eyebrow svg {
	height: 12px;
	width: 12px;
}

.nm-topics-hero__title {
	color: var(--nm-tx-f7efff);
	font-size: 32px;
	font-style: italic;
	font-weight: 900;
	letter-spacing: 0.02em;
	line-height: 1.22;
	margin: 0 0 7px;
	text-shadow: 0 0 20px var(--nm-sh-cb58ff-35);
}

.nm-topics-hero__content > p {
	color: var(--nm-tx-c7bad6);
	font-size: 11px;
	letter-spacing: 0.04em;
	margin: 0;
}

.nm-topics-hero__actions {
	display: flex;
	gap: 11px;
	margin-top: 14px;
}

.nm-topics-hero__actions a {
	align-items: center;
	background: linear-gradient(110deg, #9d2bb4, #6335a7);
	border: 1px solid #e66fff;
	border-radius: 7px;
	color: #fff;
	display: inline-flex;
	font-size: 11px;
	gap: 6px;
	padding: 7px 16px;
}

.nm-topics-hero__actions a:last-child {
	background: linear-gradient(110deg, rgba(21, 113, 148, 0.76), var(--nm-bg-2f3170-82));
	border-color: #52dff5;
}

.nm-topics-hero__actions svg {
	height: 14px;
	width: 14px;
}

.nm-topics-hero__values {
	background: linear-gradient(150deg, var(--nm-bg-1a1133-94), var(--nm-bg-0c0e23-96));
	border: 1px solid rgba(210, 94, 255, 0.55);
	border-radius: 11px;
	padding: 13px 15px;
	position: absolute;
	right: 18px;
	top: 13px;
	width: 300px;
	z-index: 3;
}

.nm-topics-hero__values h2 {
	align-items: center;
	color: var(--nm-tx-f0e4f8);
	display: flex;
	font-size: 14px;
	gap: 7px;
	margin: 0 0 10px;
}

.nm-topics-hero__values h2 svg {
	color: #f5a4e4;
	height: 15px;
	width: 15px;
}

.nm-topics-hero__values > div {
	align-items: center;
	display: flex;
}

.nm-topics-hero__values ul {
	display: grid;
	flex: 1;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nm-topics-hero__values li {
	align-items: center;
	color: var(--nm-tx-c9bdd5);
	display: flex;
	font-size: 10px;
	gap: 6px;
}

.nm-topics-hero__values li svg {
	background: rgba(116, 190, 151, 0.14);
	border-radius: 50%;
	color: var(--nm-tx-a7e8c2);
	height: 13px;
	padding: 2px;
	width: 13px;
}

.nm-topics-hero__values > div > span {
	color: var(--nm-tx-d58bff);
	margin-left: 12px;
}

.nm-topics-hero__values > div > span svg {
	filter: drop-shadow(0 0 10px rgba(204, 90, 255, 0.5));
	height: 56px;
	width: 56px;
}

.nm-topics-quickcats {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	margin: 12px 0 18px;
}

.nm-topics-quickcats > a {
	align-items: center;
	background: linear-gradient(135deg, var(--nm-bg-1f1d41-97), var(--nm-bg-0e132a-98));
	border: 1px solid rgba(128, 120, 206, 0.45);
	border-radius: 9px;
	display: flex;
	gap: 11px;
	height: 54px;
	min-width: 0;
	padding: 8px 14px;
}

.nm-topics-quickcats > a:hover,
.nm-topics-quickcats > a.is-active {
	border-color: #cd70f2;
	box-shadow: 0 0 14px var(--nm-sh-b744e9-15);
}

.nm-topics-quickcats > a > span {
	align-items: center;
	background: rgba(121, 69, 172, 0.16);
	border: 1px solid rgba(167, 107, 215, 0.32);
	border-radius: 8px;
	color: var(--nm-tx-d995f3);
	display: flex;
	flex: 0 0 34px;
	height: 34px;
	justify-content: center;
}

.nm-topics-quickcats > a:nth-child(even) > span {
	color: var(--nm-tx-79dff4);
}

.nm-topics-quickcats svg {
	height: 20px;
	width: 20px;
}

.nm-topics-quickcats strong {
	color: var(--nm-tx-e7dfed);
	display: flex;
	flex-direction: column;
	font-size: 13px;
	min-width: 0;
}

.nm-topics-quickcats small {
	color: var(--nm-tx-9c92aa);
	font-size: 9px;
	font-weight: 400;
	margin-top: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nm-topics-layout {
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) 292px;
}

.nm-topics-main {
	min-width: 0;
}

.nm-topics-section {
	margin-bottom: 20px;
	scroll-margin-top: calc(var(--nm-header-h) + 14px);
}

.nm-topics-sectionhead {
	align-items: flex-end;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin-bottom: 10px;
}

.nm-topics-sectionhead > div {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 11px;
	min-width: 0;
}

.nm-topics-sectionhead h2 {
	align-items: center;
	color: var(--nm-tx-f0e8f7);
	display: flex;
	font-size: 18px;
	gap: 8px;
	margin: 0;
	white-space: nowrap;
}

.nm-topics-sectionhead h2 svg {
	color: var(--nm-tx-ff89cf);
	height: 19px;
	width: 19px;
}

.nm-topics-sectionhead p {
	color: var(--nm-tx-a79bb3);
	font-size: 10px;
	margin: 0;
}

.nm-topics-sectionhead > a {
	color: var(--nm-tx-bca4c9);
	font-size: 10px;
	white-space: nowrap;
}

.nm-topics-hot-grid {
	display: grid;
	gap: 11px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nm-topics-hot-card {
	background: linear-gradient(155deg, var(--nm-bg-1b1938-98), var(--nm-bg-0b0f23-98));
	border: 1px solid rgba(155, 101, 202, 0.5);
	border-radius: 10px;
	min-width: 0;
	overflow: hidden;
}

.nm-topics-hot-card__media {
	display: block;
	height: 110px;
	overflow: hidden;
	position: relative;
}

.nm-topics-hot-card__media img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.nm-topics-hot-card__media > span {
	background: linear-gradient(100deg, #b838b9, #773da9);
	border: 1px solid rgba(237, 142, 249, 0.6);
	border-radius: 4px;
	color: #fff;
	font-size: 8px;
	left: 8px;
	padding: 3px 6px;
	position: absolute;
	top: 8px;
}

.nm-topics-hot-card__body {
	padding: 10px 11px;
}

.nm-topics-hot-card h3 {
	color: var(--nm-tx-e9e0f0);
	font-size: 15px;
	line-height: 1.4;
	margin: 0 0 7px;
}

.nm-topics-hot-card h3 a:hover {
	color: #e4a5ff;
}

.nm-topics-hot-card__body > p {
	color: var(--nm-tx-b2a6bf);
	display: -webkit-box;
	font-size: 9px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 1.65;
	margin: 0 0 9px;
	min-height: 44px;
	overflow: hidden;
}

.nm-topics-hot-card__meta {
	align-items: center;
	color: var(--nm-tx-a89bb5);
	display: flex;
	font-size: 8px;
	gap: 9px;
	margin-bottom: 9px;
}

.nm-topics-hot-card__meta span {
	align-items: center;
	display: inline-flex;
	gap: 3px;
}

.nm-topics-hot-card__meta svg {
	height: 10px;
	width: 10px;
}

.nm-topics-enter {
	background: linear-gradient(100deg, rgba(145, 43, 165, 0.85), rgba(83, 45, 139, 0.85));
	border: 1px solid rgba(205, 96, 229, 0.6);
	border-radius: 5px;
	color: var(--nm-tx-efdcf6);
	display: block;
	font-size: 9px;
	margin: auto;
	max-width: 130px;
	padding: 5px 9px;
	text-align: center;
}

.nm-topics-path {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.nm-topics-path li {
	min-width: 0;
	position: relative;
}

.nm-topics-path li:not(:last-child)::after {
	color: var(--nm-tx-a78bb7);
	content: "→";
	font-size: 22px;
	position: absolute;
	right: -17px;
	top: 34px;
}

.nm-topics-path a {
	align-items: center;
	background: linear-gradient(145deg, var(--nm-bg-251d43-98), var(--nm-bg-10142b-98));
	border: 1px solid rgba(155, 104, 206, 0.52);
	border-radius: 9px;
	display: flex;
	flex-direction: column;
	height: 112px;
	padding: 9px 8px;
	position: relative;
	text-align: center;
}

.nm-topics-path li:nth-child(even) a {
	background: linear-gradient(145deg, var(--nm-bg-132941-98), var(--nm-bg-0e152b-98));
	border-color: rgba(78, 160, 206, 0.5);
}

.nm-topics-path em {
	align-items: center;
	background: #75409e;
	border: 1px solid #b880df;
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-size: 9px;
	font-style: normal;
	height: 19px;
	justify-content: center;
	left: 8px;
	position: absolute;
	top: 7px;
	width: 19px;
}

.nm-topics-path a > span {
	color: var(--nm-tx-d591ef);
	height: 31px;
}

.nm-topics-path li:nth-child(even) a > span {
	color: var(--nm-tx-71dff2);
}

.nm-topics-path svg {
	height: 30px;
	width: 30px;
}

.nm-topics-path strong {
	color: var(--nm-tx-e4dbea);
	font-size: 12px;
	margin: 3px 0 5px;
}

.nm-topics-path small {
	color: var(--nm-tx-a99db4);
	font-size: 8px;
	line-height: 1.5;
}

.nm-topics-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 11px;
}

.nm-topics-filters a {
	align-items: center;
	background: var(--nm-bg-171a35);
	border: 1px solid var(--nm-bd-373451);
	border-radius: 5px;
	color: var(--nm-tx-b7a9c2);
	display: inline-flex;
	font-size: 9px;
	gap: 4px;
	padding: 5px 9px;
}

.nm-topics-filters a.is-active {
	background: #a83cab;
	border-color: #e779df;
	color: #fff;
}

.nm-topics-filters a:hover {
	border-color: #bd6ed5;
	color: var(--nm-tx-f0d8f8);
}

.nm-topics-filters svg {
	height: 12px;
	width: 12px;
}

.nm-topics-deep-grid {
	display: grid;
	gap: 11px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.nm-topics-deep-card {
	background: linear-gradient(140deg, var(--nm-bg-1d1a3b-98), var(--nm-bg-0c1024-98));
	border: 1px solid rgba(148, 102, 195, 0.5);
	border-radius: 10px;
	display: grid;
	grid-template-columns: 38% minmax(0, 1fr);
	min-height: 142px;
	min-width: 0;
	overflow: hidden;
}

.nm-topics-deep-card__media {
	display: block;
	min-height: 142px;
	overflow: hidden;
}

.nm-topics-deep-card__media img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.nm-topics-deep-card__body {
	min-width: 0;
	padding: 12px 11px 9px;
}

.nm-topics-deep-card h3 {
	color: var(--nm-tx-e8deed);
	font-size: 15px;
	line-height: 1.4;
	margin: 0 0 9px;
}

.nm-topics-deep-card__body ul {
	display: grid;
	gap: 6px;
	list-style: none;
	margin: 0 0 9px;
	padding: 0;
}

.nm-topics-deep-card__body li {
	align-items: center;
	color: var(--nm-tx-b6a9c1);
	display: flex;
	font-size: 9px;
	gap: 5px;
	min-width: 0;
}

.nm-topics-deep-card__body li svg {
	color: var(--nm-tx-c782df);
	flex: 0 0 11px;
	height: 11px;
	width: 11px;
}

.nm-topics-deep-card__body li a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nm-topics-deep-card__body > p {
	color: var(--nm-tx-b3a6bd);
	font-size: 9px;
	line-height: 1.65;
	margin: 0 0 9px;
}

.nm-topics-deep-card .nm-topics-enter {
	font-size: 8px;
	margin: 0 0 0 auto;
	max-width: 90px;
	padding: 4px 7px;
}

.nm-topics-series-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nm-topics-series-card {
	background: linear-gradient(145deg, var(--nm-bg-1b1937-98), var(--nm-bg-0c1023-98));
	border: 1px solid rgba(147, 100, 194, 0.45);
	border-radius: 9px;
	min-width: 0;
	overflow: hidden;
}

.nm-topics-series-card > a {
	display: grid;
	grid-template-columns: 74px minmax(0, 1fr);
	min-height: 105px;
}

.nm-topics-series-card img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.nm-topics-series-card > a > span {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 9px 8px;
}

.nm-topics-series-card strong {
	color: var(--nm-tx-ddd3e6);
	display: -webkit-box;
	font-size: 11px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.4;
	overflow: hidden;
}

.nm-topics-series-card small {
	color: var(--nm-tx-9e91ac);
	font-size: 8px;
	margin: 5px 0;
}

.nm-topics-series-card em {
	background: #70358e;
	border: 1px solid #a45bc0;
	border-radius: 4px;
	color: var(--nm-tx-e4d2eb);
	font-size: 8px;
	font-style: normal;
	margin-top: auto;
	padding: 3px 5px;
	text-align: center;
}

.nm-topics-article-grid {
	display: grid;
	gap: 11px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nm-topics-article-col {
	background: linear-gradient(150deg, var(--nm-bg-191834-98), var(--nm-bg-0b0f22-98));
	border: 1px solid rgba(140, 100, 185, 0.43);
	border-radius: 9px;
	display: flex;
	flex-direction: column;
	min-height: 180px;
	min-width: 0;
	padding: 10px 11px;
}

.nm-topics-article-col h3 {
	align-items: center;
	border-bottom: 1px solid rgba(141, 100, 180, 0.16);
	color: var(--nm-tx-ddd2e5);
	display: flex;
	font-size: 11px;
	gap: 6px;
	margin: 0 0 7px;
	padding-bottom: 8px;
}

.nm-topics-article-col h3 > svg {
	color: var(--nm-tx-cd82e6);
	flex: 0 0 15px;
	height: 15px;
	width: 15px;
}

.nm-topics-article-col h3 > a {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nm-topics-article-col h3 small {
	background: #64347e;
	border-radius: 4px;
	color: var(--nm-tx-dec8e9);
	font-size: 8px;
	padding: 2px 4px;
}

.nm-topics-article-col ul {
	display: grid;
	gap: 7px;
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}

.nm-topics-article-col li {
	color: var(--nm-tx-b1a4bd);
	display: -webkit-box;
	font-size: 9px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height: 1.5;
	overflow: hidden;
}

.nm-topics-article-col li::before {
	color: #a671c1;
	content: "▪";
	margin-right: 5px;
}

.nm-topics-article-col__more {
	color: var(--nm-tx-a994b8);
	font-size: 8px;
	margin-top: auto;
	text-align: center;
}

.nm-topics-aside {
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
}

.nm-topics-widget {
	background: linear-gradient(150deg, var(--nm-bg-181733-98), var(--nm-bg-0a0f22-98));
	border: 1px solid rgba(145, 99, 192, 0.45);
	border-radius: 10px;
	min-width: 0;
	padding: 12px 13px;
	scroll-margin-top: calc(var(--nm-header-h) + 14px);
}

.nm-topics-widget h2 {
	align-items: center;
	border-bottom: 1px solid rgba(145, 100, 184, 0.18);
	color: var(--nm-tx-e9dfef);
	display: flex;
	font-size: 15px;
	gap: 7px;
	margin: 0 0 10px;
	padding-bottom: 9px;
}

.nm-topics-widget h2 > svg {
	color: var(--nm-tx-ef8fd3);
	height: 17px;
	width: 17px;
}

.nm-topics-widget h2 > small {
	background: #ae3c96;
	border-radius: 3px;
	color: #fff;
	font-size: 8px;
	margin-left: auto;
	padding: 2px 4px;
}

.nm-topics-navigation ul {
	display: grid;
	gap: 5px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nm-topics-navigation a {
	align-items: center;
	background: rgba(124, 73, 154, 0.08);
	border: 1px solid rgba(138, 98, 171, 0.15);
	border-radius: 5px;
	color: var(--nm-tx-bfb1ca);
	display: flex;
	font-size: 10px;
	gap: 8px;
	padding: 6px 8px;
}

.nm-topics-navigation a:hover {
	background: rgba(157, 76, 190, 0.16);
	color: var(--nm-tx-ead8f3);
}

.nm-topics-navigation a svg {
	color: var(--nm-tx-c283df);
	height: 15px;
	width: 15px;
}

.nm-topics-navigation a span {
	flex: 1;
}

.nm-topics-navigation a em {
	color: var(--nm-tx-9e90ab);
	font-size: 9px;
	font-style: normal;
}

.nm-topics-ranking ol {
	display: grid;
	gap: 7px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nm-topics-ranking li {
	align-items: center;
	display: flex;
	font-size: 10px;
	gap: 7px;
	min-width: 0;
}

.nm-topics-ranking li > span {
	align-items: center;
	background: var(--nm-bg-373047);
	border-radius: 3px;
	color: var(--nm-tx-c5b8cf);
	display: flex;
	flex: 0 0 17px;
	font-size: 9px;
	height: 17px;
	justify-content: center;
}

.nm-topics-ranking li > span.is-top {
	background: linear-gradient(140deg, #f044a4, #d34b69);
	color: #fff;
}

.nm-topics-ranking li > a {
	color: var(--nm-tx-c3b5ce);
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nm-topics-ranking li > em {
	align-items: center;
	color: var(--nm-tx-c39dae);
	display: flex;
	font-size: 8px;
	font-style: normal;
	gap: 2px;
}

.nm-topics-ranking li > em svg {
	color: var(--nm-tx-ff8d62);
	height: 10px;
	width: 10px;
}

.nm-topics-plan > p {
	color: var(--nm-tx-aa9cb7);
	font-size: 9px;
	line-height: 1.65;
	margin: 0 0 9px;
}

.nm-topics-plan__button {
	background: linear-gradient(100deg, #a438a6, #6b358e);
	border: 1px solid #ce67cd;
	border-radius: 5px;
	color: var(--nm-tx-f2dff2);
	display: block;
	font-size: 10px;
	margin-bottom: 10px;
	padding: 6px;
	text-align: center;
}

.nm-topics-plan ul {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}

.nm-topics-plan li {
	align-items: center;
	color: var(--nm-tx-a999b6);
	display: flex;
	font-size: 9px;
	gap: 5px;
	min-width: 0;
}

.nm-topics-plan li > span {
	align-items: center;
	border: 1px solid var(--nm-bd-62556f);
	border-radius: 3px;
	display: flex;
	flex: 0 0 13px;
	height: 13px;
	justify-content: center;
}

.nm-topics-plan li > span.is-saved {
	background: #72418a;
	border-color: #b977d0;
	color: #fff;
}

.nm-topics-plan li svg {
	height: 9px;
	width: 9px;
}

.nm-topics-plan li > a {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nm-topics-plan li > em {
	font-size: 8px;
	font-style: normal;
}

.nm-topics-widget__more {
	color: var(--nm-tx-ab96b8);
	display: block;
	font-size: 9px;
	text-align: center;
}

.nm-topics-new > div {
	display: grid;
	gap: 9px;
	margin-bottom: 10px;
}

.nm-topics-new > div > a {
	align-items: center;
	background: rgba(113, 67, 145, 0.08);
	border: 1px solid rgba(138, 94, 172, 0.16);
	border-radius: 6px;
	display: grid;
	gap: 8px;
	grid-template-columns: 68px minmax(0, 1fr);
	min-width: 0;
	overflow: hidden;
	padding: 5px;
	position: relative;
}

.nm-topics-new img {
	border-radius: 4px;
	height: 47px;
	object-fit: cover;
	width: 68px;
}

.nm-topics-new > div > a > span {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding-right: 4px;
}

.nm-topics-new strong {
	color: var(--nm-tx-cbbbd6);
	display: -webkit-box;
	font-size: 10px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.4;
	overflow: hidden;
}

.nm-topics-new > div > a > span small {
	color: var(--nm-tx-9789a3);
	font-size: 8px;
	margin-top: 4px;
}

.nm-topics-new > div > a > em {
	background: #a63a95;
	border-radius: 3px;
	color: #fff;
	font-size: 7px;
	font-style: normal;
	padding: 2px 3px;
	position: absolute;
	right: 4px;
	top: 4px;
}

.post-type-archive-topic_collection .nm-footer {
	background: linear-gradient(90deg, var(--nm-bg-060914-98) 20%, var(--nm-bg-060914-56) 72%, var(--nm-bg-060914-12)), url("../images/topics-footer-city.png") right bottom / auto 100% no-repeat, var(--nm-bg-070b18);
	margin-top: 8px;
	min-height: 112px;
	padding-block: 24px 16px;
}

.post-type-archive-topic_collection .nm-footer::after {
	content: none;
}

@media (max-width: 1240px) {
	.nm-topics-hero__content {
		padding-left: 30px;
	}

	.nm-topics-hero__values {
		width: 265px;
	}

	.nm-topics-layout {
		grid-template-columns: minmax(0, 1fr) 260px;
	}

	.nm-topics-hot-card h3 {
		font-size: 13px;
	}

	.nm-topics-series-card > a {
		grid-template-columns: 58px minmax(0, 1fr);
	}

	.nm-topics-series-card strong {
		font-size: 10px;
	}
}

@media (max-width: 1080px) {
	.nm-topics-hero__title {
		font-size: 28px;
	}

	.nm-topics-hero__values {
		width: 245px;
	}

	.nm-topics-hero__values > div > span {
		display: none;
	}

	.nm-topics-quickcats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.nm-topics-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.nm-topics-aside {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nm-topics-hot-card h3 {
		font-size: 15px;
	}

	.nm-topics-path {
		gap: 12px;
	}

	.nm-topics-path li:not(:last-child)::after {
		display: none;
	}

	.nm-topics-series-card > a {
		grid-template-columns: 74px minmax(0, 1fr);
	}
}

@media (max-width: 760px) {
	.nm-topics-hero__values {
		display: none;
	}

	.nm-topics-hero__art {
		left: auto;
		opacity: 0.65;
		right: 0;
		width: 75%;
	}

	.nm-topics-hero__content {
		padding: 20px 24px;
	}

	.nm-topics-sectionhead {
		align-items: flex-start;
	}

	.nm-topics-sectionhead > div {
		gap: 5px 9px;
	}

	.nm-topics-hot-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nm-topics-path {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.nm-topics-deep-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.nm-topics-series-grid,
	.nm-topics-article-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.post-type-archive-topic_collection .nm-main {
		padding-bottom: 16px;
	}

	.nm-topics-archive {
		padding-inline: 12px;
	}

	.nm-topics-hero {
		border: 1px solid rgba(181, 78, 255, 0.35);
		border-radius: 10px;
		height: 270px;
	}

	.nm-topics-hero__art {
		height: 145px;
		opacity: 0.55;
		width: 100%;
	}

	.nm-topics-hero::before {
		background: linear-gradient(180deg, var(--nm-bg-09091d-16), var(--nm-bg-100d28) 69%);
	}

	.nm-topics-hero__content {
		padding: 17px;
	}

	.nm-topics-hero__title {
		font-size: 27px;
		line-height: 1.28;
	}

	.nm-topics-hero__content > p {
		font-size: 10px;
		line-height: 1.6;
		max-width: 310px;
	}

	.nm-topics-hero__actions {
		gap: 8px;
		margin-top: 19px;
	}

	.nm-topics-hero__actions a {
		font-size: 10px;
		padding-inline: 11px;
	}

	.nm-topics-quickcats {
		gap: 8px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 10px;
	}

	.nm-topics-quickcats > a {
		gap: 8px;
		height: 58px;
		padding-inline: 9px;
	}

	.nm-topics-quickcats strong {
		font-size: 12px;
	}

	.nm-topics-quickcats small {
		font-size: 8px;
	}

	.nm-topics-sectionhead h2 {
		font-size: 16px;
	}

	.nm-topics-sectionhead p {
		flex-basis: 100%;
		font-size: 9px;
		line-height: 1.5;
	}

	.nm-topics-sectionhead > a {
		font-size: 9px;
	}

	.nm-topics-hot-grid,
	.nm-topics-series-grid,
	.nm-topics-article-grid,
	.nm-topics-aside {
		grid-template-columns: minmax(0, 1fr);
	}

	.nm-topics-hot-card__media {
		height: 160px;
	}

	.nm-topics-path {
		gap: 8px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nm-topics-path a {
		height: 118px;
	}

	.nm-topics-deep-card {
		grid-template-columns: 36% minmax(0, 1fr);
	}

	.nm-topics-series-card > a {
		min-height: 115px;
	}

	.nm-topics-article-col {
		min-height: 160px;
	}

	.post-type-archive-topic_collection .nm-footer {
		background-size: auto 72px;
		padding-bottom: 82px;
	}
}