.xy-promoter-plan-page { background: #fff; color: #15213a; }
.xy-promoter-plan-page > header .xy-site-header { margin-bottom: 0; }
.xy-promoter-plan, .xy-promoter-plan *, .xy-promoter-agreement-modal, .xy-promoter-agreement-modal * { box-sizing: border-box; }
.xy-promoter-plan { font-size: 15px; line-height: 1.7; overflow-wrap: anywhere; }
.xy-promoter-plan [hidden], .xy-promoter-agreement-modal[hidden] { display: none !important; }
.xy-promoter-container { width: min(1200px, calc(100% - 64px)); margin: 0 auto; }
.xy-promoter-plan h1, .xy-promoter-plan h2, .xy-promoter-plan h3, .xy-promoter-plan p { margin: 0; }
.xy-promoter-plan h2 { font-size: 26px; line-height: 1.35; font-weight: 600; }
.xy-promoter-plan h3 { font-size: 15px; line-height: 1.5; font-weight: 600; }
.xy-promoter-plan p { color: #63728a; }
.xy-promoter-plan a { text-decoration: none; }
.xy-promoter-plan a:not(.xy-promoter-btn) { color: var(--xy-theme-primary, #2867db); }
.xy-promoter-plan button, .xy-promoter-plan a, .xy-promoter-plan summary { -webkit-tap-highlight-color: transparent; }
.xy-promoter-plan a:focus, .xy-promoter-plan button:focus, .xy-promoter-plan summary:focus, .xy-promoter-agreement-modal button:focus { outline: none; }
.xy-promoter-plan a:focus-visible, .xy-promoter-plan button:focus-visible, .xy-promoter-plan summary:focus-visible, .xy-promoter-agreement-modal button:focus-visible { outline: 2px solid var(--xy-theme-primary, #2867db); outline-offset: 2px; }

.xy-promoter-hero { min-height: 430px; background: #eef6ff url("/web/xiaoyue/assets/img/theme-console/hero/v897/background-icp.jpg") center right / cover no-repeat; border-bottom: 1px solid #dbe6f3; }
.xy-promoter-hero-inner { min-height: 430px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .95fr); gap: 36px; align-items: center; }
.xy-promoter-hero-copy { position: relative; z-index: 1; max-width: 590px; padding: 8px 0; }
.xy-promoter-kicker { display: inline-block; padding-left: 10px; border-left: 3px solid var(--xy-theme-primary, #2867db); color: var(--xy-theme-primary, #2867db) !important; font-size: 14px; font-weight: 600; }
.xy-promoter-hero h1 { margin-top: 18px; font-size: 44px; line-height: 1.2; font-weight: 600; }
.xy-promoter-lead { max-width: 550px; margin-top: 14px !important; color: #52627b !important; font-size: 16px; line-height: 1.8; }
.xy-promoter-hero-points { display: flex; flex-wrap: wrap; gap: 7px 22px; margin: 17px 0 0; padding: 0; list-style: none; }
.xy-promoter-hero-points li { position: relative; padding-left: 17px; color: #3f5068; font-size: 12px; }
.xy-promoter-hero-points li::before { position: absolute; left: 0; color: var(--xy-theme-primary, #2867db); content: "✓"; font-weight: 700; }
.xy-promoter-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; margin-top: 22px; }
.xy-promoter-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 9px 22px; border: 1px solid #bcc8d8; border-radius: 4px; font-size: 14px; line-height: 1.4; text-align: center; cursor: pointer; }
.xy-promoter-btn-primary { background: var(--xy-theme-primary, #2867db); border-color: var(--xy-theme-primary, #2867db) !important; color: #fff !important; }
.xy-promoter-btn-secondary { border-color: #9ebbea; background: #fff; color: var(--xy-theme-primary, #2867db) !important; }
.xy-promoter-btn:hover { filter: brightness(.97); }
.xy-promoter-btn-secondary:hover { background: #f3f7ff; }
.xy-promoter-hero-visual { position: relative; min-height: 300px; overflow: hidden; }
.xy-promoter-hero-visual img { position: absolute; inset: 0 -110px 0 -110px; width: calc(100% + 220px); height: 100%; object-fit: cover; object-position: right center; mix-blend-mode: multiply; opacity: .2; }

.xy-promoter-tab-wrap { position: relative; z-index: 4; margin-top: -29px; }
.xy-promoter-jumpnav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: 66px; border: 1px solid #dfe6f0; border-radius: 6px; background: #fff; overflow: hidden; }
.xy-promoter-jumpnav a { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; padding: 8px 14px; color: #4d5a70 !important; font-size: 14px; text-align: center; }
.xy-promoter-jumpnav a + a::before { position: absolute; top: 22px; bottom: 22px; left: 0; border-left: 1px solid #e5eaf1; content: ""; }
.xy-promoter-jumpnav a.is-active { margin: 5px; border-radius: 4px; background: var(--xy-theme-primary, #2867db); color: #fff !important; font-weight: 600; }
.xy-promoter-jumpnav a.is-active + a::before, .xy-promoter-jumpnav a:hover::before { display: none; }
.xy-promoter-jumpnav a:hover { color: var(--xy-theme-primary, #2867db) !important; }
.xy-promoter-jumpnav a.is-active:hover { color: #fff !important; }

.xy-promoter-section { padding: 56px 0; scroll-margin-top: 20px; }
.xy-promoter-section-white { background: #fff; }
.xy-promoter-section-tint { background: #f1f7ff; }
.xy-promoter-section-soft { background: #f7f9fc; }
.xy-promoter-section-title { margin-bottom: 28px; text-align: center; }
.xy-promoter-section-title > span { display: block; margin-bottom: 8px; color: var(--xy-theme-primary, #2867db); font-size: 12px; font-weight: 700; }
.xy-promoter-section-title p { margin-top: 9px; font-size: 13px; }

.xy-promoter-symbol { --xy-promoter-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M13 8h38a5 5 0 0 1 5 5v38a5 5 0 0 1-5 5H13a5 5 0 0 1-5-5V13a5 5 0 0 1 5-5Zm3 8v10h32V16H16Zm0 15v10h32V31H16Zm5-12h6v4h-6v-4Zm0 15h6v4h-6v-4Zm23-16h4v4h-4v-4Zm-8 0h4v4h-4v-4Zm8 15h4v4h-4v-4Zm-8 0h4v4h-4v-4ZM12 59h40v4H12v-4Z'/%3E%3C/svg%3E"); display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; flex: 0 0 auto; border: 1px solid #d6e4fb; border-radius: 10px; background: #edf4ff; color: var(--xy-theme-primary, #2468f2); }
.xy-promoter-symbol::before { width: 28px; height: 28px; background: currentColor; content: ""; -webkit-mask: var(--xy-promoter-symbol) center / contain no-repeat; mask: var(--xy-promoter-symbol) center / contain no-repeat; }
.xy-promoter-symbol-bind { --xy-promoter-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 8a10 10 0 0 1 10 10c0 1.7-.4 3.3-1.1 4.7l8 8A10 10 0 1 1 44.7 35l-8-8a10 10 0 0 1-9.4 0l-8 8A10 10 0 1 1 15 30.7l8-8A10 10 0 0 1 32 8Zm0 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM12 37a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm40 0a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM29 30h6v16h8v7H21v-7h8V30Z'/%3E%3C/svg%3E"); }
.xy-promoter-symbol-level { --xy-promoter-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M12 52h40v7H5V12h7v40Zm9-6-6-6 14-14 9 8 14-17 6 5-19 23-10-9-8 10Zm10-36 10 10h-7v9h-6v-9h-7l10-10Z'/%3E%3C/svg%3E"); }
.xy-promoter-symbol-review { --xy-promoter-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 4 54 12v17c0 15-9.4 25.5-22 31C19.4 54.5 10 44 10 29V12L32 4Zm0 8-15 5.4V29c0 10 5.8 18.2 15 23 9.2-4.8 15-13 15-23V17.4L32 12Zm-8 18 5 5 11-12 5 5-16 16-10-10 5-4Z'/%3E%3C/svg%3E"); }
.xy-promoter-symbol-wallet { --xy-promoter-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M10 12h39a7 7 0 0 1 7 7v5H43a10 10 0 0 0 0 20h13v5a7 7 0 0 1-7 7H10a7 7 0 0 1-7-7V19a7 7 0 0 1 7-7Zm0 7v30h39v-5h-6a10 10 0 0 1 0-20h6v-5H10Zm33 11h16v8H43a4 4 0 1 1 0-8Zm0 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/svg%3E"); }
.xy-promoter-symbol-login { --xy-promoter-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M25 7a18 18 0 1 1-12.7 30.7L4 46v11h11v-6h7v-7h8l5.3-5.3A18 18 0 0 1 25 7Zm0 7a11 11 0 1 0 0 22 11 11 0 0 0 0-22Zm0 6a5 5 0 1 1 0 10 5 5 0 0 1 0-10Z'/%3E%3C/svg%3E"); }
.xy-promoter-symbol-share { --xy-promoter-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M42 4c-9 2-18 8-24 18l-8 1 8 8 13-13 3 3-13 13 8 8 1-8C40 28 46 19 48 10l6 6c1 8-1 17-7 25l7 7-6 6-7-7c-8 6-17 8-25 7l-6-6c9-2 18-8 24-18L20 44 6 30l14-14C26 8 34 5 42 4Zm-7 38 7 7-7 7-7-7 7-7ZM16 35l6 6-10 10H6l10-16Z'/%3E%3C/svg%3E"); }
.xy-promoter-symbol-record { --xy-promoter-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 5c14 0 24 5 24 12v13h-7V24c-4 3-10 5-17 5S19 27 15 24v8c0 3 7 7 17 7 2 0 4 0 6-.3v7c-2 .2-4 .3-6 .3-7 0-13-2-17-5v7c0 3 7 7 17 7 2 0 4-.1 6-.4v7c-2 .3-4 .4-6 .4C18 62 8 57 8 50V17C8 10 18 5 32 5Zm0 7c-10 0-17 3-17 5s7 5 17 5 17-3 17-5-7-5-17-5Zm19 20a13 13 0 1 1-9.2 3.8L38 32h10v10l-3.2-3.2A6 6 0 1 0 51 39v-7Z'/%3E%3C/svg%3E"); }
.xy-promoter-symbol-creator { --xy-promoter-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M12 10h40a6 6 0 0 1 6 6v32a6 6 0 0 1-6 6H12a6 6 0 0 1-6-6V16a6 6 0 0 1 6-6Zm0 7v25l11-11 8 8 6-6 15 14V17H12Zm9 3a6 6 0 1 1 0 12 6 6 0 0 1 0-12Z'/%3E%3C/svg%3E"); }

.xy-promoter-benefit-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.xy-promoter-benefit-grid article { min-width: 0; min-height: 174px; padding: 23px 20px; border: 1px solid #e1e7ef; border-radius: 5px; background: #fff; }
.xy-promoter-benefit-grid h3 { margin-top: 14px; }
.xy-promoter-benefit-grid p { margin-top: 7px; font-size: 12px; line-height: 1.7; }

.xy-promoter-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; }
.xy-promoter-flow li { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); grid-template-rows: 18px auto auto; align-items: start; column-gap: 13px; min-width: 0; min-height: 72px; text-align: left; }
.xy-promoter-flow li:not(:last-child)::after { position: absolute; top: 27px; right: -18px; width: 28px; border-top: 2px dotted #aac7ee; content: ""; }
.xy-promoter-flow-icon { grid-column: 1; grid-row: 1 / 4; margin: 0; border-radius: 12px; background: #fff; }
.xy-promoter-flow-icon::before { width: 26px; height: 26px; }
.xy-promoter-flow b { grid-column: 2; grid-row: 1; display: block; margin: 0; color: var(--xy-theme-primary, #2468f2); font-size: 11px; line-height: 1; }
.xy-promoter-flow h3 { grid-column: 2; grid-row: 2; margin: 1px 0 0; }
.xy-promoter-flow p { grid-column: 2; grid-row: 3; max-width: none; margin: 3px 0 0; font-size: 12px; line-height: 1.65; }

.xy-promoter-way-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.xy-promoter-way-card { display: grid; grid-template-columns: 132px minmax(0, 1fr); min-width: 0; min-height: 224px; overflow: hidden; border: 1px solid #dfe6ef; border-radius: 6px; background: #fff; }
.xy-promoter-way-visual { display: flex; align-items: center; justify-content: center; min-width: 0; border-right: 1px solid #dce8f8; background: #edf5ff; }
.xy-promoter-way-visual img { display: block; width: 112px; height: 112px; max-width: 100%; object-fit: contain; }.xy-promoter-way-visual .xy-promoter-symbol-product,
.xy-promoter-way-visual .xy-promoter-symbol-creator { display: block; width: 112px; height: 112px; border: 0; border-radius: 0; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: contain; color: transparent; }
.xy-promoter-way-visual .xy-promoter-symbol-product { background-image: url("/web/xiaoyue/assets/img/promoter-plan/blue-tech/way-product.svg"); }
.xy-promoter-way-visual .xy-promoter-symbol-creator { background-image: url("/web/xiaoyue/assets/img/promoter-plan/blue-tech/way-creator.svg"); }
.xy-promoter-way-visual .xy-promoter-symbol-product::before,
.xy-promoter-way-visual .xy-promoter-symbol-creator::before { display: none; }
.xy-promoter-way-copy { min-width: 0; padding: 22px 22px; }
.xy-promoter-way-copy > span { color: var(--xy-theme-primary, #2867db); font-size: 12px; font-weight: 700; }
.xy-promoter-way-copy h3 { margin-top: 6px; font-size: 18px; }
.xy-promoter-way-copy p { margin-top: 7px; font-size: 12px; line-height: 1.65; }
.xy-promoter-way-copy a { display: inline-block; margin-top: 12px; color: #2867db !important; font-size: 12px; font-weight: 600; }
.xy-promoter-way-copy a b { font-weight: 400; }
.xy-promoter-way-tags, .xy-promoter-platforms { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 13px; }
.xy-promoter-way-tags span, .xy-promoter-platforms span { padding: 4px 7px; border: 1px solid #d4deeb; border-radius: 3px; background: #f8fbff; color: #51617a; font-size: 11px; }
.xy-promoter-creator-note { margin-top: 9px !important; color: #7a8799 !important; font-size: 11px !important; }
.xy-promoter-creator-action { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; margin-top: 13px; }
.xy-promoter-creator-action a { margin-top: 0; }

.xy-promoter-reward-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; border: 1px solid #dfe6ef; border-radius: 6px; background: #fff; }
.xy-promoter-reward-grid article { min-width: 0; min-height: 160px; padding: 23px 21px; }
.xy-promoter-reward-grid article + article { border-left: 1px solid #e5e9f0; }
.xy-promoter-reward-grid strong { display: block; margin-bottom: 10px; color: var(--xy-theme-primary, #2867db); font-size: 24px; line-height: 1.2; }
.xy-promoter-reward-grid p { margin-top: 7px; font-size: 12px; line-height: 1.7; }
.xy-promoter-notice { max-width: 900px; margin: 15px auto 0 !important; color: #7b8798 !important; font-size: 11px; line-height: 1.7; text-align: center; }

.xy-promoter-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 18px; }
.xy-promoter-faq details { min-width: 0; border: 1px solid #e1e7ee; border-radius: 4px; background: #fff; }
.xy-promoter-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 62px; padding: 0 18px; cursor: pointer; font-size: 13px; list-style: none; }
.xy-promoter-faq summary::-webkit-details-marker { display: none; }
.xy-promoter-faq summary::after { flex: 0 0 18px; color: var(--xy-theme-primary, #2867db); content: "+"; font-size: 18px; text-align: center; }
.xy-promoter-faq details[open] summary::after { content: "−"; }
.xy-promoter-faq details p { padding: 0 18px 16px; font-size: 12px; line-height: 1.7; }

.xy-promoter-cta { min-height: 148px; background: var(--xy-theme-primary, #2056c4); color: #fff; }
.xy-promoter-cta-inner { display: flex; align-items: center; justify-content: space-between; min-height: 148px; gap: 24px; }
.xy-promoter-cta h2 { font-size: 25px; font-weight: 600; }
.xy-promoter-cta p { margin-top: 7px; color: #dce8ff; font-size: 13px; }
.xy-promoter-cta a:not(.xy-promoter-btn) { color: #e5eeff; font-size: 12px; }
.xy-promoter-cta .xy-promoter-actions { flex-shrink: 0; margin-top: 0; }
.xy-promoter-cta .xy-promoter-btn-primary { background: #fff; border-color: #fff !important; color: var(--xy-theme-primary, #2056c4) !important; }
.xy-promoter-cta .xy-promoter-btn-secondary { border-color: rgba(255,255,255,.62); background: transparent; color: #fff !important; }
.xy-promoter-separator { padding: 0 6px; color: #a9c5f5; }

.xy-promoter-agreement-open { overflow: hidden; }
.xy-promoter-agreement-modal { position: fixed; z-index: 10020; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; }
.xy-promoter-agreement-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(15,23,42,.5); }
.xy-promoter-agreement-modal > section { position: relative; display: grid; grid-template-rows: auto minmax(0,1fr) auto; width: min(860px,100%); max-height: 88vh; overflow: hidden; border: 1px solid #dcdfe6; border-radius: 4px; background: #fff; }
.xy-promoter-agreement-modal header, .xy-promoter-agreement-modal footer { display: flex; align-items: center; justify-content: space-between; padding: 12px 22px; border-bottom: 1px solid #e5e6eb; }
.xy-promoter-agreement-modal header h2 { margin: 0; font-size: 19px; }
.xy-promoter-agreement-modal header button { width: 44px; height: 44px; border: 0; background: #fff; font-size: 26px; cursor: pointer; }
.xy-promoter-agreement-modal footer { justify-content: flex-end; border-top: 1px solid #e5e6eb; border-bottom: 0; }
.xy-promoter-agreement-modal footer button { min-height: 40px; padding: 0 18px; border: 0; border-radius: 3px; background: var(--xy-theme-primary, #2867db); color: #fff; cursor: pointer; }
.xy-promoter-agreement-body { min-height: 0; overflow-y: auto; padding: 20px 24px; color: #35435a; font-size: 14px; line-height: 1.75; overflow-wrap: anywhere; }
.xy-promoter-agreement-meta { display: flex; flex-wrap: wrap; gap: 8px 24px; color: #596579; }
.xy-promoter-agreement-notice { margin-top: 12px; padding: 12px 16px; border-left: 3px solid var(--xy-theme-primary, #2867db); background: #f7f8fa; }
.xy-promoter-agreement-body section { padding: 14px 0; border-bottom: 1px solid #e5e6eb; }
.xy-promoter-agreement-body h3 { margin: 0 0 8px; font-size: 16px; }
.xy-promoter-agreement-body p { display: grid; grid-template-columns: 24px minmax(0,1fr); margin: 6px 0; }

@media (min-width: 1600px) {
  .xy-promoter-container { width: min(1240px, calc(100% - 96px)); }
}
@media (max-width: 1023px) {
  .xy-promoter-hero { min-height: 0; background-position: center right; }
  .xy-promoter-hero-inner { min-height: 0; grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr); }
  .xy-promoter-hero h1 { font-size: 38px; }
  .xy-promoter-way-card { grid-template-columns: 130px minmax(0, 1fr); }
}
@media (max-width: 700px) {
  .xy-promoter-container { width: calc(100% - 32px); }
  .xy-promoter-hero { padding: 28px 0 34px; background-position: 72% center; }
  .xy-promoter-hero-inner { display: block; }
  .xy-promoter-hero-copy { max-width: none; }
  .xy-promoter-hero h1 { font-size: 31px; }
  .xy-promoter-lead { font-size: 15px; }
  .xy-promoter-hero-points { display: grid; gap: 5px; margin-top: 14px; }
  .xy-promoter-hero-visual { min-height: 142px; margin-top: 14px; }
  .xy-promoter-hero-visual img { inset: 0 -42px 0 -42px; width: calc(100% + 84px); opacity: .24; }
  .xy-promoter-tab-wrap { width: 100%; margin-top: 0; }
  .xy-promoter-jumpnav { display: flex; min-height: 48px; overflow-x: auto; border-width: 1px 0; border-radius: 0; scrollbar-width: none; }
  .xy-promoter-jumpnav::-webkit-scrollbar { display: none; }
  .xy-promoter-jumpnav a { flex: 0 0 auto; min-width: 88px; min-height: 46px; padding: 8px 12px; font-size: 13px; white-space: nowrap; }
  .xy-promoter-jumpnav a + a::before { top: 13px; bottom: 13px; }
  .xy-promoter-jumpnav a.is-active { margin: 4px; }
  .xy-promoter-section { padding: 38px 0; scroll-margin-top: 54px; }
  .xy-promoter-section-title { margin-bottom: 20px; }
  .xy-promoter-section-title h2 { font-size: 22px; }
  .xy-promoter-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .xy-promoter-benefit-grid article { min-height: 180px; padding: 16px 13px; }
  .xy-promoter-benefit-grid .xy-promoter-symbol { width: 50px; height: 50px; }
  .xy-promoter-benefit-grid .xy-promoter-symbol::before { width: 25px; height: 25px; }
  .xy-promoter-benefit-grid h3 { margin-top: 9px; font-size: 15px; }
  .xy-promoter-benefit-grid p { margin-top: 5px; font-size: 12px; }
  .xy-promoter-flow { grid-template-columns: 1fr; gap: 0; }
  .xy-promoter-flow li { grid-template-columns: 48px minmax(0, 1fr); grid-template-rows: 16px auto auto; align-items: start; column-gap: 11px; min-height: 0; padding: 13px 0; border-top: 1px solid #dbe7f5; text-align: left; }
  .xy-promoter-flow li:last-child { border-bottom: 1px solid #dbe7f5; }
  .xy-promoter-flow li:not(:last-child)::after { display: none; }
  .xy-promoter-flow-icon { grid-column: 1; grid-row: 1 / 4; width: 48px; height: 48px; margin: 0; }
  .xy-promoter-flow-icon::before { width: 23px; height: 23px; }
  .xy-promoter-flow b { grid-column: 2; grid-row: 1; margin: 0; font-size: 10px; }
  .xy-promoter-flow h3 { grid-column: 2; grid-row: 2; margin: 1px 0 0; font-size: 14px; }
  .xy-promoter-flow p { grid-column: 2; grid-row: 3; margin: 2px 0 0; font-size: 12px; }
  .xy-promoter-way-grid, .xy-promoter-reward-grid, .xy-promoter-faq { grid-template-columns: 1fr; gap: 12px; }
  .xy-promoter-way-card { grid-template-columns: 84px minmax(0, 1fr); min-height: 0; }
  .xy-promoter-way-visual img,`r`n  .xy-promoter-way-visual .xy-promoter-symbol-product,`r`n  .xy-promoter-way-visual .xy-promoter-symbol-creator { width: 78px; height: 78px; }
  .xy-promoter-way-copy { padding: 15px 13px; }
  .xy-promoter-way-copy h3 { font-size: 16px; }
  .xy-promoter-way-copy p { font-size: 12px; line-height: 1.6; }
  .xy-promoter-way-copy a { margin-top: 8px; font-size: 12px; }
  .xy-promoter-way-tags, .xy-promoter-platforms { gap: 4px; margin-top: 9px; }
  .xy-promoter-way-tags span, .xy-promoter-platforms span { padding: 3px 5px; font-size: 10px; }
  .xy-promoter-creator-action { margin-top: 10px; }
  .xy-promoter-reward-grid article { min-height: 0; padding: 17px 16px; }
  .xy-promoter-reward-grid article + article { border-top: 1px solid #e5e9f0; border-left: 0; }
  .xy-promoter-reward-grid strong { display: inline-block; width: 35px; margin: 0 7px 0 0; font-size: 19px; vertical-align: middle; }
  .xy-promoter-reward-grid h3 { display: inline-block; vertical-align: middle; }
  .xy-promoter-reward-grid p { margin: 5px 0 0 42px; }
  .xy-promoter-faq summary { min-height: 55px; padding: 0 14px; font-size: 13px; }
  .xy-promoter-faq details p { padding: 0 14px 13px; }
  .xy-promoter-cta-inner { display: block; min-height: 0; padding: 30px 0; }
  .xy-promoter-cta h2 { font-size: 22px; }
  .xy-promoter-cta .xy-promoter-actions { margin-top: 18px; }
  .xy-promoter-cta .xy-promoter-btn { flex: 1 1 auto; min-width: 0; padding-right: 12px; padding-left: 12px; }
  .xy-promoter-agreement-modal { padding: 12px; }
  .xy-promoter-agreement-modal header, .xy-promoter-agreement-modal footer { padding: 10px 14px; }
  .xy-promoter-agreement-modal header h2 { font-size: 16px; }
  .xy-promoter-agreement-body { padding: 14px; }
}
@media (max-width: 360px) {
  .xy-promoter-container { width: calc(100% - 24px); }
  .xy-promoter-actions { gap: 7px; }
  .xy-promoter-btn { padding-right: 12px; padding-left: 12px; font-size: 13px; }
  .xy-promoter-benefit-grid { grid-template-columns: 1fr; }
  .xy-promoter-benefit-grid article { min-height: 0; }
  .xy-promoter-way-card { grid-template-columns: 1fr; }
  .xy-promoter-way-visual { min-height: 78px; }
  .xy-promoter-way-visual img,`r`n  .xy-promoter-way-visual .xy-promoter-symbol-product,`r`n  .xy-promoter-way-visual .xy-promoter-symbol-creator { width: 84px; height: 84px; }
}