/* ============================================================
   月夜庭院 · 朱印月历屏风（同册装帧 · 第二案）
   屏风只做映衬：外框与云纹底带屏风气质，月历本体是整张格子
   ============================================================ */

:root{
  --washi:#fbf6e9;
  --paper:#fffaf0;
  --ink:#251d18;
  --vermilion:#a72d22;
  --deep-red:#641f1c;
  --gold:#a27b35;
  --faded-gold:#c6a762;
  --green:#34463a;
}

*{box-sizing:border-box}

body{
  margin:0;
  color:var(--ink);
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP","Noto Serif SC",serif;
  line-height:1.75;
  background:var(--washi);
  background-image:
    repeating-linear-gradient(87deg,rgba(74,53,22,.025) 0 1px,transparent 1px 8px),
    radial-gradient(circle at 15% 25%,rgba(255,255,255,.38),transparent 28rem);
}

/* ---------- 同册装帧：海报双层墨框 ---------- */
.poster{
  position:relative;
  width:min(1180px,calc(100% - 2rem));
  min-height:100vh;
  margin:1rem auto;
  padding:1.2rem;
  border:2px solid var(--ink);
  box-shadow:0 14px 36px rgba(52,35,18,.24);
  overflow:hidden;
}
.poster:before,.poster:after{
  content:"";position:absolute;inset:10px;pointer-events:none;border:1px solid var(--gold);
}
.poster:after{inset:17px;border-color:rgba(37,29,24,.55)}

/* ---------- 云纹（屏风远映） ---------- */
.cloud{position:absolute;z-index:1;pointer-events:none;opacity:.55;color:var(--gold);font-size:1.15rem;letter-spacing:.3em;animation:cloud-drift 16s ease-in-out infinite alternate}
.cloud.one{left:6%;top:9.5rem;animation-duration:19s}
.cloud.two{right:5%;top:13rem;animation-duration:23s;animation-direction:alternate-reverse}
@keyframes cloud-drift{0%{translate:-5px 0;opacity:.48}100%{translate:8px -2px;opacity:.7}}

/* ---------- 顶线：朱印与刊号 ---------- */
.topline{
  position:relative;z-index:2;
  display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;
  padding:1.2rem 1.5rem;
  border-bottom:1px solid var(--ink);
}
.seal{
  position:relative;display:grid;place-items:center;
  width:4.4rem;aspect-ratio:1;
  border:2px solid var(--vermilion);border-radius:50%;
  background:rgba(255,250,240,.72);
  color:var(--vermilion);
  transform:rotate(-7deg);
  box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px rgba(167,45,34,.65);
  font-size:.72rem;line-height:1.1;letter-spacing:.08em;
}
.seal::before{
  content:"";position:absolute;
  width:2.2rem;aspect-ratio:1;border-radius:50%;
  background:var(--vermilion);
  box-shadow:-.72rem 0 0 -.05rem var(--paper);
}
.seal span{
  position:absolute;bottom:.28rem;z-index:1;
  padding:0 .18rem;background:var(--paper);
  font-weight:700;white-space:nowrap;
}
.issue{text-align:right;font-size:.76rem;letter-spacing:.2em}

/* ---------- 庭院导航（与首页同款） ---------- */
.garden-nav{
  position:relative;z-index:3;
  display:flex;justify-content:center;flex-wrap:wrap;
  gap:clamp(.35rem,2vw,1.4rem);
  margin:.7rem 1.5rem 0;padding:.65rem;
  border-bottom:1px solid rgba(162,123,53,.55);
}
.garden-nav a{
  position:relative;display:grid;
  min-width:7rem;padding:.55rem 1rem;
  color:var(--ink);text-align:center;text-decoration:none;letter-spacing:.22em;
  transition:color .2s ease,transform .2s ease,background .2s ease;
}
.garden-nav a::before{
  content:"";position:absolute;inset:0;
  border:1px solid transparent;transform:scaleX(.7);
  transition:border-color .2s ease,transform .2s ease;
}
.garden-nav a:hover,.garden-nav a:focus-visible{
  color:var(--vermilion);background:rgba(198,167,98,.08);transform:translateY(-2px);
}
.garden-nav a:hover::before,.garden-nav a:focus-visible::before{border-color:var(--gold);transform:scaleX(1)}
.garden-nav a[aria-current="page"]{color:var(--deep-red)}
.garden-nav a[aria-current="page"]::before{border-color:rgba(167,45,34,.55);transform:scaleX(1)}
.garden-nav small{margin-top:.18rem;color:var(--gold);font-size:.52rem;letter-spacing:.18em}

/* ---------- 帘栊横带（朱红压顶 · v5） ---------- */
.ranma-band{position:relative;z-index:3;height:3.6rem;margin:1.1rem 1.5rem 0}
.band-rope{
  position:absolute;left:0;right:0;top:.5rem;height:2.6rem;
  background:repeating-linear-gradient(90deg,#8f251e 0 16px,#a72d22 16px 32px);
  box-shadow:0 3px 8px rgba(52,35,18,.25),inset 0 1px 0 rgba(255,250,240,.28),inset 0 -2px 4px rgba(80,20,16,.4);
  border-radius:1.05rem;
}
.band-rope::after{
  content:"月歴之名額";
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  background:#fffaf0;padding:.22rem 1.6rem;
  border:1px solid rgba(100,31,28,.55);
  box-shadow:0 0 0 3px rgba(255,250,240,.9),0 0 0 4px rgba(162,123,53,.5),0 4px 10px rgba(52,35,18,.18);
  color:var(--deep-red);font-size:.84rem;letter-spacing:.52em;text-indent:.52em;font-weight:700;
  white-space:nowrap;
}
/* 金菱太刀结：紧扣带身左端起首 */
.band-gold-knot{
  position:absolute;top:1.15rem;left:1.4rem;
  width:1.5rem;height:1.5rem;
  background:linear-gradient(135deg,#e8d9a8,#b69248 55%,#8f6f2c);
  transform:rotate(45deg);
  box-shadow:inset 0 0 0 2px rgba(255,253,244,.55),inset 0 0 0 4px rgba(143,111,44,.5),0 3px 6px rgba(52,35,18,.3);
}
.band-gold-knot::after{
  content:"";position:absolute;inset:.46rem;
  border:1px solid rgba(255,253,244,.75);
  border-radius:1px;
}
.band-gold-knot.gk-right{left:auto;right:1.4rem}
/* 足元流云纹足袋（替换葵纹）：S形连续曲线 */
.band-ryusui{
  position:absolute;top:.85rem;
  width:5.2rem;height:1.7rem;
  pointer-events:none;
}
.band-ryusui::before{
  content:"";position:absolute;left:0;bottom:.4rem;width:5.2rem;height:1.1rem;
  background:
    radial-gradient(circle 0.55rem at 0.6rem 0, transparent 56%, rgba(247,239,220,.92) 58% 72%, transparent 74%),
    radial-gradient(circle 0.55rem at 1.7rem 0, transparent 56%, rgba(247,239,220,.92) 58% 72%, transparent 74%),
    radial-gradient(circle 0.55rem at 2.8rem 0, transparent 56%, rgba(247,239,220,.92) 58% 72%, transparent 74%),
    radial-gradient(circle 0.55rem at 3.9rem 0, transparent 56%, rgba(247,239,220,.92) 58% 72%, transparent 74%),
    linear-gradient(180deg,transparent 0,rgba(52,35,18,.3) 100%);
  filter:blur(.4px);
  opacity:.85;
}
.band-ryusui.r-left{left:3.4rem}
.band-ryusui.r-right{right:3.4rem;transform:scaleX(-1)}

/* ---------- 主版：和历月额屏风排面（非首页复刻） ---------- */
.byobu-hero{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:1fr 1.2fr 1fr;
  gap:0;
  align-items:stretch;
  padding:3rem 2.2rem 2.6rem;
  /* 屏风排面：降调折棱（呼应屏风骨但不抢戏）+ 柔和光影 */
  background-image:
    repeating-linear-gradient(90deg,
      transparent 0 108px,
      rgba(162,123,53,.10) 108px 109px,
      rgba(255,253,244,.4) 110px 112px,
      rgba(162,123,53,.05) 113px 130px),
    linear-gradient(90deg,rgba(198,167,98,.15),transparent 22%,rgba(167,45,34,.04) 50%,transparent 76%,rgba(198,167,98,.15));
  border-bottom:3px double rgba(162,123,53,.6);
}
/* 满底云霞（v5：整圆弧自页缘伸入，不再悬浮括号） */
.hero-clouds{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.kumo{
  position:absolute;
  border-radius:50%;
}
.kumo::after{
  content:"";position:absolute;
  border-radius:50%;
}
/* 大云：自左右缘伸入，只露 1/3 弧，色带 */
.kumo.k1{left:-7rem;top:8%;width:15rem;height:15rem;border:5px solid rgba(162,123,53,.4);border-right-color:transparent;border-bottom-color:transparent}
.kumo.k2{right:-6rem;top:12%;width:13rem;height:13rem;border:5px solid rgba(162,123,53,.38);border-left-color:transparent;border-bottom-color:transparent}
.kumo.k3{left:-5rem;bottom:-2%;width:12rem;height:12rem;border:4px solid rgba(162,123,53,.34);border-right-color:transparent;border-top-color:transparent}
.kumo.k4{right:-4.5rem;bottom:4%;width:11rem;height:11rem;border:4px solid rgba(162,123,53,.34);border-left-color:transparent;border-top-color:transparent}
.kumo.k5{left:34%;top:-6.5rem;width:13rem;height:13rem;border:4px solid rgba(162,123,53,.3);border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent}
.kumo.k6{right:30%;bottom:-6rem;width:12rem;height:12rem;border:4px solid rgba(162,123,53,.28);border-top-color:transparent;border-left-color:transparent;border-right-color:transparent}
/* 内圈第二弧（旋进感） */
.kumo.k1::after,.kumo.k2::after{inset:2rem;border:3px solid rgba(162,123,53,.24)}
.kumo.k1::after{border-right-color:transparent;border-bottom-color:transparent}
.kumo.k2::after{border-left-color:transparent;border-bottom-color:transparent}
.kumo.k3::after,.kumo.k4::after{inset:1.6rem;border:2.5px solid rgba(162,123,53,.2)}
.kumo.k3::after{border-right-color:transparent;border-top-color:transparent}
.kumo.k4::after{border-left-color:transparent;border-top-color:transparent}
.byobu-face{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.6rem 1rem}
.face-pad{display:flex;flex-direction:column;align-items:center;background:rgba(251,246,233,.82);padding:1.1rem 1.3rem;box-shadow:0 0 0 1px rgba(255,253,244,.6), 0 4px 18px rgba(52,35,18,.08)}
.byobu-title{
  margin:0;color:var(--deep-red);
  font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:800;
  writing-mode:vertical-rl;text-orientation:upright;
  letter-spacing:.16em;line-height:1.15;
}
.byobu-en{margin:1rem 0 0;color:var(--gold);font-size:.68rem;letter-spacing:.4em;writing-mode:vertical-rl}
.byobu-sub{
  margin:1.1rem 0 0;color:rgba(37,29,24,.7);font-size:.78rem;line-height:2.35;letter-spacing:.26em;
  writing-mode:vertical-rl;text-orientation:upright;
}
/* 中央丸窓观月（精致版） */
.marumado{
  position:relative;
  width:min(17.5rem,88%);
  aspect-ratio:1;
  margin:0 auto;
  border:5px solid var(--ink);
  border-radius:50%;
  background:radial-gradient(circle at 50% 34%,#fffdf5 0%,#f7efdc 52%,#efe2c4 100%);
  box-shadow:
    0 0 0 4px rgba(255,253,244,.9),
    0 0 0 5px rgba(162,123,53,.75),
    0 0 0 12px rgba(255,253,244,.92),
    0 0 0 13px rgba(37,29,24,.32),
    inset 0 0 2.6rem rgba(162,123,53,.14),
    0 16px 34px rgba(52,35,18,.24);
}
.mado-inner{position:absolute;inset:0;border-radius:50%;overflow:hidden;display:grid;place-items:center}
.mado-cloud{
  position:absolute;
  width:12rem;height:3.6rem;
  border:3px solid rgba(162,123,53,.5);
  border-top-color:transparent;
  border-bottom-color:transparent;
  border-radius:50%;
}
.mado-cloud.c1{left:-3.6rem;top:20%}
.mado-cloud.c2{right:-4.4rem;bottom:14%;transform:scale(.72);opacity:.75}
.mado-cloud.c3{left:-1.6rem;bottom:26%;transform:scale(.5);opacity:.6}
.month-arch{
  position:relative;z-index:1;
  color:var(--deep-red);
  font-size:clamp(2.6rem,4.6vw,3.4rem);font-weight:800;
  writing-mode:vertical-rl;letter-spacing:.3em;line-height:1.1;
  text-shadow:0 1px 0 rgba(255,253,244,.6);
  margin-right:.15em;
}
/* 窗右下小朱印 */
.mado-seal{
  position:absolute;bottom:12%;right:20%;z-index:1;
  width:2rem;height:2rem;
  display:grid;place-items:center;
  border:1.5px solid var(--vermilion);border-radius:4px;
  color:var(--vermilion);
  font-size:.95rem;font-weight:700;font-style:normal;
  transform:rotate(-5deg);
  background:rgba(255,253,244,.85);
  box-shadow:inset 0 0 0 2px rgba(255,253,244,.9),0 2px 5px rgba(52,35,18,.18);
}
/* 窗下缘水岸线 */
.mado-shore{
  position:absolute;bottom:7%;left:24%;right:24%;height:2px;z-index:1;
  background:linear-gradient(90deg,transparent,rgba(162,123,53,.6) 25%,rgba(52,70,58,.5) 50%,rgba(162,123,53,.6) 75%,transparent);
  border-radius:50%;
}
.month-flower{
  margin:1.2rem 0 0;text-align:center;
  color:rgba(100,31,28,.82);font-size:.78rem;letter-spacing:.22em;
}
/* 右折面：萩花 */
.hagi{position:relative;width:100%;height:7.5rem;margin-bottom:1rem}
.hagi-vine{position:absolute;background:linear-gradient(180deg,rgba(52,70,58,.55),rgba(52,70,58,.3));border-radius:40% 40% 40% 40%/70% 70% 30% 30%}
.hagi-vine.v1{left:22%;top:0;width:3px;height:7.5rem;transform:rotate(9deg)}
.hagi-vine.v2{left:58%;top:.4rem;width:2.5px;height:7rem;transform:rotate(-11deg)}
.hagi-leaf{position:absolute;width:.65rem;aspect-ratio:1;background:var(--green);border-radius:0 100% 0 100%;opacity:.82}
.hagi-leaf.l1{left:17%;top:1.5rem;transform:rotate(-16deg)}
.hagi-leaf.l2{left:26%;top:3.2rem;transform:rotate(30deg) scale(.9)}
.hagi-leaf.l3{left:14%;top:4.6rem;transform:rotate(14deg) scale(.8)}
.hagi-leaf.l4{left:63%;top:2.4rem;transform:rotate(58deg) scale(.88)}
.hagi-bloom{position:absolute;width:.95rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 38%,#b8515c,#8f2f3d 78%);box-shadow:0 0 0 2px rgba(247,239,220,.9)}
.hagi-bloom.b1{left:19%;bottom:.6rem}
.hagi-bloom.b2{left:28%;bottom:1.3rem}
.hagi-bloom.b3{left:23.5%;bottom:2.2rem}
.hagi-bloom.b4{left:60%;bottom:.9rem}
.hagi-bloom.b5{left:66%;bottom:1.8rem}
.hagi-bloom.b6{left:56%;bottom:2.6rem}
.hagi-bloom.b7{left:63%;bottom:3.1rem}
.issue-vert{margin:0;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.issue-tag{
  color:rgba(37,29,24,.66);font-size:.72rem;letter-spacing:.3em;
  writing-mode:vertical-rl;text-orientation:upright;
  border:1px solid rgba(162,123,53,.4);
  padding:.55rem .32rem;
  background:rgba(255,253,244,.55);
}

.rope{
  height:1px;margin:1.6rem 12%;
  background:linear-gradient(90deg,transparent,rgba(162,123,53,.8),transparent);
  position:relative;z-index:2;
}
.rope::before{
  content:"◆ 月 歴 ◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  background:var(--washi);padding:0 .8rem;
  color:var(--gold);font-size:.66rem;letter-spacing:.5em;
}

/* ---------- 月历屏风面板：同步加密 ---------- */
.moonscroll-panel{
  position:relative;z-index:2;isolation:isolate;overflow:hidden;
  margin:0 1.5rem 2rem;
  padding:2rem clamp(1.2rem,4vw,3.8rem);
  border-top:1px solid var(--ink);
  border-bottom:1px solid var(--ink);
  background-image:
    radial-gradient(circle at 8% 92%,rgba(198,167,98,.15),transparent 15rem),
    radial-gradient(circle at 92% 8%,rgba(167,45,34,.09),transparent 13rem),
    repeating-linear-gradient(90deg,transparent 0 31px,rgba(162,123,53,.05) 32px 33px);
}
/* 云头角饰 */
.moonscroll-panel::before,.moonscroll-panel::after{
  content:"";
  position:absolute;
  width:6rem;height:6rem;
  border:4px solid rgba(198,167,98,.3);
  border-radius:50%;
  border-top-color:transparent;
  border-bottom-color:transparent;
  pointer-events:none;
}
.moonscroll-panel::before{left:2%;bottom:-2.2rem}
.moonscroll-panel::after{right:2%;top:-2.2rem;transform:rotate(20deg)}
/* 曜日行：深朱玻璃细条（单色，无渐变） */
.week{
  min-height:2.2rem;
  display:grid;place-items:center;
  background:rgba(100,31,28,.88);
  color:#fffaf0;
  font-size:.78rem;letter-spacing:.3em;text-indent:.3em;
  border:1px solid rgba(100,31,28,.4);
  box-shadow:inset 0 0 0 1px rgba(255,250,240,.16);
  border-radius:2px;
}
.week:nth-child(7n){background:#3a332c;color:#f2e9d8}
.week:nth-child(1){background:rgba(167,45,34,.9);color:#fff3ee}
/* 格子 hover 泛金 */
.day:hover,.day:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(167,45,34,.65);
  box-shadow:0 6px 14px rgba(52,35,18,.16),0 0 0 3px rgba(198,167,98,.22);
  background:rgba(255,253,244,.92);
}
.panel-heading{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.4rem;
  margin-bottom:1.2rem;text-align:center;position:relative;
}
.panel-heading::before,.panel-heading::after{
  content:"";height:1px;
  background:linear-gradient(90deg,transparent,var(--gold));
}
.panel-heading::after{background:linear-gradient(90deg,var(--gold),transparent)}
.panel-heading h2{
  grid-column:2;margin:0;
  color:var(--deep-red);font-size:1.25rem;letter-spacing:.35em;
  min-width:12rem;
}
.panel-heading span{font-size:.7rem;color:var(--gold);letter-spacing:.3em}
.panel-heading span:first-child{text-align:right;padding-right:.4rem}
.panel-heading span:last-child{text-align:left;padding-left:.4rem}
.panel-foot{
  display:flex;justify-content:center;align-items:center;gap:1rem;
  margin-top:1.6rem;color:var(--gold);font-size:.72rem;letter-spacing:.4em;
}
.panel-foot i{position:relative;width:4.5rem;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);overflow:visible}
.panel-foot i::before,.panel-foot i::after{
  content:"✦";position:absolute;top:50%;color:var(--gold);font-size:.54rem;transform:translateY(-50%);
}
.panel-foot i::before{left:-1rem}
.panel-foot i::after{right:-1rem}

/* ---------- 工具行：前月 / 今日 / 来月 ---------- */
.calendar-toolbar{
  display:flex;align-items:center;justify-content:center;
  gap:1rem;margin-bottom:1rem;flex-wrap:wrap;
}
.calendar-toolbar button,.today-button{
  border:1px solid var(--gold);
  background:rgba(255,250,240,.72);
  color:var(--deep-red);
  padding:.55rem .9rem;
  font-family:inherit;font-size:.78rem;letter-spacing:.18em;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.calendar-toolbar button:hover,.today-button:hover{
  transform:translateY(-2px);
  box-shadow:0 5px 12px rgba(52,35,18,.14);
  background:rgba(198,167,98,.12);
}
.month-summary{
  min-height:1.8rem;margin:0 0 1.2rem;
  color:rgba(37,29,24,.62);font-size:.78rem;letter-spacing:.12em;text-align:center;
}

/* ---------- 月历格子（整张屏面格子，非独立卡片） ---------- */
.calendar{
  position:relative;
  max-width:760px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:6px;
}
.day{
  position:relative;
  min-height:4.6rem;
  padding:.5rem .3rem .6rem;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;
  background:rgba(255,250,240,.6);
  border:1px solid rgba(162,123,53,.4);
  color:var(--ink);text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.day:hover,.day:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(167,45,34,.65);
  box-shadow:0 6px 14px rgba(52,35,18,.16),0 0 0 3px rgba(198,167,98,.22);
  background:rgba(255,253,244,.92);
}
.day-number{font-size:.95rem}
.day-phase{
  width:1.05rem;height:1.05rem;border-radius:50%;
  background:radial-gradient(circle at 38% 32%,#f4e9c8,#c6a762 72%,#a27b35);
  box-shadow:inset 0 0 0 1px rgba(100,31,28,.35);
  position:relative;overflow:hidden;
}
.day-phase::after{
  content:"";position:absolute;inset:0;border-radius:50%;
  background:var(--paper);
}
/* data-phase=0..7：朔→望→晦 的遮掩（与首页八景同宗） */
.day[data-phase="0"] .day-phase::after{transform:translate(0,0)}
.day[data-phase="1"] .day-phase::after{transform:translate(78%,0) scale(.9)}
.day[data-phase="2"] .day-phase::after{transform:translate(46%,0) scale(1.02)}
.day[data-phase="3"] .day-phase::after{transform:translate(24%,0) scale(.9)}
.day[data-phase="4"] .day-phase::after{transform:scale(0)}
.day[data-phase="5"] .day-phase::after{transform:translate(-24%,0) scale(.9)}
.day[data-phase="6"] .day-phase::after{transform:translate(-46%,0) scale(1.02)}
.day[data-phase="7"] .day-phase::after{transform:translate(-78%,0) scale(.9)}
.day-moonage{
  font-size:.6rem;color:rgba(100,31,28,.65);letter-spacing:.06em;line-height:1;
}
.day.has-record::after{
  content:"";position:absolute;right:.3rem;top:.3rem;
  width:.42rem;height:.42rem;border-radius:50%;
  background:var(--vermilion);
  box-shadow:0 0 0 2px rgba(167,45,34,.15);
}
.day.today{
  background:linear-gradient(180deg,rgba(255,250,240,.92),rgba(244,233,200,.9));
  border-color:var(--vermilion);
  box-shadow:inset 0 0 0 2px var(--paper),inset 0 0 0 3px rgba(167,45,34,.55);
}
.day.today .day-number{color:var(--deep-red);font-weight:700}
.day.today::before{
  content:"今";position:absolute;right:.55rem;bottom:.35rem;
  color:var(--vermilion);font-size:.62rem;letter-spacing:.1em;
  background:rgba(255,250,240,.9);padding:.05rem .22rem;
  border:1px solid rgba(167,45,34,.6);
}

/* ---------- 页脚 ---------- */
.footer{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem;
  margin:0 1.5rem 1rem;padding:1rem 1.5rem 0;
  border-top:1px solid rgba(162,123,53,.45);
  color:rgba(37,29,24,.6);font-size:.68rem;letter-spacing:.2em;
}
.footer-stamp{color:var(--gold)}

/* ---------- 动效与响应式 ---------- */
@media(prefers-reduced-motion:reduce){
  .cloud{animation:none}
  .day,.calendar-toolbar button,.today-button{transition:none}
}
@media(max-width:900px){
  .byobu-hero{padding:2.2rem 1.2rem 2rem}
  .byobu-title{font-size:clamp(1.6rem,3.2vw,2.2rem)}
}
@media(max-width:760px){
  .poster{width:calc(100% - 1rem);margin:.5rem auto;padding:.8rem}
  .ranma-band{margin:.8rem 1rem 0;height:2.6rem}
  .band-rope{top:.45rem;height:1.7rem}
  .band-rope::after{font-size:.66rem;letter-spacing:.3em;padding:.14rem 1rem}
  .band-gold-knot{width:1.2rem;height:1.2rem;top:.85rem}
  .band-gold-knot.gk-left{left:1.6rem}
  .band-gold-knot.gk-right{right:1.6rem}
  .band-ryusui{display:none}
  .byobu-hero{grid-template-columns:1fr;padding:1.8rem 1rem 1.6rem;border-bottom-width:2px}
  .byobu-face{padding:.4rem .4rem}
  .f-left{order:2}
  .f-mid{order:1}
  .f-right{order:3}
  .byobu-title,.byobu-sub{writing-mode:horizontal-tb;text-orientation:mixed}
  .byobu-title{font-size:1.55rem}
  .byobu-sub{margin-top:.5rem;line-height:1.9}
  .byobu-en{writing-mode:horizontal-tb;margin-top:.4rem}
  .marumado{width:min(13.5rem,84%)}
  .month-arch{font-size:2.2rem}
  .kumo.k1{width:9rem;height:9rem;left:-4.5rem}
  .kumo.k2{width:8rem;height:8rem;right:-4rem}
  .kumo.k3,.kumo.k4{width:7rem;height:7rem}
  .kumo.k5,.kumo.k6{display:none}
  .mado-seal{width:1.6rem;height:1.6rem;font-size:.75rem}
  .hagi{height:5.5rem;order:3}
  .issue-vert{flex-direction:row;justify-content:center;margin-top:.6rem}
  .issue-tag{writing-mode:horizontal-tb;padding:.3rem .8rem}
  .moonscroll-panel{margin:0 .5rem 1.4rem;padding:1.6rem 1rem}
  .moonscroll-panel::before,.moonscroll-panel::after{width:3.6rem;height:3.6rem}
  .panel-heading{grid-template-columns:1fr;gap:.3rem}
  .panel-heading h2{grid-column:1;min-width:0;font-size:1.05rem}
  .panel-heading span:first-child{text-align:center;padding:0}
  .panel-heading span:last-child{display:none}
  .panel-heading::before,.panel-heading::after{display:none}
  .calendar{gap:4px;max-width:100%}
  .day{min-height:3.4rem;padding:.3rem .1rem .4rem}
  .day-number{font-size:.82rem}
  .day-phase{width:.85rem;height:.85rem}
  .day-moonage{display:none}
  .footer{margin:0 .5rem .6rem;padding:.8rem .8rem 0;justify-content:center;text-align:center}
}