/**
 * MAFI Wellness 品牌定制样式
 * 基于 Aspect 主题
 */

/* ========================================
   收藏按钮视觉反馈
   ======================================== */
/* 收藏按钮已收藏状态 - 图标变实心 */
.mafi-bookmark-btn.is-active svg path {
	fill: currentColor;
	stroke: currentColor;
}

/* 添加颜色变化增强反馈 */
.mafi-bookmark-btn.is-active {
	color: var(--ghost-accent-color, #15171A);
}

[data-color-scheme="dark"] .mafi-bookmark-btn.is-active {
	color: var(--ghost-accent-color, #FFFFFF);
}

/* ========================================
   只隐藏右下角触发按钮，保留弹窗功能
   ======================================== */
.gh-portal-triggerbtn-iframe {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* ========================================
   侧边栏折叠优化 - 保留原始交互功能
   ======================================== */
/* 折叠状态下隐藏会员卡片，保留导航图标 */
[data-sidebar-collapsed="true"] .sidebar .mafi-user-card {
	display: none !important;
}

/* 使用更高优先级的选择器确保规则生效 */
:where([data-sidebar-collapsed="true"]) .sidebar .mafi-user-card {
	display: none !important;
}

/* 🎯 中等屏幕（768-1199px）：完全隐藏侧边栏会员卡片 */
/* 改用顶部弹窗显示会员信息 */
@media (min-width: 768px) and (max-width: 1199px) {
	.sidebar .mafi-user-card {
		display: none !important;
	}
}

/* ========================================
   手机版导航菜单
   ======================================== */
/* 桌面版和中等屏幕隐藏手机版按钮 */
.mafi-mobile-sidebar-btn,
.mafi-sidebar-close {
	display: none;
}

/* 隐藏用户下拉菜单（在所有屏幕） */
.mafi-user-dropdown {
	display: none !important;
}

/* 手机版（< 768px）侧边栏弹出效果 */
@media (max-width: 767px) {
	/* 覆盖原始主题的 display: none，使用 transform 隐藏 */
	:where(html) .sidebar,
	html .sidebar {
		display: block !important;
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		height: 100vh !important;
		max-height: 100vh !important;
		width: 280px !important;
		background: var(--color-background) !important;
		box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1) !important;
		transform: translateX(-100%) !important;
		transition: transform 0.3s ease !important;
		z-index: 9999 !important;
		overflow-y: auto !important;
		padding-top: var(--spacing-6) !important;
	}

	/* 侧边栏打开状态 - 显示完整内容包括会员卡片 */
	:where(html) .sidebar.mobile-open,
	html .sidebar.mobile-open {
		transform: translateX(0) !important;
	}

	/* 手机版弹出时强制显示会员卡片 - 覆盖所有折叠状态的隐藏规则 */
	:where(html) .sidebar.mobile-open .mafi-user-card,
	:where([data-sidebar-collapsed="true"]) .sidebar.mobile-open .mafi-user-card,
	html .sidebar.mobile-open .mafi-user-card {
		display: block !important;
	}

	/* 遮罩层 */
	.mafi-mobile-overlay {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 9998;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	.mafi-mobile-overlay.active {
		display: block;
		opacity: 1;
	}

	/* 侧边栏关闭按钮 */
	.mafi-sidebar-close {
		position: absolute;
		top: 1rem;
		right: 1rem;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		border: none;
		background: var(--color-background-100);
		color: var(--color-foreground);
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 10000;
	}

	.mafi-sidebar-close svg {
		width: 18px;
		height: 18px;
	}

	/* 右下角浮动按钮 - 已禁用 */
	.mafi-mobile-sidebar-btn {
		display: none !important; /* 永久隐藏汉堡菜单按钮 */
	}
}

/* ========================================
   顶部导航栏主题切换按钮
   ======================================== */
/* 主题切换按钮容器 - 添加间距 */
.mafi-navbar-right {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

/* 主题切换按钮样式 - 与搜索按钮一致 */
.mafi-theme-toggle-btn {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: none;
	background: transparent;
	color: var(--color-foreground);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
	position: relative;
	padding: 0;
}

.mafi-theme-toggle-btn:hover {
	background: var(--color-background-100);
}

.mafi-theme-toggle-btn svg {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: opacity 0.2s ease, transform 0.2s ease;
}

/* 根据当前主题显示对应图标 */
.mafi-theme-toggle-btn .icon-light {
	opacity: 1;
}

.mafi-theme-toggle-btn .icon-dark {
	opacity: 0;
}

[data-color-scheme="dark"] .mafi-theme-toggle-btn .icon-light {
	opacity: 0;
}

[data-color-scheme="dark"] .mafi-theme-toggle-btn .icon-dark {
	opacity: 1;
}

/* 响应式处理 */
@media (max-width: 768px) {
	.mafi-theme-toggle-btn {
		width: 32px;
		height: 32px;
	}

	.mafi-theme-toggle-btn svg {
		width: 18px;
		height: 18px;
	}
}

/* ========================================
   导航紧凑样式 - 适用于所有设备
   （网页版、iPad、手机弹出侧边栏）
   ======================================== */

/* 1. 导航项之间紧密排列 - 无间距 */
/* MAFI: 已注释 - 恢复原版导航样式 */
/*
.navigation-sidebar,
.navigation-popup {
	gap: 0 !important;
}
*/

/* 2. 优化导航项内部间距 - 让图标和文字更紧凑 */
/* MAFI: 已注释 - 恢复原版导航样式 */
/*
.navigation-sidebar .nav-link,
.navigation-popup .nav-link {
	--nav--link--gap: 0.5rem !important;
	--nav--link--padding-v: 0.25rem !important;
	--nav--link--padding-h: 0.5rem !important;
	--nav--link--min-height: 1.25rem !important;
	line-height: initial !important;
}
*/

/* 2.1 优化 SVG 图标显示 - 确保清晰的矢量图标 */
/* MAFI: 已注释 - 恢复原版导航样式 */
/*
.navigation-sidebar .nav-link > svg,
.navigation-popup .nav-link > svg {
	flex-shrink: 0;
	width: var(--nav--link--icon--size) !important;
	height: var(--nav--link--icon--size) !important;
	color: var(--nav--link--icon--color) !important;
}
*/

/* 3. 减小导航分组（section）之间的间距 - 这是"框下面"的距离 */
/* MAFI: 已注释 - 恢复原版导航样式 */
/*
.navigation-sidebar .nav-section:not(:first-child),
.navigation-popup .nav-section:not(:first-child) {
	margin-top: 0 !important;
}
*/

/* 4. 减小下拉菜单内的间距 */
/* MAFI: 已注释 - 恢复原版导航样式 */
/*
.navigation-sidebar .collapse > ul,
.navigation-popup .collapse > ul {
	gap: 0 !important;
}

.navigation-sidebar .collapse .nav-item:first-child,
.navigation-popup .collapse .nav-item:first-child {
	margin-top: 0 !important;
}
*/

/* 5. 隐藏标签列表和下拉菜单 - 保留 HTML 结构避免 JS 报错 */
.tags-list-hidden,
.tags-dropdown-hidden {
	display: none !important;
}

/* 6. 修改"分类"文字为英文"Tags" */
.navigation-tags .nav-section-link .label {
	visibility: hidden; /* 隐藏原文字但保留空间 */
	position: relative;
}

.navigation-tags .nav-section-link .label::after {
	content: "Tags"; /* 显示英文 */
	visibility: visible;
	position: absolute;
	left: 0;
	top: 0;
}

/* ========================================
   会员订阅提示框居中
   ======================================== */
/* 将会员订阅提示框居中显示 */
.post-upgrade-cta {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ========================================
   收藏按钮样式修复 - 与评论、分享按钮保持一致
   ======================================== */
/* 确保文章头部的收藏按钮和评论按钮完全一样的样式 */
.post-header-buttons .mafi-bookmark-btn {
	/* 覆盖 MAFI 默认样式，使用原版按钮样式 */
	width: auto !important;
	display: inline-flex !important;
	padding: 0 !important;
	margin: 0 !important;
	gap: 0 !important;
	background: transparent !important;
	border: none !important;
	justify-content: flex-start !important;
}

/* 取消收藏按钮的悬停效果覆盖，使用默认按钮悬停 */
.post-header-buttons .mafi-bookmark-btn:hover {
	background: transparent !important;
	border-color: transparent !important;
}

/* ========================================
   文章标签紧凑显示 - 靠近标题和内容
   ======================================== */
/* 缩小标签上下间距，使其更紧凑 */
.post-tags {
	margin-top: var(--spacing-2) !important;
	margin-bottom: var(--spacing-4) !important;
}

/* ========================================
   文章卡片样式优化
   ======================================== */
/* Classic 卡片 - 隐藏头像和摘要 */
.card-post-classic .card-post-avatars {
	display: none !important;
}

.card-post-classic .card-post-excerpt {
	display: none !important;
}

/* Classic 卡片 - 隐藏标签，显示阅读时间 */
.card-post-classic .card-post-meta .card-post-tag {
	display: none !important;
}

.card-post-classic .card-post-meta .card-post-meta-divider {
	display: none !important;
}

/* 在 classic 卡片的 meta 中显示阅读时间 */
.card-post-classic .mafi-reading-time {
	display: inline !important;
}

.card-post-classic .mafi-reading-time::before {
	content: " · ";
}

/* 去掉因为隐藏头像而产生的左边距 */
.card-post-classic.card-has-author .card-post-content {
	padding-left: var(--card--content--padding) !important;
}

/* Classic 卡片元数据居左对齐 */
.card-post-classic .card-post-meta,
.card-post-classic-simple .card-post-meta {
	justify-content: flex-start !important;
	text-align: left !important;
}

/* ========================================
   全局兼容性修复 - 确保跨设备一致性
   ======================================== */
html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size: 16px; /* 锁定基准字体大小 */
}

/* 覆盖导航字体变量确保一致性 */
/* MAFI: 已注释 - 恢复原版导航样式 */
/*
:root {
	--nav--link--font-size: 14px;
	--font-small: 14px;
}
*/

/* 确保导航标签字体大小一致 - 使用px确保跨设备一致 */
/* MAFI: 已注释 - 恢复原版导航样式 */
/*
.nav-link,
.nav-link .label,
.navigation a,
.navigation-sidebar a,
.navigation-sidebar .label {
	font-size: 14px !important;
	min-height: 44px;
	line-height: 1.4;
}
*/

/* 侧边栏导航标签 - 确保可见 */
/* MAFI: 已注释 - 恢复原版导航样式 */
/*
.sidebar .nav-link,
.sidebar .nav-link .label,
.sidebar .navigation-sidebar a,
.sidebar .navigation-sidebar .label {
	font-size: 14px !important;
	letter-spacing: 0;
}
*/

/* 移动端导航确保可见性 */
@media (max-width: 768px) {
	.nav-link,
	.nav-link .label,
	.navigation a {
		font-size: 15px !important;
		min-height: 48px;
		padding-top: 12px !important;
		padding-bottom: 12px !important;
	}

	/* 移动端抽屉菜单导航 */
	.mafi-mobile-drawer-nav a,
	.mafi-mobile-drawer-nav .nav-link,
	.mafi-mobile-drawer-nav .label {
		font-size: 16px !important;
		min-height: 36px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

/* ========================================
   全局图标尺寸修复 - 确保跨设备一致性
   ======================================== */
/* 所有按钮内的SVG图标使用固定像素值 */
button svg,
.button svg,
[role="button"] svg {
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	min-height: 20px !important;
	flex-shrink: 0;
}

/* 搜索图标 - 固定尺寸 */
.mafi-search-icon-btn {
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
}

.mafi-search-icon-btn svg {
	width: 22px !important;
	height: 22px !important;
	min-width: 22px !important;
	min-height: 22px !important;
}

/* 关闭按钮 - 固定尺寸 */
.mafi-mobile-drawer-close {
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
}

.mafi-mobile-drawer-close svg {
	width: 22px !important;
	height: 22px !important;
	min-width: 22px !important;
	min-height: 22px !important;
}

/* 主题切换按钮 - 固定尺寸 */
.mafi-mobile-drawer-theme-btn,
.mafi-mobile-drawer-tool-btn {
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
}

.mafi-mobile-drawer-theme-btn svg,
.mafi-mobile-drawer-tool-btn svg {
	width: 22px !important;
	height: 22px !important;
	min-width: 22px !important;
	min-height: 22px !important;
}

/* 菜单切换按钮 - 固定尺寸 */
.mafi-mobile-drawer-toggle {
	width: 52px !important;
	height: 52px !important;
	min-width: 52px !important;
	min-height: 52px !important;
}

.mafi-mobile-drawer-toggle svg {
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	min-height: 24px !important;
}

/* ========================================
   内容保护 - 禁止复制
   ======================================== */
/* 禁止文字选择 */
.content,
.post-content,
.post-title,
.post-excerpt,
.card-post,
article {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* 允许表单输入 */
input,
textarea,
[contenteditable="true"] {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

/* 截图水印层 */
.mafi-watermark {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 9999;
	overflow: hidden;
	opacity: 0.03;
}

.mafi-watermark-inner {
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	transform: rotate(-25deg);
}

.mafi-watermark-text {
	padding: 30px 50px;
	font-size: 14px;
	font-weight: 600;
	color: var(--mafi-brown-deep);
	white-space: nowrap;
}

/* 深色模式水印 */
[data-color-scheme="dark"] .mafi-watermark-text {
	color: #ffffff;
}

/* ========================================
   品牌色彩变量
   ======================================== */
:root {
	/* MAFI 品牌色 - 落日色系 */
	--mafi-brown-deep: #392b21;
	--mafi-brown-medium: #62564b;
	--mafi-brown-light: #9c7d61;
	--mafi-brown-accent: #d4a574;       /* 棕色强调 - 用于按钮等 */
	--mafi-sunset-orange: #e8a87c;      /* 落日橙 - 主强调色 */
	--mafi-terra-warm: #d4816f;         /* 陶土红 - 次强调色 */
	--mafi-golden: #ddc8a6;             /* 金麦色 */
	--mafi-beige-warm: #e9d7c1;
	--mafi-background: #faf7f4;
	--mafi-surface: #ffffff;
	--mafi-border: #d5c4ba;

	/* 覆盖 Aspect 默认色彩 */
	--color-contrast: var(--mafi-brown-deep);
	--color-background: var(--mafi-background);
	--color-background-100: #f5f0eb;
	--color-background-200: #efe8e1;
	--color-background-300: var(--mafi-beige-warm);
	--color-border: rgba(156, 125, 97, 0.2);
	--color-foreground: var(--mafi-brown-medium);
	--color-secondary: #846553;
	--color-mute: var(--mafi-brown-light);

	/* 字体优化（中文友好） */
	--font-family-headings: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
	--font-family-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

/* ========================================
   深色模式适配
   ======================================== */
@media (prefers-color-scheme: dark) {
	:root:not([data-color-scheme="light"]) {
		--color-background: #1a1512;
		--color-background-100: #2a2320;
		--color-background-200: #3a322e;
		--color-background-300: #4a423d;
		--color-contrast: #f5f0eb;
		--color-foreground: #c9b8a8;
		--color-secondary: #a89888;
		--color-border: rgba(200, 180, 160, 0.2);
	}
}

[data-color-scheme="dark"] {
	--color-background: #1a1512;
	--color-background-100: #2a2320;
	--color-background-200: #3a322e;
	--color-background-300: #4a423d;
	--color-contrast: #f5f0eb;
	--color-foreground: #c9b8a8;
	--color-secondary: #a89888;
	--color-border: rgba(200, 180, 160, 0.2);
}

/* ========================================
   首页 - Hero 区域
   ======================================== */
.mafi-hero {
	padding: 4rem 2rem;
	text-align: center;
	background: linear-gradient(135deg, var(--mafi-beige-warm) 0%, var(--mafi-background) 100%);
	border-bottom: 1px solid var(--color-border);
}

.mafi-hero-content {
	max-width: 700px;
	margin: 0 auto;
}

.mafi-hero-title {
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--mafi-brown-deep);
	margin-bottom: 1rem;
	line-height: 1.3;
}

.mafi-hero-desc {
	font-size: 1.125rem;
	color: var(--mafi-brown-medium);
	margin-bottom: 2rem;
	line-height: 1.7;
}

.mafi-hero-actions {
	display: flex;
	gap: 1rem;
	justify-content: center;
	flex-wrap: wrap;
}

.mafi-btn-primary {
	background: linear-gradient(135deg, var(--mafi-sunset-orange), var(--mafi-terra-warm));
	color: #fff !important;
	padding: 0.875rem 2rem;
	border-radius: 8px;
	font-weight: 600;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(232, 168, 124, 0.3);
}

.mafi-btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(232, 168, 124, 0.4);
}

.mafi-btn-secondary {
	background: var(--mafi-surface);
	color: var(--mafi-brown-medium) !important;
	padding: 0.875rem 2rem;
	border-radius: 8px;
	font-weight: 600;
	border: 1px solid var(--mafi-border);
	transition: all 0.3s ease;
}

.mafi-btn-secondary:hover {
	background: var(--color-background-100);
	border-color: var(--mafi-brown-light);
}

/* ========================================
   首页 - 统计数据条
   ======================================== */
.mafi-stats {
	background: var(--mafi-brown-deep);
	padding: 2rem;
}

.mafi-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.mafi-stat-item {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.mafi-stat-number {
	font-size: 2rem;
	font-weight: 700;
	color: var(--mafi-sunset-orange);
}

.mafi-stat-label {
	font-size: 0.875rem;
	color: rgba(255, 255, 255, 0.8);
}

/* ========================================
   首页 - 通用区块标题
   ======================================== */
.mafi-section-title {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--color-contrast);
	margin-bottom: 1.5rem;
}

.mafi-section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.5rem;
}

.mafi-view-all {
	font-size: 0.875rem;
	color: var(--mafi-brown-light);
	font-weight: 500;
}

.mafi-view-all:hover {
	color: var(--mafi-sunset-orange);
}

/* ========================================
   首页 - 内容分类导航
   ======================================== */
.mafi-categories {
	padding: 3rem 0;
}

.mafi-categories-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 1rem;
}

.mafi-category-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1.5rem 1rem;
	background: var(--mafi-surface);
	border: 1px solid var(--color-border);
	border-radius: 12px;
	text-align: center;
	transition: all 0.3s ease;
}

.mafi-category-card:hover {
	border-color: var(--mafi-sunset-orange);
	box-shadow: 0 8px 24px rgba(156, 125, 97, 0.12);
	transform: translateY(-4px);
}

.mafi-category-icon {
	width: 48px;
	height: 48px;
	margin-bottom: 0.75rem;
	border-radius: 12px;
	overflow: hidden;
}

.mafi-category-icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mafi-category-icon-default {
	background: var(--color-background-100);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--mafi-brown-light);
}

.mafi-category-icon-default svg {
	width: 24px;
	height: 24px;
}

.mafi-category-name {
	font-weight: 600;
	color: var(--color-contrast);
	margin-bottom: 0.25rem;
}

.mafi-category-count {
	font-size: 0.75rem;
	color: var(--color-secondary);
}

/* ========================================
   首页 - 精选内容
   ======================================== */
.mafi-featured {
	padding: 3rem 0;
}

.mafi-featured-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
}

.mafi-featured-card {
	background: var(--mafi-surface);
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--color-border);
	transition: all 0.3s ease;
}

.mafi-featured-card:hover {
	box-shadow: 0 12px 32px rgba(156, 125, 97, 0.15);
	transform: translateY(-4px);
}

.mafi-featured-large {
	grid-column: span 2;
}

.mafi-featured-large .mafi-featured-link {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.mafi-featured-link {
	display: block;
	text-decoration: none;
}

.mafi-featured-image {
	position: relative;
	aspect-ratio: 16/10;
	overflow: hidden;
}

.mafi-featured-large .mafi-featured-image {
	aspect-ratio: auto;
	height: 100%;
}

.mafi-featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.mafi-featured-card:hover .mafi-featured-image img {
	transform: scale(1.05);
}

.mafi-access-badge {
	position: absolute;
	top: 0.75rem;
	left: 0.75rem;
	padding: 0.375rem 0.75rem;
	background: linear-gradient(135deg, var(--mafi-brown-deep), var(--mafi-brown-medium));
	color: #fff;
	font-size: 0.75rem;
	font-weight: 500;
	border-radius: 4px;
	z-index: 2;
}

.mafi-featured-content {
	padding: 1.5rem;
}

.mafi-featured-tag {
	display: inline-block;
	font-size: 0.75rem;
	color: var(--mafi-sunset-orange);
	font-weight: 600;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.mafi-featured-title {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-contrast);
	margin-bottom: 0.5rem;
	line-height: 1.4;
}

.mafi-featured-large .mafi-featured-title {
	font-size: 1.5rem;
}

.mafi-featured-excerpt {
	font-size: 0.875rem;
	color: var(--color-secondary);
	line-height: 1.6;
	margin-bottom: 1rem;
}

.mafi-featured-meta {
	display: flex;
	gap: 1rem;
	font-size: 0.75rem;
	color: var(--color-mute);
}

/* ========================================
   首页 - 最新文章区
   ======================================== */
.mafi-latest {
	padding: 3rem 0;
}

/* ========================================
   首页 - 会员 CTA
   ======================================== */
.mafi-cta {
	background: linear-gradient(135deg, var(--mafi-brown-deep) 0%, var(--mafi-brown-medium) 100%);
	padding: 4rem 2rem;
	text-align: center;
	margin-top: 3rem;
}

.mafi-cta-content {
	max-width: 600px;
	margin: 0 auto;
}

.mafi-cta-title {
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 1rem;
}

.mafi-cta-desc {
	font-size: 1rem;
	color: rgba(255, 255, 255, 0.85);
	margin-bottom: 2rem;
	line-height: 1.7;
}

.mafi-cta-features {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-bottom: 2rem;
}

.mafi-cta-feature {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	color: rgba(255, 255, 255, 0.9);
	font-size: 0.9375rem;
}

.mafi-cta-feature-icon {
	color: var(--mafi-sunset-orange);
	font-weight: bold;
}

.mafi-btn-cta {
	background: var(--mafi-sunset-orange) !important;
	color: var(--mafi-brown-deep) !important;
	padding: 1rem 2.5rem;
	border-radius: 8px;
	font-weight: 700;
	font-size: 1rem;
	transition: all 0.3s ease;
	box-shadow: 0 4px 16px rgba(232, 168, 124, 0.4);
}

.mafi-btn-cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(232, 168, 124, 0.5);
}

/* ========================================
   会员状态卡片
   ======================================== */
.mafi-member-card {
	background: var(--color-background-100);
	border-radius: 12px;
	padding: 1rem;
	margin-bottom: 1.5rem;
	border: 1px solid var(--color-border);
}

.mafi-member-info {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

.mafi-member-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
}

.mafi-member-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mafi-member-details {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.mafi-member-name {
	font-weight: 600;
	color: var(--color-contrast);
	font-size: 0.875rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mafi-member-badge {
	font-size: 0.6875rem;
	padding: 0.125rem 0.5rem;
	border-radius: 4px;
	font-weight: 500;
	display: inline-block;
	margin-top: 0.25rem;
}

.mafi-member-badge-premium {
	background: linear-gradient(135deg, var(--mafi-sunset-orange), var(--mafi-terra-warm));
	color: #fff;
}

.mafi-member-badge-free {
	background: var(--color-background-200);
	color: var(--color-secondary);
}

.mafi-member-actions {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.mafi-member-action {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 0.75rem;
	border-radius: 6px;
	font-size: 0.8125rem;
	color: var(--color-foreground);
	transition: all 0.2s ease;
}

.mafi-member-action:hover {
	background: var(--color-background-200);
	color: var(--mafi-sunset-orange);
}

.mafi-member-action svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.mafi-member-upgrade {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--color-border);
	text-align: center;
}

.mafi-member-upgrade p {
	font-size: 0.8125rem;
	color: var(--color-secondary);
	margin-bottom: 0.75rem;
}

.mafi-btn-upgrade {
	display: inline-block;
	width: 100%;
	padding: 0.625rem 1rem;
	background: linear-gradient(135deg, var(--mafi-sunset-orange), var(--mafi-terra-warm));
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 600;
	border-radius: 6px;
	text-align: center;
	transition: all 0.3s ease;
}

.mafi-btn-upgrade:hover {
	box-shadow: 0 4px 12px rgba(232, 168, 124, 0.3);
}

/* 未登录用户状态 */
.mafi-member-guest {
	text-align: center;
	padding: 0.5rem 0;
}

.mafi-member-guest-icon {
	width: 48px;
	height: 48px;
	margin: 0 auto 0.75rem;
	background: var(--color-background-200);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--mafi-brown-light);
}

.mafi-member-guest-icon svg {
	width: 24px;
	height: 24px;
}

.mafi-member-guest-title {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--color-contrast);
	margin-bottom: 0.375rem;
}

.mafi-member-guest-desc {
	font-size: 0.75rem;
	color: var(--color-secondary);
	margin-bottom: 1rem;
	line-height: 1.5;
}

.mafi-member-guest-buttons {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.mafi-btn-signup {
	display: block;
	padding: 0.625rem 1rem;
	background: linear-gradient(135deg, var(--mafi-sunset-orange), var(--mafi-terra-warm));
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 600;
	border-radius: 6px;
	text-align: center;
	transition: all 0.3s ease;
}

.mafi-btn-signup:hover {
	box-shadow: 0 4px 12px rgba(232, 168, 124, 0.3);
}

.mafi-btn-signin {
	display: block;
	padding: 0.5rem 1rem;
	color: var(--color-foreground);
	font-size: 0.8125rem;
	text-align: center;
}

.mafi-btn-signin:hover {
	color: var(--mafi-sunset-orange);
}

/* ========================================
   视频课程模板
   ======================================== */
.mafi-course-layout {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 2rem;
	max-width: 1400px;
	margin: 0 auto;
	padding: 2rem;
}

.mafi-course-sidebar {
	position: sticky;
	top: 2rem;
	height: fit-content;
	max-height: calc(100vh - 4rem);
	overflow-y: auto;
}

.mafi-course-sidebar-inner {
	background: var(--mafi-surface);
	border: 1px solid var(--color-border);
	border-radius: 12px;
	padding: 1.5rem;
}

.mafi-course-info {
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--color-border);
	margin-bottom: 1rem;
}

.mafi-course-info-title {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-contrast);
	margin-bottom: 0.5rem;
}

.mafi-course-duration {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	font-size: 0.8125rem;
	color: var(--color-secondary);
}

.mafi-course-duration svg {
	width: 14px;
	height: 14px;
}

/* 章节列表 */
.mafi-chapters {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mafi-chapter-item {
	margin-bottom: 0.25rem;
}

.mafi-chapter-link {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.75rem;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.mafi-chapter-link:hover,
.mafi-chapter-link.is-active {
	background: var(--color-background-100);
}

.mafi-chapter-link.is-active {
	border-left: 3px solid var(--mafi-sunset-orange);
	padding-left: calc(0.75rem - 3px);
}

.mafi-chapter-num {
	width: 24px;
	height: 24px;
	background: var(--color-background-200);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--color-secondary);
	flex-shrink: 0;
}

.mafi-chapter-link.is-active .mafi-chapter-num {
	background: var(--mafi-sunset-orange);
	color: #fff;
}

.mafi-chapter-title {
	font-size: 0.875rem;
	color: var(--color-foreground);
	line-height: 1.4;
}

.mafi-chapter-link.is-active .mafi-chapter-title {
	color: var(--color-contrast);
	font-weight: 500;
}

.mafi-chapter-empty,
.mafi-chapter-loading,
.mafi-chapter-locked-msg {
	font-size: 0.875rem;
	color: var(--color-secondary);
	text-align: center;
	padding: 1rem;
}

.mafi-chapter-locked-msg {
	background: rgba(232, 168, 124, 0.08);
	border-radius: 8px;
	margin: 0.5rem;
}

/* 课程进度 */
.mafi-course-progress {
	margin-top: 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid var(--color-border);
}

.mafi-course-progress-header {
	display: flex;
	justify-content: space-between;
	font-size: 0.8125rem;
	margin-bottom: 0.5rem;
}

.mafi-course-progress-header span:first-child {
	color: var(--color-secondary);
}

.mafi-course-progress-percent {
	font-weight: 600;
	color: var(--mafi-sunset-orange);
}

.mafi-course-progress-bar {
	height: 6px;
	background: var(--color-background-200);
	border-radius: 3px;
	overflow: hidden;
}

.mafi-course-progress-fill {
	height: 100%;
	background: linear-gradient(90deg, var(--mafi-sunset-orange), var(--mafi-terra-warm));
	border-radius: 3px;
	transition: width 0.3s ease;
}

/* 课程主内容区 */
.mafi-course-main {
	min-width: 0;
}

.mafi-breadcrumb {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.8125rem;
	color: var(--color-secondary);
	margin-bottom: 1rem;
}

.mafi-breadcrumb a {
	color: var(--color-secondary);
}

.mafi-breadcrumb a:hover {
	color: var(--mafi-sunset-orange);
}

.mafi-breadcrumb-sep {
	color: var(--color-mute);
}

.mafi-breadcrumb-current {
	color: var(--color-foreground);
}

.mafi-course-header {
	margin-bottom: 2rem;
}

.mafi-course-title {
	font-size: 2rem;
	font-weight: 700;
	color: var(--color-contrast);
	margin-bottom: 1rem;
	line-height: 1.3;
}

.mafi-course-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.75rem;
	font-size: 0.875rem;
	color: var(--color-secondary);
}

.mafi-course-author {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.mafi-course-author-img {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	object-fit: cover;
}

.mafi-course-meta-divider {
	color: var(--color-mute);
}

.mafi-course-badge {
	padding: 0.25rem 0.75rem;
	border-radius: 4px;
	font-size: 0.75rem;
	font-weight: 600;
}

.mafi-course-badge-paid {
	background: linear-gradient(135deg, var(--mafi-sunset-orange), var(--mafi-terra-warm));
	color: #fff;
}

.mafi-course-badge-members {
	background: var(--color-background-200);
	color: var(--color-secondary);
}

.mafi-course-excerpt {
	margin-top: 1rem;
	font-size: 1rem;
	color: var(--color-foreground);
	line-height: 1.7;
}

/* 视频容器 */
.mafi-course-video-container {
	margin-bottom: 2rem;
}

.mafi-course-video {
	position: relative;
	aspect-ratio: 16/9;
	background: #000;
	border-radius: 12px;
	overflow: hidden;
}

.mafi-course-video-poster {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mafi-course-video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.mafi-course-video-play:hover {
	transform: translate(-50%, -50%) scale(1.1);
}

.mafi-course-video-play svg {
	width: 32px;
	height: 32px;
	color: var(--mafi-brown-deep);
	margin-left: 4px;
}

/* 课程内容 */
.mafi-course-content {
	background: var(--mafi-surface);
	border: 1px solid var(--color-border);
	border-radius: 12px;
	padding: 2rem;
}

/* 锁定内容提示 */
.mafi-course-locked {
	text-align: center;
	padding: 3rem 2rem;
	background: linear-gradient(180deg, transparent 0%, var(--color-background-100) 100%);
	margin-top: 2rem;
	border-radius: 12px;
}

.mafi-locked-icon {
	width: 64px;
	height: 64px;
	margin: 0 auto 1.5rem;
	background: var(--color-background-200);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--mafi-brown-light);
}

.mafi-locked-icon svg {
	width: 32px;
	height: 32px;
}

.mafi-locked-title {
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--color-contrast);
	margin-bottom: 0.75rem;
}

.mafi-locked-desc {
	font-size: 0.9375rem;
	color: var(--color-secondary);
	margin-bottom: 1.5rem;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.mafi-btn-unlock {
	display: inline-block;
	padding: 0.875rem 2rem;
	background: linear-gradient(135deg, var(--mafi-sunset-orange), var(--mafi-terra-warm));
	color: #fff !important;
	font-weight: 600;
	border-radius: 8px;
	transition: all 0.3s ease;
}

.mafi-btn-unlock:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(232, 168, 124, 0.4);
}

.mafi-locked-signin {
	margin-top: 1rem;
	font-size: 0.875rem;
	color: var(--color-secondary);
}

.mafi-locked-signin a {
	color: var(--mafi-sunset-orange);
	font-weight: 500;
}

/* 课程底部导航 */
.mafi-course-footer {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-top: 2rem;
}

.mafi-course-nav {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	padding: 1rem 2rem;
	background: var(--color-background-100);
	border-radius: 12px;
	text-decoration: none;
	transition: all 0.3s ease;
	text-align: center;
}

.mafi-course-nav:hover {
	background: var(--color-background-200);
	transform: translateY(-2px);
}

.mafi-course-nav-back {
	background: linear-gradient(135deg, rgba(232, 168, 124, 0.1), rgba(232, 168, 124, 0.05));
	border: 1px solid rgba(232, 168, 124, 0.2);
}

.mafi-course-nav-back:hover {
	background: linear-gradient(135deg, rgba(232, 168, 124, 0.15), rgba(232, 168, 124, 0.1));
}

.mafi-course-nav-prev {
	text-align: left;
}

.mafi-course-nav-next {
	text-align: right;
}

.mafi-course-nav-label {
	display: block;
	font-size: 0.75rem;
	color: var(--color-secondary);
	margin-bottom: 0.25rem;
}

.mafi-course-nav-title {
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--mafi-brown-deep);
}

/* 相关课程 */
.mafi-related-courses {
	margin-top: 3rem;
}

.mafi-related-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
}

.mafi-related-card {
	display: block;
	background: var(--mafi-surface);
	border: 1px solid var(--color-border);
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.mafi-related-card:hover {
	border-color: var(--mafi-sunset-orange);
	box-shadow: 0 8px 24px rgba(156, 125, 97, 0.12);
}

.mafi-related-image {
	aspect-ratio: 16/9;
	overflow: hidden;
}

.mafi-related-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mafi-related-content {
	padding: 1rem;
}

.mafi-related-content h3 {
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--color-contrast);
	margin-bottom: 0.5rem;
	line-height: 1.4;
}

.mafi-related-time {
	font-size: 0.75rem;
	color: var(--color-secondary);
}

/* ========================================
   收藏功能
   ======================================== */
.mafi-bookmark-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	width: 100%;
	padding: 0.75rem 1rem;
	background: var(--color-background-100);
	border: 1px solid var(--color-border);
	border-radius: 8px;
	color: var(--color-foreground);
	font-size: 0.875rem;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	margin-top: 1rem;
}

/* 文章头部的收藏按钮 */
.mafi-bookmark-btn-header {
	width: auto;
	margin-top: 0;
	padding: 0.5rem 1rem;
}

.mafi-bookmark-btn:hover {
	background: var(--color-background-200);
	border-color: var(--mafi-brown-light);
}

.mafi-bookmark-btn.is-bookmarked {
	background: var(--mafi-sunset-orange);
	border-color: var(--mafi-sunset-orange);
	color: #fff;
}

.mafi-bookmark-btn.is-bookmarked .mafi-bookmark-icon {
	fill: currentColor;
}

.mafi-bookmark-icon {
	width: 18px;
	height: 18px;
}

.mafi-bookmark-animate {
	animation: bookmarkPulse 0.3s ease;
}

@keyframes bookmarkPulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

/* 收藏页面 */
.mafi-bookmarks-empty {
	text-align: center;
	padding: 4rem 2rem;
}

.mafi-bookmarks-empty svg {
	width: 64px;
	height: 64px;
	color: var(--color-mute);
	margin-bottom: 1rem;
}

.mafi-bookmarks-empty p {
	color: var(--color-secondary);
	margin-bottom: 1.5rem;
}

.mafi-bookmarks-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 1rem;
}

.mafi-bookmark-card {
	position: relative;
	background: var(--mafi-surface);
	border: 1px solid var(--color-border);
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.mafi-bookmark-card:hover {
	border-color: var(--mafi-sunset-orange);
}

.mafi-bookmark-card-link {
	display: block;
	padding: 1.25rem;
	padding-right: 3rem;
	text-decoration: none;
	color: inherit;
}

.mafi-bookmark-card h3 {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-contrast);
	margin-bottom: 0.5rem;
	line-height: 1.4;
	text-decoration: none;
}

.mafi-bookmark-date {
	font-size: 0.75rem;
	color: var(--color-secondary);
}

.mafi-bookmark-remove {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	width: 28px;
	height: 28px;
	background: var(--color-background-100);
	border: none;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	opacity: 0;
	transition: all 0.2s ease;
}

.mafi-bookmark-card:hover .mafi-bookmark-remove {
	opacity: 1;
}

.mafi-bookmark-remove:hover {
	background: #ff4757;
	color: #fff;
}

.mafi-bookmark-remove svg {
	width: 14px;
	height: 14px;
}

.mafi-bookmark-removing {
	animation: bookmarkRemove 0.3s ease forwards;
}

@keyframes bookmarkRemove {
	to {
		opacity: 0;
		transform: scale(0.9);
	}
}

/* 收藏页面 */
.mafi-bookmarks-page {
	padding: 3rem 0;
}

.mafi-bookmarks-header {
	text-align: center;
	margin-bottom: 2rem;
}

.mafi-bookmarks-title {
	font-size: 2rem;
	font-weight: 700;
	color: var(--color-contrast);
	margin-bottom: 0.5rem;
}

.mafi-bookmarks-desc {
	color: var(--color-secondary);
}

.mafi-bookmarks-loading {
	text-align: center;
	padding: 2rem;
	color: var(--color-secondary);
}

/* ========================================
   移动端章节切换按钮
   ======================================== */
.mafi-mobile-chapter-toggle {
	display: none;
}

/* ========================================
   原有样式保留
   ======================================== */

/* 卡片和交互效果 */
/* 卡片默认边框 */
.card-post {
	border: 1px solid rgba(156, 125, 97, 0.15);
	border-radius: 12px;
}

.card-post:hover {
	box-shadow: 0 12px 24px rgba(156, 125, 97, 0.12);
	border-color: var(--mafi-brown-light);
}

[data-color-scheme="dark"] .card-post {
	border-color: rgba(156, 125, 97, 0.2);
}

/* 侧边栏优化 */
.nav-link:hover,
.nav-link-current {
	color: var(--mafi-brown-light) !important;
}

/* 标签样式 */
.post-tags a {
	background: var(--mafi-beige-warm);
	color: var(--mafi-brown-medium);
}

.post-tags a:hover {
	background: var(--mafi-sunset-orange);
	color: var(--mafi-brown-deep);
}

/* 订阅表单样式 */
.section-subscription {
	background: linear-gradient(135deg, var(--mafi-beige-warm), var(--mafi-background));
}

/* ========================================
   中文排版系统 - 优化阅读体验
   ======================================== */

/* 文章内容容器 */
.gh-content {
	/* 字体：系统中文字体栈 */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
	             "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
	             "Noto Sans SC", sans-serif;

	/* 正文字号：17px 最适合中文阅读 */
	font-size: 1.0625rem;

	/* 行高：1.9 让中文呼吸，不拥挤 */
	line-height: 1.9;

	/* 字间距：微调让中文更舒适 */
	letter-spacing: 0.03em;

	/* 字色：深灰而非纯黑，减少眼睛疲劳 */
	color: #3d3d3d;

	/* 最大宽度：控制每行字数约 40 字 */
	max-width: 720px;

	/* 字体平滑 */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* 文字渲染优化 */
	text-rendering: optimizeLegibility;
}

/* 段落样式 */
.gh-content p {
	margin-bottom: 1.75em;  /* 段落间距充足 */
	text-align: justify;     /* 两端对齐，中文更整齐 */
	word-break: break-word;
}

/* 段落首行不缩进（现代风格） */
.gh-content p + p {
	text-indent: 0;
}

/* ========== 标题层级系统 ========== */

/* H1 - 文章主标题（一般不在正文中使用） */
.gh-content h1 {
	font-size: 2rem;
	font-weight: 700;
	color: var(--mafi-brown-deep);
	margin-top: 2.5em;
	margin-bottom: 1em;
	line-height: 1.4;
	letter-spacing: 0;
}

/* H2 - 大章节标题 */
.gh-content h2 {
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--mafi-brown-deep);
	margin-top: 2.5em;
	margin-bottom: 1em;
	line-height: 1.5;
	padding-bottom: 0.5em;
	border-bottom: 2px solid var(--mafi-sunset-orange);
	letter-spacing: 0;
}

/* H3 - 小节标题 */
.gh-content h3 {
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--mafi-brown-deep);
	margin-top: 2em;
	margin-bottom: 0.8em;
	line-height: 1.5;
	letter-spacing: 0;
}

/* H4 - 次级标题 */
.gh-content h4 {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--mafi-brown-medium);
	margin-top: 1.8em;
	margin-bottom: 0.6em;
	line-height: 1.5;
}

/* H5/H6 - 小标题 */
.gh-content h5,
.gh-content h6 {
	font-size: 1rem;
	font-weight: 600;
	color: var(--mafi-brown-medium);
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

/* 标题后紧跟的段落减少间距 */
.gh-content h1 + p,
.gh-content h2 + p,
.gh-content h3 + p,
.gh-content h4 + p {
	margin-top: 0;
}

/* ========== 链接样式 ========== */
.gh-content a {
	color: var(--mafi-terra-warm);
	text-decoration: none;
	border-bottom: 1px solid rgba(212, 129, 111, 0.4);
	transition: all 0.2s ease;
	padding-bottom: 1px;
}

.gh-content a:hover {
	color: var(--mafi-sunset-orange);
	border-bottom-color: var(--mafi-sunset-orange);
}

/* ========== 引用块 ========== */
.gh-content blockquote {
	margin: 2em 0;
	padding: 1.25em 1.5em;
	background: linear-gradient(135deg, rgba(233, 215, 193, 0.4), rgba(221, 200, 166, 0.2));
	border-left: 4px solid var(--mafi-sunset-orange);
	border-radius: 0 12px 12px 0;
	font-style: normal;
	color: var(--mafi-brown-medium);
}

.gh-content blockquote p {
	margin-bottom: 0.75em;
}

.gh-content blockquote p:last-child {
	margin-bottom: 0;
}

/* 引用中的引用 */
.gh-content blockquote blockquote {
	margin: 1em 0;
	background: rgba(255,255,255,0.5);
}

/* ========== 列表样式 ========== */

/* 无序列表 */
.gh-content ul {
	margin: 1.5em 0;
	padding-left: 1.5em;
	list-style: none;
}

.gh-content ul > li {
	position: relative;
	margin-bottom: 0.75em;
	padding-left: 1em;
}

.gh-content ul > li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.65em;
	width: 6px;
	height: 6px;
	background: var(--mafi-sunset-orange);
	border-radius: 50%;
}

/* 有序列表 */
.gh-content ol {
	margin: 1.5em 0;
	padding-left: 1.5em;
	list-style: none;
	counter-reset: list-counter;
}

.gh-content ol > li {
	position: relative;
	margin-bottom: 0.75em;
	padding-left: 2em;
	counter-increment: list-counter;
}

.gh-content ol > li::before {
	content: counter(list-counter);
	position: absolute;
	left: 0;
	top: 0;
	width: 1.5em;
	height: 1.5em;
	background: var(--mafi-sunset-orange);
	color: white;
	font-size: 0.85em;
	font-weight: 600;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 嵌套列表 */
.gh-content ul ul,
.gh-content ol ol,
.gh-content ul ol,
.gh-content ol ul {
	margin: 0.5em 0;
}

.gh-content ul ul > li::before {
	background: transparent;
	border: 2px solid var(--mafi-sunset-orange);
}

/* ========== 行内代码 ========== */
.gh-content code {
	font-family: "SF Mono", "Monaco", "Menlo", "Consolas", monospace;
	font-size: 0.875em;
	background: rgba(232, 168, 124, 0.15);
	color: var(--mafi-terra-warm);
	padding: 0.2em 0.5em;
	border-radius: 4px;
	word-break: break-word;
}

/* ========== 代码块 ========== */
.gh-content pre {
	margin: 2em 0;
	padding: 1.25em 1.5em;
	background: #2d2d2d;
	border-radius: 12px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.gh-content pre code {
	background: transparent;
	color: #f8f8f2;
	padding: 0;
	font-size: 0.9rem;
	line-height: 1.6;
}

/* ========== 分割线 ========== */
.gh-content hr {
	margin: 3em auto;
	border: none;
	width: 100px;
	height: 3px;
	background: linear-gradient(90deg, transparent, var(--mafi-sunset-orange), transparent);
	border-radius: 2px;
}

/* ========== 图片说明 ========== */
.gh-content figcaption {
	margin-top: 0.75em;
	font-size: 0.875rem;
	color: var(--mafi-brown-light);
	text-align: center;
	font-style: italic;
}

/* ========== 表格 ========== */
.gh-content table {
	width: 100%;
	margin: 2em 0;
	border-collapse: collapse;
	font-size: 0.95rem;
}

.gh-content th,
.gh-content td {
	padding: 0.75em 1em;
	text-align: left;
	border-bottom: 1px solid var(--color-border);
}

.gh-content th {
	font-weight: 600;
	background: rgba(232, 168, 124, 0.1);
	color: var(--mafi-brown-deep);
}

.gh-content tr:hover {
	background: rgba(232, 168, 124, 0.05);
}

/* ========== 强调文本 ========== */
.gh-content strong,
.gh-content b {
	font-weight: 600;
	color: var(--mafi-brown-deep);
}

.gh-content em,
.gh-content i {
	font-style: italic;
	color: var(--mafi-brown-medium);
}

/* 高亮标记 */
.gh-content mark {
	background: linear-gradient(120deg, rgba(232, 168, 124, 0.3) 0%, rgba(232, 168, 124, 0.3) 100%);
	background-repeat: no-repeat;
	background-size: 100% 40%;
	background-position: 0 60%;
	padding: 0 0.2em;
}

/* ========== 深色模式适配 ========== */
[data-color-scheme="dark"] .gh-content {
	color: #d4d4d4;
}

[data-color-scheme="dark"] .gh-content h1,
[data-color-scheme="dark"] .gh-content h2,
[data-color-scheme="dark"] .gh-content h3,
[data-color-scheme="dark"] .gh-content h4 {
	color: #f0f0f0;
}

[data-color-scheme="dark"] .gh-content h2 {
	border-bottom-color: var(--mafi-terra-warm);
}

[data-color-scheme="dark"] .gh-content blockquote {
	background: rgba(255,255,255,0.05);
	border-left-color: var(--mafi-terra-warm);
	color: #b0b0b0;
}

[data-color-scheme="dark"] .gh-content code {
	background: rgba(255,255,255,0.1);
	color: var(--mafi-sunset-orange);
}

[data-color-scheme="dark"] .gh-content strong {
	color: #f0f0f0;
}

[data-color-scheme="dark"] .gh-content ul > li::before {
	background: var(--mafi-terra-warm);
}

[data-color-scheme="dark"] .gh-content ol > li::before {
	background: var(--mafi-terra-warm);
}

/* ========== 移动端适配 ========== */
@media (max-width: 768px) {
	.gh-content {
		font-size: 1rem;
		line-height: 1.85;
	}

	.gh-content h2 {
		font-size: 1.35rem;
	}

	.gh-content h3 {
		font-size: 1.15rem;
	}

	.gh-content blockquote {
		padding: 1em;
		margin: 1.5em 0;
	}

	.gh-content ul,
	.gh-content ol {
		padding-left: 1em;
	}
}

/* 付费内容提示框 */
.gh-post-upgrade-cta,
.post-upgrade-cta {
	background: linear-gradient(135deg, var(--mafi-beige-warm), #fff) !important;
	border: 1px solid var(--mafi-border) !important;
	border-radius: 16px;
	padding: 2rem;
	text-align: center;
	margin: 2rem 0;
}

.post-upgrade-cta h2 {
	font-size: 1.25rem;
	color: var(--mafi-brown-deep);
	margin-bottom: 0.75rem;
}

.post-upgrade-cta p {
	color: var(--color-secondary);
	font-size: 0.9rem;
	margin-bottom: 1rem;
}

.post-upgrade-cta .button {
	background: var(--mafi-sunset-orange) !important;
	border: none !important;
	color: white !important;
	padding: 0.75rem 2rem;
	border-radius: 25px;
	font-weight: 500;
	transition: all 0.2s ease;
}

.post-upgrade-cta .button:hover {
	background: var(--mafi-brown-deep) !important;
	transform: translateY(-2px);
}

/* 课程页面付费墙样式 */
.post-template-video .post-upgrade-cta {
	background: linear-gradient(135deg, rgba(232, 168, 124, 0.08), rgba(255, 255, 255, 0.95)) !important;
	border: 1px solid rgba(232, 168, 124, 0.2) !important;
	border-radius: 20px;
	padding: 2.5rem;
	margin: 1.5rem 0;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.post-template-video .post-upgrade-cta::before {
	content: "🔒";
	display: block;
	font-size: 2rem;
	margin-bottom: 1rem;
}

.post-template-video .post-upgrade-cta h2 {
	font-size: 1.1rem;
	font-weight: 600;
}

/* 会员专属标记 */
.card-post-icon svg {
	color: var(--mafi-sunset-orange);
}

/* 文章顶部可折叠目录 */
.post-toc-collapsible {
	margin-bottom: 2rem;
}

.post-toc-collapsible .toc {
	background: var(--color-background-100);
	border-radius: 12px;
	padding: 1rem 1.5rem;
	border: 1px solid var(--color-border);
}

.post-toc-collapsible .toc-title {
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-weight: 600;
	color: var(--color-contrast);
	user-select: none;
}

.post-toc-collapsible .toc-title::after {
	content: "▼";
	font-size: 0.75rem;
	margin-left: auto;
	transition: transform 0.2s ease;
}

.post-toc-collapsible .toc.toc-collapsed .toc-title::after {
	transform: rotate(-90deg);
}

.post-toc-collapsible .toc.toc-collapsed .toc-nav {
	display: none;
}

.post-toc-collapsible .toc-nav {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--color-border);
}

.post-toc-collapsible .toc-link {
	display: block;
	padding: 0.4rem 0;
	color: var(--color-foreground);
	text-decoration: none;
	font-size: 0.9rem;
	transition: color 0.2s ease;
}

.post-toc-collapsible .toc-link:hover {
	color: var(--mafi-sunset-orange);
}

.post-toc-collapsible .toc-link.toc-link-h3 {
	padding-left: 1rem;
	font-size: 0.85rem;
	color: var(--color-secondary);
}

/* 隐藏 TOC 按钮（顶部版本不需要） */
.post-toc-collapsible .toc-button {
	display: none;
}

/* 隐藏解锁链接在顶部 TOC */
.post-toc-collapsible .toc-unlock-link {
	display: none !important;
}

/* 文章元信息样式优化 */
.post-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
}

.post-meta .separator {
	color: var(--color-mute);
}

.post-meta-author {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.post-meta-author-image {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	overflow: hidden;
}

/* 隐藏文章特色图片 */
.post-media {
	display: none;
}

/* 付费内容访问等级标记 */
.card-post-access-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 0.3rem 0.6rem;
	background: linear-gradient(135deg, var(--mafi-brown-deep), var(--mafi-brown-medium));
	color: #fff;
	font-size: 0.7rem;
	font-weight: 500;
	border-radius: 4px;
	letter-spacing: 0.02em;
	backdrop-filter: blur(4px);
	white-space: nowrap;
}

/* 深色模式下的标记 */
[data-color-scheme="dark"] .card-post-access-badge {
	background: linear-gradient(135deg, var(--mafi-sunset-orange), var(--mafi-terra-warm));
}

/* 卡片图片上的标记定位 */
.card-post-image .card-post-access-badge {
	position: absolute;
	top: 0.75rem;
	left: 0.75rem;
	z-index: 2;
}

/* 列表样式卡片的标记 */
.card-post-list .card-post-access-badge {
	position: static;
	margin-bottom: 0.5rem;
}

/* ========================================
   响应式设计
   ======================================== */
@media (max-width: 1024px) {
	/* 课程布局调整 */
	.mafi-course-layout {
		grid-template-columns: 1fr;
		padding: 1rem;
	}

	.mafi-course-sidebar {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		background: rgba(0, 0, 0, 0.5);
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease;
	}

	.mafi-course-sidebar.is-mobile-open {
		opacity: 1;
		visibility: visible;
	}

	.mafi-course-sidebar-inner {
		position: absolute;
		left: 0;
		top: 0;
		width: 280px;
		height: 100%;
		border-radius: 0;
		transform: translateX(-100%);
		transition: transform 0.3s ease;
		overflow-y: auto;
	}

	.mafi-course-sidebar.is-mobile-open .mafi-course-sidebar-inner {
		transform: translateX(0);
	}

	.mafi-mobile-chapter-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
		width: 100%;
		padding: 0.75rem 1rem;
		background: var(--mafi-surface);
		border: 1px solid var(--color-border);
		border-radius: 8px;
		font-size: 0.875rem;
		font-weight: 500;
		color: var(--color-foreground);
		cursor: pointer;
		margin-bottom: 1rem;
	}

	.mafi-mobile-chapter-toggle svg {
		width: 16px;
		height: 16px;
	}

	/* 相关课程 */
	.mafi-related-grid {
		grid-template-columns: 1fr;
	}

	/* 课程底部导航 */
	.mafi-course-footer {
		flex-direction: column;
	}
}

@media (max-width: 768px) {
	/* Hero */
	.mafi-hero {
		padding: 3rem 1.5rem;
	}

	.mafi-hero-title {
		font-size: 1.75rem;
	}

	.mafi-hero-desc {
		font-size: 1rem;
	}

	/* 统计数据 */
	.mafi-stats-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.5rem;
	}

	.mafi-stat-number {
		font-size: 1.5rem;
	}

	/* 分类 */
	.mafi-categories-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	/* 精选内容 */
	.mafi-featured-grid {
		grid-template-columns: 1fr;
	}

	.mafi-featured-large {
		grid-column: span 1;
	}

	.mafi-featured-large .mafi-featured-link {
		grid-template-columns: 1fr;
	}

	/* CTA */
	.mafi-cta {
		padding: 3rem 1.5rem;
	}

	.mafi-cta-title {
		font-size: 1.5rem;
	}

	/* 课程标题 */
	.mafi-course-title {
		font-size: 1.5rem;
	}

	.mafi-course-content {
		padding: 1.5rem;
	}
}

@media (max-width: 480px) {
	/* 分类 */
	.mafi-categories-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* 收藏页面 */
	.mafi-bookmarks-grid {
		grid-template-columns: 1fr;
	}
}

/* ========================================
   课程大纲页面
   ======================================== */
.mafi-course-page {
	padding-bottom: 3rem;
}

.mafi-course-page-header {
	background: linear-gradient(135deg, var(--mafi-beige-warm) 0%, var(--mafi-background) 100%);
	padding: 3rem 0;
	text-align: center;
	border-bottom: 1px solid var(--color-border);
}

.mafi-course-page-cover {
	max-width: 600px;
	margin: 0 auto 2rem;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

.mafi-course-page-cover img {
	width: 100%;
	height: auto;
	display: block;
}

.mafi-course-page-title {
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--color-contrast);
	margin-bottom: 1rem;
}

.mafi-course-page-desc {
	font-size: 1.125rem;
	color: var(--color-secondary);
	max-width: 600px;
	margin: 0 auto 2rem;
	line-height: 1.7;
}

.mafi-course-page-stats {
	display: flex;
	justify-content: center;
	gap: 2rem;
	margin-bottom: 1.5rem;
}

.mafi-course-stat {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.mafi-course-stat-icon {
	font-size: 1.25rem;
}

.mafi-course-stat-text {
	font-size: 0.9375rem;
	color: var(--color-foreground);
	font-weight: 500;
}

.mafi-course-page-progress {
	max-width: 400px;
	margin: 0 auto;
}

.mafi-course-page-progress-bar {
	height: 8px;
	background: var(--color-background-200);
	border-radius: 4px;
	overflow: hidden;
}

.mafi-course-page-progress-fill {
	height: 100%;
	background: linear-gradient(90deg, var(--mafi-sunset-orange), var(--mafi-terra-warm));
	border-radius: 4px;
	transition: width 0.5s ease;
	width: 0%;
}

.mafi-course-page-content {
	display: grid;
	grid-template-columns: 1fr 280px;
	gap: 2rem;
	padding-top: 2rem;
}

.mafi-course-page-sidebar {
	position: sticky;
	top: 2rem;
	height: fit-content;
}

.mafi-course-actions {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-bottom: 1.5rem;
}

.mafi-course-action-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.875rem 1.5rem;
	border-radius: 8px;
	font-size: 0.9375rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	border: none;
}

.mafi-course-action-btn svg {
	width: 18px;
	height: 18px;
}

.mafi-course-continue-btn {
	background: linear-gradient(135deg, var(--mafi-sunset-orange), var(--mafi-terra-warm));
	color: #fff;
	box-shadow: 0 4px 12px rgba(232, 168, 124, 0.3);
}

.mafi-course-continue-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(232, 168, 124, 0.4);
}

.mafi-course-reset-btn {
	background: var(--color-background-100);
	color: var(--color-foreground);
	border: 1px solid var(--color-border);
}

.mafi-course-reset-btn:hover {
	background: var(--color-background-200);
}

.mafi-course-member-info,
.mafi-course-guest-info {
	padding: 1rem;
	background: var(--color-background-100);
	border-radius: 8px;
	text-align: center;
}

.mafi-course-member-info p,
.mafi-course-guest-info p {
	font-size: 0.8125rem;
	color: var(--color-secondary);
	margin-bottom: 0.75rem;
}

.mafi-btn-signin-small {
	display: inline-block;
	padding: 0.5rem 1rem;
	background: var(--mafi-surface);
	border: 1px solid var(--color-border);
	border-radius: 6px;
	font-size: 0.8125rem;
	color: var(--color-foreground);
}

.mafi-btn-signin-small:hover {
	border-color: var(--mafi-sunset-orange);
	color: var(--mafi-sunset-orange);
}

/* 课程大纲样式 */
.mafi-course-outline {
	background: var(--mafi-surface);
	border: 1px solid var(--color-border);
	border-radius: 12px;
	padding: 1.5rem;
}

.mafi-course-outline h2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 0;
	margin: 0;
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-contrast);
	border-bottom: 1px solid var(--color-border);
}

.mafi-course-outline h2:first-child {
	padding-top: 0;
}

.mafi-chapter-toggle-icon {
	font-size: 0.75rem;
	color: var(--color-mute);
	transition: transform 0.2s ease;
}

.mafi-chapter-toggle-icon.is-collapsed {
	transform: rotate(-90deg);
}

.mafi-chapter-content {
	padding: 0.5rem 0;
	transition: all 0.3s ease;
}

.mafi-chapter-content.is-collapsed {
	display: none;
}

.mafi-course-outline ul,
.mafi-course-outline ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mafi-course-outline li {
	margin: 0;
}

.mafi-course-outline a {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.875rem 1rem;
	margin: 0.25rem 0;
	border-radius: 8px;
	text-decoration: none;
	color: var(--color-foreground);
	transition: all 0.2s ease;
}

.mafi-course-outline a:hover {
	background: var(--color-background-100);
	color: var(--mafi-sunset-orange);
}

.mafi-course-outline a.is-completed {
	color: var(--color-secondary);
}

.mafi-course-outline a.is-completed:hover {
	color: var(--mafi-sunset-orange);
}

.mafi-lesson-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	background: var(--mafi-sunset-orange);
	color: #fff;
	border-radius: 50%;
	font-size: 0.75rem;
	flex-shrink: 0;
}

/* ========================================
   课程小节完成按钮
   ======================================== */
.mafi-lesson-complete-section {
	margin: 2rem 0;
	padding: 1.5rem;
	background: var(--color-background-100);
	border-radius: 12px;
	text-align: center;
}

.mafi-lesson-complete-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	padding: 1rem 2rem;
	background: var(--mafi-surface);
	border: 2px solid var(--color-border);
	border-radius: 50px;
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-foreground);
	cursor: pointer;
	transition: all 0.3s ease;
}

.mafi-lesson-complete-btn:hover {
	border-color: var(--mafi-sunset-orange);
	color: var(--mafi-sunset-orange);
}

.mafi-lesson-complete-btn.is-completed {
	background: var(--mafi-sunset-orange);
	border-color: var(--mafi-sunset-orange);
	color: #fff;
}

.mafi-lesson-complete-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}

.mafi-lesson-complete-icon svg {
	width: 24px;
	height: 24px;
}

.mafi-lesson-complete-btn .mafi-icon-checked {
	display: none;
}

.mafi-lesson-complete-btn.is-completed .mafi-icon-unchecked {
	display: none;
}

.mafi-lesson-complete-btn.is-completed .mafi-icon-checked {
	display: block;
}

.mafi-lesson-complete-hint {
	margin-top: 1rem;
	font-size: 0.875rem;
	color: var(--color-secondary);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.mafi-lesson-complete-hint.show {
	opacity: 1;
}

.mafi-lesson-complete-hint a {
	color: var(--mafi-sunset-orange);
	font-weight: 600;
}

.mafi-lesson-complete-animate {
	animation: lessonCompleteAnim 0.5s ease;
}

@keyframes lessonCompleteAnim {
	0% { transform: scale(1); }
	30% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

/* 响应式 */
@media (max-width: 1024px) {
	.mafi-course-page-content {
		grid-template-columns: 1fr;
	}

	.mafi-course-page-sidebar {
		position: static;
		order: -1;
	}

	.mafi-course-actions {
		flex-direction: row;
	}

	.mafi-course-action-btn {
		flex: 1;
	}
}

@media (max-width: 768px) {
	.mafi-course-page-header {
		padding: 2rem 1rem;
	}

	.mafi-course-page-title {
		font-size: 1.75rem;
	}

	.mafi-course-page-stats {
		flex-wrap: wrap;
		gap: 1rem;
	}

	.mafi-course-actions {
		flex-direction: column;
	}
}

/* ========================================
   个人中心页面样式
   ======================================== */
.mafi-dashboard {
	padding: 2rem 1rem 4rem;
	min-height: 70vh;
}

.mafi-dashboard-container {
	max-width: 900px;
	margin: 0 auto;
}

.mafi-dashboard-header {
	text-align: center;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--color-border);
}

.mafi-dashboard-title {
	font-size: 2rem;
	font-weight: 700;
	color: var(--mafi-brown-deep);
	margin-bottom: 0.5rem;
}

.mafi-dashboard-desc {
	color: var(--color-secondary);
	font-size: 1rem;
}

/* 会员状态板块 */
.mafi-dashboard-member-status {
	margin-bottom: 2rem;
}

.mafi-member-status-card {
	background: linear-gradient(135deg, rgba(232, 168, 124, 0.1) 0%, rgba(221, 200, 166, 0.1) 100%);
	border: 1px solid rgba(232, 168, 124, 0.2);
	border-radius: 16px;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.mafi-member-status-info {
	display: flex;
	align-items: center;
	gap: 1.25rem;
}

.mafi-member-avatar-large {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	background: linear-gradient(135deg, var(--mafi-sunset-orange) 0%, var(--mafi-terra-warm) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.mafi-member-avatar-large img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mafi-member-avatar-placeholder-large {
	color: white;
	font-weight: 600;
	font-size: 1.75rem;
}

.mafi-member-details {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
}

.mafi-member-name-large {
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--mafi-brown-deep);
	margin: 0;
}

.mafi-member-email {
	font-size: 0.9rem;
	color: var(--color-secondary);
	margin: 0;
}

.mafi-member-badge-large {
	display: inline-block;
	padding: 0.375rem 0.875rem;
	border-radius: 20px;
	font-size: 0.875rem;
	font-weight: 500;
	margin-top: 0.25rem;
	width: fit-content;
}

.mafi-badge-premium {
	background: linear-gradient(135deg, var(--mafi-sunset-orange) 0%, var(--mafi-terra-warm) 100%);
	color: white;
}

.mafi-badge-free {
	background: rgba(232, 168, 124, 0.15);
	color: var(--mafi-sunset-orange);
	border: 1px solid rgba(232, 168, 124, 0.3);
}

/* 会员名称行（名称+徽章+升级按钮内联） */
.mafi-member-name-row {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.mafi-member-badge-inline {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.4rem 0.9rem;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 600;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}

/* 高级会员徽章 - 尊贵黑金 */
.mafi-member-badge-inline.mafi-badge-premium {
	background: linear-gradient(135deg, #1a1614 0%, #000000 50%, #1a1614 100%);
	color: #d4af37;
	border: 1.5px solid rgba(212, 175, 55, 0.5);
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), 0 0 12px rgba(212, 175, 55, 0.3);
	position: relative;
	box-shadow:
		0 4px 20px rgba(0, 0, 0, 0.8),
		0 0 40px rgba(212, 175, 55, 0.15),
		inset 0 1px 0 rgba(212, 175, 55, 0.2),
		inset 0 -1px 0 rgba(0, 0, 0, 0.8);
}

/* 精致金边光晕 */
.mafi-member-badge-inline.mafi-badge-premium::before {
	content: '';
	position: absolute;
	top: -1.5px;
	left: -1.5px;
	right: -1.5px;
	bottom: -1.5px;
	background: linear-gradient(135deg,
		rgba(212, 175, 55, 0.4) 0%,
		rgba(212, 175, 55, 0.15) 50%,
		rgba(212, 175, 55, 0.4) 100%);
	border-radius: 20px;
	z-index: -1;
	opacity: 0.8;
	animation: mafi-badge-glow 3s ease-in-out infinite;
}

/* 微妙的金色光芒 */
.mafi-member-badge-inline.mafi-badge-premium::after {
	content: '';
	position: absolute;
	top: -8px;
	left: -8px;
	right: -8px;
	bottom: -8px;
	background: radial-gradient(ellipse at center, rgba(212, 175, 55, 0.15) 0%, transparent 60%);
	opacity: 0.6;
	pointer-events: none;
	animation: mafi-badge-aura 4s ease-in-out infinite;
}

/* 边框旋转动画 */
@keyframes mafi-badge-border-rotate {
	0%, 100% {
		background-position: 0% 50%;
		opacity: 0.6;
	}
	25% {
		opacity: 1;
	}
	50% {
		background-position: 100% 50%;
		opacity: 0.6;
	}
	75% {
		opacity: 1;
	}
}

/* 免费会员徽章 - 清新可爱 */
.mafi-member-badge-inline.mafi-badge-free {
	background: linear-gradient(135deg, rgba(232, 168, 124, 0.15) 0%, rgba(221, 200, 166, 0.15) 100%);
	color: var(--mafi-sunset-orange);
	border: 1.5px solid rgba(232, 168, 124, 0.4);
	position: relative;
}

.mafi-member-badge-inline.mafi-badge-free::before {
	content: '🌱';
	font-size: 0.85em;
}

.mafi-member-badge-inline.mafi-badge-free::after {
	content: '';
	position: absolute;
	top: 2px;
	right: 2px;
	width: 4px;
	height: 4px;
	background: var(--mafi-sunset-orange);
	border-radius: 50%;
	opacity: 0.6;
	animation: mafi-badge-blink 2s ease-in-out infinite;
}

/* 徽章动画 */
@keyframes mafi-badge-shimmer {
	0%, 100% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
}

@keyframes mafi-badge-pulse {
	0%, 100% {
		opacity: 0;
		transform: scale(0.5);
	}
	50% {
		opacity: 0.3;
		transform: scale(1);
	}
}

@keyframes mafi-badge-blink {
	0%, 100% {
		opacity: 0.3;
	}
	50% {
		opacity: 1;
	}
}

/* 精致金边光晕动画 */
@keyframes mafi-badge-glow {
	0%, 100% {
		opacity: 0.6;
	}
	50% {
		opacity: 0.9;
	}
}

/* 金色光芒呼吸动画 */
@keyframes mafi-badge-aura {
	0%, 100% {
		opacity: 0.4;
		transform: scale(1);
	}
	50% {
		opacity: 0.7;
		transform: scale(1.05);
	}
}

/* 悬停效果 */
.mafi-member-badge-inline:hover {
	transform: translateY(-1px) scale(1.02);
	box-shadow: 0 4px 12px rgba(232, 168, 124, 0.25);
}

/* 会员徽章暗色模式 - 增强金色光芒 */
[data-color-scheme="dark"] .mafi-member-badge-inline.mafi-badge-premium {
	background: linear-gradient(135deg, #0d0d0d 0%, #000000 50%, #0d0d0d 100%);
	border-color: rgba(212, 175, 55, 0.6);
	box-shadow:
		0 4px 24px rgba(0, 0, 0, 0.9),
		0 0 50px rgba(212, 175, 55, 0.2),
		inset 0 1px 0 rgba(212, 175, 55, 0.25),
		inset 0 -1px 0 rgba(0, 0, 0, 0.9);
	color: #d4af37;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), 0 0 15px rgba(212, 175, 55, 0.4);
}

[data-color-scheme="dark"] .mafi-member-badge-inline.mafi-badge-premium::before {
	opacity: 1;
	background: linear-gradient(135deg,
		rgba(212, 175, 55, 0.5) 0%,
		rgba(212, 175, 55, 0.2) 50%,
		rgba(212, 175, 55, 0.5) 100%);
}

[data-color-scheme="dark"] .mafi-member-badge-inline.mafi-badge-premium::after {
	opacity: 0.8;
	background: radial-gradient(ellipse at center, rgba(212, 175, 55, 0.2) 0%, transparent 60%);
}

[data-color-scheme="dark"] .mafi-member-badge-inline.mafi-badge-free {
	background: linear-gradient(135deg, rgba(232, 168, 124, 0.2) 0%, rgba(221, 200, 166, 0.2) 100%);
	border-color: rgba(232, 168, 124, 0.5);
	color: #f5d6b8;
}

.mafi-btn-upgrade-inline {
	display: inline-flex;
	align-items: center;
	padding: 0.25rem 0.75rem;
	background: linear-gradient(135deg, var(--mafi-sunset-orange) 0%, var(--mafi-terra-warm) 100%);
	color: white;
	border-radius: 16px;
	text-decoration: none;
	font-weight: 500;
	font-size: 0.8rem;
	white-space: nowrap;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mafi-btn-upgrade-inline:hover {
	transform: translateY(-1px);
	box-shadow: 0 3px 10px rgba(232, 168, 124, 0.3);
}

.mafi-member-upgrade-prompt {
	padding: 1rem;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.mafi-member-upgrade-prompt p {
	margin: 0;
	color: var(--mafi-brown-deep);
	font-size: 0.9rem;
	flex: 1;
}

.mafi-btn-upgrade {
	padding: 0.625rem 1.25rem;
	background: linear-gradient(135deg, var(--mafi-sunset-orange) 0%, var(--mafi-terra-warm) 100%);
	color: white;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 500;
	font-size: 0.9rem;
	white-space: nowrap;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mafi-btn-upgrade:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(232, 168, 124, 0.3);
}

/* 访客状态卡片 */
.mafi-member-status-guest {
	background: linear-gradient(135deg, rgba(232, 168, 124, 0.08) 0%, rgba(221, 200, 166, 0.08) 100%);
	border: 1px solid rgba(232, 168, 124, 0.2);
	border-radius: 16px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
	text-align: center;
}

.mafi-guest-icon {
	width: 64px;
	height: 64px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--mafi-sunset-orange) 0%, var(--mafi-terra-warm) 100%);
	border-radius: 50%;
	color: white;
}

.mafi-guest-content {
	flex: 1;
}

.mafi-guest-content h3 {
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--mafi-brown-deep);
	margin: 0 0 0.5rem 0;
}

.mafi-guest-content p {
	font-size: 0.9rem;
	color: var(--color-secondary);
	margin: 0 0 1rem 0;
}

.mafi-guest-actions {
	display: flex;
	gap: 0.75rem;
	justify-content: center;
}

.mafi-btn-signin,
.mafi-btn-signup {
	padding: 0.625rem 1.25rem;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 500;
	font-size: 0.9rem;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	background: linear-gradient(135deg, var(--mafi-sunset-orange) 0%, var(--mafi-terra-warm) 100%);
	color: white;
}

.mafi-btn-signin:hover,
.mafi-btn-signup:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(232, 168, 124, 0.3);
}

/* 会员状态板块 - 移动端适配 */
@media (max-width: 768px) {
	.mafi-member-status-info {
		flex-direction: column;
		text-align: center;
		align-items: center;
	}

	.mafi-member-avatar-large {
		width: 64px;
		height: 64px;
	}

	.mafi-member-avatar-placeholder-large {
		font-size: 1.5rem;
	}

	.mafi-member-details {
		align-items: center;
	}

	.mafi-member-name-large {
		font-size: 1.25rem;
	}

	.mafi-member-upgrade-prompt {
		flex-direction: column;
		text-align: center;
	}

	.mafi-member-status-guest {
		flex-direction: column;
		text-align: center;
		padding: 1.5rem;
	}

	.mafi-guest-icon {
		width: 56px;
		height: 56px;
	}

	.mafi-guest-icon svg {
		width: 32px;
		height: 32px;
	}

	.mafi-guest-actions {
		justify-content: center;
		flex-wrap: wrap;
	}
}

/* 隐私说明卡片 */
.mafi-privacy-notice {
	display: flex;
	gap: 1rem;
	padding: 1.25rem;
	background: linear-gradient(135deg, rgba(232, 168, 124, 0.08) 0%, rgba(221, 200, 166, 0.08) 100%);
	border: 1px solid rgba(232, 168, 124, 0.2);
	border-radius: 12px;
	margin-bottom: 2.5rem;
}

.mafi-privacy-icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--mafi-sunset-orange);
	color: white;
	border-radius: 10px;
}

.mafi-privacy-text strong {
	display: block;
	color: var(--mafi-brown-deep);
	margin-bottom: 0.25rem;
	font-size: 0.95rem;
}

.mafi-privacy-text p {
	font-size: 0.875rem;
	color: var(--color-secondary);
	line-height: 1.6;
	margin: 0;
}

/* 区域标题 */
.mafi-dashboard-section {
	margin-bottom: 2.5rem;
}

.mafi-section-header {
	margin-bottom: 1rem;
}

.mafi-section-title {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--mafi-brown-deep);
}

.mafi-section-title svg {
	color: var(--mafi-sunset-orange);
}

/* 卡片通用样式 */
.mafi-dashboard-card {
	display: flex;
	gap: 1rem;
	padding: 1rem;
	background: var(--mafi-surface);
	border: 1px solid var(--color-border);
	border-radius: 12px;
	margin-bottom: 0.75rem;
	transition: all 0.2s ease;
	position: relative;
}

.mafi-dashboard-card:hover {
	border-color: var(--mafi-sunset-orange);
	box-shadow: 0 4px 12px rgba(232, 168, 124, 0.15);
}

.mafi-recent-card {
	text-decoration: none;
	color: inherit;
}

.mafi-card-image {
	flex-shrink: 0;
	width: 80px;
	height: 60px;
	border-radius: 8px;
	overflow: hidden;
	background: var(--color-background-100);
}

.mafi-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mafi-card-content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-decoration: none;
	color: inherit;
}

.mafi-card-title {
	font-size: 1rem;
	font-weight: 600;
	color: var(--mafi-brown-deep);
	margin: 0 0 0.25rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mafi-card-excerpt {
	font-size: 0.85rem;
	color: var(--color-secondary);
	margin: 0 0 0.25rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mafi-card-time {
	font-size: 0.8rem;
	color: var(--color-mute);
}

/* 移除按钮 */
.mafi-card-remove {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	border-radius: 6px;
	color: var(--color-mute);
	cursor: pointer;
	opacity: 0;
	transition: all 0.2s ease;
}

.mafi-dashboard-card:hover .mafi-card-remove {
	opacity: 1;
}

.mafi-card-remove:hover {
	background: rgba(212, 129, 111, 0.1);
	color: var(--mafi-terra-warm);
}

/* 移除动画 */
.mafi-card-removing {
	opacity: 0;
	transform: translateX(20px);
	transition: all 0.3s ease;
}

/* 学习进度卡片 */
.mafi-progress-card {
	flex-direction: column;
	gap: 0.75rem;
	text-decoration: none;
	color: inherit;
}

.mafi-progress-card:hover {
	text-decoration: none;
}

.mafi-progress-card .mafi-card-content {
	width: 100%;
}

.mafi-progress-stats {
	display: flex;
	gap: 1rem;
	font-size: 0.85rem;
	color: var(--color-secondary);
	margin-bottom: 0.5rem;
}

.mafi-progress-bar-wrapper {
	height: 6px;
	background: var(--color-background-200);
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 0.25rem;
}

.mafi-progress-bar-fill {
	height: 100%;
	background: linear-gradient(90deg, var(--mafi-sunset-orange), var(--mafi-terra-warm));
	border-radius: 3px;
	transition: width 0.3s ease;
}

.mafi-progress-percent {
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--mafi-sunset-orange);
}

/* 展开更多按钮 */
.mafi-expand-more {
	display: block;
	width: 100%;
	text-align: center;
	padding: 0.875rem;
	margin-top: 0.75rem;
	background: linear-gradient(135deg, rgba(232, 168, 124, 0.08) 0%, rgba(221, 200, 166, 0.08) 100%);
	border: 1px solid rgba(232, 168, 124, 0.2);
	border-radius: 10px;
	color: var(--mafi-sunset-orange);
	font-weight: 500;
	font-size: 0.9rem;
	cursor: pointer;
	transition: all 0.2s ease;
}

.mafi-expand-more:hover {
	background: linear-gradient(135deg, rgba(232, 168, 124, 0.15) 0%, rgba(221, 200, 166, 0.15) 100%);
	border-color: var(--mafi-sunset-orange);
	transform: translateY(-1px);
}

.mafi-expand-more.mafi-expanded {
	background: var(--mafi-surface);
	color: var(--color-secondary);
}

/* 空状态 */
.mafi-empty-state {
	text-align: center;
	padding: 2rem;
	background: var(--color-background-100);
	border-radius: 12px;
}

.mafi-empty-state p {
	color: var(--color-secondary);
	margin: 0 0 0.5rem;
}

.mafi-empty-hint {
	font-size: 0.85rem;
	color: var(--color-mute);
}

.mafi-empty-state .mafi-btn-secondary {
	display: inline-block;
	margin-top: 1rem;
	padding: 0.5rem 1.5rem;
	background: transparent;
	border: 1px solid var(--mafi-sunset-orange);
	color: var(--mafi-sunset-orange);
	border-radius: 8px;
	text-decoration: none;
	font-size: 0.9rem;
	transition: all 0.2s ease;
}

.mafi-empty-state .mafi-btn-secondary:hover {
	background: var(--mafi-sunset-orange);
	color: white;
}

/* 个人中心暗色模式 */
[data-color-scheme="dark"] .mafi-dashboard-card {
	background: rgba(60, 55, 50, 0.3);
	border-color: rgba(156, 125, 97, 0.3);
}

[data-color-scheme="dark"] .mafi-dashboard-card:hover {
	background: rgba(70, 65, 60, 0.4);
	border-color: var(--mafi-sunset-orange);
}

[data-color-scheme="dark"] .mafi-card-title {
	color: #f5f0eb;
}

[data-color-scheme="dark"] .mafi-card-excerpt,
[data-color-scheme="dark"] .mafi-card-time {
	color: rgba(245, 240, 235, 0.7);
}

/* 收藏卡片暗色模式 */
[data-color-scheme="dark"] .mafi-bookmark-card {
	background: rgba(60, 55, 50, 0.3);
	border-color: rgba(156, 125, 97, 0.3);
}

[data-color-scheme="dark"] .mafi-bookmark-card:hover {
	background: rgba(70, 65, 60, 0.4);
	border-color: var(--mafi-sunset-orange);
}

[data-color-scheme="dark"] .mafi-bookmark-card h3 {
	color: #f5f0eb;
}

[data-color-scheme="dark"] .mafi-bookmark-date {
	color: rgba(245, 240, 235, 0.7);
}

[data-color-scheme="dark"] .mafi-bookmark-remove {
	background: rgba(70, 65, 60, 0.5);
	color: rgba(245, 240, 235, 0.8);
}

[data-color-scheme="dark"] .mafi-bookmark-remove:hover {
	background: #ff4757;
	color: #fff;
}

/* 加载状态 */
.mafi-loading-placeholder {
	text-align: center;
	padding: 2rem;
	color: var(--color-mute);
}

/* 响应式 */
@media (max-width: 768px) {
	.mafi-dashboard {
		padding: 1.5rem 1rem 3rem;
	}

	.mafi-dashboard-title {
		font-size: 1.5rem;
	}

	.mafi-privacy-notice {
		flex-direction: column;
		text-align: center;
	}

	.mafi-privacy-icon {
		margin: 0 auto;
	}

	.mafi-card-image {
		width: 60px;
		height: 45px;
	}
}

/* ========================================
   隐藏邮件订阅区域
   ======================================== */
.section-subscription,
.form-subscribe {
	display: none !important;
}

/* ========================================
   浮动圆球菜单
   ======================================== */
.mafi-fab {
	display: none;
	position: fixed;
	bottom: 24px;
	right: 24px;
	z-index: 1000;
}

/* 主浮动按钮 */
.mafi-fab-main {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--mafi-sunset-orange) 0%, var(--mafi-terra-warm) 100%);
	border: none;
	color: white;
	cursor: pointer;
	box-shadow: 0 4px 20px rgba(232, 168, 124, 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	z-index: 10;
}

.mafi-fab-main:hover {
	transform: scale(1.08);
	box-shadow: 0 6px 28px rgba(232, 168, 124, 0.5);
}

.mafi-fab-main:active {
	transform: scale(0.95);
}

.mafi-fab-main svg {
	width: 24px;
	height: 24px;
	transition: transform 0.3s ease;
}

/* 展开状态 - 旋转图标 */
.mafi-fab.is-open .mafi-fab-main svg {
	transform: rotate(45deg);
}

/* 展开的菜单面板 */
.mafi-fab-menu {
	position: absolute;
	bottom: 70px;
	right: 0;
	background: var(--mafi-surface);
	border-radius: 20px;
	padding: 1rem;
	box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15);
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px) scale(0.9);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	min-width: 200px;
}

.mafi-fab.is-open .mafi-fab-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) scale(1);
}

/* 菜单项 */
.mafi-fab-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	border-radius: 12px;
	color: var(--color-contrast);
	text-decoration: none;
	font-size: 0.9rem;
	font-weight: 500;
	transition: all 0.2s ease;
	background: none;
	border: none;
	width: 100%;
	cursor: pointer;
	text-align: left;
}

.mafi-fab-item:hover {
	background: linear-gradient(135deg, rgba(232, 168, 124, 0.15) 0%, rgba(212, 129, 111, 0.1) 100%);
	color: var(--mafi-terra-warm);
}

.mafi-fab-item svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	color: var(--mafi-sunset-orange);
}

.mafi-fab-item span {
	flex: 1;
}

/* 分割线 */
.mafi-fab-divider {
	height: 1px;
	background: var(--color-border);
	margin: 8px 0;
}

/* 主题切换区域 */
.mafi-fab-theme {
	padding: 8px;
}

.mafi-fab-theme-label {
	font-size: 0.75rem;
	color: var(--color-mute);
	margin-bottom: 8px;
	padding-left: 8px;
}

.mafi-fab-theme-options {
	display: flex;
	background: var(--color-background-100);
	border-radius: 10px;
	padding: 4px;
}

.mafi-fab-theme-btn {
	flex: 1;
	padding: 8px 12px;
	border: none;
	background: none;
	border-radius: 8px;
	font-size: 0.8rem;
	color: var(--color-secondary);
	cursor: pointer;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

.mafi-fab-theme-btn:hover {
	color: var(--color-contrast);
}

.mafi-fab-theme-btn.is-active {
	background: var(--mafi-surface);
	color: var(--mafi-sunset-orange);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.mafi-fab-theme-btn svg {
	width: 14px;
	height: 14px;
}

/* 遮罩层 */
.mafi-fab-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	z-index: -1;
}

.mafi-fab.is-open .mafi-fab-overlay {
	opacity: 1;
	visibility: visible;
}

/* 只在移动端显示 */
@media (max-width: 1024px) {
	.mafi-fab {
		display: block;
	}

	/* 安全区域适配 */
	.mafi-fab {
		bottom: calc(24px + env(safe-area-inset-bottom, 0));
	}
}

/* 深色模式 */
[data-color-scheme="dark"] .mafi-fab-menu {
	background: var(--color-background-100);
	box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
}

[data-color-scheme="dark"] .mafi-fab-theme-options {
	background: var(--color-background-200);
}

[data-color-scheme="dark"] .mafi-fab-theme-btn.is-active {
	background: var(--color-background-100);
}

/* 横屏模式 */
@media (max-width: 1024px) and (orientation: landscape) {
	.mafi-fab {
		bottom: 16px;
		right: 16px;
	}

	.mafi-fab-main {
		width: 48px;
		height: 48px;
	}

	.mafi-fab-menu {
		bottom: 60px;
	}
}

/* ========================================
   MAFI Preview V2 Styles
   更精致的设计风格
   ======================================== */

/* ==================== Hero V2 ==================== */
.mafi-hero-v2 {
	position: relative;
	padding: 4rem 2rem;
	text-align: center;
	background: linear-gradient(135deg, var(--mafi-beige-warm) 0%, var(--mafi-golden) 50%, var(--mafi-sunset-orange) 100%);
	border-radius: 20px;
	margin: 1.5rem;
	overflow: hidden;
}

.mafi-hero-v2-bg {
	position: absolute;
	top: -50%;
	right: -20%;
	width: 60%;
	height: 200%;
	background: rgba(255,255,255,0.1);
	transform: rotate(15deg);
	pointer-events: none;
}

.mafi-hero-v2-content {
	position: relative;
	z-index: 1;
	max-width: 600px;
	margin: 0 auto;
}

/* ========== 温馨问候横幅 ========== */
.mafi-welcome-section {
	padding: 1rem 1.5rem 0;
	max-width: 1200px;
	margin: 0 auto;
}

.mafi-welcome-banner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgba(255, 248, 240, 0.85);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 16px;
	padding: 1.25rem 1.75rem;
	margin-bottom: 1.5rem;
	box-shadow: 0 4px 20px rgba(156, 125, 97, 0.1);
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.mafi-welcome-left {
	text-align: left;
}

.mafi-welcome-greeting {
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--mafi-brown-deep);
	margin: 0 0 0.35rem 0;
	line-height: 1.4;
}

.mafi-welcome-subtitle {
	font-size: 0.95rem;
	color: var(--mafi-brown-medium);
	margin: 0;
	opacity: 0.9;
}

.mafi-welcome-right {
	text-align: right;
	font-size: 0.85rem;
	color: var(--mafi-brown-medium);
	line-height: 1.6;
}

.mafi-welcome-date {
	margin: 0;
	font-weight: 500;
	color: var(--mafi-brown-deep);
}

.mafi-welcome-days {
	margin: 0.2rem 0;
	font-size: 0.8rem;
	opacity: 0.8;
}

.mafi-welcome-weather {
	margin: 0.25rem 0 0 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.3rem;
	font-size: 0.85rem;
}

.mafi-welcome-weather:empty {
	display: none;
}

.mafi-welcome-weather .weather-temp {
	font-weight: 600;
	color: var(--mafi-sunset-orange);
}

/* 深色模式 */
[data-color-scheme="dark"] .mafi-welcome-banner {
	background: rgba(50, 45, 40, 0.85);
}

[data-color-scheme="dark"] .mafi-welcome-greeting,
[data-color-scheme="dark"] .mafi-welcome-date {
	color: #f0f0f0;
}

[data-color-scheme="dark"] .mafi-welcome-subtitle,
[data-color-scheme="dark"] .mafi-welcome-right {
	color: #b0b0b0;
}

/* 移动端适配 */
@media (max-width: 640px) {
	.mafi-welcome-banner {
		flex-direction: column;
		text-align: center;
		gap: 1rem;
		padding: 1rem 1.25rem;
	}

	.mafi-welcome-left,
	.mafi-welcome-right {
		text-align: center;
	}

	.mafi-welcome-weather {
		justify-content: center;
	}

	.mafi-welcome-greeting {
		font-size: 1.15rem;
	}
}

.mafi-hero-tagline {
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: var(--mafi-brown-medium);
	margin-bottom: 0.75rem;
}

.mafi-hero-v2-title {
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--mafi-brown-deep);
	margin-bottom: 0.75rem;
	line-height: 1.2;
}

.mafi-hero-v2-desc {
	font-size: 1.1rem;
	color: var(--mafi-brown-medium);
	margin-bottom: 1.5rem;
	line-height: 1.6;
}

.mafi-hero-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.875rem 2rem;
	background: var(--mafi-brown-deep);
	color: white !important;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 500;
	transition: all 0.2s ease;
}

.mafi-hero-cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(57, 43, 33, 0.3);
}

/* ==================== Stats V2 ==================== */
.mafi-stats-v2 {
	padding: 1.5rem 2rem;
	margin: 0 1.5rem 2rem;
}

.mafi-stats-v2-inner {
	display: flex;
	justify-content: center;
	gap: 3rem;
	padding: 1.25rem 2rem;
	background: var(--mafi-surface);
	border: 1px solid var(--mafi-border);
	border-radius: 12px;
}

.mafi-stat-v2 {
	text-align: center;
}

.mafi-stat-v2-number {
	display: block;
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--color-contrast);
}

.mafi-stat-v2-label {
	font-size: 0.8rem;
	color: var(--color-secondary);
}

/* ==================== Section Header V2 ==================== */
.mafi-section-header-v2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.25rem;
}

.mafi-section-title-v2 {
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--color-contrast);
	margin: 0;
}

.mafi-section-link {
	font-size: 0.85rem;
	color: var(--color-secondary);
	text-decoration: none;
}

.mafi-section-link:hover {
	color: var(--mafi-sunset-orange);
}

/* ==================== Topics Grid (Emoji Icons) ==================== */
.mafi-topics {
	padding: 2rem 0;
}

.mafi-topics-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1rem;
}

.mafi-topic-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1.25rem;
	background: var(--mafi-surface);
	border: 1px solid var(--mafi-border);
	border-radius: 12px;
	text-align: center;
	text-decoration: none;
	transition: all 0.15s ease;
}

.mafi-topic-card:hover {
	border-color: var(--mafi-sunset-orange);
	transform: translateY(-2px);
}

.mafi-topic-icon {
	font-size: 1.75rem;
	margin-bottom: 0.5rem;
}

.mafi-topic-name {
	font-size: 0.9rem;
	font-weight: 500;
	color: var(--color-contrast);
	margin-bottom: 0.25rem;
}

.mafi-topic-count {
	font-size: 0.75rem;
	color: var(--color-secondary);
}

/* ==================== Featured V2 (Cards with Badges) ==================== */
.mafi-featured-v2 {
	padding: 2rem 0;
}

.mafi-featured-v2-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
}

.mafi-featured-v2-card {
	background: var(--mafi-surface);
	border: 1px solid var(--mafi-border);
	border-radius: 16px;
	overflow: hidden;
	transition: all 0.2s ease;
}

.mafi-featured-v2-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 32px rgba(156, 125, 97, 0.15);
	border-color: var(--mafi-sunset-orange);
}

.mafi-featured-v2-link {
	display: block;
	text-decoration: none;
}

.mafi-featured-v2-image {
	height: 140px;
	background: linear-gradient(135deg, var(--mafi-sunset-orange), var(--mafi-terra-warm));
	background-size: cover;
	background-position: center;
	position: relative;
}

.mafi-featured-badge {
	position: absolute;
	top: 0.75rem;
	left: 0.75rem;
	padding: 0.25rem 0.6rem;
	background: rgba(0,0,0,0.6);
	color: white;
	font-size: 0.7rem;
	border-radius: 6px;
	backdrop-filter: blur(4px);
}

.mafi-badge-hot {
	background: rgba(232, 87, 87, 0.9);
}

.mafi-badge-new {
	background: rgba(76, 175, 80, 0.9);
}

.mafi-featured-type {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	width: 28px;
	height: 28px;
	background: rgba(255,255,255,0.9);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9rem;
}

.mafi-featured-v2-content {
	padding: 1.25rem;
}

.mafi-featured-v2-tag {
	font-size: 0.7rem;
	color: var(--mafi-sunset-orange);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 0.5rem;
	display: block;
}

.mafi-featured-v2-title {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-contrast);
	margin-bottom: 0.5rem;
	line-height: 1.4;
}

.mafi-featured-v2-meta {
	display: flex;
	gap: 1rem;
	font-size: 0.75rem;
	color: var(--color-secondary);
}

/* ==================== Membership CTA V2 - 细条版 ==================== */
.mafi-membership-cta {
	background: linear-gradient(135deg, var(--mafi-brown-deep), var(--mafi-brown-medium));
	border-radius: 12px;
	padding: 1rem 1.5rem;
	margin: 1.5rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.5rem;
	color: white;
}

.mafi-membership-cta-content {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.mafi-membership-cta-content h3 {
	font-size: 1rem;
	font-weight: 600;
	margin: 0;
	white-space: nowrap;
}

.mafi-membership-cta-content p {
	font-size: 0.875rem;
	opacity: 0.85;
	margin: 0;
	white-space: nowrap;
}

/* 分隔符 */
.mafi-membership-cta-content h3::after {
	content: "·";
	margin-left: 0.5rem;
	opacity: 0.6;
}

.mafi-membership-cta-btn {
	padding: 0.6rem 1.25rem;
	background: var(--mafi-sunset-orange);
	color: white !important;
	border-radius: 8px;
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 500;
	transition: all 0.2s ease;
	white-space: nowrap;
	flex-shrink: 0;
}

.mafi-membership-cta-btn:hover {
	background: var(--mafi-terra-warm);
	transform: scale(1.02);
}

/* 移动端CTA响应式 */
@media (max-width: 640px) {
	.mafi-membership-cta {
		flex-direction: column;
		text-align: center;
		padding: 1rem;
		gap: 0.75rem;
	}

	.mafi-membership-cta-content {
		flex-direction: column;
		gap: 0.25rem;
	}

	.mafi-membership-cta-content h3::after {
		display: none;
	}
}

/* ==================== User Card V2 ==================== */
.mafi-user-card {
	margin-bottom: 0.75rem;
}

.mafi-user-card-logged {
	background: linear-gradient(135deg, var(--mafi-beige-warm), var(--mafi-golden));
	border-radius: 12px;
	padding: 0.75rem;
}

.mafi-user-card-header {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0;
}

.mafi-user-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--mafi-brown-deep);
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: 600;
}

.mafi-user-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mafi-user-avatar-placeholder {
	font-size: 1rem;
}

.mafi-user-info {
	flex: 1;
	min-width: 0;
}

.mafi-user-name {
	display: block;
	font-weight: 600;
	color: var(--mafi-brown-deep);
	font-size: 0.9rem;
}

.mafi-user-badge {
	display: inline-block;
	font-size: 0.7rem;
	padding: 0.125rem 0.5rem;
	border-radius: 4px;
	margin-top: 0.25rem;
}

.mafi-user-badge-premium {
	background: var(--mafi-brown-deep);
	color: white;
}

.mafi-user-badge-free {
	background: rgba(255,255,255,0.5);
	color: var(--mafi-brown-medium);
}

.mafi-user-nav {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.mafi-user-nav-item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 0.75rem;
	border-radius: 8px;
	color: var(--mafi-brown-medium);
	text-decoration: none;
	font-size: 0.85rem;
	transition: all 0.15s ease;
}

.mafi-user-nav-item:hover {
	background: rgba(255,255,255,0.5);
	color: var(--mafi-brown-deep);
}

.mafi-user-nav-icon {
	font-size: 1rem;
}

.mafi-user-upgrade {
	margin-top: 0.75rem;
	padding-top: 0.75rem;
	border-top: 1px solid rgba(57, 43, 33, 0.1);
	text-align: center;
}

.mafi-user-upgrade p {
	font-size: 0.8rem;
	color: var(--mafi-brown-medium);
	margin: 0 0 0.75rem;
}

.mafi-user-upgrade-btn {
	display: inline-block;
	width: 100%;
	padding: 0.625rem 1rem;
	background: var(--mafi-brown-deep);
	color: white !important;
	font-size: 0.8rem;
	font-weight: 600;
	border-radius: 8px;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease;
}

.mafi-user-upgrade-btn:hover {
	transform: scale(1.02);
}

/* Guest User Card */
.mafi-user-card-guest {
	background: linear-gradient(135deg, var(--mafi-beige-warm), var(--mafi-golden));
	border-radius: 12px;
	padding: 0.75rem;
	text-align: center;
}

.mafi-user-card-guest p {
	font-size: 0.85rem;
	color: var(--mafi-brown-medium);
	margin: 0 0 0.75rem;
}

.mafi-user-card-btn {
	display: inline-block;
	padding: 0.625rem 1.5rem;
	background: var(--mafi-brown-deep);
	color: white !important;
	border-radius: 8px;
	text-decoration: none;
	font-size: 0.85rem;
	font-weight: 500;
	transition: all 0.2s ease;
}

.mafi-user-card-btn:hover {
	transform: scale(1.02);
}

.mafi-user-card-signin {
	display: block;
	margin-top: 0.75rem;
	font-size: 0.8rem;
	color: var(--mafi-brown-medium);
	text-decoration: none;
}

.mafi-user-card-signin:hover {
	color: var(--mafi-brown-deep);
}

/* ==================== Article Actions V4 - 精致对齐版 ==================== */
.mafi-article-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.75rem 0;
	margin: 0.5rem 0 1rem;
	border-bottom: 1px solid var(--mafi-border);
}

.mafi-article-actions-left {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.mafi-action-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	height: 36px;
	min-width: 36px;
	padding: 0 0.75rem;
	background: var(--color-background-100);
	border: 1px solid var(--mafi-border);
	border-radius: 8px;
	color: var(--color-secondary-text);
	font-size: 0.85rem;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.mafi-action-btn svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.mafi-action-btn:hover {
	background: var(--color-background-200);
	border-color: var(--color-secondary-text);
	color: var(--color-contrast);
}

/* 收藏按钮激活状态 */
.mafi-action-btn.is-active {
	background: var(--mafi-sunset-orange);
	border-color: var(--mafi-sunset-orange);
	color: white;
}

.mafi-action-btn.is-active svg {
	fill: white;
}

/* 评论数量标记 */
.mafi-comment-count {
	font-size: 0.7rem;
	font-weight: 600;
	background: var(--mafi-sunset-orange);
	color: white;
	padding: 0.1rem 0.35rem;
	border-radius: 10px;
	min-width: 16px;
	text-align: center;
	margin-left: 0.25rem;
}

.mafi-article-actions-right {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.mafi-share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	height: 36px;
	min-width: 36px;
	padding: 0 0.75rem;
	background: var(--color-background-100);
	border: 1px solid var(--mafi-border);
	border-radius: 8px;
	color: var(--color-secondary-text);
	font-size: 0.85rem;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.mafi-share-btn svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.mafi-share-btn:hover {
	background: var(--mafi-sunset-orange);
	border-color: var(--mafi-sunset-orange);
	color: white;
}

.mafi-share-btn:hover svg {
	color: white;
}

/* 移动端适配 */
@media (max-width: 768px) {
	.mafi-article-actions {
		padding: 0.5rem 0;
		margin: 0.25rem 0 0.75rem;
	}

	.mafi-action-btn,
	.mafi-share-btn {
		height: 32px;
		padding: 0 0.6rem;
		font-size: 0.8rem;
		border-radius: 6px;
	}

	.mafi-action-btn svg,
	.mafi-share-btn svg {
		width: 16px;
		height: 16px;
	}

	.mafi-article-actions-left,
	.mafi-article-actions-right {
		gap: 0.4rem;
	}
}

/* ==================== TOC V3 - 使用原版主题 TOC ==================== */
.mafi-toc-wrapper {
	margin-bottom: 2rem;
}

/* 美化原版 TOC 样式 */
.mafi-toc-wrapper .toc.mafi-toc {
	display: block !important;
	background: var(--mafi-surface);
	border: 1px solid var(--mafi-border);
	border-radius: 12px;
	padding: 1rem 1.25rem;
	flex-direction: column;
	align-items: stretch;
}

/* 隐藏原版 TOC 的折叠按钮 */
.mafi-toc-wrapper .toc-button {
	display: none !important;
}

/* 隐藏原版 TOC 的解锁链接 */
.mafi-toc-wrapper .toc-unlock-link {
	display: none !important;
}

/* TOC 标题样式 */
.mafi-toc-wrapper .toc-title {
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--color-contrast);
	margin-bottom: 0.75rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var(--mafi-border);
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.mafi-toc-wrapper .toc-title svg {
	width: 16px;
	height: 16px;
	color: var(--mafi-sunset-orange);
}

/* TOC 导航列表 */
.mafi-toc-wrapper .toc-nav {
	margin: 0;
	padding: 0;
	width: 100%;
}

.mafi-toc-wrapper .toc-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mafi-toc-wrapper .toc-nav li {
	margin: 0;
}

/* TOC 链接样式 */
.mafi-toc-wrapper .toc-link {
	display: block;
	padding: 0.5rem 0;
	color: var(--color-foreground);
	text-decoration: none;
	font-size: 0.875rem;
	line-height: 1.4;
	transition: color 0.2s ease, padding-left 0.2s ease;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.mafi-toc-wrapper .toc-link:last-child {
	border-bottom: none;
}

.mafi-toc-wrapper .toc-link:hover {
	color: var(--mafi-sunset-orange);
	padding-left: 0.5rem;
}

.mafi-toc-wrapper .toc-link.active {
	color: var(--mafi-sunset-orange);
	font-weight: 500;
}

/* H3 链接缩进 */
.mafi-toc-wrapper .toc-link-h3 {
	padding-left: 1rem;
	font-size: 0.825rem;
	color: var(--color-secondary);
}

.mafi-toc-wrapper .toc-link-h3:hover {
	padding-left: 1.5rem;
}

/* 深色模式 */
.is-dark .mafi-toc-wrapper .toc-link {
	border-bottom-color: rgba(255, 255, 255, 0.05);
}

/* 如果没有标题，隐藏整个 TOC */
.mafi-toc-wrapper .toc.toc-hidden {
	display: none !important;
}

/* ==================== Course Sidebar V2 ==================== */
.mafi-course-sidebar-v2 {
	background: var(--mafi-surface);
	border: 1px solid var(--mafi-border);
	border-radius: 16px;
	overflow: hidden;
	height: fit-content;
	position: sticky;
	top: 1rem;
}

.mafi-course-sidebar-header {
	padding: 1rem 1.25rem;
	border-bottom: 1px solid var(--mafi-border);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mafi-course-sidebar-title {
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--color-contrast);
}

.mafi-course-progress-text {
	font-size: 0.75rem;
	color: var(--color-secondary);
}

.mafi-chapter-list {
	max-height: 500px;
	overflow-y: auto;
}

.mafi-chapter-item-v2 {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid var(--mafi-border);
	cursor: pointer;
	transition: all 0.15s ease;
}

.mafi-chapter-item-v2:last-child {
	border-bottom: none;
}

.mafi-chapter-item-v2:hover {
	background: var(--color-background-100);
}

.mafi-chapter-item-v2.is-active {
	background: rgba(232, 168, 124, 0.1);
	border-left: 3px solid var(--mafi-sunset-orange);
}

.mafi-chapter-item-v2.is-completed .mafi-chapter-icon-v2 {
	background: #4caf50;
	color: white;
}

.mafi-chapter-icon-v2 {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--color-background-100);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	color: var(--color-secondary);
	flex-shrink: 0;
}

.mafi-chapter-info-v2 {
	flex: 1;
	min-width: 0;
}

.mafi-chapter-title-v2 {
	font-size: 0.85rem;
	color: var(--color-contrast);
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mafi-chapter-duration-v2 {
	font-size: 0.75rem;
	color: var(--color-secondary);
}

.mafi-chapter-item-v2.is-active .mafi-chapter-title-v2 {
	color: var(--mafi-sunset-orange);
}

/* ==================== Course Locked TOC Preview ==================== */
.mafi-course-locked-toc {
	padding: 0;
}

.mafi-toc-preview-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mafi-toc-preview-item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.875rem 1.25rem;
	border-bottom: 1px solid var(--mafi-border);
	font-size: 0.85rem;
	color: var(--color-secondary);
}

.mafi-toc-preview-item:last-child {
	border-bottom: none;
}

.mafi-toc-preview-item.is-current {
	background: rgba(232, 168, 124, 0.08);
	border-left: 3px solid var(--mafi-sunset-orange);
	color: var(--mafi-brown-deep);
}

.mafi-toc-num {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--color-background-100);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.7rem;
	font-weight: 600;
	flex-shrink: 0;
}

.mafi-toc-preview-item.is-current .mafi-toc-num {
	background: var(--mafi-sunset-orange);
	color: white;
}

.mafi-toc-title {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mafi-toc-lock {
	font-size: 0.7rem;
	opacity: 0.5;
}

.mafi-toc-badge {
	font-size: 0.65rem;
	padding: 0.15rem 0.4rem;
	background: var(--mafi-sunset-orange);
	color: white;
	border-radius: 4px;
	font-weight: 500;
}

.mafi-toc-single {
	padding: 1.5rem;
	text-align: center;
	color: var(--color-secondary);
	font-size: 0.85rem;
}

/* Sidebar unlock hint */
.mafi-sidebar-unlock-hint {
	padding: 1.25rem;
	text-align: center;
	background: linear-gradient(180deg, rgba(232, 168, 124, 0.05) 0%, rgba(232, 168, 124, 0.1) 100%);
	border-top: 1px solid var(--mafi-border);
}

.mafi-sidebar-unlock-hint .mafi-unlock-icon {
	width: 40px;
	height: 40px;
	margin: 0 auto 0.75rem;
	background: rgba(232, 168, 124, 0.15);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mafi-sidebar-unlock-hint .mafi-unlock-icon svg {
	width: 20px;
	height: 20px;
	color: var(--mafi-sunset-orange);
}

.mafi-sidebar-unlock-hint p {
	font-size: 0.8rem;
	color: var(--color-secondary);
	margin-bottom: 0.75rem;
}

.mafi-sidebar-unlock-btn {
	display: inline-block;
	padding: 0.5rem 1.25rem;
	background: var(--mafi-sunset-orange);
	color: white !important;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.2s ease;
}

.mafi-sidebar-unlock-btn:hover {
	background: var(--mafi-brown-deep);
	transform: translateY(-1px);
}

/* ==================== Responsive V2 ==================== */
@media (max-width: 1024px) {
	.mafi-featured-v2-grid {
		grid-template-columns: repeat(2, 1fr);
	}

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

	.mafi-membership-cta {
		flex-direction: column;
		text-align: center;
		gap: 1rem;
	}
}

@media (max-width: 768px) {
	.mafi-hero-v2 {
		margin: 1rem;
		padding: 2.5rem 1.5rem;
		border-radius: 16px;
	}

	.mafi-hero-v2-title {
		font-size: 1.75rem;
	}

	.mafi-stats-v2 {
		margin: 0 1rem 1.5rem;
		padding: 1rem;
	}

	.mafi-stats-v2-inner {
		flex-wrap: wrap;
		gap: 1.5rem;
		padding: 1rem;
	}

	.mafi-stat-v2 {
		min-width: 40%;
	}

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

	.mafi-featured-v2-grid {
		grid-template-columns: 1fr;
	}

	.mafi-article-actions {
		flex-direction: column;
		gap: 0.75rem;
	}

	.mafi-article-actions-left,
	.mafi-article-actions-right {
		width: 100%;
		justify-content: center;
	}
}

/* ==================== 深色模式适配 V2 ==================== */
[data-color-scheme="dark"] .mafi-hero-v2 {
	background: linear-gradient(135deg, #3a322e 0%, #4a423d 50%, rgba(232, 168, 124, 0.3) 100%);
}

[data-color-scheme="dark"] .mafi-hero-v2-title,
[data-color-scheme="dark"] .mafi-hero-tagline,
[data-color-scheme="dark"] .mafi-hero-v2-desc {
	color: var(--color-contrast);
}

[data-color-scheme="dark"] .mafi-user-card-logged,
[data-color-scheme="dark"] .mafi-user-card-guest {
	background: linear-gradient(135deg, #3a322e, #4a423d);
}

[data-color-scheme="dark"] .mafi-user-name,
[data-color-scheme="dark"] .mafi-user-card-guest p {
	color: var(--color-contrast);
}

[data-color-scheme="dark"] .mafi-user-nav-item {
	color: var(--color-foreground);
}

[data-color-scheme="dark"] .mafi-user-nav-item:hover {
	background: rgba(255,255,255,0.1);
	color: var(--color-contrast);
}

/* ========================================
   ======================================== */
/* MAFI: 已完全注释 - iPad 宽度使用完全相同的桌面布局 */
/*
@media (min-width: 768px) and (max-width: 1199px) {
	[data-sidebar-collapsed="true"] .sidebar .mafi-user-card {
		display: none !important;
	}

	[data-sidebar-collapsed="true"] .sidebar-footer {
		display: none !important;
	}

	.main {
		display: block !important;
	}

	.content {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.mafi-dashboard {
		max-width: 100%;
		padding: 2rem 1.5rem;
	}

	.mafi-dashboard-grid {
		grid-template-columns: 1fr;
	}

	.mafi-hero-v2 {
		margin: 1rem;
	}

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

	.mafi-featured-v2-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
*/

/* ========================================

/* 🐛 BUG修复：注释掉这个规则，它会覆盖我们的手机版侧边栏滑出功能 */
/*
@media (max-width: 768px) {
	.sidebar {
		display: none !important;
	}

	.content {
		margin-left: 0 !important;
		grid-column: 1 / -1 !important;
	}

	.toggle-popup,
	.toggle-sidebar,
	.header-user-button,
	.navbar-search-button,
	.navbar .navigation,
	.navbar-right {
		display: none !important;
	}

	.navbar {
		padding: 0.75rem 1rem;
		justify-content: center;
	}

	.navbar-left {
		flex: 0;
	}
}
*/


/* ========================================
   MAFI: 移动端左侧滑出抽屉导航 - 高级版
======================================== */
.mafi-mobile-drawer {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 9999;
	pointer-events: none;
}

/* 只在手机端显示 */
@media (max-width: 768px) {
	.mafi-mobile-drawer {
		display: block;
	}
	/* 隐藏桌面侧边栏 */
	.sidebar {
		display: none !important;
	}
}

/* 遮罩层 */
.mafi-mobile-drawer-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0);
	pointer-events: none;
	transition: background 0.35s ease;
	z-index: 1;
}

.mafi-mobile-drawer.is-open .mafi-mobile-drawer-overlay {
	background: rgba(0, 0, 0, 0.5);
	pointer-events: auto;
}

/* 左侧滑出面板 */
.mafi-mobile-drawer-panel {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 85%;
	max-width: 320px;
	background: var(--color-background);
	transform: translateX(-100%);
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	pointer-events: auto;
	z-index: 2;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-shadow: 4px 0 30px rgba(0, 0, 0, 0.15);
}

.mafi-mobile-drawer.is-open .mafi-mobile-drawer-panel {
	transform: translateX(0);
}

/* 抽屉头部 */
.mafi-mobile-drawer-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid var(--mafi-border);
	background: var(--color-background);
}

.mafi-mobile-drawer-header .logo {
	height: 32px;
}

.mafi-mobile-drawer-header .logo img {
	height: 32px;
	width: auto;
}

.mafi-mobile-drawer-close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: var(--color-background-100);
	border: none;
	border-radius: 10px;
	color: var(--color-secondary-text);
	cursor: pointer;
	transition: all 0.2s ease;
}

.mafi-mobile-drawer-close svg {
	width: 18px;
	height: 18px;
}

.mafi-mobile-drawer-close:hover {
	background: var(--mafi-sunset-orange);
	color: white;
}

/* 抽屉内容区 - 会员卡片紧凑版（不贴边） */
.mafi-mobile-drawer-panel > .mafi-member-status {
	margin: 0.875rem 1.25rem;
	padding: 0.75rem;
	border-radius: 10px;
}

.mafi-mobile-drawer-panel > .mafi-member-status .mafi-member-avatar {
	width: 36px;
	height: 36px;
}

.mafi-mobile-drawer-panel > .mafi-member-status .mafi-member-name {
	font-size: 0.9rem;
}

.mafi-mobile-drawer-panel > .mafi-member-status .mafi-member-tier {
	font-size: 0.65rem;
	padding: 0.15rem 0.4rem;
}

.mafi-mobile-drawer-panel > .mafi-member-status .mafi-member-links {
	gap: 0.4rem;
	margin-top: 0.5rem;
}

.mafi-mobile-drawer-panel > .mafi-member-status .mafi-member-links a {
	font-size: 0.75rem;
	padding: 0.3rem 0;
}

.mafi-mobile-drawer-panel > .mafi-member-status .mafi-member-links a svg {
	width: 14px;
	height: 14px;
}

.mafi-mobile-drawer-panel > .mafi-member-status .mafi-member-upgrade {
	margin-top: 0.5rem;
	padding-top: 0.5rem;
	font-size: 0.75rem;
}

.mafi-mobile-drawer-panel > .mafi-member-status .mafi-member-upgrade-btn {
	font-size: 0.75rem;
	padding: 0.4rem 0.875rem;
	border-radius: 6px;
}

/* 主导航区域 */
.mafi-mobile-drawer-nav {
	flex: 1;
	overflow-y: auto;
	padding: 0.5rem 0;
	-webkit-overflow-scrolling: touch;
}

.mafi-mobile-drawer-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mafi-mobile-drawer-nav li {
	margin: 0;
}

.mafi-mobile-drawer-nav .nav-link,
.mafi-mobile-drawer-nav a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 20px;
	color: var(--color-primary-text);
	text-decoration: none;
	font-size: 16px !important;
	font-weight: 500;
	line-height: 1.4;
	min-height: 48px;
	transition: all 0.2s ease;
	border-left: 3px solid transparent;
}

.mafi-mobile-drawer-nav .nav-link:hover,
.mafi-mobile-drawer-nav a:hover,
.mafi-mobile-drawer-nav .nav-link-current {
	background: var(--color-background-100);
	border-left-color: var(--mafi-sunset-orange);
	color: var(--mafi-sunset-orange);
}

.mafi-mobile-drawer-nav .nav-link .nav-icon,
.mafi-mobile-drawer-nav .nav-icon {
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
}

.mafi-mobile-drawer-nav .nav-link svg,
.mafi-mobile-drawer-nav svg {
	width: 20px;
	height: 20px;
	stroke-width: 1.8;
}

/* 分类标签区域 */
.mafi-mobile-drawer-tags {
	padding: 0.75rem 1.25rem;
	border-top: 1px solid var(--mafi-border);
}

/* 底部操作区 */
.mafi-mobile-drawer-footer {
	margin-top: auto;
	padding: 0.75rem 1rem;
	padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0));
	border-top: 1px solid var(--mafi-border);
	background: var(--color-background-100);
}

/* 工具栏 - 搜索/联系/设置 + 主题按钮合并一行 */
.mafi-mobile-drawer-toolbar {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin-bottom: 0.5rem;
}

.mafi-mobile-drawer-tool-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	background: var(--color-background);
	border: 1px solid var(--mafi-border);
	border-radius: 10px;
	color: var(--color-secondary-text);
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s ease;
}

.mafi-mobile-drawer-tool-btn svg {
	width: 18px;
	height: 18px;
}

.mafi-mobile-drawer-tool-btn:hover,
.mafi-mobile-drawer-tool-btn.is-active {
	background: var(--mafi-sunset-orange);
	border-color: var(--mafi-sunset-orange);
	color: white;
}

/* 分隔线 */
.mafi-mobile-drawer-divider {
	width: 1px;
	height: 24px;
	background: var(--mafi-border);
	margin: 0 0.25rem;
}

/* 保留旧类名兼容 */
.mafi-mobile-drawer-theme-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	background: var(--color-background);
	border: 1px solid var(--mafi-border);
	border-radius: 10px;
	color: var(--color-secondary-text);
	cursor: pointer;
	transition: all 0.2s ease;
}

.mafi-mobile-drawer-theme-btn svg {
	width: 18px;
	height: 18px;
}

.mafi-mobile-drawer-theme-btn:hover,
.mafi-mobile-drawer-theme-btn.is-active {
	background: var(--mafi-sunset-orange);
	border-color: var(--mafi-sunset-orange);
	color: white;
}

/* 版权 */
.mafi-mobile-drawer-copyright {
	text-align: center;
	font-size: 0.7rem;
	color: var(--color-tertiary-text);
}

/* 右下角菜单按钮 - 已隐藏（与电脑版保持一致） */
.mafi-mobile-drawer-toggle {
	display: none !important;
}

/* 已隐藏按钮的相关样式 - 不再需要 */
/*
.mafi-mobile-drawer-toggle svg {
	width: 20px;
	height: 20px;
}

.mafi-mobile-drawer-toggle:hover {
	transform: scale(1.05);
	background: rgba(255, 255, 255, 0.85);
	box-shadow:
		0 6px 28px rgba(0, 0, 0, 0.15),
		0 2px 6px rgba(0, 0, 0, 0.08);
}

.mafi-mobile-drawer-toggle:active {
	transform: scale(0.95);
}

/* 打开时隐藏按钮 */
.mafi-mobile-drawer.is-open .mafi-mobile-drawer-toggle {
	opacity: 0;
	pointer-events: none;
	transform: translateX(20px);
}

/* 深色模式 */
[data-color-scheme="dark"] .mafi-mobile-drawer-panel {
	box-shadow: 4px 0 40px rgba(0, 0, 0, 0.4);
}
*/

/* Dark mode 样式也不再需要 */
/*
[data-color-scheme="dark"] .mafi-mobile-drawer-toggle {
	background: rgba(50, 45, 40, 0.7);
	border-color: rgba(255, 255, 255, 0.15);
	color: rgba(255, 255, 255, 0.9);
}

[data-color-scheme="dark"] .mafi-mobile-drawer-toggle:hover {
	background: rgba(60, 55, 50, 0.8);
}
*/

[data-color-scheme="dark"] .mafi-mobile-drawer-close {
	background: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.8);
}

[data-color-scheme="dark"] .mafi-mobile-drawer-tags-list li a {
	background: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.8);
}

[data-color-scheme="dark"] .mafi-mobile-drawer-action-btn {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.1);
}

[data-color-scheme="dark"] .mafi-mobile-drawer-theme-btn {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.1);
}


/* ========================================
   MAFI: 文章卡片内容类型和状态图标
======================================== */

/* 图标容器基础样式 */
.mafi-type-badge,
.mafi-access-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 6px;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.mafi-type-badge svg,
.mafi-access-badge svg {
	width: 14px;
	height: 14px;
}

/* 内容类型图标 - 视频 (红色播放三角) */
.mafi-type-video {
	background: rgba(255, 80, 80, 0.95);
	color: white;
}

.mafi-type-video svg {
	fill: white;
	margin-left: 2px; /* 视觉居中 */
}

/* 内容类型图标 - 文章 (灰色文字横线) */
.mafi-type-article {
	background: rgba(100, 100, 100, 0.85);
	color: white;
}

.mafi-type-article svg {
	stroke: white;
}

/* 付费状态图标 - 黄色锁 (保留兼容) */
.mafi-access-paid {
	background: rgba(255, 180, 0, 0.95);
	color: white;
}

.mafi-access-paid svg {
	fill: white;
	width: 12px;
	height: 12px;
}

/* 会员徽章 - 锁图标+文字 */
.mafi-member-badge {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	padding: 4px 8px 4px 6px;
	border-radius: 6px;
	background: linear-gradient(135deg, rgba(255, 180, 0, 0.95), rgba(255, 140, 0, 0.95));
	color: white;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.5px;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	box-shadow: 0 2px 6px rgba(255, 150, 0, 0.3);
}

.mafi-member-badge svg {
	width: 11px;
	height: 11px;
	fill: white;
}

.mafi-member-badge span {
	line-height: 1;
}

/* 精选/热门徽章 - emoji */
.mafi-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 6px;
	font-size: 14px;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

/* 图标排列 - 确保水平对齐 */
.card-post-image-badge {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
	flex-wrap: nowrap;
}

/* 确保所有图标大小一致 */
.card-post-image-badge > span {
	flex-shrink: 0;
}

/* 阅读时间样式 */
.mafi-reading-time {
	color: var(--mafi-brown-medium);
	font-size: 0.85em;
	opacity: 0.8;
}

/* 深色模式调整 */
[data-color-scheme="dark"] .mafi-type-article {
	background: rgba(80, 80, 80, 0.9);
}

[data-color-scheme="dark"] .mafi-badge {
	background: rgba(50, 50, 50, 0.9);
}

/* 隐藏原来的文字徽章 */
.card-post-access-badge {
	display: none !important;
}

/* 隐藏原来图片上的阅读时间 */
.card-post-time {
	display: none !important;
}

/* ========================================
   MAFI: Dock 菜单品牌区域
======================================== */
.mafi-dock-brand {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25rem;
	padding: 0.5rem 0;
	width: 100%;
	text-align: center;
}

.mafi-dock-logo {
	max-height: 32px;
	width: auto;
}

.mafi-dock-title {
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--mafi-brown-deep);
}

.mafi-dock-slogan {
	font-size: 0.7rem;
	color: var(--mafi-brown-medium);
	opacity: 0.8;
	max-width: 200px;
	line-height: 1.3;
}

.mafi-dock-divider {
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, 0.08);
	margin: 0.5rem 0;
}

.mafi-dock-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
}

/* 深色模式 */
[data-color-scheme="dark"] .mafi-dock-title {
	color: #f0f0f0;
}

[data-color-scheme="dark"] .mafi-dock-slogan {
	color: #a0a0a0;
}

[data-color-scheme="dark"] .mafi-dock-divider {
	background: rgba(255, 255, 255, 0.1);
}

/* ==================== MAFI: 导航 Emoji 图标 ==================== */
.nav-emoji {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--nav--link--icon--size, 1.25rem);
	height: var(--nav--link--icon--size, 1.25rem);
	font-size: 1rem;
	line-height: 1;
	flex-shrink: 0;
}

/* 弹窗导航中的 emoji */
.navigation-popup .nav-emoji {
	font-size: 0.9375rem;
}

/* 侧边栏导航中的 emoji */
.navigation-sidebar .nav-emoji {
	font-size: 1rem;
}

/* 下拉菜单中的 emoji */
.navigation-dropdown .nav-emoji {
	font-size: 0.875rem;
	width: 1.125rem;
	height: 1.125rem;
}

/* ==================== MAFI: 隐藏侧边栏页脚的次要导航（Sign up 等） ==================== */
.sidebar-footer .navigation-sidebar-footer,
.sidebar-footer .navigation-secondary {
	display: none !important;
}

/* ==================== MAFI: 首页区块间距优化 ==================== */
.page-home .section {
	margin: 0 0 0.25rem 0 !important;
	padding: 0 !important;
	gap: 0.25rem !important;
}

.page-home .section .section-head {
	margin-bottom: 0.375rem !important;
}

.page-home .section-tag {
	margin: 0 0 0.1875rem 0 !important;
	padding: 0 !important;
	gap: 0.1875rem !important;
}

.page-home .section-button {
	margin-bottom: 0.375rem !important;
}

/* ==================== MAFI: 热门话题 - 横向滚动 ==================== */
.section-topics {
	margin-top: 0.25rem !important;
	width: 100%;
}

.section-topics .mafi-topics-scroll {
	width: 100%;
	flex: 1 0 100%;
}

.mafi-topics-scroll {
	display: flex;
	gap: 1rem;
	overflow-x: auto;
	padding: 0.5rem 0 1rem;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.mafi-topics-scroll::-webkit-scrollbar {
	display: none;
}

.mafi-topic-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	padding: 1.25rem 1.5rem;
	background: var(--mafi-surface);
	border: 1px solid var(--mafi-border);
	border-radius: 16px;
	text-decoration: none;
	transition: all 0.2s ease;
	scroll-snap-align: start;
	flex-shrink: 0;
	min-width: 140px;
}

.mafi-topic-item:hover {
	border-color: var(--mafi-sunset-orange);
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.mafi-topic-emoji {
	font-size: 2rem;
	line-height: 1;
}

.mafi-topic-name {
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--color-contrast);
	text-align: center;
	white-space: nowrap;
}

.mafi-topic-count {
	font-size: 0.8rem;
	color: var(--color-secondary);
}

/* 深色模式 - 背景透明 */
[data-color-scheme="dark"] .mafi-topic-item {
	background: transparent;
	border-color: rgba(156, 125, 97, 0.3);
}

[data-color-scheme="dark"] .mafi-topic-item:hover {
	background: rgba(156, 125, 97, 0.15);
	border-color: var(--mafi-sunset-orange);
}

/* ==================== MAFI: 首页会员CTA横幅 ==================== */
.mafi-cta-banner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.25rem;
	padding: 1rem 1.25rem;
	margin: 0.1875rem 0 0.3125rem 0;
	background: var(--mafi-brown-deep);
	border-radius: 10px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
}

.mafi-cta-content {
	flex: 1;
}

.mafi-cta-title {
	font-size: 1.25rem;
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 0.5rem 0;
}

.mafi-cta-desc {
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.75);
	margin: 0;
	line-height: 1.5;
}

.mafi-cta-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.875rem 1.5rem;
	background: linear-gradient(135deg, var(--mafi-sunset-orange), var(--mafi-terra-warm));
	color: #ffffff;
	font-size: 0.95rem;
	font-weight: 600;
	border-radius: 10px;
	text-decoration: none;
	white-space: nowrap;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(232, 168, 124, 0.3);
}

.mafi-cta-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(232, 168, 124, 0.4);
}

.mafi-cta-button svg {
	width: 18px;
	height: 18px;
}

/* 移动端适配 */
@media (max-width: 640px) {
	.mafi-cta-banner {
		flex-direction: column;
		text-align: center;
		padding: 1.5rem;
		gap: 1.25rem;
	}

	.mafi-cta-title {
		font-size: 1.125rem;
	}

	.mafi-cta-desc {
		font-size: 0.85rem;
	}

	.mafi-cta-button {
		width: 100%;
		justify-content: center;
	}
}

/* ==================== MAFI: Hero 介绍区块 - 高级大卡片版 ==================== */
.mafi-hero-intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 2.25rem 2rem;
	margin: 0 0 6px 0 !important;
	background: linear-gradient(135deg,
		#f8ede3 0%,
		#f0dcc9 25%,
		#e8c9a8 50%,
		#d4a574 75%,
		#c99a6b 100%);
	border-radius: 16px;
	position: relative;
	overflow: hidden;
	min-height: 150px;
	box-shadow:
		0 2px 12px rgba(180, 140, 100, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.mafi-hero-intro::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:
		radial-gradient(ellipse at top left, rgba(255,255,255,0.4) 0%, transparent 50%),
		radial-gradient(ellipse at bottom right, rgba(180,140,100,0.2) 0%, transparent 50%);
	pointer-events: none;
}

.mafi-hero-intro::after {
	content: '';
	position: absolute;
	top: -50%;
	right: -20%;
	width: 80%;
	height: 200%;
	background: radial-gradient(ellipse, rgba(255,255,255,0.15) 0%, transparent 70%);
	pointer-events: none;
}

.mafi-hero-tagline {
	font-size: 0.75rem;
	font-weight: 600;
	color: rgba(120, 90, 65, 0.75);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 1rem;
	position: relative;
	z-index: 1;
}

.mafi-hero-title {
	font-size: 2.25rem;
	font-weight: 700;
	color: #5a4a3a;
	margin: 0 0 1rem 0;
	line-height: 1.2;
	letter-spacing: -0.02em;
	position: relative;
	z-index: 1;
}

.mafi-hero-desc {
	font-size: 1rem;
	color: rgba(90, 74, 58, 0.8);
	margin: 0;
	max-width: 420px;
	line-height: 1.7;
	position: relative;
	z-index: 1;
}

[data-color-scheme="dark"] .mafi-hero-intro {
	background: linear-gradient(135deg,
		rgba(90, 78, 68, 0.95) 0%,
		rgba(75, 65, 55, 0.97) 25%,
		rgba(60, 52, 45, 1) 50%,
		rgba(50, 43, 38, 1) 100%);
	box-shadow:
		0 4px 24px rgba(0, 0, 0, 0.3),
		0 1px 3px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

[data-color-scheme="dark"] .mafi-hero-intro::before {
	background:
		radial-gradient(ellipse at top left, rgba(255,255,255,0.08) 0%, transparent 50%),
		radial-gradient(ellipse at bottom right, rgba(212, 165, 116, 0.1) 0%, transparent 50%);
}

[data-color-scheme="dark"] .mafi-hero-intro::after {
	background: radial-gradient(ellipse, rgba(255,255,255,0.03) 0%, transparent 70%);
}

[data-color-scheme="dark"] .mafi-hero-tagline {
	color: rgba(232, 180, 140, 0.7);
}

[data-color-scheme="dark"] .mafi-hero-title {
	color: #f5f0eb;
}

[data-color-scheme="dark"] .mafi-hero-desc {
	color: rgba(245, 240, 235, 0.7);
}

@media (max-width: 768px) {
	.mafi-hero-intro {
		padding: 3rem 1.75rem;
		min-height: 180px;
		border-radius: 20px;
	}

	.mafi-hero-title {
		font-size: 1.75rem;
	}

	.mafi-hero-desc {
		font-size: 0.9375rem;
	}
}

@media (max-width: 480px) {
	.mafi-hero-intro {
		padding: 2.5rem 1.25rem;
		min-height: 160px;
		border-radius: 16px;
	}

	.mafi-hero-title {
		font-size: 1.5rem;
	}

	.mafi-hero-desc {
		font-size: 0.875rem;
		max-width: 280px;
	}

	.mafi-hero-tagline {
		font-size: 0.6875rem;
	}

	.mafi-hero-button {
		padding: 0.625rem 1.25rem;
		font-size: 0.8125rem;
	}
}

/* ==================== MAFI: Hero 内嵌问候语 ==================== */
.mafi-hero-greeting {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
	position: relative;
	z-index: 1;
}

.mafi-hero-greeting .mafi-greeting-emoji {
	font-size: 1.125rem;
	line-height: 1;
}

.mafi-hero-greeting .mafi-greeting-text {
	font-size: 0.9375rem;
	font-weight: 600;
	color: rgba(90, 74, 58, 0.9);
}

.mafi-hero-greeting .mafi-greeting-divider {
	color: rgba(156, 125, 97, 0.4);
	font-size: 0.75rem;
}

.mafi-hero-greeting .mafi-greeting-message {
	font-size: 0.875rem;
	color: rgba(90, 74, 58, 0.7);
}

[data-color-scheme="dark"] .mafi-hero-greeting .mafi-greeting-text {
	color: rgba(245, 240, 235, 0.9);
}

[data-color-scheme="dark"] .mafi-hero-greeting .mafi-greeting-message {
	color: rgba(245, 240, 235, 0.6);
}

[data-color-scheme="dark"] .mafi-hero-greeting .mafi-greeting-divider {
	color: rgba(200, 180, 160, 0.3);
}

/* ==================== MAFI: Hero 底部日期信息 ==================== */
.mafi-hero-meta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	margin-top: 0.875rem;
	font-size: 0.8125rem;
	color: rgba(90, 74, 58, 0.55);
	position: relative;
	z-index: 1;
}

.mafi-hero-meta .mafi-greeting-divider {
	color: rgba(156, 125, 97, 0.3);
	font-size: 0.6875rem;
}

[data-color-scheme="dark"] .mafi-hero-meta {
	color: rgba(245, 240, 235, 0.45);
}

[data-color-scheme="dark"] .mafi-hero-meta .mafi-greeting-divider {
	color: rgba(200, 180, 160, 0.25);
}

@media (max-width: 480px) {
	.mafi-hero-greeting {
		flex-wrap: wrap;
		gap: 0.375rem;
	}

	.mafi-hero-greeting .mafi-greeting-text {
		font-size: 0.875rem;
	}

	.mafi-hero-greeting .mafi-greeting-message {
		font-size: 0.8125rem;
	}

	.mafi-hero-meta {
		font-size: 0.75rem;
	}
}

/* ==================== MAFI: Hero 按钮 ==================== */
.mafi-hero-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	margin-top: 1.25rem;
	background: var(--mafi-brown-deep);
	color: #fff;
	font-size: 0.9375rem;
	font-weight: 600;
	border-radius: 50px;
	text-decoration: none;
	position: relative;
	z-index: 1;
	transition: all 0.2s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.mafi-hero-button:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.mafi-hero-button svg {
	width: 16px;
	height: 16px;
}

[data-color-scheme="dark"] .mafi-hero-button {
	background: rgba(255, 255, 255, 0.15);
	color: #f5f0eb;
}

/* ==================== MAFI: 数据统计条 ==================== */
.mafi-stats-bar {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2rem;
	padding: 1rem 1.5rem;
	margin: 0.25rem 0 0.5rem 0;
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid rgba(212, 165, 116, 0.1);
	border-radius: 12px;
}

.mafi-stat-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.mafi-stat-number {
	font-size: 1.375rem;
	font-weight: 700;
	color: var(--mafi-brown-deep);
	line-height: 1.2;
}

.mafi-stat-label {
	font-size: 0.75rem;
	color: var(--color-secondary);
	margin-top: 0.125rem;
}

[data-color-scheme="dark"] .mafi-stats-bar {
	background: rgba(45, 40, 36, 0.5);
	border-color: rgba(156, 125, 97, 0.12);
}

[data-color-scheme="dark"] .mafi-stat-number {
	color: #f5f0eb;
}

@media (max-width: 640px) {
	.mafi-stats-bar {
		gap: 1rem;
		padding: 0.75rem 1rem;
	}

	.mafi-stat-number {
		font-size: 1.125rem;
	}

	.mafi-stat-label {
		font-size: 0.6875rem;
	}
}

/* ==================== MAFI: 动态问候语 - 高级紧凑版 ==================== */
.mafi-greeting {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.5rem 1rem;
	margin: 0 0 6px 0 !important;
	background: rgba(255, 255, 255, 0.45);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 10px;
	border: 1px solid rgba(212, 165, 116, 0.06);
	box-shadow: none;
}

.mafi-greeting-main {
	display: flex;
	align-items: center;
	gap: 0.625rem;
}

.mafi-greeting-emoji {
	font-size: 1.25rem;
	line-height: 1;
}

.mafi-greeting-text {
	font-size: 1rem;
	font-weight: 600;
	color: var(--mafi-brown-deep);
	letter-spacing: -0.01em;
}

.mafi-greeting-message {
	font-size: 0.8125rem;
	color: var(--mafi-brown-medium);
	margin: 0;
	flex: 1;
	text-align: center;
	padding: 0 1.5rem;
	transition: opacity 0.2s ease;
	opacity: 0.85;
}

.mafi-greeting-message.fade {
	opacity: 0;
}

.mafi-greeting-meta {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	font-size: 0.75rem;
	color: var(--color-secondary);
	white-space: nowrap;
}

.mafi-greeting-divider {
	color: var(--color-border);
	opacity: 0.5;
}

.mafi-greeting-highlight {
	color: var(--mafi-sunset-orange);
	font-weight: 600;
}

/* 深色模式 */
[data-color-scheme="dark"] .mafi-greeting {
	background: rgba(45, 40, 36, 0.6);
	border-color: rgba(156, 125, 97, 0.15);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

[data-color-scheme="dark"] .mafi-greeting-text {
	color: #f5f0eb;
}

[data-color-scheme="dark"] .mafi-greeting-message {
	color: rgba(245, 240, 235, 0.7);
}

@media (max-width: 768px) {
	.mafi-greeting {
		flex-wrap: wrap;
		gap: 0.5rem;
		padding: 0.875rem 1rem;
	}

	.mafi-greeting-message {
		order: 3;
		width: 100%;
		padding: 0.5rem 0 0;
		text-align: center;
		border-top: 1px solid rgba(212, 165, 116, 0.1);
		margin-top: 0.375rem;
		padding-top: 0.625rem;
	}

	.mafi-greeting-meta {
		margin-left: auto;
	}
}

@media (max-width: 480px) {
	.mafi-greeting-meta {
		display: none;
	}

	.mafi-greeting-message {
		border: none;
		margin: 0;
		padding: 0.25rem 0 0;
	}
}

/* ==================== MAFI: 顶部导航栏重构 ==================== */
.mafi-navbar {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 1rem;
}

.mafi-navbar-left {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
}

.mafi-navbar-center {
	flex: 1;
	display: flex;
	justify-content: center;
	min-width: 0;
}

.mafi-site-title {
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--mafi-brown-deep);
	text-decoration: none;
	letter-spacing: -0.01em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mafi-site-title:hover {
	color: var(--mafi-sunset-orange);
}

[data-color-scheme="dark"] .mafi-site-title {
	color: #f5f0eb;
}

[data-color-scheme="dark"] .mafi-site-title:hover {
	color: var(--mafi-sunset-orange);
}

.mafi-navbar-right {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
}

.mafi-search-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: none;
	background: transparent;
	color: var(--color-foreground);
	cursor: pointer;
	border-radius: 50%;
	transition: all 0.2s ease;
}

.mafi-search-btn:hover {
	background: var(--color-background-200);
	color: var(--mafi-brown-deep);
}

.mafi-search-btn svg {
	width: 1.25rem;
	height: 1.25rem;
}

/* 隐藏原有搜索栏的文字和斜杠图标 */
.mafi-navbar .search-toggle .icon-slash,
.mafi-navbar .search-toggle:not(.mafi-search-btn) {
	display: none !important;
}

/* 隐藏原有的用户下拉导航（顶栏） */
.mafi-navbar > .navigation {
	display: none !important;
}

/* ==================== MAFI: 隐藏首页标签滚动条 ==================== */
.page-home .section-tags,
.page-home .slider-tags {
	display: none !important;
}

/* ==================== MAFI: 搜索图标按钮样式 ==================== */
.mafi-search-icon-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(212, 165, 116, 0.12);
	border: 1px solid rgba(212, 165, 116, 0.25);
	color: var(--mafi-brown-deep);
	cursor: pointer;
	transition: all 0.25s ease;
}

.mafi-search-icon-btn:hover {
	background: var(--mafi-sunset-orange);
	border-color: var(--mafi-sunset-orange);
	color: white;
	transform: scale(1.08);
	box-shadow: 0 4px 12px rgba(232, 168, 124, 0.35);
}

.mafi-search-icon-btn svg {
	width: 18px;
	height: 18px;
}

[data-color-scheme="dark"] .mafi-search-icon-btn {
	background: rgba(156, 125, 97, 0.2);
	border-color: rgba(156, 125, 97, 0.3);
	color: #f5f0eb;
}

[data-color-scheme="dark"] .mafi-search-icon-btn:hover {
	background: var(--mafi-sunset-orange);
	border-color: var(--mafi-sunset-orange);
	color: white;
}

/* ==================== MAFI: Hero 卡片新布局 ==================== */
.mafi-hero-card {
	margin: 0 0 0.25rem 0 !important;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

/* 顶部：问候语三行布局 */
.mafi-hero-top {
	padding: 0.875rem 1.5rem;
	background: rgba(255, 255, 255, 0.7);
	border-bottom: 1px solid rgba(212, 165, 116, 0.15);
}

/* 三行堆叠布局 */
.mafi-hero-top-stacked {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.375rem;
}

/* 每一行的基础样式 */
.mafi-greeting-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	flex-wrap: wrap;
}

/* 第一行：问候+名字+日期 */
.mafi-greeting-row-1 {
	font-size: 15px;
}

.mafi-greeting-row-1 .mafi-greeting-emoji {
	font-size: 18px;
}

.mafi-greeting-row-1 .mafi-greeting-text {
	font-weight: 600;
	color: var(--mafi-brown-deep);
}

.mafi-greeting-row-1 .mafi-greeting-date {
	margin-left: 0.5rem;
	padding-left: 0.5rem;
	border-left: 1px solid rgba(156, 125, 97, 0.3);
	color: var(--color-secondary);
	font-size: 14px;
}

/* 第二行：相伴天数 */
.mafi-greeting-row-2 {
	font-size: 14px;
	color: var(--color-secondary);
}

/* 第三行：嘱咐的话 */
.mafi-greeting-row-3 {
	font-size: 14px;
}

.mafi-greeting-row-3 .mafi-greeting-message {
	color: var(--mafi-sunset-primary);
	font-weight: 500;
}

/* 底部：标题+描述 */
.mafi-hero-bottom {
	padding: 2rem 2rem 2.25rem;
	text-align: center;
	background: linear-gradient(135deg, #f8ede3 0%, #f0dcc9 25%, #e8c9a8 50%, #d4a574 75%, #c99a6b 100%);
}

.mafi-hero-bottom .mafi-hero-title {
	font-size: 1.75rem;
	font-weight: 700;
	color: rgba(57, 43, 33, 0.95);
	margin: 0 0 0.75rem 0;
	letter-spacing: -0.01em;
}

.mafi-hero-bottom .mafi-hero-desc {
	font-size: 0.9375rem;
	color: rgba(57, 43, 33, 0.75);
	margin: 0;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6;
}

/* 深色模式 */
[data-color-scheme="dark"] .mafi-hero-card {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

[data-color-scheme="dark"] .mafi-hero-top {
	background: rgba(45, 40, 36, 0.6);
	border-bottom-color: rgba(156, 125, 97, 0.15);
}

[data-color-scheme="dark"] .mafi-greeting-row-1 .mafi-greeting-text {
	color: #f5f0eb;
}

[data-color-scheme="dark"] .mafi-greeting-row-1 .mafi-greeting-date {
	color: rgba(245, 240, 235, 0.7);
	border-left-color: rgba(255, 255, 255, 0.2);
}

[data-color-scheme="dark"] .mafi-greeting-row-2 {
	color: rgba(245, 240, 235, 0.7);
}

[data-color-scheme="dark"] .mafi-greeting-row-3 .mafi-greeting-message {
	color: #e8a87c;
}

/* MAFI: 用户名称样式 */
.mafi-greeting-name {
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--mafi-sunset-primary);
}

[data-color-scheme="dark"] .mafi-greeting-name {
	color: #e8a87c;
}

@media (max-width: 768px) {
	.mafi-greeting-name {
		font-size: 0.875rem;
	}
}

[data-color-scheme="dark"] .mafi-hero-top .mafi-greeting-message,
[data-color-scheme="dark"] .mafi-hero-top #currentDate,
[data-color-scheme="dark"] .mafi-hero-top #daysSince {
	color: rgba(245, 240, 235, 0.7);
}

[data-color-scheme="dark"] .mafi-hero-bottom {
	background: linear-gradient(135deg, #3d3228 0%, #4a3d32 25%, #5a4a3d 50%, #6b5a4a 75%, #7a6855 100%);
}

[data-color-scheme="dark"] .mafi-hero-bottom .mafi-hero-title {
	color: rgba(245, 240, 235, 0.95);
}

[data-color-scheme="dark"] .mafi-hero-bottom .mafi-hero-desc {
	color: rgba(245, 240, 235, 0.7);
}

/* 响应式 - 移动端 */
@media (max-width: 768px) {
	.mafi-site-title {
		font-size: 1rem;
	}

	/* 问候语三行移动端适配 */
	.mafi-hero-top {
		padding: 0.75rem 1rem;
	}

	.mafi-hero-top-stacked {
		gap: 0.25rem;
	}

	.mafi-greeting-row-1 {
		font-size: 14px;
	}

	.mafi-greeting-row-1 .mafi-greeting-emoji {
		font-size: 16px;
	}

	.mafi-greeting-row-2,
	.mafi-greeting-row-3 {
		font-size: 13px;
	}

	.mafi-hero-bottom {
		padding: 1.5rem 1.25rem 1.75rem;
	}

	.mafi-hero-bottom .mafi-hero-title {
		font-size: 1.5rem;
	}

	.mafi-hero-bottom .mafi-hero-desc {
		font-size: 0.875rem;
	}

	/* 手机端卡片缩小 - 最新更新区域 */
	.section-tag .slider-posts .card-post,
	.section-tag .carousel .card-post {
		max-width: 200px !important;
		min-width: 180px !important;
	}

	.section-tag .slider-posts .card-post-image,
	.section-tag .carousel .card-post-image {
		height: 120px !important;
	}

	.section-tag .slider-posts .card-post-content,
	.section-tag .carousel .card-post-content {
		padding: 0.75rem !important;
	}

	.section-tag .slider-posts .card-post-title,
	.section-tag .carousel .card-post-title {
		font-size: 0.875rem !important;
		-webkit-line-clamp: 2;
	}
}

@media (max-width: 480px) {
	.mafi-navbar-center {
		display: none;
	}

	/* 手机端卡片进一步缩小 */
	.section-tag .slider-posts .card-post,
	.section-tag .carousel .card-post,
	.section-tag .swiper-slide .card-post {
		max-width: 160px !important;
		min-width: 150px !important;
	}

	.section-tag .slider-posts .card-post-image,
	.section-tag .carousel .card-post-image,
	.section-tag .swiper-slide .card-post-image {
		height: 100px !important;
	}

	/* Swiper slide 宽度控制 */
	.section-tag .swiper-slide {
		width: 160px !important;
	}
}

/* ==================== 手机端轮播卡片全局缩小 ==================== */
@media (max-width: 768px) {
	/* Swiper 卡片宽度 */
	.slider-posts .swiper-slide,
	.slider-cards .swiper-slide {
		width: 200px !important;
		flex-shrink: 0;
	}

	/* 卡片内部样式 */
	.slider-posts .card-post,
	.slider-cards .card-post {
		width: 100% !important;
	}

	.slider-posts .card-post-image,
	.slider-cards .card-post-image {
		height: 120px !important;
	}

	.slider-posts .card-post-title,
	.slider-cards .card-post-title {
		font-size: 14px !important;
		line-height: 1.3;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.slider-posts .card-post-content,
	.slider-cards .card-post-content {
		padding: 10px !important;
	}

	.slider-posts .card-post-excerpt,
	.slider-cards .card-post-excerpt {
		display: none !important;
	}
}

@media (max-width: 480px) {
	/* 更小屏幕进一步缩小 */
	.slider-posts .swiper-slide,
	.slider-cards .swiper-slide {
		width: 160px !important;
	}

	.slider-posts .card-post-image,
	.slider-cards .card-post-image {
		height: 95px !important;
	}

	.slider-posts .card-post-title,
	.slider-cards .card-post-title {
		font-size: 13px !important;
	}

	.slider-posts .card-post-content,
	.slider-cards .card-post-content {
		padding: 8px !important;
	}
}

/* ==================== MAFI: 首页卡片 - 只显示作者名称和阅读时间 ==================== */
/* 隐藏所有标签 */
.page-home .card-post-tag,
.page-home .card-post-primary-tag,
.page-home .section-tag .card-post-tag,
.page-home .section-tag .card-post-primary-tag {
	display: none !important;
}

/* 隐藏作者头像（保留作者名称） */
.page-home .card-post-avatars,
.page-home .card-post-avatar,
.page-home .card-post-author-image,
.page-home .card-post-author img {
	display: none !important;
}

/* 显示作者名称 */
.page-home .card-post-author,
.page-home .card-post-author-name {
	display: inline !important;
	color: var(--color-secondary);
	font-size: 0.8125rem;
}

/* 隐藏标签前的分隔符 */
.page-home .card-post-meta .card-post-meta-divider:has(+ .card-post-tag),
.page-home .card-post-meta .card-post-meta-divider:has(+ .card-post-primary-tag) {
	display: none !important;
}

/* 隐藏日期，只保留阅读时间 */
.page-home .card-post-date {
	display: none !important;
}

/* 确保阅读时间显示 */
.page-home .mafi-reading-time {
	display: inline !important;
	color: var(--color-secondary);
	font-size: 0.8125rem;
}

/* 首页卡片 meta 信息样式优化 */
.page-home .card-post-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.25rem;
	font-size: 0.8125rem;
	color: var(--color-secondary);
}

/* ==================== MAFI: 文章/课程列表页 ==================== */
.mafi-articles-page,
.mafi-courses-page {
	padding: 1.5rem 0;
}

.mafi-articles-header,
.mafi-courses-header {
	text-align: center;
	margin-bottom: 2rem;
}

.mafi-articles-title,
.mafi-courses-title {
	font-size: 2rem;
	font-weight: 700;
	color: var(--mafi-brown-deep);
	margin: 0 0 0.75rem 0;
}

.mafi-articles-desc,
.mafi-courses-desc {
	font-size: 1rem;
	color: var(--color-secondary);
	margin: 0;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

/* 筛选栏 - 现代丝滑设计 */
.mafi-filter-bar {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1.5rem;
	padding: 1rem;
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(212, 165, 116, 0.12);
	border-radius: 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* 新的两行布局容器 */
.mafi-filter-tags-container {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	min-width: 0;
}

.mafi-filter-tags-header {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.mafi-filter-hint {
	font-size: 0.7rem;
	color: var(--color-mute);
	font-style: italic;
}

.mafi-filter-tags-row {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.mafi-filter-row-label {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--mafi-brown-deep);
	white-space: nowrap;
	flex-shrink: 0;
	min-width: 60px;
}

.mafi-filter-row-buttons {
	display: flex;
	gap: 0.375rem;
	flex-wrap: wrap;
	flex: 1;
	min-width: 0;
}

/* 旧版单行布局（保留兼容性） */
.mafi-filter-tags {
	display: flex;
	gap: 0.375rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	flex: 1;
	min-width: 0;
}

.mafi-filter-tags::-webkit-scrollbar {
	display: none;
}

.mafi-filter-tag {
	padding: 0.375rem 0.75rem;
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--color-secondary);
	background: transparent;
	border: none;
	border-radius: 100px;
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap;
	flex-shrink: 0;
}

.mafi-filter-tag:hover {
	background: rgba(156, 125, 97, 0.1);
	color: var(--mafi-brown-deep);
}

.mafi-filter-tag.active {
	background: var(--mafi-brown-deep);
	color: #fff;
}

/* 一级标签样式 */
.mafi-filter-tag-level1 {
	border: 1px solid rgba(156, 125, 97, 0.2);
}

.mafi-filter-tag-level1:hover {
	border-color: var(--mafi-brown-deep);
}

.mafi-filter-tag-level1.active {
	background: linear-gradient(135deg, var(--mafi-sunset-orange), var(--mafi-terra-warm)) !important;
	color: #fff !important;
	border: 1px solid var(--mafi-sunset-orange) !important;
}

/* 二级标签样式 */
.mafi-filter-tag-level2 {
	border: 1px solid rgba(156, 125, 97, 0.15);
	font-size: 0.7rem;
}

.mafi-filter-tag-level2:hover {
	background: rgba(232, 168, 124, 0.15);
	border-color: rgba(156, 125, 97, 0.3);
}

.mafi-filter-tag-level2.active {
	background: var(--mafi-terra-warm) !important;
	color: #fff !important;
	border: 1px solid var(--mafi-terra-warm) !important;
}

/* "全部"按钮特殊样式 */
.mafi-filter-tag-all.active {
	background: var(--mafi-brown-deep) !important;
	color: #fff !important;
}

.mafi-sort-options {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	flex-shrink: 0;
	padding-left: 0.5rem;
	border-left: 1px solid rgba(156, 125, 97, 0.15);
}

.mafi-sort-label {
	font-size: 0.6875rem;
	color: var(--color-mute);
	white-space: nowrap;
}

.mafi-sort-select {
	padding: 0.25rem 0.5rem;
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--mafi-brown-deep);
	background: transparent;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239c7d61' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.25rem center;
	padding-right: 1.25rem;
}

.mafi-sort-select:focus {
	outline: none;
}

/* 文章/课程网格 */
.mafi-articles-grid,
.mafi-courses-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 1.5rem;
}

/* 卡片样式 */
.mafi-article-card,
.mafi-course-card {
	display: flex;
	flex-direction: column;
	background: var(--color-background);
	border: 1px solid var(--color-border);
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.2s ease;
}

.mafi-article-card:hover,
.mafi-course-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* 卡片图片 */
.mafi-article-card-image,
.mafi-course-card-image {
	position: relative;
	aspect-ratio: 16/9;
	overflow: hidden;
}

.mafi-article-card-image img,
.mafi-course-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.mafi-article-card:hover .mafi-article-card-image img,
.mafi-course-card:hover .mafi-course-card-image img {
	transform: scale(1.05);
}

.mafi-article-card-placeholder,
.mafi-course-card-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-background-200);
	font-size: 2.5rem;
}

/* 精选徽章 */
.mafi-article-featured-badge,
.mafi-course-featured-badge {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	padding: 0.25rem 0.625rem;
	font-size: 0.6875rem;
	font-weight: 600;
	color: #fff;
	background: var(--mafi-sunset-orange);
	border-radius: 4px;
}

/* 课程徽章 */
.mafi-course-badge {
	position: absolute;
	bottom: 0.75rem;
	left: 0.75rem;
	display: flex;
	align-items: center;
	gap: 0.25rem;
	padding: 0.25rem 0.625rem;
	font-size: 0.6875rem;
	font-weight: 600;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	backdrop-filter: blur(4px);
}

.mafi-course-badge svg {
	width: 12px;
	height: 12px;
}

/* 卡片内容 */
.mafi-article-card-content,
.mafi-course-card-content {
	padding: 1rem;
	display: flex;
	flex-direction: column;
	flex: 1;
}

/* 卡片标签 */
.mafi-article-card-tags,
.mafi-course-card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
	margin-bottom: 0.5rem;
}

.mafi-article-tag,
.mafi-course-tag {
	font-size: 0.6875rem;
	color: var(--mafi-sunset-orange);
	text-decoration: none;
}

.mafi-article-tag:hover,
.mafi-course-tag:hover {
	text-decoration: underline;
}

/* 卡片标题 */
.mafi-article-card-title,
.mafi-course-card-title {
	font-size: 1rem;
	font-weight: 600;
	margin: 0 0 0.5rem 0;
	line-height: 1.4;
}

.mafi-article-card-title a,
.mafi-course-card-title a {
	color: var(--color-contrast);
	text-decoration: none;
}

.mafi-article-card-title a:hover,
.mafi-course-card-title a:hover {
	color: var(--mafi-sunset-orange);
}

/* 卡片摘要 */
.mafi-article-card-excerpt,
.mafi-course-card-excerpt {
	font-size: 0.8125rem;
	color: var(--color-secondary);
	margin: 0 0 0.75rem 0;
	line-height: 1.5;
	flex: 1;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 卡片元信息 */
.mafi-article-card-meta,
.mafi-course-card-meta {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-size: 0.75rem;
	color: var(--color-mute);
	margin-top: auto;
}

.mafi-course-member-only {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	color: var(--mafi-terra-warm);
}

/* 空状态 */
.mafi-articles-empty,
.mafi-courses-empty {
	text-align: center;
	padding: 4rem 2rem;
	color: var(--color-secondary);
}

.mafi-empty-icon {
	font-size: 3rem;
	display: block;
	margin-bottom: 1rem;
}

/* 深色模式 */
[data-color-scheme="dark"] .mafi-articles-title,
[data-color-scheme="dark"] .mafi-courses-title {
	color: #f5f0eb;
}

[data-color-scheme="dark"] .mafi-filter-tag.active {
	background: var(--mafi-sunset-orange);
}

[data-color-scheme="dark"] .mafi-article-card,
[data-color-scheme="dark"] .mafi-course-card {
	background: rgba(45, 40, 36, 0.5);
	border-color: rgba(156, 125, 97, 0.15);
}

/* 响应式 - 移动端优化 */
@media (max-width: 768px) {
	.mafi-articles-header,
	.mafi-courses-header {
		margin-bottom: 0.75rem;
	}

	.mafi-articles-title,
	.mafi-courses-title {
		font-size: 1.375rem;
	}

	.mafi-articles-desc,
	.mafi-courses-desc {
		font-size: 0.8125rem;
	}

	.mafi-filter-bar {
		padding: 0.5rem 0.625rem;
		gap: 0.5rem;
		margin-bottom: 0.75rem;
	}

	.mafi-filter-tag {
		padding: 0.3125rem 0.625rem;
		font-size: 0.6875rem;
	}

	.mafi-sort-options {
		padding-left: 0.375rem;
		gap: 0.125rem;
	}

	.mafi-sort-label {
		font-size: 0.625rem;
	}

	.mafi-sort-select {
		font-size: 0.6875rem;
		padding: 0.1875rem 1rem 0.1875rem 0.375rem;
	}

	.mafi-articles-grid,
	.mafi-courses-grid {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	/* 移动端卡片优化 - 横向布局 */
	.mafi-article-card,
	.mafi-course-card {
		flex-direction: row;
		border-radius: 10px;
	}

	.mafi-article-card-image,
	.mafi-course-card-image {
		width: 100px;
		min-width: 100px;
		aspect-ratio: 1;
		border-radius: 10px 0 0 10px;
	}

	.mafi-article-card-content,
	.mafi-course-card-content {
		padding: 0.625rem 0.75rem;
		flex: 1;
		min-width: 0;
	}

	.mafi-article-card-title,
	.mafi-course-card-title {
		font-size: 0.875rem;
		line-height: 1.3;
		margin-bottom: 0.25rem;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.mafi-article-card-excerpt,
	.mafi-course-card-excerpt {
		display: none;
	}

	.mafi-article-card-tags,
	.mafi-course-card-tags {
		margin-bottom: 0.25rem;
	}

	.mafi-article-tag,
	.mafi-course-tag {
		font-size: 0.625rem;
		padding: 0.125rem 0.375rem;
	}

	.mafi-article-card-meta,
	.mafi-course-card-meta {
		font-size: 0.6875rem;
	}

	.mafi-course-badge {
		font-size: 0.5625rem;
		padding: 0.1875rem 0.375rem;
	}

	.mafi-course-badge svg {
		width: 10px;
		height: 10px;
	}
}

/* 深色模式筛选栏 */
[data-color-scheme="dark"] .mafi-filter-bar {
	background: rgba(45, 40, 36, 0.6);
	border-color: rgba(156, 125, 97, 0.15);
}

[data-color-scheme="dark"] .mafi-filter-tag:hover {
	background: rgba(156, 125, 97, 0.2);
}

[data-color-scheme="dark"] .mafi-sort-select {
	color: #e8a87c;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23e8a87c' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}


/* ==================== 咨询服务页面 (Consultation) ==================== */
.mafi-consultation {
	--consult-gold: var(--mafi-sunset-orange);
	--consult-dark: var(--mafi-brown-deep);
	--consult-text: #4a453d;
	--consult-muted: #8a8279;
	--consult-cream: var(--mafi-beige-warm);
	font-family: 'Noto Serif SC', Georgia, serif;
}

/* Hero */
.mafi-consult-hero {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	padding: 5rem 2rem;
	background: linear-gradient(180deg, var(--consult-cream) 0%, rgba(232, 168, 124, 0.1) 100%);
}

.mafi-consult-hero-content {
	position: relative;
	z-index: 1;
	max-width: 900px;
}

.mafi-consult-badge {
	display: inline-block;
	padding: 0.75rem 2rem;
	border: 1px solid var(--consult-gold);
	color: var(--consult-gold);
	font-size: 0.8rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin-bottom: 2rem;
}

.mafi-consult-hero-title {
	font-size: clamp(2.5rem, 8vw, 5rem);
	font-weight: 400;
	line-height: 1.2;
	color: var(--consult-dark);
	margin-bottom: 1.5rem;
}

.mafi-consult-hero-title em {
	font-style: italic;
	color: var(--consult-gold);
}

.mafi-consult-hero-desc {
	font-size: clamp(1rem, 2vw, 1.25rem);
	color: var(--consult-muted);
	line-height: 1.8;
	margin-bottom: 2.5rem;
}

.mafi-consult-btn {
	display: inline-block;
	padding: 1rem 3rem;
	font-size: 0.9rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
	background: var(--consult-gold);
	color: white !important;
	border: 2px solid var(--consult-gold);
	border-radius: 30px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.mafi-consult-btn:hover {
	background: var(--consult-dark);
	border-color: var(--consult-dark);
}

.mafi-consult-btn-outline {
	background: transparent;
	color: var(--consult-dark) !important;
	border-color: var(--consult-dark);
}

.mafi-consult-btn-outline:hover {
	background: var(--consult-dark);
	color: white !important;
}

.mafi-consult-scroll {
	position: absolute;
	bottom: 2rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	color: var(--consult-muted);
	font-size: 0.75rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.mafi-consult-scroll-line {
	width: 1px;
	height: 50px;
	background: linear-gradient(to bottom, var(--consult-gold), transparent);
}

/* Section */
.mafi-consult-section {
	padding: 5rem 0;
}

.mafi-consult-section-alt {
	background: var(--color-background-100);
}

.mafi-consult-label {
	display: block;
	font-size: 0.75rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--consult-gold);
	margin-bottom: 0.75rem;
	font-weight: 500;
}

.mafi-consult-title {
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	font-weight: 400;
	letter-spacing: 0.02em;
	color: var(--consult-dark);
	margin-bottom: 1.5rem;
}

/* Intro */
.mafi-consult-intro {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.mafi-consult-text {
	color: var(--consult-text);
	font-size: 1rem;
	line-height: 1.9;
}

.mafi-consult-features {
	list-style: none;
	padding: 0;
	margin: 2rem auto 0;
	max-width: 600px;
	text-align: left;
}

.mafi-consult-features li {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	padding: 1rem 0;
	border-bottom: 1px solid var(--mafi-border);
	font-size: 0.95rem;
	color: var(--consult-text);
}

.mafi-consult-features li:last-child {
	border-bottom: none;
}

.mafi-consult-feature-icon {
	width: 28px;
	height: 28px;
	border: 1px solid var(--consult-gold);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.7rem;
	color: var(--consult-gold);
	flex-shrink: 0;
}

.mafi-consult-notice {
	display: flex;
	align-items: flex-start;
	gap: 1.25rem;
	padding: 1.5rem 2rem;
	background: rgba(232, 168, 124, 0.1);
	border-radius: 12px;
	margin-top: 2.5rem;
	text-align: left;
}

.mafi-consult-notice-icon {
	width: 40px;
	height: 40px;
	border: 1px solid var(--consult-gold);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--consult-gold);
	flex-shrink: 0;
	font-weight: 600;
}

.mafi-consult-notice h4 {
	font-size: 1rem;
	margin-bottom: 0.5rem;
	color: var(--consult-dark);
}

.mafi-consult-notice p {
	font-size: 0.9rem;
	color: var(--consult-muted);
	line-height: 1.7;
}

/* Services */
.mafi-consult-services {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
	margin-top: 2.5rem;
}

.mafi-consult-service {
	background: var(--color-background);
	padding: 2.5rem;
	border-radius: 16px;
	border: 1px solid var(--mafi-border);
	transition: all 0.3s ease;
}

.mafi-consult-service:hover {
	border-color: var(--consult-gold);
	transform: translateY(-4px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

.mafi-consult-service-num {
	font-size: 2.5rem;
	color: rgba(232, 168, 124, 0.3);
	font-weight: 300;
	line-height: 1;
	margin-bottom: 1rem;
}

.mafi-consult-service h3 {
	font-size: 1.25rem;
	margin-bottom: 0.75rem;
	color: var(--consult-dark);
}

.mafi-consult-service > p {
	color: var(--consult-muted);
	font-size: 0.9rem;
	margin-bottom: 1.25rem;
	line-height: 1.7;
}

.mafi-consult-service ul {
	list-style: none;
	padding: 0;
}

.mafi-consult-service li {
	padding: 0.4rem 0;
	padding-left: 1.5rem;
	position: relative;
	color: var(--consult-text);
	font-size: 0.875rem;
}

.mafi-consult-service li::before {
	content: '—';
	position: absolute;
	left: 0;
	color: var(--consult-gold);
}

/* Testimonials */
.mafi-consult-testimonials-header {
	text-align: center;
	margin-bottom: 3rem;
}

.mafi-consult-testimonials-wrapper {
	overflow: hidden;
	margin: 0 -2rem;
	padding: 0 2rem;
}

.mafi-consult-testimonials-track {
	display: flex;
	gap: 1.5rem;
	animation: consultScroll 35s linear infinite;
	width: max-content;
}

.mafi-consult-testimonials-track:hover {
	animation-play-state: paused;
}

@keyframes consultScroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

.mafi-consult-testimonial {
	background: var(--color-background);
	padding: 2rem;
	border: 1px solid var(--mafi-border);
	border-radius: 16px;
	flex-shrink: 0;
	width: 380px;
	transition: border-color 0.3s ease;
}

.mafi-consult-testimonial:hover {
	border-color: var(--consult-gold);
}

.mafi-consult-testimonial-featured {
	width: 450px;
	background: var(--consult-dark);
	color: var(--consult-cream);
	border-color: var(--consult-dark);
}

.mafi-consult-quote {
	font-size: 4rem;
	line-height: 1;
	color: rgba(232, 168, 124, 0.3);
	margin-bottom: 0.5rem;
	display: block;
}

.mafi-consult-testimonial-featured .mafi-consult-quote {
	color: var(--consult-gold);
}

.mafi-consult-testimonial p {
	font-size: 0.9rem;
	line-height: 1.8;
	margin-bottom: 1.5rem;
	color: var(--consult-text);
}

.mafi-consult-testimonial-featured p {
	color: rgba(250, 248, 245, 0.8);
}

.mafi-consult-testimonial-author {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.mafi-consult-avatar {
	width: 44px;
	height: 44px;
	background: var(--consult-gold);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	border-radius: 50%;
}

.mafi-consult-testimonial-author span:last-child {
	font-size: 0.85rem;
	color: var(--consult-muted);
}

.mafi-consult-testimonial-featured .mafi-consult-testimonial-author span:last-child {
	color: rgba(250, 248, 245, 0.6);
}

/* Pricing */
.mafi-consult-pricing-header {
	text-align: center;
	margin-bottom: 3rem;
}

.mafi-consult-pricing-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
	background: var(--mafi-border);
	border: 1px solid var(--mafi-border);
	border-radius: 16px;
	overflow: hidden;
}

.mafi-consult-pricing-card {
	padding: 2.5rem 1.5rem;
	text-align: center;
	background: var(--color-background);
	position: relative;
	transition: background 0.3s ease;
}

.mafi-consult-pricing-card:hover {
	background: var(--consult-cream);
}

.mafi-consult-pricing-featured {
	background: var(--consult-dark);
	color: var(--consult-cream);
}

.mafi-consult-pricing-featured:hover {
	background: #3d3a36;
}

.mafi-consult-pricing-badge {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	background: var(--consult-gold);
	color: white;
	padding: 0.35rem 1.25rem;
	font-size: 0.7rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border-radius: 20px;
}

.mafi-consult-pricing-tier {
	font-size: 0.7rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--consult-muted);
	margin-bottom: 0.5rem;
	display: block;
}

.mafi-consult-pricing-featured .mafi-consult-pricing-tier {
	color: rgba(250, 248, 245, 0.5);
}

.mafi-consult-pricing-card h3 {
	font-size: 1.25rem;
	margin-bottom: 0.5rem;
}

.mafi-consult-pricing-duration {
	font-size: 0.85rem;
	color: var(--consult-muted);
	margin-bottom: 1.5rem;
}

.mafi-consult-pricing-featured .mafi-consult-pricing-duration {
	color: rgba(250, 248, 245, 0.6);
}

.mafi-consult-pricing-price {
	font-size: 2.5rem;
	font-weight: 400;
	margin-bottom: 0.5rem;
}

.mafi-consult-pricing-note {
	font-size: 0.8rem;
	color: var(--consult-muted);
	margin-bottom: 1.5rem;
}

.mafi-consult-pricing-featured .mafi-consult-pricing-note {
	color: rgba(250, 248, 245, 0.5);
}

.mafi-consult-pricing-card ul {
	list-style: none;
	padding: 0;
	margin-bottom: 1.5rem;
	text-align: left;
}

.mafi-consult-pricing-card li {
	padding: 0.5rem 0;
	font-size: 0.85rem;
	color: var(--consult-text);
	border-bottom: 1px solid var(--mafi-border);
}

.mafi-consult-pricing-card li:last-child {
	border-bottom: none;
}

.mafi-consult-pricing-featured li {
	color: rgba(250, 248, 245, 0.7);
	border-color: rgba(255, 255, 255, 0.1);
}

.mafi-consult-pricing-card .mafi-consult-btn {
	width: 100%;
	padding: 0.875rem 1.5rem;
}

/* CTA */
.mafi-consult-cta {
	text-align: center;
	padding: 6rem 2rem;
	background: var(--consult-dark);
	color: var(--consult-cream);
}

.mafi-consult-cta-title {
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	font-weight: 400;
	margin-bottom: 1rem;
}

.mafi-consult-cta-desc {
	font-size: 1rem;
	color: rgba(250, 248, 245, 0.7);
	max-width: 500px;
	margin: 0 auto 2rem;
	line-height: 1.8;
}

.mafi-consult-contact {
	margin-top: 3rem;
	padding-top: 2rem;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mafi-consult-contact-label {
	display: block;
	font-size: 0.7rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--consult-gold);
	margin-bottom: 0.5rem;
}

.mafi-consult-contact-value {
	font-size: 1.5rem;
}

/* Responsive */
@media (max-width: 1024px) {
	.mafi-consult-pricing-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.mafi-consult-hero {
		min-height: auto;
		padding: 4rem 1.5rem 5rem;
	}

	.mafi-consult-hero-title {
		font-size: 2.5rem;
	}

	.mafi-consult-section {
		padding: 3.5rem 0;
	}

	.mafi-consult-services {
		grid-template-columns: 1fr;
	}

	.mafi-consult-pricing-grid {
		grid-template-columns: 1fr;
	}

	.mafi-consult-pricing-card {
		border-bottom: 1px solid var(--mafi-border);
	}

	.mafi-consult-pricing-card:last-child {
		border-bottom: none;
	}

	.mafi-consult-testimonial {
		width: 320px;
	}

	.mafi-consult-testimonial-featured {
		width: 340px;
	}

	.mafi-consult-notice {
		flex-direction: column;
		text-align: center;
		align-items: center;
	}

	.mafi-consult-cta {
		padding: 4rem 1.5rem;
	}
}

/* ==================== 
   干净高级的文章布局
   ==================== */

/* 窄容器 */
.container-narrow {
	max-width: 720px;
	margin: 0 auto;
	padding: 0 1.5rem;
}

/* 干净布局 - 隐藏侧边栏 */
.mafi-clean-layout .sidebar {
	display: none !important;
}

.mafi-clean-layout .content {
	margin-left: 0 !important;
	max-width: 100% !important;
}

/* ==================== 课程/音频文章样式 ==================== */
.mafi-lesson,
.mafi-audio-post {
	min-height: 100vh;
	padding-bottom: 3rem;
}

/* 头部 */
.mafi-lesson-header,
.mafi-audio-header {
	padding: 3rem 0 2rem;
	background: linear-gradient(180deg, var(--mafi-beige-warm) 0%, var(--color-background) 100%);
}

.mafi-lesson-tag,
.mafi-audio-tag {
	display: inline-block;
	padding: 0.4rem 1rem;
	background: var(--mafi-sunset-orange);
	color: white !important;
	font-size: 0.75rem;
	font-weight: 500;
	text-decoration: none;
	border-radius: 20px;
	margin-bottom: 1rem;
	letter-spacing: 0.02em;
}

.mafi-lesson-title,
.mafi-audio-title {
	font-size: clamp(1.75rem, 5vw, 2.5rem);
	font-weight: 600;
	line-height: 1.3;
	color: var(--mafi-brown-deep);
	margin-bottom: 1rem;
}

.mafi-lesson-meta,
.mafi-audio-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.25rem;
	font-size: 0.9rem;
	color: var(--color-secondary);
}

.mafi-lesson-author {
	font-weight: 500;
	color: var(--mafi-brown-deep);
}

.mafi-meta-dot,
.mafi-meta-sep {
	opacity: 0.5;
	margin: 0 0.25rem;
}

.mafi-lesson-excerpt,
.mafi-audio-excerpt {
	margin-top: 1.25rem;
	font-size: 1rem;
	color: var(--color-secondary);
	line-height: 1.7;
}

/* 操作栏 */
.mafi-lesson-actions {
	border-bottom: 1px solid var(--mafi-border);
	padding: 0.75rem 0;
	margin-bottom: 2rem;
}

.mafi-lesson-actions-inner {
	display: flex;
	gap: 0.5rem;
}

.mafi-btn-icon {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-background-100);
	border: none;
	border-radius: 10px;
	color: var(--color-secondary);
	cursor: pointer;
	transition: all 0.2s ease;
}

.mafi-btn-icon:hover {
	background: var(--mafi-sunset-orange);
	color: white;
}

.mafi-btn-icon svg {
	width: 20px;
	height: 20px;
}

/* 音频页面按钮 */
.mafi-audio-buttons {
	display: flex;
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.mafi-btn-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.625rem 1.25rem;
	background: var(--color-background);
	border: 1px solid var(--mafi-border);
	border-radius: 25px;
	font-size: 0.85rem;
	color: var(--color-secondary);
	cursor: pointer;
	transition: all 0.2s ease;
}

.mafi-btn-pill:hover {
	background: var(--mafi-sunset-orange);
	border-color: var(--mafi-sunset-orange);
	color: white;
}

.mafi-btn-pill svg {
	width: 18px;
	height: 18px;
}

/* 内容区 */
.mafi-lesson-body,
.mafi-audio-body {
	padding: 2rem 0;
}

.mafi-lesson-content,
.mafi-audio-content {
	font-size: 1.0625rem;
	line-height: 1.85;
}

.mafi-lesson-content p,
.mafi-audio-content p {
	margin-bottom: 1.5rem;
}

/* Ghost 音频卡片美化 */
.mafi-audio-content .kg-audio-card {
	background: var(--color-background-100);
	border-radius: 16px;
	padding: 1.25rem;
	margin: 2rem 0;
	border: 1px solid var(--mafi-border);
}

.mafi-audio-content .kg-audio-thumbnail {
	border-radius: 12px;
}

.mafi-audio-content .kg-audio-title {
	font-weight: 600;
	color: var(--mafi-brown-deep);
}

.mafi-audio-content .kg-audio-player {
	background: transparent;
}

/* 完成按钮 */
.mafi-lesson-complete {
	margin-top: 3rem;
	padding-top: 2rem;
	border-top: 1px solid var(--mafi-border);
	text-align: center;
}

.mafi-complete-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	padding: 1rem 2rem;
	background: var(--color-background-100);
	border: 2px solid var(--mafi-border);
	border-radius: 30px;
	font-size: 1rem;
	color: var(--color-secondary);
	cursor: pointer;
	transition: all 0.3s ease;
}

.mafi-complete-btn:hover {
	border-color: var(--mafi-sunset-orange);
	color: var(--mafi-sunset-orange);
}

.mafi-complete-btn.is-completed {
	background: var(--mafi-sunset-orange);
	border-color: var(--mafi-sunset-orange);
	color: white;
}

.mafi-complete-check {
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-background-200);
	border-radius: 50%;
	transition: all 0.3s ease;
}

.mafi-complete-btn.is-completed .mafi-complete-check {
	background: white;
}

.mafi-complete-check svg {
	width: 16px;
	height: 16px;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.mafi-complete-btn.is-completed .mafi-complete-check svg {
	opacity: 1;
	color: var(--mafi-sunset-orange);
}

/* 底部导航 */
.mafi-lesson-footer,
.mafi-audio-footer {
	margin-top: 3rem;
	padding-top: 2rem;
	border-top: 1px solid var(--mafi-border);
}

.mafi-back-link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	background: var(--color-background-100);
	border-radius: 25px;
	font-size: 0.9rem;
	color: var(--color-secondary);
	text-decoration: none;
	transition: all 0.2s ease;
}

.mafi-back-link:hover {
	background: var(--mafi-sunset-orange);
	color: white;
}

.mafi-back-link svg {
	width: 18px;
	height: 18px;
}

/* 响应式 */
@media (max-width: 768px) {
	.mafi-lesson-header,
	.mafi-audio-header {
		padding: 2rem 0 1.5rem;
	}

	.mafi-lesson-title,
	.mafi-audio-title {
		font-size: 1.5rem;
	}

	.container-narrow {
		padding: 0 1rem;
	}

	.mafi-audio-buttons {
		flex-wrap: wrap;
	}
}

/* ==================== Membership Page - 会员订阅页面 ==================== */
.mafi-membership {
	--membership-primary: var(--mafi-sunset-orange);
	--membership-bg: var(--color-background);
	--membership-bg-alt: var(--color-background-100);
}

/* Hero */
.mafi-membership-hero {
	position: relative;
	padding: 6rem 0 5rem;
	background: linear-gradient(135deg, 
		rgba(232, 168, 124, 0.08) 0%, 
		rgba(210, 140, 100, 0.05) 50%,
		rgba(180, 120, 90, 0.03) 100%);
	text-align: center;
}

.mafi-membership-hero-content {
	max-width: 680px;
	margin: 0 auto;
}

.mafi-membership-badge {
	display: inline-block;
	padding: 0.4rem 1rem;
	background: var(--membership-primary);
	color: white;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border-radius: 20px;
	margin-bottom: 1.5rem;
}

.mafi-membership-title {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 1.25rem;
	color: var(--color-contrast);
}

.mafi-membership-title em {
	font-style: normal;
	color: var(--membership-primary);
}

.mafi-membership-desc {
	font-size: 1.1rem;
	color: var(--color-secondary-text);
	line-height: 1.7;
	max-width: 540px;
	margin: 0 auto;
}

/* Section */
.mafi-membership-section {
	padding: 4rem 0;
}

.mafi-membership-section-alt {
	background: var(--membership-bg-alt);
}

.mafi-membership-label {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--membership-primary);
	margin-bottom: 0.75rem;
}

.mafi-membership-section-title {
	font-size: 1.75rem;
	font-weight: 700;
	color: var(--color-contrast);
	margin-bottom: 2rem;
}

/* Benefits */
.mafi-membership-benefits {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
	max-width: 800px;
	margin: 0 auto;
}

.mafi-membership-benefit {
	background: var(--color-background);
	padding: 1.75rem;
	border-radius: 12px;
	border: 1px solid var(--mafi-border);
	transition: all 0.2s ease;
}

.mafi-membership-benefit:hover {
	border-color: var(--membership-primary);
	transform: translateY(-2px);
}

.mafi-membership-benefit-icon {
	font-size: 2rem;
	margin-bottom: 0.75rem;
}

.mafi-membership-benefit h3 {
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--color-contrast);
	margin-bottom: 0.5rem;
}

.mafi-membership-benefit p {
	font-size: 0.9rem;
	color: var(--color-secondary-text);
	line-height: 1.6;
	margin: 0;
}

/* Plans */
.mafi-membership-plans {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 1.5rem;
	max-width: 900px;
	margin: 0 auto;
}

.mafi-membership-plan {
	position: relative;
	background: var(--color-background);
	padding: 2rem;
	border-radius: 16px;
	border: 1px solid var(--mafi-border);
	text-align: center;
	transition: all 0.2s ease;
}

.mafi-membership-plan:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

.mafi-membership-plan-featured {
	border-color: var(--membership-primary);
	box-shadow: 0 8px 30px rgba(232, 168, 124, 0.15);
}

.mafi-membership-plan-badge {
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	padding: 0.3rem 1rem;
	background: var(--membership-primary);
	color: white;
	font-size: 0.75rem;
	font-weight: 600;
	border-radius: 20px;
}

.mafi-membership-plan-name {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--color-contrast);
	margin-bottom: 1rem;
}

.mafi-membership-plan-price {
	margin-bottom: 1rem;
}

.mafi-membership-plan-amount {
	font-size: 2rem;
	font-weight: 700;
	color: var(--color-contrast);
}

.mafi-membership-plan-period {
	font-size: 0.9rem;
	color: var(--color-secondary-text);
}

.mafi-membership-plan-desc {
	font-size: 0.9rem;
	color: var(--color-secondary-text);
	margin-bottom: 1.25rem;
	line-height: 1.5;
}

.mafi-membership-plan-benefits {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5rem;
	text-align: left;
}

.mafi-membership-plan-benefits li {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	font-size: 0.9rem;
	color: var(--color-secondary-text);
	margin-bottom: 0.5rem;
}

.mafi-membership-plan-benefits svg {
	width: 16px;
	height: 16px;
	color: var(--membership-primary);
	flex-shrink: 0;
	margin-top: 2px;
}

.mafi-membership-plan-btn {
	display: inline-block;
	width: 100%;
	padding: 0.875rem 1.5rem;
	background: var(--membership-primary);
	color: white;
	font-size: 0.95rem;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	border: 2px solid var(--membership-primary);
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.mafi-membership-plan-btn:hover {
	background: transparent;
	color: var(--membership-primary);
}

.mafi-membership-plan-btn-outline {
	background: transparent;
	color: var(--membership-primary);
}

.mafi-membership-plan-btn-outline:hover {
	background: var(--membership-primary);
	color: white;
}

.mafi-membership-plan-btn-disabled {
	background: var(--color-background-200);
	border-color: var(--color-background-200);
	color: var(--color-secondary-text);
	cursor: not-allowed;
}

/* FAQ */
.mafi-membership-faq {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
	max-width: 800px;
	margin: 0 auto;
}

.mafi-membership-faq-item {
	padding: 1.5rem;
	background: var(--color-background-100);
	border-radius: 12px;
}

.mafi-membership-faq-item h4 {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-contrast);
	margin-bottom: 0.5rem;
}

.mafi-membership-faq-item p {
	font-size: 0.9rem;
	color: var(--color-secondary-text);
	line-height: 1.6;
	margin: 0;
}

/* CTA */
.mafi-membership-cta {
	padding: 4rem 0;
	background: linear-gradient(135deg, 
		rgba(232, 168, 124, 0.1) 0%, 
		rgba(210, 140, 100, 0.06) 100%);
	text-align: center;
}

.mafi-membership-cta-title {
	font-size: 1.75rem;
	font-weight: 700;
	color: var(--color-contrast);
	margin-bottom: 0.75rem;
}

.mafi-membership-cta-desc {
	font-size: 1rem;
	color: var(--color-secondary-text);
	margin-bottom: 1.5rem;
}

.mafi-membership-cta-btn {
	display: inline-block;
	padding: 0.875rem 2rem;
	background: var(--membership-primary);
	color: white;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
	border-radius: 8px;
	transition: all 0.2s ease;
}

.mafi-membership-cta-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(232, 168, 124, 0.3);
}

/* 响应式 - 移动端 */
@media (max-width: 768px) {
	.mafi-membership-hero {
		padding: 4rem 1.5rem 3rem;
	}

	.mafi-membership-title {
		font-size: 1.75rem;
	}

	.mafi-membership-desc {
		font-size: 1rem;
	}

	.mafi-membership-section {
		padding: 3rem 1rem;
	}

	.mafi-membership-section-title {
		font-size: 1.5rem;
	}

	.mafi-membership-benefits {
		grid-template-columns: 1fr;
	}

	.mafi-membership-benefit {
		padding: 1.25rem;
	}

	.mafi-membership-plans {
		grid-template-columns: 1fr;
	}

	.mafi-membership-plan {
		padding: 1.5rem;
	}

	.mafi-membership-faq {
		grid-template-columns: 1fr;
	}

	.mafi-membership-cta {
		padding: 3rem 1.5rem;
	}

	.mafi-membership-cta-title {
		font-size: 1.5rem;
	}
}

/* ==================== MAFI: Membership 页面 - 滚动跑马灯 ==================== */
.mafi-membership-marquee {
	padding: 3rem 0;
	background: linear-gradient(180deg,
		rgba(245, 240, 235, 0.8) 0%,
		rgba(255, 255, 255, 0.6) 100%);
	overflow: hidden;
}

.mafi-marquee-track {
	display: flex;
	width: max-content;
	margin-bottom: 1rem;
}

.mafi-marquee-track-1 {
	animation: marquee-scroll 40s linear infinite;
}

.mafi-marquee-track-2 {
	animation: marquee-scroll 35s linear infinite reverse;
}

.mafi-marquee-content {
	display: flex;
	gap: 2rem;
	padding-right: 2rem;
}

.mafi-marquee-content span {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.25rem;
	background: white;
	border-radius: 100px;
	font-size: 0.9rem;
	color: var(--color-secondary);
	white-space: nowrap;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	border: 1px solid rgba(212, 165, 116, 0.1);
}

@keyframes marquee-scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

.mafi-marquee-message {
	text-align: center;
	padding: 2rem 1.5rem 0;
}

.mafi-marquee-truth {
	font-size: 1.125rem;
	color: var(--color-secondary);
	margin-bottom: 0.5rem;
}

.mafi-marquee-highlight {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--mafi-brown-deep);
	margin: 0;
}

/* ==================== MAFI: Membership 三列定价卡片 ==================== */
/* 定价区域包装器 - 替代 container，避免宽度限制 */
.mafi-pricing-wrapper {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 2rem;
	text-align: center;
}

.mafi-pricing-wrapper .mafi-membership-label,
.mafi-pricing-wrapper .mafi-membership-section-title {
	text-align: center;
}

.mafi-membership-plans-3col {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	max-width: 100%;
	margin: 0 auto;
}

.mafi-membership-plan {
	position: relative;
	background: white;
	border-radius: 16px;
	padding: 2rem;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
	border: 1px solid rgba(212, 165, 116, 0.15);
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
}

.mafi-membership-plan:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

.mafi-membership-plan-featured {
	border: 2px solid var(--mafi-brown-accent);
	background: linear-gradient(180deg,
		rgba(232, 168, 124, 0.05) 0%,
		white 100%);
}

.mafi-membership-plan-vip {
	border: 2px solid var(--mafi-brown-deep);
	background: linear-gradient(180deg,
		rgba(156, 125, 97, 0.08) 0%,
		white 100%);
}

.mafi-membership-plan-tag {
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	padding: 0.375rem 1rem;
	background: var(--mafi-brown-accent);
	color: white;
	font-size: 0.75rem;
	font-weight: 600;
	border-radius: 100px;
	white-space: nowrap;
}

.mafi-membership-plan-vip .mafi-membership-plan-tag {
	background: var(--mafi-brown-deep);
}

.mafi-membership-plan-name {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--color-contrast);
	margin: 0.5rem 0 0.25rem;
	text-align: center;
}

.mafi-membership-plan-subtitle {
	font-size: 0.875rem;
	color: var(--color-secondary);
	margin: 0 0 1.25rem;
	text-align: center;
}

/* 定价区域 - 简化只显示年付 */
.mafi-membership-plan-pricing {
	text-align: center;
	padding: 1.25rem 0;
	margin-bottom: 1.25rem;
	border-bottom: 1px solid rgba(212, 165, 116, 0.15);
}

.mafi-membership-plan-price-row {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 0.5rem;
}

.mafi-membership-plan-price-label {
	font-size: 0.875rem;
	color: var(--color-secondary);
}

.mafi-membership-plan-price-amount {
	font-size: 2rem;
	font-weight: 700;
	color: var(--mafi-brown-deep);
}

.mafi-membership-plan-price-amount small {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--color-secondary);
}

/* 功能列表 */
.mafi-membership-plan-features {
	margin-bottom: 1.25rem;
	flex: 1;
}

.mafi-membership-plan-features h4,
.mafi-membership-plan-extra h4,
.mafi-membership-plan-target h4 {
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--color-secondary);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0 0 0.75rem;
}

.mafi-membership-plan-features ul,
.mafi-membership-plan-extra ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mafi-membership-plan-features li,
.mafi-membership-plan-extra li {
	font-size: 0.9rem;
	color: var(--color-contrast);
	padding: 0.5rem 0;
	padding-left: 1.5rem;
	position: relative;
	line-height: 1.4;
}

.mafi-membership-plan-features li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: var(--mafi-brown-accent);
	font-weight: 600;
}

.mafi-membership-plan-extra li::before {
	content: "";
}

.mafi-membership-plan-features a,
.mafi-membership-plan-extra a {
	color: var(--mafi-brown-deep);
	text-decoration: none;
}

.mafi-membership-plan-features a:hover,
.mafi-membership-plan-extra a:hover {
	text-decoration: underline;
}

/* 额外权益 */
.mafi-membership-plan-extra {
	margin-bottom: 1.25rem;
	padding: 1rem;
	background: rgba(232, 168, 124, 0.08);
	border-radius: 8px;
}

/* 适合人群 */
.mafi-membership-plan-target {
	margin-bottom: 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(212, 165, 116, 0.15);
}

.mafi-membership-plan-target p {
	font-size: 0.875rem;
	color: var(--color-secondary);
	margin: 0;
	line-height: 1.5;
}

/* 按钮 */
.mafi-membership-plan-actions {
	margin-top: auto;
}

.mafi-membership-plan-btn {
	display: block;
	width: 100%;
	padding: 0.875rem 1.5rem;
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	border-radius: 8px;
	transition: all 0.2s ease;
	background: var(--mafi-brown-accent) !important;
	color: white !important;
	border: none;
	cursor: pointer;
	opacity: 1 !important;
}

.mafi-membership-plan-btn:hover {
	background: var(--mafi-brown-deep) !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(212, 165, 116, 0.3);
}

.mafi-membership-plan-btn-outline {
	background: transparent;
	color: var(--mafi-brown-deep);
	border: 2px solid var(--mafi-brown-deep);
}

.mafi-membership-plan-btn-outline:hover {
	background: var(--mafi-brown-deep);
	color: white;
}

.mafi-membership-plan-note {
	font-size: 0.75rem;
	color: var(--color-secondary);
	text-align: center;
	margin: 0.75rem 0 0;
}

/* ==================== MAFI: 支付必读 ==================== */
.mafi-membership-payment-notice {
	max-width: 700px;
	margin: 3rem auto 0;
	padding: 1.5rem 2rem;
	background: rgba(255, 248, 240, 0.8);
	border: 1px solid rgba(232, 168, 124, 0.3);
	border-radius: 12px;
}

.mafi-membership-payment-notice h3 {
	font-size: 1rem;
	font-weight: 600;
	color: var(--mafi-brown-deep);
	margin: 0 0 1rem;
}

.mafi-membership-payment-notice ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.5rem 1.5rem;
}

.mafi-membership-payment-notice li {
	font-size: 0.875rem;
	color: var(--color-secondary);
	line-height: 1.5;
}

/* 三列响应式 */
@media (max-width: 1024px) {
	.mafi-pricing-wrapper {
		padding: 0 1.5rem;
	}

	.mafi-membership-plans-3col {
		grid-template-columns: 1fr;
		max-width: 420px;
	}

	/* 移动端保持原始顺序：文章订阅 → VIP → 课程订阅 */
}

@media (max-width: 768px) {
	.mafi-pricing-wrapper {
		padding: 0 1rem;
	}
}

@media (max-width: 768px) {
	.mafi-membership-marquee {
		padding: 2rem 0;
	}

	.mafi-marquee-content span {
		font-size: 0.8rem;
		padding: 0.625rem 1rem;
	}

	.mafi-marquee-truth {
		font-size: 1rem;
	}

	.mafi-marquee-highlight {
		font-size: 1.25rem;
	}

	.mafi-membership-payment-notice ul {
		grid-template-columns: 1fr;
	}
}



/* ==================== MAFI: 文件下载页面 ==================== */
.page-downloads {
	min-height: 60vh;
}

/* Hero 区域 */
.mafi-downloads-hero {
	position: relative;
	padding: 5rem 1.5rem 4rem;
	text-align: center;
	background: linear-gradient(135deg,
		rgba(245, 240, 235, 1) 0%,
		rgba(255, 248, 240, 0.9) 50%,
		rgba(232, 168, 124, 0.15) 100%);
	overflow: hidden;
}

.mafi-downloads-hero-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image:
		radial-gradient(circle at 20% 80%, rgba(232, 168, 124, 0.1) 0%, transparent 50%),
		radial-gradient(circle at 80% 20%, rgba(156, 125, 97, 0.08) 0%, transparent 40%);
	pointer-events: none;
}

.mafi-downloads-badge {
	display: inline-block;
	padding: 0.375rem 1rem;
	background: rgba(232, 168, 124, 0.15);
	color: var(--mafi-brown-deep);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	border-radius: 100px;
	margin-bottom: 1rem;
}

.mafi-downloads-title {
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--mafi-brown-deep);
	margin: 0 0 0.75rem;
	position: relative;
}

.mafi-downloads-desc {
	font-size: 1.125rem;
	color: var(--color-secondary);
	margin: 0;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/* 内容区域 */
.mafi-downloads-content {
	padding: 3rem 1.5rem 4rem;
	background: var(--color-bg);
}

/* Ghost 文件卡片美化 */
.page-downloads .kg-file-card {
	background: white;
	border: 1px solid rgba(212, 165, 116, 0.2);
	border-radius: 16px;
	padding: 1.5rem;
	margin: 1rem 0;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.page-downloads .kg-file-card:hover {
	border-color: var(--mafi-brown-accent);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}

.page-downloads .kg-file-card-container {
	display: flex;
	align-items: center;
	gap: 1.25rem;
}

.page-downloads .kg-file-card-icon {
	width: 56px;
	height: 56px;
	background: linear-gradient(135deg,
		rgba(232, 168, 124, 0.15) 0%,
		rgba(156, 125, 97, 0.1) 100%);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.page-downloads .kg-file-card-icon svg {
	width: 28px;
	height: 28px;
	color: var(--mafi-brown-deep);
}

.page-downloads .kg-file-card-contents {
	flex: 1;
	min-width: 0;
}

.page-downloads .kg-file-card-title {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-contrast);
	margin: 0 0 0.25rem;
}

.page-downloads .kg-file-card-caption {
	font-size: 0.875rem;
	color: var(--color-secondary);
	margin: 0 0 0.5rem;
	line-height: 1.5;
}

.page-downloads .kg-file-card-metadata {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-size: 0.8125rem;
	color: var(--color-tertiary);
}

.page-downloads .kg-file-card-filesize {
	padding: 0.25rem 0.625rem;
	background: rgba(245, 240, 235, 0.8);
	border-radius: 4px;
}

/* 下载按钮 */
.page-downloads .kg-file-card a[href$=".pdf"],
.page-downloads .kg-file-card a[href$=".zip"],
.page-downloads .kg-file-card a[href$=".doc"],
.page-downloads .kg-file-card a[href$=".docx"],
.page-downloads .kg-file-card a[download],
.page-downloads .kg-file-card-button {
	padding: 0.75rem 1.5rem;
	background: var(--mafi-brown-accent);
	color: white !important;
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: none;
	border-radius: 10px;
	transition: all 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
}

.page-downloads .kg-file-card a[download]:hover,
.page-downloads .kg-file-card-button:hover {
	background: var(--mafi-brown-deep);
	transform: translateY(-1px);
}

/* Ghost 音频卡片美化 */
.page-downloads .kg-audio-card {
	background: white;
	border: 1px solid rgba(212, 165, 116, 0.2);
	border-radius: 16px;
	padding: 1.25rem;
	margin: 1rem 0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.page-downloads .kg-audio-card:hover {
	border-color: var(--mafi-brown-accent);
}

/* Ghost 视频卡片美化 */
.page-downloads .kg-video-card {
	border-radius: 16px;
	overflow: hidden;
	margin: 1.5rem 0;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* 空状态 */
.mafi-downloads-empty {
	text-align: center;
	padding: 4rem 2rem;
	background: rgba(245, 240, 235, 0.5);
	border-radius: 16px;
	border: 2px dashed rgba(212, 165, 116, 0.3);
}

.mafi-downloads-empty-icon {
	font-size: 3rem;
	margin-bottom: 1rem;
}

.mafi-downloads-empty h3 {
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--color-contrast);
	margin: 0 0 0.75rem;
}

.mafi-downloads-empty p {
	font-size: 0.9375rem;
	color: var(--color-secondary);
	margin: 0 0 1.5rem;
}

.mafi-downloads-empty ul {
	text-align: left;
	max-width: 400px;
	margin: 0 auto;
	padding-left: 1.5rem;
}

.mafi-downloads-empty li {
	font-size: 0.875rem;
	color: var(--color-secondary);
	line-height: 1.8;
}

.mafi-downloads-empty strong {
	color: var(--mafi-brown-deep);
}

/* 底部提示 */
.mafi-downloads-footer {
	padding: 1.5rem;
	text-align: center;
	background: rgba(245, 240, 235, 0.5);
}

.mafi-downloads-footer p {
	font-size: 0.8125rem;
	color: var(--color-secondary);
	margin: 0;
}

/* 暗色模式 */
[data-color-scheme="dark"] .mafi-downloads-hero {
	background: linear-gradient(135deg, #3d3228 0%, #4a3d32 50%, #5a4a3d 100%);
}

[data-color-scheme="dark"] .mafi-downloads-badge {
	background: rgba(232, 168, 124, 0.2);
}

[data-color-scheme="dark"] .mafi-downloads-title {
	color: rgba(245, 240, 235, 0.95);
}

[data-color-scheme="dark"] .page-downloads .kg-file-card {
	background: rgba(60, 50, 40, 0.6);
	border-color: rgba(212, 165, 116, 0.15);
}

[data-color-scheme="dark"] .page-downloads .kg-file-card-title {
	color: rgba(245, 240, 235, 0.95);
}

[data-color-scheme="dark"] .mafi-downloads-empty {
	background: rgba(60, 50, 40, 0.4);
	border-color: rgba(212, 165, 116, 0.2);
}

/* 响应式 */
@media (max-width: 768px) {
	.mafi-downloads-hero {
		padding: 3.5rem 1rem 3rem;
	}

	.mafi-downloads-title {
		font-size: 1.875rem;
	}

	.mafi-downloads-desc {
		font-size: 1rem;
	}

	.mafi-downloads-content {
		padding: 2rem 1rem 3rem;
	}

	.page-downloads .kg-file-card {
		padding: 1.25rem;
	}

	.page-downloads .kg-file-card-container {
		flex-wrap: wrap;
	}

	.page-downloads .kg-file-card-icon {
		width: 48px;
		height: 48px;
	}

	.page-downloads .kg-file-card-title {
		font-size: 1rem;
	}

	.page-downloads .kg-file-card a[download],
	.page-downloads .kg-file-card-button {
		width: 100%;
		justify-content: center;
		margin-top: 0.75rem;
	}
}

/* Overlay 卡片作者名改为纯白色 */
.card-post-overlay .card-post-author-name,
.card-post-overlay-simple .card-post-author-name {
	color: #ffffff !important;
	opacity: 1 !important;
}

/* 标签筛选 - 移动端响应式 */
@media (max-width: 768px) {
	.mafi-filter-bar {
		flex-direction: column;
		padding: 0.75rem;
		border-radius: 12px;
	}

	.mafi-filter-tags-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
	}

	.mafi-filter-hint {
		font-size: 0.65rem;
	}

	.mafi-filter-tags-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
	}

	.mafi-filter-row-label {
		min-width: auto;
	}

	.mafi-filter-row-buttons {
		width: 100%;
	}

	.mafi-sort-options {
		width: 100%;
		padding-left: 0;
		padding-top: 0.5rem;
		border-left: none;
		border-top: 1px solid rgba(156, 125, 97, 0.15);
		justify-content: space-between;
	}

	.mafi-filter-tag {
		font-size: 0.7rem;
		padding: 0.3rem 0.625rem;
	}
}

/* ==================== Tags 页面增强样式 ==================== */

/* 标签区块增强版 */
.mafi-tag-section-enhanced {
	margin-bottom: 3rem;
	border-radius: 20px;
	overflow: hidden;
	background: var(--color-background);
	border: 1px solid rgba(212, 165, 116, 0.1);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mafi-tag-section-enhanced:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* 标签区块容器 */
.mafi-tag-section-container {
	display: flex;
	gap: 2rem;
	padding: 2rem;
}

/* 左侧图片区域 */
.mafi-tag-section-image {
	flex-shrink: 0;
	width: 200px;
	height: 200px;
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(232, 168, 124, 0.1) 0%, rgba(221, 200, 166, 0.05) 100%);
	border: 1px solid rgba(212, 165, 116, 0.15);
}

.mafi-tag-section-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 1.5rem;
}

/* 右侧内容区域 */
.mafi-tag-section-content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

/* 标签区块头部 */
.mafi-tag-section-enhanced .section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 0;
	padding-bottom: 1rem;
	border-bottom: 2px solid rgba(212, 165, 116, 0.1);
}

.mafi-tag-section-enhanced .section-title {
	margin: 0;
	font-size: 1.75rem;
}

.mafi-tag-section-enhanced .section-title a {
	color: var(--mafi-brown-deep);
	text-decoration: none;
	transition: color 0.2s ease;
}

.mafi-tag-section-enhanced .section-title a:hover {
	opacity: 0.8;
}

/* 查看全部按钮 */
.mafi-tag-view-all {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--mafi-sunset-orange);
	background: transparent;
	border: 1px solid rgba(232, 168, 124, 0.3);
	border-radius: 100px;
	text-decoration: none;
	transition: all 0.2s ease;
	white-space: nowrap;
}

.mafi-tag-view-all:hover {
	background: rgba(232, 168, 124, 0.08);
	transform: translateX(2px);
}

.mafi-tag-view-all svg {
	width: 16px;
	height: 16px;
	transition: transform 0.2s ease;
}

.mafi-tag-view-all:hover svg {
	transform: translateX(4px);
}

/* 标签区块内的文章轮播 */
.mafi-tag-section-enhanced .slider-posts,
.mafi-tag-section-enhanced .carousel {
	margin: 0;
}

/* 移动端响应式 */
@media (max-width: 1024px) {
	.mafi-tag-section-container {
		gap: 1.5rem;
	}

	.mafi-tag-section-image {
		width: 160px;
		height: 160px;
	}

	.mafi-tag-section-enhanced .section-title {
		font-size: 1.5rem;
	}
}

@media (max-width: 768px) {
	.mafi-tag-section-enhanced {
		margin-bottom: 2rem;
		border-radius: 16px;
	}

	.mafi-tag-section-container {
		flex-direction: column;
		gap: 1.25rem;
		padding: 1.5rem;
	}

	.mafi-tag-section-image {
		width: 100%;
		height: 140px;
		border-radius: 12px;
	}

	.mafi-tag-section-image img {
		padding: 1rem;
	}

	.mafi-tag-section-content {
		gap: 1rem;
	}

	.mafi-tag-section-enhanced .section-head {
		flex-direction: column;
		align-items: flex-start;
		padding-bottom: 0.75rem;
	}

	.mafi-tag-section-enhanced .section-title {
		font-size: 1.25rem;
	}

	.mafi-tag-view-all {
		padding: 0.4rem 0.875rem;
		font-size: 0.8125rem;
	}
}

/* ==================== Tag 页面筛选器样式 ==================== */

.mafi-tag-filter-wrapper {
	max-width: 1200px;
	margin: 0 auto 2rem;
	padding: 0 2rem;
}

.mafi-tag-filter-wrapper .mafi-filter-bar {
	margin-bottom: 0;
}

.mafi-tag-filter-wrapper .mafi-filter-tag {
	text-decoration: none;
	display: inline-flex;
}

.mafi-tag-filter-wrapper .mafi-filter-hint {
	font-style: normal;
}

/* 移动端适配 */
@media (max-width: 768px) {
	.mafi-tag-filter-wrapper {
		padding: 0 1rem;
		margin-bottom: 1.5rem;
	}
}

/* ==================== Tag 页面顶部筛选器 ==================== */

.mafi-tag-page-filter {
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid rgba(212, 165, 116, 0.1);
}

.mafi-tag-page-filter .mafi-filter-bar {
	margin-bottom: 0;
	width: 100%;
}

.mafi-tag-page-filter .mafi-filter-tag {
	text-decoration: none;
}

.mafi-tag-page-filter .mafi-filter-tag:hover {
	text-decoration: none;
}

/* 移动端适配 */
@media (max-width: 768px) {
	.mafi-tag-page-filter {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
		margin-bottom: 1.5rem;
		padding-left: 0;
		padding-right: 0;
	}

	.mafi-tag-page-filter .mafi-filter-bar {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

/* ==================== About 页面 - 波光微动版 ==================== */

/* 全局容器 */
.about-full {
	background: #fdfcfa;
	width: 100%;
	position: relative;
}

/* Hero 区域 - 30vh 紧凑 */
.about-hero {
	position: relative;
	width: 100%;
	min-height: 30vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(160deg,
		#f8f3ed 0%,
		#fdfcfa 100%);
	overflow: hidden;
	border-bottom: 1px solid rgba(212, 129, 111, 0.06);
}

/* 波光粼粼效果 - 极其微妙 */
.about-hero-shimmer {
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	background:
		radial-gradient(ellipse at 20% 30%, rgba(232, 168, 124, 0.03) 0%, transparent 25%),
		radial-gradient(ellipse at 60% 70%, rgba(245, 235, 224, 0.04) 0%, transparent 30%),
		radial-gradient(ellipse at 40% 50%, rgba(212, 129, 111, 0.02) 0%, transparent 20%);
	opacity: 0.6;
	animation: shimmerMove 25s ease-in-out infinite;
	pointer-events: none;
}

/* Hero 内容 */
.about-hero-content {
	position: relative;
	z-index: 1;
	text-align: center;
	padding: 0 2rem;
	max-width: 800px;
	opacity: 0;
	transform: translateY(25px);
	animation: heroSlideIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;
}

.about-hero-title {
	font-size: clamp(1.8rem, 5vw, 3.2rem);
	font-weight: 300;
	line-height: 1.3;
	color: #2a2320;
	margin-bottom: 1.2rem;
	letter-spacing: -0.01em;
	font-family: 'Noto Serif SC', Georgia, serif;
}

.about-hero-intro {
	font-size: clamp(0.95rem, 1.8vw, 1.08rem);
	line-height: 1.8;
	color: #6a5d52;
	max-width: 600px;
	margin: 0 auto;
	font-weight: 300;
	letter-spacing: 0.015em;
}

/* 滚动指示 */
.about-scroll-indicator {
	position: absolute;
	bottom: 1.5rem;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 35px;
	opacity: 0.35;
}

.about-scroll-line {
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, #e8a87c, transparent);
	animation: scrollPulse 2.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

/* 内容区域 - 滑动微动效 */
.about-content {
	width: 100%;
	background: #fdfcfa;
	padding: 5rem 2rem 8rem;
	position: relative;
}

.about-content-inner {
	max-width: 720px;
	margin: 0 auto;
	font-family: 'Noto Serif SC', Georgia, serif;
}

/* 首段 - 滑入 */
.about-content .about-lead {
	font-size: 1.3rem;
	line-height: 1.9;
	color: #2a2320;
	margin-bottom: 2.5rem;
	font-weight: 400;
	letter-spacing: 0.005em;
	opacity: 0;
	transform: translateY(20px);
	animation: slideInUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.6s forwards;
}

/* 段落 - 逐个滑入 */
.about-content p,
.about-content-inner p {
	font-size: 1.08rem;
	line-height: 2;
	color: #4a453d;
	margin-bottom: 1.8rem;
	letter-spacing: 0.012em;
	opacity: 1;
	transform: translateY(0);
	/* 取消动画，直接显示所有文字 */
}

/* 首字母 */
.about-content-inner > p:first-of-type:not(.about-lead)::first-letter,
.about-content > p:first-of-type::first-letter {
	font-size: 3.8rem;
	line-height: 0.9;
	float: left;
	margin: 0.08em 0.12em 0 0;
	color: #e8a87c;
	font-weight: 200;
}

/* H2 标题 - 滑入 */
.about-content h2,
.about-content-inner h2 {
	font-size: 1.8rem;
	font-weight: 300;
	color: #2a2320;
	margin: 4.5rem 0 2rem;
	letter-spacing: 0.02em;
	position: relative;
	padding-bottom: 1.2rem;
	opacity: 0;
	transform: translateX(-20px);
	animation: slideInRight 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.about-content h2::after,
.about-content-inner h2::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 1.5px;
	background: #e8a87c;
	transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.about-content h2:hover::after,
.about-content-inner h2:hover::after {
	width: 90px;
}

/* H3 标题 */
.about-content h3,
.about-content-inner h3 {
	font-size: 1.4rem;
	font-weight: 400;
	color: #2a2320;
	margin: 3.5rem 0 1.5rem;
	letter-spacing: 0.015em;
	opacity: 0;
	transform: translateY(15px);
	animation: slideInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* 引用块 - 左滑 + hover 微动 */
.about-content blockquote,
.about-content-inner blockquote {
	margin: 3.5rem -1.5rem;
	padding: 2.8rem 3rem 2.8rem 3.5rem;
	background: linear-gradient(135deg,
		rgba(245, 235, 224, 0.5),
		rgba(248, 243, 237, 0.6));
	border-left: 2px solid #e8a87c;
	font-size: 1.22rem;
	line-height: 1.9;
	font-style: italic;
	color: #6a5d52;
	position: relative;
	opacity: 0;
	transform: translateX(-30px);
	animation: slideInRight 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;
	transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
	            box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.about-content blockquote:hover,
.about-content-inner blockquote:hover {
	transform: translateX(0.4rem);
	box-shadow: -6px 0 16px rgba(232, 168, 124, 0.1);
}

.about-content blockquote::before,
.about-content-inner blockquote::before {
	content: '"';
	position: absolute;
	top: 1.5rem;
	left: 1rem;
	font-size: 3.5rem;
	color: #e8a87c;
	opacity: 0.18;
	font-family: Georgia, serif;
	line-height: 1;
}

/* 列表 - 逐个滑入 */
.about-content ul,
.about-content-inner ul {
	margin: 2.5rem 0;
	padding-left: 0;
	list-style: none;
}

.about-content ul li,
.about-content-inner ul li {
	position: relative;
	padding-left: 2rem;
	margin-bottom: 1.2rem;
	line-height: 1.85;
	color: #4a453d;
	opacity: 0;
	transform: translateX(-15px);
	animation: slideInRight 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.about-content ul li:nth-child(1) { animation-delay: 0.2s; }
.about-content ul li:nth-child(2) { animation-delay: 0.35s; }
.about-content ul li:nth-child(3) { animation-delay: 0.5s; }

.about-content ul li::before,
.about-content-inner ul li::before {
	content: '●';
	position: absolute;
	left: 0;
	color: #e8a87c;
	font-size: 0.7rem;
	line-height: 1.85rem;
	opacity: 0.7;
}

/* 强调 */
.about-content strong,
.about-content-inner strong {
	color: #2a2320;
	font-weight: 500;
}

/* 链接 - 下划线展开 */
.about-content a,
.about-content-inner a {
	color: #e8a87c;
	text-decoration: none;
	position: relative;
	transition: color 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.about-content a::after,
.about-content-inner a::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0;
	height: 1px;
	background: #e8a87c;
	transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.about-content a:hover,
.about-content-inner a:hover {
	color: #d4816f;
}

.about-content a:hover::after,
.about-content-inner a:hover::after {
	width: 100%;
}

/* 图片 */
.about-content img,
.about-content-inner img {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 3rem 0;
	border-radius: 2px;
	opacity: 0;
	transform: scale(0.98);
	animation: imageZoom 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* 分隔线 */
.about-content hr,
.about-content-inner hr {
	border: none;
	height: 1px;
	background: linear-gradient(to right,
		transparent 0%,
		rgba(212, 129, 111, 0.2) 50%,
		transparent 100%);
	margin: 4rem 0;
}

/* 动画定义 */
@keyframes shimmerMove {
	0%, 100% {
		transform: translateX(0) translateY(0);
	}
	33% {
		transform: translateX(-8%) translateY(2%);
	}
	66% {
		transform: translateX(-5%) translateY(-2%);
	}
}

@keyframes heroSlideIn {
	from {
		opacity: 0;
		transform: translateY(25px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes scrollPulse {
	0%, 100% {
		transform: translateY(0);
		opacity: 0.2;
	}
	50% {
		transform: translateY(10px);
		opacity: 0.6;
	}
}

@keyframes slideInUp {
	from {
		opacity: 0;
		transform: translateY(15px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes slideInRight {
	from {
		opacity: 0;
		transform: translateX(-20px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes imageZoom {
	from {
		opacity: 0;
		transform: scale(0.98);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* 响应式 */
@media (max-width: 1024px) {
	.about-hero {
		min-height: 28vh;
	}

	.about-content {
		padding: 4rem 2rem 7rem;
	}

	.about-content blockquote,
	.about-content-inner blockquote {
		margin: 3rem -1rem;
		padding: 2.5rem 2rem 2.5rem 2.8rem;
	}
}

@media (max-width: 768px) {
	.about-hero {
		min-height: 26vh;
	}

	.about-hero-title {
		font-size: 1.6rem;
	}

	.about-hero-intro {
		font-size: 0.92rem;
		line-height: 1.75;
	}

	.about-content {
		padding: 3.5rem 1.5rem 6rem;
	}

	.about-content p,
	.about-content-inner p {
		font-size: 1.05rem;
		line-height: 1.95;
	}

	.about-content .about-lead,
	.about-content-inner .about-lead {
		font-size: 1.2rem;
	}

	.about-content-inner > p:first-of-type:not(.about-lead)::first-letter,
	.about-content > p:first-of-type::first-letter {
		font-size: 3.2rem;
	}

	.about-content h2,
	.about-content-inner h2 {
		font-size: 1.6rem;
		margin: 3.5rem 0 1.8rem;
	}

	.about-content blockquote,
	.about-content-inner blockquote {
		margin: 2.5rem 0;
		padding: 2rem 1.5rem 2rem 2.2rem;
		font-size: 1.12rem;
	}

	.about-scroll-indicator {
		bottom: 1rem;
		height: 30px;
	}
}

/* 深色模式 */
[data-color-scheme="dark"] .about-full {
	background: #1a1512;
}

[data-color-scheme="dark"] .about-hero {
	background: linear-gradient(160deg, #221e1b 0%, #1a1512 100%);
	border-bottom-color: rgba(232, 168, 124, 0.08);
}

[data-color-scheme="dark"] .about-hero-shimmer {
	opacity: 0.3;
}

[data-color-scheme="dark"] .about-hero-title {
	color: #f5f0eb;
}

[data-color-scheme="dark"] .about-hero-intro {
	color: #c9b8a8;
}

[data-color-scheme="dark"] .about-content {
	background: #1a1512;
}

[data-color-scheme="dark"] .about-content p,
[data-color-scheme="dark"] .about-content-inner p,
[data-color-scheme="dark"] .about-content .about-lead,
[data-color-scheme="dark"] .about-content-inner .about-lead {
	color: #c9b8a8;
}

[data-color-scheme="dark"] .about-content h2,
[data-color-scheme="dark"] .about-content h3,
[data-color-scheme="dark"] .about-content-inner h2,
[data-color-scheme="dark"] .about-content-inner h3 {
	color: #f5f0eb;
}

[data-color-scheme="dark"] .about-content blockquote,
[data-color-scheme="dark"] .about-content-inner blockquote {
	background: linear-gradient(135deg,
		rgba(42, 35, 32, 0.5),
		rgba(34, 30, 27, 0.4));
	color: #c9b8a8;
}

/* 减少动效模式 */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
	
	.about-hero-shimmer {
		animation: none;
	}
}

/* ==========================================================================
   About 页面 - 音乐播放器（小巧悬浮版）
   ========================================================================== */

/* 隐藏Ghost默认的音频播放器 */
.about-content .kg-audio-card,
.about-content audio {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
	z-index: -1;
}

/* 悬浮播放器容器 */
.about-music-player {
	position: fixed;
	right: 2rem;
	bottom: 2rem;
	z-index: 999;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1),
	            visibility 0.4s cubic-bezier(0.16, 1, 0.3, 1),
	            transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	transform: translateY(1rem);
}

.about-music-player.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* 播放按钮 */
.about-music-toggle {
	position: relative;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: linear-gradient(135deg, 
		rgba(232, 168, 124, 0.95),
		rgba(212, 129, 111, 0.95));
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	box-shadow: 
		0 4px 12px rgba(232, 168, 124, 0.25),
		0 2px 6px rgba(212, 129, 111, 0.2);
	backdrop-filter: blur(10px);
}

.about-music-toggle:hover {
	transform: scale(1.08);
	box-shadow: 
		0 6px 20px rgba(232, 168, 124, 0.35),
		0 3px 10px rgba(212, 129, 111, 0.3);
}

.about-music-toggle:active {
	transform: scale(0.98);
}

/* 音乐图标 */
.music-icon {
	width: 1.2rem;
	height: 1.2rem;
	stroke: #ffffff;
	transition: opacity 0.3s ease, transform 0.3s ease;
	position: absolute;
}

.music-play {
	opacity: 1;
	transform: scale(1);
}

.music-pause {
	opacity: 0;
	transform: scale(0.8);
}

.about-music-toggle.playing .music-play {
	opacity: 0;
	transform: scale(0.8);
}

.about-music-toggle.playing .music-pause {
	opacity: 1;
	transform: scale(1);
}

/* 音量控制 */
.about-music-volume {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-0.5rem);
	transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1),
	            visibility 0.3s cubic-bezier(0.16, 1, 0.3, 1),
	            transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.about-music-player:hover .about-music-volume {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.about-music-volume input[type="range"] {
	width: 80px;
	height: 4px;
	border-radius: 2px;
	background: linear-gradient(to right, 
		rgba(232, 168, 124, 0.3),
		rgba(212, 129, 111, 0.2));
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}

.about-music-volume input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: linear-gradient(135deg, #e8a87c, #d4816f);
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(232, 168, 124, 0.4);
	transition: transform 0.2s ease;
}

.about-music-volume input[type="range"]::-webkit-slider-thumb:hover {
	transform: scale(1.2);
}

.about-music-volume input[type="range"]::-moz-range-thumb {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: linear-gradient(135deg, #e8a87c, #d4816f);
	cursor: pointer;
	border: none;
	box-shadow: 0 2px 6px rgba(232, 168, 124, 0.4);
	transition: transform 0.2s ease;
}

.about-music-volume input[type="range"]::-moz-range-thumb:hover {
	transform: scale(1.2);
}

/* 播放波纹效果 */
.about-music-toggle::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: inherit;
	opacity: 0;
	animation: musicPulse 2s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}

.about-music-toggle.playing::before {
	animation-play-state: running;
}

@keyframes musicPulse {
	0% {
		transform: scale(1);
		opacity: 0.6;
	}
	50% {
		transform: scale(1.3);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}

/* 深色模式 */
[data-color-scheme="dark"] .about-music-toggle {
	background: linear-gradient(135deg, 
		rgba(212, 129, 111, 0.9),
		rgba(180, 105, 95, 0.9));
	box-shadow: 
		0 4px 12px rgba(212, 129, 111, 0.3),
		0 2px 6px rgba(180, 105, 95, 0.25);
}

[data-color-scheme="dark"] .about-music-toggle:hover {
	box-shadow: 
		0 6px 20px rgba(212, 129, 111, 0.4),
		0 3px 10px rgba(180, 105, 95, 0.35);
}

[data-color-scheme="dark"] .about-music-volume input[type="range"] {
	background: linear-gradient(to right, 
		rgba(212, 129, 111, 0.4),
		rgba(180, 105, 95, 0.3));
}

/* 移动端优化 */
@media (max-width: 768px) {
	.about-music-player {
		right: 1.25rem;
		bottom: 1.25rem;
	}
	
	.about-music-toggle {
		width: 2.75rem;
		height: 2.75rem;
	}
	
	.music-icon {
		width: 1.1rem;
		height: 1.1rem;
	}
	
	/* 移动端：点击后才显示音量控制 */
	.about-music-volume {
		position: absolute;
		right: 100%;
		margin-right: 0.75rem;
		background: rgba(255, 255, 255, 0.95);
		padding: 0.5rem 0.75rem;
		border-radius: 1.5rem;
		backdrop-filter: blur(10px);
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	}
	
	[data-color-scheme="dark"] .about-music-volume {
		background: rgba(42, 35, 32, 0.95);
	}
	
	.about-music-player.show-volume .about-music-volume {
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
	}
}

@media (max-width: 480px) {
	.about-music-player {
		right: 1rem;
		bottom: 1rem;
	}
	
	.about-music-toggle {
		width: 2.5rem;
		height: 2.5rem;
	}
	
	.music-icon {
		width: 1rem;
		height: 1rem;
	}
	
	.about-music-volume input[type="range"] {
		width: 70px;
	}
}

/* 减少动效模式 */
@media (prefers-reduced-motion: reduce) {
	.about-music-player,
	.about-music-toggle,
	.music-icon {
		transition-duration: 0.01ms !important;
	}
	
	.about-music-toggle::before {
		animation: none !important;
	}
	
	@keyframes musicPulse {
		0%, 100% {
			transform: scale(1);
			opacity: 0;
		}
	}
}

/* ==========================================================================
   About 页面 - 温柔的会员引导
   ========================================================================== */

.about-membership-cta {
	margin: 5rem auto 4rem;
	max-width: 680px;
	opacity: 1;
	transform: translateY(0);
	/* 默认直接显示，不需要等待动画 */
}

.about-cta-content {
	background: linear-gradient(135deg,
		rgba(245, 235, 224, 0.4),
		rgba(252, 248, 245, 0.3));
	border-radius: 24px;
	padding: 3rem 2.5rem;
	text-align: center;
	border: 1px solid rgba(232, 168, 124, 0.15);
	backdrop-filter: blur(10px);
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.about-cta-content:hover {
	background: linear-gradient(135deg,
		rgba(245, 235, 224, 0.5),
		rgba(252, 248, 245, 0.4));
	border-color: rgba(232, 168, 124, 0.25);
	box-shadow: 0 8px 32px rgba(232, 168, 124, 0.12);
	transform: translateY(-2px);
}

/* 图标 */
.about-cta-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	margin-bottom: 1.5rem;
	border-radius: 50%;
	background: linear-gradient(135deg,
		rgba(232, 168, 124, 0.15),
		rgba(212, 129, 111, 0.1));
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.about-cta-content:hover .about-cta-icon {
	background: linear-gradient(135deg,
		rgba(232, 168, 124, 0.25),
		rgba(212, 129, 111, 0.15));
	transform: scale(1.05);
}

.about-cta-icon svg {
	width: 1.75rem;
	height: 1.75rem;
	stroke: #e8a87c;
	fill: none;
	transition: all 0.3s ease;
}

.about-cta-content:hover .about-cta-icon svg {
	fill: rgba(232, 168, 124, 0.2);
	stroke: #d4816f;
}

/* 标题 */
.about-cta-title {
	font-family: 'Noto Serif SC', serif;
	font-size: 1.75rem;
	font-weight: 600;
	color: #3d3229;
	margin: 0 0 1rem;
	line-height: 1.4;
	letter-spacing: 0.01em;
}

/* 描述文字 */
.about-cta-description {
	font-size: 1.05rem;
	line-height: 1.8;
	color: #5d4e42;
	margin: 0 0 2rem;
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
}

/* 按钮 */
.about-cta-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 1rem 2.25rem;
	background: #d4816f;
	color: #ffffff;
	text-decoration: none !important;
	border-radius: 50px;
	font-size: 1.05rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	box-shadow:
		0 4px 16px rgba(212, 129, 111, 0.3),
		0 2px 8px rgba(180, 105, 95, 0.25);
}

.about-cta-button:hover {
	background: #b86d5e;
	color: #ffffff !important;
	text-decoration: none !important;
	transform: translateY(-2px) scale(1.02);
	box-shadow:
		0 6px 24px rgba(212, 129, 111, 0.4),
		0 3px 12px rgba(180, 105, 95, 0.35);
}

.about-cta-button:active {
	transform: translateY(0) scale(1);
}

.about-cta-button svg {
	width: 1.1rem;
	height: 1.1rem;
	stroke: currentColor;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.about-cta-button:hover svg {
	transform: translateX(3px);
}

/* 确保链接没有下划线 */
a.about-cta-button,
a.about-cta-button:link,
a.about-cta-button:visited,
a.about-cta-button:hover,
a.about-cta-button:active {
	text-decoration: none !important;
	color: #ffffff !important;
}

/* 底部提示文字 */
.about-cta-note {
	margin-top: 1.25rem;
	font-size: 0.95rem;
	color: #8a7568;
	font-style: italic;
	letter-spacing: 0.01em;
}

/* 深色模式 */
[data-color-scheme="dark"] .about-cta-content {
	background: linear-gradient(135deg,
		rgba(42, 35, 32, 0.6),
		rgba(34, 30, 27, 0.5));
	border-color: rgba(212, 129, 111, 0.2);
}

[data-color-scheme="dark"] .about-cta-content:hover {
	background: linear-gradient(135deg,
		rgba(42, 35, 32, 0.7),
		rgba(34, 30, 27, 0.6));
	border-color: rgba(212, 129, 111, 0.3);
	box-shadow: 0 8px 32px rgba(212, 129, 111, 0.15);
}

[data-color-scheme="dark"] .about-cta-icon {
	background: linear-gradient(135deg,
		rgba(212, 129, 111, 0.2),
		rgba(180, 105, 95, 0.15));
}

[data-color-scheme="dark"] .about-cta-content:hover .about-cta-icon {
	background: linear-gradient(135deg,
		rgba(212, 129, 111, 0.3),
		rgba(180, 105, 95, 0.25));
}

[data-color-scheme="dark"] .about-cta-icon svg {
	stroke: #d4816f;
}

[data-color-scheme="dark"] .about-cta-content:hover .about-cta-icon svg {
	fill: rgba(212, 129, 111, 0.2);
	stroke: #e8a87c;
}

[data-color-scheme="dark"] .about-cta-title {
	color: #f5f0eb;
}

[data-color-scheme="dark"] .about-cta-description {
	color: #c9b8a8;
}

[data-color-scheme="dark"] .about-cta-button {
	background: #c27563;
	color: #ffffff !important;
	box-shadow:
		0 4px 16px rgba(194, 117, 99, 0.35),
		0 2px 8px rgba(160, 95, 80, 0.3);
}

[data-color-scheme="dark"] .about-cta-button:hover {
	background: #d4816f;
	color: #ffffff !important;
	box-shadow:
		0 6px 24px rgba(212, 129, 111, 0.45),
		0 3px 12px rgba(194, 117, 99, 0.4);
}

[data-color-scheme="dark"] .about-cta-note {
	color: #a89685;
}

/* 移动端优化 */
@media (max-width: 768px) {
	.about-membership-cta {
		margin: 4rem auto 3rem;
	}
	
	.about-cta-content {
		padding: 2.5rem 2rem;
		border-radius: 20px;
	}
	
	.about-cta-icon {
		width: 3rem;
		height: 3rem;
		margin-bottom: 1.25rem;
	}
	
	.about-cta-icon svg {
		width: 1.5rem;
		height: 1.5rem;
	}
	
	.about-cta-title {
		font-size: 1.5rem;
	}
	
	.about-cta-description {
		font-size: 1rem;
		line-height: 1.75;
	}
	
	.about-cta-button {
		padding: 0.9rem 2rem;
		font-size: 1rem;
	}
	
	.about-cta-note {
		font-size: 0.9rem;
		margin-top: 1rem;
	}
}

@media (max-width: 480px) {
	.about-membership-cta {
		margin: 3rem auto 2.5rem;
	}
	
	.about-cta-content {
		padding: 2rem 1.5rem;
		border-radius: 18px;
	}
	
	.about-cta-title {
		font-size: 1.35rem;
	}
	
	.about-cta-description {
		font-size: 0.95rem;
		margin-bottom: 1.75rem;
	}
	
	.about-cta-button {
		padding: 0.85rem 1.75rem;
		font-size: 0.95rem;
	}
}

/* 减少动效模式 */
@media (prefers-reduced-motion: reduce) {
	.about-membership-cta {
		animation: none;
		opacity: 1;
		transform: none;
	}
	
	.about-cta-content,
	.about-cta-icon,
	.about-cta-button,
	.about-cta-button svg {
		transition-duration: 0.01ms !important;
	}
}

/* ========================================
   MAFI 课程站 - 首页样式（Premium）
   ======================================== */

/* 首页头部 */
.mafi-courses-home-header {
	padding: 3rem 0 2rem;
}

.mafi-courses-home-header-inner {
	text-align: center;
}

.mafi-courses-home-title {
	font-size: 2rem;
	font-weight: 800;
	margin: 0 0 0.6rem;
	color: var(--color-foreground);
	letter-spacing: -0.02em;
}

.mafi-courses-home-desc {
	font-size: 1rem;
	color: var(--color-secondary-text);
	margin: 0;
}

/* 首页课程网格 - Premium */
.mafi-courses-home-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 2rem;
	padding: 0 1rem 3rem;
}

/* 课程卡片 - Premium 升级 */
.page-courses-home .mafi-course-card {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	background: var(--color-background);
	border: 1px solid var(--color-border);
	transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
	            box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
	display: flex;
	flex-direction: column;
}

.page-courses-home .mafi-course-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
}

/* 卡片图片 - Premium */
.page-courses-home .mafi-course-card-image {
	display: block;
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	flex-shrink: 0;
	background: var(--color-background-100);
}

.page-courses-home .mafi-course-card-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.page-courses-home .mafi-course-card:hover .mafi-course-card-image img {
	transform: scale(1.06);
}

/* 卡片内容区 - Premium */
.page-courses-home .mafi-course-card-content {
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	flex: 1;
}

/* 卡片标题 - Premium */
.page-courses-home .mafi-course-card-title {
	font-size: 1.1rem;
	font-weight: 800;
	margin: 0 0 0.5rem;
	line-height: 1.35;
	letter-spacing: -0.01em;
}

.page-courses-home .mafi-course-card-title a {
	color: var(--color-foreground);
	text-decoration: none;
	transition: color 0.2s ease;
}

.page-courses-home .mafi-course-card-title a:hover {
	color: #722F37;
}

/* 卡片摘要 - Premium */
.page-courses-home .mafi-course-card-excerpt {
	font-size: 0.85rem;
	color: var(--color-secondary-text);
	margin: 0 0 1rem;
	line-height: 1.55;
	flex: 1;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 按钮区域 */
.mafi-course-card-action {
	margin-top: auto;
}

/* 波尔多酒红色按钮 */
.mafi-course-buy-btn {
	--btn-bordeaux: #722F37;
	--btn-bordeaux-light: #8B3A44;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	width: 100%;
	padding: 0.75rem 1.5rem;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	color: #fff;
	background: var(--btn-bordeaux);
	border: none;
	border-radius: 10px;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
	position: relative;
	overflow: hidden;
}

.mafi-course-buy-btn:hover {
	color: #fff;
	background: var(--btn-bordeaux-light);
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(114, 47, 55, 0.35);
}

.mafi-btn-arrow {
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.mafi-course-buy-btn:hover .mafi-btn-arrow {
	transform: translateX(4px);
}

/* 深色模式 */
[data-color-scheme="dark"] .page-courses-home .mafi-course-card {
	background: rgba(45, 40, 36, 0.5);
	border-color: rgba(156, 125, 97, 0.15);
}

[data-color-scheme="dark"] .page-courses-home .mafi-course-card:hover {
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(0, 0, 0, 0.1);
}

[data-color-scheme="dark"] .page-courses-home .mafi-course-card-title a:hover {
	color: #C4737B;
}

[data-color-scheme="dark"] .mafi-course-buy-btn {
	--btn-bordeaux: #8B3A44;
	--btn-bordeaux-light: #A04450;
}

/* 占位图 */
.page-courses-home .mafi-course-card-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-background-100);
	font-size: 3rem;
}

/* 移动端适配 */
@media (max-width: 768px) {
	.mafi-courses-home-header {
		padding: 2rem 0 1.25rem;
	}

	.mafi-courses-home-title {
		font-size: 1.5rem;
	}

	.mafi-courses-home-grid {
		grid-template-columns: 1fr;
		gap: 1.25rem;
		padding: 0 0.75rem 2rem;
	}

	.page-courses-home .mafi-course-card-image {
		aspect-ratio: 16 / 9;
	}
}

/* ========================================
   布局切换按钮
   ======================================== */
.mafi-layout-toggle {
	display: flex;
	justify-content: flex-end;
	gap: 0.35rem;
	padding: 0 1rem 1rem;
}

.mafi-layout-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	background: transparent;
	color: var(--color-secondary-text);
	cursor: pointer;
	transition: all 0.2s ease;
}

.mafi-layout-btn:hover {
	border-color: var(--color-foreground);
	color: var(--color-foreground);
}

.mafi-layout-btn.active {
	background: var(--color-foreground);
	border-color: var(--color-foreground);
	color: var(--color-background);
}

[data-color-scheme="dark"] .mafi-layout-btn.active {
	background: #e5e5e5;
	border-color: #e5e5e5;
	color: #1a1a1a;
}

/* ========================================
   卡片模式（默认 grid）
   ======================================== */
.mafi-courses-home-grid.layout-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 2rem;
}

.layout-grid .mafi-course-card {
	flex-direction: column;
}

.layout-grid .mafi-course-card-image {
	aspect-ratio: 16 / 10;
}

/* ========================================
   列表模式
   ======================================== */
.mafi-courses-home-grid.layout-list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.layout-list .mafi-course-card {
	flex-direction: row;
	border-radius: 14px;
	overflow: hidden;
}

.layout-list .mafi-course-card-image {
	width: 220px;
	min-width: 220px;
	aspect-ratio: auto;
	height: auto;
	flex-shrink: 0;
}

.layout-list .mafi-course-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.layout-list .mafi-course-card-content {
	padding: 1.25rem 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
}

.layout-list .mafi-course-card-title {
	font-size: 1.15rem;
	margin-bottom: 0.4rem;
}

.layout-list .mafi-course-card-excerpt {
	-webkit-line-clamp: 2;
	margin-bottom: 0.75rem;
}

.layout-list .mafi-course-card-action {
	margin-top: auto;
}

.layout-list .mafi-course-buy-btn {
	width: auto;
	display: inline-flex;
	padding: 0.6rem 1.25rem;
	font-size: 0.8rem;
}

/* 列表模式 hover */
.layout-list .mafi-course-card:hover {
	transform: translateX(4px);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.layout-list .mafi-course-card:hover .mafi-course-card-image img {
	transform: scale(1.03);
}

/* 列表模式深色 */
[data-color-scheme="dark"] .layout-list .mafi-course-card:hover {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* 列表模式移动端 - 保持横排但缩小图片 */
@media (max-width: 768px) {
	.mafi-courses-home-grid.layout-list {
		gap: 0.75rem;
	}

	.layout-list .mafi-course-card {
		flex-direction: row;
		border-radius: 12px;
	}

	.layout-list .mafi-course-card-image {
		width: 110px;
		min-width: 110px;
		aspect-ratio: auto;
		height: auto;
	}

	.layout-list .mafi-course-card-content {
		padding: 0.75rem 1rem;
	}

	.layout-list .mafi-course-card-title {
		font-size: 0.95rem;
		margin-bottom: 0.25rem;
	}

	.layout-list .mafi-course-card-excerpt {
		font-size: 0.75rem;
		-webkit-line-clamp: 1;
		margin-bottom: 0.5rem;
	}

	.layout-list .mafi-course-buy-btn {
		width: auto;
		padding: 0.45rem 0.9rem;
		font-size: 0.7rem;
		border-radius: 8px;
	}

	.layout-list .mafi-course-card:hover {
		transform: translateX(2px);
	}

	.mafi-layout-toggle {
		padding: 0 0.75rem 0.75rem;
	}
}

/* ========================================
   课程卡片 - 信息药丸（从 Custom Excerpt 解析）
   ======================================== */

/* Meta area */
.mafi-course-card-meta-area {
	flex: 1;
	display: flex;
	flex-direction: column;
}

/* 信息药丸容器 */
.mafi-course-info-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-bottom: 0.75rem;
}

/* 空的药丸容器不占空间 */
.mafi-course-info-pills:empty {
	display: none;
}

/* 通用药丸样式 */
.mafi-course-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.25rem 0.65rem;
	font-size: 0.7rem;
	font-weight: 600;
	border-radius: 6px;
	white-space: nowrap;
	line-height: 1.4;
}

.mafi-course-pill svg {
	flex-shrink: 0;
	opacity: 0.75;
}

/* ═══════ 药丸配色方案（每种颜色色相间隔≥25°，绝不重复） ═══════ */

/* 1. 价格 - 暖灰（低调不抢眼） */
.mafi-pill-price {
	color: #78716c;
	background: rgba(120, 113, 108, 0.07);
	border: 1px solid rgba(120, 113, 108, 0.16);
}
[data-color-scheme="dark"] .mafi-pill-price {
	color: #d6d3d1;
	background: rgba(214, 211, 209, 0.1);
	border-color: rgba(214, 211, 209, 0.15);
}

/* 2. 课程周期 - 宝蓝色（天/周/月） */
.mafi-pill-duration {
	color: #1d4ed8;
	background: rgba(29, 78, 216, 0.07);
	border: 1px solid rgba(29, 78, 216, 0.14);
}
[data-color-scheme="dark"] .mafi-pill-duration {
	color: #60a5fa;
	background: rgba(96, 165, 250, 0.1);
	border-color: rgba(96, 165, 250, 0.15);
}

/* 3. 内容时长 - 橙色（小时/分钟） */
.mafi-pill-time {
	color: #ea580c;
	background: rgba(234, 88, 12, 0.07);
	border: 1px solid rgba(234, 88, 12, 0.14);
}
[data-color-scheme="dark"] .mafi-pill-time {
	color: #fb923c;
	background: rgba(251, 146, 60, 0.1);
	border-color: rgba(251, 146, 60, 0.15);
}

/* 4. 性别 - 粉红（女生/男生/情侣） */
.mafi-pill-gender {
	color: #db2777;
	background: rgba(219, 39, 119, 0.07);
	border: 1px solid rgba(219, 39, 119, 0.14);
}
[data-color-scheme="dark"] .mafi-pill-gender {
	color: #f472b6;
	background: rgba(244, 114, 182, 0.1);
	border-color: rgba(244, 114, 182, 0.15);
}

/* 5. 难度级别 - 靛蓝（新手/进阶/高级） */
.mafi-pill-level {
	color: #4f46e5;
	background: rgba(79, 70, 229, 0.07);
	border: 1px solid rgba(79, 70, 229, 0.14);
}
[data-color-scheme="dark"] .mafi-pill-level {
	color: #818cf8;
	background: rgba(129, 140, 248, 0.1);
	border-color: rgba(129, 140, 248, 0.15);
}

/* 6. 年龄限制 - 青绿（成年/18+） */
.mafi-pill-age {
	color: #0d9488;
	background: rgba(13, 148, 136, 0.07);
	border: 1px solid rgba(13, 148, 136, 0.14);
}
[data-color-scheme="dark"] .mafi-pill-age {
	color: #2dd4bf;
	background: rgba(45, 212, 191, 0.1);
	border-color: rgba(45, 212, 191, 0.15);
}

/* 7. 适合人群 - 紫罗兰（适合...） */
.mafi-pill-audience {
	color: #9333ea;
	background: rgba(147, 51, 234, 0.07);
	border: 1px solid rgba(147, 51, 234, 0.14);
}
[data-color-scheme="dark"] .mafi-pill-audience {
	color: #c084fc;
	background: rgba(192, 132, 252, 0.1);
	border-color: rgba(192, 132, 252, 0.15);
}

/* 8. 课时数 - 翠绿（节课/章） */
.mafi-pill-lessons {
	color: #16a34a;
	background: rgba(22, 163, 74, 0.07);
	border: 1px solid rgba(22, 163, 74, 0.14);
}
[data-color-scheme="dark"] .mafi-pill-lessons {
	color: #4ade80;
	background: rgba(74, 222, 128, 0.1);
	border-color: rgba(74, 222, 128, 0.15);
}

/* 9. 内容形式 - 天蓝（视频/音频/图文） */
.mafi-pill-format {
	color: #0284c7;
	background: rgba(2, 132, 199, 0.07);
	border: 1px solid rgba(2, 132, 199, 0.14);
}
[data-color-scheme="dark"] .mafi-pill-format {
	color: #38bdf8;
	background: rgba(56, 189, 248, 0.1);
	border-color: rgba(56, 189, 248, 0.15);
}

/* 10. 教学方式 - 黄绿/莱姆（理论/实操/案例） */
.mafi-pill-style {
	color: #4d7c0f;
	background: rgba(77, 124, 15, 0.07);
	border: 1px solid rgba(77, 124, 15, 0.14);
}
[data-color-scheme="dark"] .mafi-pill-style {
	color: #a3e635;
	background: rgba(163, 230, 53, 0.1);
	border-color: rgba(163, 230, 53, 0.15);
}

/* 11. 附加资料 - 洋红/品红（课后资料/模板/素材） */
.mafi-pill-bonus {
	color: #c026d3;
	background: rgba(192, 38, 211, 0.07);
	border: 1px solid rgba(192, 38, 211, 0.14);
}
[data-color-scheme="dark"] .mafi-pill-bonus {
	color: #e879f9;
	background: rgba(232, 121, 249, 0.1);
	border-color: rgba(232, 121, 249, 0.15);
}

/* 12. 认证 - 金黄（证书/认证/考试） */
.mafi-pill-cert {
	color: #ca8a04;
	background: rgba(202, 138, 4, 0.07);
	border: 1px solid rgba(202, 138, 4, 0.14);
}
[data-color-scheme="dark"] .mafi-pill-cert {
	color: #facc15;
	background: rgba(250, 204, 21, 0.1);
	border-color: rgba(250, 204, 21, 0.15);
}

/* 13. #标签 - 酒红/品牌色 */
.mafi-pill-tag {
	color: #722F37;
	background: rgba(114, 47, 55, 0.07);
	border: 1px solid rgba(114, 47, 55, 0.14);
}
[data-color-scheme="dark"] .mafi-pill-tag {
	color: #C4737B;
	background: rgba(196, 115, 123, 0.1);
	border-color: rgba(196, 115, 123, 0.15);
}

/* 14. 默认 - 中性灰 */
.mafi-pill-default {
	color: var(--color-secondary-text);
	background: var(--color-background-100);
	border: 1px solid var(--color-border);
}

/* 列表模式下的药丸 */
.layout-list .mafi-course-info-pills {
	margin-bottom: 0.6rem;
}

.layout-list .mafi-course-pill {
	font-size: 0.65rem;
	padding: 0.2rem 0.5rem;
}

/* 移动端药丸 */
@media (max-width: 768px) {
	.layout-list .mafi-course-info-pills {
		margin-bottom: 0.4rem;
	}

	.layout-list .mafi-course-pill {
		font-size: 0.6rem;
		padding: 0.15rem 0.4rem;
	}

	.layout-list .mafi-course-pill svg {
		width: 10px;
		height: 10px;
	}
}