.marketing-view.is-group-buy-studio-open { padding-bottom: 0; }
body.group-buy-studio-mode .overview-cover,
body.group-buy-studio-mode .portal-error { display: none !important; }
.marketing-view.is-group-buy-studio-open > :not(.group-buy-studio) { display: none !important; }
.group-buy-studio[hidden] { display: none; }

.group-buy-studio {
  --group-ink: #153a2f;
  --group-muted: #738079;
  --group-green: #0d7057;
  --group-green-dark: #094f3e;
  --group-mint: #eaf5ef;
  --group-gold: #ad771d;
  --group-line: #e3ddd2;
  min-height: calc(100vh - 112px);
  color: var(--group-ink);
  background: #faf8f2;
}

.group-buy-studio-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 8px 4px 18px; border-bottom: 1px solid var(--group-line); }
.group-buy-back-button { display: inline-flex; align-items: center; gap: 7px; margin: 0 0 18px; padding: 0; border: 0; color: #66766f; background: transparent; font: inherit; font-size: 13px; font-weight: 750; cursor: pointer; }
.group-buy-back-button:hover,.group-buy-back-button:focus-visible { color: var(--group-green); }
.group-buy-breadcrumb { display: flex; align-items: center; gap: 4px; margin: 0 0 14px; color: #8a948f; font-size: 12px; }
.group-buy-studio-header h2 { margin: 0; color: #0b4f3c; font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif; font-size: clamp(36px,3vw,46px); font-weight: 650; letter-spacing: -.04em; line-height: 1.05; }
.group-buy-studio-header h2 + p { margin: 13px 0 0; color: var(--group-muted); font-size: 14px; }
.group-buy-stage-badge { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; margin-top: 42px; padding: 9px 13px; border: 1px solid #d9e7df; border-radius: 999px; color: #4f6f64; background: #f2f7f3; font-size: 12px; font-weight: 800; }

.group-buy-risk-note { display: flex; align-items: center; gap: 12px; margin-top: 20px; padding: 14px 16px; border: 1px solid #ead9b7; border-radius: 15px; background: #fffaf0; }
.group-buy-risk-note > i { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 11px; color: #946719; background: #f8ebcc; font-size: 18px; }
.group-buy-risk-note strong,.group-buy-risk-note p { margin: 0; }
.group-buy-risk-note strong { color: #735318; font-size: 13px; }
.group-buy-risk-note p { margin-top: 3px; color: #8a7652; font-size: 11px; }

.group-buy-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 16px; }
.group-buy-metrics article { display: grid; grid-template-columns: 38px 1fr; grid-template-rows: auto auto; column-gap: 12px; padding: 16px; border: 1px solid var(--group-line); border-radius: 16px; background: #fff; }
.group-buy-metrics i { width: 38px; height: 38px; display: grid; grid-row: 1 / 3; place-items: center; border-radius: 12px; color: var(--group-green); background: var(--group-mint); font-size: 19px; }
.group-buy-metrics span { color: #78857f; font-size: 11px; }
.group-buy-metrics strong { margin-top: 2px; color: #193d32; font: 700 24px/1 Arial,"Microsoft YaHei",sans-serif; font-variant-numeric: tabular-nums; }

.group-buy-library { margin-top: 16px; padding: 20px; border: 1px solid var(--group-line); border-radius: 20px; background: #fff; }
.group-buy-library > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.group-buy-library h3,.group-buy-library p,.group-buy-library span { margin: 0; }
.group-buy-library h3 { margin-top: 3px; color: #244b3e; font-size: 20px; }
.group-buy-library header span { display: block; margin-top: 5px; color: #7d8883; font-size: 11px; }
.group-buy-tabs { display: flex; gap: 4px; margin: 18px 0 14px; padding: 4px; border: 1px solid #ece6dc; border-radius: 12px; background: #f8f6f0; }
.group-buy-tabs button { min-height: 34px; padding: 0 14px; border: 0; border-radius: 9px; color: #748079; background: transparent; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.group-buy-tabs button.is-active { color: #fff; background: var(--group-green); }
.group-buy-list { display: grid; gap: 10px; }
.group-buy-list-card { display: grid; grid-template-columns: minmax(190px,1.4fr) repeat(5,minmax(80px,.55fr)) 84px 100px; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid #e9e4da; border-radius: 14px; background: #fffdfa; }
.group-buy-list-card > div strong,.group-buy-list-card > div span,.group-buy-list-card > div small { display: block; }
.group-buy-list-card > div strong { color: #24483d; font-size: 13px; }
.group-buy-list-card > div span { margin-top: 3px; color: #8b958f; font-size: 10px; }
.group-buy-list-card > span { color: #7f8984; font-size: 10px; }
.group-buy-list-card > span b { display: block; margin-top: 4px; color: #274a3f; font: 700 13px/1.2 Arial,"Microsoft YaHei",sans-serif; font-variant-numeric: tabular-nums; }
.group-buy-list-card .group-buy-list-price b { color: #a56d15; font-size: 16px; }
.group-buy-list-card em { justify-self: start; padding: 5px 9px; border-radius: 999px; color: #706b60; background: #f0ede6; font-size: 10px; font-style: normal; font-weight: 800; }
.group-buy-list-card em.is-active { color: #087358; background: #e8f5ef; }
.group-buy-list-card button { min-height: 32px; border: 1px solid #cddbd4; border-radius: 9px; color: var(--group-green); background: #fff; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
.group-buy-empty { padding: 24px; border: 1px dashed #d7ddd9; border-radius: 14px; color: #829088; text-align: center; font-size: 12px; }

.group-buy-stepper { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 10px; margin: 22px 0 14px; }
.group-buy-stepper button { display: inline-flex; align-items: center; gap: 8px; padding: 0; border: 0; color: #8a948f; background: transparent; font: inherit; font-size: 12px; font-weight: 800; }
.group-buy-stepper button b { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: #7b8781; background: #eceeea; font: 800 12px/1 Arial,sans-serif; }
.group-buy-stepper button.is-active { color: var(--group-green); }
.group-buy-stepper button.is-active b { color: #fff; background: var(--group-green); }
.group-buy-stepper > i { height: 1px; background: #dedfd9; }

.group-buy-studio-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.56fr); align-items: start; gap: 18px; }
.group-buy-editor,.group-buy-live-preview { border: 1px solid var(--group-line); border-radius: 20px; background: #fff; }
.group-buy-editor { overflow: hidden; }
.group-buy-form-section { padding: 22px; border-bottom: 1px solid #ece7dd; }
.group-buy-form-section:last-of-type { border-bottom: 0; }
.group-buy-form-section > header h3,.group-buy-form-section > header p { margin: 0; }
.group-buy-form-section > header h3 { color: #244b3e; font-size: 16px; }
.group-buy-form-section > header p { margin-top: 4px; color: #85908b; font-size: 11px; }
.group-buy-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 18px; }
.group-buy-form-grid.is-two-columns { align-items: start; }
.group-buy-field,.group-buy-switch,.group-buy-refund-policy,.group-buy-notify-options { min-width: 0; margin: 0; }
.group-buy-field.is-wide,.group-buy-switch.is-wide,.group-buy-refund-policy.is-wide,.group-buy-notify-options.is-wide { grid-column: 1 / -1; }
.group-buy-field > span,.group-buy-field legend,.group-buy-notify-options > span { display: block; margin: 0 0 7px; color: #435a52; font-size: 11px; font-weight: 800; }
.group-buy-field em { color: #b25f45; font-style: normal; }
.group-buy-field input,.group-buy-field select,.group-buy-field textarea { width: 100%; min-height: 42px; box-sizing: border-box; border: 1px solid #dcded8; border-radius: 10px; color: #253e36; background: #fff; font: inherit; font-size: 12px; outline: none; }
.group-buy-field input,.group-buy-field select { padding: 0 12px; }
.group-buy-field textarea { min-height: 84px; padding: 11px 12px; resize: vertical; }
.group-buy-field input:focus,.group-buy-field select:focus,.group-buy-field textarea:focus { border-color: #72a996; box-shadow: 0 0 0 3px rgba(13,112,87,.09); }
.group-buy-field > small { display: block; margin-top: 6px; color: #949c98; font-size: 10px; }
.group-buy-field fieldset,.group-buy-field { border: 0; padding: 0; }
.group-buy-number-unit { display: flex; align-items: center; border: 1px solid #dcded8; border-radius: 10px; overflow: hidden; }
.group-buy-number-unit:focus-within { border-color: #72a996; box-shadow: 0 0 0 3px rgba(13,112,87,.09); }
.group-buy-number-unit input { min-width: 0; border: 0; border-radius: 0; box-shadow: none !important; }
.group-buy-number-unit b { flex: 0 0 auto; padding: 0 11px; color: #7e8984; font: 700 12px/1 Arial,"Microsoft YaHei",sans-serif; }
.group-buy-choice-row { display: flex; min-height: 42px; align-items: center; gap: 14px; }
.group-buy-choice-row label { display: inline-flex; align-items: center; gap: 6px; color: #596b64; font-size: 11px; }
.group-buy-switch { display: flex; align-items: center; gap: 10px; padding: 13px 14px; border: 1px solid #dfe5e1; border-radius: 12px; background: #f8fbf9; }
.group-buy-switch > span b,.group-buy-switch > span small { display: block; }
.group-buy-switch > span b { font-size: 12px; }
.group-buy-switch > span small { margin-top: 3px; color: #89948f; font-size: 10px; }
.group-buy-refund-policy { display: flex; align-items: center; gap: 11px; padding: 13px 14px; border: 1px solid #cfe3da; border-radius: 12px; background: #f2f8f5; }
.group-buy-refund-policy > i { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 10px; color: var(--group-green); background: #deefe7; font-size: 17px; }
.group-buy-refund-policy > span { min-width: 0; flex: 1; }
.group-buy-refund-policy b,.group-buy-refund-policy small { display: block; }
.group-buy-refund-policy b { color: #214f40; font-size: 12px; }
.group-buy-refund-policy small { margin-top: 3px; color: #6f8179; font-size: 10px; line-height: 1.5; }
.group-buy-refund-policy em { flex: 0 0 auto; padding: 4px 8px; border-radius: 999px; color: #2c705a; background: #e1f0e9; font-size: 9px; font-style: normal; }
.group-buy-notify-options { display: grid; gap: 8px; padding: 13px 14px; border: 1px solid #e4e4de; border-radius: 12px; background: #fafaf7; }
.group-buy-notify-options label { display: flex; align-items: center; gap: 7px; color: #627169; font-size: 11px; }
.group-buy-editor-status { min-height: 20px; margin: 0; padding: 0 22px 18px; color: #8b6851; font-size: 11px; }
.group-buy-editor-status.is-success { color: #087358; }

.group-buy-live-preview { position: sticky; top: 18px; overflow: hidden; }
.group-buy-live-preview > header { padding: 17px 18px; border-bottom: 1px solid #ece7dd; }
.group-buy-live-preview > header h3,.group-buy-live-preview > header p { margin: 0; }
.group-buy-live-preview > header h3 { font-size: 14px; }
.group-buy-live-preview > header p { margin-top: 4px; color: #8c9691; font-size: 10px; }
.group-buy-mini-page { margin: 16px; border: 1px solid #e4e5df; border-radius: 18px; overflow: hidden; background: #f7f5ef; box-shadow: 0 16px 35px rgba(36,60,50,.09); }
.group-buy-mini-page > img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.group-buy-mini-body { padding: 15px; background: #fff; }
.group-buy-mini-tag { display: inline-flex; align-items: center; gap: 5px; color: #976415; font-size: 10px; font-weight: 850; }
.group-buy-mini-body h4 { margin: 7px 0 5px; color: #1d3c32; font-size: 18px; }
.group-buy-mini-body > p { margin: 0; color: #808b85; font-size: 10px; line-height: 1.55; }
.group-buy-mini-price { display: flex; align-items: flex-end; gap: 8px; margin-top: 14px; }
.group-buy-mini-price strong { color: #a76d15; font: 800 30px/1 Arial,"Microsoft YaHei",sans-serif; font-variant-numeric: tabular-nums; }
.group-buy-mini-price strong small { margin-right: 2px; font-size: 14px; }
.group-buy-mini-price del { color: #a4aaa7; font: 11px/1.4 Arial,"Microsoft YaHei",sans-serif; }
.group-buy-mini-price em { margin-left: auto; padding: 5px 8px; border-radius: 999px; color: #fff; background: var(--group-green); font-size: 9px; font-style: normal; font-weight: 800; }
.group-buy-mini-progress { display: flex; align-items: center; gap: 10px; margin: 14px 0; padding: 10px; border-radius: 12px; background: #f1f7f3; }
.group-buy-mini-progress > span { display: flex; }
.group-buy-mini-progress > span i { width: 30px; height: 30px; display: grid; place-items: center; margin-left: -5px; border: 2px solid #f1f7f3; border-radius: 50%; color: var(--group-green); background: #fff; font-size: 15px; }
.group-buy-mini-progress > span i:first-child { margin-left: 0; }
.group-buy-mini-progress p,.group-buy-mini-progress b,.group-buy-mini-progress small { margin: 0; }
.group-buy-mini-progress b,.group-buy-mini-progress small { display: block; }
.group-buy-mini-progress b { font-size: 11px; }
.group-buy-mini-progress small { margin-top: 3px; color: #7d8a84; font: 10px/1 Arial,"Microsoft YaHei",sans-serif; }
.group-buy-mini-body > .group-buy-mini-refund { display: flex; align-items: center; gap: 5px; margin: -4px 0 10px; color: #2d705a; font-size: 9px; }
.group-buy-mini-body > button { width: 100%; min-height: 42px; border: 0; border-radius: 12px; color: #fff; background: var(--group-green); font: inherit; font-size: 13px; font-weight: 850; }
.group-buy-mini-body ul { display: flex; justify-content: space-between; gap: 7px; margin: 12px 0 0; padding: 0; list-style: none; color: #75827c; font-size: 9px; }
.group-buy-mini-body li { display: inline-flex; align-items: center; gap: 3px; }
.group-buy-settlement-preview { margin: 0 16px 16px; border: 1px solid #e4ded2; border-radius: 14px; overflow: hidden; background: #fffdfa; }
.group-buy-settlement-preview header { display: flex; justify-content: space-between; gap: 10px; padding: 11px 12px; border-bottom: 1px solid #ece6db; }
.group-buy-settlement-preview header strong { font-size: 11px; }
.group-buy-settlement-preview header span { color: #8b948f; font-size: 9px; }
.group-buy-settlement-preview > div { display: grid; grid-template-columns: repeat(3,1fr); }
.group-buy-settlement-preview > div > span { padding: 10px 11px; border-right: 1px solid #ece6db; color: #818b86; font-size: 9px; }
.group-buy-settlement-preview > div > span:last-child { border-right: 0; }
.group-buy-settlement-preview > div strong { display: block; margin-top: 5px; color: #274b3f; font: 800 12px/1.2 Arial,"Microsoft YaHei",sans-serif; font-variant-numeric: tabular-nums; }
.group-buy-settlement-preview > div > span:last-child strong { color: #087358; }

.group-buy-studio-actions { position: sticky; bottom: 0; z-index: 5; display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; padding: 14px 0; border-top: 1px solid var(--group-line); background: rgba(250,248,242,.96); }
.group-buy-studio-actions button { min-width: 138px; }

@media (max-width: 1180px) {
  .group-buy-list-card { grid-template-columns: minmax(180px,1.5fr) repeat(3,minmax(80px,.6fr)) 84px 100px; }
  .group-buy-list-card > span:nth-of-type(4),.group-buy-list-card > span:nth-of-type(5) { display: none; }
  .group-buy-studio-layout { grid-template-columns: 1fr; }
  .group-buy-live-preview { position: static; }
}
@media (max-width: 760px) {
  .group-buy-studio-header,.group-buy-library > header { flex-direction: column; }
  .group-buy-stage-badge { margin-top: 0; }
  .group-buy-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .group-buy-tabs { overflow-x: auto; }
  .group-buy-tabs button { flex: 0 0 auto; }
  .group-buy-list-card { grid-template-columns: 1fr 1fr; }
  .group-buy-list-card > div { grid-column: 1 / -1; }
  .group-buy-list-card > span { display: block !important; }
  .group-buy-list-card button { grid-column: 1 / -1; }
  .group-buy-form-grid { grid-template-columns: 1fr; }
  .group-buy-field.is-wide,.group-buy-switch.is-wide,.group-buy-refund-policy.is-wide,.group-buy-notify-options.is-wide { grid-column: auto; }
  .group-buy-stepper button span { display: none; }
  .group-buy-studio-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .group-buy-studio-actions button { min-width: 0; }
}