/* Poster artwork provides the scene. Live text and native buttons provide the offer. */
body #modal-root .mobile-detail:has(.activity-poster-page){background:#f7f8f7}
body #modal-root .mobile-detail:has(.activity-poster-page)>.modal-body{padding:12px 12px max(22px,env(safe-area-inset-bottom))}
.activity-poster-page{--poster-accent:#256b58;--poster-soft:#e6f2e8;min-width:0;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif}
.activity-poster-page[data-activity-kind=coupon]{--poster-accent:#9e6030;--poster-soft:#fff1d9}
.activity-poster-page[data-activity-kind=gift]{--poster-accent:#306a54;--poster-soft:#e8f3de}
.activity-poster-page[data-activity-kind=deposit]{--poster-accent:#386b8d;--poster-soft:#e8f3fa}
.activity-poster-page[data-activity-kind=free]{--poster-accent:#655782;--poster-soft:#efeaf8}
.activity-poster-card{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;min-height:600px;min-height:min(620px,calc(100svh - 92px));display:flex;flex-direction:column;padding:26px 20px 18px;box-sizing:border-box;background:var(--poster-soft);box-shadow:0 5px 18px #18362b0b;border:1px solid #0000000a}
.activity-poster-art{position:absolute;inset:90px 0 0;z-index:-1;width:100%;height:calc(100% - 90px);object-fit:cover;pointer-events:none;user-select:none;mask-image:linear-gradient(transparent,#000 12%);-webkit-mask-image:linear-gradient(transparent,#000 12%)}
.activity-poster-heading{text-align:center;flex:none}
body #modal-root .activity-poster-heading p{margin:0 0 9px;font-size:12px;letter-spacing:2px;font-weight:500}
body #modal-root .activity-poster-heading h2{font-size:38px;line-height:1.2;letter-spacing:2px;font-weight:800;margin:0 0 9px;color:#111!important}
.activity-poster-heading>span{font-size:14px;line-height:1.6}
.activity-poster-benefit{text-align:center;margin:19px 0 0;padding:12px 10px;border-radius:12px;background:#ffffffeb;flex:none}
body #modal-root .activity-poster-benefit>strong{font-size:26px;line-height:1.35;display:block;font-weight:750;color:#111!important;overflow-wrap:anywhere}
.activity-poster-benefit>p{font-size:13px;line-height:1.65;margin:6px 0 0}
.activity-poster-status{display:inline-block;padding:4px 9px;margin:8px 0 0;background:#f5f5f5;border:1px solid #e2e2e2;border-radius:20px;font-size:12px;line-height:1.4}
body #modal-root .activity-poster-status[data-unavailable]{color:#111!important}
.activity-poster-art-space{flex:1;min-height:150px}
.activity-poster-operations{position:relative;flex:none;margin-top:15px;padding:12px 0 0}
body #modal-root .activity-poster-operations :is(.buttons,.gift-actions){display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;border:0}
body #modal-root .activity-poster-operations :is(.buttons,.gift-actions)>.btn{flex:1;min-width:100px;min-height:46px;font-size:16px;font-weight:650;line-height:1.5;border-radius:10px;padding:10px;background:#fffffff5!important;border:1px solid var(--poster-accent)!important;color:#111!important;box-shadow:0 3px 9px #00000008}
body #modal-root .activity-poster-operations :is(.buttons,.gift-actions)>.btn:first-child{background:var(--poster-soft)!important;border-width:2px}
body #modal-root .activity-poster-detail-button{display:block;margin:9px auto 0;background:#ffffffde;border:0;border-radius:18px;padding:7px 15px;min-height:34px;font-size:13px;color:#111!important}
.activity-poster-rules{margin-top:12px;padding:16px;background:#fff;border-radius:12px;line-height:1.8;font-size:14px;border:1px solid #eceeed;overflow-wrap:anywhere}
.activity-poster-rules[hidden]{display:none!important}
body #modal-root .activity-poster-rules :is(p,.gift-note,.fix-form-note){font-size:13px;line-height:1.8}
body #modal-root .activity-poster-rules h3{font-size:17px;margin:0 0 12px}
@media(max-width:350px){.activity-poster-card{padding:22px 15px 16px}.activity-poster-art-space{min-height:140px}body #modal-root .activity-poster-heading h2{font-size:33px}.activity-poster-heading>span{font-size:13px}body #modal-root .activity-poster-benefit>strong{font-size:23px}}
@media(max-width:350px){body #modal-root [data-activity-kind=free] .activity-poster-benefit>strong{font-size:21px}}