.guestbook-page{color:#343837;--wish-accent:#795459;--wish-muted:#626865;--wish-serif:"Noto Serif TC","PMingLiU",serif;--wish-sans:"Noto Sans TC","Microsoft JhengHei",sans-serif;font-family:var(--wish-sans);background:#f7f7f4;font-size:16px;line-height:1.8}.guestbook-page *{box-sizing:border-box}.guestbook-page section[id],.guestbook-page aside[id]{scroll-margin-top:65px}.guestbook-page :focus-visible{outline-offset:4px;outline:3px solid #9a702f}.wish-hero{isolation:isolate;background:#e9e7e1;align-items:center;min-height:360px;display:flex;position:relative;overflow:hidden}.wish-hero>img{object-fit:cover;filter:saturate(.8);z-index:-2}.wish-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#f7f7f4f7,#f7f7f4db 35%,#f7f7f41f 80%);position:absolute;inset:0}.wish-hero-copy{width:min(1200px,90%);margin:auto;padding:48px 0}.wish-kicker{letter-spacing:.16em;color:#6e6555;margin:0 0 18px;font-size:13px}.wish-hero h1{letter-spacing:.08em;color:var(--wish-accent);font-size:clamp(40px,5vw,60px);font-weight:700;line-height:1.4}.wish-hero-copy>p:not(.wish-kicker){margin:22px 0 28px;font-size:16px;line-height:1.9}.wish-button{background:var(--wish-accent);color:#fffdf5;border:1px solid var(--wish-accent);cursor:pointer;justify-content:center;align-items:center;min-height:48px;padding:13px 25px;font-family:inherit;font-size:16px;transition:background .2s;display:inline-flex}.wish-button:hover{background:#604247}.wish-button:disabled,.wish-more:disabled{opacity:.65;cursor:wait}.wish-compose{grid-template-columns:minmax(0,.7fr) minmax(0,1.4fr);align-items:start;gap:64px;max-width:1200px;margin:auto;padding:56px 5% 64px;display:grid}.wish-intro{padding-top:35px}.wish-intro h2,.wish-wall h2{letter-spacing:.05em;font-size:clamp(26px,2.6vw,34px);font-weight:700;line-height:1.65}.wish-intro>p:not(.wish-kicker){margin-top:24px;line-height:2}.guestbook-page .wish-small{color:var(--wish-muted);margin-top:15px;font-size:14px;line-height:1.8}.wish-paper{background:#fff;border:1px solid #deded6;border-radius:12px;padding:40px;position:relative;box-shadow:0 12px 36px #28302b0d}.wish-stamp{text-align:center;color:#6e6555;border:1px dashed #ba965d;padding:7px 12px;font-size:10px;line-height:1.2;position:absolute;top:25px;right:28px;transform:rotate(6deg)}.wish-stamp b{font:24px Georgia,serif}.wish-letter-title{margin:5px 0 28px;font-size:25px}.wish-field{font-family:var(--wish-sans);font-size:16px;font-weight:600;display:block}.wish-field>span{color:var(--wish-muted);margin-left:5px;font-size:13px;font-weight:400}.wish-field input,.wish-field select,.wish-field textarea{color:#343837;background:#fff;border:1px solid #a8ada9;border-radius:6px;width:100%;min-width:0;margin-top:8px;padding:12px;font-size:16px;font-weight:400;display:block}.wish-field textarea{resize:vertical;min-height:150px;line-height:1.9}.wish-field input::placeholder,.wish-field textarea::placeholder{color:#686e6a}.wish-count{text-align:right;color:var(--wish-muted);margin:5px 0 20px;font:12px/1.8 sans-serif}.wish-fields{grid-template-columns:1fr 1fr;gap:20px 15px;display:grid}.wish-consent{font-family:var(--wish-sans);align-items:flex-start;gap:10px;margin:25px 0;font-size:14px;line-height:1.9;display:flex}.wish-consent input{accent-color:#795459;flex-shrink:0;width:19px;height:19px;margin-top:3px}.wish-consent a{text-underline-offset:3px;text-decoration:underline}.wish-paper form>.wish-button{width:100%}.wish-error{color:#853719;overflow-wrap:anywhere;background:#fff0e9;border-left:3px solid #a34322;margin:15px 0;padding:13px 16px;font:14px/1.8 sans-serif}.wish-success{padding:48px 0;line-height:2}.wish-success h3{margin:15px 0;font-size:25px;font-weight:700}.wish-success .wish-button{margin-top:25px}.wish-wall{border-top:1px solid #deded6;max-width:1200px;margin:auto;padding:65px 5% 75px}.wish-wall>header{text-align:center;margin-bottom:40px}.wish-wall header>p:last-child{color:var(--wish-muted);margin-top:12px;font-size:14px;line-height:1.9}.wish-cards{columns:3;column-gap:24px}.wish-card{break-inside:avoid;background:#fff;border:1px solid #deded6;border-top:3px solid #b3a07a;width:100%;margin:0 0 24px;padding:25px;display:inline-block}.wish-card:nth-child(3n+2){background:#f6f0ee;border-top-color:#ac8a89}.wish-card:nth-child(3n){background:#f3f2eb;border-top-color:#b6ab8f}.wish-card-mark{color:#9a8968;font:44px/1 Georgia,serif}.wish-card-message{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 25px;font-size:17px;line-height:2}.wish-card footer{color:#626865;border-top:1px solid #deded6;padding-top:16px;font:12px/1.9 sans-serif}.wish-card footer>*{overflow-wrap:anywhere;display:block}.wish-card footer strong{color:#343837;font-size:14px}.wish-empty{text-align:center;color:var(--wish-muted);border:1px dashed #b7bbb4;padding:40px 20px;line-height:2}.wish-empty h3{color:#343837;font-size:23px}.wish-empty a{color:#795459;margin-top:15px;text-decoration:underline;display:inline-block}.wish-more{cursor:pointer;border:1px solid #795459;min-height:48px;margin:15px auto 0;padding:12px 25px;display:block}.wish-notice{max-width:1080px;font:14px/2 var(--wish-sans);color:var(--wish-muted);border-top:1px solid #deded6;margin:auto;padding:30px 5% 60px}.wish-notice h2{color:#343837;margin-bottom:10px;font-size:16px;font-weight:600}.wish-notice p+p{margin-top:10px}@media (max-width:900px){.wish-compose{grid-template-columns:.8fr 1.2fr;gap:30px}.wish-paper{padding:30px 22px}.wish-fields{grid-template-columns:1fr}.wish-cards{columns:2}}@media (max-width:640px){.wish-hero{min-height:320px}.wish-hero-copy{padding:36px 0}.wish-hero:after{background:linear-gradient(90deg,#f7f7f4f5,#f7f7f4b3)}.wish-hero>img{object-position:65% center}.wish-hero h1{font-size:40px}.wish-compose{padding:35px 5% 50px;display:block}.wish-intro{padding:0}.wish-intro h2{font-size:29px}.wish-intro>p:not(.wish-kicker){margin-top:16px}.wish-paper{margin-top:30px;padding:28px 20px}.wish-wall{padding:40px 5%}.wish-wall h2{font-size:25px}.wish-cards{columns:1}.wish-stamp{top:22px;right:20px}.wish-notice{padding-bottom:40px}}.wish-hero h1,.wish-intro h2,.wish-wall h2,.wish-letter-title{font-family:var(--wish-serif)}.wish-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.wish-button{border-radius:6px;font-weight:600}.wish-button-secondary{color:var(--wish-accent);background:#ffffffd9}.wish-button-secondary:hover{background:#eee8e6}.wish-card{border-radius:8px}.wish-field input:focus,.wish-field select:focus,.wish-field textarea:focus{border-color:var(--wish-accent)}@media (max-width:640px){.wish-hero-actions{gap:10px}.wish-hero-actions .wish-button{padding:12px 16px;font-size:15px}.wish-intro>p{max-width:36em}.wish-paper{box-shadow:none}}
