body.thanks-page{margin:0;background:linear-gradient(180deg,#f4f7f6fa,#fff 42%,#f4f7f6f2);color:var(--ds-ink, var(--color-text, #22313f))}body.thanks-page *,body.thanks-page *:before,body.thanks-page *:after{box-sizing:border-box}.thanks-container{min-height:100vh;display:flex;flex-direction:column;font-family:Microsoft JhengHei,PingFang TC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}.thanks-section{flex:1;width:min(1040px,calc(100% - 32px));margin:0 auto;padding:56px 0 28px}.thanks-header{position:sticky;top:0;z-index:20;padding:12px 16px;background:#f4f7f6c7;border-bottom:1px solid rgba(220,228,234,.88);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.thanks-header .header-content{width:min(1180px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.thanks-header .logo-section h1{margin:0;display:flex;align-items:center;gap:var(--ds-brand-lockup-gap, 10px);color:var(--ds-ink, #22313f);font-size:var(--ds-brand-lockup-text-compact, 22px);font-weight:850;line-height:1}.thanks-header .logo-icon{width:var(--ds-brand-lockup-icon-compact, 34px);height:var(--ds-brand-lockup-icon-compact, 34px);border-radius:8px;object-fit:contain;box-shadow:0 8px 24px #10182024}.thanks-header .logo-link{color:inherit;text-decoration:none}.thanks-header .header-nav{display:flex;align-items:center;gap:8px}.thanks-header .nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid rgba(220,228,234,.92);border-radius:8px;background:#ffffffbd;color:var(--ds-muted, #64727f);font-size:.88rem;font-weight:700;text-decoration:none;box-shadow:0 6px 18px #1f2d370f;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.thanks-header .nav-link-primary{border-color:#2f8c8247;background:var(--ds-brand, #12766e);color:#fff;box-shadow:0 12px 28px #12766e2e}.thanks-hero{max-width:760px;margin:0 auto 28px;text-align:center}.thanks-eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid rgba(47,140,130,.18);border-radius:999px;background:#dff0edd6;color:var(--ds-brand, #12766e);font-size:.82rem;font-weight:800}.thanks-eyebrow i{color:var(--color-favorites, #ec4899);font-size:.82rem}.thanks-title{margin:16px 0 12px;color:var(--ds-ink, #22313f);font-size:clamp(2rem,5vw,3.25rem);font-weight:900;line-height:1.08}.thanks-subtitle{max-width:680px;margin:0 auto;color:var(--ds-muted, #64727f);font-size:1.06rem;line-height:1.85}.donors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.donor-card{min-height:124px;padding:20px;border:1px solid rgba(220,228,234,.92);border-radius:8px;background:#ffffffeb;box-shadow:0 10px 30px #1f2d3712;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.donor-name{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:var(--ds-ink, #22313f);font-size:1.02rem;font-weight:850;overflow-wrap:anywhere}.donor-name i{color:var(--color-favorites, #ec4899);font-size:.84rem}.donor-amount{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;background:var(--ds-teal-soft, #dff0ed);color:var(--ds-brand, #12766e);font-size:.86rem;font-weight:850}.donor-message{margin-top:12px;padding-top:12px;border-top:1px solid rgba(220,228,234,.82);color:var(--ds-muted, #64727f);font-size:.92rem;line-height:1.7;overflow-wrap:anywhere}.donors-empty,.donors-loading{display:grid;place-items:center;gap:12px;min-height:220px;padding:34px 18px;border:1px dashed rgba(47,140,130,.32);border-radius:8px;background:#ffffffb8;color:var(--ds-muted, #64727f);text-align:center}.donors-empty i,.donors-loading i{color:var(--ds-brand, #12766e)!important}.donors-empty p,.donors-loading p{margin:0;font-weight:700}.thanks-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding:22px;border:1px solid rgba(220,228,234,.92);border-radius:8px;background:linear-gradient(135deg,#12766e14,#ffffffeb);box-shadow:0 14px 42px #1f2d3714}.thanks-cta p{margin:0;color:var(--ds-ink, #22313f);font-size:1rem;font-weight:800}.thanks-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:8px;background:var(--ds-brand, #12766e);color:#fff;font-size:.95rem;font-weight:800;text-decoration:none;box-shadow:0 12px 28px #12766e33;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;white-space:nowrap}.thanks-cta-btn:visited{color:#fff}@media (hover: hover){.thanks-header .nav-link:hover,.donor-card:hover,.thanks-cta-btn:hover{transform:translateY(-2px);text-decoration:none}.thanks-header .nav-link:hover{border-color:#2f8c8247;color:var(--ds-ink, #22313f);background:#fff}.thanks-header .nav-link-primary:hover,.thanks-cta-btn:hover{background:var(--ds-teal, #2f8c82);color:#fff;box-shadow:0 16px 34px #12766e40}.donor-card:hover{border-color:#2f8c8247;box-shadow:0 16px 42px #1f2d371c}}@media (max-width: 768px){.thanks-header{padding:10px 12px}.thanks-header .header-content{gap:10px}.thanks-header .logo-section h1{font-size:var(--ds-brand-lockup-text-compact-mobile, 18px)}.thanks-header .logo-icon{width:var(--ds-brand-lockup-icon-compact-mobile, 30px);height:var(--ds-brand-lockup-icon-compact-mobile, 30px)}.thanks-header .nav-link{min-height:34px;padding:0 10px;font-size:.8rem}.thanks-header .nav-link:first-child{display:none}.thanks-section{width:min(100% - 24px,1040px);padding:38px 0 18px}.thanks-subtitle{font-size:.98rem}.donors-grid{grid-template-columns:1fr}.thanks-cta{flex-direction:column;align-items:stretch;text-align:center;padding:18px}.thanks-cta-btn{width:100%}}
