/* 黑醬生日：把陪伴留在手機裡。QR完整保留四格留白，不在碼內疊裝飾。 */
.take-along{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center;margin-top:24px;padding:23px 20px;background:#fffbf3;border:1px solid #e4d7c5;border-radius:5px;box-shadow:0 3px 0 #e7ddce,0 12px 28px -24px #5a453870;position:relative}.take-along:before{content:"";width:52px;height:16px;background:#a7b39e88;position:absolute;left:25px;top:-8px;transform:rotate(-4deg)}.qr-small{border:0;padding:0;background:#fffdf7;cursor:zoom-in;display:block;width:112px;height:112px}.qr-small img{width:100%;height:100%;display:block}.take-along-note{font:10px/1.6 var(--body,serif);color:#9d886d;letter-spacing:.1em}.take-along h3{font:400 20px/1.5 var(--serif,serif);color:#584638;margin:6px 0}.take-along p{font:13px/1.85 var(--serif,serif);color:#8b7865;margin:0}.qr-expand{border:0;background:none;padding:8px 0 0;color:#8c6e53;font:12px/1.6 var(--body,serif);cursor:pointer;text-align:left}.qr-expand span{margin-left:6px}.qr-dialog{padding:65px 64px 48px;width:min(1060px,94vw);max-height:94svh;border:1px solid #e1d3c0;border-radius:8px;background:#f6f0e5;color:#554335;box-shadow:0 35px 110px #382c2a50;overflow:auto}.qr-dialog::backdrop{background:#3c332ec4;backdrop-filter:blur(6px)}.qr-presentation{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:55px;align-items:center}.qr-print{position:relative;background:#fffdf7;padding:22px 22px 19px;text-align:center;box-shadow:0 4px 0 #e3d8c7,0 17px 35px #56412d17;transform:rotate(-1deg)}.qr-print:before{content:"";position:absolute;top:-13px;left:calc(50% - 43px);width:86px;height:27px;background:#b8c1a4b5;transform:rotate(3deg)}.qr-print img{display:block;width:100%;height:auto}.qr-print span{display:block;font:14px/1.7 var(--serif,serif);color:#9b856b;letter-spacing:.09em;margin-top:8px}.qr-message{text-align:center}.qr-portrait{display:block;width:150px;height:auto;margin:10px auto 6px;filter:drop-shadow(0 9px 10px #6a553320)}.qr-message h2{font:400 clamp(30px,4vw,49px)/1.4 var(--serif,serif);letter-spacing:.08em;margin:15px 0;color:#584638}.qr-message p{font:18px/1.9 var(--serif,serif);color:#8a7867;letter-spacing:.08em}.qr-save{font:12px/1.8 var(--body,serif);color:#8a7158;text-underline-offset:5px}.qr-close{position:absolute;right:20px;top:15px;border:0;background:none;color:#947d64;font:13px/1.8 var(--body,serif);padding:7px 10px;cursor:pointer}.qr-close span{font-size:24px;vertical-align:-2px;margin-left:9px}body.qr-open{overflow:hidden}
@media(min-width:1500px){.qr-dialog{width:min(1200px,94vw)}.qr-print img{min-width:400px}}
@media(max-width:680px){.take-along{grid-template-columns:104px 1fr;padding:20px 16px;gap:14px}.qr-small{width:104px;height:104px}.take-along h3{font-size:18px}.qr-dialog{width:94vw;padding:56px 24px 28px;max-height:94svh}.qr-presentation{display:flex;flex-direction:column;gap:25px}.qr-print{width:min(100%,330px);padding:14px 14px 17px;order:2}.qr-message{order:1}.qr-message .take-along-note{font-size:10px}.qr-portrait{display:none}.qr-message h2{font-size:27px;line-height:1.4;margin:7px 0}.qr-message h2 br{display:none}.qr-message p{font-size:14px;line-height:1.7;margin:12px 0}.qr-message p br{display:none}.qr-print span{font-size:11px}.qr-save{display:none}}