/* 积分商城 —— 复用首页设计令牌（见 home.css :root） */
:root{--nh-pm-gold:#b8860b;--nh-pm-gold-soft:#fdf6e3}
.nh-pm-container{width:100%;padding-inline:var(--nh-content-inline-padding,clamp(1.25rem,8.6vw,10.3125rem))}
.nh-pm-page{color:var(--nh-color-text,#1a1a1a)}

/* Hero —— 与首页 hero 同构：整图铺满 + 悬停微缩放 */
.nh-pm-hero{position:relative;height:var(--nh-hero-height);margin-top:50px;overflow:hidden;background:#e0e0e0}
.nh-pm-hero picture{display:block;width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}
.nh-pm-hero:hover picture{transform:scale(1.06)}
.nh-pm-hero__image{width:100%;height:100%;object-fit:cover}

/* 未配置移动端 Banner 时，手机端完整展示桌面原图，避免 object-fit:cover 裁切内容。 */
@media(max-width:540px){
	.nh-pm-hero.nh-pm-hero--desktop-fallback{height:auto}
	.nh-pm-hero--desktop-fallback picture{height:auto}
	.nh-pm-hero--desktop-fallback .nh-pm-hero__image{display:block;height:auto;object-fit:initial}
	.nh-pm-hero--desktop-fallback:hover picture{transform:none}
}
.nh-pm-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,#000000a6,#0000004d 60%,transparent)}
.nh-pm-hero__content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding-inline:var(--nh-content-inline-padding,clamp(1.25rem,8.6vw,10.3125rem));color:#fff}
.nh-pm-hero__content span{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffffcc}
.nh-pm-hero__content h1{margin:.75rem 0 0;font-size:2.5rem;font-weight:500;letter-spacing:.12em}
.nh-pm-hero__content p{margin:.75rem 0 0;max-width:34rem;line-height:1.8;color:#ffffffd9;font-size:.9375rem}

/* 积分概览 */
.nh-pm-balance{padding:2rem 0 0;background:var(--nh-color-surface-muted,#f8f8f8)}
.nh-pm-balance__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.nh-pm-balance__card{display:flex;flex-direction:column;gap:.5rem;padding:1.4rem 1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 2px 12px #00000014}
.nh-pm-balance__card span{color:var(--nh-color-text-muted,#666);font-size:.8125rem;letter-spacing:1px}
.nh-pm-balance__card strong{font-size:1.75rem;font-weight:600;color:#333}
.nh-pm-balance__card.is-primary{background:linear-gradient(135deg,var(--nh-pm-gold-soft),#fff)}
.nh-pm-balance__card.is-primary strong{color:var(--nh-pm-gold)}
.nh-pm-balance__link{display:inline-block;margin-top:1rem;color:var(--nh-color-brand,#2b6cb0);font-size:.875rem}
.nh-pm-balance__guest{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 2px 12px #00000014}
.nh-pm-balance__guest p{margin:0;color:var(--nh-color-text-muted,#666)}
.nh-pm-balance__button{padding:.7rem 1.6rem;background:var(--nh-color-brand,#2b6cb0);color:#fff;border-radius:.375rem;font-size:.875rem}
.nh-pm-balance__button:hover{background:var(--nh-color-brand-strong,#1a4971)}

/* 筛选 */
.nh-pm-filters{padding:2rem 0 .5rem;background:var(--nh-color-surface-muted,#f8f8f8)}
.nh-pm-filter-row{display:flex;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--nh-color-border,#e0e0e0)}
.nh-pm-filter-row:last-child{border-bottom:0}
.nh-pm-filter-row__label{flex:0 0 5.5rem;padding-top:.35rem;color:var(--nh-color-text-muted,#666);font-size:.875rem;letter-spacing:1px}
.nh-pm-filter-row__options{display:flex;flex-wrap:wrap;gap:.5rem}
.nh-pm-chip,.nh-pm-sort{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .9rem;border:1px solid transparent;border-radius:1.25rem;color:var(--nh-color-text,#1a1a1a);font-size:.875rem;transition:background .2s,color .2s,border-color .2s}
.nh-pm-chip{text-decoration:none}
.nh-pm-chip:hover,.nh-pm-sort:hover{color:var(--nh-color-brand,#2b6cb0)}
.nh-pm-chip.is-active,.nh-pm-sort.is-active{background:var(--nh-color-brand,#2b6cb0);border-color:var(--nh-color-brand,#2b6cb0);color:#fff}
.nh-pm-chip em{font-style:normal;font-size:.75rem;opacity:.7}

/* 列表 */
.nh-pm-list{padding:1.5rem 0 3rem;background:var(--nh-color-surface-muted,#f8f8f8)}
.nh-pm-count{margin:0 0 1.25rem;color:var(--nh-color-text-muted,#666);font-size:.875rem}
.nh-pm-count strong{color:var(--nh-pm-gold)}
.nh-pm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.nh-pm-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:.75rem;box-shadow:0 2px 12px #00000014}
.nh-pm-card__media{position:relative;overflow:hidden}
.nh-pm-card__image{width:100%;height:15rem;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}
.nh-pm-card:hover .nh-pm-card__image{transform:scale(1.06)}
.nh-pm-card__badge{position:absolute;top:.75rem;left:.75rem;padding:.25rem .65rem;background:var(--nh-pm-gold);color:#fff;border-radius:.25rem;font-size:.75rem;letter-spacing:1px}
.nh-pm-card__mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;font-size:1.125rem;letter-spacing:2px}
.nh-pm-card__body{display:flex;flex:1;flex-direction:column;padding:1.1rem 1.25rem 1.4rem}
.nh-pm-card__body h3{margin:0 0 6px;font-size:1.125rem;font-weight:500;letter-spacing:1px;color:#333}
.nh-pm-card__summary{margin:0 0 .6rem;min-height:1.6em;color:var(--nh-color-text-muted,#666);font-size:.8125rem;letter-spacing:1px}
.nh-pm-card__meta{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .9rem;color:var(--nh-color-text-muted,#666);font-size:.75rem}
.nh-pm-card__tag{padding:.15rem .5rem;background:var(--nh-color-surface-muted,#f8f8f8);border-radius:.25rem}
.nh-pm-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;padding-top:.55rem}
.nh-pm-card__points{color:var(--nh-pm-gold);font-size:1.25rem;font-weight:700;letter-spacing:1px}
.nh-pm-card__points em{margin-left:.2rem;font-style:normal;font-size:.8125rem;font-weight:400}
.nh-pm-card__button{padding:.55rem 1.1rem;border:0;border-radius:.375rem;background:var(--nh-color-brand,#2b6cb0);color:#fff;font-size:.875rem;cursor:pointer;transition:background .2s}
.nh-pm-card__button:hover{background:var(--nh-color-brand-strong,#1a4971)}
.nh-pm-card__button.is-ghost{background:#fff;border:1px solid var(--nh-color-brand,#2b6cb0);color:var(--nh-color-brand,#2b6cb0)}
.nh-pm-card__button.is-ghost:hover{background:var(--nh-color-brand,#2b6cb0);color:#fff}
.nh-pm-card__button.is-disabled{background:#e8e8e8;color:#999;cursor:not-allowed}
.nh-pm-card__button[disabled]{opacity:.6;cursor:wait}
.nh-pm-card__short{margin:.5rem 0 0;color:var(--nh-color-price,#c0392b);font-size:.75rem}

/* 分页 */
.nh-pm-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2.5rem}
.nh-pm-page-link{padding:.5rem 1.1rem;border:1px solid var(--nh-color-border,#e0e0e0);border-radius:.375rem;background:#fff;font-size:.875rem}
.nh-pm-page-link:hover{border-color:var(--nh-color-brand,#2b6cb0);color:var(--nh-color-brand,#2b6cb0)}
.nh-pm-page-status{color:var(--nh-color-text-muted,#666);font-size:.875rem}

/* 空状态 */
.nh-pm-empty{padding:4rem 1.5rem;text-align:center;background:#fff;border-radius:.75rem}
.nh-pm-empty h2{margin:0 0 .6rem;font-size:1.25rem;font-weight:500;color:#333}
.nh-pm-empty p{margin:0;color:var(--nh-color-text-muted,#666);font-size:.875rem}
.nh-pm-empty__reset{display:inline-block;margin-top:1.25rem;padding:.6rem 1.4rem;background:var(--nh-color-brand,#2b6cb0);color:#fff;border-radius:.375rem;font-size:.875rem}

/* 规则 —— 沿用首页 section heading 视觉 */
.nh-pm-rules{padding:3.5rem 0;background:#fff}
.nh-pm-section-heading{text-align:center;margin-bottom:1.5rem}
.nh-pm-section-heading h2{color:#333;font-size:2rem;font-weight:500;letter-spacing:.12em}
.nh-pm-section-heading i{display:block;width:2.5rem;height:3px;background:var(--nh-color-brand,#2b6cb0);margin:.75rem auto}
.nh-pm-rules__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.nh-pm-rules__item{padding:1.5rem;background:var(--nh-color-surface-muted,#f8f8f8);border-radius:.75rem}
.nh-pm-rules__item h3{margin:0 0 .6rem;font-size:1rem;font-weight:500;color:#333}
.nh-pm-rules__item p{margin:0;color:var(--nh-color-text-muted,#666);font-size:.875rem;line-height:1.8}
.nh-pm-rules__phone{margin:1.5rem 0 0;text-align:center;color:var(--nh-color-text-muted,#666);font-size:.875rem}
.nh-pm-rules__phone a{color:var(--nh-pm-gold);font-weight:600}

/* 兑换弹窗 */
.nh-pm-dialog{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem}
.nh-pm-dialog[hidden]{display:none}
.nh-pm-dialog__backdrop{position:absolute;inset:0;background:#00000073}
.nh-pm-dialog__panel{position:relative;width:min(30rem,100%);max-height:90vh;overflow-y:auto;padding:2rem;background:#fff;border-radius:.75rem;box-shadow:0 12px 40px #00000026}
.nh-pm-dialog__close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;padding:.35rem;border:0;background:transparent;color:var(--nh-color-text-muted,#666);cursor:pointer}
.nh-pm-dialog__close svg{width:100%;height:100%}
.nh-pm-dialog__panel h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:500;color:#333}
.nh-pm-dialog__intro{margin:0 0 1.25rem;color:var(--nh-color-text-muted,#666);font-size:.875rem;line-height:1.7}
.nh-pm-dialog__summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;margin-bottom:1.25rem;background:var(--nh-pm-gold-soft);border-radius:.5rem}
.nh-pm-dialog__summary span{font-size:.9375rem;color:#333}
.nh-pm-dialog__summary strong{color:var(--nh-pm-gold);font-size:1.125rem;white-space:nowrap}
.nh-pm-dialog__form label{display:block;margin-bottom:.9rem}
.nh-pm-dialog__form label[hidden]{display:none}
.nh-pm-dialog__form label>span{display:block;margin-bottom:.35rem;font-size:.8125rem;color:var(--nh-color-text-muted,#666)}
.nh-pm-dialog__form label>span em{color:var(--nh-color-price,#c0392b);font-style:normal}
.nh-pm-dialog__form input,.nh-pm-dialog__form textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--nh-color-border,#e0e0e0);border-radius:.375rem;font:inherit;font-size:.875rem;color:var(--nh-color-text,#1a1a1a);background:#fff}
.nh-pm-dialog__form input:focus,.nh-pm-dialog__form textarea:focus{outline:0;border-color:var(--nh-color-brand,#2b6cb0)}
.nh-pm-dialog__form textarea{resize:vertical}
.nh-pm-dialog__error{margin:0 0 .9rem;padding:.6rem .75rem;background:#fdecea;color:var(--nh-color-price,#c0392b);border-radius:.375rem;font-size:.8125rem}
.nh-pm-dialog__error[hidden]{display:none}
.nh-pm-dialog__actions{display:flex;gap:.75rem;justify-content:flex-end}
.nh-pm-dialog__cancel,.nh-pm-dialog__submit{padding:.65rem 1.4rem;border:0;border-radius:.375rem;font-size:.875rem;cursor:pointer}
.nh-pm-dialog__cancel{background:var(--nh-color-surface-muted,#f8f8f8);color:var(--nh-color-text-muted,#666)}
.nh-pm-dialog__submit{background:var(--nh-color-brand,#2b6cb0);color:#fff}
.nh-pm-dialog__submit:hover{background:var(--nh-color-brand-strong,#1a4971)}
.nh-pm-dialog__submit[disabled]{opacity:.6;cursor:wait}
.nh-pm-dialog__success{text-align:center}
.nh-pm-dialog__success[hidden]{display:none}
.nh-pm-dialog__success svg{width:3rem;height:3rem;color:#1a7f37}
.nh-pm-dialog__success strong{display:block;margin:1rem 0 .5rem;font-size:1.0625rem;color:#333}
.nh-pm-dialog__success p{margin:0 0 1.5rem;color:var(--nh-color-text-muted,#666);font-size:.875rem}

@media(max-width:900px){
	.nh-pm-grid,.nh-pm-rules__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.nh-pm-balance__cards{grid-template-columns:1fr;gap:.75rem}
	.nh-pm-hero{height:min(60vh,25rem)}
	.nh-pm-hero__content h1{font-size:2rem}
	.nh-pm-filter-row{flex-direction:column;gap:.5rem}
	.nh-pm-filter-row__label{flex:none;padding-top:0}
}
@media(max-width:540px){
	.nh-pm-grid,.nh-pm-rules__grid{grid-template-columns:1fr}
	.nh-pm-hero__content h1,.nh-pm-section-heading h2{font-size:1.5rem}
	.nh-pm-card__image{height:13rem}
	.nh-pm-dialog{padding:1rem}
	.nh-pm-dialog__panel{padding:1.5rem}
}
@media(prefers-reduced-motion:reduce){
	.nh-pm-hero picture,.nh-pm-card__image{transition:none}
	.nh-pm-hero:hover picture,.nh-pm-card:hover .nh-pm-card__image{transform:none}
	[data-aos]{opacity:1!important;transform:none!important;transition:none!important}
	[data-splitting] .char{opacity:1!important;transform:none!important;transition:none!important}
}