.wm-scope { --wm-accent: #087f78; --wm-ink: #253c38; --wm-muted: #60736d; color: var(--wm-ink); font: 15px/1.6 "Microsoft YaHei", "PingFang SC", Arial, sans-serif; min-width: 0; }
.wm-scope *, .wm-scope *::before, .wm-scope *::after { box-sizing: border-box; }
.wm-scope [hidden] { display: none !important; }
.wm-scope h1, .wm-scope h2, .wm-scope h3, .wm-scope p { margin: 0; }
.wm-scope h1 { font-size: clamp(24px, 3vw, 32px); line-height: 1.4; }
.wm-scope h2 { font-size: 21px; }
.wm-scope h3 { font-size: 17px; }
.wm-scope a { color: var(--wm-accent); }
.wm-scope button, .wm-scope .wm-button { font: inherit; min-height: 44px; padding: 9px 16px; border: 1px solid #cedbd6; border-radius: 8px; background: #fff; color: var(--wm-ink); cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
.wm-scope .wm-primary { color: #fff; background: var(--wm-accent); border-color: var(--wm-accent); }
.wm-scope button:disabled { opacity: .55; cursor: not-allowed; }
.wm-scope :focus-visible { outline: 3px solid #50b9ae; outline-offset: 3px; }
.wm-scope input, .wm-scope select { font: inherit; width: 100%; max-width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid #c8d5d0; border-radius: 8px; background: #fff; color: var(--wm-ink); }
.wm-scope label { display: grid; gap: 6px; font-weight: 600; min-width: 0; }
.wm-scope small, .wm-muted { color: var(--wm-muted); font-size: 13px; }
.wm-scope .wm-card { background: #fff; border: 1px solid #dde5e1; border-radius: 14px; padding: 24px; min-width: 0; }
.wm-stack { display: grid; gap: 18px; }
.wm-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.wm-between { justify-content: space-between; }
.wm-admin-detail [data-grant] textarea { font: inherit; min-height: 80px; resize: vertical; width: 100%; padding: 10px 12px; border: 1px solid #c8d5d0; border-radius: 8px; }
.wm-heading { margin-bottom: 24px; }
.wm-kicker { color: var(--wm-accent); font-size: 12px; letter-spacing: .1em; font-weight: 700; }
.wm-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(240px, .75fr); gap: 28px; }
.wm-fields { display: grid; gap: 18px; min-width: 0; }
.wm-scope fieldset { padding: 0; margin: 0; border: 0; min-width: 0; }
.wm-preview { min-height: 185px; display: flex; gap: 18px; align-items: center; justify-content: center; padding: 24px; border: 1px solid #dce6e0; border-radius: 12px; background: #f6f9f7; overflow-wrap: anywhere; }
.wm-preview img, .wm-home-logo { width: 86px; height: 86px; flex-shrink: 0; object-fit: contain; }
.wm-preview strong { font-size: 22px; }
.wm-logo-placeholder { width: 80px; height: 80px; flex-shrink: 0; display: grid; place-items: center; border: 1px dashed #a7bcb2; border-radius: 10px; color: #688579; font-size: 13px; }
.wm-status { display: inline-block; padding: 3px 12px; border-radius: 30px; color: #08746d; background: #e8f5ef; font-size: 13px; }
.wm-status[data-disabled="true"] { background: #f3ede6; color: #8b542d; }
.wm-message { min-height: 24px; overflow-wrap: anywhere; color: var(--wm-accent); }
.wm-message[data-error="true"] { color: #b42f2f; }
.wm-savebar { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; border-top: 1px solid #e2e8e5; margin-top: 24px; padding-top: 20px; padding-bottom: env(safe-area-inset-bottom, 0px); }
.wm-filter { display: grid; grid-template-columns: minmax(170px, 1fr) minmax(100px, 160px) auto; gap: 12px; align-items: end; }
.wm-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; }
.wm-table th, .wm-table td { border-bottom: 1px solid #e2e8e5; padding: 14px 10px; vertical-align: top; overflow-wrap: anywhere; }
.wm-table td:first-child { max-width: 270px; }
.wm-table td small { display: block; }
.wm-table .wm-code { font: 11px/1.8 monospace; color: #65756e; }
.wm-table button { white-space: nowrap; }
.wm-admin-detail { scroll-margin-top: 90px; }
body.wm-body { margin: 0; background: #f5f7f5; }
.wm-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.wm-actions button { min-height:64px; font-size:17px; }
.wm-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:20px 0; }
.wm-stats strong,.wm-stats span { display:block; }
.wm-stats strong { font-size:28px; margin-bottom:8px; }
.wm-stats span { font-size:13px; color:#647970; }
.wm-scope section,.wm-scope h3 { scroll-margin-top:24px; }
.wm-scope summary { cursor:pointer; padding:14px 0; }
.wm-scope .wg-record p { margin:0; }
.wm-scope .wg-record { overflow-wrap:anywhere; }
.wm-invitation { max-width:560px; width:calc(100% - 32px); max-height:90dvh; overflow:auto; border:1px solid #cbd9d1; border-radius:16px; padding:20px; }
.wm-invitation::backdrop { background:#122c2666; }
.wm-invitation img { display:block; width:100%; height:auto; margin-top:16px; }
.wm-invitation a { display:inline-block; }
.wm-scope [data-purchase-form] { max-width:700px; }
.wm-scope input[type=checkbox] { width:20px; height:20px; flex-shrink:0; }
@media(max-width:600px) { .wm-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } .wm-actions { gap:8px; } .wm-actions button { font-size:14px; padding:10px 6px; } }
.wm-topbar { background: #fff; border-bottom: 1px solid #e1e7e3; }
.wm-topbar > div { max-width: 1160px; margin: auto; padding: 18px 28px; }
.wm-wordmark { letter-spacing: .12em; font-weight: 800; font-size: 18px; }
.wm-main { max-width: 1160px; margin: auto; padding: 36px 28px 60px; display: grid; gap: 26px; }
.wm-home { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; }
.wm-home-copy { flex: 1; min-width: min(220px, 100%); }
.wm-home-copy h2 { margin: 4px 0 8px; overflow-wrap: anywhere; }
.wm-quota-overview { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 16px 0; }
.wm-quota-overview dt { color: #647970; font-size: 13px; }
.wm-quota-overview dd { font-size: 24px; margin: 8px 0; font-weight: 700; overflow-wrap: anywhere; }
#wmQuota table { table-layout: fixed; }
#wmQuota h3 { margin-top: 24px; }
@media (max-width: 480px) { .wm-quota-overview { grid-template-columns: 1fr; gap: 12px; } .wm-quota-overview > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; } }
@media (max-width: 760px) {
  .wm-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .wm-scope .wm-card { padding: 20px 16px; }
  .wm-main { padding: 24px 16px 40px; gap: 20px; }
  .wm-topbar > div { padding: 14px 16px; }
  .wm-topbar .wm-row { gap: 10px; }
  .wm-topbar .wm-wordmark { font-size: 15px; }
  .wm-filter { grid-template-columns: minmax(0, 1fr) minmax(0, .7fr); }
  .wm-filter label:first-child { grid-column: 1 / -1; }
  .wm-filter button { width: 100%; }
  .wm-table, .wm-table tbody { display: block; }
  .wm-table thead { display: none; }
  .wm-table tr { display: grid; grid-template-columns: minmax(0, 1fr); border: 1px solid #dbe5df; border-radius: 10px; margin-bottom: 14px; padding: 12px; }
  .wm-table td { border: none; padding: 6px 0; max-width: none !important; }
  .wm-table td[data-label]::before { content: attr(data-label) "："; color: #647970; }
  .wm-savebar button { width: 100%; }
  .wm-preview { padding: 20px 14px; }
  .wm-preview strong { font-size: 20px; }
}

/* Online checkout owns this layout; keep payment IDs and QR within mobile cards. */
.wm-scope .wm-online-purchase, .wm-scope .wm-online-purchase .wm-stack { min-width:0; grid-template-columns:minmax(0,1fr); overflow-wrap:anywhere; }
.wm-scope .wm-online-purchase [data-current] img { justify-self:center; }

.wm-invitation{box-sizing:border-box;max-width:610px;padding:16px}.wm-invitation>button{position:sticky;top:0;z-index:1;background:#fff}.wm-invitation>p{font-size:14px;line-height:1.6}.wm-invitation img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.wm-invitation>a{min-height:44px;box-sizing:border-box}@media(max-width:600px){.wm-invitation{width:calc(100% - 20px);padding:12px;max-height:94dvh}}

/* Public profile editor, scoped to the shared merchant brand form. */
.wm-public-editor{margin-top:30px;min-width:0}.wm-public-editor textarea{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid #c9d9d3;border-radius:8px;resize:vertical}.wm-profile-pair,.wm-portfolio-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wm-work-editor{padding:12px;border:1px solid #dbe5df;border-radius:12px;min-width:0;display:grid;gap:12px}.wm-work-editor img{width:100%;height:180px;object-fit:contain;background:#f6f4ef}.wm-profile-cover img{display:block;width:min(100%,420px);height:210px;object-fit:cover;margin-bottom:12px}.wm-brand-form .wm-savebar{position:static}.wm-public-editor input[type=file]{max-width:100%}@media(max-width:600px){.wm-profile-pair,.wm-portfolio-editor{grid-template-columns:minmax(0,1fr)}.wm-brand-form .wm-savebar{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}