@charset "UTF-8";
/* ==========================================================================
   花粉同城 · 页面层（pages.css）
   首页 / 同城小信箱 / 同城推送 / 通知 / 404 / 协议 / SSO
   ========================================================================== */

/* ---------- 首页：主视觉 ---------- */
.hero {
	position: relative;
	overflow: hidden;
	padding: 72px 0 64px;
	border-bottom: 1px solid var(--line);
}

.hero::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(1000px 420px at 88% -10%, var(--red-soft), transparent 70%),
		radial-gradient(700px 380px at 4% 110%, var(--bronze-soft), transparent 72%);
}

.hero-inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
	gap: 48px;
	align-items: center;
}

.hero-copy .display {
	margin: 18px 0 0;
}

.hero-copy .lede {
	margin-top: 18px;
	font-size: 1.06rem;
}

.hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 30px;
}

/* 主视觉右侧信息面板 */
.hero-mark {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	padding: 34px 24px;
	border: 1px solid var(--line);
	border-radius: 24px;
	background: var(--surface);
	box-shadow: var(--shadow);
}

.hero-mark-cap {
	text-align: center;
}

.hero-mark-cap span {
	font-family: var(--mono);
	font-size: 11px;
	letter-spacing: .12em;
	color: var(--text-3);
}

.hero-mark-list {
	width: 100%;
	border-top: 1px solid var(--line);
	padding-top: 14px;
	display: grid;
	gap: 6px;
}

.hero-mark-list div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	font-size: .82rem;
	color: var(--text-2);
}

.hero-mark-list span {
	font-family: var(--mono);
	font-size: 10px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--text-3);
}

/* ---------- 首页：入口宽卡片 ---------- */
.entry-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
}

.entry-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 26px 26px 24px;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--surface);
	transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.entry-card:hover {
	border-color: color-mix(in srgb, var(--red) 45%, var(--line));
	transform: translateY(-3px);
	box-shadow: var(--shadow);
}

.entry-card h3 {
	font-size: 1.22rem;
}

.entry-card .entry-text {
	color: var(--text-2);
	font-size: .93rem;
}

.entry-card .entry-go {
	margin-top: auto;
	padding-top: 6px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 700;
	font-size: .92rem;
	color: var(--red);
}

.entry-card[data-tone="bronze"]:hover {
	border-color: color-mix(in srgb, var(--bronze) 50%, var(--line));
}

.entry-card[data-tone="bronze"] .entry-go {
	color: var(--bronze);
}

/* ---------- 小信箱 ---------- */
.mail-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr);
	gap: 32px;
	align-items: start;
}

.mail-aside {
	position: sticky;
	top: calc(var(--header-h) + 62px);
	display: grid;
	gap: 18px;
}

.mail-steps {
	display: grid;
	gap: 0;
}

.mail-steps li {
	display: flex;
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px dashed var(--line);
	font-size: .9rem;
	color: var(--text-2);
}

.mail-steps li:last-child {
	border-bottom: 0;
}

.mail-steps b {
	font-family: var(--mono);
	font-size: .78rem;
	color: var(--bronze);
	flex: 0 0 22px;
}

.page-head {
	padding: 52px 0 34px;
	border-bottom: 1px solid var(--line);
}

.page-head h1 {
	margin: 14px 0 0;
	font-size: clamp(1.7rem, 4.4vw, 2.3rem);
	font-weight: 700;
	letter-spacing: -.02em;
}

.page-head .lede {
	margin-top: 14px;
}

.page-head .page-head-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 24px;
}

.filter-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 0;
	border-bottom: 1px solid var(--line);
}

.filter-bar .filter-label {
	font-family: var(--mono);
	font-size: 10px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--text-3);
	margin-right: 10px;
}

.filter-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.feed-status {
	font-size: .85rem;
	color: var(--text-3);
}

.feed-status[hidden] {
	display: none;
}

/* ---------- 通知页 ---------- */
.notice-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	padding: 18px 0 22px;
	border-bottom: 1px solid var(--line);
	margin-bottom: 26px;
}

.notice-count {
	font-size: .9rem;
	color: var(--text-2);
}

.notice-count b {
	color: var(--red);
	font-family: var(--mono);
	font-size: 1.05rem;
}

.notice-toolbar .notice-actions {
	margin-left: auto;
	display: flex;
	gap: 10px;
}

/* ---------- 404 ---------- */
.notfound {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 16px;
	padding: 90px 20px 110px;
}

.notfound .notfound-code {
	font-family: var(--mono);
	font-size: clamp(3.4rem, 12vw, 6rem);
	font-weight: 700;
	letter-spacing: -.04em;
	line-height: 1;
	color: var(--red);
}

.notfound h1 {
	font-size: 1.5rem;
}

.notfound .lede {
	text-align: center;
}

.notfound-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-top: 12px;
}

/* ---------- 协议 / 长文档 ---------- */
.doc {
	max-width: 780px;
	margin: 0 auto;
	padding: 56px 0 20px;
}

.doc-head {
	padding-bottom: 24px;
	border-bottom: 1px solid var(--line);
	margin-bottom: 30px;
}

.doc-head h1 {
	margin: 14px 0 0;
	font-size: clamp(1.6rem, 4.2vw, 2.1rem);
	font-weight: 700;
	letter-spacing: -.02em;
}

.doc-meta {
	margin-top: 12px;
	font-family: var(--mono);
	font-size: 11px;
	letter-spacing: .1em;
	color: var(--text-3);
}

.doc-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	margin-top: 22px;
	font-size: .88rem;
}

.doc-nav a {
	color: var(--text-2);
}

.doc-nav a:hover {
	color: var(--red);
}

.doc-nav a[aria-current="page"] {
	color: var(--red);
	font-weight: 700;
}

/* ---------- SSO ---------- */
.sso {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 18px;
	min-height: 70vh;
	text-align: center;
	padding: 60px 20px;
}

.sso p {
	color: var(--text-2);
	font-size: 1rem;
}

/* ---------- 响应式 ---------- */
@media (max-width: 940px) {
	.hero-inner {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.hero {
		padding: 52px 0 48px;
	}

	.mail-layout {
		grid-template-columns: 1fr;
	}

	.mail-aside {
		position: static;
	}
}

@media (max-width: 640px) {
	.page-head {
		padding: 38px 0 26px;
	}

	.filter-bar {
		align-items: flex-start;
		flex-direction: column;
	}

	.feed-status {
		width: 100%;
	}

	.tabs {
		width: 100%;
	}

	.notice-toolbar .notice-actions {
		margin-left: 0;
		width: 100%;
	}
}

/* ---------- 内容详情页 ---------- */
.article-wrap {
	max-width: 780px;
	margin: 0 auto;
	padding: 40px 0 60px;
}

.article-nav {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 26px;
	font-family: var(--mono);
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--text-3);
}

.article-nav a {
	color: var(--text-3);
	text-decoration: none;
}

.article-nav a:hover {
	color: var(--red);
}

.article-head {
	padding-bottom: 22px;
	border-bottom: 1px solid var(--line);
	margin-bottom: 28px;
}

.article-head h1 {
	margin: 14px 0 0;
	font-size: clamp(1.5rem, 4vw, 2.05rem);
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.3;
}

.article-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 14px;
	font-size: .78rem;
	color: var(--text-3);
}

.article-meta[hidden] {
	display: none;
}

.article-meta .tag {
	display: inline-flex;
	align-items: center;
	padding: 2px 9px;
	border-radius: 999px;
	font-size: .74rem;
	font-weight: 700;
	background: var(--surface-2);
	color: var(--text-2);
}

.article-meta .tag-local {
	background: var(--red-soft);
	color: var(--red);
}

.article-meta .tag-lit {
	background: var(--bronze-soft);
	color: var(--bronze);
}

.article-meta .tag-pin {
	background: var(--red);
	color: #fff;
}

.article-body .prose {
	font-size: 1.02rem;
	line-height: 2.0;
}

.article-source {
	margin-top: 26px;
	padding-top: 20px;
	border-top: 1px dashed var(--line);
}

.article-body .prose img {
	display: block;
	margin: 20px auto;
}


/* ==========================================================================
   协作台账页（/pages/collab.html）
   数据经主站接口取，本页只负责呈现与投递；样式沿用本站令牌，不另起一套。
   ========================================================================== */

/* ---------- 四站待办磁贴 ---------- */
.collab-tiles {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.collab-tile {
	padding: 18px 18px 16px;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--surface);
	box-shadow: var(--shadow);
}

.collab-tile.is-mine {
	border-color: var(--red);
	box-shadow: 0 1px 2px rgba(16, 20, 28, .05), 0 10px 28px var(--red-soft);
}

.collab-tile-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.collab-tile-top b {
	font-size: 15px;
	font-weight: 700;
}

.collab-tile-flag {
	padding: 1px 7px;
	border-radius: 999px;
	background: var(--red);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
}

.collab-tile-num {
	margin-top: 12px;
	font-family: var(--mono);
	font-size: 34px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.02em;
	color: var(--text);
}

.collab-tile.is-mine .collab-tile-num {
	color: var(--red);
}

.collab-tile-label {
	margin-top: 4px;
	font-size: 12px;
	color: var(--text-3);
}

.collab-tile-cells {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px;
}

.collab-tile-cells i {
	padding: 1px 7px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: var(--surface-2);
	font-family: var(--mono);
	font-size: 11px;
	font-style: normal;
	color: var(--text-2);
}

@media (max-width: 760px) {
	.collab-tiles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 420px) {
	.collab-tiles {
		grid-template-columns: 1fr;
	}
}

/* ---------- 任务卡 ---------- */
.collab-card {
	padding: 24px;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--surface);
	box-shadow: var(--shadow);
}

.collab-task-head {
	padding-bottom: 16px;
	border-bottom: 1px solid var(--line);
}

.collab-task-title {
	margin: 10px 0 6px;
	font-size: 21px;
	line-height: 1.35;
}

.collab-task-meta {
	margin: 0;
	font-size: 13px;
	color: var(--text-3);
}

.collab-badge {
	display: inline-block;
	margin-right: 6px;
	padding: 2px 9px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
}

.collab-badge-code {
	background: var(--surface-2);
	border: 1px solid var(--line);
	font-family: var(--mono);
	color: var(--text-2);
}

.collab-badge-status {
	background: var(--red-soft);
	color: var(--red-deep);
}

.collab-badge-status[data-status="done"] {
	background: rgba(22, 122, 76, .12);
	color: var(--ok);
}

.collab-badge-status[data-status="doing"] {
	background: var(--bronze-soft);
	color: var(--bronze);
}

.collab-badge-status[data-status="blocked"] {
	background: rgba(162, 105, 26, .14);
	color: var(--warn);
}

.collab-task-block {
	margin-top: 18px;
}

.collab-task-block h3 {
	margin: 0 0 6px;
	font-size: 13px;
	font-weight: 700;
	color: var(--text-3);
	letter-spacing: .04em;
}

.collab-task-block p {
	margin: 0;
	font-size: 14.5px;
	line-height: 1.7;
	color: var(--text-2);
}

/* ---------- 可展开区（分工 / 已完成 / 约束） ---------- */
.collab-details {
	margin-top: 14px;
	border: 1px solid var(--line);
	border-radius: var(--radius-sm);
	background: var(--surface-2);
}

.collab-details > summary {
	padding: 12px 16px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	color: var(--text);
	list-style: none;
}

.collab-details > summary::-webkit-details-marker {
	display: none;
}

.collab-details > summary::before {
	content: "＋ ";
	font-family: var(--mono);
	color: var(--text-3);
}

.collab-details[open] > summary::before {
	content: "－ ";
}

.collab-details > summary:focus-visible {
	outline: 2px solid var(--red);
	outline-offset: -2px;
}

.collab-list,
.collab-rules {
	margin: 0;
	padding: 0 16px 14px 16px;
	list-style: none;
}

.collab-list li,
.collab-rules li {
	position: relative;
	padding: 7px 0 7px 0;
	font-size: 14px;
	line-height: 1.65;
	color: var(--text-2);
	border-top: 1px solid var(--line);
}

.collab-list li:first-child,
.collab-rules li:first-child {
	border-top: none;
}

.collab-rules li::before {
	content: "· ";
	color: var(--bronze);
	font-weight: 700;
}

.collab-chip {
	display: inline-block;
	margin-right: 8px;
	padding: 1px 8px;
	border-radius: 999px;
	background: var(--red-soft);
	color: var(--red-deep);
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.collab-chip[data-status="done"] {
	background: rgba(22, 122, 76, .12);
	color: var(--ok);
}

/* ---------- 留痕 ---------- */
.collab-split {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 300px);
	gap: 40px;
	align-items: start;
}

@media (max-width: 900px) {
	.collab-split {
		grid-template-columns: 1fr;
		gap: 28px;
	}
}

.collab-timeline {
	margin: 0;
	padding: 0;
	list-style: none;
}

.collab-tl-item {
	padding: 14px 0 14px 18px;
	border-left: 2px solid var(--line);
	border-bottom: 1px solid var(--line);
}

.collab-tl-item:first-child {
	padding-top: 0;
}

.collab-tl-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: var(--text-3);
}

.collab-tl-title {
	margin-top: 5px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--text);
}

.collab-tl-from {
	margin-top: 3px;
	font-size: 12.5px;
	color: var(--text-3);
}

/* ---------- 其他站发来的：条目列表 ---------- */
.collab-list-tabs {
	margin-bottom: 18px;
}

.collab-list-count {
	font-size: 13px;
	color: var(--text-3);
}

.collab-items {
	margin: 0;
	padding: 0;
	list-style: none;
}

.collab-item {
	padding: 16px 0;
	border-bottom: 1px solid var(--line);
}

.collab-item:first-child {
	border-top: 1px solid var(--line);
}

.collab-chip-site {
	background: var(--bronze-soft);
	color: var(--bronze);
}

.collab-chip-kind {
	background: var(--surface-2);
	color: var(--text-2);
}

.collab-item-title {
	display: block;
	width: 100%;
	margin-top: 6px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--text);
	font-family: inherit;
	font-size: 16px;
	line-height: 1.55;
	font-weight: 700;
	text-align: left;
	cursor: pointer;
}

.collab-item-title::before {
	content: "▸ ";
	color: var(--text-3);
	font-weight: 400;
}

.collab-item-title[aria-expanded="true"]::before {
	content: "▾ ";
	color: var(--red);
}

.collab-item-title:hover {
	color: var(--red);
}

.collab-item-title:focus-visible {
	outline: 2px solid var(--red);
	outline-offset: 3px;
	border-radius: 3px;
}

.collab-item-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 6px;
	font-size: 12.5px;
	color: var(--text-3);
}

.collab-item-body {
	margin-top: 12px;
	padding: 14px 16px;
	border-left: 2px solid var(--red-soft);
	border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
	background: var(--surface-2);
}

.collab-prose {
	font-size: 14.5px;
	line-height: 1.8;
	color: var(--text-2);
	white-space: pre-wrap;
	word-break: break-word;
}

.collab-history {
	margin: 12px 0 0;
	padding: 10px 0 0;
	border-top: 1px solid var(--line);
	list-style: none;
}

.collab-history li {
	font-size: 12.5px;
	color: var(--text-3);
}

/* ---------- 空态 ---------- */
.collab-plain-empty {
	margin: 0;
	padding: 18px 0;
	font-size: 14px;
	color: var(--text-3);
}

.collab-tiles .collab-plain-empty,
.collab-card .collab-plain-empty {
	padding: 22px;
	border: 1px dashed var(--line-strong);
	border-radius: var(--radius-sm);
	background: var(--surface-2);
	text-align: center;
}

/* ═══════════════════════════════════════════════════════════
   261023-06：主站版式覆盖层
   —— 与 base.css 末尾的令牌换色配合：只调观感，不动结构。
   ═══════════════════════════════════════════════════════════ */

h1, h2, h3, .display, .hero-mark-cap, .sec__title {
	font-family: "Songti SC", "STSong", "SimSun", "Songti TC", serif;
	font-weight: 600;
	letter-spacing: .06em;
}

.hero { background: var(--bg); border-bottom: 1px solid var(--line); }
.display { font-size: clamp(2rem, 4.6vw, 2.9rem); line-height: 1.28; letter-spacing: .08em; }
.display em { font-style: normal; color: var(--red); }
.eyebrow { color: var(--red); font-size: .78rem; letter-spacing: .2em; }
.lede { color: var(--text-2); font-size: 1rem; line-height: 1.9; }

.btn { border-radius: 10px; letter-spacing: .04em; }
.btn-primary { background: var(--red); border-color: var(--red); color: #fff; }
.btn-primary:hover { background: var(--red-deep); border-color: var(--red-deep); }
.btn-ghost { background: transparent; border-color: var(--line); color: var(--text-2); }
.btn-ghost:hover { border-color: var(--red); color: var(--red); }

.hero-fact, .card, .panel {
	background: var(--surface); border: 1px solid var(--line);
	border-radius: 18px; box-shadow: none;
}
.hero-fact b { font-family: inherit; letter-spacing: .04em; }
.hero-fact span { color: var(--text-3); font-size: .8rem; }

/* 分节与小标题：与主站一致的间距节奏 */
.section, .band { margin-top: 48px; }
.section__head, .band__head { padding-bottom: 10px; border-bottom: 1px solid var(--line); margin-bottom: 18px; }

/* ═══════════════════════════════════════════════════════════
   261023-07：长文阅读版式（协议 / 说明）与内页页头
   ═══════════════════════════════════════════════════════════ */
.doc { max-width: 68ch; font-size: 1rem; line-height: 2; color: var(--text-2); }
.doc-head h1 {
	font-family: "Songti SC", "STSong", "SimSun", "Songti TC", serif;
	font-size: clamp(1.7rem, 3.4vw, 2.15rem);
	letter-spacing: .08em; line-height: 1.3;
	color: var(--text); margin: 10px 0 0;
}
.doc-meta { color: var(--text-3); font-size: .82rem; letter-spacing: .04em; margin: 10px 0 0; }
.doc-nav { display: flex; gap: 8px; flex-wrap: wrap; margin: 18px 0 0; }
.doc-nav a {
	padding: 4px 12px; border: 1px solid var(--line); border-radius: 999px;
	font-size: .8rem; color: var(--text-3);
}
.doc-nav a:hover { border-color: var(--red); color: var(--red); }

.doc h2 {
	font-family: "Songti SC", "STSong", "SimSun", serif;
	font-size: 1.16rem; letter-spacing: .06em; color: var(--text);
	margin: 32px 0 10px; padding-top: 18px; border-top: 1px solid var(--line);
}
.doc h2:first-of-type { border-top: 0; padding-top: 0; }
.doc h3 { color: var(--text); font-size: 1.02rem; margin: 20px 0 8px; }
.doc p { margin: 0 0 20px; }
.doc ul, .doc ol { margin: 0 0 20px; padding-left: 1.35em; }
.doc li { margin: 6px 0; }
.doc a { color: var(--red); }
.doc b, .doc strong { color: var(--text); }
.doc code {
	font-family: var(--code, ui-monospace); font-size: .86em;
	background: var(--surface-2); border: 1px solid var(--line);
	border-radius: 4px; padding: .1em .34em;
}
.doc blockquote {
	margin: 0 0 20px; padding: 12px 16px;
	border-left: 3px solid var(--red-soft); border-radius: 0 8px 8px 0;
	background: var(--surface-2); color: var(--text-3);
}
.doc table { width: 100%; border-collapse: collapse; margin: 0 0 20px; font-size: .9rem; }
.doc th, .doc td { border-bottom: 1px solid var(--line); padding: 9px 12px; text-align: left; vertical-align: top; }
.doc th { color: var(--text); font-weight: 600; }

/* ═══════════════════════════════════════════════════════════
   261023-15：数值对齐 common 版式基准
   —— 栏宽 1180、栏距 24/18、圆角 20、分节 48，全部取 common 变量。
   ═══════════════════════════════════════════════════════════ */
.wrap {
	max-width: var(--mz-page, 1180px);
	margin: 0 auto;
	padding-left: var(--mz-gutter, 24px);
	padding-right: var(--mz-gutter, 24px);
}
.hero-fact, .card, .panel, .entry-card {
	border-radius: var(--mz-radius-l, 20px);
	box-shadow: none;
}
.section, .band { margin-top: 48px; }
.section:first-of-type, .band:first-of-type { margin-top: 0; }
.section-more { color: var(--mz-cinnabar); }
.section-more:hover { color: var(--mz-cinnabar-deep); }

/* ═══════════════════════════════════════════════════════════
   261023-17：页内栅格统一到主站比例
   主视觉两栏 1.2 : .8，栏距 24；分节与卡片栅格间距 24。
   ═══════════════════════════════════════════════════════════ */
.hero {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
    gap: 24px;
}
.section, .band, .cards, .grid { gap: 24px; }

/* ═══════════════════════════════════════════════════════════
   261023-20：玻璃终端改版覆盖层（Glass Terminal）
   —— 与 /common/css/mz_theme.css 配套：把本站的纯白面板、
      宋体标题与实色主视觉换成玻璃面板 + 冷光底 + 无衬线标题。
      本块放在文件最末，用来压住前面所有旧规则，不改结构。
   ═══════════════════════════════════════════════════════════ */

/* 令牌接回公共层：本站旧名一律指向 mz_* */
:root {
	--bg: var(--mz-bg);
	--surface: var(--mz-glass);
	--surface-2: var(--mz-glass-2);
	--line: var(--mz-line);
	--line-strong: var(--mz-line-strong);
	--text: var(--mz-ink);
	--text-2: var(--mz-ink-2);
	--text-3: var(--mz-ink-3);
	--red: var(--mz-accent);
	--red-deep: var(--mz-accent-deep);
	--red-soft: var(--mz-accent-wash);
	--bronze: var(--mz-gold);
	--bronze-soft: var(--mz-gold-wash);
	--radius: var(--mz-radius);
	--radius-sm: 9px;
	--shadow: var(--mz-shadow);
	--shadow-lg: var(--mz-shadow-lift);
}

/* 底透明，让 html 的冷光与点阵透上来 */
body { background: transparent; }

/* 标题改回无衬线，字距收紧，去掉宋体 */
h1, h2, h3, h4, h5,
.display,
.hero-mark-cap,
.sec__title,
.doc h2,
.doc-head h1,
.ask__h b {
	font-family: var(--mz-display);
	font-weight: 700;
	letter-spacing: -.01em;
}

/* 主视觉：去实色底与红金蒙层，改成一层极淡的冷光 */
.hero {
	background: transparent;
	border-bottom: 1px solid var(--mz-line);
}
.hero::after {
	background:
		radial-gradient(760px 340px at 86% -4%, var(--mz-glow-1), transparent 72%),
		radial-gradient(620px 320px at 2% 108%, var(--mz-glow-3), transparent 74%);
	opacity: .8;
}

.display { letter-spacing: -.02em; line-height: 1.16; }
.display em { color: var(--mz-accent); }
.eyebrow { color: var(--mz-accent); font-family: var(--mz-mono); font-size: .68rem; letter-spacing: .18em; }
.lede { color: var(--mz-ink-2); }

/* 首屏右侧面板：取卡片档（见 mz_theme.css 第五节） */
.hero-mark-cap span,
.hero-mark-list span { font-family: var(--mz-mono); color: var(--mz-ink-4); }
.hero-mark-list { border-top-color: var(--mz-line); }

/* 首屏三个小事实：玻璃胶囊 */
.hero-facts { border-top-color: var(--mz-line); }
.hero-fact {
	padding: 9px 14px;
	border-radius: var(--mz-radius-pill);
	background: var(--mz-glass-2);
	border: 1px solid var(--mz-line);
}
.hero-fact b { font-family: var(--mz-sans); font-size: .95rem; letter-spacing: 0; }
.hero-fact span { font-family: var(--mz-mono); font-size: .62rem; letter-spacing: .12em; color: var(--mz-ink-4); }

/* 面板类：卡片档的同一个 token，花粉页内的列表 / 表单块跟着走 */
.feed-item,
.notice-item,
.mail-form {
	border-radius: var(--mz-radius-l);
	border: 1px solid var(--mz-line);
	background: var(--mz-surface-card);
	box-shadow: var(--mz-shadow);
	-webkit-backdrop-filter: blur(var(--mz-blur)) saturate(var(--mz-blur-sat));
	backdrop-filter: blur(var(--mz-blur)) saturate(var(--mz-blur-sat));
}
.card:hover,
.entry-card:hover { border-color: var(--mz-accent); box-shadow: var(--mz-shadow-lift); }

/* 按钮：胶囊 + 玻璃 */
.btn { border-radius: var(--mz-radius-pill); }
.btn-primary { box-shadow: 0 14px 30px -16px var(--mz-accent-line); }

/* 分节头：等宽小标 + 细线，去掉宋体 */
.section__head h2,
.band__head h2,
.section-head h2 { font-family: var(--mz-display); font-weight: 700; letter-spacing: -.01em; }
.section-more { color: var(--mz-accent); }
.section-more:hover { color: var(--mz-accent-deep); }

/* 顶栏、二级栏与页脚：这三处的外观（玻璃底、分隔线、模糊、当前页高亮）
   已由 /common/css/mz_theme.css 统一，这里不再重复声明。 */


/* 长文页 */
.doc,
.doc-head h1,
.doc h2 { color: var(--mz-ink); }
.doc { color: var(--mz-ink-2); }
.doc h2 { border-top-color: var(--mz-line); }
.doc-nav a { border-color: var(--mz-line); border-radius: var(--mz-radius-pill); color: var(--mz-ink-3); }
.doc-nav a:hover { border-color: var(--mz-accent); color: var(--mz-accent); }
.doc code { background: var(--mz-glass-2); border-color: var(--mz-line); }
.doc blockquote { background: var(--mz-glass-2); border-left-color: var(--mz-accent-line); color: var(--mz-ink-3); }

/* 页脚与顶栏：外观由 common 统一（见 /common/css/mz_theme.css）。 */


/* 收口：旧页面里 `.xxx h1` 这类选择器会把宋体带回来，这里统一压住 */
h1, h2, h3, h4, h5,
.display,
.doc-head h1,
.doc h2,
.sec__title,
.page-title {
	font-family: var(--mz-display) !important;
	letter-spacing: -.01em;
}

/* 信箱表单：收到 880 的阅读宽，避免右侧大片留白 */
.mail-form { max-width: 880px; }
.mail-head, .mail-note { max-width: 880px; }

/* 协议与说明类长文：正文标题一律无衬线，避免正文里混回宋体 */
.doc h1, .doc h2, .doc h3, .doc h4 {
	font-family: var(--mz-display) !important;
	letter-spacing: -.01em;
}