@charset "UTF-8";
:root{--paper:#f5f1e7;--ink:#3b342c;--muted:#756b5f;--green:#3b574a;--accent:#a14631;--line:#d5ccbc;--serif:Georgia,'Songti SC','Noto Serif CJK SC',SimSun,serif;--sans:'Segoe UI','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;background-image:linear-gradient(#ddd4c226 1px,transparent 1px),linear-gradient(90deg,#ddd4c226 1px,transparent 1px);background-size:24px 24px}a{color:inherit;text-decoration:none}button{font:inherit}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:#ded6ba}.site-shell{max-width:1224px;margin:auto;padding:0 48px}.header{display:flex;justify-content:space-between;align-items:center;padding:32px 0;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;font-family:var(--serif);font-size:24px;line-height:1.3;font-weight:600}.brand-mark{font-size:35px;background:var(--green);color:#fff9e9;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-weight:400;font-style:italic}.brand-sub{display:block;font-family:var(--sans);font-size:12px;color:var(--muted);letter-spacing:.09em;margin-top:5px;font-weight:400}nav{display:flex;gap:36px;font-size:15px}nav a{padding:8px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding:72px 0 65px}.eyebrow{font-size:12px;letter-spacing:.17em;color:var(--muted);margin:0 0 16px;line-height:1.5}h1,h2,h3{font-family:var(--serif);font-weight:500}h1{font-size:clamp(42px,5.2vw,64px);letter-spacing:.04em;line-height:1.4;margin:0 0 22px}.intro-text{color:var(--muted);font-size:16px;line-height:2;margin:0 0 24px}.text-link{display:inline-block;color:var(--green);border-bottom:1px solid var(--green);font-size:15px;padding-bottom:4px}.intro-foot{display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:.08em;color:var(--muted);margin-top:38px}.tiny-cross{font-size:21px;color:var(--accent)}.cover-note{background:#fcfaf4;box-shadow:0 9px 30px #584a3121;border:1px solid #e5ddcf;padding:54px 40px 35px;transform:rotate(2deg);position:relative;max-width:420px;justify-self:center;width:100%;font-family:var(--serif);font-size:24px;line-height:1.9}.tape{position:absolute;left:50%;top:-14px;transform:translateX(-50%) rotate(-5deg);width:120px;height:28px;background:#c3b79366;border:1px solid #b9aa8429}.handwriting{font-family:Georgia,var(--serif);font-style:italic;font-size:20px;color:var(--green);font-weight:400}.note-sign{display:block;font-style:italic;font-size:18px;text-align:right}.note-index{display:block;border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font:12px var(--sans);letter-spacing:.14em;color:var(--muted)}.section{padding:40px 0 50px;border-top:1px solid var(--line);scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:8px}h2{font-size:30px;line-height:1.5;margin:0;letter-spacing:.04em}.section-note{font-size:14px;color:var(--muted)}.album-start{display:flex;gap:25px;align-items:center;padding:30px 34px;border:1px dashed #b6aa96;background:#fbf8ef80}.album-number{font-family:Georgia;font-size:52px;color:#b9ac97;line-height:1}.label{font-size:12px;letter-spacing:.09em;color:var(--muted);margin:0}.album-start h3{font-size:22px;margin:5px 0}.album-start p:not(.label){font-size:14px;color:var(--muted);margin:0}.album-sign{margin-left:auto;font-family:Georgia;font-size:18px;font-style:italic;color:var(--green);white-space:nowrap}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.world-card{background:#fffcf5;border:1px solid var(--line);padding:30px 32px;position:relative;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center}.world-number{font-family:Georgia;font-size:22px;color:var(--muted)}.world-card h3{font-size:30px;margin:15px 0 12px;line-height:1.5}.world-card p{font-size:15px;color:var(--muted);margin:0 0 23px;max-width:390px}.world-meta{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);border-top:1px dashed var(--line);padding-top:18px}.world-meta a{text-decoration:underline;text-underline-offset:4px}.world-link{align-self:flex-start;font-size:14px;color:var(--green);margin-top:22px;border-bottom:1px solid var(--green);padding-bottom:2px}.next-world{background:#eceadf66;border-style:dashed}.next-world .bookmark-symbol{position:absolute;right:30px;top:25px;color:#9a9d89;font-size:25px;font-weight:300}.next-world h3{font-size:25px;margin-top:25px}.next-world .handwriting{margin-top:auto;color:#727761;font-size:16px}.about{display:flex;align-items:center;gap:30px;padding:46px 0}.about-monogram{font-family:Georgia;font-size:63px;font-style:italic;color:var(--green);width:95px;height:95px;display:grid;place-items:center;border:1px solid #a2aa93;border-radius:50%;flex-shrink:0}.about .eyebrow{margin-bottom:8px}.about h2{font-size:25px}.about p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.9;margin:12px 0 0}.about-stamp{margin-left:auto;flex-shrink:0;color:var(--accent);font-size:12px;letter-spacing:.1em;border:2px solid var(--accent);padding:10px 15px;transform:rotate(-8deg);text-align:center;opacity:.8}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0 30px;font-size:12px;color:var(--muted)}.skip{position:fixed;top:-70px;left:15px;z-index:99;background:var(--green);color:white;padding:12px}.skip:focus{top:15px}
@media(max-width:900px){.site-shell{padding:0 28px}.intro{gap:30px;padding:55px 0}.cover-note{padding:40px 25px}.album-sign{display:none}.about-stamp{display:none}.section-note{max-width:160px}.world-card{padding:25px}.world-card h3{font-size:26px}}
@media(max-width:600px){.site-shell{padding:0 22px}.header{padding:22px 0;flex-wrap:wrap;gap:22px}.brand{font-size:22px}.brand-mark{width:42px;height:42px;font-size:31px}nav{width:100%;justify-content:space-between;gap:20px;border-top:1px dashed var(--line);padding-top:13px;font-size:14px}.intro{grid-template-columns:1fr;gap:35px;padding:38px 0 45px}h1{font-size:43px;line-height:1.4}.intro-foot{margin-top:25px}.cover-note{max-width:100%;font-size:23px;transform:rotate(1deg)}.section{padding:30px 0 36px}.section-heading{display:block;margin-bottom:23px}.section-note{display:block;margin-top:8px;max-width:none}h2{font-size:27px}.album-start{padding:25px 20px;align-items:flex-start;gap:15px}.album-number{font-size:35px}.album-start h3{font-size:20px}.world-grid{grid-template-columns:1fr;gap:20px}.about{gap:18px;align-items:flex-start}.about-monogram{width:55px;height:55px;font-size:40px}.about h2{font-size:21px}.about br{display:none}footer{flex-wrap:wrap;font-size:12px}footer span:last-child{width:100%;margin-top:-10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.cover-photo{margin:0;position:relative;background:#fcfaf4;padding:14px 14px 20px;border:1px solid #e5ddcf;box-shadow:0 9px 30px #584a3121;transform:rotate(2deg);width:100%;justify-self:center}.photo-open{display:block;padding:0;border:0;position:relative;background:#345647;width:100%;cursor:zoom-in;line-height:0}.photo-open img{width:100%;height:340px;object-fit:cover;display:block}.photo-view{position:absolute;bottom:13px;right:13px;font-size:12px;line-height:1.5;padding:7px 12px;background:#fffcf5ed;color:var(--green);border-radius:2px}.cover-photo figcaption{padding:18px 5px 0;display:flex;flex-direction:column;gap:7px}.cover-photo .handwriting{font-size:19px}.cover-label{font-size:12px;color:var(--muted);letter-spacing:.04em}dialog{width:min(1100px,calc(100% - 32px));max-height:90vh;padding:20px;background:var(--paper);border:1px solid var(--line);color:var(--ink)}dialog::backdrop{background:#252a22d9}dialog img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain}dialog p{font-size:14px;color:var(--muted);margin:15px 0 0}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:17px}.dialog-head h2{font-size:22px}.dialog-close{border:1px solid var(--green);background:var(--green);color:#fff9e9;padding:6px 16px;cursor:pointer;font-size:14px}.dialog-close:hover{background:#293e33}@media(max-width:600px){.cover-photo{max-width:450px;transform:rotate(1deg)}.photo-open img{height:auto;aspect-ratio:4/3}.cover-photo .handwriting{font-size:18px}.dialog-head h2{font-size:19px}}

.intro{padding-top:54px;padding-bottom:52px}.cover-photo .photo-open img{height:auto;aspect-ratio:16/9;object-fit:contain}.cover-photo .handwriting{font-family:var(--serif);font-style:normal;font-size:22px}.cover-photo .cover-label{font-size:14px}.album-summary{display:flex;gap:20px;align-items:center;margin:-4px 0 28px;font-size:14px;color:var(--muted)}.album-summary p{margin:0}.album-volume{font-family:Georgia;color:var(--accent);font-size:14px;letter-spacing:.12em;white-space:nowrap}.photo-grid{columns:3;column-gap:24px}.photo-card{margin:0 0 25px;padding:9px 9px 0;background:#fffdf7;border:1px solid #e2d9ca;box-shadow:0 4px 12px #584a3110;break-inside:avoid;scroll-margin-top:24px}.photo-card .photo-open{background:#f6f3ed}.photo-card .photo-open img{display:block;width:100%;height:auto;object-fit:contain}.photo-card .photo-view{opacity:0;transition:opacity .15s}.photo-card .photo-open:hover .photo-view,.photo-card .photo-open:focus-visible .photo-view{opacity:1}.photo-caption{padding:16px 10px 20px}.photo-date{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.photo-date>span{font-family:Georgia;font-style:italic}.photo-caption h3{font-size:21px;line-height:1.5;margin:7px 0}.photo-place{font-size:14px;margin:0;color:var(--green);overflow-wrap:anywhere}.photo-credit{font-size:13px;margin:6px 0 0;color:var(--muted)}.album-footnote{font-size:13px;color:var(--muted);margin:3px 0 0}.world-card h3{font-size:27px;overflow-wrap:anywhere}.world-card p{margin-bottom:23px}.dialog-controls{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--line);margin-top:17px}.dialog-controls button{font-size:14px;color:var(--green);border:1px solid #a9b19f;padding:6px 14px;background:#fffcf5;cursor:pointer}.dialog-controls button:hover{background:#e7e9dc}.dialog-controls a{font-size:14px;border-bottom:1px solid var(--green);color:var(--green);margin-left:auto}.dialog-controls span{font-size:14px;font-variant-numeric:tabular-nums}.dialog-head h2{overflow-wrap:anywhere}#dialog-image{height:auto;max-height:63vh;object-fit:contain}#dialog-status:empty{display:none}#dialog-status{font-size:14px;color:var(--accent)}#dialog-meta{overflow-wrap:anywhere}.world-meta{flex-wrap:wrap}.world-meta a{font-size:14px}
@media(max-width:900px){.photo-grid{columns:2;column-gap:20px}.intro{padding-top:45px;padding-bottom:45px}}
@media(max-width:600px){.photo-grid{columns:1}.intro{padding-top:36px;padding-bottom:36px}.cover-photo .photo-open img{aspect-ratio:16/9;height:auto}.album-summary{gap:14px;font-size:14px}.photo-caption h3{font-size:22px}.photo-card .photo-view{opacity:1}.dialog-controls{gap:12px}.dialog-controls a{margin-left:0}.dialog-head{align-items:flex-start}.dialog-close{flex-shrink:0}.photo-grid .photo-card{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.photo-card .photo-view{transition:none}}
.guestbook-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:38px;align-items:start}.guestbook-form{position:relative;background:#fffcf5;border:1px solid var(--line);padding:32px;box-shadow:0 5px 18px #584a3112}.guestbook-stamp{display:block;font:12px Georgia,var(--serif);letter-spacing:.13em;color:var(--accent);margin-bottom:24px}.guestbook-form label{display:block;font-size:15px;color:var(--green);margin:18px 0 8px}.guestbook-form input,.guestbook-form textarea{display:block;width:100%;border:1px solid #bfb6a6;border-radius:2px;padding:12px 14px;background:#fbf9f2;color:var(--ink);font:15px/1.8 var(--sans)}.guestbook-form textarea{resize:vertical;min-height:150px}.guestbook-form input:focus-visible,.guestbook-form textarea:focus-visible{outline:2px solid var(--green);outline-offset:3px}.guestbook-form ::placeholder{color:#867b6e}.guest-count{display:block;text-align:right;font-size:12px;color:var(--muted);margin-top:6px;font-variant-numeric:tabular-nums}.guest-hint{font-size:13px;line-height:1.8;color:var(--muted);margin:15px 0 20px}.guest-submit{padding:10px 22px;border:1px solid var(--green);background:var(--green);color:#fff9e9;cursor:pointer}.guest-submit:hover{background:#2c4237}.guestbook button:disabled{opacity:.65;cursor:wait}.guest-status{font-size:14px;color:var(--muted);margin:16px 0 0;overflow-wrap:anywhere}.guest-status:empty{display:none}.guest-notes-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:20px}.guest-notes-heading h3{font-size:23px;margin:0}.guest-text-button{background:none;border:0;border-bottom:1px solid var(--green);padding:3px 0;font-size:13px;color:var(--green);cursor:pointer;white-space:nowrap}.guest-note{position:relative;background:#fcfaf3;border:1px solid var(--line);padding:22px 24px;margin-bottom:18px;border-left:3px solid #acb598;overflow-wrap:anywhere}.guest-note-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 16px;align-items:baseline}.guest-note h4{margin:0;font:600 16px/1.6 var(--sans);color:var(--green)}.guest-note time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.guest-note p{margin:12px 0 0;font-size:15px;line-height:1.9;white-space:pre-wrap}.guest-more{width:100%;border:1px dashed #a5ab96;padding:10px;background:#eceadf66;color:var(--green);cursor:pointer}.guest-more[hidden]{display:none}#guest-list-status{margin:0 0 18px}@media(max-width:750px){.guestbook-layout{grid-template-columns:1fr;gap:30px}.guestbook-form{padding:25px}.guest-note{padding:20px}}