.promotion-member-body-v711{margin:0;min-height:100vh;background:linear-gradient(180deg,#e8f5fb 0,#f7fbfd 240px,#eef5f9 100%);color:#14324a;font-family:inherit}.promotion-member-app-v711{max-width:720px;min-height:100vh;margin:0 auto;background:#f7fafc;box-shadow:0 0 40px rgba(25,62,88,.12)}
.promotion-member-header-v711{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;padding:12px max(14px,env(safe-area-inset-left));padding-top:max(12px,env(safe-area-inset-top));background:linear-gradient(115deg,#063d68,#087cad 62%,#16a7d1);color:#fff;box-shadow:0 6px 20px rgba(6,69,105,.2)}.promotion-member-header-v711>a,.promotion-member-header-v711>button{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;text-decoration:none}.promotion-member-header-v711>div{text-align:center}.promotion-member-header-v711 small{display:block;font-size:8px;letter-spacing:2px;color:#a8ebff;font-weight:900}.promotion-member-header-v711 h1{margin:1px 0 0;font-size:18px}.promotion-member-app-v711 main{padding:14px 13px 32px}
.promotion-member-hero-v711{overflow:hidden;padding:18px;border-radius:18px;background:linear-gradient(135deg,#082f54,#0878ad 56%,#20aed3);color:#fff;box-shadow:0 12px 28px rgba(4,93,139,.2)}.promotion-member-hero-v711>div{display:flex;align-items:center;gap:14px}.promotion-member-hero-v711>div>span{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border:1px solid rgba(255,255,255,.35);border-radius:16px;background:rgba(255,255,255,.13);font-size:23px}.promotion-member-hero-v711 small{font-size:9px;letter-spacing:1.5px;color:#b9edff;font-weight:900}.promotion-member-hero-v711 h2{margin:3px 0;font-size:19px}.promotion-member-hero-v711 p{margin:0;color:#dff7ff;font-size:11px;line-height:1.5}
.promotion-current-v711{margin-top:14px;padding:15px;border:1px solid #7fcbe8;border-radius:17px;background:#fff;box-shadow:0 9px 24px rgba(31,95,128,.1)}.promotion-current-head-v711{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.promotion-current-head-v711 small{display:block;color:#0784b8;font-size:9px;font-weight:900;letter-spacing:1.2px}.promotion-current-head-v711 h2{margin:3px 0 0;font-size:17px}.promotion-current-status-v711{padding:5px 9px;border-radius:999px;background:#fff2c7;color:#8a6200;font-size:10px;font-weight:900;white-space:nowrap}.promotion-current-status-v711.is-active{background:#dff4ff;color:#0677aa}.promotion-current-progress-v711{margin-top:14px}.promotion-current-progress-v711>div:first-child{display:flex;justify-content:space-between;font-size:11px;font-weight:800}.promotion-progress-track-v711{height:9px;margin:7px 0;border-radius:99px;background:#e4edf3;overflow:hidden}.promotion-progress-track-v711 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b91c6,#18b86a)}.promotion-current-facts-v711{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.promotion-current-facts-v711 article{padding:9px;border-radius:10px;background:#f0f6fa}.promotion-current-facts-v711 small{display:block;color:#708597;font-size:8px}.promotion-current-facts-v711 strong{display:block;margin-top:2px;font-size:12px}.promotion-current-actions-v711{display:flex;gap:8px;margin-top:12px}.promotion-current-actions-v711 a,.promotion-current-actions-v711 button{flex:1;padding:10px;border-radius:10px;text-align:center;font-size:12px;font-weight:900;text-decoration:none}.promotion-current-actions-v711 a{background:#078cbd;color:#fff}.promotion-current-actions-v711 button{border:1px solid #f2b8b5;background:#fff6f6;color:#c9362d}.promotion-current-actions-v711 button:disabled{border-color:#d7e0e6;color:#8999a5;background:#f5f7f8}.promotion-current-note-v711{display:flex;align-items:flex-start;gap:7px;margin:10px 0 0;color:#62798a;font-size:10px;line-height:1.45}
.promotion-list-heading-v711{display:flex;align-items:flex-end;justify-content:space-between;margin:20px 2px 10px}.promotion-list-heading-v711 h2,.promotion-list-heading-v711 p{margin:0}.promotion-list-heading-v711 h2{font-size:17px}.promotion-list-heading-v711 p{margin-top:3px;color:#718595;font-size:10px}.promotion-list-heading-v711>span{font-size:10px;color:#087cac;font-weight:900}.promotion-member-grid-v711{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.promotion-member-card-v711{overflow:hidden;border:1px solid #d7e4ec;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(39,76,102,.08)}.promotion-member-card-banner-v711{aspect-ratio:16/10;background:linear-gradient(135deg,#0b4771,#11a3cf);overflow:hidden}.promotion-member-card-banner-v711 img{width:100%;height:100%;object-fit:cover;display:block}.promotion-member-placeholder-v711{display:grid;place-items:center;height:100%;color:#d8f5ff;font-size:38px}.promotion-member-card-body-v711{padding:11px}.promotion-member-card-body-v711>span{display:inline-flex;padding:4px 7px;border-radius:999px;background:#e7f6fc;color:#077daf;font-size:8px;font-weight:900}.promotion-member-card-body-v711 h3{min-height:38px;margin:7px 0 5px;font-size:13px;line-height:1.45}.promotion-member-card-body-v711 p{margin:0;color:#667d8e;font-size:9px;line-height:1.5}.promotion-member-card-body-v711 button{width:100%;margin-top:10px;padding:9px;border:0;border-radius:9px;background:#0793c5;color:#fff;font-size:11px;font-weight:900}.promotion-member-card-body-v711 button:disabled{background:#dbe4ea;color:#8495a2}.promotion-member-empty-v711{grid-column:1/-1;padding:55px 20px;text-align:center;color:#708596;background:#fff;border:1px dashed #bdd1de;border-radius:16px}.promotion-member-empty-v711 i{display:block;margin-bottom:10px;color:#86c9e2;font-size:40px}
.promotion-detail-v711{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(6,28,44,.5)}.promotion-detail-v711::backdrop{background:rgba(8,23,35,.75);backdrop-filter:blur(4px)}.promotion-detail-v711>article{position:relative;max-height:calc(100dvh - 24px);overflow:auto}.promotion-detail-close-v711{position:absolute;z-index:2;right:11px;top:11px;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(0,0,0,.32);color:#fff}.promotion-detail-banner-v711{aspect-ratio:16/10;background:linear-gradient(135deg,#083d64,#0da1cf);overflow:hidden}.promotion-detail-banner-v711 img{width:100%;height:100%;object-fit:cover}.promotion-detail-body-v711{padding:17px}.promotion-detail-tag-v711{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e5f6fc;color:#067dae;font-size:9px;font-weight:900}.promotion-detail-body-v711 h2{margin:8px 0 13px;font-size:20px}.promotion-detail-facts-v711{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.promotion-detail-facts-v711 article{padding:10px;border:1px solid #dce8ef;border-radius:10px;background:#f7fafc}.promotion-detail-facts-v711 small{display:block;color:#758898;font-size:8px}.promotion-detail-facts-v711 strong{display:block;margin-top:3px;font-size:12px}.promotion-detail-body-v711 section{margin-top:14px;padding-top:13px;border-top:1px solid #e5edf2}.promotion-detail-body-v711 section h3{margin:0 0 7px;font-size:13px}.promotion-detail-body-v711 section p{margin:0;color:#536c7d;font-size:11px;line-height:1.7;white-space:pre-wrap}.promotion-detail-notice-v711{display:flex;gap:8px;margin-top:13px;padding:10px;border-radius:10px;background:#fff6d8;color:#765a0a;font-size:10px;line-height:1.45}.promotion-accept-v711{width:100%;margin-top:14px;padding:12px;border:0;border-radius:11px;background:linear-gradient(135deg,#f7b500,#ff8b00);color:#fff;font-size:13px;font-weight:900;box-shadow:0 8px 18px rgba(241,145,0,.24)}.promotion-accept-v711:disabled{background:#d9e1e6;color:#7f909d;box-shadow:none}.promotion-detail-body-v711>small{display:block;margin-top:7px;text-align:center;color:#778b99;font-size:9px}

/* P04.1: center the member promotion detail dialog in every viewport. */
.promotion-detail-v711[open] {
  position: fixed !important;
  inset: 50% auto auto 50% !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
  box-sizing: border-box;
}
@media(min-width:600px){.promotion-member-app-v711 main{padding:18px}.promotion-member-grid-v711{gap:15px}.promotion-member-card-body-v711{padding:14px}.promotion-member-card-body-v711 h3{font-size:15px}.promotion-member-card-body-v711 p{font-size:10px}}
@media(max-width:370px){.promotion-current-facts-v711{grid-template-columns:1fr 1fr}.promotion-member-card-body-v711 h3{font-size:12px}}

/* P04.3.7: match the 430px member shell and strengthen the visual hierarchy. */
.promotion-member-app-v711{max-width:430px}
.promotion-member-app-v711 main{padding:13px 12px 32px}
.promotion-member-hero-v711{padding:15px;border-radius:16px;box-shadow:0 10px 24px rgba(4,93,139,.18)}
.promotion-member-hero-v711>div>span{width:48px;height:48px;flex-basis:48px;border-radius:14px}
.promotion-hero-icon-v7437 img{width:32px;height:32px;border-radius:9px;object-fit:contain}
.promotion-member-hero-v711 h2{font-size:17px}
.promotion-member-hero-v711 p{color:#fff;font-size:10px}
.promotion-member-grid-v711{grid-template-columns:1fr;gap:11px}
.promotion-member-card-v711{border-color:#c8dce8;box-shadow:0 7px 18px rgba(28,74,103,.1)}
.promotion-member-card-body-v711 h3{min-height:0;color:#14324a}
.promotion-member-card-body-v711 p{color:#496779}
@media(min-width:600px){.promotion-member-app-v711 main{padding:13px 12px 32px}.promotion-member-grid-v711{gap:11px}.promotion-member-card-body-v711{padding:11px}.promotion-member-card-body-v711 h3{font-size:13px}.promotion-member-card-body-v711 p{font-size:9px}}

/* P04.3.7.1: promotion bottom navigation clearance */
body.has-member-unified-nav .promotion-member-app-v711 {
  padding-bottom: calc(106px + env(safe-area-inset-bottom)) !important;
}