@import url('/shared/ui-text-fonts-v1.css');
.greeting-card{--gc-ink:#173f73;--gc-accent:#a83f66;--gc-tint:#f9dce8;box-sizing:border-box;position:relative;isolation:isolate;width:100%;max-width:560px;margin:0 auto;padding:24px 28px;border:2px solid var(--gc-ink);border-radius:7px 5px 8px 4px;background:#fffdf9;color:var(--gc-ink);box-shadow:4px 5px 0 #173f7320;letter-spacing:0;overflow-wrap:anywhere;text-align:left;font-family:'PingFang SC','Microsoft YaHei',sans-serif}
.greeting-card *{box-sizing:border-box;letter-spacing:0}.gc-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1.5px dashed #173f7340;font-size:11px;line-height:1.6}.gc-category{font-family:GreetingsHand,'PingFang SC',sans-serif;font-size:19px;white-space:nowrap}.gc-edition{color:#657588;text-align:right}
.gc-intro{position:relative;min-width:0}.gc-art{display:block;width:178px;height:178px;object-fit:contain;margin:18px auto 0}.gc-kicker{margin:2px 0 8px;font-size:12px;color:var(--gc-accent)}
.greeting-card .gc-title{font-family:GreetingsHand,'PingFang SC',sans-serif;font-size:31px;line-height:1.4;font-weight:400;margin:0 0 20px;color:var(--gc-ink);text-wrap:pretty}
.gc-content{min-width:0}.gc-salutation{font-family:GreetingsHand,'PingFang SC',sans-serif;font-size:22px;margin:4px 0 12px}.gc-body{white-space:pre-wrap;font-size:15px;line-height:2;margin:0 0 22px;overflow-wrap:anywhere}
.gc-points{display:flex;justify-content:center;align-items:baseline;gap:8px;flex-wrap:wrap;border-top:2px dashed var(--gc-ink);border-bottom:2px dashed var(--gc-ink);background:var(--gc-tint);padding:20px 12px;color:var(--gc-accent)}.gc-points strong{font-family:GreetingsHand,'PingFang SC',sans-serif;font-size:42px;line-height:1.15}.gc-points span{font-size:13px}.gc-points small{flex-basis:100%;text-align:center;font-size:12px}
.gc-footer{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:24px;padding-top:16px;border-top:1px dashed #173f7340;font-size:11px;line-height:1.8;color:#657588}.gc-footer p{margin:0;max-width:60%}.gc-footer div{text-align:right;min-width:0}.gc-footer span{font-family:GreetingsHand,'PingFang SC',sans-serif;font-size:23px;color:var(--gc-ink);display:block}.gc-footer time{display:block;font-size:11px}
.gc-gift{border-color:#874360;background:#fff9fc}.gc-gift .gc-intro,.gc-gift .gc-body{text-align:center}.gc-gift .gc-category{color:#a83f66}.gc-gift::before{content:'';position:absolute;top:-8px;left:calc(50% - 24px);width:48px;height:15px;background:#f5d16fba;border:1px solid #173f7320;transform:rotate(-5deg)}
.gc-notice{--gc-accent:#32694f;--gc-tint:#e2f0e8;background:#f8fdf9;border-color:#3d6b58;padding-top:26px}.gc-notice .gc-category{color:#32694f}.gc-notice .gc-intro{padding:106px 0 0}.gc-notice .gc-art{position:absolute;top:8px;right:-2px;width:104px;height:104px;margin:0;transform:rotate(7deg)}.gc-postmark{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:25px;width:58px;height:58px;border:3px double #608d78;border-radius:50%;font:22px/1 GreetingsHand,sans-serif;color:#608d78;transform:rotate(-12deg)}.gc-notice .gc-body{line-height:32px;background:repeating-linear-gradient(transparent 0,transparent 31px,#dfeae1 31px,#dfeae1 32px);padding-bottom:1px}.gc-notice .gc-footer{border-top:0;margin-top:14px}.gc-notice::after{content:'';position:absolute;inset:8px;pointer-events:none;border:1px dashed #70967c55;border-radius:4px}
.gc-update{--gc-accent:#365f97;--gc-tint:#e2edf9;background:#f8fbff;border-color:#31567e}.gc-update .gc-top{background:#f7e596;margin:-24px -28px 0;padding:16px 24px;border-bottom:2px solid var(--gc-ink)}.gc-update .gc-category{font-size:22px}.gc-update .gc-intro{display:grid;grid-template-columns:126px minmax(0,1fr);gap:14px;align-items:center;margin:20px 0}.gc-update .gc-art{width:126px;height:126px;margin:0;transform:rotate(-6deg)}.gc-update .gc-title{font-size:28px;margin:0}.gc-update .gc-body{padding:2px 0 2px 16px;border-left:3px solid #84a9d3}.gc-update .gc-footer{border-top:2px dashed #8aa9c9}
@media(max-width:420px){.greeting-card{padding:20px}.gc-art{width:150px;height:150px}.greeting-card .gc-title{font-size:26px}.gc-body{font-size:14px}.gc-update .gc-top{margin:-20px -20px 0;padding:14px 18px}.gc-update .gc-intro{grid-template-columns:88px minmax(0,1fr);gap:8px}.gc-update .gc-art{width:88px;height:104px}.gc-update .gc-title{font-size:24px}.gc-footer{gap:12px}.gc-footer p{max-width:58%}}
@media(prefers-reduced-motion:no-preference){.message-card-dialog[open] .greeting-card{animation:card-arrive .25s ease-out}@keyframes card-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}