:root{--paper:#f6f1e7;--ink:#30251e;--muted:#7b6d60;--line:#dfd4c3;--red:#aa3528;--white:#fffdf8}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #c96e4c;outline-offset:5px}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,41%) 1fr}.store-panel{position:sticky;top:0;height:100vh;min-height:740px;overflow:hidden;background:#1b1714;color:#f9efda}.store-photo{width:100%;height:100%;object-fit:cover;object-position:52% 50%;opacity:.65}.store-shade{position:absolute;inset:0;background:linear-gradient(180deg,#120d0caf 0%,#120d0c05 48%,#120d0ce8 100%)}.store-heading{position:absolute;top:54px;left:52px;right:32px}.store-kicker{font-size:14px;letter-spacing:.3em}.store-wordmark{font-family:"STKaiti","Kaiti SC",KaiTi,serif;font-weight:700;font-size:76px;letter-spacing:.05em;margin:14px 0 2px}.store-heading p{font-size:14px;letter-spacing:.18em;margin:0}.store-bottom{position:absolute;bottom:38px;left:52px;right:32px}.store-poem{font-family:"Songti SC",SimSun,serif;font-size:29px;line-height:1.7;letter-spacing:.05em;margin:0}.store-bottom small{display:block;border-top:1px solid #fff3;margin-top:27px;padding-top:19px;font-size:12px;letter-spacing:.2em}.desktop-qr{display:flex;align-items:center;gap:16px;margin-top:25px}.desktop-qr>img{width:100px;height:100px;border:7px solid #fffdf8;border-radius:3px;background:var(--white)}.desktop-qr strong{font-size:15px;font-weight:500}.desktop-qr p{font-size:12px;margin:7px 0 12px;color:#e3d8c6;line-height:1.6}.desktop-qr a{font-size:12px;border-bottom:1px solid #e3d8c677;padding-bottom:3px}.checkin-panel{width:100%;max-width:800px;padding:28px 50px 0;margin:auto}.topline{display:flex;align-items:center;justify-content:space-between;padding-bottom:23px;border-bottom:1px solid var(--line)}.brand{font-family:"Kaiti SC",KaiTi,serif;font-size:27px;font-weight:700}.brand span{font-family:"PingFang SC",sans-serif;font-weight:400;font-size:14px;color:var(--muted)}.edition{font-size:12px;color:var(--red);border:1px solid #b56b5177;background:none;padding:7px 10px}.note-preview{margin-top:24px}.preview-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:12px;letter-spacing:.1em}.preview-label span:first-child{color:var(--red)}.gallery-wrap{position:relative;border-radius:4px;overflow:hidden;background:#211b17}.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:4/3}.gallery::-webkit-scrollbar{display:none}.gallery>img{display:block;flex:0 0 100%;min-width:0;width:100%;height:100%;object-fit:cover;scroll-snap-align:center;scroll-snap-stop:always}.photo-caption{position:absolute;bottom:13px;left:15px;color:#fff4e0;background:#21181091;padding:5px 8px;font-size:11px;letter-spacing:.1em;border:1px solid #fff3}.gallery-counter{position:absolute;top:12px;right:12px;background:#1c1512b3;color:white;padding:5px 9px;font-size:12px;border-radius:20px}.gallery-controls{position:absolute;top:43%;left:10px;right:10px;display:flex;justify-content:space-between;pointer-events:none}.gallery-controls button{pointer-events:auto;background:#211b1788;color:white;border:1px solid #fff3;width:33px;height:38px;border-radius:3px;font-size:29px;line-height:1}.gallery-dots{display:flex;gap:7px;justify-content:center;margin:12px 0}.gallery-dots button{border:0;background:#cfc2ad;width:7px;height:7px;border-radius:50%;padding:0}.gallery-dots button.active{background:var(--red)}.note-copy{padding:23px 0 0}h1{font-family:"Songti SC","STSong",SimSun,serif;font-size:27px;font-weight:700;line-height:1.55;letter-spacing:.015em;margin:0 0 15px}.note-content{font-size:16px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}.hashtag{color:#9d3d2b}.copy-note{display:flex;align-items:center;gap:6px;color:var(--muted);background:none;border:0;padding:0;font-size:13px;margin:17px 0 0}.copy-note:hover{color:var(--red)}.instructions{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}h2{font-size:15px;font-weight:600;margin:0 0 14px}.instructions ol{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:10px}.instructions li{display:flex;align-items:baseline;gap:11px;font-size:13px;color:var(--muted);line-height:1.7}.instructions li span{font-family:Georgia,serif;font-size:12px;color:var(--red);flex-shrink:0}.feedback{display:block;font-size:14px;color:var(--red);line-height:1.8;margin-top:10px}.feedback:empty{margin:0}.publish-section{padding:20px 0 0;background:var(--paper)}.publish-button{display:flex;justify-content:center;align-items:center;gap:14px;background:var(--red);border:0;border-radius:4px;color:#fffdf4;width:100%;min-height:56px;padding:14px;font-size:16px;transition:background .2s}.publish-button:hover{background:#8e291d}.publish-button[aria-disabled=true]{background:#a69b8b;cursor:not-allowed}.rednote-mark{font-size:15px;font-weight:800;border-right:1px solid #fff5;padding-right:14px;white-space:nowrap}.publish-section>p{text-align:center;font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0 0}footer{border-top:1px solid var(--line);padding:18px 0 24px;margin-top:25px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.browser-guide{display:flex;gap:12px;background:#f0dfc6;border:1px solid #d9c3a3;border-radius:4px;padding:16px;margin:20px 0}.guide-symbol{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--red);border-radius:50%;color:var(--red);flex-shrink:0;font-family:Georgia,serif}.browser-guide strong{font-size:15px}.browser-guide p{font-size:14px;line-height:1.7;margin:6px 0;color:#705c44}.text-button{border:0;background:none;color:var(--red);font-size:13px;padding:4px 0;text-decoration:underline;text-underline-offset:4px}.manual-help{border-left:2px solid #b66f4e;padding-left:14px;font-size:13px;line-height:1.8;color:var(--muted);margin:18px 0 5px}.manual-help p{margin:0 0 5px}.manual-help>a{color:var(--red);text-decoration:underline;text-underline-offset:4px;margin-left:15px}.manual-help>span{display:block;font-size:12px;margin-top:6px}dialog{position:fixed;background:var(--paper);border:1px solid #c8ae88;padding:36px 30px 28px;max-width:390px;width:calc(100% - 44px);text-align:center;border-radius:5px;color:var(--ink)}dialog::backdrop{background:#1e140eb3;backdrop-filter:blur(4px)}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--red)}dialog h2{font-family:"Songti SC",SimSun,serif;font-size:26px;margin:12px 0 20px}dialog>img{display:block;width:220px;height:220px;max-width:100%;margin:0 auto;background:white;padding:10px}dialog p{font-size:13px;line-height:1.8;color:var(--muted);margin:18px 0}.dialog-close{position:absolute;top:9px;right:14px;background:none;border:0;color:var(--muted);font-size:28px;padding:0 4px}.download-qr{display:block;background:var(--red);color:white;padding:12px;border-radius:3px;font-size:14px}dialog>.text-button{display:block;margin:15px auto 0}.notice{font-size:14px;color:var(--red);line-height:1.8}
@media(min-width:1600px){.checkin-panel{padding-left:65px;padding-right:65px}.store-heading,.store-bottom{left:70px}}@media(max-width:1100px){.site-shell{grid-template-columns:36% 1fr}.checkin-panel{padding:26px 34px 0}.store-heading,.store-bottom{left:30px;right:25px}.store-wordmark{font-size:62px}.store-poem{font-size:23px}.desktop-qr{align-items:flex-start;flex-direction:column}.store-panel{min-height:800px}.store-heading{top:38px}}@media(max-width:700px){.site-shell{display:block}.store-panel{display:none}.checkin-panel{padding:21px 20px 0;max-width:520px}.topline{padding-bottom:19px}.brand{font-size:26px}.brand span{font-size:13px}.edition{font-size:11px;padding:6px 8px}.note-preview{margin-top:20px}.preview-label{font-size:11px;margin-bottom:10px}.gallery{aspect-ratio:4/3}.note-copy{padding-top:21px}h1{font-size:25px;margin-bottom:12px}.note-content{font-size:16px;line-height:1.9}.instructions{margin-top:23px;padding-top:19px}.instructions li{font-size:13px}.publish-section{position:sticky;bottom:0;padding:13px 0 max(12px,env(safe-area-inset-bottom));margin-top:18px;border-top:1px solid var(--line);z-index:5}.publish-button{font-size:15px;gap:12px;min-height:54px}.rednote-mark{font-size:14px;padding-right:12px}.publish-section>p{font-size:11px;margin-top:8px}footer{margin-top:3px;font-size:11px;padding-top:17px;padding-bottom:21px}.browser-guide{margin:18px 0}.manual-help>a{display:block;margin-left:0;margin-top:6px}dialog{padding-left:22px;padding-right:22px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}