@charset "UTF-8";.market-card[data-v-cf2d4bc3] {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  transition: transform 0.15s, box-shadow 0.15s;
}
.market-card[data-v-cf2d4bc3]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}
.market-card__cover[data-v-cf2d4bc3] {
  position: relative;
  height: 140px;
  overflow: hidden;
}
.market-card__img[data-v-cf2d4bc3] {
  width: 100%;
  height: 100%;
}
.market-card__placeholder[data-v-cf2d4bc3] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #fff;
  font-size: 32px;
  font-weight: 600;
}
.market-card__body[data-v-cf2d4bc3] {
  padding: 10px 12px 12px;
}
.market-card__title[data-v-cf2d4bc3] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  line-height: 1.4;
}
.market-card__desc[data-v-cf2d4bc3] {
  margin-top: 4px;
  font-size: 12px;
  color: #909399;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.mp-modal-mask[data-v-c2291a3c] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mp-modal[data-v-c2291a3c] {
  background: #fff;
  border-radius: 12px;
  width: 420px;
  padding: 22px;
  position: relative;
}
.mp-modal img[data-v-c2291a3c] {
  width: 100%;
  border-radius: 8px;
  display: block;
}
.mp-modal__ph[data-v-c2291a3c] {
  width: 100%;
  height: 200px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #5b8def, #8b6df0);
  color: #fff;
  font-weight: 600;
}
.mp-modal h3[data-v-c2291a3c] {
  font-size: 16px;
  margin: 12px 0 4px;
}
.mp-modal__brief[data-v-c2291a3c] {
  color: #909399;
  font-size: 13px;
  margin-bottom: 14px;
}
.mp-modal__use[data-v-c2291a3c] {
  background: #2b6de8;
  color: #fff;
  border-radius: 15px;
  padding: 6px 18px;
  font-size: 13px;
  border: none;
  cursor: pointer;
}
.mp-modal__close[data-v-c2291a3c] {
  position: absolute;
  top: 12px;
  right: 14px;
  font-size: 18px;
  color: #909399;
  cursor: pointer;
}.iphone18[data-v-2ad20d00] {
  position: relative;
  width: 320px;
  margin: 0 auto;
  padding: 0 4px;
  filter: drop-shadow(0 24px 48px rgba(15, 23, 42, 0.22));
}
.iphone18__side[data-v-2ad20d00] {
  position: absolute;
  top: 118px;
  left: -3px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 2;
}
.iphone18__key[data-v-2ad20d00] {
  display: block;
  border-radius: 2px;
  background: linear-gradient(180deg, #8e95a3 0%, #636b78 45%, #4a5160 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.iphone18__key--silent[data-v-2ad20d00] {
  width: 3px;
  height: 18px;
}
.iphone18__key--vol-up[data-v-2ad20d00], .iphone18__key--vol-down[data-v-2ad20d00] {
  width: 3px;
  height: 34px;
}
.iphone18__key--power[data-v-2ad20d00] {
  position: absolute;
  top: 148px;
  right: -3px;
  width: 3px;
  height: 58px;
  z-index: 2;
}
.iphone18__shell[data-v-2ad20d00] {
  position: relative;
  padding: 3px;
  border-radius: 54px;
  background: linear-gradient(145deg, #cfd5df 0%, #9aa3b2 18%, #eef1f6 38%, #7d8798 58%, #b8beca 78%, #6f7888 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45), inset 0 0 0 2px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.iphone18__bezel[data-v-2ad20d00] {
  padding: 10px 8px 12px;
  border-radius: 50px;
  background: #090909;
}
.iphone18__screen[data-v-2ad20d00] {
  position: relative;
  height: 640px;
  border-radius: 42px;
  overflow: hidden;
  background: #000;
  display: flex;
  flex-direction: column;
}
.iphone18__status[data-v-2ad20d00] {
  position: relative;
  z-index: 3;
  height: 44px;
  padding: 12px 18px 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: start;
  color: #fff;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, transparent 100%);
}
.iphone18__time[data-v-2ad20d00] {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.iphone18__island[data-v-2ad20d00] {
  width: 96px;
  height: 28px;
  margin: 0 auto;
  border-radius: 20px;
  background: #000;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px 8px rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
}
.iphone18__island-cam[data-v-2ad20d00] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #4a5568, #0f172a 70%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}
.iphone18__status-right[data-v-2ad20d00] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.iphone18__signal[data-v-2ad20d00], .iphone18__wifi[data-v-2ad20d00], .iphone18__battery[data-v-2ad20d00] {
  display: inline-block;
  opacity: 0.95;
}
.iphone18__signal[data-v-2ad20d00] {
  width: 14px;
  height: 10px;
  background: linear-gradient(to top, #fff 0 0) 0 100%/3px 35% no-repeat, linear-gradient(to top, #fff 0 0) 4px 100%/3px 55% no-repeat, linear-gradient(to top, #fff 0 0) 8px 100%/3px 75% no-repeat, linear-gradient(to top, #fff 0 0) 12px 100%/3px 100% no-repeat;
}
.iphone18__wifi[data-v-2ad20d00] {
  width: 12px;
  height: 9px;
  border: 2px solid #fff;
  border-top-color: transparent;
  border-radius: 50%;
}
.iphone18__battery[data-v-2ad20d00] {
  width: 18px;
  height: 9px;
  border: 1.5px solid rgba(255, 255, 255, 0.85);
  border-radius: 3px;
  position: relative;
}
.iphone18__battery[data-v-2ad20d00]::before {
  content: "";
  position: absolute;
  inset: 1.5px 4px 1.5px 1.5px;
  border-radius: 1px;
  background: #fff;
}
.iphone18__battery[data-v-2ad20d00]::after {
  content: "";
  position: absolute;
  right: -3px;
  top: 2px;
  width: 2px;
  height: 4px;
  border-radius: 0 1px 1px 0;
  background: rgba(255, 255, 255, 0.85);
}
.iphone18__content[data-v-2ad20d00] {
  flex: 1;
  min-height: 0;
  margin-top: -44px;
  padding-top: 44px;
  display: flex;
  flex-direction: column;
  background: #f7f8fa;
}
.iphone18__scroll[data-v-2ad20d00] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.iphone18__tabdock[data-v-2ad20d00] {
  flex-shrink: 0;
  background: #f7f8fa;
  border-top: 1px solid #ebeef5;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.04);
}
.iphone18__home-bar[data-v-2ad20d00] {
  flex-shrink: 0;
  height: 20px;
  background: #f7f8fa;
  position: relative;
}
.iphone18__home-bar[data-v-2ad20d00]::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 6px;
  width: 108px;
  height: 4px;
  margin-left: -54px;
  border-radius: 999px;
  background: #111;
  opacity: 0.82;
}
.mp-phone__banner[data-v-2ad20d00] {
  height: 118px;
  background: linear-gradient(135deg, #ffb347, #ff6c6c);
  overflow: hidden;
  flex-shrink: 0;
}
.mp-phone__banner img[data-v-2ad20d00] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mp-phone__body[data-v-2ad20d00] {
  flex: 1;
  padding: 12px 12px 8px;
  overflow-y: auto;
}
.mp-phone__main[data-v-2ad20d00] {
  padding: 12px 12px 8px;
}
.mp-phone__act[data-v-2ad20d00] {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2px;
  color: #303133;
}
.mp-phone__time[data-v-2ad20d00] {
  font-size: 10px;
  color: #b0b3ba;
  text-align: center;
  margin-bottom: 6px;
}
.mp-phone__style-tag[data-v-2ad20d00] {
  text-align: center;
  font-size: 10px;
  color: #909399;
  margin-bottom: 8px;
}
.mp-phone__wheel-wrap[data-v-2ad20d00], .mp-phone__grid-wrap[data-v-2ad20d00], .mp-phone__scratch-wrap[data-v-2ad20d00], .mp-phone__generic-wrap[data-v-2ad20d00] {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}
.mp-phone__wheel[data-v-2ad20d00] {
  width: 190px;
  height: 190px;
  border-radius: 50%;
  position: relative;
  box-shadow: 0 3px 8px rgba(255, 108, 108, 0.35);
}
.mp-phone__sector[data-v-2ad20d00] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  transform-origin: 0 0;
}
.mp-phone__sector-text[data-v-2ad20d00] {
  display: inline-block;
  max-width: 56px;
  font-size: 9px;
  line-height: 1.2;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  text-align: center;
  word-break: break-all;
  transform: translate(-50%, -50%) rotate(-90deg);
}
.mp-phone__wheel-btn[data-v-2ad20d00] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 52px;
  height: 52px;
  margin: -26px 0 0 -26px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #ff6c6c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #ff6c6c;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.mp-phone__grid[data-v-2ad20d00] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  width: 210px;
}
.mp-phone__grid-cell[data-v-2ad20d00] {
  aspect-ratio: 1;
  background: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  text-align: center;
  padding: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
.mp-phone__scratch-card[data-v-2ad20d00] {
  width: 210px;
  height: 120px;
  border-radius: 10px;
  border: 2px dashed #ff6c6c;
  background: linear-gradient(135deg, #fff7e6, #ffe7ba);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.mp-phone__scratch-cover[data-v-2ad20d00] {
  width: 160px;
  height: 56px;
  border-radius: 8px;
  background: linear-gradient(135deg, #c0c4cc, #909399);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
}
.mp-phone__scratch-hint[data-v-2ad20d00] {
  font-size: 11px;
  color: #909399;
}
.mp-phone__generic-card[data-v-2ad20d00] {
  width: 100%;
  background: #fff;
  border-radius: 10px;
  padding: 14px;
  border: 1px solid #eee;
}
.mp-phone__generic-title[data-v-2ad20d00] {
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
}
.mp-phone__generic-sub[data-v-2ad20d00] {
  margin-top: 8px;
  font-size: 11px;
  color: #909399;
  text-align: center;
}
.mp-phone__generic-btn[data-v-2ad20d00] {
  display: block;
  width: 100%;
  max-width: 210px;
  margin: 0 auto;
  padding: 10px;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
}
.mp-phone__vote-item[data-v-2ad20d00] {
  width: 100%;
  max-width: 210px;
  background: #fff;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 12px;
  margin-bottom: 8px;
}
.mp-phone__quiz-q[data-v-2ad20d00] {
  font-size: 12px;
  color: #606266;
  margin-bottom: 10px;
  line-height: 1.5;
}
.mp-phone__signin-row[data-v-2ad20d00] {
  display: flex;
  gap: 6px;
  justify-content: center;
  margin-bottom: 12px;
}
.mp-phone__signin-day[data-v-2ad20d00] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #eee;
  color: #909399;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mp-phone__signin-day.is-done[data-v-2ad20d00] {
  background: #67c23a;
  color: #fff;
}
.mp-phone__tabs[data-v-2ad20d00] {
  display: flex;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.mp-phone__tab[data-v-2ad20d00] {
  flex: 1;
  text-align: center;
  font-size: 11px;
  color: #909399;
  padding: 8px 0;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}
.mp-phone__tab.is-active[data-v-2ad20d00] {
  font-weight: 700;
}
.mp-phone__panel[data-v-2ad20d00] {
  min-height: 88px;
  max-height: 120px;
  overflow-y: auto;
  background: #fff;
}
.mp-phone__rules[data-v-2ad20d00] {
  background: #fff;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.6;
  color: #606266;
  white-space: pre-wrap;
}
.mp-phone__empty[data-v-2ad20d00] {
  text-align: center;
  color: #b0b3ba;
  font-size: 12px;
  padding: 16px 8px 10px;
}
.mp-phone__sub-title[data-v-2ad20d00] {
  margin: 8px 0 6px;
  font-size: 11px;
  color: #909399;
}
.mp-phone__prize[data-v-2ad20d00] {
  background: #fff;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 12px;
  color: #606266;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.mp-phone__prize-type[data-v-2ad20d00] {
  color: #ff9d5c;
}
.mp-phone__winner[data-v-2ad20d00] {
  background: #fff;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.mp-phone__winner-name[data-v-2ad20d00] {
  color: #303133;
}
.mp-phone__winner-prize[data-v-2ad20d00] {
  color: #ff6c6c;
}
/** 活动市场：全屏门户向导（负边距贴齐活动市场页） */
.mp-editor[data-v-0ee3cff5] {
  box-sizing: border-box;
  margin: -20px -24px;
  min-height: calc(100% + 40px);
  background: #f5f6fa;
  padding-bottom: 24px;
}
.mp-editor__top[data-v-0ee3cff5] {
  position: sticky;
  top: 0;
  z-index: 100;
  height: 52px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  padding: 0 20px;
  gap: 20px;
}
.mp-editor__back[data-v-0ee3cff5] {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #606266;
  cursor: pointer;
  font-size: 14px;
}
.mp-editor__title[data-v-0ee3cff5] {
  font-size: 15px;
  font-weight: 700;
}
.mp-editor__steps[data-v-0ee3cff5] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.mp-editor__step[data-v-0ee3cff5] {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: default;
}
.mp-editor__step.is-clickable[data-v-0ee3cff5] {
  cursor: pointer;
}
.mp-editor__step.is-active .mp-editor__num[data-v-0ee3cff5] {
  background: #2b6de8;
  color: #fff;
}
.mp-editor__step.is-active .mp-editor__txt[data-v-0ee3cff5] {
  color: #2b6de8;
  font-weight: 600;
}
.mp-editor__step.is-done .mp-editor__num[data-v-0ee3cff5] {
  background: #67c23a;
  color: #fff;
}
.mp-editor__num[data-v-0ee3cff5] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #e8eaf0;
  color: #909399;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mp-editor__txt[data-v-0ee3cff5] {
  font-size: 13px;
  color: #909399;
}
.mp-editor__line[data-v-0ee3cff5] {
  width: 60px;
  height: 1px;
  background: #e0e3ea;
  margin: 0 10px;
}
.mp-editor__actions[data-v-0ee3cff5] {
  display: flex;
  gap: 10px;
}
.mp-editor__body[data-v-0ee3cff5] {
  display: flex;
  gap: 18px;
  padding: 18px 24px 90px;
  max-width: 1400px;
  margin: 0 auto;
}
.mp-editor__left[data-v-0ee3cff5] {
  flex: 1;
  min-width: 0;
}
.mp-editor__right[data-v-0ee3cff5] {
  width: 380px;
  flex-shrink: 0;
  position: sticky;
  top: 70px;
  align-self: flex-start;
}
.mp-editor__preview-label[data-v-0ee3cff5] {
  text-align: center;
  font-size: 12px;
  color: #909399;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}

/** 活动列表 → 修改：嵌入 ContentWrap，与详情/预览一致 */
.mp-editor-embedded[data-v-0ee3cff5] {
  box-sizing: border-box;
  width: 100%;
}
.mp-editor-embedded__header[data-v-0ee3cff5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--el-border-color-lighter);
}
.mp-editor-embedded__title[data-v-0ee3cff5] {
  font-size: 16px;
  font-weight: 700;
  color: #303133;
}
.mp-editor-embedded__actions[data-v-0ee3cff5] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
}
.mp-editor-embedded__steps[data-v-0ee3cff5] {
  margin: 16px 0;
}
.mp-editor-embedded__body[data-v-0ee3cff5] {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.mp-editor-embedded__left[data-v-0ee3cff5] {
  flex: 1;
  min-width: 0;
}
.mp-editor-embedded__right[data-v-0ee3cff5] {
  width: 340px;
  flex-shrink: 0;
}
.mp-editor-embedded__footer[data-v-0ee3cff5] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--el-border-color-lighter);
}
.mp-editor-embedded .mp-ed-panel[data-v-0ee3cff5] {
  margin-bottom: 12px;
}
.mp-ed-panel[data-v-0ee3cff5] {
  background: #fff;
  border-radius: 10px;
  padding: 20px 22px;
  margin-bottom: 14px;
}
.mp-ed-panel h3[data-v-0ee3cff5] {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 16px;
  padding-left: 9px;
  border-left: 3px solid #2b6de8;
}
.mp-frow[data-v-0ee3cff5] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}
.mp-frow--nested[data-v-0ee3cff5] {
  margin-bottom: 10px;
}
.mp-flabel[data-v-0ee3cff5] {
  width: 96px;
  flex-shrink: 0;
  font-size: 13px;
  color: #606266;
  padding-top: 7px;
  text-align: right;
  padding-right: 12px;
}
.mp-flabel--sm[data-v-0ee3cff5] {
  width: 70px;
  text-align: left;
  padding-right: 0;
}
.mp-flabel .req[data-v-0ee3cff5] {
  color: #f56c6c;
  margin-right: 2px;
}
.mp-fctl[data-v-0ee3cff5] {
  flex: 1;
}
.mp-finput[data-v-0ee3cff5] {
  width: 100%;
  height: 34px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 0 10px;
  font-size: 13px;
}
.mp-finput--sm[data-v-0ee3cff5] {
  width: 70px;
}
.mp-finput[data-v-0ee3cff5]:focus {
  border-color: #2b6de8;
  outline: none;
}
.mp-ftextarea[data-v-0ee3cff5] {
  width: 100%;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 8px 10px;
  font-size: 13px;
  min-height: 72px;
  resize: vertical;
}
.mp-preview-tip[data-v-0ee3cff5] {
  background: #f0f6ff;
  border: 1px solid #d9e8ff;
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 1.6;
  color: #606266;
}
.mp-preview-tip p[data-v-0ee3cff5] {
  margin: 0;
}
.mp-preview-tip p + p[data-v-0ee3cff5] {
  margin-top: 6px;
}
.mp-preview-tip strong[data-v-0ee3cff5] {
  color: #2b6de8;
  font-weight: 600;
}
.mp-fhint[data-v-0ee3cff5] {
  font-size: 12px;
  color: #b0b3ba;
  margin-top: 5px;
}
.mp-daterange[data-v-0ee3cff5] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mp-switch-row[data-v-0ee3cff5] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  font-size: 13px;
  color: #606266;
}
.mp-switch-row--inline[data-v-0ee3cff5] {
  margin-bottom: 10px;
}
.mp-prize-el-table[data-v-0ee3cff5] {
  width: 100%;
  margin-bottom: 12px;
}
.mp-btn-add-el[data-v-0ee3cff5] {
  width: 100%;
}
.mp-swatches[data-v-0ee3cff5] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.mp-swatch[data-v-0ee3cff5] {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  cursor: pointer;
  border: 2px solid transparent;
}
.mp-swatch.is-active[data-v-0ee3cff5] {
  border-color: #303133;
}
.mp-bg-grid[data-v-0ee3cff5] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.mp-bg-item[data-v-0ee3cff5] {
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  position: relative;
}
.mp-bg-item img[data-v-0ee3cff5] {
  width: 100%;
  aspect-ratio: 10/7;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.mp-bg-item.is-active[data-v-0ee3cff5] {
  border-color: #2b6de8;
}
.mp-bg-ck[data-v-0ee3cff5] {
  position: absolute;
  right: 4px;
  top: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #2b6de8;
  color: #fff;
  font-size: 10px;
  display: none;
  align-items: center;
  justify-content: center;
}
.mp-bg-item.is-active .mp-bg-ck[data-v-0ee3cff5] {
  display: flex;
}
.mp-finish[data-v-0ee3cff5] {
  text-align: center;
  padding: 30px 0 10px;
}
.mp-finish__ok[data-v-0ee3cff5] {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #67c23a;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px;
}
.mp-finish h2[data-v-0ee3cff5] {
  font-size: 18px;
  margin-bottom: 8px;
}
.mp-finish p[data-v-0ee3cff5] {
  color: #909399;
  font-size: 13px;
  margin-bottom: 18px;
}
.mp-finish__link[data-v-0ee3cff5] {
  background: #f5f7fa;
  border-radius: 6px;
  padding: 10px 14px;
  font-size: 13px;
  color: #606266;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  margin-bottom: 16px;
}
.mp-finish__link span[data-v-0ee3cff5] {
  word-break: break-all;
  text-align: left;
}
.mp-finish__link button[data-v-0ee3cff5],
.mp-finish__link .mp-finish__copy[data-v-0ee3cff5] {
  color: #2b6de8;
  font-size: 13px;
  border: none;
  background: none;
  cursor: pointer;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}
.mp-finish__actions[data-v-0ee3cff5] {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.mp-step-btns[data-v-0ee3cff5] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.mp-btn-ghost[data-v-0ee3cff5] {
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 6px 16px;
  font-size: 13px;
  color: #606266;
  background: #fff;
  cursor: pointer;
}
.mp-btn-ghost[data-v-0ee3cff5]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.mp-btn-primary[data-v-0ee3cff5] {
  background: #2b6de8;
  color: #fff;
  border-radius: 4px;
  padding: 6px 18px;
  font-size: 13px;
  border: none;
  cursor: pointer;
}
.mp-btn-primary[data-v-0ee3cff5]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.mp-btn-success[data-v-0ee3cff5] {
  background: #67c23a;
  color: #fff;
  border-radius: 4px;
  padding: 6px 18px;
  font-size: 13px;
  border: none;
  cursor: pointer;
}
.mp-btn-success[data-v-0ee3cff5]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}@font-face {
  font-family: "uicon-iconfont";
  src: url("/static/fonts/uicon-iconfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.market-uview-icon {
  font-family: uicon-iconfont, sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}.mp-filter[data-v-7f148ef8] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mp-filter__row[data-v-7f148ef8] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.mp-filter__label[data-v-7f148ef8] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  width: 74px;
  font-weight: 600;
  font-size: 14px;
}
.mp-filter__fi[data-v-7f148ef8] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mp-filter__tags[data-v-7f148ef8] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.mp-filter__tag[data-v-7f148ef8] {
  padding: 3px 12px;
  border-radius: 14px;
  font-size: 13px;
  color: #606266;
  cursor: pointer;
  background: #f5f6fa;
  transition: all 0.15s;
  border: 1px solid transparent;
}
.mp-filter__tag[data-v-7f148ef8]:hover {
  color: #2b6de8;
}
.mp-filter__tag.is-active[data-v-7f148ef8] {
  background: #eef4ff;
  color: #2b6de8;
  border-color: #2b6de8;
  font-weight: 600;
}.mp-sidebar[data-v-73fd0410] {
  width: 200px;
  flex-shrink: 0;
  background: #fff;
  border-radius: 8px;
  padding: 10px 0 8px;
  position: sticky;
  top: 0;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
}
.mp-sidebar__title[data-v-73fd0410] {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #909399;
  font-size: 13px;
  padding: 0 14px 8px;
}
.mp-sidebar__dot[data-v-73fd0410] {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  background: #eceefc;
}
.mp-sidebar__cat[data-v-73fd0410] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  transition: background 0.15s;
}
.mp-sidebar__cat[data-v-73fd0410]:hover {
  background: #f7f9fd;
}
.mp-sidebar__cat:hover .mp-sidebar__arrow[data-v-73fd0410] {
  opacity: 1;
}
.mp-sidebar__cat.is-active[data-v-73fd0410] {
  background: #f0f5ff;
}
.mp-sidebar__ico[data-v-73fd0410] {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}
.mp-sidebar__info[data-v-73fd0410] {
  flex: 1;
  min-width: 0;
}
.mp-sidebar__name[data-v-73fd0410] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.mp-sidebar__sub[data-v-73fd0410] {
  font-size: 12px;
  color: #b0b3ba;
  margin-top: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mp-sidebar__arrow[data-v-73fd0410] {
  color: #c9ccd4;
  font-size: 12px;
  opacity: 0;
  transition: opacity 0.15s;
}.mp-tcard[data-v-95294ffa] {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  background: #f7f8fa;
}
.mp-tcard__hot[data-v-95294ffa] {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  background: linear-gradient(90deg, #ff6c6c, #ff9d5c);
  color: #fff;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 8px 8px 8px 0;
}
.mp-tcard__play[data-v-95294ffa] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  background: rgba(43, 109, 232, 0.88);
  color: #fff;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 8px;
  max-width: calc(100% - 16px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mp-tcard__tag[data-v-95294ffa] {
  position: absolute;
  top: 36px;
  right: 8px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 8px;
}
.mp-tcard__cov[data-v-95294ffa] {
  width: 100%;
  aspect-ratio: 10/7;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  background: #eceef2;
}
.mp-tcard__ph[data-v-95294ffa] {
  width: 100%;
  aspect-ratio: 10/7;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  padding: 8px;
  line-height: 1.4;
  background: linear-gradient(135deg, #5b8def, #8b6df0);
}
.mp-tcard__nm[data-v-95294ffa] {
  font-size: 13px;
  color: #303133;
  margin-top: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  padding: 0 4px;
}
.mp-tcard__br[data-v-95294ffa] {
  font-size: 12px;
  color: #a5a8b0;
  margin-top: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 4px 8px;
}
.mp-tcard__mask[data-v-95294ffa] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: calc(100% - 44px);
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s;
}
.mp-tcard:hover .mp-tcard__mask[data-v-95294ffa] {
  opacity: 1;
}
.mp-tcard__actions[data-v-95294ffa] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  max-width: 100%;
  padding: 0 8px;
}
.mp-tcard__use[data-v-95294ffa], .mp-tcard__prev[data-v-95294ffa] {
  white-space: nowrap;
  flex-shrink: 0;
}
.mp-tcard__use[data-v-95294ffa] {
  background: #2b6de8;
  color: #fff;
  border-radius: 15px;
  padding: 6px 16px;
  font-size: 13px;
  border: none;
  cursor: pointer;
}
.mp-tcard__use.is-disabled[data-v-95294ffa], .mp-tcard__use[data-v-95294ffa]:disabled {
  background: #909399;
  cursor: not-allowed;
}
.mp-tcard__prev[data-v-95294ffa] {
  background: #fff;
  color: #333;
  border-radius: 15px;
  padding: 6px 16px;
  font-size: 13px;
  border: none;
  cursor: pointer;
}.mp-grid[data-v-c3475a3d] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}
.mp-grid.is-5[data-v-c3475a3d] {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.mp-grid__empty[data-v-c3475a3d] {
  color: #b0b3ba;
  font-size: 13px;
  padding: 30px 0;
  text-align: center;
  grid-column: 1/-1;
}.mp-layout[data-v-ed4fcf3c] {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.mp-main[data-v-ed4fcf3c] {
  flex: 1;
  min-width: 0;
}
.mp-panel[data-v-ed4fcf3c] {
  background: #fff;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 12px;
}
.mp-panel[data-v-ed4fcf3c]:last-child {
  margin-bottom: 0;
}
.mp-sec-head[data-v-ed4fcf3c] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  flex-wrap: wrap;
  gap: 6px;
}
.mp-sec-title[data-v-ed4fcf3c] {
  font-size: 16px;
  font-weight: 700;
}
.mp-shuffle[data-v-ed4fcf3c] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #2b6de8;
  font-size: 13px;
  cursor: pointer;
  margin-left: 10px;
}
.mp-shuffle[data-v-ed4fcf3c]:hover {
  opacity: 0.85;
}
.mp-tabs-row[data-v-ed4fcf3c] {
  display: flex;
  gap: 12px;
  margin-left: 16px;
  flex-wrap: wrap;
}
.mp-ftab[data-v-ed4fcf3c] {
  font-size: 14px;
  color: #606266;
  cursor: pointer;
  padding: 2px 4px;
}
.mp-ftab.is-active[data-v-ed4fcf3c] {
  font-weight: 700;
  color: #303133;
  border-bottom: 2px solid #2b6de8;
}
.mp-sec-extra[data-v-ed4fcf3c] {
  margin-left: auto;
  color: #909399;
  font-size: 13px;
  cursor: pointer;
}
.mp-sec-extra[data-v-ed4fcf3c]:hover {
  color: #2b6de8;
}
.mp-drop[data-v-ed4fcf3c] {
  position: relative;
  margin-left: 20px;
}
.mp-drop-btn[data-v-ed4fcf3c] {
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 3px 12px;
  font-size: 13px;
  color: #606266;
  cursor: pointer;
  background: #fff;
}
.mp-drop-menu[data-v-ed4fcf3c] {
  position: absolute;
  top: 30px;
  left: 0;
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  z-index: 50;
  max-height: 280px;
  overflow-y: auto;
  min-width: 130px;
  display: none;
}
.mp-drop-menu.is-show[data-v-ed4fcf3c] {
  display: block;
}
.mp-drop-item[data-v-ed4fcf3c] {
  padding: 7px 14px;
  font-size: 13px;
  color: #606266;
  cursor: pointer;
  white-space: nowrap;
}
.mp-drop-item[data-v-ed4fcf3c]:hover, .mp-drop-item.is-active[data-v-ed4fcf3c] {
  background: #f0f5ff;
  color: #2b6de8;
}.mp-layout[data-v-241060e1] {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.mp-main[data-v-241060e1] {
  flex: 1;
  min-width: 0;
}
.mp-panel[data-v-241060e1] {
  background: #fff;
  border-radius: 8px;
  padding: 12px 16px;
}
.mp-crumb[data-v-241060e1] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #909399;
  font-size: 13px;
  margin-bottom: 14px;
}
.mp-crumb__link[data-v-241060e1] {
  cursor: pointer;
}
.mp-crumb__link[data-v-241060e1]:hover {
  color: #2b6de8;
}
.mp-crumb__cur[data-v-241060e1] {
  color: #303133;
  font-weight: 600;
}
.mp-sort-bar[data-v-241060e1] {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 8px 0 12px;
  border-bottom: 1px solid #f0f1f4;
  margin: 10px 0 12px;
}
.mp-sort-label[data-v-241060e1] {
  color: #909399;
  font-size: 13px;
}
.mp-sort-item[data-v-241060e1] {
  font-size: 13px;
  color: #606266;
  cursor: pointer;
}
.mp-sort-item.is-active[data-v-241060e1] {
  color: #2b6de8;
  font-weight: 600;
}
.mp-sort-count[data-v-241060e1] {
  margin-left: auto;
  color: #b0b3ba;
  font-size: 12px;
}
.mp-pager[data-v-241060e1] {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 22px 0 4px;
}
.mp-pg[data-v-241060e1] {
  min-width: 30px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  color: #606266;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #fff;
  padding: 0 8px;
}
.mp-pg.is-cur[data-v-241060e1] {
  background: #2b6de8;
  border-color: #2b6de8;
  color: #fff;
}
.mp-pg.is-disabled[data-v-241060e1] {
  color: #c9ccd4;
  cursor: not-allowed;
}.mp-search[data-v-625c3565] {
  width: 100%;
}
.mp-panel[data-v-625c3565] {
  background: #fff;
  border-radius: 8px;
  padding: 12px 16px;
}
.mp-crumb[data-v-625c3565] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #909399;
  font-size: 13px;
  margin-bottom: 14px;
}
.mp-crumb__link[data-v-625c3565] {
  cursor: pointer;
}
.mp-crumb__link[data-v-625c3565]:hover {
  color: #2b6de8;
}
.mp-crumb__cur[data-v-625c3565] {
  color: #303133;
  font-weight: 600;
}
.market-portal[data-v-e7df3ac6] {
  box-sizing: border-box;
  /* 抵消 StandaloneAppShell .standalone-content-inner 留白，内容贴齐系统布局 */
  margin: -20px -24px;
  width: auto;
  min-height: calc(100% + 40px);
  background: #f5f6fa;
  color: #303133;
  font-size: 14px;
}
.market-portal__body[data-v-e7df3ac6] {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  padding: 12px 16px 12px 12px;
}