﻿: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 SC",serif;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)}.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}.hero{position:relative;z-index:2;display:grid;grid-template-columns:11rem 1fr 9rem;gap:1.8rem;align-items:center;padding:3.2rem 2rem 2.4rem}.vertical-title{justify-self:center;margin:0;color:var(--deep-red);font-size:clamp(2.4rem,5vw,4.8rem);font-weight:800;line-height:1.05;letter-spacing:.12em;writing-mode:vertical-rl;text-orientation:upright;text-shadow:2px 2px 0 rgba(162,123,53,.26)}.hero-center{text-align:center}.kicker{margin:0;color:var(--vermilion);font-size:.78rem;letter-spacing:.42em}.hero-center h1{margin:.5rem 0 .25rem;font-size:clamp(2.7rem,7vw,6.7rem);line-height:1;font-weight:800;letter-spacing:.08em}.subtitle{display:inline-block;margin:.8rem auto 1.6rem;padding:.25rem 1.2rem;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);letter-spacing:.3em}.torii{position:relative;width:7rem;height:6.4rem;margin:auto;color:var(--vermilion)}.torii:before{content:"";position:absolute;left:0;top:.7rem;width:100%;height:.65rem;background:currentColor;box-shadow:0 1rem 0 -.18rem currentColor}.torii:after{content:"";position:absolute;left:1.3rem;top:1rem;width:4.4rem;height:5.2rem;border-left:.6rem solid currentColor;border-right:.6rem solid currentColor}.side-copy{justify-self:center;font-size:.8rem;line-height:2.1;letter-spacing:.18em;writing-mode:vertical-rl}.rope{position:relative;z-index:2;height:2.2rem;margin:0 2rem;border-top:.45rem double var(--gold)}.rope:before,.rope:after{content:"◇  ◇  ◇  ◇  ◇";position:absolute;top:-.1rem;color:var(--vermilion);letter-spacing:1.6rem;white-space:nowrap}.rope:before{left:10%}.rope:after{right:4%}.phase-scroll{position:relative;z-index:2;margin:0 1.5rem 2.2rem;padding:2rem 1.2rem 1.5rem;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:rgba(247,239,217,.62)}.phase-scroll h2{text-align:center;margin:0 0 1.5rem;color:var(--deep-red);font-size:1rem;letter-spacing:.42em}.phases{display:grid;grid-template-columns:repeat(8,1fr);gap:.7rem;align-items:start}.phase{text-align:center}.disc{position:relative;width:min(5.8vw,4.4rem);min-width:2.8rem;aspect-ratio:1;margin:auto;border:1px solid var(--ink);border-radius:50%;background:var(--ink);overflow:hidden}.disc:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--paper)}.new .disc:after{display:none}.wax-crescent .disc:after{transform:translateX(-72%)}.first-quarter .disc:after{transform:translateX(-50%)}.wax-gibbous .disc:after{transform:translateX(-24%)}.full .disc:after{transform:none}.wan-gibbous .disc:after{transform:translateX(24%)}.last-quarter .disc:after{transform:translateX(50%)}.wan-crescent .disc:after{transform:translateX(72%)}.phase strong{display:block;margin-top:.7rem;color:var(--deep-red);font-size:.78rem;letter-spacing:.1em}.phase small{font-size:.65rem;color:#66564a}.notes{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:1rem;padding:0 1.5rem 2rem}.note{min-height:11rem;padding:1.2rem;border:1px solid var(--gold);background:rgba(247,239,217,.56)}.note h3{margin:0 0 .8rem;color:var(--vermilion);font-size:1rem;letter-spacing:.24em}.note p{font-size:.83rem;line-height:2}.mirror{position:relative;display:grid;place-items:end center;width:8rem;height:9.2rem;margin:.5rem auto 1rem;padding-bottom:.45rem;border:0;border-bottom:1px solid var(--gold);background:transparent;color:var(--deep-red);font-size:.78rem;font-weight:700;letter-spacing:.16em}.mirror::before{content:"";position:absolute;left:50%;top:3.25rem;width:5.5rem;aspect-ratio:1;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%);box-shadow:-1.7rem 0 0 -.12rem var(--paper)}.mirror::after{content:"既朔　眉月";position:absolute;left:50%;bottom:1.55rem;width:max-content;color:var(--gold);font-size:.68rem;font-weight:400;letter-spacing:.2em;transform:translateX(-50%)}.motifs{text-align:center;color:var(--deep-red);font-size:1.6rem;letter-spacing:.6em}.footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:1rem;margin:0 1.5rem;padding:1rem 0 1.4rem;border-top:1px solid var(--ink);font-size:.74rem;letter-spacing:.18em}.cloud{position:absolute;width:12rem;height:3rem;border:2px solid rgba(162,123,53,.38);border-radius:50%;opacity:.55}.cloud.one{left:-4rem;top:28rem}.cloud.two{right:-5rem;bottom:13rem}.prototype-badge{position:fixed;right:1rem;bottom:1rem;z-index:8;padding:.55rem .8rem;background:var(--ink);color:var(--paper);font-size:.72rem;letter-spacing:.1em}@media(max-width:760px){.poster{width:calc(100% - .7rem);margin:.35rem auto}.hero{grid-template-columns:4.5rem 1fr;padding:2.5rem .8rem}.side-copy{display:none}.vertical-title{font-size:2.2rem}.phases{grid-template-columns:repeat(4,1fr);row-gap:1.4rem}.disc{width:3.3rem}.notes{grid-template-columns:1fr}.footer{flex-direction:column}.rope{margin-inline:.8rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.shide-group{position:absolute;z-index:4;left:50%;top:2.15rem;width:9.2rem;height:5.4rem;transform:translateX(-50%)}.shide-group .shide{position:absolute;top:0;width:.62rem;height:4.9rem;background:#fff;border:1px solid rgba(37,29,24,.18);clip-path:polygon(5% 0,95% 0,95% 12%,56% 12%,56% 24%,95% 24%,95% 36%,56% 36%,56% 48%,95% 48%,95% 60%,56% 60%,56% 72%,95% 72%,95% 84%,56% 84%,56% 100%,5% 100%,5% 88%,44% 88%,44% 76%,5% 76%,5% 64%,44% 64%,44% 52%,5% 52%,5% 40%,44% 40%,44% 28%,5% 28%,5% 16%,44% 16%,44% 0);transform-origin:top center;filter:drop-shadow(0 1px 1px rgba(37,29,24,.14))}.shide-group .s1{left:.55rem;top:.42rem;height:4.45rem;transform:rotate(2deg)}.shide-group .s2{left:1.82rem;top:.08rem;height:4.85rem;transform:rotate(-2deg)}.shide-group .s3{left:3.08rem;top:.55rem;height:4.38rem;transform:rotate(1deg)}.shide-group .s4{left:4.3rem;top:.16rem;height:4.82rem;transform:rotate(-1deg)}.shide-group .s5{left:5.55rem;top:.48rem;height:4.42rem;transform:rotate(2deg)}.shide-group .s6{left:6.8rem;top:.04rem;height:4.88rem;transform:rotate(-2deg)}.shide-group .s7{left:8.05rem;top:.38rem;height:4.5rem;transform:rotate(1deg)}.sanctuary-panel{position:relative;z-index:2;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:linear-gradient(135deg,rgba(198,167,98,.13),transparent 38%,rgba(167,45,34,.07));overflow:hidden}.sanctuary-panel::before,.sanctuary-panel::after{content:"";position:absolute;top:1rem;bottom:1rem;width:1px;background:var(--gold)}.sanctuary-panel::before{left:1rem}.sanctuary-panel::after{right:1rem}.sanctuary-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.4rem;margin-bottom:1.8rem;text-align:center}.sanctuary-heading::before,.sanctuary-heading::after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.sanctuary-heading::after{background:linear-gradient(90deg,var(--gold),transparent)}.sanctuary-heading h2{grid-column:2;margin:0;color:var(--deep-red);font-size:clamp(1.45rem,3vw,2.2rem);letter-spacing:.3em}.sanctuary-heading span{font-size:.66rem;letter-spacing:.24em;color:var(--gold)}.sanctuary-heading span:first-child{grid-column:1;grid-row:1}.sanctuary-heading span:last-child{grid-column:3;grid-row:1}.moon-atlas-card{display:grid;grid-template-columns:minmax(12rem,.8fr) minmax(16rem,1.2fr);align-items:center;gap:clamp(2rem,6vw,5rem);max-width:50rem;margin:auto}.moon-figure{position:relative;width:min(15rem,70vw);aspect-ratio:1;margin:auto;border-radius:50%;background:var(--ink);box-shadow:0 0 0 1px var(--gold),0 0 0 .65rem var(--paper),0 0 0 calc(.65rem + 1px) rgba(162,123,53,.55)}.moon-figure::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--paper);transform:translateX(-31%)}.moon-details{text-align:left}.moon-date{margin:0;color:var(--gold);font-size:.75rem;letter-spacing:.32em}.moon-details h3{margin:.4rem 0 1rem;color:var(--vermilion);font-size:clamp(1.7rem,4vw,2.7rem);letter-spacing:.18em}.moon-details>p:not(.moon-date){max-width:34rem;margin:0;font-size:.9rem;line-height:2}.moon-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.3rem;padding-top:.85rem;border-top:1px solid rgba(162,123,53,.55);color:var(--deep-red);font-size:.72rem;letter-spacing:.13em}.sanctuary-foot{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;color:var(--gold);font-size:.68rem;letter-spacing:.28em}.sanctuary-foot i{width:4rem;height:1px;background:var(--gold)}
@media(max-width:760px){.sanctuary-panel{margin:0 .5rem 1.4rem;padding:1.7rem 1.5rem}.sanctuary-heading{grid-template-columns:1fr}.sanctuary-heading h2,.sanctuary-heading span:first-child,.sanctuary-heading span:last-child{grid-column:1}.sanctuary-heading span:first-child{grid-row:auto}.sanctuary-heading span:last-child{display:none}.moon-atlas-card{grid-template-columns:1fr;text-align:center}.moon-details{text-align:center}.moon-details>p:not(.moon-date){margin-inline:auto}.moon-meta{justify-content:center}.moon-figure{width:min(11rem,58vw)}}.garden-nav{position:relative;z-index:3;display:flex;justify-content:center;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 small{margin-top:.18rem;color:var(--gold);font-size:.52rem;letter-spacing:.18em}.daily-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}.daily-actions a{display:inline-grid;place-items:center;min-width:7.5rem;padding:.65rem 1rem;border:1px solid var(--gold);color:var(--deep-red);background:rgba(255,250,240,.72);font-size:.75rem;letter-spacing:.16em;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.daily-actions a:hover,.daily-actions a:focus-visible{transform:translateY(-2px);box-shadow:0 5px 12px rgba(52,35,18,.14)}.daily-actions .action-primary{border-color:var(--vermilion);background:var(--vermilion);color:var(--paper)}.phase.is-current{position:relative}.phase.is-current::after{content:"本日";position:absolute;left:50%;top:-1.2rem;transform:translateX(-50%);color:var(--vermilion);font-size:.52rem;letter-spacing:.08em;white-space:nowrap}.phase.is-current .disc{outline:1px solid var(--gold);outline-offset:4px}.moon-figure{transition:transform .35s ease,filter .35s ease}.moon-atlas-card:hover .moon-figure{transform:rotate(-3deg) scale(1.025);filter:drop-shadow(0 7px 10px rgba(37,29,24,.13))}@media(max-width:760px){.garden-nav{margin-inline:.5rem;gap:.2rem}.garden-nav a{min-width:0;flex:1;padding:.5rem .25rem;font-size:.78rem}.garden-nav small{font-size:.45rem}.daily-actions{justify-content:center}.daily-actions a{flex:1}.hero{grid-template-columns:1fr;padding:2rem 1rem}.vertical-title{justify-self:center;margin-bottom:1rem;writing-mode:horizontal-tb;font-size:2rem;letter-spacing:.3em}.hero-center{width:100%}}.garden-nav a[aria-current="page"]{color:var(--vermilion);background:rgba(198,167,98,.12)}.garden-nav a[aria-current="page"]::before{border-color:var(--gold);transform:scaleX(1)}.phase strong{display:block;margin-top:.5rem;color:var(--deep-red);font-size:.68rem;font-weight:600;letter-spacing:.08em}.phase.is-current strong{color:var(--vermilion)}.phase{min-width:0;text-align:center}.disc{min-width:1.75rem}.crossbeam,.lintel{z-index:3}.pillar{z-index:1}.shide-group{z-index:2}.daily-actions a{min-height:44px}@media(max-width:760px){.garden-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:.25rem}.garden-nav a{min-width:0}.daily-actions{display:grid;grid-template-columns:1fr;width:100%}.daily-actions a{width:100%}.side-copy{display:block;justify-self:center;writing-mode:horizontal-tb;text-align:center;line-height:1.9}.phases{gap:.45rem}.phase strong{font-size:.6rem}.disc{width:1.75rem;min-width:1.75rem}}@media(max-width:360px){.garden-nav small{display:none}}@media(prefers-reduced-motion:reduce){.garden-nav a,.daily-actions a,.moon-figure{transition:none!important}.garden-nav a:hover,.garden-nav a:focus-visible,.daily-actions a:hover,.daily-actions a:focus-visible{transform:none}}
/* Lower-half ornament refinement: preserve hero, title, torii and moon composition */
.phase-scroll,.sanctuary-panel{position:relative;isolation:isolate;overflow:hidden}
.phase-scroll{background-image:linear-gradient(180deg,rgba(198,167,98,.09),rgba(255,250,240,.92)),repeating-linear-gradient(135deg,transparent 0 19px,rgba(162,123,53,.045) 20px 21px);box-shadow:inset 0 0 0 1px rgba(162,123,53,.72),inset 0 0 0 7px var(--paper),inset 0 0 0 8px rgba(100,31,28,.32)}
.phase-scroll:before,.phase-scroll:after{content:"◇　月　◇";position:absolute;top:.72rem;color:var(--gold);font-size:.66rem;letter-spacing:.28em;opacity:.72;pointer-events:none;animation:lower-ornament-breathe 6s ease-in-out infinite}
.phase-scroll:before{left:1.15rem}.phase-scroll:after{right:1.15rem;animation-delay:-3s}
.phase-scroll h2:before,.phase-scroll h2:after{content:"";display:inline-block;width:clamp(2rem,8vw,6rem);height:1px;margin:0 .75rem;vertical-align:middle;background:linear-gradient(90deg,transparent,var(--gold),var(--deep-red),var(--gold),transparent)}
.phase{position:relative;background-image:radial-gradient(circle at 50% 12%,rgba(198,167,98,.16),transparent 43%),repeating-linear-gradient(45deg,transparent 0 10px,rgba(162,123,53,.035) 11px 12px);border-color:rgba(100,31,28,.55);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px rgba(162,123,53,.42)}
.phase:before{content:"✦";position:absolute;top:.42rem;left:50%;transform:translateX(-50%);color:var(--gold);font-size:.58rem;opacity:.72}
.phase.is-current{box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 5px rgba(167,45,34,.72),0 7px 16px rgba(100,31,28,.16)}
.sanctuary-panel{background-image:radial-gradient(circle at 8% 92%,rgba(198,167,98,.12),transparent 13rem),radial-gradient(circle at 92% 8%,rgba(167,45,34,.07),transparent 12rem),repeating-linear-gradient(90deg,transparent 0 31px,rgba(162,123,53,.035) 32px 33px)}
.sanctuary-panel:before,.sanctuary-panel:after{content:"";position:absolute;width:5.6rem;height:5.6rem;pointer-events:none;opacity:.6;background:conic-gradient(from 45deg,transparent 0 12.5%,rgba(162,123,53,.58) 12.5% 14%,transparent 14% 25%,rgba(100,31,28,.35) 25% 27%,transparent 27% 100%);border-radius:50%;animation:corner-ornament-drift 12s ease-in-out infinite}
.sanctuary-panel:before{left:-2.2rem;bottom:-2.2rem}.sanctuary-panel:after{right:-2.2rem;top:-2.2rem;animation-delay:-6s}
.sanctuary-heading{position:relative}
.sanctuary-heading:after{content:"◆　◆　◆";position:absolute;left:50%;bottom:-1rem;transform:translateX(-50%);color:var(--gold);font-size:.55rem;letter-spacing:.5em;opacity:.68}
.moon-atlas-card{position:relative;box-shadow:inset 0 0 0 1px rgba(162,123,53,.3),0 9px 22px rgba(37,29,24,.12);transition:transform .45s ease,box-shadow .45s ease}
.moon-atlas-card:before,.moon-atlas-card:after{content:"〰";position:absolute;color:rgba(162,123,53,.62);font-size:2rem;line-height:1;pointer-events:none;animation:wave-glide 7s ease-in-out infinite}
.moon-atlas-card:before{left:1rem;bottom:.65rem}.moon-atlas-card:after{right:1rem;top:.65rem;transform:rotate(180deg);animation-delay:-3.5s}
.moon-atlas-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(162,123,53,.42),0 13px 28px rgba(37,29,24,.16)}
.sanctuary-foot i{position:relative;overflow:visible}
.sanctuary-foot i:before,.sanctuary-foot i:after{content:"✦";position:absolute;top:50%;color:var(--gold);font-size:.54rem;transform:translateY(-50%);animation:footer-spark 4.8s ease-in-out infinite}
.sanctuary-foot i:before{left:-1rem}.sanctuary-foot i:after{right:-1rem;animation-delay:-2.4s}
.shide-group .shide{transform-origin:top center;animation:shide-soft-sway 5.6s ease-in-out infinite}
.shide-group .shide:nth-child(2n){animation-delay:-1.8s}.shide-group .shide:nth-child(3n){animation-delay:-3.4s}
.cloud.one{animation:cloud-soft-drift 14s ease-in-out infinite alternate}.cloud.two{animation:cloud-soft-drift 18s ease-in-out infinite alternate-reverse}
@keyframes lower-ornament-breathe{0%,100%{opacity:.48;filter:drop-shadow(0 0 0 transparent)}50%{opacity:.86;filter:drop-shadow(0 0 4px rgba(198,167,98,.35))}}
@keyframes corner-ornament-drift{0%,100%{transform:rotate(0deg) scale(.96)}50%{transform:rotate(7deg) scale(1.04)}}
@keyframes wave-glide{0%,100%{opacity:.35;translate:0 0}50%{opacity:.72;translate:0 -3px}}
@keyframes footer-spark{0%,100%{opacity:.35;scale:.82}50%{opacity:.9;scale:1.12}}
@keyframes shide-soft-sway{0%,100%{rotate:-.8deg}50%{rotate:1.4deg}}
@keyframes cloud-soft-drift{0%{translate:-5px 0;opacity:.48}100%{translate:8px -2px;opacity:.7}}
@media(max-width:760px){.phase-scroll:before,.phase-scroll:after{display:none}.phase-scroll h2:before,.phase-scroll h2:after{width:1.5rem;margin:0 .35rem}.sanctuary-panel:before,.sanctuary-panel:after{width:4.2rem;height:4.2rem}.moon-atlas-card:before,.moon-atlas-card:after{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.phase-scroll:before,.phase-scroll:after,.sanctuary-panel:before,.sanctuary-panel:after,.moon-atlas-card:before,.moon-atlas-card:after,.sanctuary-foot i:before,.sanctuary-foot i:after,.shide-group .shide,.cloud.one,.cloud.two{animation:none!important}.moon-atlas-card{transition:none}}


/* Moon phase card frame fix: preserve the previous compact arrangement */
.phase{min-width:0;max-width:100%;overflow:hidden}
.phase .disc{margin-inline:auto}

/* Remove individual frames around the eight moon phases without changing layout */
.phase{border:0!important;background:none!important;background-image:none!important;box-shadow:none!important;overflow:visible!important}
.phase:before,.phase:after{content:none!important;display:none!important}
.phase.is-current{box-shadow:none!important}

/* 第二版：明亮和纸、端正鸟居、华丽神域庭院 */
body{background-color:#fbf6e9;background-image:repeating-linear-gradient(87deg,rgba(74,53,22,.012) 0 1px,transparent 1px 8px),radial-gradient(circle at 15% 25%,rgba(255,255,255,.7),transparent 28rem)}
.poster{box-shadow:0 14px 36px rgba(52,35,18,.14)}
.hero-center{position:relative;padding:1.3rem 1rem 2rem;border:1px solid rgba(162,123,53,.55);background:linear-gradient(135deg,rgba(198,167,98,.15),transparent 38%,rgba(167,45,34,.07))}
.curtain{margin:-1.3rem -1rem 1.25rem;padding:.55rem;background:repeating-linear-gradient(90deg,#8f251e 0 18px,#ac382d 18px 36px);color:#fffaf0;letter-spacing:.42em;border-bottom:5px double #b69248}
.shrine-scene{position:relative;display:grid;grid-template-columns:4rem 1fr 5rem 1fr 4rem;align-items:end;max-width:32rem;min-height:12rem;margin:1.25rem auto 0;padding:1rem 1rem .65rem;background:radial-gradient(ellipse at 50% 100%,rgba(81,103,70,.22),transparent 66%),repeating-radial-gradient(ellipse at 50% 110%,transparent 0 14px,rgba(162,123,53,.23) 15px 16px)}
.torii{position:relative;grid-column:2/5;justify-self:center;width:11rem;height:8.4rem;margin:0;color:var(--vermilion)}
.torii:before,.torii:after{display:none}
.crossbeam,.lintel,.pillar{position:absolute;display:block;background:currentColor}
.crossbeam{left:0;top:.4rem;width:100%;height:.72rem}
.lintel{left:.8rem;top:1.55rem;width:9.4rem;height:.42rem}
.pillar{top:1rem;width:.65rem;height:7.3rem}
.pillar.left{left:2.25rem}
.pillar.right{right:2.25rem}
/* .lantern 样式已由山茶花装饰替代 */
.lantern{display:none;visibility:hidden}
.lantern.left{grid-column:1}.lantern.right{grid-column:5}
.shide{position:absolute;z-index:2;top:2.65rem;width:1.4rem;height:5rem;filter:drop-shadow(0 2px 1px rgba(37,29,24,.14))}.shide.left{left:calc(50% - 4.2rem)}.shide.right{right:calc(50% - 4.2rem)}.shide::before{content:"";position:absolute;left:50%;top:-.65rem;width:1px;height:.8rem;background:var(--ink)}.shide span{display:none}.shide span:first-child{display:block;position:absolute;inset:0;background:var(--paper);border:1px solid rgba(37,29,24,.28);clip-path:polygon(12% 0,88% 0,88% 20%,52% 20%,52% 40%,88% 40%,88% 60%,52% 60%,52% 80%,88% 80%,88% 100%,12% 100%,12% 78%,48% 78%,48% 58%,12% 58%,12% 38%,48% 38%,48% 18%,12% 18%)}.sacred-mirror{grid-column:3;position:absolute;left:50%;bottom:1rem;transform:translateX(-50%);display:grid;place-items:center;width:3.9rem;aspect-ratio:1;border:5px double var(--gold);border-radius:50%;background:linear-gradient(135deg,#fffdf5,#cfb875);color:var(--deep-red);font-size:.72rem;letter-spacing:.12em}
.camellia{align-self:end;align-content:center;justify-items:center;width:3.4rem;aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;background:radial-gradient(circle,#fffaf0 0 38%,rgba(167,45,34,.14) 39%);color:var(--deep-red);font-size:1.35rem}
.camellia.left{grid-column:1}.camellia.right{grid-column:5}
.garden-motifs{grid-column:1/6;margin-top:.8rem;color:var(--deep-red);letter-spacing:.28em;font-size:.82rem}
.hero:before,.hero:after{content:'☁ 〰 ☁';position:absolute;color:rgba(162,123,53,.58);font-size:1.4rem;letter-spacing:.3em}
.hero:before{left:13%;top:1rem}.hero:after{right:10%;bottom:1rem}
.phase-scroll{margin-top:.4rem;padding:.75rem 1.2rem;background:linear-gradient(90deg,transparent,rgba(198,167,98,.18),transparent)}
.phase-scroll h2{margin:0 0 .55rem;font-size:.72rem}
.phases{max-width:34rem;margin:auto;gap:.65rem}
.disc{width:min(2.8vw,1.9rem);min-width:1.35rem}
.phase strong,.phase small{display:none}
.notes{background:linear-gradient(90deg,rgba(198,167,98,.1),transparent 30%,rgba(167,45,34,.06),transparent 70%,rgba(198,167,98,.1))}
@media(max-width:760px){.phases{grid-template-columns:repeat(8,1fr)}.disc{width:1.45rem;min-width:1.1rem}.shrine-scene{grid-template-columns:2.5rem 1fr 4rem 1fr 2.5rem}.torii{width:9rem}}
.shide-group{position:absolute;z-index:4;left:50%;top:2.15rem;width:9.2rem;height:5.4rem;transform:translateX(-50%)}.shide-group .shide{position:absolute;top:0;width:.62rem;height:4.9rem;background:#fff;border:1px solid rgba(37,29,24,.18);clip-path:polygon(5% 0,95% 0,95% 12%,56% 12%,56% 24%,95% 24%,95% 36%,56% 36%,56% 48%,95% 48%,95% 60%,56% 60%,56% 72%,95% 72%,95% 84%,56% 84%,56% 100%,5% 100%,5% 88%,44% 88%,44% 76%,5% 76%,5% 64%,44% 64%,44% 52%,5% 52%,5% 40%,44% 40%,44% 28%,5% 28%,5% 16%,44% 16%,44% 0);transform-origin:top center;filter:drop-shadow(0 1px 1px rgba(37,29,24,.14))}.shide-group .s1{left:.55rem;top:.42rem;height:4.45rem;transform:rotate(2deg)}.shide-group .s2{left:1.82rem;top:.08rem;height:4.85rem;transform:rotate(-2deg)}.shide-group .s3{left:3.08rem;top:.55rem;height:4.38rem;transform:rotate(1deg)}.shide-group .s4{left:4.3rem;top:.16rem;height:4.82rem;transform:rotate(-1deg)}.shide-group .s5{left:5.55rem;top:.48rem;height:4.42rem;transform:rotate(2deg)}.shide-group .s6{left:6.8rem;top:.04rem;height:4.88rem;transform:rotate(-2deg)}.shide-group .s7{left:8.05rem;top:.38rem;height:4.5rem;transform:rotate(1deg)}.sanctuary-panel{position:relative;z-index:2;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:linear-gradient(135deg,rgba(198,167,98,.13),transparent 38%,rgba(167,45,34,.07));overflow:hidden}.sanctuary-panel::before,.sanctuary-panel::after{content:"";position:absolute;top:1rem;bottom:1rem;width:1px;background:var(--gold)}.sanctuary-panel::before{left:1rem}.sanctuary-panel::after{right:1rem}.sanctuary-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.4rem;margin-bottom:1.8rem;text-align:center}.sanctuary-heading::before,.sanctuary-heading::after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.sanctuary-heading::after{background:linear-gradient(90deg,var(--gold),transparent)}.sanctuary-heading h2{grid-column:2;margin:0;color:var(--deep-red);font-size:clamp(1.45rem,3vw,2.2rem);letter-spacing:.3em}.sanctuary-heading span{font-size:.66rem;letter-spacing:.24em;color:var(--gold)}.sanctuary-heading span:first-child{grid-column:1;grid-row:1}.sanctuary-heading span:last-child{grid-column:3;grid-row:1}.moon-atlas-card{display:grid;grid-template-columns:minmax(12rem,.8fr) minmax(16rem,1.2fr);align-items:center;gap:clamp(2rem,6vw,5rem);max-width:50rem;margin:auto}.moon-figure{position:relative;width:min(15rem,70vw);aspect-ratio:1;margin:auto;border-radius:50%;background:var(--ink);box-shadow:0 0 0 1px var(--gold),0 0 0 .65rem var(--paper),0 0 0 calc(.65rem + 1px) rgba(162,123,53,.55)}.moon-figure::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--paper);transform:translateX(-31%)}.moon-details{text-align:left}.moon-date{margin:0;color:var(--gold);font-size:.75rem;letter-spacing:.32em}.moon-details h3{margin:.4rem 0 1rem;color:var(--vermilion);font-size:clamp(1.7rem,4vw,2.7rem);letter-spacing:.18em}.moon-details>p:not(.moon-date){max-width:34rem;margin:0;font-size:.9rem;line-height:2}.moon-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.3rem;padding-top:.85rem;border-top:1px solid rgba(162,123,53,.55);color:var(--deep-red);font-size:.72rem;letter-spacing:.13em}.sanctuary-foot{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;color:var(--gold);font-size:.68rem;letter-spacing:.28em}.sanctuary-foot i{width:4rem;height:1px;background:var(--gold)}
@media(max-width:760px){.sanctuary-panel{margin:0 .5rem 1.4rem;padding:1.7rem 1.5rem}.sanctuary-heading{grid-template-columns:1fr}.sanctuary-heading h2,.sanctuary-heading span:first-child,.sanctuary-heading span:last-child{grid-column:1}.sanctuary-heading span:first-child{grid-row:auto}.sanctuary-heading span:last-child{display:none}.moon-atlas-card{grid-template-columns:1fr;text-align:center}.moon-details{text-align:center}.moon-details>p:not(.moon-date){margin-inline:auto}.moon-meta{justify-content:center}.moon-figure{width:min(11rem,58vw)}}.garden-nav{position:relative;z-index:3;display:flex;justify-content:center;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 small{margin-top:.18rem;color:var(--gold);font-size:.52rem;letter-spacing:.18em}.daily-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}.daily-actions a{display:inline-grid;place-items:center;min-width:7.5rem;padding:.65rem 1rem;border:1px solid var(--gold);color:var(--deep-red);background:rgba(255,250,240,.72);font-size:.75rem;letter-spacing:.16em;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.daily-actions a:hover,.daily-actions a:focus-visible{transform:translateY(-2px);box-shadow:0 5px 12px rgba(52,35,18,.14)}.daily-actions .action-primary{border-color:var(--vermilion);background:var(--vermilion);color:var(--paper)}.phase.is-current{position:relative}.phase.is-current::after{content:"本日";position:absolute;left:50%;top:-1.2rem;transform:translateX(-50%);color:var(--vermilion);font-size:.52rem;letter-spacing:.08em;white-space:nowrap}.phase.is-current .disc{outline:1px solid var(--gold);outline-offset:4px}.moon-figure{transition:transform .35s ease,filter .35s ease}.moon-atlas-card:hover .moon-figure{transform:rotate(-3deg) scale(1.025);filter:drop-shadow(0 7px 10px rgba(37,29,24,.13))}@media(max-width:760px){.garden-nav{margin-inline:.5rem;gap:.2rem}.garden-nav a{min-width:0;flex:1;padding:.5rem .25rem;font-size:.78rem}.garden-nav small{font-size:.45rem}.daily-actions{justify-content:center}.daily-actions a{flex:1}.hero{grid-template-columns:1fr;padding:2rem 1rem}.vertical-title{justify-self:center;margin-bottom:1rem;writing-mode:horizontal-tb;font-size:2rem;letter-spacing:.3em}.hero-center{width:100%}}.garden-nav a[aria-current="page"]{color:var(--vermilion);background:rgba(198,167,98,.12)}.garden-nav a[aria-current="page"]::before{border-color:var(--gold);transform:scaleX(1)}.phase strong{display:block;margin-top:.5rem;color:var(--deep-red);font-size:.68rem;font-weight:600;letter-spacing:.08em}.phase.is-current strong{color:var(--vermilion)}.phase{min-width:0;text-align:center}.disc{min-width:1.75rem}.crossbeam,.lintel{z-index:3}.pillar{z-index:1}.shide-group{z-index:2}.daily-actions a{min-height:44px}@media(max-width:760px){.garden-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:.25rem}.garden-nav a{min-width:0}.daily-actions{display:grid;grid-template-columns:1fr;width:100%}.daily-actions a{width:100%}.side-copy{display:block;justify-self:center;writing-mode:horizontal-tb;text-align:center;line-height:1.9}.phases{gap:.45rem}.phase strong{font-size:.6rem}.disc{width:1.75rem;min-width:1.75rem}}@media(max-width:360px){.garden-nav small{display:none}}@media(prefers-reduced-motion:reduce){.garden-nav a,.daily-actions a,.moon-figure{transition:none!important}.garden-nav a:hover,.garden-nav a:focus-visible,.daily-actions a:hover,.daily-actions a:focus-visible{transform:none}}
/* Lower-half ornament refinement: preserve hero, title, torii and moon composition */
.phase-scroll,.sanctuary-panel{position:relative;isolation:isolate;overflow:hidden}
.phase-scroll{background-image:linear-gradient(180deg,rgba(198,167,98,.09),rgba(255,250,240,.92)),repeating-linear-gradient(135deg,transparent 0 19px,rgba(162,123,53,.045) 20px 21px);box-shadow:inset 0 0 0 1px rgba(162,123,53,.72),inset 0 0 0 7px var(--paper),inset 0 0 0 8px rgba(100,31,28,.32)}
.phase-scroll:before,.phase-scroll:after{content:"◇　月　◇";position:absolute;top:.72rem;color:var(--gold);font-size:.66rem;letter-spacing:.28em;opacity:.72;pointer-events:none;animation:lower-ornament-breathe 6s ease-in-out infinite}
.phase-scroll:before{left:1.15rem}.phase-scroll:after{right:1.15rem;animation-delay:-3s}
.phase-scroll h2:before,.phase-scroll h2:after{content:"";display:inline-block;width:clamp(2rem,8vw,6rem);height:1px;margin:0 .75rem;vertical-align:middle;background:linear-gradient(90deg,transparent,var(--gold),var(--deep-red),var(--gold),transparent)}
.phase{position:relative;background-image:radial-gradient(circle at 50% 12%,rgba(198,167,98,.16),transparent 43%),repeating-linear-gradient(45deg,transparent 0 10px,rgba(162,123,53,.035) 11px 12px);border-color:rgba(100,31,28,.55);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px rgba(162,123,53,.42)}
.phase:before{content:"✦";position:absolute;top:.42rem;left:50%;transform:translateX(-50%);color:var(--gold);font-size:.58rem;opacity:.72}
.phase.is-current{box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 5px rgba(167,45,34,.72),0 7px 16px rgba(100,31,28,.16)}
.sanctuary-panel{background-image:radial-gradient(circle at 8% 92%,rgba(198,167,98,.12),transparent 13rem),radial-gradient(circle at 92% 8%,rgba(167,45,34,.07),transparent 12rem),repeating-linear-gradient(90deg,transparent 0 31px,rgba(162,123,53,.035) 32px 33px)}
.sanctuary-panel:before,.sanctuary-panel:after{content:"";position:absolute;width:5.6rem;height:5.6rem;pointer-events:none;opacity:.6;background:conic-gradient(from 45deg,transparent 0 12.5%,rgba(162,123,53,.58) 12.5% 14%,transparent 14% 25%,rgba(100,31,28,.35) 25% 27%,transparent 27% 100%);border-radius:50%;animation:corner-ornament-drift 12s ease-in-out infinite}
.sanctuary-panel:before{left:-2.2rem;bottom:-2.2rem}.sanctuary-panel:after{right:-2.2rem;top:-2.2rem;animation-delay:-6s}
.sanctuary-heading{position:relative}
.sanctuary-heading:after{content:"◆　◆　◆";position:absolute;left:50%;bottom:-1rem;transform:translateX(-50%);color:var(--gold);font-size:.55rem;letter-spacing:.5em;opacity:.68}
.moon-atlas-card{position:relative;box-shadow:inset 0 0 0 1px rgba(162,123,53,.3),0 9px 22px rgba(37,29,24,.12);transition:transform .45s ease,box-shadow .45s ease}
.moon-atlas-card:before,.moon-atlas-card:after{content:"〰";position:absolute;color:rgba(162,123,53,.62);font-size:2rem;line-height:1;pointer-events:none;animation:wave-glide 7s ease-in-out infinite}
.moon-atlas-card:before{left:1rem;bottom:.65rem}.moon-atlas-card:after{right:1rem;top:.65rem;transform:rotate(180deg);animation-delay:-3.5s}
.moon-atlas-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(162,123,53,.42),0 13px 28px rgba(37,29,24,.16)}
.sanctuary-foot i{position:relative;overflow:visible}
.sanctuary-foot i:before,.sanctuary-foot i:after{content:"✦";position:absolute;top:50%;color:var(--gold);font-size:.54rem;transform:translateY(-50%);animation:footer-spark 4.8s ease-in-out infinite}
.sanctuary-foot i:before{left:-1rem}.sanctuary-foot i:after{right:-1rem;animation-delay:-2.4s}
.shide-group .shide{transform-origin:top center;animation:shide-soft-sway 5.6s ease-in-out infinite}
.shide-group .shide:nth-child(2n){animation-delay:-1.8s}.shide-group .shide:nth-child(3n){animation-delay:-3.4s}
.cloud.one{animation:cloud-soft-drift 14s ease-in-out infinite alternate}.cloud.two{animation:cloud-soft-drift 18s ease-in-out infinite alternate-reverse}
@keyframes lower-ornament-breathe{0%,100%{opacity:.48;filter:drop-shadow(0 0 0 transparent)}50%{opacity:.86;filter:drop-shadow(0 0 4px rgba(198,167,98,.35))}}
@keyframes corner-ornament-drift{0%,100%{transform:rotate(0deg) scale(.96)}50%{transform:rotate(7deg) scale(1.04)}}
@keyframes wave-glide{0%,100%{opacity:.35;translate:0 0}50%{opacity:.72;translate:0 -3px}}
@keyframes footer-spark{0%,100%{opacity:.35;scale:.82}50%{opacity:.9;scale:1.12}}
@keyframes shide-soft-sway{0%,100%{rotate:-.8deg}50%{rotate:1.4deg}}
@keyframes cloud-soft-drift{0%{translate:-5px 0;opacity:.48}100%{translate:8px -2px;opacity:.7}}
@media(max-width:760px){.phase-scroll:before,.phase-scroll:after{display:none}.phase-scroll h2:before,.phase-scroll h2:after{width:1.5rem;margin:0 .35rem}.sanctuary-panel:before,.sanctuary-panel:after{width:4.2rem;height:4.2rem}.moon-atlas-card:before,.moon-atlas-card:after{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.phase-scroll:before,.phase-scroll:after,.sanctuary-panel:before,.sanctuary-panel:after,.moon-atlas-card:before,.moon-atlas-card:after,.sanctuary-foot i:before,.sanctuary-foot i:after,.shide-group .shide,.cloud.one,.cloud.two{animation:none!important}.moon-atlas-card{transition:none}}


/* Moon phase card frame fix: preserve the previous compact arrangement */
.phase{min-width:0;max-width:100%;overflow:hidden}
.phase .disc{margin-inline:auto}

/* Remove individual frames around the eight moon phases without changing layout */
.phase{border:0!important;background:none!important;background-image:none!important;box-shadow:none!important;overflow:visible!important}
.phase:before,.phase:after{content:none!important;display:none!important}
.phase.is-current{box-shadow:none!important}
