/* =========================================================
   layout-mono.css —— 黑白杂志布局（报头 + 大编号栏目块）
   ========================================================= */

html[data-theme="mono"] body{background-image:none;letter-spacing:.02em;}

/* 报头 */
.mn-hero{
  padding:calc(3rem + env(safe-area-inset-top)) 1.2rem 2.5rem;
  text-align:center;
  border-bottom:3px double #141414;
  max-width:820px;
  margin:0 auto;
}
.mn-kicker{
  font-size:.7rem;
  letter-spacing:.4em;
  text-indent:.4em;
  text-transform:uppercase;
  color:var(--ink-soft);
  margin-bottom:1rem;
}
.mn-masthead{
  font-family:var(--font-display);
  font-size:clamp(2.6rem,11vw,5rem);
  font-weight:900;
  letter-spacing:.08em;
  line-height:1.15;
  text-transform:uppercase;
}
.mn-rule{
  font-size:.9rem;
  letter-spacing:.3em;
  text-indent:.3em;
  color:var(--ink);
  margin:.9rem 0;
}
.mn-date{
  font-size:.7rem;
  letter-spacing:.3em;
  text-indent:.3em;
  text-transform:uppercase;
  color:var(--ink-soft);
  margin-bottom:1.6rem;
}
.mn-countdown{
  display:flex;
  justify-content:center;
  gap:.5rem;
}
.mn-countdown .cd-item{
  border:1px solid #141414;
  border-radius:0;
  padding:.45rem .7rem;
  min-width:3rem;
  display:flex;flex-direction:column;align-items:center;
}
.mn-countdown .cd-num{
  font-family:var(--font-display);
  font-size:1.4rem;
  font-weight:900;
  line-height:1.1;
}
.mn-countdown .cd-lab{font-size:.6rem;letter-spacing:.1em;color:var(--ink-soft);}

/* 栏目块 */
.mn-main{max-width:820px;margin:0 auto;padding:2.5rem 1.2rem calc(6rem + env(safe-area-inset-bottom));}
.mn-title{
  font-family:var(--font-display);
  font-size:1.05rem;
  font-weight:900;
  letter-spacing:.3em;
  text-indent:.3em;
  text-transform:uppercase;
  margin:2.6rem 0 1.4rem;
  padding-bottom:.4rem;
  border-bottom:1px solid #141414;
}
.mn-block{
  display:grid;
  grid-template-columns:4.4rem 1fr;
  gap:1rem;
  padding:1.1rem 0;
  border-bottom:1px solid #ddd;
}
.mn-no{
  font-family:var(--font-display);
  font-size:2.6rem;
  font-weight:900;
  line-height:1;
  color:#141414;
  opacity:.15;
}
.mn-body h3{
  font-family:var(--font-display);
  font-size:1.35rem;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  margin-bottom:.3rem;
}
.mn-body p{
  font-size:.84rem;
  color:var(--ink-soft);
  line-height:1.6;
  margin-bottom:.7rem;
}
.mn-body .sub-nav{
  background:#141414;
  color:#fff;
  border:none;
  border-radius:0;
  font-family:inherit;
  font-size:.72rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  padding:.42rem 1.1rem;
  cursor:pointer;
}
.mn-body .sub-nav:active{opacity:.8;}
.mn-note{
  text-align:center;
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--ink-soft);
  margin-top:1.6rem;
  text-transform:uppercase;
}

/* 留言 */
.mn-form{
  border:1px solid #141414;
  border-radius:0;
  padding:1.2rem;
  margin-bottom:1.5rem;
  display:flex;
  flex-direction:column;
  gap:.8rem;
}
.mn-form .gb-input{
  border:1px solid #141414;
  border-radius:0;
  background:#fff;
  padding:.7rem .9rem;
  font-family:inherit;
  font-size:1rem;
  color:var(--ink);
  outline:none;
}
.mn-form .gb-input:focus{box-shadow:0 0 0 2px #141414;}
.mn-form .gb-submit{
  align-self:center;
  background:#141414;
  color:#fff;
  border:none;
  border-radius:0;
  padding:.6rem 2.4rem;
  font-family:inherit;
  font-size:.9rem;
  letter-spacing:.3em;
  text-indent:.3em;
  text-transform:uppercase;
  cursor:pointer;
}
.mn-list{display:flex;flex-direction:column;gap:.7rem;}
.mn-list .gb-item{
  background:#fff;
  border:1px solid #e0e0de;
  border-radius:0;
  padding:1rem 1.1rem;
  display:grid;
  grid-template-columns:1fr;
}
.mn-list .gb-item-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:.3rem;
}
.mn-list .gb-item-name{color:#141414;font-weight:900;letter-spacing:.1em;text-transform:uppercase;}
.mn-list .gb-item-time{font-size:.7rem;color:#999;}
.mn-list .gb-item-msg{font-size:.92rem;line-height:1.7;word-break:break-word;}
.mn-list .like-btn{
  background:none;border:1px solid #141414;
  border-radius:0;
  font-family:inherit;font-size:.7rem;
  color:#141414;
  padding:.25rem .6rem;margin-top:.5rem;
  cursor:pointer;
}
.mn-list .like-btn.liked{background:#141414;color:#fff;}

/* 移动端 */
@media (max-width:520px){
  .mn-block{grid-template-columns:3.2rem 1fr;gap:.8rem;}
  .mn-no{font-size:2rem;}
}

/* ===== 主宴突出 + 女方/男方地址（女方 --side-f，男方 --side-m） ===== */
.mn-block.main-feast{border-bottom:2px solid #141414;}
.mn-block.main-feast .mn-no{opacity:.35;}
.mn-block.main-feast h3{font-size:1.6rem;}
.mn-block.main-feast p{font-size:.92rem;}
.mn-block.main-feast .sub-nav{font-size:.92rem;padding:.55rem 1.5rem;}
.mn-body .main-mark{display:inline-block;font-size:.62rem;font-weight:900;letter-spacing:.25em;color:var(--side-m);border:2px solid var(--side-m);padding:.08rem .5rem;margin-left:.6rem;vertical-align:3px;}
.mn-body .sub-nav{font-size:.82rem;padding:.5rem 1.3rem;}
.mn-body .side-tag{display:inline-block;font-size:.62rem;letter-spacing:.15em;color:#fff;border-radius:0;padding:.05rem .5rem;margin-right:.2rem;vertical-align:1px;}
.mn-body .side-tag.side-f{background:var(--side-f);}
.mn-body .side-tag.side-m{background:var(--side-m);}
.mn-body .addr-copy{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;font-weight:700;color:var(--side-f);border-bottom:2px solid currentColor;cursor:pointer;}
.mn-body .addr-copy.side-m{color:var(--side-m);}
.mn-body .addr-copy.copied::after{content:' ✓已复制';font-size:.9em;}
.mn-body .addr-copy.copy-fail::after{content:' 未复制，长按文字';font-size:.9em;}
.mn-body .evt-note{font-size:.7rem;letter-spacing:.1em;color:var(--ink-soft);margin:.4rem 0 .6rem;}
.mn-main .feast-divider{text-align:center;color:var(--ink-soft);font-size:.7rem;letter-spacing:.5em;text-indent:.5em;padding:.9rem 0 .5rem;}
.mn-main .feast-divider::before,.mn-main .feast-divider::after{content:'';display:inline-block;width:30px;height:1px;background:rgba(20,20,20,.35);vertical-align:middle;margin:0 .6em;}
.mn-block:not(.main-feast) .mn-no{font-size:1.9rem;}
.mn-block:not(.main-feast) h3{font-size:1.05rem;}
.mn-block:not(.main-feast) p{font-size:.76rem;}
.mn-block:not(.main-feast) .sub-nav{font-size:.7rem;padding:.38rem .9rem;}
.mn-block.side-f{background:linear-gradient(rgba(214,51,108,.035),rgba(214,51,108,.035)) var(--paper);border-left:4px solid #d6336c;}
.mn-block.side-m{background:var(--paper);border-left:4px solid #1e78c8;}
.mn-block.main-feast{background:var(--paper);}
.mn-block.side-f .sub-nav{background:#d6336c;color:#fff;}
.mn-block.side-m .sub-nav{background:#1e78c8;color:#fff;}