/* =========================================================================
 * Nicemu 全站页头 / 页脚 v0.15.0 — 按 2026-10-11 首页改版设计稿 v2.0
 *
 * 页头：白底 · 底边 #eee · 高 64 · 徽标 + 站名（24/800）· 菜单 15px #333，悬停/当前页 #96603a
 * 页脚：#1a1a1a 深色 · 五栏（标题白 15/700，链接 #aaa 14）· 底部小字居中 #666 12
 * 容器 1280（左右 24）；字体用系统字体。所有页面加载（functions.php），排在其他样式之后。
 * ====================================================================== */

.nicemu-site {
	--nmc-accent: #96603a;
	--nmc-ink: #1a1a1a;
	--nmc-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

/* ---------------------------------------------------------------- 页头 */
html body.nicemu-site.nicemu-site .site-header {
	background: #fff;
	border-bottom: 1px solid #eee;
	box-shadow: none;
	backdrop-filter: none;
	font-family: var(--nmc-font);
}
html body.nicemu-site.nicemu-site .site-header .inside-header {
	min-height: 64px;
	padding-block: 0;
}
@media (min-width: 1100px) {
	html body.nicemu-site.nicemu-site .site-header .inside-header { width: 100%; max-width: 1280px; margin-inline: auto; padding-inline: 24px; }
}
html body.nicemu-site.nicemu-site .site-header .site-logo a,
html body.nicemu-site.nicemu-site .site-header .main-title a { display: inline-flex; align-items: center; gap: 10px; color: var(--nmc-ink); text-decoration: none; text-shadow: none; }
html body.nicemu-site.nicemu-site .site-header .site-logo img.header-image { width: auto; height: 40px; max-height: 40px; }
html body.nicemu-site.nicemu-site .site-header .nicemu-wordmark {
	color: var(--nmc-ink);
	font: 800 24px/1 var(--nmc-font);
	letter-spacing: -.5px;
	text-shadow: none;
}
html body.nicemu-site.nicemu-site .site-header .nicemu-wordmark::after { content: "."; color: var(--nmc-accent); }

html body.nicemu-site.nicemu-site #masthead .main-navigation,
html body.nicemu-site.nicemu-site #masthead .main-navigation .main-nav > ul { background: transparent; }
html body.nicemu-site.nicemu-site #masthead .main-navigation .main-nav ul li a {
	padding-inline: 14px;
	color: #333;
	font: 400 15px/64px var(--nmc-font);
	letter-spacing: 0;
	text-transform: none;
}
html body.nicemu-site.nicemu-site #masthead .main-navigation .main-nav > ul > li:last-child > a { padding-right: 0; }
html body.nicemu-site.nicemu-site #masthead .main-navigation .main-nav ul li a:hover,
html body.nicemu-site.nicemu-site #masthead .main-navigation .main-nav ul li.current-menu-item > a,
html body.nicemu-site.nicemu-site #masthead .main-navigation .main-nav ul li.current-menu-ancestor > a,
html body.nicemu-site.nicemu-site #masthead .main-navigation .main-nav ul li.current_page_item > a { color: var(--nmc-accent); background: transparent; }
/* 下拉子菜单 */
html body.nicemu-site.nicemu-site #masthead .main-navigation .main-nav ul ul { background: #fff; border: 1px solid #eee; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, .08); }
html body.nicemu-site.nicemu-site #masthead .main-navigation .main-nav ul ul li a { font-size: 14px; line-height: 1.4; padding: 10px 16px; }
html body.nicemu-site.nicemu-site #masthead .menu-toggle { color: var(--nmc-ink); background: transparent; font-family: var(--nmc-font); }
/* 手机：展开后的菜单 */
@media (max-width: 768px) {
	html body.nicemu-site.nicemu-site .site-header .site-logo img.header-image { height: 34px; max-height: 34px; }
	html body.nicemu-site.nicemu-site .site-header .nicemu-wordmark { font-size: 21px; }
	html body.nicemu-site.nicemu-site #masthead .main-navigation.toggled .main-nav ul li a,
	html body.nicemu-site.nicemu-site #masthead .main-navigation .main-nav ul li a { line-height: 48px; padding-inline: 16px; }
	html body.nicemu-site.nicemu-site #masthead .main-navigation.toggled { background: #fff; }
}

/* ---------------------------------------------------------------- 页脚 */
html body.nicemu-site.nicemu-site .site-footer { margin: 0; border: 0; background: #1a1a1a; }
html body.nicemu-site.nicemu-site .site-footer .footer-widgets { background: #1a1a1a; }
html body.nicemu-site.nicemu-site .site-footer .site-info {
	padding: 48px 0 32px;
	background: #1a1a1a;
	color: #aaa;
	font: 400 14px/1.5 var(--nmc-font);
}
html body.nicemu-site.nicemu-site .site-footer .site-info .inside-site-info {
	width: min(1232px, calc(100% - 48px)); /* 与首页内容区同宽，左右边线对齐 */
	max-width: none;
	margin-inline: auto;
	padding: 0;
	display: block;
}
html body.nicemu-site.nicemu-site .site-footer .copyright-bar { width: 100%; display: block; text-align: left; }
html body.nicemu-site.nicemu-site .nicemu-footer-cols { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; }
html body.nicemu-site.nicemu-site .nicemu-footer-col { min-width: 0; }
html body.nicemu-site.nicemu-site .site-footer .nicemu-footer-title { margin: 0 0 12px; color: #fff; font: 700 15px/1.4 var(--nmc-font); letter-spacing: 0; text-transform: none; }
html body.nicemu-site.nicemu-site .site-footer .nicemu-footer-title.is-brand { font-size: 18px; font-weight: 800; letter-spacing: -.3px; }
html body.nicemu-site.nicemu-site .site-footer .nicemu-footer-title.is-brand span { color: var(--nmc-accent); }
html body.nicemu-site.nicemu-site .site-footer .nicemu-footer-col a {
	display: block;
	margin: 0 0 8px;
	padding: 0;
	border: 0;
	color: #aaa;
	font: 400 14px/1.5 var(--nmc-font);
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
	overflow-wrap: anywhere;
}
html body.nicemu-site.nicemu-site .site-footer .nicemu-footer-col a:hover { color: #fff; }
html body.nicemu-site.nicemu-site .site-footer .nicemu-footer-contact { display: block; margin: 0; padding: 0; border: 0; }
html body.nicemu-site.nicemu-site .site-footer .nicemu-footer-fine { margin: 32px 0 0; color: #666; font: 400 12px/1.5 var(--nmc-font); text-align: center; }

@media (max-width: 860px) {
	html body.nicemu-site.nicemu-site .nicemu-footer-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; }
	html body.nicemu-site.nicemu-site .nicemu-footer-col.is-brand { grid-column: 1 / -1; }
}
@media (max-width: 680px) {
	html body.nicemu-site.nicemu-site .site-footer .site-info { padding: 40px 0 calc(28px + env(safe-area-inset-bottom)); }
	html body.nicemu-site.nicemu-site .site-footer .site-info .inside-site-info { width: calc(100% - 32px); }
}

/* 「Collections」是指向首页 #collections 的自定义链接，WordPress 会把它也标成当前页 —— 只让 Home 高亮 */
html body.nicemu-site.nicemu-site #masthead .main-navigation .main-nav ul li.menu-item-type-custom.current-menu-item > a[href*="#"] { color: #333; }
html body.nicemu-site.nicemu-site #masthead .main-navigation .main-nav ul li.menu-item-type-custom.current-menu-item > a[href*="#"]:hover { color: var(--nmc-accent); }

/* =========================================================================
 * v0.15.1 — 页脚：电脑五栏不变；手机改成「品牌块 + 四栏折叠手风琴」
 * ====================================================================== */
html body.nicemu-site.nicemu-site .site-footer .nicemu-footer-col > summary { display: block; list-style: none; cursor: default; }
html body.nicemu-site.nicemu-site .site-footer .nicemu-footer-col > summary::-webkit-details-marker { display: none; }
html body.nicemu-site.nicemu-site .site-footer .nicemu-footer-links { display: block; gap: 0; margin: 0; padding: 0; }

@media (max-width: 680px) {
	html body.nicemu-site.nicemu-site .nicemu-footer-cols { grid-template-columns: 1fr; gap: 0; }
	/* 品牌块 */
	html body.nicemu-site.nicemu-site .site-footer .nicemu-footer-col.is-brand { padding-bottom: 24px; }
	html body.nicemu-site.nicemu-site .site-footer .nicemu-footer-title.is-brand { margin-bottom: 14px; font-size: 22px; }
	html body.nicemu-site.nicemu-site .site-footer .is-brand .nicemu-footer-links { display: flex; flex-wrap: wrap; gap: 6px 20px; }
	html body.nicemu-site.nicemu-site .site-footer .is-brand .nicemu-footer-links a { margin: 0; color: #ccc; }
	html body.nicemu-site.nicemu-site .site-footer .is-brand .nicemu-footer-contact { margin-top: 10px; }
	html body.nicemu-site.nicemu-site .site-footer .is-brand .nicemu-footer-contact a { margin: 0; color: #888; font-size: 13px; }
	/* 手风琴 */
	html body.nicemu-site.nicemu-site .site-footer details.nicemu-footer-col { border-top: 1px solid #2e2e2e; }
	html body.nicemu-site.nicemu-site .site-footer details.nicemu-footer-col:last-of-type { border-bottom: 1px solid #2e2e2e; }
	html body.nicemu-site.nicemu-site .site-footer details.nicemu-footer-col > summary {
		position: relative;
		margin: 0;
		padding: 16px 32px 16px 0;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	html body.nicemu-site.nicemu-site .site-footer details.nicemu-footer-col > summary::after {
		content: "+";
		position: absolute;
		right: 2px;
		top: 50%;
		color: #888;
		font: 300 22px/1 var(--nmc-font);
		transform: translateY(-50%);
		transition: transform .2s ease;
	}
	html body.nicemu-site.nicemu-site .site-footer details.nicemu-footer-col[open] > summary::after { transform: translateY(-50%) rotate(45deg); }
	html body.nicemu-site.nicemu-site .site-footer details.nicemu-footer-col .nicemu-footer-links { display: flex; flex-wrap: wrap; gap: 4px 22px; padding: 0 0 16px; }
	html body.nicemu-site.nicemu-site .site-footer details.nicemu-footer-col .nicemu-footer-links a { margin: 0; padding: 4px 0; }
	/* 底部小字：给底部导航条和回顶按钮留位置 */
	html body.nicemu-site.nicemu-site .site-footer .nicemu-footer-fine { margin-top: 24px; padding: 0 40px 72px; font-size: 11px; }
}

/* =========================================================================
 * v0.15.3 — 品牌页（/brands/）：内容宽度同首页 1232px（顶部大标题区保持原来的宽幅），品牌一行 4 个
 * ====================================================================== */
html body.nicemu-site.nicemu-site .nicemu-brands-page .nicemu-shell:not(.nicemu-page-hero) { width: min(1232px, calc(100% - 48px)); max-width: none; margin-inline: auto; }
@media (min-width: 1100px) {
	html body.nicemu-site.nicemu-site .nicemu-brands-page .nicemu-directory-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 24px; }
}
@media (min-width: 768px) and (max-width: 1099px) {
	html body.nicemu-site.nicemu-site .nicemu-brands-page .nicemu-directory-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
	html body.nicemu-site.nicemu-site .nicemu-brands-page .nicemu-shell:not(.nicemu-page-hero) { width: calc(100% - 32px); }
}

/* =========================================================================
 * v0.15.3 — 笔记页（/blog/）：内容宽度同首页 1232px（顶部大标题区保持原来的宽幅），笔记一行 4 篇
 * ====================================================================== */
html body.nicemu-site.nicemu-site .nicemu-notes-page .nicemu-shell:not(.nicemu-page-hero) { width: min(1232px, calc(100% - 48px)); max-width: none; margin-inline: auto; }
@media (min-width: 1100px) {
	html body.nicemu-site.nicemu-site .nicemu-notes-page .nicemu-note-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 24px; }
	html body.nicemu-site.nicemu-site .nicemu-notes-page .nicemu-note-grid > * { grid-column: auto; }
}
@media (min-width: 768px) and (max-width: 1099px) {
	html body.nicemu-site.nicemu-site .nicemu-notes-page .nicemu-note-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
	html body.nicemu-site.nicemu-site .nicemu-notes-page .nicemu-shell:not(.nicemu-page-hero) { width: calc(100% - 32px); }
}

/* v0.15.3 — 合作页（/partners/）：内容宽度同首页 1232px（顶部大标题区保持原来的宽幅） */
html body.nicemu-site.nicemu-site .nicemu-partners-page .nicemu-shell:not(.nicemu-page-hero) { width: min(1232px, calc(100% - 48px)); max-width: none; margin-inline: auto; }
@media (max-width: 680px) {
	html body.nicemu-site.nicemu-site .nicemu-partners-page .nicemu-shell:not(.nicemu-page-hero) { width: calc(100% - 32px); }
}

/* v0.15.3 — AI 选品页（/ai-select/）：内容宽度同首页 1232px（顶部大标题区保持原来的宽幅） */
html body.nicemu-site.nicemu-site .nicemu-ai-page .nicemu-shell:not(.nicemu-page-hero) { width: min(1232px, calc(100% - 48px)); max-width: none; margin-inline: auto; }
@media (max-width: 680px) {
	html body.nicemu-site.nicemu-site .nicemu-ai-page .nicemu-shell:not(.nicemu-page-hero) { width: calc(100% - 32px); }
}