/* 2026-10-11 · 留住今夜的一张折页 */
.night-page{margin:0 auto 76px}
.night-page-leaf{position:relative;display:grid;grid-template-columns:minmax(150px,.33fr) minmax(0,.67fr);border:1px solid var(--line);background:var(--paper);box-shadow:4px 6px 0 var(--paper-alt),0 14px 25px -21px var(--shadow)}
.night-page-leaf::before{content:"";position:absolute;top:16px;left:18px;right:18px;bottom:16px;border:1px solid var(--line);opacity:.35;pointer-events:none}
.night-page-paperclip{position:relative;min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border-right:1px dashed var(--line);background:linear-gradient(145deg,var(--paper-alt),var(--paper));color:var(--accent)}
.night-page-paperclip>span{font:italic 39px/1.2 Georgia,serif;letter-spacing:.04em}
.night-page-paperclip>small{font:12px/1.7 Georgia,serif;letter-spacing:.19em;color:var(--muted)}
.night-page-paperclip i{position:relative;width:38px;height:83px;margin:14px 0;border:3px solid var(--rose);border-radius:28px 28px 24px 24px;transform:rotate(-16deg)}
.night-page-paperclip i::after{content:"";position:absolute;left:9px;top:17px;width:12px;height:55px;border:3px solid var(--rose);border-bottom:0;border-radius:16px 16px 0 0}
.night-page-content{position:relative;padding:42px clamp(26px,4.6vw,64px) 40px}
.night-page-kicker{font:12px/1.8 var(--sans);letter-spacing:.12em;color:var(--muted)}
.night-page-content h2{font:500 clamp(29px,3.3vw,44px)/1.48 var(--serif);margin:14px 0 18px}
.night-page-content>p{max-width:37em;font:16px/2.05 var(--serif);color:var(--ink)}
.night-page-fold{max-width:520px;margin:25px 0 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}
.night-page-fold summary{cursor:pointer;min-height:44px;padding:12px 0;font:14px/1.7 var(--serif);color:var(--heading);display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none}
.night-page-fold summary::-webkit-details-marker{display:none}
.night-page-fold summary>span{font:18px Georgia,serif;transition:transform .2s}
.night-page-fold[open] summary>span{transform:rotate(45deg)}
.night-page-fold summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.night-page-fold-inside{margin:2px 0 18px;padding:17px 20px;background:var(--paper-alt);border-left:2px solid var(--rose)}
.night-page-fold-inside p{font:15px/2.05 var(--serif);margin:0 0 9px}
.night-page-fold-inside small{color:var(--muted);font:12px/1.8 var(--serif)}
.night-page-links{display:flex;align-items:center;flex-wrap:wrap;gap:15px 24px;margin-top:24px}
.night-page-primary{font:15px/1.6 var(--serif);color:var(--heading);border-bottom:1px solid var(--accent);padding:7px 0;min-height:44px;display:inline-flex;align-items:center;gap:8px}
.night-page-primary:hover span{transform:translate(3px,-3px)}
.night-page-primary span{transition:transform .2s}
.night-page-secondary{font:13px/1.6 var(--serif);color:var(--muted);text-decoration:underline;text-decoration-color:var(--rose);text-underline-offset:5px;padding:10px 0}
@media(max-width:720px){.night-page{margin-bottom:56px}.night-page-leaf{grid-template-columns:1fr}.night-page-paperclip{min-height:96px;flex-direction:row;gap:25px;border-right:0;border-bottom:1px dashed var(--line)}.night-page-paperclip>span{font-size:26px}.night-page-paperclip i{width:23px;height:49px;margin:0;border-width:2px}.night-page-paperclip i::after{left:4px;top:10px;width:8px;height:31px;border-width:2px}.night-page-content{padding:28px 26px 31px}.night-page-content>p{font-size:15px}.night-page-paperclip>small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.night-page-fold summary>span,.night-page-primary span{transition:none}}