/* ==========================================================================
   Nicemu v0.5.1 — supporting-page visual pass.

   Loads AFTER frontend.css and only adds presentation: page imagery, card
   treatments, line icons, and restrained motion. No layout skeleton, no
   copy, and no platform contract is changed by this file.
   ========================================================================== */

:root{
	--nicemu-tint:#f1efe8;
	--nicemu-shadow:rgba(17,17,15,.10);
	--nicemu-ease:cubic-bezier(.22,.61,.36,1);
}

/* --------------------------------------------------------------------------
   1. Page hero with an illustrated panel
   -------------------------------------------------------------------------- */
.nicemu-page-hero.has-media{
	display:grid;
	grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
	grid-template-rows:auto 1fr;
	column-gap:clamp(34px,5vw,88px);
	align-items:start;
}
.nicemu-page-hero.has-media>.nicemu-kicker{grid-area:1/1;align-self:end}
.nicemu-page-hero.has-media>div{
	grid-area:2/1;
	display:grid;
	grid-template-columns:minmax(0,1fr);
	gap:clamp(20px,2.4vw,30px);
	align-content:start;
}
.nicemu-page-hero.has-media>div>p{max-width:560px}

.nicemu-hero-media{
	grid-area:1/2/3/3;
	margin:0;
	position:relative;
	align-self:end;
}
.nicemu-hero-media-frame{
	display:block;
	position:relative;
	overflow:hidden;
	aspect-ratio:4/3;
	background:var(--nicemu-paper-deep);
}
.nicemu-hero-media-frame:after{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
	background:linear-gradient(180deg,rgba(17,17,15,0) 52%,rgba(17,17,15,.28));
}
.nicemu-hero-media img{
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	transform:scale(1.015);
	transition:transform 1.4s var(--nicemu-ease);
}
.nicemu-hero-media:hover img{transform:scale(1.055)}
.nicemu-hero-media figcaption{
	position:absolute;
	left:0;
	bottom:0;
	z-index:2;
	max-width:min(340px,82%);
	padding:15px 20px 16px;
	display:grid;
	gap:6px;
	background:var(--nicemu-cream);
	border-top:1px solid var(--nicemu-line);
	border-right:1px solid var(--nicemu-line);
}
.nicemu-hero-media figcaption span{
	color:var(--nicemu-muted);
	font-size:11px;
	font-weight:800;
	letter-spacing:.14em;
	text-transform:uppercase;
}
.nicemu-hero-media figcaption b{
	font-size:15px;
	font-weight:500;
	line-height:1.35;
	letter-spacing:-.03em;
}

/* Search results hero keeps its form column and gains the same panel. */
.nicemu-search-hero.has-media>.nicemu-shell{
	display:grid;
	grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
	column-gap:clamp(34px,5vw,80px);
	align-items:start;
}
.nicemu-search-hero.has-media>.nicemu-shell>*{grid-column:1}
.nicemu-search-hero.has-media .nicemu-hero-media{grid-column:2;grid-row:1/5;align-self:stretch}
.nicemu-search-hero.has-media .nicemu-hero-media-frame{height:100%;min-height:260px;aspect-ratio:auto}

/* --------------------------------------------------------------------------
   2. Full-width photographic bands behind dark sections
   -------------------------------------------------------------------------- */
.has-band{position:relative;isolation:isolate;overflow:hidden}
.has-band>*{position:relative;z-index:1}
.has-band:before{
	content:"";
	position:absolute;
	inset:0;
	z-index:-2;
	background:var(--nicemu-band) center/cover no-repeat;
	opacity:.88;
	filter:brightness(1.36) saturate(1.05);
}
.has-band:after{
	content:"";
	position:absolute;
	inset:0;
	z-index:-1;
	background:linear-gradient(102deg,rgba(11,11,10,.96) 0%,rgba(11,11,10,.88) 44%,rgba(11,11,10,.58) 100%);
}
.nicemu-finder-section.has-band:after{
	background:linear-gradient(102deg,rgba(11,11,10,.97) 0%,rgba(11,11,10,.92) 50%,rgba(11,11,10,.7) 100%);
}

/* --------------------------------------------------------------------------
   3. Line icons
   -------------------------------------------------------------------------- */
.nicemu-icon{
	width:40px;
	height:40px;
	flex:0 0 auto;
	display:inline-grid;
	place-items:center;
	border:1px solid var(--nicemu-line);
	border-radius:50%;
	background:rgba(255,255,255,.62);
	color:var(--nicemu-ink);
	transition:background .3s var(--nicemu-ease),border-color .3s var(--nicemu-ease),color .3s var(--nicemu-ease);
}
.nicemu-icon svg{width:20px;height:20px;display:block}
.has-band .nicemu-icon,
.nicemu-finder-section .nicemu-icon{
	border-color:rgba(255,255,255,.4);
	background:rgba(255,255,255,.07);
	color:#fff;
}

/* --------------------------------------------------------------------------
   4. About
   -------------------------------------------------------------------------- */
.nicemu-about-rules article{
	position:relative;
	display:flex;
	flex-direction:column;
	transition:background .35s var(--nicemu-ease);
}
.nicemu-about-rules article:hover{background:var(--nicemu-tint)}
.nicemu-about-rules article:hover .nicemu-icon{border-color:var(--nicemu-ink);background:var(--nicemu-ink);color:#fff}
.nicemu-about-rules article>b{position:absolute;top:38px;right:30px}
.nicemu-about-rules .nicemu-icon{margin-bottom:28px}
.nicemu-about-rules h3{margin:0 0 12px}

.nicemu-figure-strip{
	margin-top:36px;
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:12px;
}
.nicemu-accent-tile{
	display:block;
	position:relative;
	overflow:hidden;
	aspect-ratio:1;
	border:1px solid var(--nicemu-line);
	background:var(--nicemu-paper-deep);
}
.nicemu-accent-tile img{
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	transition:transform .6s var(--nicemu-ease);
}
.nicemu-accent-tile:hover img{transform:scale(1.05)}
.nicemu-accent-tile.is-wide{margin-top:34px;aspect-ratio:16/10}
.nicemu-accent-tile.is-path{margin-bottom:30px;aspect-ratio:16/9}

.nicemu-about-contact.is-panel{
	margin-bottom:clamp(80px,8vw,124px);
	padding:clamp(34px,4.6vw,64px);
	padding-block:clamp(34px,4.6vw,64px);
	border:1px solid var(--nicemu-line);
	background:var(--nicemu-cream);
	box-shadow:12px 12px 0 var(--nicemu-paper-deep);
}

/* --------------------------------------------------------------------------
   5. FAQ, partnership FAQ, and the shared answer accordion
   -------------------------------------------------------------------------- */
.nicemu-faq-group .nicemu-kicker{display:flex;align-items:center;gap:12px}
.nicemu-faq-group .nicemu-kicker .nicemu-icon{width:30px;height:30px;color:var(--nicemu-orange)}
.nicemu-faq-group .nicemu-kicker .nicemu-icon svg{width:15px;height:15px}

.nicemu-faq-group details,
.nicemu-faq-section details{
	border:1px solid transparent;
	border-top-color:var(--nicemu-line);
	transition:background .3s var(--nicemu-ease),border-color .3s var(--nicemu-ease);
}
.nicemu-faq-group details:hover,
.nicemu-faq-section details:hover{background:rgba(255,255,255,.6)}
.nicemu-faq-group details[open],
.nicemu-faq-section details[open]{border-color:var(--nicemu-line);background:var(--nicemu-cream)}
.nicemu-faq-group summary,
.nicemu-faq-section summary{padding:22px 62px 22px 18px}
.nicemu-faq-group details p,
.nicemu-faq-section details p{padding:0 40px 24px 18px}
.nicemu-faq-group summary::-webkit-details-marker,
.nicemu-faq-section summary::-webkit-details-marker{display:none}
.nicemu-faq-group summary:after,
.nicemu-faq-section summary:after{
	content:"+";
	width:32px;
	height:32px;
	right:16px;
	top:50%;
	display:grid;
	place-items:center;
	border:1px solid var(--nicemu-line);
	border-radius:50%;
	font-size:17px;
	line-height:1;
	transform:translateY(-50%);
	transition:background .25s var(--nicemu-ease),color .25s var(--nicemu-ease),border-color .25s var(--nicemu-ease);
}
.nicemu-faq-group details[open] summary:after,
.nicemu-faq-section details[open] summary:after{
	content:"–";
	border-color:var(--nicemu-ink);
	background:var(--nicemu-ink);
	color:#fff;
}

/* Sticky page index becomes a readable card. */
.nicemu-faq-index>aside,
.nicemu-policy-layout>aside{
	padding:24px 22px 10px;
	border:1px solid var(--nicemu-line);
	background:var(--nicemu-cream);
}
.nicemu-faq-index aside a,
.nicemu-policy-layout aside a{
	position:relative;
	transition:color .25s var(--nicemu-ease),padding-left .25s var(--nicemu-ease);
}
.nicemu-faq-index aside a:hover,
.nicemu-policy-layout aside a:hover,
.nicemu-faq-index aside a.is-current,
.nicemu-policy-layout aside a.is-current{padding-left:10px;color:var(--nicemu-orange);opacity:1}
.nicemu-faq-index aside a.is-current:before,
.nicemu-policy-layout aside a.is-current:before{
	content:"";
	width:4px;
	height:4px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-2px;
	border-radius:50%;
	background:var(--nicemu-orange);
}

/* Closing help panel shared by FAQ and other supporting pages. */
.nicemu-help-band{padding-block:clamp(70px,7vw,112px);background:var(--nicemu-ink);color:#fff}
.nicemu-help-band>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:34px 48px}
.nicemu-help-band .nicemu-kicker{color:var(--nicemu-acid)}
.nicemu-help-band h2{margin:0 0 14px;font-size:clamp(38px,4.2vw,62px);font-weight:500;line-height:1;letter-spacing:-.055em}
.nicemu-help-band p{max-width:540px;margin:0;color:rgba(255,255,255,.7);font-size:14px;line-height:1.7}

/* --------------------------------------------------------------------------
   6. Contact
   -------------------------------------------------------------------------- */
/* 直接联系条：邮箱 / 电话 / WhatsApp / 工作时间 / 地址。
   显示几项由后台填了几项决定，所以用 auto-fit 而不是写死列数 ——
   只填邮箱时是一整行，五项都填就自动折成两行。 */
.nicemu-contact-direct{
	padding-block:clamp(34px,3.4vw,52px);
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
	gap:34px 44px;
	border-top:1px solid var(--nicemu-line);
}
.nicemu-contact-direct>div{display:flex;flex-direction:column;align-items:flex-start}
.nicemu-contact-direct .nicemu-icon{margin-bottom:18px}
.nicemu-contact-direct .nicemu-kicker{margin-bottom:9px}
.nicemu-contact-direct a,
.nicemu-contact-direct>div>p:not(.nicemu-kicker){
	margin:0;
	font-family:Georgia,"Times New Roman",serif;
	font-size:19px;
	line-height:1.45;
	letter-spacing:-.02em;
	overflow-wrap:anywhere;
}
.nicemu-contact-direct a{
	padding-bottom:3px;
	border-bottom:1px solid var(--nicemu-line);
	transition:color .25s var(--nicemu-ease),border-color .25s var(--nicemu-ease);
}
.nicemu-contact-direct a:hover{color:var(--nicemu-orange);border-color:var(--nicemu-orange)}
.nicemu-contact-direct>div:hover .nicemu-icon{border-color:var(--nicemu-ink);background:var(--nicemu-ink);color:#fff}
.nicemu-contact-direct>div>p:not(.nicemu-kicker){color:var(--nicemu-muted)}

/* 页脚联系方式：和页脚链接同一行的可点项 */
.nicemu-footer-contact{display:flex;flex-wrap:wrap;gap:8px 22px}
/* v0.12.4 —— 在页脚导航里时把包裹层"摊平"，邮箱直接作为导航的一项参与换行，
   间距跟 About / FAQ 完全一致，不会自己占掉一整行。 */
.nicemu-footer-links .nicemu-footer-contact{display:contents}
.nicemu-footer-contact a{color:#fff;font-weight:800;opacity:.78}
.nicemu-footer-contact a:hover{opacity:1}

.nicemu-contact-card .nicemu-icon{margin-bottom:26px}
.nicemu-contact-card h2{margin-top:22px}
.nicemu-contact-card:hover .nicemu-icon{border-color:var(--nicemu-ink);background:var(--nicemu-ink);color:#fff}
.nicemu-contact-card a{transition:color .25s var(--nicemu-ease)}
.nicemu-contact-card a:hover{color:var(--nicemu-orange);opacity:1}
.nicemu-form-placeholder{justify-items:start}
.nicemu-form-placeholder .nicemu-icon{margin-bottom:20px}

/* --------------------------------------------------------------------------
   7. Privacy policy
   -------------------------------------------------------------------------- */
.nicemu-policy-layout article>section{padding-left:76px}
.nicemu-policy-layout article>section>span{
	width:42px;
	height:42px;
	top:26px;
	display:grid;
	place-items:center;
	border:1px solid var(--nicemu-line);
	border-radius:50%;
	background:var(--nicemu-cream);
	color:var(--nicemu-ink);
	font-weight:800;
}
.nicemu-policy-layout h2{margin-top:22px}

/* --------------------------------------------------------------------------
   8. Brand directory
   -------------------------------------------------------------------------- */
.nicemu-filter-rail{position:sticky;top:0;z-index:12;background:rgba(255,255,255,.92);backdrop-filter:blur(9px)}
.nicemu-filter-rail a{transition:background .25s var(--nicemu-ease),color .25s var(--nicemu-ease),border-color .25s var(--nicemu-ease)}

.nicemu-directory-brand{
	border:1px solid var(--nicemu-line);
	background:var(--nicemu-cream);
	transition:transform .35s var(--nicemu-ease),box-shadow .35s var(--nicemu-ease);
}
.nicemu-directory-brand:hover{transform:translateY(-4px);box-shadow:10px 10px 0 var(--nicemu-paper-deep)}
.nicemu-directory-brand-media{background:linear-gradient(150deg,#e8e5dc,#d2cfc4)}
.nicemu-directory-brand-media img{transition:transform .6s var(--nicemu-ease)}
.nicemu-directory-brand:hover .nicemu-directory-brand-media img{transform:scale(1.05)}
.nicemu-directory-brand-media>span{background:rgba(255,255,255,.72);border-color:rgba(17,17,15,.22)}
.nicemu-directory-brand-copy{padding:20px 20px 24px}
.nicemu-directory-brand-copy>a{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding-bottom:4px;
	border-bottom:1px solid;
	transition:gap .25s var(--nicemu-ease),color .25s var(--nicemu-ease);
}
.nicemu-directory-brand:hover .nicemu-directory-brand-copy>a{gap:14px;color:var(--nicemu-orange)}
.nicemu-directory-principles li{transition:padding-left .3s var(--nicemu-ease)}
.nicemu-directory-principles li:hover{padding-left:8px}

/* --------------------------------------------------------------------------
   9. AI selection
   -------------------------------------------------------------------------- */
.nicemu-choice-row label{
	background:rgba(255,255,255,.05);
	transition:background .25s var(--nicemu-ease),border-color .25s var(--nicemu-ease),color .25s var(--nicemu-ease);
}
.nicemu-choice-row label:hover{border-color:#fff;background:rgba(255,255,255,.12);color:#fff}
.nicemu-choice-row input:checked+label{box-shadow:0 0 0 1px var(--nicemu-acid)}
.nicemu-signal-strip>div>div{transition:background .35s var(--nicemu-ease)}
.nicemu-signal-strip>div>div:hover{background:var(--nicemu-tint)}
.nicemu-signal-strip .nicemu-icon{margin-bottom:24px;color:var(--nicemu-orange)}
.nicemu-signal-strip span{margin-bottom:14px}
.nicemu-signal-strip>div>div:hover .nicemu-icon{border-color:var(--nicemu-orange);background:var(--nicemu-orange);color:#fff}

/* --------------------------------------------------------------------------
   10. Rankings
   -------------------------------------------------------------------------- */
.nicemu-ranking-method>div>div{transition:background .35s var(--nicemu-ease)}
.nicemu-ranking-method>div>div:hover{background:var(--nicemu-tint)}
.nicemu-ranking-method .nicemu-icon{margin-bottom:24px;color:var(--nicemu-orange)}
.nicemu-ranking-method span{margin-bottom:16px}
.nicemu-ranking-method>div>div:hover .nicemu-icon{border-color:var(--nicemu-orange);background:var(--nicemu-orange);color:#fff}

.nicemu-ranking-list li{
	grid-template-columns:46px 96px minmax(0,1.1fr) minmax(0,1.2fr) 90px;
	gap:24px;
	transition:background .3s var(--nicemu-ease);
}
.nicemu-ranking-list li:hover{background:var(--nicemu-cream)}
.nicemu-rank-thumb{
	width:96px;
	aspect-ratio:1;
	position:relative;
	display:grid;
	place-items:center;
	overflow:hidden;
}
.nicemu-rank-thumb .nicemu-demo-object{width:58%;height:58%}

/* --------------------------------------------------------------------------
   11. Partnerships
   -------------------------------------------------------------------------- */
.nicemu-partner-paths>article{padding-top:48px}
.nicemu-partner-paths ul li{transition:padding-left .25s var(--nicemu-ease)}
.nicemu-partner-paths ul li:hover{padding-left:8px}
.nicemu-standard-grid p{transition:background .35s var(--nicemu-ease)}
.nicemu-standard-grid p:hover{background:var(--nicemu-cream)}
.nicemu-standard-grid .nicemu-icon{margin-bottom:6px;color:var(--nicemu-orange)}
.nicemu-standard-grid p:hover .nicemu-icon{border-color:var(--nicemu-orange);background:var(--nicemu-orange);color:#fff}

/* --------------------------------------------------------------------------
   12. Editor's notes index
   -------------------------------------------------------------------------- */
.nicemu-notes-index .nicemu-note-grid article{display:flex;flex-direction:column}
.nicemu-note-media{position:relative;overflow:hidden}
.nicemu-note-media img{transition:transform .6s var(--nicemu-ease)}
.nicemu-notes-index .nicemu-note-grid article:hover .nicemu-note-media img{transform:scale(1.05)}
.nicemu-notes-index .nicemu-note-grid article>a:last-child{
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin-top:auto;
	width:max-content;
	transition:gap .25s var(--nicemu-ease),color .25s var(--nicemu-ease);
}
.nicemu-notes-index .nicemu-note-grid article:hover>a:last-child{gap:14px;color:var(--nicemu-orange)}

/* --------------------------------------------------------------------------
   13. Brand detail
   -------------------------------------------------------------------------- */
.nicemu-brand-portrait{position:relative}
.nicemu-portrait-fallback{width:100%;height:100%;object-fit:cover}
.nicemu-portrait-monogram{
	width:104px;
	height:104px;
	position:absolute;
	left:22px;
	bottom:22px;
	display:grid;
	place-items:center;
	border-radius:50%;
	background:rgba(255,255,255,.9);
	color:var(--nicemu-ink);
	font-size:30px;
	font-weight:700;
	letter-spacing:-.05em;
}

/* --------------------------------------------------------------------------
   14. Buttons and links
   -------------------------------------------------------------------------- */
.nicemu-button{transition:background .25s var(--nicemu-ease),color .25s var(--nicemu-ease),border-color .25s var(--nicemu-ease),opacity .25s var(--nicemu-ease)}
.nicemu-button:hover{background:var(--nicemu-orange);border-color:var(--nicemu-orange);color:#fff!important;opacity:1}
.nicemu-button-light:hover{background:var(--nicemu-orange);border-color:var(--nicemu-orange);color:#fff!important}
.nicemu-text-link{transition:color .25s var(--nicemu-ease)}
.nicemu-text-link:hover{color:var(--nicemu-orange);opacity:1}

/* --------------------------------------------------------------------------
   15. Motion — only with JavaScript, and never against a stated preference
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion:no-preference){
	.nicemu-js [data-nicemu-reveal]{
		opacity:0;
		transform:translateY(20px);
		transition:opacity .75s var(--nicemu-ease),transform .75s var(--nicemu-ease);
	}
	.nicemu-js [data-nicemu-reveal].is-visible{opacity:1;transform:none}
}

/* --------------------------------------------------------------------------
   16. Responsive
   -------------------------------------------------------------------------- */
@media(max-width:1100px){
	.nicemu-page-hero.has-media{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;row-gap:34px}
	.nicemu-page-hero.has-media>.nicemu-kicker{grid-area:1/1}
	.nicemu-page-hero.has-media>div{grid-area:2/1}
	.nicemu-hero-media{grid-area:3/1;align-self:auto}
	.nicemu-hero-media-frame{aspect-ratio:16/9}
	.nicemu-search-hero.has-media>.nicemu-shell{grid-template-columns:minmax(0,1fr)}
	.nicemu-search-hero.has-media .nicemu-hero-media{grid-column:1;grid-row:auto;margin-top:32px}
	.nicemu-search-hero.has-media .nicemu-hero-media-frame{min-height:0;aspect-ratio:16/9}
	.nicemu-ranking-list li{grid-template-columns:44px 84px minmax(0,1fr) minmax(0,1fr) 76px;gap:18px}
	.nicemu-rank-thumb{width:84px}
}
@media(max-width:780px){
	.nicemu-figure-strip{gap:8px}
	.nicemu-partner-paths>article{padding-top:0}
	.nicemu-accent-tile.is-path{margin-bottom:24px}
	.nicemu-ranking-list li{grid-template-columns:34px 66px minmax(0,1fr);gap:14px}
	.nicemu-rank-thumb{width:66px}
	.nicemu-ranking-list li>p{grid-column:2/-1}
	.nicemu-ranking-list li>span{grid-column:2/-1;justify-self:start}
	.nicemu-help-band>div{align-items:flex-start;flex-direction:column}
	.nicemu-faq-index>aside,.nicemu-policy-layout>aside{padding:20px 18px}
	.nicemu-filter-rail{position:static;backdrop-filter:none}
}
@media(max-width:520px){
	.nicemu-hero-media figcaption{position:static;max-width:none;border-right:0;border-left:1px solid var(--nicemu-line);border-bottom:1px solid var(--nicemu-line)}
	.nicemu-about-rules article>b{top:30px;right:12px}
	.nicemu-ranking-list li{grid-template-columns:32px minmax(0,1fr)}
	.nicemu-rank-thumb{display:none}
	.nicemu-policy-layout article>section{padding-left:0;padding-top:24px}
	.nicemu-policy-layout article>section>span{position:static;margin-bottom:14px}
	.nicemu-about-contact.is-panel{padding:26px 20px;box-shadow:7px 7px 0 var(--nicemu-paper-deep)}
	.nicemu-portrait-monogram{width:76px;height:76px;left:14px;bottom:14px;font-size:22px}
	.nicemu-figure-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ==========================================================================
   v0.5.2 — theme-rendered application forms, inline apply blocks, CTA band
   ========================================================================== */

/* --- form shell ---------------------------------------------------------- */
.nicemu-form{display:grid;gap:0}
.nicemu-form-lead{
	margin:0 0 26px;
	padding-bottom:20px;
	border-bottom:1px solid var(--nicemu-line);
	color:var(--nicemu-muted);
	font-size:14px;
	line-height:1.7;
}
.nicemu-field{margin:0 0 22px;display:grid;gap:9px}
.nicemu-field label{
	color:var(--nicemu-ink);
	font-size:12px;
	font-weight:900;
	letter-spacing:.08em;
	text-transform:uppercase;
	line-height:1.4;
}
.nicemu-field label span{
	margin-left:7px;
	color:var(--nicemu-muted);
	font-weight:700;
	letter-spacing:.04em;
	text-transform:none;
}
.nicemu-field input,
.nicemu-field textarea{
	width:100%;
	min-width:0;
	margin:0;
	padding:15px 17px;
	border:1px solid var(--nicemu-line);
	border-radius:0;
	background:#fff;
	color:var(--nicemu-ink);
	font-family:inherit;
	font-size:15px;
	line-height:1.5;
	box-shadow:none;
	transition:border-color .25s var(--nicemu-ease);
}
.nicemu-field input{min-height:54px}
.nicemu-field textarea{min-height:132px;resize:vertical}
.nicemu-field input:hover,
.nicemu-field textarea:hover{border-color:rgba(17,17,15,.36)}
.nicemu-field input:focus,
.nicemu-field textarea:focus{
	outline:2px solid var(--nicemu-orange);
	outline-offset:1px;
	border-color:var(--nicemu-ink);
}
.nicemu-field input::placeholder,
.nicemu-field textarea::placeholder{color:rgba(103,103,95,.7)}
.nicemu-field small{
	color:var(--nicemu-muted);
	font-size:12.5px;
	line-height:1.55;
}
.nicemu-field small code{
	padding:1px 5px;
	background:var(--nicemu-paper-deep);
	font-size:12px;
	font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* 平台多选（v0.9.0） ------------------------------------------------------ */
/* fieldset 自带边框和内边距，先抹平，让它和其他字段完全对齐 */
.nicemu-platforms{
	display:block;
	min-width:0;
	margin:0 0 22px;
	padding:0;
	border:0;
}
.nicemu-platforms legend{
	padding:0;
	color:var(--nicemu-ink);
	font-size:12px;
	font-weight:900;
	letter-spacing:.08em;
	text-transform:uppercase;
	line-height:1.4;
}
.nicemu-platform-list{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:9px;
}
.nicemu-platform{
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin:0;
	padding:10px 14px;
	border:1px solid var(--nicemu-line);
	background:#fff;
	color:var(--nicemu-ink);
	font-size:14px;
	font-weight:700;
	line-height:1.2;
	letter-spacing:0;
	text-transform:none;
	cursor:pointer;
	transition:border-color .25s var(--nicemu-ease),background .25s var(--nicemu-ease),color .25s var(--nicemu-ease);
}
/* .nicemu-field label span 是给「optional」标记用的浅灰，这里得挡回来 */
.nicemu-platforms .nicemu-platform span{
	margin:0;
	color:inherit;
	font-size:inherit;
	font-weight:700;
	letter-spacing:0;
	text-transform:none;
}
.nicemu-platform:hover{border-color:rgba(17,17,15,.4)}
/* 复选框在这里必须逃出 .nicemu-field input 的整宽输入框样式 */
.nicemu-platforms input[type="checkbox"]{
	width:15px;
	min-width:15px;
	min-height:15px;
	height:15px;
	margin:0;
	padding:0;
	border:1px solid var(--nicemu-ink);
	background:#fff;
	accent-color:var(--nicemu-ink);
	box-shadow:none;
	flex:0 0 auto;
}
.nicemu-platform:has(input:checked){
	border-color:var(--nicemu-ink);
	background:var(--nicemu-ink);
	color:var(--nicemu-paper);
}
.nicemu-platform:has(input:checked) input[type="checkbox"]{
	border-color:var(--nicemu-paper);
	accent-color:var(--nicemu-paper);
}
.nicemu-platforms input[type="checkbox"]:focus-visible{
	outline:2px solid var(--nicemu-orange);
	outline-offset:2px;
}
/* :has() 不支持时退回到清晰的复选框列表，功能一样，只是没有选中反色 */
@supports not selector(:has(*)){
	.nicemu-platform{background:#fff;color:var(--nicemu-ink)}
}
.nicemu-platforms.is-missing .nicemu-platform{border-color:#c9583a}
.nicemu-platforms .nicemu-platform-error{
	margin:0;
	color:#8c3418;
	font-size:12.5px;
	font-weight:700;
	line-height:1.55;
}
.nicemu-platforms>small{
	display:block;
	margin-top:9px;
	color:var(--nicemu-muted);
	font-size:12.5px;
	line-height:1.55;
}
.nicemu-platforms .nicemu-platform-error{margin-top:9px}

.nicemu-form>.nicemu-button{justify-self:start;margin-top:6px}
.nicemu-form-foot{
	margin:18px 0 0;
	color:var(--nicemu-muted);
	font-size:12.5px;
	line-height:1.65;
}

/* --- notices ------------------------------------------------------------- */
.nicemu-form-notice{
	margin:0 0 26px;
	padding:15px 18px;
	border:1px solid;
	font-size:14px;
	line-height:1.6;
}
.nicemu-form-notice.is-ok{border-color:#a9c4a0;background:#eef3ea;color:#2f5228}
.nicemu-form-notice.is-err{border-color:#d8a99a;background:#fbeeea;color:#8c3418}

/* --- bot trap: off-screen, never display:none (autofill still fills it) --- */
.nicemu-form-trap{
	position:absolute!important;
	left:-9999px!important;
	top:auto!important;
	width:1px!important;
	height:1px!important;
	overflow:hidden!important;
}

/* --- panels shown instead of a form -------------------------------------- */
.nicemu-form-state{
	padding:clamp(28px,3.4vw,44px);
	display:grid;
	justify-items:start;
	gap:14px;
	border:1px solid var(--nicemu-line);
	background:var(--nicemu-paper-deep);
}
.nicemu-form-state>span{
	color:var(--nicemu-muted);
	font-size:11px;
	font-weight:800;
	letter-spacing:.13em;
	text-transform:uppercase;
}
.nicemu-form-state h3{
	margin:0;
	font-size:clamp(26px,2.6vw,36px);
	font-weight:500;
	line-height:1.08;
	letter-spacing:-.045em;
}
.nicemu-form-state p{
	max-width:520px;
	margin:0;
	color:var(--nicemu-muted);
	font-size:14px;
	line-height:1.7;
}
.nicemu-form-state .nicemu-button{margin-top:8px}

/* --- inline application block on /partners/ ------------------------------ */
.nicemu-apply-forms{
	padding-block:clamp(84px,8vw,130px);
	border-top:1px solid var(--nicemu-line);
	background:var(--nicemu-cream);
	scroll-margin-top:20px;
}
.nicemu-apply-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:clamp(36px,4vw,64px);
}
.nicemu-apply-column{
	min-width:0;
	padding:clamp(26px,3vw,42px);
	border:1px solid var(--nicemu-line);
	background:var(--nicemu-paper);
	scroll-margin-top:24px;
}
.nicemu-apply-column>h3{
	margin:0 0 30px;
	font-size:clamp(27px,2.5vw,34px);
	font-weight:500;
	line-height:1.06;
	letter-spacing:-.045em;
}

/* --- partner path buttons ------------------------------------------------ */
.nicemu-path-actions{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:14px 22px;
}
.nicemu-card-links{
	display:flex;
	flex-wrap:wrap;
	gap:8px 20px;
	margin-top:14px;
}
.nicemu-card-links a{
	padding-bottom:4px;
	border-bottom:1px solid;
	font-size:12.5px;
	font-weight:800;
}

/* --- shared call-to-action band ------------------------------------------ */
.nicemu-apply-cta{padding-block:clamp(74px,7.5vw,118px);background:var(--nicemu-ink);color:#fff}
.nicemu-apply-cta>div{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:end;
	gap:34px 52px;
}
.nicemu-apply-cta .nicemu-kicker{color:var(--nicemu-acid)}
.nicemu-apply-cta h2{
	margin:0 0 14px;
	font-size:clamp(38px,4.3vw,64px);
	font-weight:500;
	line-height:1;
	letter-spacing:-.055em;
}
.nicemu-apply-cta p{
	max-width:560px;
	margin:0;
	color:rgba(255,255,255,.72);
	font-size:14px;
	line-height:1.7;
}
.nicemu-apply-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.nicemu-cta-secondary{
	padding-bottom:4px;
	border-bottom:1px solid rgba(255,255,255,.5);
	color:#fff;
	font-size:12.5px;
	font-weight:800;
	transition:border-color .25s var(--nicemu-ease),color .25s var(--nicemu-ease);
}
.nicemu-cta-secondary:hover{border-color:var(--nicemu-acid);color:var(--nicemu-acid);opacity:1}

@media(max-width:900px){
	.nicemu-apply-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:520px){
	.nicemu-apply-column{padding:22px 18px}
	.nicemu-form>.nicemu-button,
	.nicemu-form-state .nicemu-button{width:100%}
	.nicemu-path-actions{align-items:stretch;flex-direction:column;gap:14px}
	.nicemu-apply-cta-actions{align-items:stretch;flex-direction:column}
}

/* =========================================================================
   Editor's notes (Nicemu Core 4.1.0 `nicemu_note`) — theme 0.6.0
   The card's cover image is the click target; the detail page keeps the
   reading column narrow and hands the product grid back to the shared card.
   ====================================================================== */
.nicemu-note-card{display:flex;flex-direction:column;min-width:0}
.nicemu-note-card .nicemu-note-media{position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;background:var(--nicemu-paper-deep,#ece6db)}
.nicemu-note-card .nicemu-note-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.nicemu-note-card .nicemu-note-media:hover img{transform:scale(1.035)}
.nicemu-note-card .nicemu-note-media span{font:italic 26px Georgia,serif;color:var(--nicemu-ink,#1b1a18)}
.nicemu-note-count{position:absolute;left:12px;bottom:12px;padding:6px 9px;background:var(--nicemu-acid,#d8f24a);color:var(--nicemu-ink,#1b1a18);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.nicemu-note-card small{display:block;margin:15px 0 9px;color:var(--nicemu-orange,#c4622d);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.nicemu-note-card h3{margin:0 0 12px;font-size:clamp(21px,1.7vw,26px);line-height:1.14}
.nicemu-note-card h3 a{color:inherit}
.nicemu-note-card>p{margin:0 0 16px;color:var(--nicemu-muted,#6b6660);font-size:13px;line-height:1.7}
.nicemu-note-more{margin-top:auto;width:max-content;padding-bottom:3px;border-bottom:1px solid;font-size:10px;font-weight:900;letter-spacing:.04em}

.nicemu-note-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px}
.nicemu-note-filters a{padding:8px 13px;border:1px solid var(--nicemu-line,#ded9cf);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.nicemu-note-filters a.is-on{border-color:var(--nicemu-ink,#1b1a18);background:var(--nicemu-ink,#1b1a18);color:#fff}

.nicemu-note-hero{padding-block:clamp(58px,6vw,92px) 26px;max-width:920px}
.nicemu-note-hero h1{margin:0;font-size:clamp(38px,4.6vw,68px);line-height:1.03;letter-spacing:-.045em}
.nicemu-note-lede{margin:22px 0 0;color:var(--nicemu-muted,#6b6660);font-size:17px;line-height:1.75}
.nicemu-note-byline{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;padding-top:16px;border-top:1px solid var(--nicemu-line,#ded9cf);color:var(--nicemu-muted,#6b6660);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.nicemu-note-cover{margin:34px 0 0;aspect-ratio:16/7;overflow:hidden;background:var(--nicemu-paper-deep,#ece6db)}
.nicemu-note-cover img{width:100%;height:100%;object-fit:cover;display:block}

.nicemu-note-body{max-width:760px;padding-block:clamp(44px,5vw,74px)}
.nicemu-note-body p{margin:0 0 22px;font-size:17px;line-height:1.85}
.nicemu-note-body h2{margin:44px 0 16px;font-size:clamp(26px,2.6vw,36px);line-height:1.16}
.nicemu-note-body h3{margin:34px 0 12px;font-size:21px}
.nicemu-note-body img{max-width:100%;height:auto}
.nicemu-note-body ul,.nicemu-note-body ol{margin:0 0 22px 20px;font-size:16px;line-height:1.85}
.nicemu-note-body blockquote{margin:32px 0;padding:22px 26px;border-left:3px solid var(--nicemu-orange,#c4622d);background:var(--nicemu-cream,#f4efe5);font:400 20px/1.6 Georgia,serif}
.nicemu-note-inline-product{display:grid;grid-template-columns:minmax(0,320px);margin:30px 0}

.nicemu-note-products{padding-block:clamp(40px,4.5vw,70px);border-top:1px solid var(--nicemu-line,#ded9cf)}
.nicemu-note-disclosure{margin-top:26px;color:var(--nicemu-muted,#6b6660);font-size:11px;line-height:1.7}
.nicemu-note-terms{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:30px}
.nicemu-note-terms a{padding:7px 11px;background:var(--nicemu-paper-deep,#ece6db);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

@media(max-width:768px){
	.nicemu-note-cover{aspect-ratio:4/3}
	.nicemu-note-body p{font-size:16px}
	.nicemu-note-inline-product{grid-template-columns:1fr}
}

/* =========================================================================
   Affiliate disclosure + cookie notice — theme 0.6.1
   ====================================================================== */
.nicemu-affiliate-disclosure{margin-block:clamp(30px,4vw,54px);padding:clamp(28px,3.4vw,44px);border:2px solid var(--nicemu-ink,#1b1a18);background:var(--nicemu-acid,#d8f24a);box-shadow:9px 9px 0 var(--nicemu-ink,#1b1a18)}
.nicemu-affiliate-disclosure .nicemu-kicker{margin-bottom:16px;color:var(--nicemu-ink,#1b1a18);font-size:11px;letter-spacing:.2em}
.nicemu-affiliate-disclosure p:last-child{margin:0;color:var(--nicemu-ink,#1b1a18);font-size:clamp(19px,1.9vw,26px);font-weight:700;line-height:1.5;letter-spacing:-.01em}

/* Positioning + visibility live inline in the footer (inc/cookie-consent.php)
   so a cached or combined stylesheet can never make the notice disappear.
   What follows is cosmetic only. */
.nicemu-cookie-copy{flex:1 1 420px;min-width:0}
.nicemu-cookie-copy .nicemu-kicker{margin-bottom:9px}
.nicemu-cookie-copy p:last-child{margin:0;color:var(--nicemu-muted,#6b6660);font-size:13px;line-height:1.7}
.nicemu-cookie-copy a{border-bottom:1px solid;color:var(--nicemu-ink,#1b1a18);font-weight:700;white-space:nowrap}
.nicemu-cookie-actions{display:flex;flex-wrap:wrap;gap:9px}
.nicemu-cookie-actions .nicemu-button{min-height:46px;padding:0 24px;font-size:11px;cursor:pointer}
.nicemu-button-ghost{background:transparent;border:1px solid var(--nicemu-ink,#1b1a18);color:var(--nicemu-ink,#1b1a18)!important}
.nicemu-button-ghost:hover{box-shadow:4px 4px 0 var(--nicemu-ink,#1b1a18)}

@media(max-width:680px){
	.nicemu-cookie-inner{gap:16px}
	.nicemu-cookie-actions{width:100%}
	.nicemu-cookie-actions .nicemu-button{flex:1}
	.nicemu-affiliate-disclosure{box-shadow:6px 6px 0 var(--nicemu-ink,#1b1a18)}
}

/* =========================================================================
   theme 0.8.0 — media galleries, note fixes, brand collection page

   Loads after frontend.css, so everything here is either new or a deliberate
   correction of an older rule. Nothing above this block was changed except the
   .nicemu-prose colour, which was a real bug (white body text on cream).
   ====================================================================== */

/* -------------------------------------------------------------------------
   1. Product detail — gallery + a calmer, more deliberate layout
   -------------------------------------------------------------------------- */
.nicemu-product-detail .nicemu-product-hero{
	padding-block:clamp(30px,3.6vw,55px) clamp(64px,7vw,95px);
	column-gap:clamp(34px,4.6vw,68px);
}
/* The picture stays put while the long right-hand column scrolls. */
@media(min-width:981px){
	.nicemu-product-detail .nicemu-product-gallery{position:sticky;top:26px}
}

.nicemu-product-detail .nicemu-product-main-image{
	height:auto;
	aspect-ratio:4/5;
	max-height:min(78vh,760px);
	display:block;
	background:var(--nicemu-paper-deep,#ece6db);
	border:1px solid var(--nicemu-line,#ded9cf);
}
.nicemu-gallery-slide{
	position:absolute;
	inset:0;
	margin:0;
	opacity:0;
	visibility:hidden;
	transition:opacity .34s var(--nicemu-ease);
}
.nicemu-gallery-slide.is-active{opacity:1;visibility:visible}
.nicemu-gallery-slide img,
.nicemu-gallery-slide video{width:100%;height:100%;display:block;object-fit:cover;background:#101010}
.nicemu-gallery-slide.is-video video{object-fit:contain}
.nicemu-gallery-slide img{cursor:zoom-in}
@media(prefers-reduced-motion:reduce){.nicemu-gallery-slide{transition:none}}

/* Arrows sit on the image and only firm up on hover, so a single-photo
   product never looks like it is missing something. */
.nicemu-gallery-arrow{
	position:absolute;
	top:50%;
	z-index:3;
	width:44px;
	height:44px;
	padding:0;
	transform:translateY(-50%);
	display:grid;
	place-items:center;
	border:1px solid var(--nicemu-ink,#1b1a18);
	background:rgba(255,250,242,.86);
	color:var(--nicemu-ink,#1b1a18);
	font-size:15px;
	line-height:1;
	cursor:pointer;
	opacity:0;
	transition:opacity .2s var(--nicemu-ease),background .2s var(--nicemu-ease);
}
.nicemu-gallery-arrow.is-prev{left:14px}
.nicemu-gallery-arrow.is-next{right:14px}
.nicemu-product-gallery:hover .nicemu-gallery-arrow,
.nicemu-gallery-arrow:focus-visible{opacity:1}
.nicemu-gallery-arrow:hover{background:var(--nicemu-acid,#d8f24a)}
/* Touch devices have no hover, so the arrows stay put there. */
@media(hover:none){.nicemu-gallery-arrow{opacity:1}}

.nicemu-gallery-counter{
	position:absolute;
	right:14px;
	bottom:14px;
	z-index:3;
	padding:6px 10px;
	background:rgba(27,26,24,.78);
	color:#fff;
	font-size:9px;
	font-weight:800;
	letter-spacing:.14em;
}

/* Overrides the four-column 70px rail from frontend.css. */
.nicemu-product-detail .nicemu-gallery-thumbs{
	margin:12px 0 0;
	padding:0;
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(74px,1fr));
	gap:9px;
	list-style:none;
}
.nicemu-product-detail .nicemu-gallery-thumbs li{margin:0}
.nicemu-gallery-thumb{
	position:relative;
	width:100%;
	padding:0;
	display:block;
	aspect-ratio:1;
	overflow:hidden;
	border:1px solid var(--nicemu-line,#ded9cf);
	background:var(--nicemu-paper-deep,#ece6db);
	cursor:pointer;
	transition:border-color .2s var(--nicemu-ease),transform .2s var(--nicemu-ease);
}
.nicemu-product-detail .nicemu-gallery-thumbs img{
	width:100%;height:100%;display:block;object-fit:cover;border:0;
}
.nicemu-gallery-thumb-blank{display:block;width:100%;height:100%}
.nicemu-gallery-thumb:hover{transform:translateY(-2px)}
.nicemu-gallery-thumb.is-current{border-color:var(--nicemu-ink,#1b1a18);box-shadow:0 0 0 1px var(--nicemu-ink,#1b1a18) inset}
.nicemu-gallery-thumb.is-video b{
	position:absolute;
	inset:0;
	display:grid;
	place-items:center;
	background:rgba(17,17,15,.42);
	color:#fff;
	font-size:14px;
}

/* Summary column: a little more air, a firmer price block, a real button. */
.nicemu-product-detail .nicemu-product-summary{padding-top:6px}
.nicemu-product-detail .nicemu-product-summary h1{font-size:clamp(38px,4.6vw,68px);line-height:.98;letter-spacing:-.04em}
.nicemu-product-detail .nicemu-product-lede{max-width:52ch;font-size:15px;line-height:1.85}
.nicemu-product-detail .nicemu-source-labels{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 4px}
.nicemu-product-detail .nicemu-source-labels span{
	padding:7px 11px;
	border:1px solid var(--nicemu-line,#ded9cf);
	background:var(--nicemu-cream,#fffaf2);
	font-size:9px;
	font-weight:800;
	letter-spacing:.12em;
	text-transform:uppercase;
}
.nicemu-product-detail .nicemu-source-labels .is-sponsored{border-color:var(--nicemu-ink,#1b1a18);background:var(--nicemu-acid,#d8f24a)}
.nicemu-product-detail .nicemu-price-line{
	margin:26px 0 20px;
	padding:22px;
	border:1px solid var(--nicemu-line,#ded9cf);
	background:var(--nicemu-cream,#fffaf2);
}
.nicemu-product-detail .nicemu-price-line strong{font-size:clamp(28px,3vw,40px)}
.nicemu-product-detail .nicemu-price-line del{margin-left:10px;color:var(--nicemu-muted,#6b6660);font-size:16px}
.nicemu-product-detail .nicemu-price-line span{font-size:8px;letter-spacing:.12em}
.nicemu-product-detail .nicemu-detail-actions a{
	font-size:11px;
	letter-spacing:.1em;
	transition:box-shadow .2s var(--nicemu-ease),transform .2s var(--nicemu-ease);
}
.nicemu-product-detail .nicemu-detail-actions a:hover{transform:translateY(-2px);box-shadow:5px 5px 0 var(--nicemu-acid,#d8f24a);opacity:1}
.nicemu-product-detail .nicemu-fit-list>div{grid-template-columns:110px 1fr;font-size:12px;line-height:1.65}
.nicemu-product-detail .nicemu-fit-list dt{font-size:9px;letter-spacing:.12em}

@media(max-width:980px){
	.nicemu-product-detail .nicemu-product-main-image{aspect-ratio:4/3;max-height:none}
	.nicemu-product-detail .nicemu-product-summary{padding-top:22px}
}

/* -------------------------------------------------------------------------
   2. Editor's note — cover size, and the review gallery
   -------------------------------------------------------------------------- */

/* The cover used to run the full width of the viewport at 16/7, which on a
   wide monitor meant an 800px-tall photograph before a single word of the
   review. Hold it to the content measure and cap the height. */
.nicemu-note-cover{
	width:min(1180px,100% - clamp(28px,5vw,56px));
	margin:clamp(28px,3.4vw,44px) auto 0;
	aspect-ratio:16/9;
	max-height:min(60vh,560px);
	border:1px solid var(--nicemu-line,#ded9cf);
}

.nicemu-note-gallery{padding-bottom:clamp(20px,3vw,40px)}
.nicemu-note-gallery .nicemu-kicker{margin-bottom:clamp(16px,2vw,24px)}
.nicemu-note-gallery-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:clamp(12px,1.6vw,20px);
}
.nicemu-note-gallery-item{
	margin:0;
	overflow:hidden;
	border:1px solid var(--nicemu-line,#ded9cf);
	background:var(--nicemu-paper-deep,#ece6db);
}
/* The opening shot carries the piece, so it runs full width; everything after
   it pairs up, otherwise eight photos become eight scroll screens. */
.nicemu-note-gallery-item.is-lead{grid-column:1/-1}
.nicemu-note-gallery-item img,
.nicemu-note-gallery-item video{
	width:100%;
	height:100%;
	display:block;
	aspect-ratio:4/3;
	object-fit:cover;
	background:#101010;
}
.nicemu-note-gallery-item.is-lead img,
.nicemu-note-gallery-item.is-lead video{aspect-ratio:16/9}
.nicemu-note-gallery-item.is-video video{object-fit:contain}
.nicemu-note-gallery-item img{cursor:zoom-in;transition:transform 1.2s var(--nicemu-ease)}
.nicemu-note-gallery-item:hover img{transform:scale(1.03)}
.nicemu-note-gallery-item figcaption{
	padding:11px 14px;
	background:var(--nicemu-cream,#fffaf2);
	border-top:1px solid var(--nicemu-line,#ded9cf);
	color:var(--nicemu-muted,#6b6660);
	font-size:12px;
	line-height:1.6;
}
@media(prefers-reduced-motion:reduce){
	.nicemu-note-gallery-item img{transition:none}
	.nicemu-note-gallery-item:hover img{transform:none}
}
@media(max-width:680px){
	.nicemu-note-cover{aspect-ratio:4/3;max-height:56vh}
	.nicemu-note-gallery-grid{grid-template-columns:1fr}
	.nicemu-note-gallery-item.is-lead img,
	.nicemu-note-gallery-item.is-lead video{aspect-ratio:4/3}
}

/* -------------------------------------------------------------------------
   3. Full-size image overlay (built by nicemu.js on demand)
   -------------------------------------------------------------------------- */
.nicemu-lightbox{
	position:fixed;
	inset:0;
	z-index:100000;
	padding:clamp(20px,4vw,56px);
	display:grid;
	place-items:center;
	background:rgba(17,17,15,.92);
	cursor:zoom-out;
}
.nicemu-lightbox img{
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
	cursor:default;
}
.nicemu-lightbox-close{
	position:absolute;
	top:clamp(12px,2vw,24px);
	right:clamp(12px,2vw,24px);
	width:44px;
	height:44px;
	padding:0;
	display:grid;
	place-items:center;
	border:1px solid rgba(255,255,255,.5);
	background:transparent;
	color:#fff;
	font-size:22px;
	line-height:1;
	cursor:pointer;
}
.nicemu-lightbox-close:hover{background:rgba(255,255,255,.14)}

/* -------------------------------------------------------------------------
   4. Homepage China Edit + the brand product collection page
   -------------------------------------------------------------------------- */
.nicemu-brand-row article{display:flex;flex-direction:column}
.nicemu-brand-row .nicemu-brand-media{
	display:block;
	aspect-ratio:4/3;
	overflow:hidden;
	background:var(--nicemu-paper-deep,#ece6db);
}
.nicemu-brand-row .nicemu-brand-media img{
	width:100%;height:100%;display:block;object-fit:cover;
	transition:transform 1.2s var(--nicemu-ease);
}
.nicemu-brand-row article:hover .nicemu-brand-media img{transform:scale(1.04)}
.nicemu-brand-row-link{
	margin-top:14px;
	align-self:start;
	padding-bottom:3px;
	border-bottom:1px solid;
	color:var(--nicemu-ink,#1b1a18);
	font-size:10px;
	font-weight:900;
	letter-spacing:.1em;
	text-transform:uppercase;
}
@media(prefers-reduced-motion:reduce){
	.nicemu-brand-row .nicemu-brand-media img{transition:none}
	.nicemu-brand-row article:hover .nicemu-brand-media img{transform:none}
}

.nicemu-brand-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 clamp(26px,3vw,40px)}
.nicemu-brand-filter a{
	padding:8px 13px;
	border:1px solid var(--nicemu-line,#ded9cf);
	font-size:10px;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
}
.nicemu-brand-filter a.is-on{border-color:var(--nicemu-ink,#1b1a18);background:var(--nicemu-ink,#1b1a18);color:#fff}
.nicemu-brand-products .nicemu-pagination{margin-top:clamp(38px,4vw,55px)}

/* =========================================================================
   theme 0.9.0 — 页脚上方的登录入口带
   ====================================================================== */
.nicemu-portal-access{
	background:var(--nicemu-paper-deep,#ece6db);
	border-top:1px solid var(--nicemu-line,#ded9cf);
}
.nicemu-portal-access-inner{
	padding-block:clamp(28px,3.4vw,44px);
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:clamp(18px,2.4vw,36px);
	align-items:center;
}
.nicemu-portal-access-copy .nicemu-kicker{margin:0 0 6px}
.nicemu-portal-access-copy p:last-child{
	margin:0;
	font:400 clamp(19px,2vw,26px)/1.25 Georgia,"Times New Roman",serif;
	color:var(--nicemu-ink,#11110f);
}
.nicemu-portal-access-links{display:flex;flex-wrap:wrap;gap:10px}
.nicemu-portal-access-link{
	min-width:220px;
	padding:15px 20px;
	display:grid;
	gap:3px;
	border:1px solid var(--nicemu-ink,#11110f);
	background:var(--nicemu-cream,#fff);
	color:var(--nicemu-ink,#11110f);
	/* 整张卡片就是链接，主题给 a 加的下划线会把标题和说明全画上线 */
	text-decoration:none;
	transition:transform .18s ease,box-shadow .18s ease;
}
.nicemu-portal-access-link:hover,
.nicemu-portal-access-link:focus-visible{text-decoration:none}
.nicemu-portal-access-link:hover{
	transform:translateY(-2px);
	box-shadow:5px 5px 0 var(--nicemu-ink,#11110f);
	opacity:1;
}
.nicemu-portal-access-link b{
	display:flex;justify-content:space-between;gap:14px;align-items:center;
	font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;
}
.nicemu-portal-access-link small{
	color:var(--nicemu-muted,#67675f);font-size:11.5px;line-height:1.5;
}
/* 主入口用品牌色标出来，两个按钮不至于分不出主次 */
.nicemu-portal-access-link.is-primary{
	background:var(--nicemu-ink,#11110f);
	border-color:var(--nicemu-ink,#11110f);
	color:#fff;
}
.nicemu-portal-access-link.is-primary small{color:rgba(255,255,255,.68)}
.nicemu-portal-access-link.is-primary:hover{box-shadow:5px 5px 0 var(--nicemu-acid,#dfe6cf)}
.nicemu-portal-access-apply{
	grid-column:1/-1;
	margin:0;
	padding-top:14px;
	border-top:1px dashed var(--nicemu-line,#ded9cf);
	color:var(--nicemu-muted,#67675f);
	font-size:12.5px;
}
.nicemu-portal-access-apply a{
	color:var(--nicemu-ink,#11110f);font-weight:700;
	border-bottom:1px solid;padding-bottom:1px;
}
.nicemu-portal-access-apply span{margin:0 6px;opacity:.5}
@media(prefers-reduced-motion:reduce){
	.nicemu-portal-access-link{transition:none}
	.nicemu-portal-access-link:hover{transform:none}
}
@media(max-width:860px){
	.nicemu-portal-access-inner{grid-template-columns:1fr}
	.nicemu-portal-access-links{width:100%}
	.nicemu-portal-access-link{flex:1 1 240px;min-width:0}
}

/* 合集轮播（v0.10.0） --------------------------------------------------- */
/* 三个以内还是原来的三栏网格，什么都不变；超过三个才切成横向轨道 */
.nicemu-scene-wrap{position:relative}
.nicemu-scene-wrap.is-carousel .nicemu-scene-grid{
	display:flex;
	grid-template-columns:none;
	gap:22px;
	overflow-x:auto;
	scroll-snap-type:x mandatory;
	scroll-behavior:smooth;
	scroll-padding-inline:0;
	/* 隐藏滚动条但保留滚动能力：轨道下面另有一条自己的进度条 */
	scrollbar-width:none;
	-ms-overflow-style:none;
	padding-bottom:2px;
}
.nicemu-scene-wrap.is-carousel .nicemu-scene-grid::-webkit-scrollbar{display:none}
.nicemu-scene-wrap.is-carousel .nicemu-scene-grid:focus-visible{outline:2px solid var(--nicemu-acid);outline-offset:4px}
.nicemu-scene-wrap.is-carousel .nicemu-scene-card{
	flex:0 0 calc((100% - 44px) / 3);
	min-width:0;
	scroll-snap-align:start;
}
@media(prefers-reduced-motion:reduce){
	.nicemu-scene-wrap.is-carousel .nicemu-scene-grid{scroll-behavior:auto}
}

.nicemu-rail-nav{
	display:flex;
	gap:8px;
	justify-content:flex-end;
	margin-top:20px;
}
.nicemu-rail-btn{
	width:46px;height:46px;
	display:grid;place-items:center;
	padding:0;
	border:1px solid rgba(255,255,255,.4);
	border-radius:0;
	background:transparent;
	color:#fff;
	font-size:15px;
	line-height:1;
	cursor:pointer;
	transition:background .25s var(--nicemu-ease),border-color .25s var(--nicemu-ease),opacity .25s var(--nicemu-ease);
}
.nicemu-rail-btn:hover:not(:disabled){background:#fff;border-color:#fff;color:var(--nicemu-ink)}
.nicemu-rail-btn:focus-visible{outline:2px solid var(--nicemu-acid);outline-offset:2px}
.nicemu-rail-btn:disabled{opacity:.3;cursor:default}
/* 轨道装不下才需要按钮 */
.nicemu-scene-wrap.is-carousel:not(.can-scroll) .nicemu-rail-nav{display:none}

@media(max-width:980px){
	.nicemu-scene-wrap.is-carousel .nicemu-scene-card{flex-basis:calc((100% - 22px) / 2)}
}
@media(max-width:680px){
	.nicemu-scene-wrap.is-carousel .nicemu-scene-card{flex-basis:86%}
	.nicemu-rail-nav{justify-content:center}
}

/* AI Selection 表单（v0.10.0） ----------------------------------------- */
.nicemu-finder-actions{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:16px 22px;
}
.nicemu-finder-reset{
	color:rgba(255,255,255,.72);
	font-size:12.5px;
	text-decoration:underline;
	text-underline-offset:3px;
}
.nicemu-finder-reset:hover{color:#fff}
.nicemu-finder-empty{
	margin:22px 0 0;
	color:var(--nicemu-muted);
	font-size:13.5px;
	line-height:1.7;
}
.nicemu-finder-empty a{border-bottom:1px solid;font-weight:700;color:var(--nicemu-ink)}

/* /blog/ 空分类提示 */
.nicemu-notes-index .nicemu-empty{
	grid-column:1/-1;
	padding:44px 28px;
	border:1px dashed var(--nicemu-line);
	background:var(--nicemu-paper-deep);
	text-align:center;
}
.nicemu-notes-index .nicemu-empty b{
	display:block;margin-bottom:8px;
	font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--nicemu-ink);
}
.nicemu-notes-index .nicemu-empty p{margin:0;color:var(--nicemu-muted);font-size:13.5px}

/* 笔记购买按钮（v0.11.0） --------------------------------------------- */
/* 正文和评测图库之间的一条带，读完理由就能直接走 */
.nicemu-note-buy{margin-block:clamp(34px,4vw,54px)}
.nicemu-note-buy-inner{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:20px 32px;
	padding:clamp(22px,2.4vw,30px) clamp(22px,2.6vw,34px);
	border:1px solid var(--nicemu-ink,#1b1a18);
	background:var(--nicemu-paper-deep,#f2ede4);
}
.nicemu-note-buy-copy{min-width:0;flex:1 1 300px}
.nicemu-note-buy-copy .nicemu-kicker{margin:0 0 8px}
.nicemu-note-buy-copy p:last-child{
	margin:0;
	color:var(--nicemu-ink,#1b1a18);
	font-size:15px;
	line-height:1.6;
}
.nicemu-note-buy-copy b{font-weight:800}
.nicemu-note-buy-btn{flex:0 0 auto;white-space:nowrap}
.nicemu-note-buy-disclosure{
	margin:12px 0 0;
	color:var(--nicemu-muted,#6b6660);
	font-size:11.5px;
	line-height:1.7;
}
.nicemu-note-buy-disclosure a{border-bottom:1px solid;font-weight:700;color:var(--nicemu-ink,#1b1a18)}
@media(max-width:680px){
	.nicemu-note-buy-inner{align-items:stretch;flex-direction:column}
	/* 竖排之后 flex-basis 变成的是高度，300px 会在文案和按钮之间撑出一大块空白 */
	.nicemu-note-buy-copy{flex:0 0 auto}
	.nicemu-note-buy-btn{text-align:center}
}

/* 列表卡片上的次要购买入口：不跟「Read the note」抢主位 */
.nicemu-note-actions{
	margin-top:auto;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px 18px;
}
.nicemu-note-actions .nicemu-note-more{margin-top:0}
.nicemu-note-buy-link{
	width:max-content;
	padding:5px 10px;
	border:1px solid var(--nicemu-line,#ded9cf);
	color:var(--nicemu-muted,#6b6660);
	font-size:9.5px;
	font-weight:900;
	letter-spacing:.08em;
	text-transform:uppercase;
	transition:border-color .25s var(--nicemu-ease),color .25s var(--nicemu-ease),background .25s var(--nicemu-ease);
}
.nicemu-note-buy-link:hover{
	border-color:var(--nicemu-ink,#1b1a18);
	background:var(--nicemu-ink,#1b1a18);
	color:#fff;
}

/* 站点 LOGO（v0.12.1：徽标 + 文字并排） -------------------------------- */
/* 页头是 104px 高的通栏条，徽标是圆形，给到 ~64px 才不显得小 */
.nicemu-site .site-logo{display:flex;align-items:center;margin:0}
.nicemu-site .site-logo a{
	display:inline-flex;
	align-items:center;
	gap:clamp(10px,1vw,14px);
	line-height:0;
}
.nicemu-site .nicemu-wordmark{
	line-height:1;
	color:var(--nicemu-ink);
	font-family:Arial,Helvetica,sans-serif;
	font-size:clamp(21px,1.9vw,26px);
	font-weight:800;
	letter-spacing:-.055em;
	white-space:nowrap;
}
/* 首页页头压在深色 Hero 上 */
.nicemu-site.home .nicemu-wordmark{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45)}
/* 悬停时整块一起变淡，别出现「图片淡了字没淡」 */
.nicemu-site .site-logo a:hover .nicemu-wordmark{color:inherit}
.nicemu-site .site-logo img,
.nicemu-site .header-image{
	width:auto;
	height:clamp(48px,4.4vw,64px);
	max-height:none;
	display:block;
}
/* 首页页头压在深色 Hero 上，用的是浅色版；投影让它在明亮的背景照片上也能立住 */
.nicemu-site.home .site-logo img,
.nicemu-site.home .header-image{filter:drop-shadow(0 2px 10px rgba(0,0,0,.45))}
/* LOGO 已经带图形标识，站点标题文字不再输出 */
.nicemu-site .site-branding,
.nicemu-site .site-header .main-title,
.nicemu-site .site-description{display:none}
@media(max-width:680px){
	.nicemu-site .site-logo img,
	.nicemu-site .header-image{height:42px}
	.nicemu-site .nicemu-wordmark{font-size:19px}
}
/* 再窄就只留徽标，免得和汉堡按钮挤在一起 */
@media(max-width:380px){
	.nicemu-site .nicemu-wordmark{display:none}
}