.public-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.option{border:1px solid var(--line);background:#fff;border-radius:20px;padding:24px;min-width:0}.option-heading{display:flex;flex-direction:column;gap:3px}.option h2{font-size:25px;margin:5px 0}.option p{font-size:16px;color:var(--muted)}.badge-stage{height:290px;display:flex;justify-content:center;align-items:center;min-width:0}.badge-strip,.badge-book,.badge-visit{color:#173f32;text-decoration:none;flex-shrink:1;max-width:100%;font-family:system-ui,"PingFang TC",sans-serif;transition:box-shadow .15s,transform .15s}.badge-strip:hover,.badge-book:hover,.badge-visit:hover{box-shadow:0 4px 14px #173f321a;transform:translateY(-1px)}.passport-icon{display:block;width:38px;height:48px;flex-shrink:0}.badge-title{font-size:18px;line-height:1.4;font-weight:750;white-space:nowrap}.badge-by{font-size:10px;letter-spacing:.08em;color:#9a7b38}.badge-arrow{font-size:24px;color:#9a7b38}.badge-strip{width:280px;padding:10px 12px;border:3px double #24614d;border-radius:12px;background:#fffcf3;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:9px;min-height:80px}.strip-main{min-width:0}.strip-line{display:flex;gap:7px;align-items:center;margin-top:3px}.strip-stamps{display:flex;gap:3px}.tiny-family{position:relative;overflow:hidden;aspect-ratio:384/350;width:25px;display:block;flex-shrink:0}.tiny-family img{position:absolute;width:400%;height:292.5714%;max-width:none;left:calc(var(--col)*-100%);top:calc(var(--row)*-146.2857% - 2.2857%);object-fit:fill}.strip-meta{font-size:11px;color:#51634f;white-space:nowrap}.badge-book{width:150px;height:210px;background:#123e32;color:#e9dfb6;border-radius:6px 11px 11px 6px;border-left:6px solid #082e22;outline:1px solid #244e3e;padding:14px 12px 12px;display:flex;align-items:center;flex-direction:column;position:relative;gap:8px}.badge-book::after{content:'';position:absolute;inset:7px 6px 7px 7px;border:1px solid #c5b97f;border-radius:4px 7px 7px 4px;pointer-events:none}.badge-book .badge-by{color:#e9dfb6;font-size:10px;letter-spacing:.2em}.badge-book .passport-icon{width:34px;height:43px;margin:1px 0}.badge-book .badge-title{font-size:16px;letter-spacing:.01em}.book-stamps{display:flex;gap:5px}.book-stamps .tiny-family{width:24px;border-radius:50%;background:#fffcf3}.book-meta{font-size:10px;color:#e0d4aa}.book-link{font-size:12px;border-top:1px solid #c5b97f60;padding-top:5px;align-self:stretch;text-align:center;color:#e9dfb6}.badge-visit{width:310px;border:3px double #24614d;background:#fffcf3;border-radius:13px;padding:12px 14px;display:block;min-height:140px}.visit-title{display:flex;align-items:center;gap:10px}.visit-title .passport-icon{width:24px;height:30px}.visit-title .badge-by{margin-left:auto}.visit-stamps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:10px 0}.visit-family{display:flex;align-items:center;gap:5px;min-width:0}.visit-family .tiny-family{width:29px}.visit-family strong{font-size:10px;font-weight:650;display:block;line-height:1.3}.visit-family span{font-size:11px;color:#51634f;white-space:nowrap}.visit-foot{border-top:1px solid #dedecd;padding-top:7px;display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#51634f}.website-wrap{margin-top:25px;max-width:100%;border-radius:20px;border:1px solid #d9d8d1;overflow:hidden;background:white;transition:max-width .2s;box-shadow:0 8px 30px #172b2110}.website-wrap.phone-preview{max-width:390px;margin-left:auto;margin-right:auto;border:8px solid #2a2b29;border-radius:30px}.website{color:#383c38;font-family:system-ui,"PingFang TC",sans-serif;background:#fff}.website-header{display:flex;align-items:center;justify-content:space-between;padding:25px 40px;border-bottom:1px solid #e7e5df}.website-header strong{font-size:19px;letter-spacing:.11em}.website-header nav{display:flex;gap:30px;font-size:14px}.website-header a{color:#60615b;text-decoration:none}.website-menu{display:none}.website-hero{padding:60px 60px;display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;background:#faf8f1;min-height:350px}.website-kicker{font-size:12px;color:#898c76;letter-spacing:.1em}.website-hero h2{font-size:44px;color:#373e37;line-height:1.4;margin:15px 0 18px}.website-hero p{font-size:16px;line-height:1.8;color:#7e8273;max-width:530px}.website-cta{display:inline-block;color:#515c48;text-decoration:none;border-bottom:1px solid #a6ad97;padding:8px 0;margin-top:8px;font-size:14px}.website-art{position:relative;width:100%;height:265px;overflow:hidden}.art-circle{position:absolute;width:180px;height:180px;border-radius:50%;background:#d1d4bb;top:50px;left:30px}.art-pill{position:absolute;width:95px;height:250px;border-radius:100px;background:#d6b9a0;right:65px;top:5px;transform:rotate(28deg)}.art-card{position:absolute;width:150px;height:165px;right:5px;top:80px;background:#e3e4d5;border-radius:12px;transform:rotate(-7deg);border:1px solid #c9ccb9}.website-art span{position:absolute;z-index:1;font-size:33px;line-height:1.3;letter-spacing:.1em;right:17px;top:110px;color:#7f8870}.website-services{display:flex;justify-content:space-around;gap:20px;padding:27px 30px;font-size:14px;color:#848675;border-top:1px solid #e7e5df;border-bottom:1px solid #e7e5df}.website-footer{padding:36px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:#f0f0e9;min-width:0}.website-footer-copy strong{font-size:17px;letter-spacing:.1em}.website-footer-copy p{font-size:13px;color:#818574;margin:12px 0}.website-footer-copy small{font-size:11px;color:#949684}.website-footer-badge{min-width:0;max-width:100%;display:flex;justify-content:flex-end}.website-wrap.dark-footer .website-footer{background:#252c28;color:#efeee5}.website-wrap.dark-footer .website-footer-copy p,.website-wrap.dark-footer .website-footer-copy small{color:#acb5a9}.public-board{width:100%;display:block;border:1px solid var(--line);border-radius:20px}.phone-preview .website-header{padding:21px}.phone-preview .website-header nav{display:none}.phone-preview .website-menu{display:block}.phone-preview .website-hero{padding:32px 24px;grid-template-columns:1fr;gap:20px;min-height:0}.phone-preview .website-hero h2{font-size:30px}.phone-preview .website-art{height:205px}.phone-preview .website-footer{padding:27px 24px;flex-direction:column;align-items:flex-start;gap:28px}.phone-preview .website-footer-badge{justify-content:flex-start;width:100%}.phone-preview .website-services{padding:24px;flex-direction:column;gap:12px}.phone-preview .website-services span{border-bottom:1px solid #e2e3d9;padding:0 0 12px}.phone-preview .website-art span{font-size:27px;top:95px}.phone-preview .art-circle{width:140px;height:140px}.phone-preview .art-pill{height:200px;right:55px}.phone-preview .art-card{width:125px;height:140px;top:62px}.phone-preview .badge-strip{width:280px}.phone-preview .badge-visit{width:310px}@media(max-width:1100px){.public-options{grid-template-columns:1fr}.option{display:grid;grid-template-columns:1fr 330px;align-items:center;gap:20px}.badge-stage{grid-column:2;grid-row:1/3;height:250px}.option-heading{grid-column:1}.option p{grid-column:1}.website-hero{padding:40px;gap:30px}.website-hero h2{font-size:36px}}@media(max-width:760px){.option{display:block;padding:22px}.badge-stage{height:260px}.website-header{padding:20px}.website-header nav{display:none}.website-menu{display:block}.website-hero{padding:32px 24px;grid-template-columns:1fr;gap:20px}.website-hero h2{font-size:30px}.website-art{height:205px}.website-footer{padding:25px 24px;flex-direction:column;align-items:flex-start;gap:27px}.website-footer-badge{justify-content:flex-start;width:100%}.website-services{padding:24px;flex-direction:column;gap:12px}.website-art span{font-size:27px;top:95px}.art-circle{width:140px;height:140px}.art-pill{height:200px;right:55px}.art-card{width:125px;height:140px;top:62px}.badge-title{font-size:16px}.badge-strip{gap:7px;padding:8px}.strip-meta{font-size:10px}.badge-strip .tiny-family{width:22px}.badge-strip .passport-icon{width:30px}.visit-family{gap:3px}.visit-family .tiny-family{width:24px}.visit-stamps{gap:4px}.badge-visit{padding:11px}.visit-title{gap:6px}.badge-visit .badge-by{font-size:9px}.badge-stage .badge-visit{max-width:100%}.phone-preview .website-footer{padding:24px 18px}.phone-preview .website-hero{padding:28px 20px}.phone-preview .website-header{padding:18px}.website-wrap.phone-preview{border-width:5px}.strip-line{gap:4px}.strip-stamps{gap:1px}.website-footer-copy{max-width:100%}}
@media(prefers-reduced-motion:reduce){.badge-strip,.badge-book,.badge-visit,.website-wrap{transition:none}}
@media(max-width:760px){.visit-family{flex-direction:column;align-items:center;text-align:center;gap:4px}.visit-family strong{font-size:10px}.visit-family span{font-size:12px}.visit-family .tiny-family{width:29px}.badge-visit .badge-title{font-size:16px}.badge-visit .badge-by{font-size:9px}}