/* 众筹买车 / 我的众筹 / 发起众筹 — 黄白立体风格 */
.m-mall-page,
.m-crowd-page {
  --mc-yellow: #ff642e;
  --mc-ink: #1c1914;
  --mc-title: #2a2418;
  --mc-body: #5c5346;
  --mc-soft: #8a8070;
  --mc-mute: #b0a696;
  --mc-up: #0a8f5a;
  --mc-accent: #c47a00;
  --mc-link: #3d6fb8;
  position: relative;
  min-height: 100vh;
  color: var(--mc-body);
  background: #f7f5ef url("/m/assets/mall-bg.jpg?v=20261101c") center top / cover no-repeat;
  font-size: 15px;
}
.m-mall-page::before,
.m-crowd-page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 210, 190, 0.52) 0%, rgba(247, 245, 239, 0.84) 45%, rgba(247, 245, 239, 0.95) 100%);
}
.m-mall-page > *:not(.m-tabbar):not(.mc-sheet):not(.mc-win),
.m-crowd-page > *:not(.m-tabbar) {
  position: relative;
  z-index: 1;
}
.m-mall-page .m-tabbar,
.m-crowd-page .m-tabbar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
}

.m-mall-page .m-mall-main,
.m-crowd-page .mc-main {
  display: block;
  min-height: auto;
  padding: 14px 14px calc(var(--tabbar-h) + var(--safe-b) + 28px);
}

/* 顶栏 */
.mc-top {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 14px;
  padding-top: calc(12px + var(--safe-t, 0px));
  background: rgba(255, 228, 17, 0.96);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.mc-back {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(180deg, #fff, #f3f3f3);
  color: var(--mc-ink);
  font-size: 26px;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
.mc-top h1 {
  margin: 0;
  font-size: 19px;
  font-weight: 900;
  color: var(--mc-ink);
}
.mc-top-link {
  font-size: 15px;
  font-weight: 800;
  color: var(--mc-ink);
  text-decoration: none;
  min-width: 40px;
  text-align: right;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.55);
}

/* Hero */
.mc-hero {
  display: grid;
  gap: 14px;
  padding: 20px 16px 18px;
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.4), transparent 42%),
    linear-gradient(145deg, #ff642e 0%, #ffd84a 48%, #ffe98a 100%);
  color: var(--mc-ink);
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.65);
  margin-bottom: 14px;
}
.mc-eyebrow {
  margin: 0 0 4px;
  font-size: 13px;
  letter-spacing: 0.08em;
  color: var(--mc-soft);
  font-weight: 700;
}
.mc-hero h1 {
  margin: 0 0 8px;
  font-size: 26px;
  font-weight: 900;
  letter-spacing: 0.02em;
  color: var(--mc-ink);
}
.mc-hero-desc {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--mc-soft);
  font-weight: 500;
}
.mc-hero-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.mc-hero-stats div {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.55));
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 14px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  box-shadow: 0 6px 14px rgba(232, 78, 26, 0.12), inset 0 1px 0 #fff;
}
.mc-hero-stats strong {
  font-size: 24px;
  font-weight: 900;
  color: var(--mc-ink);
}
.mc-hero-stats span {
  font-size: 13px;
  color: var(--mc-soft);
  font-weight: 600;
}
.mc-hero-actions {
  display: flex;
  gap: 10px;
}
.mc-hero-btn {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, #fff, #f5f5f5);
  color: var(--mc-ink);
  font-size: 16px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08), inset 0 1px 0 #fff;
}
.mc-hero-btn.ghost {
  background: linear-gradient(180deg, #ff8a5c, #ff642e 50%, #e84e1a);
  box-shadow: 0 10px 18px rgba(232, 78, 26, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.mc-filter {
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.mc-filter button {
  flex: 0 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background: rgba(255, 255, 255, 0.92);
  color: var(--mc-soft);
  font-size: 15px;
  font-weight: 700;
  padding: 11px 16px;
  border-radius: 999px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.mc-filter button.is-on {
  background: var(--mc-yellow);
  color: var(--mc-ink);
  font-weight: 900;
  border-color: transparent;
  box-shadow: 0 6px 14px rgba(255, 196, 0, 0.3);
}

.mc-list {
  display: grid;
  gap: 14px;
}

.mc-card {
  background: linear-gradient(180deg, #ffffff, #fffaf0);
  border-radius: 18px;
  overflow: hidden;
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.85);
}

.mc-card-cover {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  background: #f3efe4;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
}
.mc-card-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mc-badge {
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  color: #fff;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(4px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.mc-badge.on { background: rgba(255, 228, 17, 0.95); color: var(--mc-ink); }
.mc-badge.success { background: rgba(47, 111, 237, 0.92); }
.mc-badge.payout_pending { background: rgba(230, 126, 0, 0.92); }
.mc-badge.settled { background: rgba(10, 143, 90, 0.92); }
.mc-badge.failed,
.mc-badge.off { background: rgba(120, 120, 120, 0.85); }

.mc-card.is-settled .mc-card-cover img {
  filter: grayscale(0.28) brightness(0.92);
}
.mc-stamp {
  --stamp: #0a8f5a;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: min(58vw, 188px);
  height: min(58vw, 188px);
  margin: 0;
  border-radius: 50%;
  color: var(--stamp);
  background:
    radial-gradient(circle at 30% 28%, rgba(255, 255, 255, 0.55), transparent 42%),
    radial-gradient(circle at 70% 74%, rgba(10, 143, 90, 0.18), transparent 50%),
    repeating-radial-gradient(circle at 50% 50%, rgba(10, 143, 90, 0.06) 0 1px, transparent 1px 5px),
    rgba(240, 255, 248, 0.58);
  border: 4px solid var(--stamp);
  box-shadow:
    inset 0 0 0 9px rgba(10, 143, 90, 0.16),
    inset 0 0 0 13px rgba(255, 255, 255, 0.32),
    0 14px 32px rgba(0, 0, 0, 0.22);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  transform: translate(-50%, -52%) rotate(-18deg);
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
}
.mc-stamp::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 50%;
  border: 2.5px dashed rgba(10, 143, 90, 0.78);
}
.mc-stamp::after {
  content: "";
  position: absolute;
  inset: 20px;
  border-radius: 50%;
  border: 2px solid rgba(10, 143, 90, 0.5);
}
.mc-stamp em {
  position: relative;
  z-index: 1;
  font-style: normal;
  font-size: clamp(28px, 8vw, 40px);
  font-weight: 900;
  letter-spacing: 0.16em;
  line-height: 1;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
}
.mc-stamp small {
  position: relative;
  z-index: 1;
  font-size: clamp(11px, 3vw, 14px);
  font-weight: 800;
  letter-spacing: 0.22em;
  padding-left: 0.22em;
  opacity: 0.88;
}
.mc-winner.is-settled {
  background: linear-gradient(135deg, #e8fff4 0%, #c8f5df 55%, #9ee6c0 100%);
  border-color: rgba(10, 143, 90, 0.28);
  box-shadow: 0 6px 14px rgba(10, 143, 90, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
.mc-winner.is-settled strong {
  color: #0a6b44;
}
.mc-winner.is-settled span {
  color: #0a8f5a;
}

.mc-card-body {
  padding: 14px 16px 16px;
}
a.mc-card-title,
.mc-card-title {
  display: block;
  margin: 0 0 6px;
  color: var(--mc-title);
  text-decoration: none;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.35;
}
.mc-card-sub {
  margin: 0 0 10px;
  font-size: 13px;
  color: var(--mc-mute);
  font-weight: 500;
}
.mc-card-story {
  margin: 0 0 12px;
  font-size: 14px;
  color: var(--mc-soft);
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
}

.mc-progress-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
.mc-progress-pct {
  font-size: 22px;
  font-weight: 900;
  color: var(--mc-accent);
}
.mc-progress-pct small {
  font-size: 13px;
  font-weight: 800;
}
.mc-progress-amt {
  font-size: 13px;
  color: var(--mc-soft);
  font-weight: 600;
}
.mc-bar {
  height: 10px;
  border-radius: 999px;
  background: #efe6d2;
  overflow: hidden;
  margin-bottom: 10px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
}
.mc-bar > i {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #ff642e, #e84e1a);
  transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: 0 0 8px rgba(255, 200, 0, 0.45);
}
.mc-bar.is-done > i {
  background: linear-gradient(90deg, #2f6fed, #69c0ff);
}

.mc-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 4px;
}
.mc-foot-info {
  font-size: 13px;
  color: var(--mc-mute);
  line-height: 1.45;
  font-weight: 500;
}
.mc-foot-acts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
  flex-shrink: 0;
}
.mc-detail-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #f3f1ea;
  color: var(--mc-soft);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}
.mc-join {
  flex: 0 0 auto;
  border: 0;
  min-height: 42px;
  background: linear-gradient(180deg, #ff8a5c, #ff642e 50%, #e84e1a);
  color: var(--mc-ink);
  font-size: 15px;
  font-weight: 900;
  padding: 10px 16px;
  border-radius: 999px;
  box-shadow: 0 8px 14px rgba(232, 78, 26, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  cursor: pointer;
}
.mc-join:disabled {
  background: #d8d2c4;
  color: #fff;
  box-shadow: none;
}

.mc-empty {
  text-align: center;
  color: var(--mc-mute);
  font-size: 15px;
  padding: 48px 16px;
  line-height: 1.6;
  background: linear-gradient(180deg, #fff, #fffaf0);
  border-radius: 18px;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.05);
  font-weight: 500;
}

/* 支持弹层 */
.mc-sheet {
  position: fixed;
  inset: 0;
  z-index: 80;
}
.mc-sheet-mask {
  position: absolute;
  inset: 0;
  background: rgba(28, 25, 20, 0.45);
}
.mc-sheet-panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 86vh;
  overflow: auto;
  background: linear-gradient(180deg, #fffdf8, #fff);
  border-radius: 22px 22px 0 0;
  padding: 18px 16px calc(18px + var(--safe-b));
  animation: mcUp 0.28s ease;
  box-shadow: 0 -12px 36px rgba(0, 0, 0, 0.18);
}
@keyframes mcUp {
  from { transform: translateY(24px); opacity: 0.6; }
  to { transform: translateY(0); opacity: 1; }
}
.mc-sheet-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.mc-sheet-hd h2 {
  margin: 0;
  font-size: 19px;
  font-weight: 900;
  color: var(--mc-title);
}
.mc-sheet-x {
  border: 0;
  background: #f3f1ea;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 22px;
  line-height: 1;
  color: var(--mc-ink);
  font-weight: 700;
}
.mc-sheet-car {
  margin: 0 0 8px;
  font-size: 15px;
  color: var(--mc-title);
  font-weight: 700;
}
.mc-sheet-bal {
  margin: 0 0 14px;
  font-size: 14px;
  color: var(--mc-soft);
  font-weight: 600;
}
.mc-form label {
  display: block;
  margin-bottom: 14px;
}
.mc-form label > span {
  display: block;
  font-size: 14px;
  color: var(--mc-soft);
  margin-bottom: 8px;
  font-weight: 700;
}
.mc-form input,
.mc-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ebe3d0;
  border-radius: 14px;
  padding: 14px;
  font-size: 16px;
  outline: none;
  background: linear-gradient(180deg, #fff, #faf7f0);
  color: var(--mc-ink);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03);
}
.mc-form input:focus,
.mc-form textarea:focus {
  border-color: #e84e1a;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(255, 228, 17, 0.28);
}
.mc-form-tip {
  margin: 0 0 12px;
  font-size: 13px;
  color: var(--mc-mute);
  line-height: 1.55;
  font-weight: 500;
}
.mc-submit {
  width: 100%;
  border: 0;
  min-height: 52px;
  margin-top: 4px;
  padding: 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ff8a5c, #ff642e 50%, #e84e1a);
  color: var(--mc-ink);
  font-size: 17px;
  font-weight: 900;
  box-shadow: 0 10px 20px rgba(232, 78, 26, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.mc-submit:disabled { opacity: 0.55; }

/* 我的众筹 tabs */
.cm-tabs {
  display: flex;
  gap: 10px;
  margin: 0 0 14px;
}
.cm-tabs button {
  flex: 1;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 999px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.92);
  font-weight: 700;
  font-size: 15px;
  color: var(--mc-soft);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.cm-tabs button.is-on {
  background: var(--mc-yellow);
  color: var(--mc-ink);
  font-weight: 900;
  border-color: transparent;
  box-shadow: 0 6px 14px rgba(255, 196, 0, 0.3);
}

/* 发起众筹 */
.cc-card {
  background: linear-gradient(180deg, #ffffff, #fffaf0);
  border-radius: 18px;
  padding: 18px 16px;
  margin-bottom: 14px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.85);
}
.cc-card h2 {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 900;
  color: var(--mc-title);
}
.cc-hint {
  margin: 0 0 12px;
  font-size: 14px;
  color: var(--mc-soft);
  line-height: 1.5;
  font-weight: 500;
}
.cc-car {
  display: flex;
  gap: 12px;
  padding: 12px;
  border-radius: 14px;
  background: linear-gradient(160deg, #ffe0d4, #ffe98a);
  margin-bottom: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.cc-car img {
  width: 100px;
  height: 76px;
  object-fit: cover;
  border-radius: 10px;
  background: #e8ebe9;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.cc-car strong {
  display: block;
  font-size: 15px;
  line-height: 1.4;
  color: var(--mc-title);
  font-weight: 800;
}
.cc-car p {
  margin: 6px 0 0;
  font-size: 13px;
  color: var(--mc-soft);
  font-weight: 600;
}
.cc-form label {
  display: block;
  margin-bottom: 14px;
}
.cc-form span {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  color: var(--mc-soft);
}
.cc-form input,
.cc-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ebe3d0;
  border-radius: 14px;
  padding: 14px 12px;
  font: inherit;
  font-size: 16px;
  background: linear-gradient(180deg, #fff, #faf7f0);
  color: var(--mc-ink);
}
.cc-form input:focus,
.cc-form textarea:focus {
  border-color: #e84e1a;
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 228, 17, 0.28);
}
.cc-pick {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 380px;
  overflow: auto;
}
.cc-pick button {
  display: flex;
  gap: 12px;
  align-items: center;
  width: 100%;
  border: 1px solid #efe6d2;
  border-radius: 14px;
  padding: 10px;
  background: linear-gradient(180deg, #fff, #faf7f0);
  text-align: left;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}
.cc-pick button.is-on {
  border-color: #e84e1a;
  background: linear-gradient(160deg, #ffe0d4, #ff642e);
  box-shadow: 0 8px 16px rgba(240, 180, 0, 0.2);
}
.cc-pick img {
  width: 80px;
  height: 60px;
  object-fit: cover;
  border-radius: 8px;
  background: #eee;
  flex-shrink: 0;
}
.cc-pick strong {
  font-size: 14px;
  display: block;
  color: var(--mc-title);
  font-weight: 800;
  line-height: 1.35;
}
.cc-pick em {
  font-style: normal;
  font-size: 14px;
  color: var(--mc-accent);
  font-weight: 900;
}
.cc-submit {
  width: 100%;
  border: 0;
  min-height: 52px;
  margin-top: 8px;
  padding: 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ff8a5c, #ff642e 50%, #e84e1a);
  color: var(--mc-ink);
  font-size: 17px;
  font-weight: 900;
  box-shadow: 0 10px 20px rgba(232, 78, 26, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 简化 mall 页顶栏时隐藏旧 top 可保留兼容 */
.m-mall-page .m-top {
  display: none;
}

/* 中签展示条 */
.mc-winner {
  margin: 10px 0 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: linear-gradient(135deg, #fff8d6 0%, #ffe98a 55%, #ffd84a 100%);
  border: 1px solid rgba(196, 122, 0, 0.28);
  box-shadow: 0 6px 14px rgba(196, 122, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
.mc-winner strong {
  display: block;
  color: #8a4b00;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.02em;
}
.mc-winner p {
  margin: 6px 0 4px;
  color: var(--mc-ink);
  font-size: 15px;
  font-weight: 800;
}
.mc-winner span {
  color: var(--mc-accent);
  font-size: 12px;
  font-weight: 700;
}

/* 中签弹层 */
.mc-win {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 18px;
}
.mc-win[hidden] {
  display: none !important;
}
.mc-win-mask {
  position: absolute;
  inset: 0;
  background: rgba(28, 25, 20, 0.48);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.mc-win-panel {
  position: relative;
  z-index: 1;
  width: min(360px, 100%);
  padding: 28px 22px 22px;
  border-radius: 22px;
  background: linear-gradient(180deg, #fffef8, #fff8e0);
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  text-align: center;
}
.mc-win-ico {
  font-size: 42px;
  line-height: 1;
  margin-bottom: 8px;
}
.mc-win-panel h2 {
  margin: 0 0 8px;
  color: var(--mc-ink);
  font-size: 24px;
  font-weight: 900;
}
.mc-win-car {
  margin: 0 0 10px;
  color: var(--mc-title);
  font-size: 15px;
  font-weight: 800;
}
.mc-win-desc {
  margin: 0 0 18px;
  color: var(--mc-body);
  font-size: 14px;
  line-height: 1.55;
}
.mc-win-desc strong {
  color: var(--mc-accent);
}
.mc-win-btn,
.mc-win-ok {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
  padding: 13px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
  border: none;
}
.mc-win-btn {
  background: linear-gradient(180deg, #ff8a5c, #ff642e 50%, #e84e1a);
  color: var(--mc-ink);
  box-shadow: 0 10px 20px rgba(232, 78, 26, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.mc-win-ok {
  background: transparent;
  color: var(--mc-soft);
  font-size: 14px;
  font-weight: 700;
  box-shadow: none;
}