/* 用户中心独立样式 — 不依赖 global.css / style.css / member.css */
.ma-html, .ma-body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-size: 15px;
  line-height: 1.45;
  color: #1a1a1a;
  background: #f2f3f5;
  -webkit-tap-highlight-color: transparent;
}

.ma-root {
  min-height: 100vh;
  min-height: 100dvh;
  padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px));
  box-sizing: border-box;
}

.ma-main {
  display: block;
  /* 不设 min-height：原先撑满视口会在短页面正文与 footer 之间留出大块空白 */
}
/* 顶栏占位：与 .ma-topbar 固定高度一致，避免使用 :has()（部分旧 WebView 解析失败会导致整表样式失效） */

/* —— 四色主题（与 cfg_tpl_dir：red / orange / blue / green） —— */
.ma-html {
  --ma-primary: #e53935;
  --ma-primary-dark: #c62828;
  --ma-primary-soft: #ffebee;
  --ma-glow: rgba(229, 57, 53, 0.35);
  --ma-side-gap: 14px;
}
.ma-html.red {
  --ma-primary: #e53935;
  --ma-primary-dark: #c62828;
  --ma-primary-soft: #ffebee;
  --ma-glow: rgba(229, 57, 53, 0.35);
}
.ma-html.orange {
  --ma-primary: #f57c00;
  --ma-primary-dark: #e65100;
  --ma-primary-soft: #fff3e0;
  --ma-glow: rgba(245, 124, 0, 0.35);
}
.ma-html.blue {
  --ma-primary: #1e88e5;
  --ma-primary-dark: #1565c0;
  --ma-primary-soft: #e3f2fd;
  --ma-glow: rgba(30, 136, 229, 0.35);
}
.ma-html.green {
  --ma-primary: #43a047;
  --ma-primary-dark: #2e7d32;
  --ma-primary-soft: #e8f5e9;
  --ma-glow: rgba(67, 160, 71, 0.35);
}

/* 首页大头部 */
.ma-hero {
  background: linear-gradient(145deg, var(--ma-primary) 0%, var(--ma-primary-dark) 100%);
  color: #fff;
  padding: 10px 16px 22px;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 12px 32px var(--ma-glow);
}
.ma-hero__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.ma-hero__btn {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: none;
  background: rgba(255,255,255,0.2);
  color: #fff;
  font-size: 22px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
}
.ma-hero__title {
  flex: 1;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  margin: 0 8px;
}
.ma-hero__profile {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ma-hero__avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 3px solid rgba(255,255,255,0.45);
  object-fit: cover;
  background: rgba(255,255,255,0.15);
}
.ma-hero__name {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 700;
}
.ma-hero__sub {
  margin: 0;
  font-size: 12px;
  opacity: 0.92;
}
.ma-hero__pill {
  margin-left: auto;
  padding: 7px 14px;
  background: #fff;
  color: var(--ma-primary);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.ma-hero__stats {
  display: flex;
  justify-content: space-between;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.22);
}
.ma-hero__stats a {
  flex: 1;
  text-align: center;
  color: #fff;
  text-decoration: none;
}
.ma-hero__num { display: block; font-size: 20px; font-weight: 700; }
.ma-hero__lbl { font-size: 12px; opacity: 0.9; }

/* 内页顶栏（各页 {template part_topbar} 共用，固定顶部） */
.ma-topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  min-height: calc(48px + env(safe-area-inset-top, 0px));
  padding: env(safe-area-inset-top, 0px) 6px 0;
  box-sizing: border-box;
  background: var(--ma-primary);
  color: #fff;
}
.ma-topbar__spacer {
  display: block;
  width: 100%;
  height: calc(48px + env(safe-area-inset-top, 0px));
  flex-shrink: 0;
  pointer-events: none;
}
.ma-topbar__lead {
  display: flex;
  align-items: center;
  justify-self: start;
  min-width: 0;
}
.ma-topbar__back {
  width: 44px;
  height: 44px;
  margin-left: -4px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ma-topbar__uc {
  width: 44px;
  height: 44px;
  margin-left: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.ma-topbar__uc:active {
  opacity: 0.85;
}
.ma-topbar__back-svg,
.ma-topbar__uc-svg {
  display: block;
}
.ma-topbar__back-svg {
  margin-left: -1px;
}
.ma-topbar__title {
  justify-self: center;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 4px;
  text-align: center;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.25;
  margin: 0;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
h1.ma-topbar__title {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.25;
}
.ma-topbar__slot {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  justify-self: end;
}

/* 卡片 / 列表 */
.ma-stack { padding: 12px 14px 8px; }
.ma-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
  margin-bottom: 12px;
  overflow: hidden;
}
.ma-card__hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 6px;
  font-weight: 600;
  font-size: 15px;
}
.ma-card__more {
  font-size: 12px;
  color: #999;
  font-weight: 400;
  text-decoration: none;
}
.ma-card__bd { padding: 8px 16px 16px; }
.ma-card--flat {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 14px;
  margin-left: 0;
  margin-right: 0;
}

/* 单页 aboutus：正文未套 ma-card__bd，补卡片内边距（与 ma-aboutus.css 一致，避免子样式表未加载时贴边） */
.ma-aboutus-page__card.ma-card {
  padding: 16px 18px 20px;
  box-sizing: border-box;
}

.ma-btn-row { display: flex; flex-wrap: wrap; gap: 10px; }
.ma-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 999px;
  border: none;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}
.ma-btn--primary {
  background: var(--ma-primary);
  color: #fff;
  box-shadow: 0 8px 20px var(--ma-glow);
}
.ma-btn--outline {
  background: #fff;
  color: var(--ma-primary);
  border: 2px solid var(--ma-primary);
  box-shadow: none;
}
.ma-btn--ghost {
  background: #f5f5f5;
  color: #333;
}
.ma-btn--block { width: 100%; box-sizing: border-box; }

.ma-banner {
  margin: 0 14px 12px;
  padding: 16px;
  border-radius: 16px;
  background: linear-gradient(135deg, #263238 0%, #102027 100%);
  color: #ffe082;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
.ma-banner__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ma-banner__t { margin: 0 0 6px; font-size: 17px; font-weight: 700; color: #ffe082; }
.ma-banner__d { margin: 0; font-size: 12px; opacity: 0.88; line-height: 1.5; color: rgba(255,255,255,0.85); }
.ma-banner__btn {
  flex-shrink: 0;
  padding: 8px 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ffe082, #fff8e1);
  color: #3e2723;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
.ma-banner--violet {
  background: linear-gradient(135deg, #4a148c 0%, #6a1b9a 100%);
}

.ma-cells { list-style: none; margin: 0 14px 12px; padding: 0; background: #fff; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.06); overflow: hidden; }
.ma-cell {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid #f2f2f2;
  text-decoration: none;
  color: inherit;
  gap: 12px;
}
.ma-cell:last-child { border-bottom: none; }
.ma-cell__ico {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--ma-primary-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.ma-cell__mid { flex: 1; min-width: 0; }
.ma-cell__t { font-size: 15px; font-weight: 500; }
.ma-cell__s { font-size: 12px; color: #999; margin-top: 2px; }
.ma-cell__arr { color: #ccc; font-size: 18px; }

.ma-section-title {
  padding: 8px 18px 6px;
  font-size: 13px;
  color: #888;
  font-weight: 600;
}

/* Tabs：默认（胶囊，少用） */
.ma-tabs {
  display: flex;
  gap: 6px;
  padding: 10px 14px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.ma-tabs::-webkit-scrollbar { display: none; }
.ma-tabs:not(.ma-tabs--seg) a {
  flex: 0 0 auto;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  color: #666;
  text-decoration: none;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.ma-tabs:not(.ma-tabs--seg) a.ma-tabs__on {
  background: var(--ma-primary);
  color: #fff;
  font-weight: 600;
}
/* 会员子页：顶部分段选项卡 — 纯文字 + 下方短粗主色指示条 */
.ma-tabs.ma-tabs--seg {
  gap: 0;
  padding: 0;
  margin: 0 0 10px;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: none;
}
/* 选项卡在 .ma-panel 内时拉满宽度（顶栏通栏） */
.ma-panel > nav.ma-tabs.ma-tabs--seg {
  margin-left: -14px;
  margin-right: -14px;
  width: calc(100% + 28px);
  max-width: none;
  box-sizing: border-box;
}
/* 简历中心三项：略收紧字距与内边距，避免三 Tab 换行 */
.ma-resume-hub-tabs.ma-tabs--seg > a {
  padding-left: 4px;
  padding-right: 4px;
  font-size: 14px;
}
/* 我的简历：摘要卡片 + 编辑入口 */
.ma-resume-hub-preview .ma-resume-hub-card {
  border-radius: 16px;
  border: 1px solid rgba(83, 110, 240, 0.16);
  box-shadow: 0 8px 24px rgba(27, 39, 94, 0.08);
  overflow: hidden;
}
.ma-resume-hub-card .ma-mod-card__bd {
  padding: 16px 14px 12px;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 46%);
}
.ma-resume-hub-card__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.ma-resume-hub-card__avatar {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  object-fit: cover;
  background: #f2f2f7;
}
.ma-resume-hub-card__who {
  min-width: 0;
  flex: 1;
}
.ma-resume-hub-card__name {
  font-size: 24px;
  font-weight: 600;
  color: #1c1c1e;
  letter-spacing: -0.2px;
  line-height: 1.2;
  margin-bottom: 5px;
}
.ma-resume-hub-card__sub {
  font-size: 17px;
  color: #8f95a3;
  line-height: 1.35;
}
.ma-resume-hub-card__badge {
  flex-shrink: 0;
  align-self: flex-start;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(83, 110, 240, 0.12);
  color: #4a5bd4;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}
.ma-resume-hub-card__meta {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(18, 24, 44, 0.08);
}
.ma-resume-hub-card__meta li {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  align-items: flex-start;
  column-gap: 10px;
  padding: 12px 0;
  font-size: 16px;
  line-height: 1.45;
  border-bottom: 1px solid rgba(18, 24, 44, 0.06);
}
.ma-resume-hub-card__meta li:last-child {
  border-bottom: none;
  padding-bottom: 4px;
}
.ma-resume-hub-card__meta .k {
  color: #8f95a3;
}
.ma-resume-hub-card__meta .v {
  text-align: left;
  color: #1f2533;
  font-weight: 500;
  word-break: break-all;
}
.ma-tabs.ma-tabs--seg > a {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 6px 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  border: none;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  color: #8e8e93;
  text-decoration: none;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}
.ma-tabs.ma-tabs--seg > a.ma-tabs__on {
  color: #1c1c1e;
  font-weight: 600;
}
.ma-tabs.ma-tabs--seg > a::after {
  content: '';
  display: block;
  width: 28px;
  max-width: 55%;
  height: 3px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 3px;
  background: transparent;
  flex-shrink: 0;
  transition: background 0.15s ease;
}
.ma-tabs.ma-tabs--seg > a.ma-tabs__on::after {
  background: var(--ma-primary);
}
.ma-tabs__ic {
  display: none;
}
.ma-tabs__lab {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: -0.2px;
  line-height: 1.25;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ma-tabs.ma-tabs--seg > a.ma-tabs__on .ma-tabs__lab {
  font-weight: 600;
}
/* 无多选项卡时：当前页标题占满一行（与商品顶栏单项同宽） */
.ma-tabs.ma-tabs--seg.ma-tabs--single {
  justify-content: stretch;
}
.ma-tabs.ma-tabs--seg > span.ma-tabs__stub {
  flex: 1 1 0;
  max-width: none;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 14px 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  border: none;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
  color: #1c1c1e;
  text-decoration: none;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  cursor: default;
  user-select: none;
}
.ma-tabs.ma-tabs--seg > span.ma-tabs__stub::after {
  content: '';
  display: block;
  width: 28px;
  max-width: 55%;
  height: 3px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 3px;
  background: var(--ma-primary);
  flex-shrink: 0;
}
.ma-tabs.ma-tabs--seg > span.ma-tabs__stub .ma-tabs__lab {
  font-weight: 600;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 类型较多时横向滑动（文章分类等） */
.ma-tabs.ma-tabs--seg.ma-tabs--scroll > a {
  flex: 0 0 auto;
  min-width: 56px;
  max-width: none;
  padding-left: 14px;
  padding-right: 14px;
}
.ma-tabs.ma-tabs--seg.ma-tabs--scroll > a .ma-tabs__lab {
  max-width: 7em;
}
.ma-tabs--flat a {
  background: #f2f2f7;
  border: 1px solid transparent;
  box-shadow: none;
  color: #636366;
}
.ma-tabs--flat a.ma-tabs__on {
  background: var(--ma-primary-soft);
  color: var(--ma-primary-dark);
  border-color: transparent;
  font-weight: 600;
  box-shadow: none;
}

/* 信息列表项 */
.ma-list { list-style: none; margin: 0; padding: 0 14px 12px; }
.ma-list--mypost {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
}
.ma-post {
  background: #fff;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 10px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.05);
}
.ma-post__top {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.ma-post__cover {
  flex: 0 0 30%;
  max-width: 120px;
  min-width: 96px;
  width: 30%;
  aspect-ratio: 1.2 / 1;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
  background: #eceff1;
  align-self: flex-start;
}
.ma-post--flat .ma-post__cover {
  flex: 0 0 76px;
  width: 76px;
  max-width: 76px;
  min-width: 68px;
  aspect-ratio: 1;
  border-radius: 10px;
}
.ma-post__cover--empty {
  background: linear-gradient(135deg, #eceff1 0%, #f5f5f5 100%);
}
.ma-post__cover--broken {
  background: #eceff1;
}
.ma-post__cover--broken img {
  display: none;
}
.ma-post__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ma-post__meta--warn {
  color: #e65100;
  font-weight: 500;
}
.ma-post__main {
  flex: 1;
  min-width: 0;
}
.ma-post--hot {
  box-shadow: 0 0 0 2px rgba(255, 152, 0, 0.35), 0 4px 16px rgba(0,0,0,0.06);
}
.ma-post__title { margin: 0 0 8px; font-size: 15px; line-height: 1.4; font-weight: 600; }
.ma-post__title a { color: #1a1a1a; text-decoration: none; }
.ma-post__meta { font-size: 12px; color: #888; line-height: 1.65; }
.ma-post__tag {
  display: inline-block;
  margin: 2px 6px 0 0;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 11px;
  background: #f5f5f5;
  color: #666;
}
.ma-post__tag--ok { background: #e8f5e9; color: #2e7d32; }
.ma-post__tag--wait { background: #fff3e0; color: #e65100; }
.ma-post__tag--done { background: #eceff1; color: #546e7a; }
.ma-post--flat {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.06);
  padding: 0;
  overflow: hidden;
}
.ma-post--flat .ma-post__top {
  padding: 14px 14px 12px;
  gap: 12px;
  align-items: flex-start;
}
.ma-list--tight { padding: 0 0 8px; }
.ma-pm-panel .ma-list--tight { padding-left: 0; padding-right: 0; }
.ma-post__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.ma-post__actions a,
.ma-post__actions button {
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #e8e8e8;
  background: #fafafa;
  color: #444;
  text-decoration: none;
  cursor: pointer;
}
/* 置顶：主题色强调；删除等保持默认灰底，不用红色 */
.ma-post__actions .ma-post__action--pin {
  border-color: var(--ma-primary);
  color: var(--ma-primary);
  background: #fff;
  font-weight: 600;
}

/* 我的发布：简洁操作条（小图标 + 文案，竖线等分） */
.ma-post__toolbar--simple {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  margin-top: 0;
  padding: 8px 0 calc(6px + env(safe-area-inset-bottom, 0));
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  background: transparent;
  gap: 0;
  overflow: hidden;
}
.ma-post__toolbar--simple .ma-post__act {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 10px 3px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  color: #5c5c5c;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  font-family: inherit;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.ma-post__toolbar--simple .ma-post__act-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.ma-post__toolbar--simple .ma-post__act-ico {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  opacity: 0.78;
}
.ma-post__toolbar--simple .ma-post__act + .ma-post__act {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.ma-post__toolbar--simple .ma-post__act:active {
  background: rgba(0, 0, 0, 0.045);
}
.ma-post__toolbar--simple a.ma-post__act {
  color: #5c5c5c;
}
.ma-post__toolbar--simple .ma-post__act--danger,
.ma-post__toolbar--simple .ma-post__act--danger .ma-post__act-ico,
.ma-post__toolbar--simple .ma-post__act--danger .ma-post__act-label {
  color: #c62828;
}
.ma-post__toolbar--simple a.ma-post__act.ma-post__act--danger {
  color: #c62828;
}
.ma-post__toolbar--simple .ma-post__act--danger .ma-post__act-ico {
  opacity: 0.92;
}
.ma-post__toolbar--simple .ma-post__act--disabled {
  opacity: 0.38;
  pointer-events: none;
  cursor: default;
}
.ma-post__toolbar--simple .ma-post__act[disabled] {
  opacity: 0.38;
  cursor: not-allowed;
}
.ma-post__toolbar--simple .ma-post__act--more {
  flex: 0 0 44px;
  min-width: 44px;
  max-width: 48px;
  padding-left: 0;
  padding-right: 0;
  color: #8e8e93;
}
.ma-post__toolbar--simple .ma-post__act--more .ma-post__act-ico {
  width: 18px;
  height: 18px;
  opacity: 0.88;
}
.ma-post__toolbar--simple .ma-post__act--more .ma-post__act-ico--vdots {
  opacity: 0.72;
}

/* 我的发布 · 更多操作底栏 */
.ma-mypost-more {
  position: fixed;
  inset: 0;
  z-index: 6200;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
  box-sizing: border-box;
}
.ma-mypost-more[hidden] {
  display: none !important;
}
.ma-mypost-more__mask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}
.ma-mypost-more__panel {
  position: relative;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: 0 0 calc(4px + env(safe-area-inset-bottom, 0));
  background: #fff;
  border-radius: 18px 18px 0 0;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.12);
  animation: ma-mypost-more-in 0.22s ease-out;
}
@keyframes ma-mypost-more-in {
  from {
    transform: translateY(18px);
    opacity: 0.85;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.ma-mypost-more__handle {
  display: flex;
  justify-content: center;
  padding: 10px 0 6px;
}
.ma-mypost-more__handle-bar {
  width: 36px;
  height: 5px;
  border-radius: 999px;
  background: rgba(60, 60, 67, 0.18);
}
.ma-mypost-more__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 0 16px 12px;
}
.ma-mypost-more__heading {
  margin: 0;
  flex: 1;
  min-width: 0;
  padding: 2px 0 0;
  border: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  color: #1c1c1e;
  max-height: 2.75em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ma-mypost-more__close {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin: -4px -8px 0 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 12px;
  background: transparent;
  color: #3a3a3c;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ma-mypost-more__close:active {
  background: rgba(0, 0, 0, 0.06);
}
.ma-mypost-more__body {
  padding: 0 12px 14px;
}
.ma-mypost-more__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
/* display:flex 会覆盖 [hidden] 的默认隐藏，导致正常/待审两个列表同时露出、出现两个「删除」 */
.ma-mypost-more__list[hidden] {
  display: none !important;
}
.ma-mypost-more__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 12px;
  margin: 0;
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  background: #f7f7f8;
  font: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
}
.ma-mypost-more__item:active {
  background: #ececee;
}
.ma-mypost-more__item--link {
  display: flex;
}
.ma-mypost-more__item-ico {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.05);
  color: #3a3a3c;
}
.ma-mypost-more__item-body {
  flex: 1;
  min-width: 0;
}
.ma-mypost-more__item-t {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #1c1c1e;
}
.ma-mypost-more__item-d {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: #8e8e93;
  line-height: 1.35;
}

/* 定时刷新 · 底栏弹窗（H5 分段选项） */
.ma-refresh-sheet {
  position: fixed;
  inset: 0;
  z-index: 6350;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
  box-sizing: border-box;
}
.ma-refresh-sheet[hidden] {
  display: none !important;
}
.ma-refresh-sheet__mask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}
.ma-refresh-sheet__panel {
  position: relative;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: 0 16px calc(12px + env(safe-area-inset-bottom, 0));
  background: #fff;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.14);
  max-height: min(90vh, 560px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}
.ma-refresh-sheet__handle {
  display: flex;
  justify-content: center;
  padding: 10px 0 4px;
}
.ma-refresh-sheet__handle-bar {
  width: 36px;
  height: 5px;
  border-radius: 999px;
  background: rgba(60, 60, 67, 0.2);
}
.ma-refresh-sheet__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}
.ma-refresh-sheet__hd {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.3px;
  color: #1c1c1e;
}
.ma-refresh-sheet__x {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin: -6px -8px 0 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 12px;
  background: transparent;
  color: #3a3a3c;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ma-refresh-sheet__x:active {
  background: rgba(0, 0, 0, 0.06);
}
.ma-refresh-sheet__post {
  margin: 0 0 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #636366;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ma-refresh-sheet__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.ma-refresh-sheet__lab {
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
  color: #3a3a3c;
}
.ma-refresh-sheet__pick {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ma-refresh-sheet__colon {
  font-size: 16px;
  font-weight: 700;
  color: #aeaeb2;
}
.ma-refresh-sheet__select {
  min-width: 0;
  width: 92px;
  max-width: 42%;
  min-height: 38px;
  padding: 0 10px;
  border: 0;
  border-radius: 10px;
  background: #f2f2f7;
  font-size: 16px;
  font-weight: 600;
  color: #1c1c1e;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  box-sizing: border-box;
}
.ma-refresh-sheet__plans-box {
  margin-bottom: 14px;
}
.ma-refresh-sheet__seg-hd {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  color: #8e8e93;
}
.ma-refresh-sheet__seg {
  display: grid;
  gap: 8px;
  width: 100%;
}
.ma-refresh-sheet__pill {
  position: relative;
  display: block;
  margin: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ma-refresh-sheet__pill-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.ma-refresh-sheet__pill-face {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-height: 52px;
  padding: 8px 6px;
  border-radius: 14px;
  background: #f2f2f7;
  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}
.ma-refresh-sheet__pill-input:checked + .ma-refresh-sheet__pill-face {
  background: var(--ma-primary-soft, #e8f4ff);
  box-shadow: inset 0 0 0 2px var(--ma-primary, #2563eb);
}
.ma-refresh-sheet__pill:active .ma-refresh-sheet__pill-face {
  transform: scale(0.98);
}
.ma-refresh-sheet__pill-days {
  font-size: 14px;
  font-weight: 700;
  color: #1c1c1e;
}
.ma-refresh-sheet__pill-coin {
  font-size: 12px;
  font-weight: 600;
  color: var(--ma-primary-dark, #1d4ed8);
  font-variant-numeric: tabular-nums;
}
.ma-refresh-sheet__noplan {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #f7f7f8;
  font-size: 13px;
  color: #8e8e93;
  text-align: center;
}
.ma-refresh-sheet__balrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  font-size: 14px;
  color: #3a3a3c;
}
.ma-refresh-sheet__balrow strong {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.ma-refresh-sheet__paylink {
  font-size: 14px;
  font-weight: 600;
  color: var(--ma-primary);
  text-decoration: none;
}
.ma-refresh-sheet__go {
  margin-top: 0;
  border-radius: 14px;
  min-height: 48px;
  font-size: 16px;
  font-weight: 600;
}
.ma-refresh-sheet__go:disabled {
  opacity: 0.45;
}

/* 置顶弹层（我的发布）与精简置顶页 */
.ma-upgrade-sheet {
  position: fixed;
  inset: 0;
  z-index: 6300;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
  box-sizing: border-box;
}
.ma-upgrade-sheet[hidden] {
  display: none !important;
}
.ma-upgrade-sheet__mask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}
.ma-upgrade-sheet__panel {
  position: relative;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: 0 0 calc(6px + env(safe-area-inset-bottom, 0));
  background: #fff;
  border-radius: 18px 18px 0 0;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.12);
  max-height: min(88vh, 640px);
  display: flex;
  flex-direction: column;
}
.ma-upgrade-sheet__handle {
  display: flex;
  justify-content: center;
  padding: 10px 0 4px;
}
.ma-upgrade-sheet__handle-bar {
  width: 36px;
  height: 5px;
  border-radius: 999px;
  background: rgba(60, 60, 67, 0.18);
}
.ma-upgrade-sheet__posttitle {
  margin: 0;
  padding: 2px 64px 10px 16px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  color: #1c1c1e;
  max-height: 2.8em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ma-upgrade-sheet__posttitle:empty {
  display: none;
}
.ma-upgrade-sheet__head {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  pointer-events: none;
}
.ma-upgrade-sheet__close {
  pointer-events: auto;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 12px;
  background: transparent;
  color: #3a3a3c;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ma-upgrade-sheet__close:active {
  background: rgba(0, 0, 0, 0.06);
}
.ma-upgrade-sheet__body {
  padding: 0 12px 14px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  flex: 1;
  min-height: 0;
}
.ma-upgrade-sheet__seg {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}
.ma-us-seg__btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 12px 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 14px;
  background: #f7f8fa;
  text-align: left;
  cursor: pointer;
  font: inherit;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.ma-us-seg__btn:active {
  opacity: 0.92;
}
.ma-us-seg__btn--on {
  border-color: rgba(10, 132, 255, 0.42);
  background: rgba(10, 132, 255, 0.08);
  box-shadow: 0 0 0 1px rgba(10, 132, 255, 0.18);
}
.ma-us-seg__ico {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.05);
  color: #3a3a3c;
}
.ma-us-seg__btn--on .ma-us-seg__ico {
  background: rgba(10, 132, 255, 0.14);
  color: var(--ma-primary);
}
.ma-us-seg__meta {
  flex: 1;
  min-width: 0;
}
.ma-us-seg__t {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #1c1c1e;
  letter-spacing: -0.2px;
}
.ma-us-seg__d {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 500;
  color: #8e8e93;
  line-height: 1.35;
  word-break: break-word;
}
.ma-upgrade-sheet__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.ma-us-pack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  padding: 12px 10px;
  min-height: 86px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  background: #fff;
  text-align: left;
  cursor: pointer;
  font: inherit;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  transition: transform 0.12s;
}
.ma-us-pack:active:not(:disabled) {
  transform: scale(0.98);
}
.ma-us-pack:disabled {
  cursor: not-allowed;
  opacity: 0.88;
}
.ma-us-pack--dim {
  opacity: 0.78;
  background: #fafafa;
}
.ma-us-pack__dur {
  font-size: 16px;
  font-weight: 700;
  color: #1c1c1e;
  letter-spacing: -0.3px;
}
.ma-us-pack__coin {
  margin-top: 4px;
  font-size: 12px;
  color: #8e8e93;
  font-variant-numeric: tabular-nums;
}
.ma-us-pack__cta {
  margin-top: auto;
  padding-top: 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--ma-primary);
}
.ma-us-pack--dim .ma-us-pack__cta {
  color: #c2410c;
}
.ma-upgrade-sheet__blocked {
  margin: 10px 0 0;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.45;
  color: #b45309;
  background: #fffbeb;
  border-radius: 10px;
  border: 1px solid rgba(245, 158, 11, 0.25);
}
.ma-upgrade-sheet__empty {
  grid-column: 1 / -1;
  padding: 22px 14px;
  text-align: center;
  font-size: 14px;
  color: #8e8e93;
  background: #f8f9fa;
  border-radius: 12px;
  border: 1px dashed rgba(0, 0, 0, 0.08);
}
.ma-up2--page {
  padding: 12px 14px 28px;
  max-width: 560px;
  margin: 0 auto;
}
.ma-up2--page-seg {
  margin-bottom: 14px;
}
.ma-up2--page-grid {
  margin: 0;
}

.ma-tip {
  margin: 0 14px 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #fff8e6;
  border: 1px solid #ffe0b2;
  color: #e65100;
  font-size: 13px;
}
.ma-tip--warn {
  background: #ffebee;
  border-color: #ffcdd2;
  color: #c62828;
}
.ma-empty {
  text-align: center;
  padding: 40px 20px;
  color: #999;
  font-size: 14px;
}

/* 收到的评论 · 空状态 */
.ma-cmt-empty {
  margin: 8px 0 28px;
  padding: 40px 22px 44px;
  text-align: center;
  background: linear-gradient(180deg, #fafbfc 0%, #fff 40%);
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
}
.ma-cmt-empty__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  border-radius: 18px;
  background: rgba(37, 99, 235, 0.08);
  color: var(--ma-primary);
  box-sizing: border-box;
}
.ma-cmt-empty__icon svg {
  opacity: 0.9;
}
.ma-cmt-empty__title {
  margin: 0 0 10px;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.2px;
  color: #1c1c1e;
}
.ma-cmt-empty__desc {
  margin: 0;
  font-size: 14px;
  color: #8e8e93;
  line-height: 1.6;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

/* 表单区（兼容 dl.cfix 结构） */
.ma-panel { padding: 0 14px 12px; }
.ma-panel.ma-editbase {
  padding-top: 8px;
  background: transparent;
}
.ma-form {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.ma-form .inp_Itembox,
.ma-form .tabItem { border: none; }
.ma-form dl.cfix {
  display: flex;
  align-items: flex-start;
  margin: 0;
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
  min-height: 48px;
  box-sizing: border-box;
}
.ma-form dl.cfix:last-of-type { border-bottom: none; }
.ma-form dt {
  width: 92px;
  flex-shrink: 0;
  color: #888;
  font-size: 14px;
  padding-top: 8px;
}
.ma-form dd {
  flex: 1;
  margin: 0;
  font-size: 14px;
  word-break: break-all;
}
.ma-form input[type="text"],
.ma-form input[type="password"],
.ma-form input[type="number"],
.ma-form textarea,
.ma-form select {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 14px;
}
.ma-form button.save,
.ma-form .save {
  display: block;
  width: calc(100% - 28px);
  margin: 16px auto 20px;
  padding: 14px;
  border: none;
  border-radius: 14px;
  background: var(--ma-primary);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

/* 分页：当前页高亮，其余中性色 */
.ma-pager {
  margin: 12px 14px;
  padding: 12px;
  background: #fff;
  border-radius: 12px;
  text-align: center;
  font-size: 14px;
  color: #666;
}
.ma-pager a {
  text-decoration: none;
  margin: 0 3px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
/* 可点的页码 */
.ma-pager a.pageno:not(.pagecur) {
  color: #555;
  padding: 5px 9px;
  border-radius: 8px;
  font-weight: 400;
  min-width: 30px;
  text-align: center;
}
.ma-pager a.pageno:not(.pagecur):active {
  background: #f2f3f5;
}
/* 当前页 */
.ma-pager a.pageno.pagecur {
  background: var(--ma-primary);
  color: #fff;
  font-weight: 600;
  padding: 5px 11px;
  border-radius: 8px;
  min-width: 30px;
  text-align: center;
}
/* 上一页 / 下一页 */
.ma-pager a.pageprev,
.ma-pager a.pagenext {
  color: #444;
  font-size: 13px;
  padding: 5px 4px;
  font-weight: 400;
}
.ma-pager a.pageprev:active,
.ma-pager a.pagenext:active {
  opacity: 0.75;
}
.ma-pager a.pagedisable,
.ma-pager a.pageprev.pagedisable,
.ma-pager a.pagenext.pagedisable {
  color: #c7c7cc;
  pointer-events: none;
}

/* 等级表 */
.ma-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 14px 12px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
  padding: 8px 0 12px;
}
.ma-table-wrap table.memberp { min-width: 520px; font-size: 11px; }
.ma-table-wrap .ptd2.currentppt { background: var(--ma-primary-soft); }

/* 底栏（内联 SVG + currentColor，选中时图标与文字同色） */
.ma-dock {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0;
  padding: 6px 6px calc(6px + env(safe-area-inset-bottom, 0px));
  background: rgba(255,255,255,0.98);
  backdrop-filter: blur(12px);
  border-top: 1px solid rgba(0,0,0,0.05);
  box-shadow: 0 -2px 12px rgba(0,0,0,0.04);
}
.ma-dock__ic-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.ma-dock__dot {
  position: absolute;
  top: -1px;
  right: calc(50% - 20px);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff3b30;
  border: 1.5px solid rgba(255, 255, 255, 0.96);
  box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.06);
}
.ma-dock__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-height: 40px;
  padding-bottom: 2px;
  font-size: 11px;
  color: #9e9e9e;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.ma-dock__item--on {
  color: var(--ma-primary);
  font-weight: 500;
}
.ma-dock__svg {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-bottom: 3px;
  aspect-ratio: 1;
  overflow: visible;
  vector-effect: non-scaling-stroke;
}
/* 消息 / 我的：与首页等同尺寸，图形比例在 SVG 内调整 */
.ma-dock__svg--pm,
.ma-dock__svg--me {
  width: 25px;
  height: 25px;
}
.ma-dock__lbl {
  line-height: 1.15;
  letter-spacing: 0.02em;
}

.ma-dock__fab-wrap {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-height: 44px;
  max-width: 72px;
}
.ma-dock__fab {
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--ma-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
  -webkit-tap-highlight-color: transparent;
}
.ma-dock__fab-svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
.ma-dock__fab--on {
  box-shadow: 0 0 0 2px rgba(255,255,255,0.95), 0 4px 16px rgba(0,0,0,0.14);
}
.ma-dock__fab-txt {
  position: relative;
  z-index: 0;
  font-size: 11px;
  color: #9e9e9e;
  line-height: 1.15;
  letter-spacing: 0.02em;
  padding-bottom: 2px;
  white-space: nowrap;
}
.ma-dock__fab-txt.ma-dock__item--on {
  color: var(--ma-primary);
  font-weight: 500;
}

/* 会员公用底：© 年份 + 站点名；备案号（有则显示） */
.ma-site-foot {
  margin: 16px 12px 0;
  padding: 4px 10px 14px;
  text-align: center;
  font-size: 12px;
  color: #8e8e93;
  line-height: 1.55;
  word-break: break-word;
}
.ma-site-foot__line {
  margin: 4px 0 0;
}
.ma-site-foot__line a {
  color: #8e8e93;
  text-decoration: none;
}
.ma-site-foot__line a:active {
  opacity: 0.85;
}
.ma-site-foot__copy {
  margin: 0;
  font-size: 12px;
  color: #8e8e93;
}

/* 底部文字链：与旧 footer.html 一致，首页 + 后台「底部导航」 */
.ma-site-foot__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0 0 12px;
  padding: 0 4px;
  font-size: 12px;
  line-height: 1.65;
}
.ma-site-foot__links a {
  color: #6b6f76;
  text-decoration: none;
}
.ma-site-foot__links a:active {
  opacity: 0.85;
}
.ma-site-foot__sep {
  margin: 0 6px;
  color: #c5c8ce;
  user-select: none;
}

/* Toast */
#ma-toast-host {
  position: fixed;
  inset: 0;
  z-index: 10000;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ma-toast {
  pointer-events: none;
  box-sizing: border-box;
  width: min(144px, 72vw);
  height: min(144px, 72vw);
  aspect-ratio: 1;
  max-width: 72vw;
  max-height: 72vw;
  padding: 14px 12px 16px;
  background: rgba(0,0,0,0.78);
  border-radius: 14px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 1.45;
  box-shadow: 0 12px 40px rgba(0,0,0,0.25);
  animation: ma-t-in 0.2s ease-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ma-toast.ma-toast--has-ico {
  width: min(168px, 78vw);
  height: min(168px, 78vw);
  max-width: 78vw;
  max-height: 78vw;
  padding: 18px 14px 16px;
}
.ma-toast__ico {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.ma-toast__svg {
  width: 40px;
  height: 40px;
  display: block;
  opacity: 0.98;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,0.16));
}
.ma-toast .ma-toast__txt {
  margin: 0;
  width: 100%;
  max-height: 96px;
  overflow: hidden;
  word-break: break-word;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.02em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
}
.ma-toast.ma-toast--wait .ma-toast__txt {
  max-height: 64px;
  font-size: 15px;
  font-weight: 500;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.ma-toast.ma-toast--wait .ma-toast__ring {
  width: 28px;
  height: 28px;
  margin: 0 auto 10px;
  border: 3px solid rgba(255,255,255,0.25);
  border-top-color: #fff;
  border-radius: 50%;
  animation: ma-spin 0.75s linear infinite;
}
@keyframes ma-t-in { from { opacity: 0; transform: scale(0.92); } to { opacity: 1; transform: scale(1); } }
@keyframes ma-spin { to { transform: rotate(360deg); } }

/* 仿微信弹窗（主色用主题色，非微信绿） */
.ma-overlay[hidden], .ma-wx-dialog[hidden], #ma-dialog[hidden] { display: none !important; }
.ma-overlay {
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: rgba(0,0,0,0.48);
}
.ma-wx-dialog, #ma-dialog.ma-wx-dialog {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 24px;
  box-sizing: border-box;
}
.ma-wx-dialog__sheet {
  width: 100%;
  max-width: 300px;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0,0,0,0.22);
  animation: ma-wx-pop 0.22s ease-out;
}
@keyframes ma-wx-pop {
  from { opacity: 0; transform: scale(0.94); }
  to { opacity: 1; transform: scale(1); }
}
.ma-wx-dialog__title {
  margin: 0;
  padding: 22px 20px 8px;
  font-size: 17px;
  font-weight: 600;
  color: #111;
  text-align: center;
  line-height: 1.35;
}
.ma-wx-dialog__title.ma-wx-dialog__title--hide { display: none; }
.ma-wx-dialog__title.ma-wx-dialog__title--hide + .ma-wx-dialog__msg { padding-top: 22px; }
.ma-wx-dialog__msg {
  margin: 0;
  padding: 0 22px 22px;
  font-size: 15px;
  color: #6b6b6b;
  text-align: center;
  line-height: 1.55;
  word-break: break-word;
  min-height: 1em;
}
.ma-wx-dialog__footer {
  display: flex;
  align-items: stretch;
  border-top: 1px solid #e8e8e8;
  min-height: 48px;
}
.ma-wx-dialog__btn {
  flex: 1;
  margin: 0;
  padding: 12px 8px;
  border: none;
  background: #fafafa;
  font-size: 17px;
  line-height: 1.3;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ma-wx-dialog__btn--cancel {
  color: #333;
  font-weight: 400;
}
.ma-wx-dialog__btn--ok {
  color: var(--ma-primary);
  font-weight: 400;
  background: #fff;
}
.ma-wx-dialog__btn:active { opacity: 0.82; }
.ma-wx-dialog__sep {
  width: 1px;
  background: #e8e8e8;
  flex-shrink: 0;
}

/* 会员资料页 · 顶部资料条（扁平 / 简约） */
.ma-editbase-head {
  margin: 0 0 12px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.ma-editbase-head__top {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 14px;
}
.ma-editbase-head__avatar {
  flex-shrink: 0;
  display: block;
  text-decoration: none;
  border-radius: 50%;
  overflow: hidden;
  width: 64px;
  height: 64px;
  border: 1px solid #ebebeb;
  background: #f5f5f5;
}
.ma-editbase-head__avatar img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  display: block;
  vertical-align: top;
}
.ma-editbase-head__mid {
  flex: 1;
  min-width: 0;
}
.ma-editbase-head__name {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  color: #111;
  letter-spacing: -0.02em;
  line-height: 1.3;
  word-break: break-all;
}
.ma-editbase-head__sub {
  margin: 6px 0 0;
  font-size: 13px;
  color: #8a8a8a;
  line-height: 1.45;
}
.ma-editbase-head__face-link {
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 2px;
  padding: 4px 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--ma-primary);
  text-decoration: none;
}
.ma-editbase-head__face-link:active {
  opacity: 0.65;
}
.ma-editbase-head__upgrade {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-top: 1px solid #f0f0f0;
  text-decoration: none;
  color: #333;
  -webkit-tap-highlight-color: transparent;
}
.ma-editbase-head__upgrade:active {
  background: #fafafa;
}
.ma-editbase-head__upgrade-copy {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ma-editbase-head__upgrade-txt {
  font-size: 15px;
  font-weight: 500;
  color: #1a1a1a;
}
.ma-editbase-head__upgrade-meta {
  font-size: 12px;
  color: #9e9e9e;
  line-height: 1.35;
}
.ma-editbase-head__chev {
  flex-shrink: 0;
  font-size: 22px;
  font-weight: 300;
  color: #c7c7c7;
  line-height: 1;
}
.ma-editbase-wx-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  font-size: 14px;
  line-height: 1.5;
}
.ma-editbase-wx-row a {
  color: var(--ma-primary);
  text-decoration: none;
  font-weight: 500;
}
.ma-editbase-wx-row img { vertical-align: middle; border-radius: 6px; height: 22px; }

/* 更换头像页 */
.ma-upface {
  padding: 6px 0 12px;
}
.ma-upface-preview {
  text-align: center;
  padding: 14px 16px 6px;
}
.ma-upface-preview__ring {
  display: inline-block;
  padding: 4px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #eceff5;
  box-shadow: none;
}
.ma-upface-preview__ring img {
  width: 104px;
  height: 104px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 1px solid #edf0f5;
  background: #f7f8fa;
}
.ma-upface-card {
  margin: 10px 14px 0;
  background: #fff;
  border-radius: 12px;
  padding: 12px;
  border: 1px solid #eceff5;
  box-shadow: none;
}
.ma-upface .certify-upload-item {
  border-style: solid;
  border-color: #e8ebf2;
}
.ma-upface-actions {
  padding: 12px 14px 4px;
}

/* 充值页 · 生活类 App：四列档位、无余额与冗余文案、支付以图标为主 */
.ma-paypro {
  padding: 0 0 24px;
  background: #f4f5f7;
  min-height: 36vh;
  box-sizing: border-box;
}
.ma-paypro-body {
  padding: 0;
}
.ma-paypro-card {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #ebecef;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  padding: 12px 12px 10px;
  margin-bottom: 10px;
}
.ma-paypro-card--amount {
  padding: 0 0 6px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ma-paypro-card--tight {
  padding-bottom: 12px;
}
.ma-paypro-card--methods {
  padding: 6px 0 4px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ma-paypro-title {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  letter-spacing: -0.02em;
}
.ma-paypro-title--inline {
  margin-bottom: 10px;
}
.ma-paypro-sku-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}
.ma-paypro-sku {
  position: relative;
  margin: 0;
  padding: 14px 6px 12px;
  border-radius: 10px;
  border: 1px solid #e8eaed;
  background: #fff;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 68px;
  min-width: 0;
  box-sizing: border-box;
}
.ma-paypro-sku:active {
  opacity: 0.92;
}
.ma-paypro-sku.ma-pay-grid__on {
  border-color: var(--ma-primary);
  background: var(--ma-primary-soft);
  outline: 2px solid var(--ma-primary);
  outline-offset: 0;
}
.ma-paypro-sku__coins {
  font-size: 17px;
  font-weight: 700;
  color: #111827;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ma-paypro-sku__price {
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
  font-variant-numeric: tabular-nums;
  line-height: 1.3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ma-paypro-sku__gift {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 2px 5px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  background: var(--ma-primary);
  max-width: calc(100% - 8px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ma-paypro-form {
  margin: 0;
}
.ma-paypro-methods {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.ma-paypro-method {
  margin: 0;
}
.ma-paypro-method__row {
  display: block;
  cursor: pointer;
  margin: 0;
}
.ma-paypro-card--methods .ma-paypro-title {
  margin-bottom: 0;
}
.ma-paypro-method__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}
.ma-paypro-method__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #ebecef;
  background: #fff;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}
.ma-paypro-method__input:focus-visible + .ma-paypro-method__main {
  outline: 2px solid var(--ma-primary);
  outline-offset: 2px;
}
.ma-paypro-method__input:checked + .ma-paypro-method__main {
  border-color: var(--ma-primary);
  background: var(--ma-primary-soft);
  box-shadow: 0 0 0 2px var(--ma-primary-soft);
}
.ma-paypro-method__logo {
  flex: 1 1 auto;
  min-width: 0;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 4px 0 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-sizing: border-box;
}
.ma-paypro-method__logo img {
  max-height: 42px;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: left center;
}
.ma-paypro-method__check {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 2px solid #cbd5e1;
  box-sizing: border-box;
  position: relative;
  transition: border-color 0.18s, background 0.18s;
  background: #fff;
}
.ma-paypro-method__input:checked + .ma-paypro-method__main .ma-paypro-method__check {
  border-color: var(--ma-primary);
  background: var(--ma-primary);
}
.ma-paypro-method__check::after {
  content: '';
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0.8);
  opacity: 0;
  transition: opacity 0.14s, transform 0.14s;
}
.ma-paypro-method__input:checked + .ma-paypro-method__main .ma-paypro-method__check::after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}
.ma-paypro-checkout {
  padding-bottom: 12px;
}
.ma-paypro-checkout__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  padding-bottom: 12px;
}
.ma-paypro-checkout__lbl {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  flex-shrink: 0;
}
.ma-paypro-checkout__pay {
  margin-left: auto;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 6px;
}
.ma-paypro-checkout__pay .ma-paypro-checkout__lbl {
  color: #9ca3af;
  font-weight: 500;
}
.ma-paypro-input {
  width: 120px;
  max-width: 42vw;
  padding: 11px 12px;
  border: 1px solid #dbe1ea;
  border-radius: 10px;
  font-size: 17px;
  font-weight: 600;
  text-align: right;
  font-variant-numeric: tabular-nums;
  color: #111827;
  background: #fff;
}
.ma-paypro-input--inline {
  width: 88px;
  max-width: 32vw;
  padding: 8px 10px;
  font-size: 15px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #e8eaed;
  text-align: center;
}
.ma-paypro-input:focus {
  outline: none;
  border-color: var(--ma-primary);
  box-shadow: 0 0 0 3px var(--ma-primary-soft);
}
.ma-paypro-checkout__num {
  font-size: 20px;
  font-weight: 700;
  color: var(--ma-primary-dark);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}
.ma-paypro-checkout__cur {
  font-size: 13px;
  font-weight: 500;
  color: #9ca3af;
}
.ma-paypro-submit.ma-btn--primary {
  box-shadow: none !important;
}
.ma-paypro-submit {
  position: static;
  width: 100%;
  margin-top: 4px;
  border-radius: 10px !important;
  min-height: 46px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0;
}
@media (max-width: 360px) {
  .ma-paypro-sku-grid {
    gap: 7px;
  }
  .ma-paypro-sku {
    padding: 12px 4px 10px;
    min-height: 62px;
    gap: 5px;
  }
  .ma-paypro-sku__coins {
    font-size: 15px;
  }
  .ma-paypro-sku__price {
    font-size: 12px;
  }
}
.ma-paypro-overlay {
  position: fixed;
  inset: 0;
  z-index: 1200;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
}
.ma-paypro-modal {
  width: 100%;
  max-width: 300px;
  background: #fff;
  border-radius: 14px;
  padding: 20px 18px 16px;
  text-align: center;
  border: 1px solid rgba(60, 60, 67, 0.12);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}
.ma-paypro-modal__title {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 600;
  color: #1c1c1e;
}
.ma-paypro-modal__tip {
  margin: 0 0 12px;
  font-size: 13px;
  color: #8e8e93;
  line-height: 1.45;
}
.ma-paypro-modal__qr {
  display: block;
  width: 200px;
  max-width: 100%;
  height: auto;
  margin: 0 auto 12px;
  border-radius: 8px;
}
.ma-paypro-modal__wx {
  margin: 0 0 14px;
  font-size: 13px;
  color: #636366;
}
.ma-paypro-modal__wx-id {
  color: var(--ma-primary-dark);
  font-weight: 600;
}
.ma-paypro-modal__btn {
  width: 100%;
  padding: 12px 16px;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background: var(--ma-primary);
  cursor: pointer;
}

/* 合伙人页：海报 DOM 移出视口（本页不加载 info.css 时否则会露出巨大二维码） */
.ma-partner-page #html-haibao-box.html-haibao-box {
  position: absolute !important;
  left: 0 !important;
  top: -9999px !important;
  width: 260px;
  max-width: 260px;
  margin: 0;
  padding: 12px;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.ma-partner-page #html-haibao-box .haibao-body {
  margin: 0;
  padding: 20px;
  background: #fff;
  border-radius: 16px;
  box-sizing: border-box;
}
.ma-partner-page #html-haibao-box .m_ayilogo {
  padding: 0;
  text-align: center;
}
.ma-partner-page #html-haibao-box .m_ayilogo img {
  display: block;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  object-fit: contain;
}

/* 合伙人：与会员中心 .ma-panel 左右 14px 对齐，卡片纵向堆叠 */
.ma-partner-page.ma-panel {
  padding-top: 4px;
}
.ma-partner-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
}
.ma-partner-page .ma-paypro-card.ma-partner-card {
  margin-bottom: 0;
  padding: 16px 14px 14px;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.ma-partner-card--hero {
  position: relative;
  overflow: hidden;
}
.ma-partner-card--hero::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--ma-primary), var(--ma-primary-dark));
  opacity: 0.92;
  border-radius: 14px 14px 0 0;
}
.ma-partner-card__kicker {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ma-primary-dark);
  opacity: 0.88;
}
.ma-partner-card__title {
  margin: 0 0 8px;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.28;
  color: #1c1c1e;
  letter-spacing: -0.02em;
}
.ma-partner-card__lead {
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 1.55;
  color: #636366;
}
.ma-partner-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-radius: 12px;
  background: #f2f3f5;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.ma-partner-stat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 14px 12px;
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.15s ease;
  min-height: 72px;
  box-sizing: border-box;
}
.ma-partner-stat:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.ma-partner-stat:active {
  background: rgba(0, 0, 0, 0.04);
}
.ma-partner-stat__label {
  font-size: 12px;
  color: #8e8e93;
  font-weight: 500;
  margin-bottom: 6px;
}
.ma-partner-stat__value {
  font-size: 21px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--ma-primary-dark);
  line-height: 1.15;
}
.ma-partner-stat__yen {
  font-size: 14px;
  font-weight: 600;
  color: #8e8e93;
  margin-right: 2px;
}

.ma-partner-card--cta {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 16px;
}
.ma-partner-card--cta .ma-btn {
  min-height: 48px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 12px;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ma-partner-card--cta .ma-btn--primary {
  box-shadow: 0 4px 14px var(--ma-glow);
  border: none;
}
.ma-partner-card--cta .ma-btn--outline {
  border-width: 1px;
}
button.ma-partner-poster-btn.ma-btn {
  width: 100%;
  cursor: pointer;
  font-family: inherit;
}

.ma-partner-page .ma-partner-menu.ma-cells {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.ma-cell--partner {
  align-items: center;
  padding-top: 14px;
  padding-bottom: 14px;
}
.ma-partner-menu__ico {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5c5c5c;
}
.ma-partner-menu__ico svg {
  display: block;
}
.ma-partner-menu__ico--violet {
  background: #ede7f6;
  color: #5e35b1;
}
.ma-partner-menu__ico--amber {
  background: #fff3e0;
  color: #e65100;
}
.ma-partner-menu__ico--blue {
  background: #e3f2fd;
  color: #1565c0;
}
.ma-cell__trail {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.ma-partner-count {
  min-width: 22px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #636366;
  background: #f2f3f5;
  text-align: center;
}
.ma-cell__chev {
  width: 7px;
  height: 7px;
  border-right: 2px solid #c7c7cc;
  border-bottom: 2px solid #c7c7cc;
  transform: rotate(-45deg);
  margin-left: 2px;
  opacity: 0.85;
}

.ma-cells--flat {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 14px;
}

.ma-partner-card--rules {
  padding-bottom: 16px;
}
.ma-partner-rules-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.ma-partner-rules-head__t {
  font-size: 15px;
  font-weight: 700;
  color: #1c1c1e;
}
.ma-partner-rules-head__link {
  font-size: 13px;
  font-weight: 600;
  color: var(--ma-primary-dark);
  text-decoration: none;
  white-space: nowrap;
}
.ma-partner-rules-body {
  font-size: 13px;
  color: #636366;
  line-height: 1.65;
}
.ma-partner-rules__hl {
  color: var(--ma-primary-dark);
  font-weight: 600;
}
.ma-partner-rules__note {
  color: #48484a;
  font-weight: 500;
}
.ma-partner-rules-body p {
  margin: 0 0 10px;
}
.ma-partner-rules-body p:last-child {
  margin-bottom: 0;
}

/* 合伙人首页 · 与 .ma-body 同色，避免顶栏 Tab 白底与正文断层 */
.ma-partner-pro.ma-panel {
  padding: 0 0 calc(20px + env(safe-area-inset-bottom, 0px));
  background: #f2f3f5;
}
.ma-partner-pro__wrap {
  max-width: 480px;
  margin: 0 auto;
  padding: 4px var(--ma-side-gap, 14px) 0;
  box-sizing: border-box;
}
.ma-partner-pro__hero-card {
  position: relative;
  background: #fff;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.8) inset,
    0 4px 20px rgba(0, 0, 0, 0.045),
    0 0 0 1px rgba(0, 0, 0, 0.02);
  overflow: hidden;
  box-sizing: border-box;
}
.ma-partner-pro__hero-inner {
  padding: 18px 16px 16px;
}
.ma-partner-pro__hero-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin: 0 0 14px;
}
.ma-partner-pro__hero-head .ma-partner-pro__title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #3a3a3c;
}
.ma-partner-pro__metrics {
  display: flex;
  align-items: stretch;
  margin: 0 -4px;
  padding-top: 4px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.ma-partner-pro__metrics--board {
  margin: 0;
  padding: 14px 6px 12px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  background: #f6f7f9;
  box-shadow: none;
}
.ma-partner-pro__metric {
  flex: 1 1 0;
  min-width: 0;
  padding: 14px 8px 4px;
  text-align: center;
  position: relative;
}
.ma-partner-pro__metrics--board .ma-partner-pro__metric {
  padding: 2px 4px 0;
}
.ma-partner-pro__metric + .ma-partner-pro__metric::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 36px;
  background: rgba(0, 0, 0, 0.06);
}
.ma-partner-pro__metrics--board .ma-partner-pro__metric + .ma-partner-pro__metric::before {
  height: 40px;
  background: rgba(0, 0, 0, 0.06);
}
.ma-partner-pro__metric-k {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #8e8e93;
  margin-bottom: 6px;
  letter-spacing: 0.01em;
}
.ma-partner-pro__metrics--board .ma-partner-pro__metric-k {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #8e8e93;
  margin-bottom: 6px;
  text-transform: none;
}
.ma-partner-pro__metric-v {
  display: block;
  font-size: 18px;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  color: #1c1c1e;
  line-height: 1.2;
  word-break: break-all;
}
.ma-partner-pro__metrics--board .ma-partner-pro__metric-v {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.ma-partner-pro__metric-v--money {
  color: var(--ma-primary-dark);
  font-weight: 400;
}
.ma-partner-pro__metrics--board .ma-partner-pro__metric-v--money {
  font-size: 21px;
}
.ma-partner-pro__metric-v--int {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.ma-partner-pro__metrics--board .ma-partner-pro__metric-v--int {
  font-size: 21px;
  color: #3a3a3c;
}
.ma-partner-pro__metric-yen {
  font-size: 13px;
  font-weight: 400;
  opacity: 0.85;
  margin-right: 1px;
}
.ma-partner-pro__metrics--board .ma-partner-pro__metric-yen {
  font-size: 14px;
  vertical-align: 0.05em;
}
.ma-partner-pro__main {
  padding: 12px 0 0;
  position: relative;
  z-index: 0;
}
.ma-partner-pro__card {
  background: #fff;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 28px rgba(0, 0, 0, 0.05);
  margin-bottom: 12px;
  overflow: hidden;
}
/* 合伙人：双按钮一行均分 */
.ma-partner-pro__actions {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 8px;
  margin: 0 0 12px;
  padding: 0;
}
.ma-partner-pro__actions .ma-partner-pro__btn {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  min-height: 44px;
  padding: 0 8px;
  font-size: 13px;
  font-weight: 400;
  border-radius: 11px;
  gap: 6px;
  line-height: 1.25;
}
.ma-partner-pro__actions .ma-partner-pro__btn-ico svg {
  width: 17px;
  height: 17px;
}
.ma-partner-pro__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 18px;
  font-size: 16px;
  font-weight: 400;
  border-radius: 12px;
  text-decoration: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
  width: 100%;
  transition: opacity 0.15s ease, transform 0.12s ease;
}
.ma-partner-pro__btn-ico {
  display: flex;
  flex-shrink: 0;
  opacity: 0.92;
}
.ma-partner-pro__btn--primary {
  color: #fff;
  background: var(--ma-primary);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.ma-partner-pro__btn--primary:active {
  opacity: 0.9;
  transform: scale(0.992);
}
.ma-partner-pro__btn--secondary {
  color: #1c1c1e;
  background: #f2f2f7;
  border: 1px solid rgba(0, 0, 0, 0.06);
  font-weight: 400;
}
.ma-partner-pro__btn--secondary .ma-partner-pro__btn-ico {
  color: var(--ma-primary-dark);
}
.ma-partner-pro__btn--secondary:active {
  background: #e8e8ed;
}
.ma-partner-pro__btn--copylink {
  color: #3a3a3c;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  font-weight: 400;
}
.ma-partner-pro__btn--copylink .ma-partner-pro__btn-ico {
  color: var(--ma-primary-dark);
}
.ma-partner-pro__btn--copylink:active {
  background: #fafafa;
  transform: scale(0.992);
}
/* 兼容旧类名 */
.ma-partner-pro__btn--ghost {
  color: #1c1c1e;
  background: #f2f2f7;
  border: 1px solid rgba(0, 0, 0, 0.06);
  font-weight: 400;
}
.ma-partner-pro__btn--ghost .ma-partner-pro__btn-ico {
  color: var(--ma-primary-dark);
}
.ma-partner-pro__btn--ghost:active {
  background: #e8e8ed;
}
.ma-partner-pro__card--rules {
  padding: 18px 16px 20px;
}
.ma-partner-pro__rules-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.ma-partner-pro__rules-title {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #1c1c1e;
  letter-spacing: -0.01em;
}
.ma-partner-pro__rules-kf {
  font-size: 14px;
  font-weight: 500;
  color: var(--ma-primary);
  text-decoration: none;
  white-space: nowrap;
}
.ma-partner-pro__rules-kf:active {
  opacity: 0.75;
}
.ma-partner-pro__rules-list {
  margin: 0;
  padding-left: 1.2em;
  font-size: 13px;
  line-height: 1.68;
  color: #636366;
}
.ma-partner-pro__rules-list li {
  margin-bottom: 12px;
}
.ma-partner-pro__rules-list li:last-child {
  margin-bottom: 0;
}
.ma-partner-pro__rules-list strong {
  color: #3a3a3c;
  font-weight: 600;
}
.ma-partner-pro__rules-val {
  color: var(--ma-primary);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.ma-partner-pro__rules-tip {
  color: #8e8e93;
  font-weight: 400;
}

/* 粉丝页：二级选项卡与会员中心 .ma-member-subtabs 一致 */
.ma-partner-fans-subtabs.ma-member-subtabs.ma-tabs.ma-tabs--flat {
  margin-bottom: 6px;
}
.ma-partner-fans-hint {
  margin: 0 var(--ma-side-gap, 14px) 12px;
  padding: 0 2px;
  font-size: 12px;
  line-height: 1.5;
  color: #8e8e93;
}

.ma-partner-subpage.ma-panel {
  padding-top: 4px;
  background: #f2f3f5;
}
.ma-partner-stat--readonly {
  cursor: default;
  -webkit-tap-highlight-color: transparent;
}
.ma-partner-stat--readonly:active {
  background: transparent;
}
.ma-partner-card--subtabs {
  padding: 14px 14px 12px;
}
.ma-partner-subtabs {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}
.ma-partner-subtabs__item {
  flex: 1;
  text-align: center;
  padding: 10px 8px;
  font-size: 14px;
  font-weight: 600;
  color: #636366;
  text-decoration: none;
  border-radius: 10px;
  background: #f2f3f5;
  border: 1px solid transparent;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.ma-partner-subtabs__item--on {
  color: var(--ma-primary-dark);
  background: #eef4ff;
  border-color: rgba(0, 122, 255, 0.22);
}
.ma-partner-subtabs__hint {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #8e8e93;
}
.ma-partner-card--list {
  padding: 0;
  overflow: hidden;
}
.ma-partner-fan-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.ma-partner-fan-row:last-child {
  border-bottom: none;
}
.ma-partner-fan-row__avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  background: #f0f0f0;
}
.ma-partner-fan-row__meta {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ma-partner-fan-row__name {
  font-size: 15px;
  font-weight: 600;
  color: #1c1c1e;
}
.ma-partner-fan-row__time {
  font-size: 12px;
  color: #8e8e93;
}
.ma-partner-empty {
  margin: 0;
  padding: 28px 16px;
  text-align: center;
  font-size: 14px;
  color: #8e8e93;
}
.ma-partner-pager {
  margin-top: 0;
}
.ma-partner-card--income {
  padding: 0;
  overflow: hidden;
}
.ma-partner-income-head {
  display: grid;
  grid-template-columns: 72px 1fr 88px;
  gap: 8px;
  align-items: center;
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 700;
  color: #8e8e93;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: #f7f8fa;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.ma-partner-income-row {
  display: grid;
  grid-template-columns: 72px 1fr 88px;
  gap: 8px;
  align-items: start;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  font-size: 13px;
  line-height: 1.45;
}
.ma-partner-income-row:last-child {
  border-bottom: none;
}
.ma-partner-income-row__amt {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--ma-primary-dark);
}
.ma-partner-income-row__desc {
  color: #3a3a3c;
  word-break: break-word;
}
.ma-partner-income-row__time {
  font-size: 12px;
  color: #8e8e93;
  text-align: right;
}
/* 申请提现 · 余额英雄卡 */
.ma-partner-card--cashhero {
  padding: 0;
  overflow: hidden;
}
.ma-partner-cash-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-bottom: 14px;
}
.ma-partner-cash-hero__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin: 18px 0 2px;
  border-radius: 50%;
  color: var(--ma-primary-dark);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, var(--ma-primary-soft, #ffebee) 100%);
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}
.ma-partner-cash-hero__icon .ma-ico-wallet-lg {
  flex-shrink: 0;
}
.ma-partner-card--cashhero .ma-partner-cash-balance__label {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: #8e8e93;
  letter-spacing: 0.02em;
}
.ma-partner-card--cashhero .ma-partner-cash-balance__val {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px 6px;
  margin: 8px 16px 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1.1;
  color: inherit;
}
.ma-partner-cash-balance__yen {
  font-size: 22px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #aeaeb2;
}
.ma-partner-cash-balance__num {
  font-size: 36px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #1c1c1e;
  letter-spacing: -0.02em;
}
.ma-partner-card--cashhero .ma-partner-cash-balance__unit {
  font-size: 15px;
  font-weight: 600;
  color: #8e8e93;
  margin-left: 2px;
}
.ma-partner-cash-progress {
  width: 100%;
  max-width: 300px;
  margin: 18px 20px 0;
  box-sizing: border-box;
}
.ma-partner-cash-progress__track {
  height: 8px;
  border-radius: 999px;
  background: #e8e8ed;
  overflow: hidden;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
}
.ma-partner-cash-progress__fill {
  height: 100%;
  min-width: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ma-primary) 0%, var(--ma-primary-dark) 100%);
  transition: width 0.35s ease;
}
.ma-partner-cash-progress__cap {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.45;
  color: #8e8e93;
}
.ma-partner-cash-hero__records {
  align-self: stretch;
  margin-top: 18px;
  padding: 14px 16px 16px;
  font-size: 14px;
  font-weight: 600;
  color: var(--ma-primary-dark);
  text-decoration: none;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.015) 0%, transparent 100%);
  -webkit-tap-highlight-color: transparent;
}
.ma-partner-cash-hero__records:active {
  opacity: 0.85;
  background: rgba(0, 0, 0, 0.03);
}
.ma-partner-cash-form__title {
  margin: 0 0 16px;
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
  color: #1c1c1e;
  letter-spacing: -0.02em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.ma-partner-cash-form__hint {
  margin: 14px 0 0;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.55;
  color: #636366;
  text-align: center;
  background: #f7f8fa;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.ma-partner-cash-form__hint strong {
  color: var(--ma-primary-dark);
  font-weight: 700;
}
.ma-partner-inline-link {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: var(--ma-primary-dark);
  text-decoration: none;
}
.ma-partner-card--form {
  padding: 16px 14px 18px;
}
.ma-partner-field {
  margin-bottom: 14px;
}
.ma-partner-field__lab {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #48484a;
}
.ma-partner-input {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  font-size: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background: #fff;
}
.ma-partner-radios {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
}
.ma-partner-radio {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #3a3a3c;
  cursor: pointer;
}
.ma-partner-radio input {
  width: 18px;
  height: 18px;
  accent-color: var(--ma-primary, #007aff);
}
.ma-partner-cash-submit {
  margin-top: 8px;
}
.ma-partner-card--toolbar {
  padding: 14px;
}
.ma-partner-card--cashlist {
  padding: 0;
  overflow: hidden;
}
.ma-partner-cash-head {
  display: grid;
  grid-template-columns: 56px 72px 96px 1fr;
  gap: 6px;
  align-items: center;
  padding: 10px 12px;
  font-size: 11px;
  font-weight: 700;
  color: #8e8e93;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: #f7f8fa;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.ma-partner-cash-head__c--acct {
  min-width: 0;
}
.ma-partner-cash-row {
  display: grid;
  grid-template-columns: 56px 72px 96px 1fr;
  gap: 6px;
  align-items: center;
  padding: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  font-size: 12px;
  line-height: 1.35;
}
.ma-partner-cash-row:last-child {
  border-bottom: none;
}
.ma-partner-cash-row__money {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #1c1c1e;
}
.ma-partner-cash-row__time {
  color: #8e8e93;
}
.ma-partner-cash-row__acct {
  min-width: 0;
  word-break: break-all;
  color: #636366;
}
.ma-partner-tag {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
}
.ma-partner-tag--ok {
  color: #1b5e20;
  background: #e8f5e9;
}
.ma-partner-tag--wait {
  color: #b71c1c;
  background: #ffebee;
}

/* 注销账户（标题仅在顶栏 .ma-topbar__title 展示，页内不再重复 h1） */
.ma-closing-page.ma-panel {
  padding-top: 8px;
}
.ma-closing-card {
  background: #fff;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  padding: 20px 16px 18px;
  margin-bottom: 16px;
}
.ma-closing-card__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 14px;
}
.ma-closing-card__ico {
  opacity: 0.92;
  color: #e53935;
}
.ma-closing-card__warn {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  color: #c62828;
}
.ma-closing-card__intro {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.55;
  color: #636366;
}
.ma-closing-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ma-closing-list li {
  position: relative;
  padding: 6px 0 6px 14px;
  font-size: 14px;
  line-height: 1.45;
  color: #48484a;
}
.ma-closing-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.85em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(229, 57, 53, 0.55);
}
.ma-closing-card__foot {
  margin: 14px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: #c62828;
  font-weight: 500;
}
.ma-closing-submit {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 14px 16px;
  border: none;
  border-radius: 12px;
  background: #e53935;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 4px 14px rgba(229, 57, 53, 0.28);
}
.ma-closing-submit:active:not(:disabled) {
  opacity: 0.92;
}
.ma-closing-submit:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.ma-closing-hint {
  margin: 14px 0 0;
  text-align: center;
  font-size: 12px;
  color: #8e8e93;
  line-height: 1.45;
}

/* 我的收藏 */
.ma-shou-panel { padding-bottom: 12px; }
.ma-shou-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ma-shou-item {
  display: flex;
  align-items: stretch;
  gap: 0;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.ma-shou-item__main {
  flex: 1;
  min-width: 0;
  padding: 14px 12px;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ma-shou-item__cat {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8e8e93;
}
.ma-shou-item__title {
  font-size: 15px;
  font-weight: 500;
  color: #1c1c1e;
  line-height: 1.4;
  word-break: break-word;
}
.ma-shou-item__del {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 500;
  color: #8e8e93;
  text-decoration: none;
  border-left: 1px solid #f2f2f7;
  background: #fafafa;
}
.ma-shou-item__del:active { background: #f0f0f0; }
.ma-shou-empty {
  text-align: center;
  padding: 40px 20px;
  font-size: 14px;
  color: #8e8e93;
  background: #fff;
  border-radius: 12px;
  border: 1px dashed #d1d1d6;
  margin: 0 0 12px;
  list-style: none;
}

/* 浏览记录 */
.ma-hist-panel { padding-bottom: 16px; }
.ma-hist-lead {
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 1.45;
  color: #8e8e93;
}
.ma-hist-ul.ma-hist-ul {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.ma-hist-ul .ma-hist-li { border-bottom: 1px solid #f2f2f7; margin: 0; padding: 0; line-height: normal; }
.ma-hist-ul .ma-hist-li:last-child { border-bottom: none; }
.ma-hist-a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 14px;
  text-decoration: none;
  color: #1c1c1e;
  -webkit-tap-highlight-color: transparent;
}
.ma-hist-a:active { background: #f7f7f8; }
.ma-hist-dot {
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ma-primary);
  opacity: 0.85;
}
.ma-hist-txt {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 清空浏览记录：与会员中心大横按钮同规格 */
.ma-hist-clear-actions {
  margin-top: 4px;
  padding-top: 8px;
  padding-bottom: max(10px, env(safe-area-inset-bottom, 0px));
}
.ma-hist-clear-actions .ma-hist-clear {
  margin: 0;
  min-height: 48px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 12px;
  box-sizing: border-box;
}

.ma-pm-detail__bd {
  padding: 16px 14px;
}

/* 短消息 · 撰写提示 */
.ma-sheet-hint {
  margin: 0 0 12px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.45;
  color: #636366;
  background: #f2f2f7;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.04);
}
.ma-empty--sheet {
  list-style: none;
  text-align: center;
  padding: 36px 20px !important;
  background: #fff !important;
  border-radius: 12px !important;
  border: 1px dashed #d1d1d6 !important;
  color: #8e8e93 !important;
  font-size: 14px;
  box-shadow: none !important;
}

/* 修改资料 · 表单卡片略扁平 */
.ma-editbase--modern .ma-mod-card {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 14px;
}
.ma-editbase--modern .ma-mod-card__hd {
  color: #8e8e93;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* 粉丝列表 */
.ma-fan-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
}
.ma-fan-row__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  background: #f0f0f0;
}
.ma-fan-row__name {
  flex: 1;
  min-width: 0;
  font-size: 15px;
  font-weight: 500;
  color: #1a1a1a;
}
.ma-fan-row__time {
  flex-shrink: 0;
  font-size: 12px;
  color: #999;
}

/* 收到的评论（卡片层次：来源 → 正文 → 对话 → 操作） */
.ma-panel--cmt {
  padding-bottom: 20px;
}
.ma-tip--cmt {
  margin-top: 4px;
}
.ma-cmt-tabs {
  margin-bottom: 2px;
}

/* 收到评论页：浅底不用灰块，与订单页清爽白底一致 */
.ma-comments-pro {
  padding: 0 0 28px;
  margin: 0;
  background: #fff;
}
.ma-comments-pro.ma-list-pro--comments {
  background: transparent;
}
.ma-comments-pro__tip {
  margin-top: 4px;
}
.ma-comments-pro__list {
  list-style: none;
  margin: 0;
}
.ma-comments-card {
  overflow: hidden;
  --ma-cmt-pad: 14px;
  --ma-cmt-gap: 10px;
}
.ma-comments-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: var(--ma-cmt-gap) var(--ma-cmt-pad);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background: #fff;
}
.ma-comments-card__time {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #8e8e93;
  font-variant-numeric: tabular-nums;
}
.ma-comments-card__time svg {
  flex-shrink: 0;
  opacity: 0.75;
}
.ma-comments-card__pill {
  font-size: 11px;
  font-weight: 400;
  color: #8e8e93;
  font-variant-numeric: tabular-nums;
  padding: 3px 8px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

/* 主内容：白底 + 分割线区分，不用灰底块 */
.ma-comments-card__body {
  margin: 0;
  padding: var(--ma-cmt-gap) var(--ma-cmt-pad) calc(var(--ma-cmt-gap) + 2px);
  border-radius: 0;
  background: #fff;
  -webkit-tap-highlight-color: transparent;
}
.ma-comments-card__author {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.ma-comments-card__avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: none;
}
.ma-comments-card__avatar-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.ma-comments-card__who {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-top: 1px;
}
.ma-comments-card__name {
  font-size: 14px;
  font-weight: 400;
  color: #48484a;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
.ma-comments-card__hint {
  font-size: 11px;
  font-weight: 400;
  color: #aeaeb2;
  line-height: 1.35;
}
.ma-comments-card__text {
  margin-top: var(--ma-cmt-gap);
  padding-top: var(--ma-cmt-gap);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  font-size: 14px;
  line-height: 1.55;
  font-weight: 400;
  color: #1c1c1e;
  word-break: break-word;
}

/* 次要：所属信息（浅底与正文白底区分） */
.ma-comments-card__context {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: var(--ma-cmt-gap) var(--ma-cmt-pad) 0;
  padding: 9px 11px;
  text-decoration: none;
  color: inherit;
  border-radius: 10px;
  background: linear-gradient(180deg, #f6f7f9 0%, #f0f2f5 100%);
  border: 1px solid rgba(0, 0, 0, 0.055);
  -webkit-tap-highlight-color: transparent;
}
.ma-comments-card__context:active {
  background: #e8eaee;
  border-color: rgba(0, 0, 0, 0.07);
}
.ma-comments-card__context-ico {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.85);
  color: #8e8e93;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.ma-comments-card__context-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
}
.ma-comments-card__context-k {
  font-size: 11px;
  font-weight: 400;
  color: #aeaeb2;
  letter-spacing: 0.02em;
}
.ma-comments-card__context-t {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  color: #636366;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ma-comments-card__context-go {
  flex-shrink: 0;
  color: #c7c7cc;
  display: flex;
  align-items: center;
}

.ma-comments-card__nest {
  padding: var(--ma-cmt-gap) var(--ma-cmt-pad) 0;
  background: #fff;
}
.ma-comments-card__nest .ma-cmt-thread {
  margin: 0;
}
.ma-comments-card__nest .ma-cmt-card__mine {
  margin: 0;
}
/* 我的回复：次要信息，小面积、弱色，与主内容区等宽对齐 */
.ma-comments-card .ma-cmt-card__mine {
  margin: 0;
  padding: 8px 10px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.ma-comments-card .ma-cmt-card__mine-cap {
  font-size: 11px;
  font-weight: 400;
  color: #8e8e93;
  margin-bottom: 4px;
  letter-spacing: 0;
}
.ma-comments-card .ma-cmt-card__mine-text {
  font-size: 13px;
  line-height: 1.45;
  font-weight: 400;
  color: #636366;
}
.ma-comments-card .ma-cmt-thread {
  padding: 8px 10px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.ma-comments-card .ma-cmt-thread__cap {
  font-size: 11px;
  font-weight: 400;
  margin-bottom: 8px;
  color: #8e8e93;
  text-transform: none;
  letter-spacing: 0;
}
.ma-comments-card .ma-cmt-thread__name {
  color: #636366;
  font-size: 13px;
  font-weight: 400;
}
.ma-comments-card .ma-cmt-thread__text {
  font-size: 13px;
  color: #48484a;
  font-weight: 400;
}
.ma-comments-card .ma-post__toolbar--simple .ma-post__act {
  font-weight: 400;
}
.ma-comments-card .ma-cmt-reply-form__label {
  font-weight: 400;
}
.ma-comments-card .ma-cmt-reply-form .ma-cmt-reply-submit,
.ma-comments-card .ma-cmt-reply-form .ma-cmt-reply-cancel {
  font-weight: 400;
}
.ma-comments-card__foot {
  padding: 0;
  margin: var(--ma-cmt-gap) 0 0;
  border: none;
  background: transparent;
}
.ma-comments-card__toolbar.ma-post__toolbar--simple {
  padding: var(--ma-cmt-gap) var(--ma-cmt-pad) calc(var(--ma-cmt-gap) + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  background: #fff;
}
.ma-comments-card__foot .ma-cmt-reply-panel {
  display: none;
  margin: 0;
  padding: var(--ma-cmt-gap) var(--ma-cmt-pad) 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: #fff;
  box-sizing: border-box;
}
.ma-comments-card__foot .ma-cmt-reply-panel.ma-cmt-reply-panel--open {
  display: block;
}
.ma-comments-card__foot .ma-cmt-reply-panel .ma-cmt-reply-form textarea {
  background: #fff;
}
.ma-comments-pro__empty {
  margin: 8px 14px 0;
  padding: 36px 22px 32px;
  text-align: center;
  background: #fff;
  border-radius: 16px;
  border: 1px dashed rgba(60, 60, 67, 0.14);
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.04);
}
.ma-comments-pro__empty-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  margin: 0 auto 16px;
  border-radius: 20px;
  background: #f2f2f7;
  color: #8e8e93;
}
.ma-comments-pro__empty-t {
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 400;
  color: #1c1c1e;
  letter-spacing: -0.01em;
}
.ma-comments-pro__empty-d {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: #8e8e93;
}

.ma-cmt-list {
  list-style: none;
  margin: 0;
  padding: 0 14px;
}
.ma-cmt-card {
  background: #fff;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.04);
  margin-bottom: 12px;
  overflow: hidden;
}
.ma-cmt-card__source {
  padding: 12px 14px 10px;
  background: linear-gradient(180deg, #f8f9fb 0%, #fff 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.ma-cmt-card__eyebrow {
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8e8e93;
}
.ma-cmt-card__title-link {
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: #1c1c1e;
  text-decoration: none;
  letter-spacing: -0.2px;
}
.ma-cmt-card__title-link:active {
  color: var(--ma-primary);
}
.ma-cmt-card__body {
  padding: 14px 14px 4px;
}
.ma-cmt-card__author-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}
.ma-cmt-card__avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(37, 99, 235, 0.12), rgba(37, 99, 235, 0.04));
  color: var(--ma-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ma-cmt-card__avatar-svg {
  width: 22px;
  height: 22px;
  opacity: 0.85;
}
.ma-cmt-card__author-meta {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
}
.ma-cmt-card__name {
  font-size: 15px;
  font-weight: 700;
  color: #1c1c1e;
  letter-spacing: -0.2px;
}
.ma-cmt-card__time {
  font-size: 12px;
  font-weight: 500;
  color: #aeaeb2;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}
.ma-cmt-card__text {
  font-size: 15px;
  line-height: 1.55;
  color: #3a3a3c;
  word-break: break-word;
  padding-left: 0;
}
.ma-cmt-thread {
  margin: 4px 14px 0;
  padding: 12px 12px 10px;
  background: #f5f6f8;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.04);
}
.ma-cmt-thread__cap {
  font-size: 11px;
  font-weight: 600;
  color: #8e8e93;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.ma-cmt-thread__item {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  word-break: break-word;
}
.ma-cmt-thread__item:first-of-type {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}
.ma-cmt-thread__item-hd {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}
.ma-cmt-thread__name {
  font-size: 13px;
  font-weight: 600;
  color: var(--ma-primary);
}
.ma-cmt-thread__time {
  font-size: 11px;
  color: #aeaeb2;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}
.ma-cmt-thread__text {
  font-size: 14px;
  line-height: 1.5;
  color: #48484a;
}
.ma-cmt-card__mine {
  margin: 8px 14px 0;
  padding: 12px 12px;
  background: rgba(37, 99, 235, 0.06);
  border: 1px solid rgba(37, 99, 235, 0.12);
  border-radius: 12px;
}
.ma-cmt-card__mine-cap {
  font-size: 11px;
  font-weight: 600;
  color: var(--ma-primary);
  margin-bottom: 6px;
  letter-spacing: 0.02em;
}
.ma-cmt-card__mine-text {
  font-size: 14px;
  line-height: 1.5;
  color: #3a3a3c;
  word-break: break-word;
}
.ma-cmt-card__foot {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 12px 14px 14px;
  margin-top: 4px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  background: #fafbfc;
}
.ma-cmt-reply-toggle {
  align-self: flex-start;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 600;
  color: var(--ma-primary);
  background: #fff;
  border: 1.5px solid rgba(37, 99, 235, 0.35);
  border-radius: 999px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.15s, border-color 0.15s;
}
.ma-cmt-reply-toggle:active {
  background: rgba(37, 99, 235, 0.06);
}
.ma-cmt-reply-panel {
  display: none;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(0, 0, 0, 0.08);
}
.ma-cmt-reply-panel.ma-cmt-reply-panel--open {
  display: block;
}
.ma-cmt-reply-form__label {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #636366;
}
.ma-cmt-reply-form textarea {
  width: 100%;
  min-height: 88px;
  padding: 12px 12px;
  font-size: 15px;
  line-height: 1.45;
  font-family: inherit;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  box-sizing: border-box;
  resize: vertical;
  background: #fff;
  color: #1c1c1e;
}
.ma-cmt-reply-form textarea:focus {
  outline: none;
  border-color: rgba(37, 99, 235, 0.45);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}
.ma-cmt-reply-form__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}
.ma-cmt-reply-form .ma-cmt-reply-submit {
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: var(--ma-primary);
  border: none;
  border-radius: 999px;
  cursor: pointer;
  box-shadow: 0 4px 14px var(--ma-glow, rgba(37, 99, 235, 0.25));
}
.ma-cmt-reply-form .ma-cmt-reply-submit:active {
  opacity: 0.92;
}
.ma-cmt-reply-form .ma-cmt-reply-cancel {
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600;
  color: #636366;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 999px;
  cursor: pointer;
}
.ma-cmt-reply-form .ma-cmt-reply-cancel:active {
  background: #f2f2f7;
}
.ma-pager--cmt {
  padding: 4px 14px 8px;
}

/* 短消息列表行 */
.ma-pm-body {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
  word-break: break-word;
}
.ma-pm-body a {
  color: var(--ma-primary);
}
.ma-pm-row {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: inherit;
  margin: -14px;
  padding: 14px;
}
.ma-pm-row--static {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin: -14px;
  padding: 14px;
}
.ma-pm-row__st { flex-shrink: 0; }
.ma-pm-row__t {
  flex: 1;
  min-width: 0;
  font-size: 15px;
}
.ma-pm-row--bold { font-weight: 600; }
.ma-pm-row__arr {
  flex-shrink: 0;
  color: #ccc;
  font-size: 18px;
}

/* 短消息 · 生活类 APP 风格 */
.ma-pm-tabs {
  margin: 0;
  background: #fff;
  border-bottom: 1px solid #edf1f5;
}
.ma-pm-tabs a {
  font-size: 18px;
  color: #a0a8b6;
  font-weight: 500;
}
.ma-pm-tabs a.ma-tabs__on {
  color: #1f2937;
  font-weight: 700;
}
.ma-pm-tabs a.ma-tabs__on::after {
  width: 36px;
  height: 3px;
  border-radius: 3px;
}
.ma-pm-panel--conv {
  padding: 6px 0 10px;
  background: #f7f8fa;
}
/* 会话列表 AJAX 打开聊天：无整页跳转 */
.ma-pm-thread-host {
  display: none;
}
.ma-pm-thread-host.is-open {
  display: block;
}
.ma-pm-inbox-host.is-hidden {
  display: none;
}
.ma-pm-conv-list {
  list-style: none;
  margin: 0;
  padding: 0 12px 8px;
}
.ma-pm-conv {
  margin: 0;
  background: #fff;
  border-bottom: 1px solid #eef1f4;
  padding: 0;
  overflow: hidden;
}
.ma-pm-conv:first-child {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.ma-pm-conv:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
/* 会话左滑：微信式露出「标为未读」「删除」 */
.ma-pm-conv__track {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.ma-pm-conv__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: calc(100% + 148px);
  transform: translateX(0);
  transition: transform 0.28s cubic-bezier(0.25, 0.8, 0.25, 1);
  will-change: transform;
}
.ma-pm-conv.ma-pm-conv--open .ma-pm-conv__row {
  transform: translateX(-148px);
}
.ma-pm-conv.ma-pm-conv--dragging .ma-pm-conv__row {
  transition: none;
}
.ma-pm-conv__main {
  /* 100% 相对 .ma-pm-conv__row；row 宽为轨道宽+148，故主列为轨道可视宽度 */
  flex: 0 0 calc(100% - 148px);
  width: calc(100% - 148px);
  max-width: calc(100% - 148px);
  min-width: 0;
  box-sizing: border-box;
}
.ma-pm-conv__acts {
  flex: 0 0 148px;
  width: 148px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.ma-pm-conv__btn {
  flex: 1;
  margin: 0;
  padding: 0 6px;
  border: none;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 1.2;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.ma-pm-conv__btn--unread {
  background: #1989fa;
}
.ma-pm-conv__btn--unread:active {
  background: #1478d9;
}
.ma-pm-conv__btn--del {
  background: #ff3b30;
}
.ma-pm-conv__btn--del:active {
  background: #e02d24;
}
.ma-pm-conv__link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 12px;
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}
.ma-pm-conv__avatar-wrap {
  position: relative;
  width: 46px;
  height: 46px;
  flex-shrink: 0;
  overflow: visible;
}
.ma-pm-conv__link:active {
  background: #f6f8fb;
}
.ma-pm-conv__avatar {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  object-fit: cover;
  background: #e9edf2;
}
.ma-pm-conv__mid {
  flex: 1;
  min-width: 0;
}
.ma-pm-conv__top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}
.ma-pm-conv__name {
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ma-pm-conv__time {
  font-size: 11px;
  color: #98a2b3;
  flex-shrink: 0;
}
.ma-pm-conv__preview {
  font-size: 12px;
  color: #8d97a5;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ma-pm-conv__badge {
  position: absolute;
  right: -2px;
  top: -2px;
  z-index: 2;
  width: 10px;
  height: 10px;
  min-width: 0;
  padding: 0;
  border-radius: 50%;
  background: #ff4d4f;
  color: transparent;
  font-size: 0;
  line-height: 0;
  text-align: center;
  border: 2px solid #fff;
  box-sizing: content-box;
  overflow: hidden;
}
.ma-pm-conv__actions {
  padding: 2px 12px 6px;
}
.ma-pm-panel--conv .ma-empty--sheet {
  margin: 0;
  padding: 34px 18px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #98a2b3 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}
.ma-pm-conv__actions .ma-btn--outline {
  border-width: 1px;
  border-color: #e5eaf0;
  color: #667085;
  background: #fff;
  border-radius: 12px;
}

/* 短消息 · 聊天页 */
.ma-pm-chat {
  position: fixed;
  left: 0;
  right: 0;
  top: calc(48px + env(safe-area-inset-top, 0px));
  bottom: calc(56px + env(safe-area-inset-bottom, 0px));
  z-index: 2;
  display: flex;
  flex-direction: column;
  background: #ededed;
}
.ma-pm-chat__scroll {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 12px 10px 10px;
  box-sizing: border-box;
}
.ma-pm-chat__empty {
  text-align: center;
  padding: 40px 20px;
  font-size: 14px;
  color: #98a2b3;
  line-height: 1.5;
}
.ma-pm-msg {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 10px;
}
.ma-pm-msg--me {
  flex-direction: row-reverse;
}
.ma-pm-msg__avatar {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  background: #e8ecf1;
}
.ma-pm-msg__col {
  max-width: 78%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ma-pm-msg--me .ma-pm-msg__col {
  align-items: flex-end;
}
.ma-pm-msg__name {
  font-size: 11px;
  color: #9aa4b2;
  line-height: 1.2;
  margin: 0 2px 4px;
}
.ma-pm-msg__bubble {
  padding: 9px 12px;
  border-radius: 8px;
  line-height: 1.4;
  word-break: break-word;
}
.ma-pm-msg--them .ma-pm-msg__bubble {
  background: #fff;
  border: 0;
  border-top-left-radius: 3px;
}
.ma-pm-msg--me .ma-pm-msg__bubble {
  background: #34c759;
  border: 1px solid #34c759;
  border-radius: 8px;
}
.ma-pm-msg__text {
  font-size: 13px;
  color: #1f2937;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.ma-pm-msg--me .ma-pm-msg__text {
  color: #fff;
}
.ma-pm-msg__text a {
  color: var(--ma-primary-dark);
  text-decoration: underline;
}
.ma-pm-msg--me .ma-pm-msg__text a {
  color: #fff;
}
.ma-pm-msg__time {
  margin-top: 4px;
  font-size: 10px;
  color: #9aa4b2;
  padding: 0 2px;
}
.ma-pm-chat__composer {
  flex-shrink: 0;
  background: #fff;
  border-top: 1px solid #dfe3e8;
  padding: 7px 8px;
  padding-bottom: calc(7px + env(safe-area-inset-bottom, 0px));
  box-sizing: border-box;
}
.ma-pm-chat__input-row {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ma-pm-chat__icon-btn {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  color: #6b7280;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ma-pm-chat__icon-btn:active {
  opacity: 0.75;
}
.ma-pm-chat__icon-btn svg {
  width: 21px;
  height: 21px;
  display: block;
  fill: currentColor;
}
.ma-pm-chat__icon-btn.is-on {
  color: var(--ma-primary);
}
.ma-pm-chat__input-row textarea {
  flex: 1;
  min-height: 34px;
  max-height: 120px;
  padding: 7px 11px;
  border: 1px solid #dfe3e8;
  border-radius: 17px;
  font-size: 13px;
  line-height: 1.4;
  resize: none;
  box-sizing: border-box;
  font-family: inherit;
  background: #fff;
}
.ma-pm-chat__send {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 34px;
  padding: 0 13px;
  border: none;
  border-radius: 17px;
  background: var(--ma-primary);
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ma-pm-chat__send:active {
  opacity: 0.92;
}

/* ========== 会员子模块：表单 / 列表壳（ma-mod） ========== */
.ma-editbase .ma-mod-stack,
.ma-mod-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 8px;
}
.ma-mod-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.04);
}
.ma-mod-card.ma-mod-card--flat {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.06);
}
.ma-mod-card__hd {
  padding: 12px 14px 8px;
  font-size: 13px;
  font-weight: 600;
  color: #666;
  letter-spacing: 0.02em;
}
.ma-mod-card__bd {
  padding: 4px 0 8px;
}
.ma-mod-field {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px 12px;
  padding: 10px 14px;
  border-bottom: 1px solid #f0f0f0;
}
.ma-mod-field:last-child {
  border-bottom: none;
}
 /* 纵向堆叠时勿给 label 固定主轴尺寸（否则 column 下会变成超高空白条） */
.ma-mod-field--stack {
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}
.ma-mod-field--stack > .ma-mod-label {
  flex: none;
  max-width: none;
  width: auto;
  padding-top: 0;
}
.ma-mod-field--stack > .ma-mod-control {
  width: 100%;
}
.ma-mod-field--intro-full .ma-mod-control {
  width: 100%;
  min-width: 0;
}
/* 轻量富文本：在 flex 卡片内勿用负边距拉宽（会撑破父级、工具栏与正文错位） */
.ma-mod-field--intro-full .ma-meditor,
.ma-mod-control--richtext .ma-meditor {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
/* ma-goods-tabs：会员顶栏/二级栏复用类名（均分整行：.ma-tabs--seg > a { flex: 1 1 0 }） */
/* 轻量富文本：单独成块，避免被 .ma-form / .ma-mod-control 里 select{width:100%} 撑破工具栏 */
.ma-meditor {
  width: 100%;
  border: 1px solid #e2e4ea;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.ma-meditor__bar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  margin-bottom: 0;
  border: none;
  border-bottom: 1px solid #ececf1;
  border-radius: 0;
  background: #f7f8fb;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.ma-meditor__bar::-webkit-scrollbar {
  display: none;
  height: 0;
}
.ma-meditor__btn {
  flex: 0 0 auto;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid #e2e4ea;
  border-radius: 8px;
  background: #fff;
  color: #333;
  font-size: 14px;
  line-height: 1.2;
}
.ma-meditor__sel,
.ma-meditor__color {
  flex: 0 0 auto;
  min-height: 34px;
  box-sizing: border-box;
  border: 1px solid #e2e4ea;
  border-radius: 8px;
  background: #fff;
  vertical-align: middle;
}
/* 覆盖全局 .ma-form select / .ma-mod-control select 的 width:100%、大内边距 */
.ma-meditor select.ma-meditor__sel,
.ma-form .ma-meditor select.ma-meditor__sel,
.ma-mod-control .ma-meditor select.ma-meditor__sel {
  width: auto !important;
  max-width: 92px !important;
  min-width: 72px !important;
  padding: 6px 28px 6px 10px !important;
  line-height: normal !important;
  font-size: 14px !important;
  background-color: #fff !important;
}
.ma-meditor input[type="color"].ma-meditor__color,
.ma-form .ma-meditor input[type="color"].ma-meditor__color,
.ma-mod-control .ma-meditor input[type="color"].ma-meditor__color {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  padding: 4px !important;
  height: 34px !important;
}
.ma-meditor__color {
  width: 40px;
  padding: 4px;
  height: 34px;
}
.ma-meditor__box {
  border: none;
  border-radius: 0;
  background: #fff;
}
.ma-meditor__ed {
  min-height: 280px;
  padding: 12px 14px;
  font-size: 15px;
  line-height: 1.7;
  color: #1a1a1a;
  outline: none;
  word-break: break-word;
}
.ma-meditor__ed:empty::before {
  content: attr(data-placeholder);
  color: #a0a0a0;
}
.ma-mod-intro-title {
  font-size: 14px;
  color: #555;
  margin: 0 0 6px;
  line-height: 1.4;
}
/* 标题紧贴下方编辑器外框，视觉上连成一块 */
.ma-mod-intro-title + .ma-meditor {
  margin-top: 0;
}
.shop-tpl-wrap .templateView {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  padding: 0;
  margin: 0;
}
.shop-tpl-wrap .templateView .templateViewLi {
  float: none;
  box-sizing: border-box;
  width: calc(50% - 4px);
  margin: 0;
  list-style: none;
}
.shop-tpl-wrap .templateView .templateViewImg {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 120px;
}
.ma-resume-photo-block {
  text-align: center;
}
.ma-resume-photo-block > img {
  display: block;
  margin: 0 auto 12px;
  border-radius: 12px;
  border: 1px solid #eee;
  object-fit: cover;
}
.ma-mod-label {
  flex: 0 0 92px;
  max-width: 40%;
  font-size: 14px;
  color: #555;
  line-height: 1.4;
  padding-top: 8px;
}
.ma-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.ma-mod-label--req::before {
  content: '*';
  color: var(--ma-primary);
  margin-right: 2px;
}
.ma-mod-control {
  flex: 1;
  min-width: 0;
  font-size: 15px;
  color: #1a1a1a;
}
.ma-mod-control input[type="text"],
.ma-mod-control input[type="password"],
.ma-mod-control input[type="number"],
.ma-mod-control input[type="tel"],
.ma-mod-control input[type="email"],
.ma-mod-control input[type="url"],
.ma-mod-control input[type="search"],
.ma-mod-control input[type="date"],
.ma-mod-control textarea,
.ma-mod-control select {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 15px;
  font-family: inherit;
  background: #fafafa;
  -webkit-appearance: none;
  appearance: none;
}
.ma-mod-control textarea {
  min-height: 88px;
  resize: vertical;
}
.ma-mod-control--richtext textarea,
.ma-mod-control--richtext .ke-edit,
.ma-mod-control--richtext .ke-container {
  max-width: 100%;
  box-sizing: border-box;
}
.ma-mod-control select {
  background: #fafafa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M2 4l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 12px center;
  padding-right: 32px;
}
/* 店铺资料 / 个人资料：手机端地区级联（区、街等）垂直间距（wap 不插文本分隔节点） */
.ma-mod-control .ma-post-region-chain {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
}
.ma-mod-control .ma-post-region-chain input[type='hidden'] {
  display: none !important;
}
.ma-mod-control .ma-post-region-chain .mayi-region-street-slot:not(:has(> select)) {
  display: none;
}
.ma-mod-control .ma-post-region-chain > select,
.ma-mod-control .ma-post-region-chain .mayi-region-street-slot select {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
.ma-mod-hint {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: #888;
  line-height: 1.45;
}
.ma-mod-actions {
  padding: 8px 14px 10px;
}
.ma-mod-actions .ma-btn,
.ma-mod-actions .save {
  width: 100%;
  box-sizing: border-box;
}
.ma-mod-avatar-row {
  display: flex;
  align-items: center;
  gap: 14px;
}
.ma-mod-avatar-row img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #eee;
}
.ma-mod-avatar-row a {
  color: var(--ma-primary);
  text-decoration: none;
  font-size: 14px;
}

/* 简历投递 / 收到 列表 */
.ma-resume-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ma-resume-item {
  background: #fff;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.05);
  margin-bottom: 10px;
  padding: 14px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.04);
}
.ma-resume-item__title {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
}
.ma-resume-item__title a {
  color: #1a1a1a;
  text-decoration: none;
}
.ma-resume-item__meta {
  font-size: 12px;
  color: #999;
  margin-bottom: 10px;
}
.ma-resume-item__name {
  font-size: 14px;
  font-weight: 600;
  color: var(--ma-primary-dark);
  margin-bottom: 4px;
}
.ma-resume-item__ops {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ma-resume-item__ops a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  text-decoration: none;
  border: 1px solid var(--ma-primary);
  color: var(--ma-primary);
  background: var(--ma-primary-soft);
}
.ma-resume-item__ops a.ma-resume-item__ops--muted {
  border-color: #ddd;
  color: #666;
  background: #f7f7f7;
}
.ma-resume-empty {
  text-align: center;
  padding: 36px 20px;
  color: #999;
  font-size: 14px;
  background: #fff;
  border-radius: 14px;
  border: 1px dashed #e0e0e0;
}

/* 简历详情 */
.ma-resume-detail {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.05);
  margin-bottom: 12px;
}
.ma-resume-detail__photo {
  text-align: center;
  padding: 16px;
  background: linear-gradient(180deg, var(--ma-primary-soft) 0%, #fff 100%);
}
.ma-resume-detail__photo img {
  max-width: 140px;
  max-height: 140px;
  border-radius: 12px;
  border: 1px solid #eee;
}
.ma-resume-kv {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ma-resume-kv dt,
.ma-resume-kv dd {
  margin: 0;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.5;
}
.ma-resume-kv dt {
  float: left;
  clear: both;
  width: 30%;
  max-width: 110px;
  color: #888;
  font-weight: 500;
  box-sizing: border-box;
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
}
.ma-resume-kv dd {
  margin-left: 30%;
  border-bottom: 1px solid #f0f0f0;
  min-height: 22px;
  word-break: break-word;
}
.ma-resume-kv dd:after { content: ''; display: table; clear: both; }
@media (max-width: 360px) {
  .ma-resume-kv dt { width: 34%; max-width: none; }
  .ma-resume-kv dd { margin-left: 34%; }
}

/* 认证中心：状态条 */
.ma-cert-status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 14px;
}
.ma-cert-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  background: #f5f5f5;
  color: #555;
}
.ma-cert-pill--ok {
  background: #e8f5e9;
  color: #2e7d32;
}
.ma-cert-pill--no {
  background: #fff3e0;
  color: #e65100;
}
.ma-cert-pill img {
  height: 16px;
  vertical-align: middle;
}

/* 认证中心：顶栏选项卡 + 扁平状态条（线框图标 + 文案状态） */
.ma-cert-hub {
  padding-top: 0;
  padding-bottom: 8px;
}
/* 与 .ma-panel 左右内边距对齐：勿在 tab 下方再叠一层 margin，否则比表单卡片更窄 */
.ma-cert-hub .ma-tip {
  margin-left: 0;
  margin-right: 0;
}
.ma-cert-hub__tip {
  margin-bottom: 10px;
}
.ma-cert-tabs {
  margin-bottom: 2px;
}
.ma-cert-strip {
  margin: 8px 0 12px;
  padding: 0;
  border-radius: 12px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.035);
  overflow: hidden;
}
.ma-cert-strip__inner {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.ma-cert-strip__it {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 4px 9px;
  gap: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
}
.ma-cert-strip__it:last-child {
  border-right: none;
}
.ma-cert-strip__ico {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #f2f2f7;
  color: #636366;
}
.ma-cert-strip__ico svg {
  width: 19px;
  height: 19px;
  display: block;
}
.ma-cert-strip__it.is-ok .ma-cert-strip__ico {
  background: rgba(46, 125, 50, 0.12);
  color: #1b5e20;
}
.ma-cert-strip__it.is-wait .ma-cert-strip__ico {
  background: rgba(245, 124, 0, 0.12);
  color: #e65100;
}
.ma-cert-strip__it.is-no .ma-cert-strip__ico {
  background: #eef0f3;
  color: #8e8e93;
}
/* 分类名弱化；状态文案为主、略大 */
.ma-cert-strip__lab {
  margin-top: 6px;
  font-size: 11px;
  font-weight: 400;
  color: #8e8e93;
  letter-spacing: 0.02em;
  line-height: 1.25;
}
.ma-cert-strip__st {
  margin-top: 3px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #636366;
  max-width: 100%;
  padding: 0 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ma-cert-strip__it.is-ok .ma-cert-strip__st {
  color: #2e7d32;
}
.ma-cert-strip__it.is-wait .ma-cert-strip__st {
  color: #e65100;
}
.ma-cert-strip__it.is-no .ma-cert-strip__st {
  color: #aeaeb2;
}
.ma-cert-done {
  margin: 0 0 12px;
  text-align: center;
  padding: 28px 16px 24px;
}
.ma-cert-done__icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 12px;
  border-radius: 50%;
  background: var(--ma-primary-soft);
  color: var(--ma-primary);
  font-size: 28px;
  line-height: 52px;
  font-weight: 700;
}
.ma-cert-done__title {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 600;
}
.ma-cert-done__desc {
  margin: 0;
  font-size: 14px;
  color: #666;
  word-break: break-all;
}
.ma-cert-captcha-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ma-cert-captcha-row input {
  flex: 1;
  min-width: 0;
}
.ma-cert-captcha-img {
  flex: 0 0 auto;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  background: #f5f5f5;
}
.ma-cert-sms-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ma-cert-sms-row input {
  flex: 1;
  min-width: 0;
}
.ma-cert-sms-btn {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 0 12px;
  min-height: 40px;
  font-size: 13px;
}
@media (max-width: 360px) {
  .ma-tabs.ma-tabs--seg > a {
    padding-left: 4px;
    padding-right: 4px;
    font-size: 14px;
  }
  .ma-tabs.ma-tabs--seg > a::after {
    width: 24px;
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .ma-tabs.ma-tabs--seg > span.ma-tabs__stub {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }
  .ma-tabs.ma-tabs--seg > span.ma-tabs__stub::after {
    width: 24px;
    margin-top: 6px;
    margin-bottom: 6px;
  }
}

/* 上传控件（certify / 简历照片） */
.certify-upload-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.certify-upload-item {
  border: 1px dashed #d0d0d0;
  border-radius: 12px;
  padding: 12px;
  background: #fafafa;
  transition: border-color 0.2s, background 0.2s;
}
.certify-upload-item.has-file {
  border-color: var(--ma-primary);
  background: var(--ma-primary-soft);
}
.certify-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #444;
  margin-bottom: 8px;
}
.certify-upload-wrap {
  position: relative;
  min-height: 44px;
}
.certify-upload-wrap input[type="file"] {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 2;
}
.certify-upload-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e5e5e5;
  color: var(--ma-primary);
  font-size: 14px;
  pointer-events: none;
}
.certify-upload-item.has-file .certify-upload-btn {
  border-color: var(--ma-primary);
}
.certify-upload-tip {
  font-size: 12px;
  color: #888;
  margin: 8px 0 0;
  line-height: 1.5;
}
.icon-upload::before {
  content: '↑';
  font-weight: 700;
}

/* 电话簿 · iOS「通讯录」式成组列表 */
.ma-panel.ma-telbook-ios {
  padding-top: 8px;
  padding-bottom: 28px;
}
.ma-telbook-ios__note {
  margin: 0 0 10px;
  padding: 0 4px;
  font-size: 13px;
  line-height: 1.45;
  color: #8e8e93;
  letter-spacing: -0.08px;
}
.ma-telbook-ios__group {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0.5px 0 rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);
}
.ma-telbook-ios__row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 10px 10px 10px 16px;
  text-decoration: none;
  color: #000;
  border-bottom: 0.5px solid rgba(60, 60, 67, 0.12);
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}
.ma-telbook-ios__row:last-child {
  border-bottom: none;
}
.ma-telbook-ios__row:active {
  background: #e5e5ea;
}
.ma-telbook-ios__avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.3px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
}
.ma-telbook-ios__avatar--t0 { background: linear-gradient(145deg, #ff8a7a, #ff6b6b); }
.ma-telbook-ios__avatar--t1 { background: linear-gradient(145deg, #ffb347, #ff9500); }
.ma-telbook-ios__avatar--t2 { background: linear-gradient(145deg, #7dd36f, #34c759); }
.ma-telbook-ios__avatar--t3 { background: linear-gradient(145deg, #5eb0ff, #007aff); }
.ma-telbook-ios__avatar--t4 { background: linear-gradient(145deg, #b388ff, #af52de); }
.ma-telbook-ios__avatar--t5 { background: linear-gradient(145deg, #6ed4d4, #5ac8fa); }
.ma-telbook-ios__cell {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
}
.ma-telbook-ios__name {
  margin: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.41px;
  color: #000;
  word-break: break-word;
}
.ma-telbook-ios__phone {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.24px;
  color: #8e8e93;
  font-variant-numeric: tabular-nums;
}
.ma-telbook-ios__chev {
  flex-shrink: 0;
  width: 22px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #c7c7cc;
  font-size: 22px;
  font-weight: 300;
  line-height: 1;
}
.ma-telbook-ios__chev::after {
  content: '›';
  transform: translateX(1px);
}
.ma-telbook-ios__empty {
  margin-top: 8px;
  padding: 40px 20px 48px;
  text-align: center;
  background: #fff;
  border-radius: 10px;
  border: 0.5px solid rgba(60, 60, 67, 0.12);
}
.ma-telbook-ios__empty-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: linear-gradient(160deg, #f2f2f7 0%, #e8e8ed 100%);
  border: 0.5px solid #d1d1d6;
  box-sizing: border-box;
}
.ma-telbook-ios__empty-title {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.41px;
  color: #1c1c1e;
}
.ma-telbook-ios__empty-desc {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  color: #8e8e93;
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
}

/* 积分兑换 · 单卡短文，减少分块与装饰 */
.ma-panel.ma-scorecoin {
  padding-top: 8px;
  padding-bottom: 24px;
}
.ma-scorecoin__card {
  margin: 0;
  padding: 20px 18px 22px;
  background: #fff;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  box-sizing: border-box;
}
.ma-scorecoin__card--plain {
  text-align: center;
  padding-top: 28px;
  padding-bottom: 28px;
}
.ma-scorecoin__title {
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 600;
  color: #1c1c1e;
}
.ma-scorecoin__muted {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: #8e8e93;
}
.ma-scorecoin__summary {
  margin: 0 0 20px;
  font-size: 15px;
  line-height: 1.65;
  color: #48484a;
}
.ma-scorecoin__summary .ma-scorecoin__em {
  color: #1c1c1e;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.ma-scorecoin__form {
  margin: 0;
}
.ma-scorecoin__label {
  display: block;
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 500;
  color: #3a3a3c;
}
.ma-scorecoin__input {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 12px;
  padding: 14px 16px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #1c1c1e;
  background: #f7f8fa;
  border: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-appearance: none;
  appearance: none;
}
.ma-scorecoin__input:focus {
  outline: none;
  background: #fff;
  border-color: var(--ma-primary);
}
.ma-scorecoin__input::placeholder {
  color: #aeaeb2;
  font-weight: 500;
  font-size: 16px;
}
.ma-scorecoin__hint {
  margin: 0 0 18px;
  min-height: 2.8em;
  font-size: 13px;
  line-height: 1.5;
  color: #636366;
}
.ma-scorecoin__btn.ma-btn--block {
  border-radius: 12px;
  min-height: 48px;
  font-size: 16px;
  font-weight: 600;
}

/* 合伙人客服浮层 */
.ma-kf-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0,0,0,0.45);
  box-sizing: border-box;
}
.ma-kf-modal.ma-kf-modal--open {
  display: flex;
}
.ma-kf-modal__box {
  background: #fff;
  border-radius: 16px;
  max-width: 300px;
  width: 100%;
  padding: 20px 18px 16px;
  text-align: center;
  box-shadow: 0 16px 48px rgba(0,0,0,0.2);
}
.ma-kf-modal__title {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 12px;
  color: #333;
}
.ma-kf-modal__img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 14px;
}
.ma-kf-modal__btn {
  display: block;
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 12px;
  background: var(--ma-primary);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}
.ma-kf-modal__box--poster {
  position: relative;
  max-width: min(92vw, 340px);
}
.ma-kf-modal__body--poster {
  max-height: min(68vh, 520px);
  overflow: auto;
  margin: 0 0 14px;
  -webkit-overflow-scrolling: touch;
  text-align: center;
}
.ma-kf-modal__body--poster img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
  vertical-align: top;
}

/* 短消息：撰写页 */
.ma-pm-compose--wx {
  padding: 10px 12px 12px;
  background: #f7f8fa;
}
.ma-pm-compose__card {
  background: #fff;
  border-radius: 14px;
  border: 1px solid #edf1f5;
  overflow: hidden;
}
.ma-pm-compose__row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-bottom: 1px solid #f0f2f5;
}
.ma-pm-compose__row:last-child {
  border-bottom: 0;
}
.ma-pm-compose__row--textarea {
  align-items: flex-start;
}
.ma-pm-compose__label {
  flex-shrink: 0;
  width: 62px;
  font-size: 14px;
  color: #6b7280;
}
.ma-pm-compose__value {
  font-size: 15px;
  color: #1f2937;
}
.ma-pm-compose__input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  font-size: 15px;
  font-weight: 400;
  font-family: inherit;
  color: #1f2937;
  line-height: 1.4;
}
.ma-pm-compose__input::placeholder {
  color: #a0a8b6;
}
.ma-pm-compose__textarea {
  flex: 1;
  min-height: 150px;
  border: 0;
  background: transparent;
  font-size: 15px;
  font-weight: 400;
  font-family: inherit;
  color: #1f2937;
  line-height: 1.4;
  resize: none;
}
.ma-pm-compose__textarea::placeholder {
  color: #a0a8b6;
}
.ma-pm-compose__input:focus,
.ma-pm-compose__textarea:focus {
  outline: none;
}
.ma-pm-compose__actions {
  margin-top: 12px;
}
.ma-msg-banner {
  margin: 0 14px 10px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #fff8e1;
  color: #795548;
  font-size: 13px;
  line-height: 1.45;
}

/* ---------- 信息置顶 / 定时刷新（扁平现代） ---------- */
.ma-chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  margin: 0 6px 6px 0;
}
.ma-chip--on {
  background: rgba(37, 99, 235, 0.12);
  color: #1d4ed8;
}
.ma-chip--muted {
  background: #f2f2f7;
  color: #8e8e93;
  font-weight: 500;
}
.ma-upgrade__head .ma-mod-card__bd,
.ma-refresh__head .ma-mod-card__bd {
  padding-top: 16px;
  padding-bottom: 16px;
}
.ma-upgrade__eyebrow,
.ma-refresh__eyebrow {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 600;
  color: #8e8e93;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ma-upgrade__title,
.ma-refresh__title {
  margin: 0 0 10px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  color: #1c1c1e;
  letter-spacing: -0.3px;
}
.ma-upgrade__badges {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px 0 0;
}
.ma-upgrade__section-label {
  margin: 16px 14px 8px;
  font-size: 13px;
  font-weight: 600;
  color: #636366;
}
.ma-upgrade__scope {
  margin-bottom: 0;
}
.ma-upgrade__wallet,
.ma-refresh__wallet {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 14px 14px 0;
  padding: 12px 14px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  font-size: 14px;
  color: #3a3a3c;
}
.ma-upgrade__wallet-ic,
.ma-refresh__wallet-ic {
  font-size: 18px;
  line-height: 1;
}
.ma-upgrade__wallet-txt strong,
.ma-refresh__wallet strong {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.ma-upgrade__wallet-link,
.ma-refresh__wallet a {
  margin-left: auto;
  font-size: 14px;
  font-weight: 600;
  color: var(--ma-primary);
  text-decoration: none;
}
.ma-upgrade__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 0 14px 8px;
  margin-top: 10px;
}
.ma-upgrade-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding: 14px 12px 12px;
  min-height: 108px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.12s;
}
.ma-upgrade-card:active {
  transform: scale(0.98);
}
.ma-upgrade-card--dim {
  opacity: 0.72;
  background: #fafafa;
}
.ma-upgrade-card__dur {
  font-size: 18px;
  font-weight: 700;
  color: #1c1c1e;
  letter-spacing: -0.4px;
}
.ma-upgrade-card__coin {
  margin-top: 4px;
  font-size: 13px;
  color: #8e8e93;
  font-variant-numeric: tabular-nums;
}
.ma-upgrade-card__cta {
  margin-top: auto;
  padding-top: 10px;
  font-size: 13px;
  font-weight: 600;
  color: var(--ma-primary);
}
.ma-upgrade-card--dim .ma-upgrade-card__cta {
  color: #c2410c;
}
.ma-upgrade-empty {
  grid-column: 1 / -1;
  padding: 28px 16px;
  text-align: center;
  font-size: 14px;
  color: #8e8e93;
  line-height: 1.5;
  background: #fafafa;
  border-radius: 14px;
  border: 1px dashed rgba(0, 0, 0, 0.08);
}
.ma-refresh__meta {
  margin: 0;
  font-size: 13px;
  color: #8e8e93;
  line-height: 1.4;
}
.ma-refresh__form {
  margin-top: 4px;
}
.ma-refresh__hint {
  margin: 0 0 14px;
  font-size: 13px;
  color: #8e8e93;
  line-height: 1.45;
}
.ma-refresh__time-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.ma-refresh__field {
  min-width: 0;
}
.ma-refresh__lbl {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #636366;
}
.ma-select.ma-select--block {
  width: 100%;
  box-sizing: border-box;
  min-height: 44px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #f9f9f9;
  font-size: 16px;
  color: #1c1c1e;
  -webkit-appearance: none;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #8e8e93 50%), linear-gradient(135deg, #8e8e93 50%, transparent 50%);
  background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 13px) calc(50% - 3px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.ma-refresh-plans {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ma-refresh-plan {
  display: block;
  margin: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ma-refresh-plan__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.ma-refresh-plan__face {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 14px;
  border-radius: 12px;
  border: 1.5px solid rgba(0, 0, 0, 0.08);
  background: #fafafa;
  transition: border-color 0.15s, background 0.15s;
}
.ma-refresh-plan__input:checked + .ma-refresh-plan__face {
  border-color: var(--ma-primary);
  background: var(--ma-primary-soft);
}
.ma-refresh-plan__days {
  font-size: 16px;
  font-weight: 600;
  color: #1c1c1e;
}
.ma-refresh-plan__coin {
  font-size: 14px;
  font-weight: 600;
  color: var(--ma-primary-dark);
  font-variant-numeric: tabular-nums;
}
.ma-refresh .ma-mod-actions {
  padding-top: 8px;
}

/* 定时刷新页 · 紧凑单卡 */
.ma-refresh--compact {
  padding: 10px 14px calc(16px + env(safe-area-inset-bottom, 0));
  box-sizing: border-box;
}
.ma-refresh-card {
  margin: 0;
  padding: 16px 16px 14px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
}
.ma-refresh-card__head {
  margin: 0;
  padding: 0;
}
.ma-refresh-card__title {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  color: #1c1c1e;
  letter-spacing: -0.2px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ma-refresh-card__head--notitlemeta .ma-refresh-card__title {
  margin-bottom: 0;
}
.ma-refresh-card__status {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: #8e8e93;
}
.ma-refresh-block {
  margin: 0;
  padding: 12px 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.ma-refresh-block--time {
  padding-top: 10px;
}
.ma-refresh-block__label {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 600;
  color: #3a3a3c;
}
.ma-refresh-block__label--tight {
  margin-bottom: 4px;
}
.ma-refresh-block__hint {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.4;
  color: #aeaeb2;
}
.ma-refresh-block__hint--tight {
  margin: 0 0 6px;
  font-size: 11px;
  color: #aeaeb2;
}
.ma-refresh-time-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: nowrap;
}
.ma-refresh-time-inline__lab {
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 600;
  color: #3a3a3c;
}
.ma-refresh-time-inline__row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  min-width: 0;
  justify-content: flex-end;
}
.ma-refresh-time-inline__sep {
  font-size: 15px;
  font-weight: 600;
  color: #8e8e93;
  line-height: 1;
  padding: 0 1px;
}
.ma-select.ma-select--refresh-compact {
  flex: 1;
  min-width: 0;
  max-width: 108px;
  min-height: 36px;
  padding: 0 10px;
  font-size: 15px;
  border-radius: 8px;
}
.ma-refresh-plans--compact {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(86px, 1fr));
  gap: 6px;
}
.ma-refresh-plans--compact .ma-refresh-plan__face {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 8px 6px;
  min-height: 0;
  text-align: center;
}
.ma-refresh-plans--compact .ma-refresh-plan__days {
  font-size: 13px;
  font-weight: 600;
}
.ma-refresh-plans--compact .ma-refresh-plan__coin {
  font-size: 11px;
  font-weight: 600;
  color: var(--ma-primary-dark, #1d4ed8);
}
@media (max-width: 320px) {
  .ma-refresh-plans--compact {
    gap: 5px;
  }
  .ma-refresh-plans--compact .ma-refresh-plan__face {
    padding: 7px 4px;
  }
}
.ma-refresh-empty {
  margin: 14px 0 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: #f7f7f8;
  font-size: 13px;
  line-height: 1.45;
  color: #8e8e93;
  text-align: center;
}
.ma-refresh-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  font-size: 14px;
  color: #3a3a3c;
}
.ma-refresh-bar__bal strong {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.ma-refresh-bar__pay {
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--ma-primary);
  text-decoration: none;
}
.ma-refresh-card__submit {
  margin-top: 12px;
}
@media (min-width: 400px) {
  .ma-upgrade__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* 用户中心首页 — 参考生活类 App 排版；配色随主题 --ma-primary */
.uc-hub {
  --uc-page: #f5f5f5;
  --uc-card: #ffffff;
  --uc-text: #1a1a1a;
  --uc-sub: #8a8a8e;
  --uc-line: rgba(0,0,0,0.06);
  --uc-brand: var(--ma-primary, #2ebc71);
  --uc-brand-dark: var(--ma-primary-dark, #24a05d);
  --uc-brand-soft: var(--ma-primary-soft, #e8f8ef);
  min-height: 100%;
  background: var(--uc-page);
  padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
}

/* —— 绿色顶区 —— */
.uc-top {
  position: relative;
  /* 顶栏 .uc-top__bar 已 fixed，此处用占位避免头像区被遮挡 */
  padding: calc(50px + env(safe-area-inset-top, 0px)) 14px 52px 10px;
  background: var(--uc-brand);
  color: #fff;
  overflow: hidden;
}
.uc-top__bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  padding: calc(1px + env(safe-area-inset-top, 0px)) 12px 6px 10px;
  box-sizing: border-box;
  background: var(--uc-brand);
}
.uc-top__back {
  width: 40px;
  height: 40px;
  margin-left: -8px;
  margin-top: -2px;
  border: none;
  background: transparent;
  color: #fff;
  line-height: 0;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-tap-highlight-color: transparent;
}
.uc-top__back-svg {
  display: block;
  margin-left: -1px;
}
.uc-top__icosvg {
  display: block;
}
.uc-top__title {
  flex: 1;
  margin: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.uc-top__acts {
  display: flex;
  gap: 6px;
  width: 88px;
  justify-content: flex-end;
}
.uc-top__acts--single {
  width: 48px;
  min-width: 48px;
}
.uc-top__iconlink {
  width: 36px;
  height: 36px;
  border-radius: 0;
  background: transparent;
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  -webkit-tap-highlight-color: transparent;
}
.uc-top__hero {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 10px;
}
.uc-top__avatar {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(255,255,255,0.42);
}
.uc-top__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.uc-top__panel {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 2px;
}
.uc-top__name {
  margin: 0 0 7px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.28;
}
.uc-top__membership {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}
.uc-top__badge {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.35;
  color: #3d3428;
  background: #ffecb3;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}
.uc-top__badge:hover,
.uc-top__badge:active,
.uc-top__badge:visited {
  color: #3d3428;
  text-decoration: none;
}
.uc-top__expire {
  margin-left: 6px;
  font-size: 10px;
  font-weight: 600;
  color: #c62828;
  opacity: 0.95;
}
.uc-top__renew {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 11px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
  color: #fff;
  text-decoration: none;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.32);
  -webkit-tap-highlight-color: transparent;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
  margin: 0;
  font-family: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
}
.uc-top__renew:disabled {
  opacity: 0.65;
  cursor: not-allowed;
  transform: none;
}
.uc-top__renew:active {
  transform: scale(0.98);
  background: rgba(255,255,255,0.22);
}
.uc-top__renew-ico {
  flex-shrink: 0;
  display: block;
  width: 12px;
  height: 12px;
  opacity: 0.95;
}
.uc-top__invite {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 11px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
  color: #fff;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.32);
  -webkit-tap-highlight-color: transparent;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
  box-sizing: border-box;
}
.uc-top__invite:active {
  transform: scale(0.98);
  background: rgba(255, 255, 255, 0.22);
}
.uc-top__invite-ico {
  flex-shrink: 0;
  display: block;
  width: 12px;
  height: 12px;
  opacity: 0.95;
}
/* 公告：位于「分类与账户」上方，垂直向上循环轮播 */
.uc-notice {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: #fffbeb;
  border-radius: 14px;
  border: 1px solid rgba(251, 191, 36, 0.22);
}
.uc-notice__bulb {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  color: #f9a825;
}
.uc-notice__viewport {
  flex: 1;
  min-width: 0;
  height: 22px;
  overflow: hidden;
}
.uc-notice__strip {
  display: flex;
  flex-direction: column;
  animation: uc-notice-vloop calc(var(--uc-notice-n, 1) * 1.35s) steps(var(--uc-notice-n, 1), end) infinite;
  will-change: transform;
}
.uc-notice:hover .uc-notice__strip { animation-play-state: paused; }
@keyframes uc-notice-vloop {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}
.uc-notice__line {
  flex-shrink: 0;
  height: 22px;
  line-height: 22px;
  font-size: 13px;
  font-weight: 400;
  color: var(--uc-text);
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 用户中心：机构入驻入口（替代原公告条位置） */
.uc-corp-cta {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: #fff;
  border-radius: 14px;
  border: 1px solid var(--uc-line, #e8eaed);
  text-decoration: none;
  color: inherit;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
}
.uc-corp-cta:active {
  opacity: 0.92;
  transform: scale(0.995);
}
.uc-corp-cta__ico {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  object-fit: contain;
  display: block;
}
.uc-corp-cta__mid {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.uc-corp-cta__t {
  font-size: 15px;
  font-weight: 600;
  color: #333;
}
.uc-corp-cta__s {
  font-size: 12px;
  color: #888;
  line-height: 1.35;
}
.uc-corp-cta__price {
  color: #d32f2f;
  font-weight: 700;
}
.uc-corp-cta__chev {
  flex-shrink: 0;
  font-size: 20px;
  color: #c5cad3;
  font-weight: 300;
  line-height: 1;
}

/* —— 主体：上浮白卡 —— */
.uc-body {
  position: relative;
  z-index: 2;
  margin-top: -30px;
  padding: 0 10px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.uc-float-card {
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid var(--uc-line);
  overflow: hidden;
}
.uc-float-card__metrics {
  display: flex;
  padding: 20px 8px 16px;
  background: #ffffff;
}
.uc-metric {
  flex: 1;
  text-align: center;
  text-decoration: none;
  color: inherit;
  min-width: 0;
}
.uc-metric__num {
  display: block;
  font-size: 22px;
  font-weight: 400 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  color: var(--uc-text);
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
}
.uc-metric__lab {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: var(--uc-sub);
  font-weight: 400;
}
.uc-float-card__chips {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  padding: 12px 8px 14px;
  border-top: 1px solid var(--uc-line);
  margin: 0;
  background: #ffffff;
}
/* 会员首页四枚芯片：单行排满，均分宽度 */
.uc-float-card__chips .uc-chip {
  flex: 1 1 0;
  min-width: 0;
  padding: 9px 5px;
  font-size: 12px;
  gap: 4px;
}
.uc-float-card__chips .uc-chip__ico {
  width: 15px;
  height: 15px;
}
.uc-float-card__chips .uc-chip span {
  white-space: nowrap;
}
.uc-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 400;
  border: none;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  font-family: inherit;
  line-height: 1.2;
  -webkit-appearance: none;
  appearance: none;
}
.uc-chip__ico {
  flex-shrink: 0;
  display: block;
}
button.uc-chip {
  margin: 0;
}
.uc-chip--fill {
  background: var(--uc-brand);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.22);
  font-weight: 400;
}
.uc-chip--fill .uc-chip__ico {
  opacity: 0.98;
}
.uc-chip--line {
  background: #fff;
  color: #636366;
  border: 1.5px solid #c7c7cc;
}
/* 今日已签到：不可点击，避免重复请求 */
.uc-chip--qiandao-done {
  background: #ecfdf5;
  color: #065f46;
  border: 1.5px solid #a7f3d0;
  cursor: default;
  pointer-events: none;
  font-weight: 500;
  user-select: none;
}
.uc-chip--qiandao-done .uc-chip__ico {
  color: #059669;
}
.uc-chip--ghost {
  background: #fff;
  color: var(--uc-text);
  border: 1px solid var(--uc-line);
}

/* 浅蓝推广条（仅会员升级） */
.uc-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  background: #e8f4ff;
  border: 1px solid rgba(100, 120, 200, 0.12);
}
.uc-banner__t {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 800;
  color: var(--uc-text);
}
.uc-banner__s {
  margin: 0;
  font-size: 12px;
  color: var(--uc-sub);
  line-height: 1.45;
}
.uc-banner__go {
  flex-shrink: 0;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background: #ff6b35;
}

/* 分块 + 五列宫格 */
.uc-panel {
  background: var(--uc-card);
  border-radius: 12px;
  border: 1px solid var(--uc-line);
  overflow: hidden;
}
.uc-panel__hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 14px 10px;
}
.uc-panel__t {
  font-size: 15px;
  font-weight: 600;
  color: var(--uc-text);
}
.uc-panel__more {
  font-size: 13px;
  color: var(--uc-sub);
  text-decoration: none;
}
.uc-panel__acts {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.uc-panel--menu {
  padding-bottom: 4px;
}
.uc-menu {
  display: flex;
  flex-direction: column;
  padding: 4px 0 10px;
}
.uc-menu__row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 14px;
  text-decoration: none;
  color: var(--uc-text);
  font-size: 15px;
  font-weight: 400;
  border-top: 1px solid var(--uc-line);
  -webkit-tap-highlight-color: transparent;
}
.uc-menu__row:first-of-type {
  border-top: none;
}
.uc-menu__row--danger .uc-menu__txt {
  color: #c62828;
}
.uc-menu__ico {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #f2f2f7 center/22px 22px no-repeat;
}
.uc-menu__txt {
  flex: 1;
  min-width: 0;
}
.uc-menu__row--tel .uc-menu__txt {
  flex: 0 0 auto;
}
/* 客服电话：号码用黑色、略大字号（不用主题红） */
.uc-menu__row--tel .uc-menu__val {
  color: #1a1a1a;
  font-size: 18px;
  font-weight: 400;
}
.uc-menu__val {
  flex: 1;
  min-width: 0;
  text-align: right;
  font-size: 15px;
  font-weight: 500;
  color: var(--uc-brand);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  padding: 0 6px 0 10px;
}
.uc-menu__arr {
  flex-shrink: 0;
  color: var(--uc-sub);
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
}
.uc-menu__ico--hist {
  background-color: #e0f2f1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23009688'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
}
.uc-menu__ico--phone {
  background-color: #e8f5e9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234caf50'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E");
}
/* 客服电话行：听筒图标（非麦克风） */
.uc-menu__ico--kf {
  background-color: #e0f7fa;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300acc1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E");
}
.uc-menu__ico--partner {
  background-color: #fff3e0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f57c00'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z'/%3E%3C/svg%3E");
}
.uc-menu__ico--ok {
  background-color: #e8f5e9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234caf50'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
}
.uc-menu__ico--pic {
  background-color: #f3e5f5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239c27b0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z'/%3E%3C/svg%3E");
}
.uc-menu__ico--warn {
  background-color: #ffebee;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f44336'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z'/%3E%3C/svg%3E");
}
.uc-menu__ico--out {
  background-color: #fafafa;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1'/%3E%3C/svg%3E");
}
.uc-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--uc-line);
}
.uc-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.uc-grid--3 .uc-grid__item:nth-child(3n) { border-right: none; }
.uc-grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.uc-grid--4 .uc-grid__item:nth-child(5n) { border-right: 1px solid var(--uc-line); }
.uc-grid--4 .uc-grid__item:nth-child(4n) { border-right: none; }
.uc-grid--4 .uc-grid__item {
  min-height: 96px;
  padding-bottom: 14px;
}
.uc-grid__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 14px 4px 12px;
  text-decoration: none;
  color: var(--uc-text);
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  line-height: 1.25;
  border-right: 1px solid var(--uc-line);
  border-bottom: 1px solid var(--uc-line);
  min-height: 88px;
  box-sizing: border-box;
}
.uc-grid__item:nth-child(5n) { border-right: none; }
/* 扁平宫格：无分割线、大图标、角标在图标右上 */
.uc-grid--flat {
  border-top: none;
  gap: 12px 8px;
  padding: 6px 10px 18px;
}
.uc-grid--flat .uc-grid__item {
  border: none;
  min-height: 0;
  padding: 10px 4px 6px;
}
.uc-grid--flat.uc-grid--4 .uc-grid__item:nth-child(4n),
.uc-grid--flat.uc-grid--4 .uc-grid__item:nth-child(5n) {
  border-right: none;
}
.uc-grid__ico-wrap {
  position: relative;
  width: 52px;
  height: 52px;
  margin: 0 auto 10px;
  flex-shrink: 0;
}
.uc-grid__ico {
  width: 52px;
  height: 52px;
  margin: 0;
  border-radius: 50%;
  background: #f2f2f7 center/28px 28px no-repeat;
  flex-shrink: 0;
  display: block;
}
.uc-grid__badge {
  position: absolute;
  top: -2px;
  right: -2px;
  z-index: 2;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  background-color: #ff3b30;
  border-radius: 9px;
  border: 2px solid #fff;
  font-variant-numeric: tabular-nums;
}
.uc-grid__txt {
  display: block;
  max-width: 100%;
  word-break: keep-all;
}
.uc-grid__sub {
  display: block;
  margin-top: 3px;
  font-size: 10px;
  color: var(--uc-sub);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.uc-grid__dot {
  position: absolute;
  top: 8px;
  right: 50%;
  transform: translateX(14px);
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  color: #fff;
  background: #ff3b30;
  border-radius: 999px;
}

/* 宫格图标（SVG） */
.uc-grid__ico--up {
  background-color: #ffebee;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e53935'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M12 5v12M8 9l4-4 4 4'/%3E%3C/svg%3E");
}
.ma-html.orange .uc-grid__ico--up { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f57c00'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M12 5v12M8 9l4-4 4 4'/%3E%3C/svg%3E"); background-color: #fff3e0; }
.ma-html.blue .uc-grid__ico--up { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e88e5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M12 5v12M8 9l4-4 4 4'/%3E%3C/svg%3E"); background-color: #e3f2fd; }
.ma-html.green .uc-grid__ico--up { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2343a047'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M12 5v12M8 9l4-4 4 4'/%3E%3C/svg%3E"); background-color: #e8f5e9; }

.uc-grid__ico--plus {
  background-color: var(--uc-brand-soft);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232ebc71'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
}
.ma-html.red .uc-grid__ico--plus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e53935'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
.ma-html.orange .uc-grid__ico--plus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f57c00'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
.ma-html.blue .uc-grid__ico--plus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e88e5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
.uc-grid__ico--doc {
  background-color: #fff3e8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ff7043'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'/%3E%3C/svg%3E");
}
.uc-grid__ico--msg {
  background-color: #e3f2fd;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234285f4'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z'/%3E%3C/svg%3E");
}
.uc-grid__ico--cmt {
  background-color: #fce4ec;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23c2185b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 8h10M7 12h6m-6 8l-4 4V6a2 2 0 012-2h12a2 2 0 012 2v10a2 2 0 01-2 2h-6z'/%3E%3C/svg%3E");
}
.ma-html.red .uc-grid__ico--cmt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e53935'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 8h10M7 12h6m-6 8l-4 4V6a2 2 0 012-2h12a2 2 0 012 2v10a2 2 0 01-2 2h-6z'/%3E%3C/svg%3E"); background-color: #ffebee; }
.ma-html.orange .uc-grid__ico--cmt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f57c00'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 8h10M7 12h6m-6 8l-4 4V6a2 2 0 012-2h12a2 2 0 012 2v10a2 2 0 01-2 2h-6z'/%3E%3C/svg%3E"); background-color: #fff3e0; }
.ma-html.blue .uc-grid__ico--cmt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e88e5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 8h10M7 12h6m-6 8l-4 4V6a2 2 0 012-2h12a2 2 0 012 2v10a2 2 0 01-2 2h-6z'/%3E%3C/svg%3E"); background-color: #e3f2fd; }
.uc-grid__ico--user {
  background-color: #e8f5e9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234caf50'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
}
.uc-grid__ico--users {
  background-color: #fce4ec;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e91e63'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z'/%3E%3C/svg%3E");
}
.uc-grid__ico--store {
  background-color: #fff8e1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ff9800'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.9' d='M3 9.5h18l-1.3-4.3A1.7 1.7 0 0018.07 4H5.93a1.7 1.7 0 00-1.63 1.2L3 9.5z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.9' d='M4.5 9.5V19a1 1 0 001 1h13a1 1 0 001-1V9.5'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.9' d='M9 20v-5.5a1 1 0 011-1h4a1 1 0 011 1V20M8 13h2M14 13h2'/%3E%3C/svg%3E");
}
.uc-grid__ico--cart {
  background-color: #fff3e0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f57c00'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z'/%3E%3C/svg%3E");
}
.uc-grid__ico--order {
  background-color: #efebe9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23795548'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2'/%3E%3C/svg%3E");
}
.uc-grid__ico--pin {
  background-color: #fff3e8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ff6b35'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.657 16.657L13.414 20.9a2 2 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 11a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3C/svg%3E");
}
/* 修改资料：证件/资料卡片 */
.uc-grid__ico--profile {
  background-color: #e8eaf6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235c6bc0'%3E%3Crect x='4' y='3.5' width='16' height='17' rx='2.2' stroke-width='1.9'/%3E%3Ccircle cx='12' cy='9.3' r='2.3' stroke-width='1.9'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.9' d='M8.3 16.2c.9-1.5 2.2-2.2 3.7-2.2s2.8.7 3.7 2.2'/%3E%3C/svg%3E");
}
/* 店铺资料：资料清单（与「修改资料」区分） */
.uc-grid__ico--shopbase {
  background-color: #e8eaf6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235c6bc0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5a2 2 0 012-2h2a2 2 0 012 2'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12h6M9 16h6'/%3E%3C/svg%3E");
}
.uc-grid__ico--heart {
  background-color: #fce4ec;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e91e63'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z'/%3E%3C/svg%3E");
}
.uc-grid__ico--hist {
  background-color: #e0f2f1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23009688'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
}
.uc-grid__ico--phone {
  background-color: #e8f5e9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234caf50'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E");
}
.uc-grid__ico--partner {
  background-color: #fff3e0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f57c00'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z'/%3E%3C/svg%3E");
}
.uc-grid__ico--kf {
  background-color: #e0f7fa;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300bcd4'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-4a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z'/%3E%3C/svg%3E");
}
.uc-grid__ico--net {
  background-color: #e8eaf6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235c6bc0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9'/%3E%3C/svg%3E");
}
.uc-grid__ico--inbox {
  background-color: #e3f2fd;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231976d2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 13V7a2 2 0 00-2-2H6a2 2 0 00-2 2v6m16 0v4a2 2 0 01-2 2H8m12 0v-4M4 13v4a2 2 0 002 2h2m-4-6h16'/%3E%3C/svg%3E");
}
.uc-grid__ico--cv {
  background-color: #f3e5f5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239c27b0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'/%3E%3C/svg%3E");
}
.uc-grid__ico--ok {
  background-color: #e8f5e9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234caf50'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
}
/* 会员宫格 · 认证中心（盾牌勾，与认证页风格一致） */
.uc-grid__ico--cert {
  background-color: #eef2ff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234338ca' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 8.5-7 9.5-4-1-7-5-7-9.5V6l7-3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
}
.ma-html.red .uc-grid__ico--cert {
  background-color: #ffebee;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23c62828' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 8.5-7 9.5-4-1-7-5-7-9.5V6l7-3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
}
.ma-html.orange .uc-grid__ico--cert {
  background-color: #fff3e0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e65100' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 8.5-7 9.5-4-1-7-5-7-9.5V6l7-3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
}
.ma-html.blue .uc-grid__ico--cert {
  background-color: #e3f2fd;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231568d6' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 8.5-7 9.5-4-1-7-5-7-9.5V6l7-3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
}
.ma-html.green .uc-grid__ico--cert {
  background-color: #e8f5e9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232e7d32' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 8.5-7 9.5-4-1-7-5-7-9.5V6l7-3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
}
.uc-grid__ico--coin {
  background-color: #fff8e1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f9a825' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9h14'/%3E%3Cpath d='M15 6l3 3-3 3'/%3E%3Cpath d='M19 15H5'/%3E%3Cpath d='M9 18l-3-3 3-3'/%3E%3C/svg%3E");
}
.ma-html.red .uc-grid__ico--coin { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e53935' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9h14'/%3E%3Cpath d='M15 6l3 3-3 3'/%3E%3Cpath d='M19 15H5'/%3E%3Cpath d='M9 18l-3-3 3-3'/%3E%3C/svg%3E"); background-color: #ffebee; }
.ma-html.orange .uc-grid__ico--coin { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f57c00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9h14'/%3E%3Cpath d='M15 6l3 3-3 3'/%3E%3Cpath d='M19 15H5'/%3E%3Cpath d='M9 18l-3-3 3-3'/%3E%3C/svg%3E"); background-color: #fff3e0; }
.ma-html.blue .uc-grid__ico--coin { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e88e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9h14'/%3E%3Cpath d='M15 6l3 3-3 3'/%3E%3Cpath d='M19 15H5'/%3E%3Cpath d='M9 18l-3-3 3-3'/%3E%3C/svg%3E"); background-color: #e3f2fd; }
.ma-html.green .uc-grid__ico--coin { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2343a047' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9h14'/%3E%3Cpath d='M15 6l3 3-3 3'/%3E%3Cpath d='M19 15H5'/%3E%3Cpath d='M9 18l-3-3 3-3'/%3E%3C/svg%3E"); background-color: #e8f5e9; }
.uc-grid__ico--pic {
  background-color: #f3e5f5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239c27b0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z'/%3E%3C/svg%3E");
}
.uc-grid__ico--lock {
  background-color: #f5f5f5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z'/%3E%3C/svg%3E");
}
.uc-grid__ico--warn {
  background-color: #ffebee;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f44336'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z'/%3E%3C/svg%3E");
}
.uc-grid__ico--out {
  background-color: #fafafa;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1'/%3E%3C/svg%3E");
}

/* 卡片 / 域名 / 等级 / 公告 */
.uc-card {
  background: var(--uc-card);
  border-radius: 12px;
  border: 1px solid var(--uc-line);
  overflow: hidden;
}
.uc-card__hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 14px 8px;
}
.uc-card__t { font-size: 15px; font-weight: 600; color: var(--uc-text); }
.uc-card__more {
  font-size: 13px;
  color: var(--uc-sub);
  text-decoration: none;
}
.uc-domain {
  padding: 0 14px 14px;
  font-size: 14px;
  color: var(--uc-sub);
  line-height: 1.5;
  word-break: break-all;
}
.uc-domain a { color: var(--uc-brand); font-weight: 500; text-decoration: none; }

/* 会员等级对照表：首列固定；n 档时 n+1 列始终铺满容器。仅当 n>3 时按「对比项+3 档」单档宽算 min-width 横向滑 */
.uc-level-matrix {
  --lm-label-w: 108px;
  --lm-pad: 24px;
  /* 无 cqi 时回退：单档参考宽（一屏摆 3 个等级列时的宽度） */
  --lm-slot: calc((100vw - var(--lm-pad) - var(--lm-label-w)) / 3);
  --uc-lm-n: 1;
  margin: 0;
  padding: 0 0 4px;
}
.uc-level-matrix__scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 10px;
  padding-right: max(4px, env(safe-area-inset-right, 0px));
  margin: 0 -2px;
  border-radius: 14px;
  border: 1px solid var(--uc-line);
  background: var(--uc-card);
  container-type: inline-size;
  container-name: uc-lm;
}
@supports (width: 1cqi) {
  .uc-level-matrix__scroll {
    --lm-slot: calc((100cqi - var(--lm-label-w)) / 3);
  }
}
.uc-level-matrix__table {
  --lm-tab-min: calc(var(--lm-label-w) + var(--uc-lm-n) * var(--lm-slot));
  table-layout: fixed;
  width: 100%;
  min-width: max(100%, var(--lm-tab-min));
  border-collapse: separate;
  border-spacing: 0;
  font-size: 15px;
  line-height: 1.45;
  color: var(--uc-text);
}
.uc-level-matrix__table thead th,
.uc-level-matrix__table tbody td,
.uc-level-matrix__table tbody th {
  padding: 13px 8px;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid var(--uc-line);
  border-right: 1px solid var(--uc-line);
  font-weight: 500;
  box-sizing: border-box;
}
/* 前 n-1 个等级列等分；最后一列 width:auto 吃掉取整余量，避免右侧留缝 */
.uc-level-matrix__table thead tr:first-child th.uc-level-matrix__tier:not(:last-child),
.uc-level-matrix__subhd th:not(.uc-level-matrix__corner):not(:last-child),
.uc-level-matrix__table tbody tr:not(.uc-level-matrix__group) td:not(:last-child) {
  width: calc((100% - var(--lm-label-w)) / var(--uc-lm-n));
  min-width: 0;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.uc-level-matrix__table thead tr:first-child th.uc-level-matrix__tier:last-child,
.uc-level-matrix__subhd th:not(.uc-level-matrix__corner):last-child,
.uc-level-matrix__table tbody tr:not(.uc-level-matrix__group) td:last-child {
  width: auto;
  min-width: 0;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.uc-level-matrix__table thead th:last-child,
.uc-level-matrix__table tbody tr:not(.uc-level-matrix__group) td:last-child {
  border-right: none;
}
.uc-level-matrix__corner,
.uc-level-matrix__label {
  position: sticky;
  left: 0;
  z-index: 2;
  width: var(--lm-label-w) !important;
  min-width: var(--lm-label-w) !important;
  max-width: var(--lm-label-w) !important;
  text-align: left !important;
  padding-left: 14px !important;
  padding-right: 8px !important;
  background: var(--uc-card);
  font-weight: 600;
  color: var(--uc-sub);
  font-size: 14px;
}
.uc-level-matrix__table thead .uc-level-matrix__corner {
  z-index: 3;
  vertical-align: bottom;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: var(--uc-sub);
  background: var(--uc-card);
}
.uc-level-matrix__tier {
  font-size: 15px;
  font-weight: 800;
  color: var(--uc-text);
  line-height: 1.35;
  letter-spacing: -0.02em;
  word-break: break-word;
  hyphens: auto;
  background: var(--uc-card);
}
.uc-level-matrix__tier--current {
  color: var(--uc-brand);
  background: var(--uc-brand-soft);
}
.uc-level-matrix__subhd th {
  padding-top: 8px;
  padding-bottom: 14px;
  font-weight: 600;
  border-bottom: 1px solid var(--uc-line);
  background: var(--uc-card);
}
.uc-level-matrix__subhd .uc-level-matrix__corner {
  background: var(--uc-card);
}
.uc-level-matrix__subhd .uc-level-matrix__tier--current {
  background: var(--uc-brand-soft);
}
.uc-level-matrix__tag {
  display: inline-block;
  padding: 5px 11px;
  font-size: 13px;
  font-weight: 700;
  color: var(--uc-brand);
  background: #fff;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.06);
}
.uc-level-matrix__up {
  display: inline-block;
  padding: 6px 13px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: var(--uc-brand);
  border-radius: 999px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.uc-level-matrix__group td {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 12px 14px 11px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
  text-align: left;
  color: var(--uc-sub);
  background: var(--uc-card);
  border-right: none;
  border-top: 1px solid var(--uc-line);
  border-bottom: 1px solid var(--uc-line);
}
.uc-level-matrix__val {
  font-weight: 700;
  color: var(--uc-brand);
  font-variant-numeric: tabular-nums;
}
.uc-level-matrix__cell--current {
  background: var(--uc-brand-soft);
}
tbody tr:last-child td,
tbody tr:last-child th {
  border-bottom: none;
}
.uc-lev-x {
  color: var(--uc-sub);
  font-size: 15px;
  font-weight: 500;
}
.uc-lev-ok {
  color: #2e7d32;
  font-weight: 700;
  font-size: 15px;
}

.uc-news__item {
  display: block;
  padding: 14px 14px;
  border-bottom: 1px solid var(--uc-line);
  text-decoration: none;
  color: var(--uc-text);
  font-size: 14px;
}
.uc-news__item:last-child { border-bottom: none; }
.uc-news__time {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: var(--uc-sub);
}

/* ========== 商品 / 订单 / 相册 / 置顶页（扁平列表与表单） ========== */
.uc-grid--flat.uc-grid--shop {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.uc-grid--flat.uc-grid--shop.uc-grid--shop--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.uc-grid--flat.uc-grid--shop.uc-grid--shop--6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.ma-mod-card__t {
  font-size: 15px;
  font-weight: 600;
  color: #1c1c1e;
  letter-spacing: -0.2px;
}
.ma-mod-control--suffix {
  display: flex;
  align-items: stretch;
  gap: 0;
}
.ma-mod-control--suffix input {
  flex: 1;
  min-width: 0;
  border-radius: 10px 0 0 10px !important;
  border-right: none !important;
}
.ma-mod-suffix {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 600;
  color: #636366;
  background: #f2f2f7;
  border: 1px solid #e8e8e8;
  border-left: none;
  border-radius: 0 10px 10px 0;
}
.ma-chip-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 2px;
}
.ma-chip-row--wrap {
  flex-wrap: wrap;
  overflow: visible;
}
.ma-chip--radio input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.ma-chip.ma-chip--radio {
  position: relative;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fafafa;
  color: #3a3a3c;
  font-weight: 500;
  margin: 0;
}
.ma-chip.ma-chip--radio input:checked + span {
  color: var(--ma-primary);
  font-weight: 600;
}
/* 与会员单页一致：仅依赖 .ma-goods-form-page 的左右 var(--ma-side-gap)，卡片不再二次缩进 */
.ma-goods-form .ma-mod-card {
  margin: 0 0 14px;
}
.ma-goods-form .ma-mod-card--goods-first {
  margin-top: 0;
}
.ma-goods-media__stage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ma-goods-curimg {
  margin: 0;
  text-align: center;
}
.ma-goods-curimg img {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: 220px;
  margin: 0 auto;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  object-fit: contain;
  background: linear-gradient(145deg, #f5f6f8 0%, #fafafa 100%);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}
.ma-goods-upload {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
}
.ma-goods-upload--hero {
  flex-direction: column;
}
.ma-goods-upload input[type="file"] {
  position: absolute;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}
.ma-goods-upload__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 128px;
  padding: 20px 16px;
  margin: 0;
  font: inherit;
  color: inherit;
  background: linear-gradient(165deg, rgba(250, 251, 252, 0.95) 0%, #fff 48%, #fff 100%);
  border: 2px dashed rgba(0, 0, 0, 0.1);
  border-radius: 14px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 2px 10px rgba(0, 0, 0, 0.04);
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}
.ma-goods-upload__btn:active {
  background: var(--ma-primary-soft, rgba(229, 57, 53, 0.07));
  border-color: rgba(0, 0, 0, 0.14);
}
.ma-goods-upload__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 280px;
  text-align: center;
  pointer-events: none;
}
.ma-goods-upload__ico {
  flex-shrink: 0;
  color: var(--ma-primary);
  opacity: 0.5;
}
.ma-goods-upload__main {
  font-size: 16px;
  font-weight: 600;
  color: #1c1c1e;
  letter-spacing: -0.2px;
  line-height: 1.3;
}
.ma-goods-upload__types {
  font-size: 12px;
  font-weight: 400;
  color: #8e8e93;
  line-height: 1.35;
}
/* 已有主图：上传区改为紧凑横排 */
.ma-goods-media__stage--hasimg .ma-goods-upload__btn {
  min-height: 54px;
  padding: 12px 16px;
}
.ma-goods-media__stage--hasimg .ma-goods-upload__inner {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: none;
  gap: 10px 14px;
}
.ma-goods-media__stage--hasimg .ma-goods-upload__ico {
  width: 28px;
  height: 28px;
}
.ma-goods-media__stage--hasimg .ma-goods-upload__main {
  font-size: 15px;
}
.ma-goods-media__stage--hasimg .ma-goods-upload__types {
  width: 100%;
  text-align: center;
  order: 3;
}
.ma-goods-upload-hint {
  margin-top: 12px;
  padding: 0 2px;
  text-align: center;
}
.ma-goods-form-submit {
  margin: 6px 0 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.ma-goods-form-submit--sticky {
  position: sticky;
  bottom: 0;
  z-index: 4;
  margin-top: 8px;
  padding-top: 14px !important;
  padding-bottom: max(14px, env(safe-area-inset-bottom, 0px)) !important;
  background: linear-gradient(180deg, rgba(242, 243, 245, 0) 0%, #f2f3f5 28%, #f2f3f5 100%);
}
.ma-goods-form-submit--sticky .ma-btn {
  min-height: 48px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 12px;
  box-shadow: 0 4px 14px var(--ma-glow, rgba(229, 57, 53, 0.22));
}

/* ---------- 发布/编辑商品 · 表单控件与分区细节（与 var(--ma-side-gap) 对齐） ---------- */
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-card__hd {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 14px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-card__hd::before {
  content: '';
  width: 3px;
  height: 14px;
  border-radius: 3px;
  background: var(--ma-primary);
  flex-shrink: 0;
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-card__bd {
  padding-top: 2px;
  padding-bottom: 4px;
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-field {
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-label {
  font-size: 14px;
  font-weight: 500;
  color: #3a3a3c;
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-control input[type='text'],
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-control input[type='password'],
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-control input[type='number'],
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-control input[type='tel'],
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-control input[type='email'],
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-control input[type='url'],
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-control input[type='search'] {
  min-height: 48px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid #e5e5ea;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  color: #1c1c1e;
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-control input:focus-visible {
  outline: none;
  border-color: #d0d0d5;
  box-shadow: 0 0 0 3px var(--ma-primary-soft, rgba(229, 57, 53, 0.18));
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-select select {
  min-height: 48px;
  padding: 12px 36px 12px 14px;
  border-radius: 12px;
  border: 1px solid #e5e5ea;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 12 12'%3E%3Cpath fill='%2363666b' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  font-size: 15px;
  color: #1c1c1e;
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-select select:focus-visible {
  outline: none;
  border-color: #d0d0d5;
  box-shadow: 0 0 0 3px var(--ma-primary-soft, rgba(229, 57, 53, 0.18));
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-control--suffix input {
  border-radius: 12px 0 0 12px !important;
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-suffix {
  min-height: 48px;
  padding: 0 14px;
  border-radius: 0 12px 12px 0;
  font-weight: 600;
  background: #f2f2f7;
  border-color: #e5e5ea;
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-chip-row--goods {
  gap: 10px;
  padding-bottom: 0;
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-chip.ma-chip--radio {
  padding: 10px 20px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-chip.ma-chip--radio input:checked + span {
  color: var(--ma-primary);
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-chip.ma-chip--radio:has(input:checked) {
  border-color: var(--ma-primary);
  background: var(--ma-primary-soft, rgba(229, 57, 53, 0.1));
  box-shadow: none;
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-chip.ma-chip--check {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 8px 8px 0;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  color: #3a3a3c;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-chip.ma-chip--check input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-chip.ma-chip--check input:checked + span {
  color: var(--ma-primary);
  font-weight: 600;
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-chip.ma-chip--check:has(input:checked) {
  border-color: var(--ma-primary);
  background: var(--ma-primary-soft, rgba(229, 57, 53, 0.1));
  box-shadow: none;
}
.ma-mod-card__t--req::before {
  content: '*';
  color: var(--ma-primary);
  font-weight: 700;
  margin-right: 2px;
  vertical-align: 0.06em;
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-card--goods-first .ma-mod-card__bd {
  padding-top: 4px;
  padding-bottom: 8px;
  padding-left: var(--ma-side-gap, 14px);
  padding-right: var(--ma-side-gap, 14px);
  box-sizing: border-box;
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-mod-card--goods-media .ma-goods-upload {
  padding: 0;
}
.ma-main .ma-goods-form-page .ma-goods-form--pro .ma-meditor {
  border-radius: 12px;
  border-color: #e5e5ea;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.ma-goods-page {
  padding-top: 4px;
}
/* 会员中心 · 二级选项卡：无外包轨道；小圆角；未选=浅底+主题色描边，选中=主题实底+白字 */
.ma-member-subtabs.ma-tabs.ma-tabs--flat {
  margin: 0 var(--ma-side-gap, 14px) 12px;
  padding: 0;
  gap: 12px;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}
.ma-member-subtabs.ma-tabs.ma-tabs--flat > a {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8px 12px;
  min-height: 36px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'PingFang SC', sans-serif;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: var(--ma-primary-dark);
  background: var(--ma-primary-soft);
  border: 1px solid var(--ma-primary);
  box-shadow: none;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition:
    color 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.15s ease;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
}
.ma-member-subtabs.ma-tabs.ma-tabs--flat > a.ma-tabs__on {
  z-index: 1;
  color: #fff;
  font-weight: 600;
  background: var(--ma-primary);
  border-color: transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.ma-member-subtabs.ma-tabs.ma-tabs--flat > a:not(.ma-tabs__on):active {
  transform: scale(0.98);
  opacity: 0.92;
}
.ma-member-subtabs.ma-tabs.ma-tabs--flat > a.ma-tabs__on:active {
  transform: scale(0.98);
  filter: brightness(0.97);
}
.ma-member-subtabs.ma-tabs.ma-tabs--flat > a .ma-tabs__lab {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 多段横滑：无轨道，项间留白 */
.ma-member-subtabs--scroll.ma-tabs.ma-tabs--flat {
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 10px;
  padding: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.ma-member-subtabs--scroll.ma-tabs.ma-tabs--flat::-webkit-scrollbar {
  display: none;
}
.ma-member-subtabs--scroll.ma-tabs.ma-tabs--flat > a {
  flex: 0 0 auto;
  min-width: 72px;
  max-width: 10em;
  padding-left: 12px;
  padding-right: 12px;
}
.ma-member-subtabs--scroll.ma-tabs.ma-tabs--flat > a .ma-tabs__lab {
  max-width: 7em;
}
.ma-list-pro--docu .ma-docu-post__cover img {
  object-fit: cover;
}
.ma-list-pro--docu .ma-docu-post__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.35;
  color: #8e8e93;
}
.ma-list-pro--docu .ma-docu-post__date {
  font-variant-numeric: tabular-nums;
  color: #aeaeb2;
}
.ma-list-pro--docu .ma-docu-post .ma-post__tag {
  margin: 0;
  vertical-align: baseline;
}
.ma-list-pro--docu .ma-docu-post--no-cover .ma-post__main {
  min-width: 0;
}
.ma-docu-typename {
  display: block;
  padding: 10px 0 2px;
  font-size: 15px;
  font-weight: 500;
  color: #1c1c1e;
}
.ma-main .ma-goods-form-page .ma-docu-form.ma-goods-form--pro .ma-docu-card--media .ma-mod-card__bd {
  padding-left: var(--ma-side-gap, 14px);
  padding-right: var(--ma-side-gap, 14px);
  box-sizing: border-box;
}
.ma-main .ma-goods-form-page .ma-docu-form.ma-goods-form--pro .ma-docu-card--media .ma-goods-upload {
  padding: 0;
}
.ma-goods-list {
  list-style: none;
  margin: 0;
  padding: 0 14px 8px;
}
.ma-goods-card {
  display: flex;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.ma-goods-card:last-child {
  border-bottom: none;
}
.ma-goods-card__media {
  flex: 0 0 88px;
  width: 88px;
  height: 88px;
  border-radius: 12px;
  overflow: hidden;
  background: #f2f2f7;
  align-self: flex-start;
}
.ma-goods-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ma-goods-card__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ma-goods-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.ma-goods-card__title {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  color: #1c1c1e;
}
.ma-goods-card__title a {
  color: inherit;
  text-decoration: none;
}
.ma-goods-badge {
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 999px;
  line-height: 1.2;
}
.ma-goods-badge--on {
  background: rgba(46, 125, 50, 0.12);
  color: #2e7d32;
}
.ma-goods-badge--off {
  background: rgba(0, 0, 0, 0.06);
  color: #636366;
}
.ma-goods-badge--wait {
  background: rgba(245, 124, 0, 0.12);
  color: #e65100;
}
.ma-goods-card__price {
  margin: 0;
  font-size: 13px;
  color: #8e8e93;
}
.ma-goods-card__now {
  font-size: 17px;
  font-weight: 700;
  color: #c62828;
  margin-right: 8px;
  font-variant-numeric: tabular-nums;
}
.ma-goods-card__old {
  text-decoration: line-through;
  font-variant-numeric: tabular-nums;
}
.ma-goods-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}
.ma-goods-act {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  color: #3a3a3c;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ma-goods-act:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.ma-goods-act--up {
  border-color: rgba(46, 125, 50, 0.35);
  color: #2e7d32;
  background: rgba(46, 125, 50, 0.06);
}
.ma-goods-act--down {
  border-color: rgba(99, 99, 102, 0.35);
  color: #636366;
}
.ma-goods-act--edit {
  border-color: rgba(37, 99, 235, 0.35);
  color: var(--ma-primary);
  background: rgba(37, 99, 235, 0.06);
}
.ma-goods-empty {
  margin: 32px 24px;
  padding: 28px 20px;
  text-align: center;
  background: #fafafa;
  border-radius: 16px;
  border: 1px dashed rgba(0, 0, 0, 0.08);
}
.ma-goods-empty__t {
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 600;
  color: #1c1c1e;
}
.ma-goods-empty__d {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.5;
  color: #8e8e93;
}
.ma-goods-empty__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 22px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background: var(--ma-primary);
  border-radius: 12px;
  text-decoration: none;
}
.ma-goods-pager {
  padding: 4px 14px 16px;
}
/* ---------- 商品订单（商家） ---------- */
.ma-goodsorder-pro {
  padding: 0 0 28px;
  margin: 0;
  background: linear-gradient(180deg, #f8f9fb 0%, #f2f2f7 30%, #f2f2f7 100%);
}
.ma-goodsorder-pro__hero {
  margin: 0 14px 14px;
  padding: 20px 18px 18px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(60, 60, 67, 0.1);
  box-shadow: 0 4px 22px rgba(0, 0, 0, 0.06);
}
.ma-goodsorder-pro__eyebrow {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8e8e93;
}
.ma-goodsorder-pro__title {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #1c1c1e;
  line-height: 1.2;
}
.ma-goodsorder-pro__desc {
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.55;
  color: #636366;
}
.ma-goodsorder-pro__stat {
  margin: 0;
  font-size: 12px;
  color: #8e8e93;
}
.ma-goodsorder-pro__stat strong {
  color: #1c1c1e;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.ma-goodsorder-pro__list {
  list-style: none;
  margin: 0;
  padding: 0 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ma-goodsorder-card {
  background: #fff;
  border-radius: 16px;
  border: 1px solid rgba(60, 60, 67, 0.1);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.ma-goodsorder-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background: #fff;
}
.ma-goodsorder-card__time {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #8e8e93;
  font-variant-numeric: tabular-nums;
}
.ma-goodsorder-card__time svg {
  flex-shrink: 0;
  opacity: 0.75;
}
.ma-goodsorder-card__no {
  font-size: 12px;
  font-weight: 700;
  color: #636366;
  font-variant-numeric: tabular-nums;
  padding: 4px 10px;
  border-radius: 999px;
  background: #f2f2f7;
}
.ma-goodsorder-card__product {
  display: flex;
  gap: 12px;
  padding: 14px;
  align-items: center;
}
.ma-goodsorder-card__thumb {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 12px;
  overflow: hidden;
  background: #f2f2f7;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-tap-highlight-color: transparent;
}
.ma-goodsorder-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ma-goodsorder-card__pinfo {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.ma-goodsorder-card__name {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  color: #1c1c1e;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ma-goodsorder-card__name:active {
  opacity: 0.85;
}
.ma-goodsorder-card__qty {
  font-size: 13px;
  font-weight: 600;
  color: #636366;
  background: #f2f2f7;
  padding: 4px 10px;
  border-radius: 8px;
  font-variant-numeric: tabular-nums;
}
.ma-goodsorder-card__buyer {
  padding: 0 14px 14px;
}
.ma-goodsorder-card__buyer-title {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8e8e93;
}
.ma-goodsorder-kv {
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 12px;
  background: #f7f8fa;
  border: 1px solid rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.ma-goodsorder-kv__row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 6px 10px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.ma-goodsorder-kv__row:last-child {
  border-bottom: none;
}
.ma-goodsorder-kv__row--multiline .ma-goodsorder-kv__val {
  flex-basis: 100%;
  margin-left: 28px;
}
.ma-goodsorder-kv__ico {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8e8e93;
}
.ma-goodsorder-kv__lab {
  flex: 0 0 auto;
  min-width: 3em;
  font-size: 12px;
  font-weight: 600;
  color: #8e8e93;
}
.ma-goodsorder-kv__val {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
  color: #3a3a3c;
  line-height: 1.45;
  word-break: break-word;
}
.ma-goodsorder-kv__val a {
  color: var(--ma-primary);
  text-decoration: none;
  font-weight: 600;
}
/* 订单卡操作条：与「我的发布」同款 ma-post__toolbar--simple */
.ma-goodsorder-card__toolbar.ma-post__toolbar--simple {
  padding-top: 6px;
  padding-bottom: 6px;
}
.ma-goodsorder-pro__empty {
  margin: 8px 14px 0;
  padding: 36px 22px 32px;
  text-align: center;
  background: #fff;
  border-radius: 16px;
  border: 1px dashed rgba(60, 60, 67, 0.14);
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.04);
}
.ma-goodsorder-pro__empty-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  margin: 0 auto 16px;
  border-radius: 20px;
  background: #f2f2f7;
  color: #8e8e93;
}
.ma-goodsorder-pro__empty-t {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: #1c1c1e;
  letter-spacing: -0.02em;
}
.ma-goodsorder-pro__empty-d {
  margin: 0 0 22px;
  font-size: 14px;
  line-height: 1.55;
  color: #8e8e93;
}
.ma-goodsorder-pro__empty-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 24px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background: var(--ma-primary);
  border-radius: 12px;
  text-decoration: none;
  box-shadow: 0 6px 18px var(--ma-glow);
}
/* ---------- 店铺相册（列表 + 上传）简洁版 ---------- */
.ma-album-page {
  padding: 8px 0 24px;
  margin: 0;
  background: transparent;
}
.ma-album-page__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 0 14px 8px;
}
.ma-album-tile {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(60, 60, 67, 0.1);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);
}
.ma-album-tile__media {
  position: relative;
  display: block;
  aspect-ratio: 1;
  background: linear-gradient(145deg, #eceff1 0%, #f5f5f7 100%);
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}
.ma-album-tile__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}
.ma-album-tile__media:active img {
  transform: scale(1.04);
}
.ma-album-tile__shine {
  pointer-events: none;
  position: absolute;
  inset: 0;
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.35) 0%, transparent 42%, transparent 100%);
  opacity: 0.9;
}
.ma-album-tile__body {
  padding: 8px 10px 6px;
}
.ma-album-tile__title {
  margin: 0;
  /* 勿设 min-height：单行标题否则会预留「第二行」空白，与操作条间距过大 */
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  color: #1c1c1e;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ma-album-tile__untitled {
  color: #aeaeb2;
  font-weight: 500;
}
/* 与「我的发布」同款操作条；网格小卡收紧上下内边距，避免标题区与按钮区视觉断层过大 */
.ma-album-tile .ma-post__toolbar.ma-post__toolbar--simple.ma-album-tile__toolbar {
  padding: 4px 0;
  border-top-color: rgba(0, 0, 0, 0.06);
  background: #f7f8fa;
}
.ma-album-tile .ma-post__toolbar.ma-post__toolbar--simple.ma-album-tile__toolbar .ma-post__act {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ma-album-page__pager {
  padding: 8px 14px 0;
}
.ma-album-page__empty {
  margin: 12px 14px 0;
  padding: 28px 20px 24px;
  text-align: center;
  background: #fff;
  border-radius: 14px;
  border: 1px solid rgba(60, 60, 67, 0.1);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}
.ma-album-page__empty-t {
  margin: 0 0 16px;
  font-size: 15px;
  font-weight: 600;
  color: #636366;
}
.ma-album-page__empty-btn {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
/* 机构相册上传：与商品主图分区一致；内容区加大内边距，虚线框与卡片边缘留白 */
.ma-main .ma-album-up-page .ma-goods-form--pro .ma-album-up-card--media .ma-mod-card__bd {
  padding: 20px 20px 18px;
  box-sizing: border-box;
}
.ma-album-up-page .ma-album-up-cur-caption {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 600;
  color: #8e8e93;
  text-align: center;
  letter-spacing: 0.02em;
}
.ma-main .ma-album-up-page .ma-album-up-card--media .ma-goods-upload__btn {
  border-width: 1px;
  border-style: dashed;
  border-color: #ccc;
  border-radius: 10px;
  background: #fff;
  box-shadow: none;
  min-height: 132px;
}
.ma-main .ma-album-up-page .ma-album-up-card--media .ma-goods-upload__btn:active {
  background: #fafafa;
  border-color: #bfbfbf;
}
.ma-album-drop {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 152px;
  padding: 20px 16px;
  border-radius: 14px;
  border: 2px dashed rgba(60, 60, 67, 0.16);
  background: linear-gradient(180deg, #fafbfc 0%, #f4f5f7 100%);
  cursor: pointer;
  text-align: center;
  transition: border-color 0.2s ease, background 0.2s ease;
  position: relative;
  -webkit-tap-highlight-color: transparent;
}
.ma-album-drop:hover,
.ma-album-drop:focus-within {
  border-color: rgba(37, 99, 235, 0.45);
  background: var(--ma-primary-soft);
}
.ma-album-drop--has-file {
  border-style: solid;
  border-color: rgba(37, 99, 235, 0.35);
  background: #fff;
}
.ma-album-drop input[type='file'] {
  position: absolute;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}
.ma-album-drop__icon {
  display: flex;
  margin-bottom: 10px;
  color: var(--ma-primary);
  opacity: 0.85;
}
.ma-album-drop__title {
  font-size: 15px;
  font-weight: 700;
  color: #1c1c1e;
  margin-bottom: 4px;
}
.ma-album-drop__sub {
  font-size: 12px;
  color: #8e8e93;
}
.ma-album-drop__hint {
  display: block;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #8e8e93;
  max-width: 260px;
}
.ma-album-drop__fname {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 600;
  color: var(--ma-primary-dark);
  word-break: break-all;
  max-width: 100%;
  padding: 0 8px;
}
/* 相册上传区：虚线框 + 中性图标；flex gap 保证上下左右视觉均衡 */
.ma-album-drop.ma-album-drop--elegant {
  min-height: 128px;
  padding: 20px;
  gap: 8px;
  border: 2px dashed rgba(60, 60, 67, 0.18);
  border-radius: 16px;
  background: #fafafa;
  box-shadow: none;
  box-sizing: border-box;
}
.ma-album-drop.ma-album-drop--elegant:hover,
.ma-album-drop.ma-album-drop--elegant:focus-within {
  border-color: rgba(60, 60, 67, 0.28);
  background: #f5f5f7;
}
.ma-album-drop.ma-album-drop--elegant.ma-album-drop--has-file {
  border-style: dashed;
  border-color: rgba(60, 60, 67, 0.32);
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}
.ma-album-drop.ma-album-drop--elegant .ma-album-drop__icon {
  margin: 0;
  color: #636366;
  opacity: 1;
}
.ma-album-drop.ma-album-drop--elegant .ma-album-drop__title {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin: 0;
}
.ma-album-drop.ma-album-drop--elegant .ma-album-drop__fname {
  color: #3a3a3c;
  margin: 0;
}
.ma-album-up-preview {
  margin-top: 12px;
  padding: 12px;
  border-radius: 14px;
  background: #f7f7f8;
  border: 1px solid rgba(60, 60, 67, 0.08);
  box-sizing: border-box;
}
.ma-album-up-preview__lab {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  color: #8e8e93;
}
.ma-album-up-preview img {
  width: 100%;
  max-height: 200px;
  object-fit: contain;
  border-radius: 8px;
  background: #fff;
  border: 1px solid rgba(60, 60, 67, 0.08);
  display: block;
  padding: 8px;
  box-sizing: border-box;
}
/* 机构文章（docu）页：抽离模板内联样式，统一复用 */
.docu-list-wrap {
  padding: 0 14px 15px;
}
.docu-add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 12px 0;
  padding: 12px 16px;
  background: var(--ma-primary);
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  font-size: 15px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.docu-list-card {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  border: 1px solid #eee;
}
.docu-list-card .card-inner {
  padding: 12px;
}
.docu-list-card .card-body h3 {
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 500;
}
.docu-list-card .card-body h3 a {
  color: #333;
  text-decoration: none;
}
.docu-list-card .card-meta {
  font-size: 13px;
  color: #999;
  margin-bottom: 10px;
}
.docu-list-card .card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 8px;
  border-top: 1px solid #f0f0f0;
}
.docu-list-card .btn-edit {
  display: inline-block;
  padding: 6px 14px;
  background: var(--ma-primary);
  color: #fff;
  font-size: 13px;
  border-radius: 6px;
  text-decoration: none;
}
.docu-list-card .btn-del {
  display: inline-block;
  padding: 6px 14px;
  background: #fff;
  color: #999;
  font-size: 13px;
  border-radius: 6px;
  text-decoration: none;
  border: 1px solid #ddd;
}
.docu-list-wrap .pager {
  margin-top: 4px;
  padding: 12px 14px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #eee;
  text-align: center;
  font-size: 13px;
  color: #666;
}
.docu-list-wrap .pager a {
  color: var(--ma-primary);
}
.docu-list-wrap .pager .pageno.pagecur {
  background: var(--ma-primary);
  color: #fff;
}

/* ---------- 用户中心列表页统一风格（商品/订单/评论/文章） ---------- */
.ma-list-pro {
  --ma-list-card-radius: 16px;
  --ma-list-card-bd: 1px solid rgba(60, 60, 67, 0.1);
  --ma-list-card-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
}
.ma-list-pro .ma-goods-list,
.ma-list-pro .ma-cmt-list,
.ma-list-pro .docu-list {
  list-style: none;
  margin: 0;
  padding: 0 14px 8px;
}
.ma-list-pro .ma-goods-card,
.ma-list-pro .ma-cmt-card,
.ma-list-pro .docu-list-card,
.ma-list-pro .ma-goodsorder-card {
  background: #fff;
  border: var(--ma-list-card-bd);
  border-radius: var(--ma-list-card-radius);
  box-shadow: var(--ma-list-card-shadow);
}

/* 商品列表 */
.ma-goods-page.ma-list-pro--goods {
  padding-top: 2px;
}
.ma-list-pro--goods .ma-goods-card {
  padding: 14px;
  margin-bottom: 12px;
  border-bottom: var(--ma-list-card-bd);
}
.ma-list-pro--goods .ma-goods-card:last-child {
  margin-bottom: 0;
}
.ma-list-pro--goods .ma-goods-card__media {
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.ma-list-pro--goods .ma-goods-act {
  min-height: 36px;
  border-radius: 999px;
}

/* 商品订单：沿用结构但收敛为统一卡片质感 */
.ma-goodsorder-pro.ma-list-pro--order {
  background: transparent;
}
.ma-list-pro--order .ma-goodsorder-pro__hero {
  border-radius: var(--ma-list-card-radius);
  border: var(--ma-list-card-bd);
  box-shadow: var(--ma-list-card-shadow);
}
.ma-list-pro--order .ma-goodsorder-card__head {
  background: #fff;
}
.ma-list-pro--order .ma-goodsorder-card__toolbar {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

/* 企业文章列表 */
.ma-list-pro--docu .docu-list-wrap {
  padding: 0 14px 15px;
}
.ma-list-pro--docu .docu-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ma-list-pro--docu .docu-add-btn {
  min-height: 46px;
  border-radius: 12px;
  box-shadow: 0 6px 18px var(--ma-glow);
}
.ma-list-pro--docu .docu-list-card {
  border-radius: var(--ma-list-card-radius);
  border: var(--ma-list-card-bd);
  box-shadow: var(--ma-list-card-shadow);
  margin-bottom: 12px;
}
.ma-list-pro--docu .docu-list-card .btn-edit,
.ma-list-pro--docu .docu-list-card .btn-del {
  border-radius: 999px;
}

/* 收到评论 */
.ma-list-pro--comments.ma-comments-pro {
  padding: 0 0 10px;
}
.ma-list-pro--comments .ma-cmt-list {
  padding: 0 14px 8px;
}
.ma-list-pro--comments .ma-cmt-card.ma-comments-card {
  margin-bottom: 12px;
  border-radius: var(--ma-list-card-radius);
  border: var(--ma-list-card-bd);
  box-shadow: var(--ma-list-card-shadow);
}
.ma-list-pro--comments .ma-cmt-card.ma-comments-card:last-child {
  margin-bottom: 0;
}
.ma-list-pro--comments .ma-comments-card__toolbar .ma-post__act {
  border-radius: 0;
}

/* 我的商品：参照我的发布卡片布局 */
.ma-goods-page .ma-list--mypost.ma-goods-list {
  padding-left: var(--ma-side-gap);
  padding-right: var(--ma-side-gap);
  padding-bottom: 16px;
}
.ma-goods-post .ma-post__title {
  margin-bottom: 6px;
}
.ma-goods-post__meta {
  font-size: 12px;
  line-height: 1.7;
}
.ma-goods-post__price-now {
  font-size: 18px;
  font-weight: 700;
  color: #c62828;
  margin-right: 8px;
  font-variant-numeric: tabular-nums;
}
.ma-goods-post__price-old {
  color: #8e8e93;
  text-decoration: line-through;
  font-variant-numeric: tabular-nums;
}
.ma-goods-post .ma-post__toolbar--simple .ma-post__act[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
}

/* 会员功能单页：统一左右留白基线（避免各页宽窄不一） */
.ma-main .ma-banner,
.ma-main .ma-cells,
.ma-main .ma-editbase-head,
.ma-main .ma-upface-card,
.ma-main .ma-upface-hint,
.ma-main .ma-paypro-hero,
/* 认证中心 .ma-cert-hub__tip / .ma-cert-done 已在 .ma-panel 内，勿再叠一层 margin，否则比 .ma-cert-strip 更窄 */
.ma-main .ma-site-foot,
.ma-main .ma-goodsorder-pro__empty,
.ma-main .ma-comments-pro__empty,
.ma-main .ma-album-page__empty {
  margin-left: var(--ma-side-gap);
  margin-right: var(--ma-side-gap);
}
.ma-main .ma-paypro-body,
.ma-main .ma-goodsorder-pro__list,
.ma-main .ma-album-page__grid,
.ma-main .ma-album-page__pager {
  padding-left: var(--ma-side-gap);
  padding-right: var(--ma-side-gap);
}
.ma-main .docu-list-wrap {
  padding-left: var(--ma-side-gap);
  padding-right: var(--ma-side-gap);
}

/* 指定四页：我的商品 / 商品发布 / 机构文章 / 店铺相册，统一左右留白 */
.ma-main .ma-goods-page,
.ma-main .ma-goods-form-page,
.ma-main .ma-list-pro--docu,
.ma-main .ma-album-page {
  padding-left: 0;
  padding-right: 0;
}
.ma-main .ma-goods-form-page {
  padding-left: var(--ma-side-gap);
  padding-right: var(--ma-side-gap);
}
.ma-main .ma-list-pro--docu .docu-list-wrap,
.ma-main .ma-album-page__grid,
.ma-main .ma-album-page__pager,
.ma-main .ma-album-page__empty {
  margin-left: var(--ma-side-gap);
  margin-right: var(--ma-side-gap);
}
.ma-main .ma-album-page__grid,
.ma-main .ma-album-page__pager {
  padding-left: 0;
  padding-right: 0;
}
.ma-upg-page {
  padding: 8px 0 24px;
}
.ma-upg-hero.ma-mod-card {
  margin: 0 14px 12px;
}
.ma-upg-hero .ma-mod-card__bd {
  padding: 16px 14px 18px;
}
.ma-upg-kicker {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 600;
  color: #8e8e93;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ma-upg-title {
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  color: #1c1c1e;
  letter-spacing: -0.3px;
}
.ma-upg-status__lab {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #8e8e93;
  margin-bottom: 8px;
}
.ma-upg-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ma-upg-guide {
  margin: 0 14px 16px;
  padding: 14px 14px 12px;
  background: #f8f9ff;
  border: 1px solid rgba(37, 99, 235, 0.12);
  border-radius: 14px;
}
.ma-upg-guide__t {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 700;
  color: #1d4ed8;
}
.ma-upg-guide__ol {
  margin: 0;
  padding-left: 20px;
  font-size: 13px;
  line-height: 1.55;
  color: #3a3a3c;
}
.ma-upg-guide__ol li {
  margin-bottom: 6px;
}

/* 信息置顶页 v2（分段控件 + AJAX） */
.ma-up2 {
  padding: 6px 0 28px;
  max-width: 560px;
  margin: 0 auto;
}
.ma-up2-hero {
  margin: 0 14px 14px;
  padding: 18px 16px 16px;
  border-radius: 16px;
  background: linear-gradient(145deg, #f8fafc 0%, #eef2ff 100%);
  border: 1px solid rgba(99, 102, 241, 0.12);
}
.ma-up2-hero__eyebrow {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6366f1;
}
.ma-up2-hero__title {
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  color: #0f172a;
  letter-spacing: -0.3px;
}
.ma-up2-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ma-up2-pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  background: #e2e8f0;
  color: #475569;
}
.ma-up2-pill--on {
  background: rgba(99, 102, 241, 0.15);
  color: #4338ca;
}
.ma-up2-pill--muted {
  background: #f1f5f9;
  color: #94a3b8;
}
.ma-up2-card {
  margin: 0 14px 12px;
  padding: 14px 14px 16px;
  background: #fff;
  border-radius: 16px;
  border: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
}
.ma-up2-card--plain {
  box-shadow: none;
  border-color: rgba(15, 23, 42, 0.05);
}
.ma-up2-card__head {
  margin-bottom: 12px;
}
.ma-up2-card__title {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.2px;
}
.ma-up2-card__title--solo {
  margin-bottom: 12px;
}
.ma-up2-card__hint {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: #64748b;
}
.ma-up2-seg {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 4px;
  border-radius: 14px;
  background: #f1f5f9;
}
.ma-up2-seg__btn {
  margin: 0;
  padding: 10px 8px 9px;
  border: none;
  border-radius: 11px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.15s, color 0.15s, box-shadow 0.15s;
}
.ma-up2-seg__btn--on {
  background: #fff;
  color: #0f172a;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}
.ma-up2-seg__t {
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.2px;
}
.ma-up2-seg__d {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  font-weight: 500;
  color: #94a3b8;
  line-height: 1.25;
}
.ma-up2-seg__btn--on .ma-up2-seg__d {
  color: #64748b;
}
.ma-up2-wallet {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 14px 14px;
  padding: 12px 14px;
  background: #fff;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, 0.06);
}
.ma-up2-wallet__main {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #334155;
}
.ma-up2-wallet__ic {
  font-size: 18px;
  line-height: 1;
}
.ma-up2-wallet__txt strong {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #0f172a;
}
.ma-up2-wallet__link {
  font-size: 14px;
  font-weight: 600;
  color: var(--ma-primary);
  text-decoration: none;
}
.ma-up2-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.ma-up2-pack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  padding: 14px 12px 12px;
  min-height: 102px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 14px;
  background: #fafafa;
  text-align: left;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.12s, border-color 0.15s, background 0.15s;
}
.ma-up2-pack:active:not(:disabled) {
  transform: scale(0.98);
}
.ma-up2-pack:disabled {
  cursor: not-allowed;
  opacity: 0.85;
}
.ma-up2-pack--dim {
  opacity: 0.72;
  background: #f8fafc;
}
.ma-up2-pack__dur {
  font-size: 17px;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.3px;
}
.ma-up2-pack__coin {
  margin-top: 4px;
  font-size: 13px;
  color: #64748b;
  font-variant-numeric: tabular-nums;
}
.ma-up2-pack__cta {
  margin-top: auto;
  padding-top: 10px;
  font-size: 13px;
  font-weight: 600;
  color: var(--ma-primary);
}
.ma-up2-pack--dim .ma-up2-pack__cta {
  color: #c2410c;
}
.ma-up2-empty {
  grid-column: 1 / -1;
  padding: 24px 14px;
  text-align: center;
  font-size: 14px;
  color: #94a3b8;
  background: #f8fafc;
  border-radius: 14px;
  border: 1px dashed rgba(15, 23, 42, 0.1);
}
.ma-up2-blocked {
  margin: 12px 0 0;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.45;
  color: #b45309;
  background: #fffbeb;
  border-radius: 10px;
  border: 1px solid rgba(245, 158, 11, 0.25);
}
 
/* merged login.css */ 
.wrapper{background-color:#fff;}.log_reg_box{width:100%;min-width:320px;float:left;background-color:#FFFFFF;}.log_reg_box ul.tab{width:100%}.log_reg_box ul.tab li{width:50%;height:41px;text-align:center;line-height:40px;font-size:14px;color:#3e3e3e;float:left;background:-webkit-gradient(linear,0 0,0 100%,from(#f7fafc),to(#FFF))}.log_reg_box ul.tab li.curr span{border-left:1px solid #FFF;border-right:1px solid #FFF;display:block;color:#f97d03}.log_reg_box ul.tab li.curr span font{border:1px solid #fcfcfd;display:block}.log_reg_box ul.tab li.currl span{border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;-webkit-box-shadow:0 1px 1px #E9EBEC;color:#3e3e3e}.log_reg_box ul.tab li.currr span{border-left:1px solid #d3d3d3;border-right:none;border-bottom:1px solid #d3d3d3;-webkit-box-shadow:0 1px 1px #E9EBEC;color:#3e3e3e}#logRegTabCon{padding:0 10px 0}.login_intxt{border:1px solid #c0c1c2;height:42px}.login_intxtt{width:65px;font-size:15px;line-height:42px;padding-left:12px;color:#3e3e3e;float:left}.login_intxt input{width:200px;height:14px;line-height:14px;font-size:12px;color:#b6b6b6;border:none;outline:0;margin-top:14px;background:#FFF;float:left}.login_ertxt{width:100%;height:23px;display:block;font-size:11px;line-height:23px;color:#e00303}.login_ffle i{width:19px;height:16px;background-position:-55px -58px;display:block;float:left}.login_ffle i.nx_checked{background-position:-74px -58px}.log_reg_item{width:100%;padding-top:6px;float:left}.passport-login-input-ul{width:100%}.passport-login-input-ul li{border-bottom:1px solid #EFEFEF;height:42px;margin-top:10px;overflow:hidden;background:#FFF}#loginButtonLi,#mobileLoginButtonLi,#rememberLi{border:none;height:auto;margin:10px 0 0 0}#mobilevalidateli input{background:#FFF}.passport-login-input-span{width:70px;font-size:14px;line-height:42px;padding-left:12px;color:#3e3e3e;float:right}.passport-login-input{width:100%;text-indent:15px;height:42px;vertical-align:middle;font-size:14px;color:#A9A9A9;border:none;outline:0;background:#FFF;position:relative;}.passport-login-input-password{width:70%!important}.passport-login-input-mob{text-indent:15px;width:125px;float:left;height:42px;vertical-align:middle;font-size:14px;color:#b6b6b6;border:none;outline:0;background:#FFF;position:relative;}#pptvalidatecode{width:85px;height:14px;line-height:14px;font-size:12px;color:#b6b6b6;border:none;outline:0;margin-top:14px;background:#FFF;float:left}#pptvcodeImg{padding-top:5px;padding-right:6px;float:right}.login_ffle{font-size:14px;color:#7c7c7c;padding:15px 0 15px 10px;float:left}.btn_log{width:100%;height:42px;line-height:42px;color:#FFFFFF;text-align:center;overflow:hidden;border:none;-webkit-border-radius:20px;font-size:14px}.login_ff{padding:0 5px}.login_ffmain{text-align:center;margin-left:auto;margin-right:auto;height:25px;line-height:25px;margin-top:10px;}.login_ffmain a{border:1px #cdcdcd solid;border-radius:20px;padding:10px 30px;background-color:#ffffff;color:#999}#loginTip,#mobileLoginTip{color:red}#validateli a{display:none}.f12{display:none}#logRegTabCode{padding:0 10px 0}ul#pptmobileregul{padding-top:20px}ul#pptmobileregul li{border:1px solid #C0C1C2;height:42px;overflow:hidden}.passport-reg-input-span{width:85px;font-size:15px;line-height:42px;padding-left:12px;color:#3E3E3E;float:left}.passport-reg-input{width:180px;height:40px;vertical-align:middle;font-size:12px;color:#B9B9B9;border:none;outline:0;background:#FFF;position:relative;top:3px}#pptmobileregmobile_tip{width:100%;height:28px;font-size:11px;color:#e00303;display:block}ul#pptmobileregul li#mobileRegSendMobileCodeLi{border:none;text-align:center}ul#pptmobileregul li#mobileRegSendMobileCodeLi .passport-reg-input-span{display:none}.mob_yzm{width:180px;height:50px;background:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#c3caa8),color-stop(1,#c3caa8));line-height:50px;color:#fff;text-align:center;overflow:hidden;border:none;-webkit-border-radius:0}.mob_yzm_time{background:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#e0e3e5),color-stop(1,#e0e3e5));color:#3e3e3e}ul#pptmobileregul li#mobileRegSendMobileCodeLi{height:auto;text-align:center}#pptmobileresendbtn_tip{width:100%;height:15px;font-size:11px;color:#e00303;display:block}ul#pptmobileregul li#pptmobilertt{width:100%;font-size:12px;line-height:22px;color:#585858;text-align:center;padding-bottom:20px;border:none;border-bottom:1px dashed #c5c5c5}#mobileRegMobileCodeLi{margin-top:25px}#pptmobileregmobilecode_tip{width:100%;height:20px;font-size:11px;color:#e00303;display:block}ul#pptmobileregul li#mobileRegButtonLi{border:none;padding-bottom:25px}ul#pptmobileregul li#mobileRegButtonLi .passport-reg-input-span{display:none}.login_hezuo{padding:0 5px;margin-top:10px;color:#5c5c5c}.login_hezuo_mian{width:100%;margin-top:10px;margin-bottom:20px}.login_hezuo_mian ul.wxhezuo{background-color:#00C764;color:#ffffff;border-radius:20px;}.login_hezuo_mian ul.qqhezuo{border:1px #00B2FF solid;color:#00B2FF;border-radius:20px;background-color:#ffffff;}.login_hezuo_mian ul{height:22px;padding:10px 0;margin-bottom:20px;overflow:hidden}.login_hezuo_mian li{width:49%;float:left;height:24px;line-height:24px;text-align:center}.login_hezuo_mian li.bor{border-right:1px solid #bbbdc3}.login_hezuo_mian li i{width:31px;height:28px;display:inline-block;margin-right:5px;vertical-align:middle;overflow:hidden}.login_hezuo_mian li i.hzico-wx{height:28px;background:url(../images/wxhezuo.gif) no-repeat center top;}.login_hezuo_mian li i.hzico-qq{height:28px;background:url(../images/qqhezuo.gif) no-repeat center top;}.login_hezuo_mian a{width:100%;height:100%;display:inline-block;-webkit-border-radius:0}.mt10{margin-top:10px}.reg-sf{margin:5px 0 10px;overflow:hidden}.reg-sf a{width:50%;float:left;padding:10px 0;display:inline-block;color:#5c5c5c;cursor:pointer}.reg-sf a i{background:url(../images/yz-ico.png) no-repeat;background-size:18px auto;background-position:0 -132px;vertical-align:middle;margin-right:10px;width:18px;height:18px;display:inline-block;overflow:hidden}.reg-sf a.sel{color:#ff5b0a}.reg-sf a.sel i{background-position:0 -157px}#mobileLoginButtonLi.mt10{margin:20px 0 30px}.blue .btn_log{background:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#3592E2),color-stop(1,#3592E2))}.green .btn_log{background:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#42B712),color-stop(1,#42B712))}.orange .btn_log{background:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#FF7201),color-stop(1,#FF7201))}.red .btn_log{background:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#EE4341),color-stop(1,#EE4341))}.disable{display:block;margin-top:8px;float:right;margin-right:5px}.disabled{display:block;margin-top:8px;float:right;margin-right:5px}.disabled:hover{background-color:#EEE}.select_02{border-bottom:1px solid #f3F3F3;background-color:#FFF;margin:0 10px 0 10px;padding-top:10px;}.select_02 ul{display:table;width:100%}.select_02 li{display:table-cell;width:50%;text-align:center;height:40px;line-height:40px}.select_02 li a{display:block}.select_02_blue{}.select_02_blue .current{border-bottom:1px #3592E2 solid;color:#3592e2;}.select_02_green{}.select_02_green .current{border-bottom:1px #42b712 solid;color:#42B712}.select_02_orange{}.select_02_orange .current{border-bottom:1px #FF5E15 solid;color:#FF5E15}.select_02_red{}.select_02_red .current{border-bottom:1px #EE4341 solid;color:#EE4341}.getsmscode{display:block;text-align:right;border:none;margin-top:12px;float:right;background-color:#FFFFFF;}.stepp{margin:20px auto 140px auto;text-align:left}.steppp{text-align:left;margin-left:auto;margin-right:auto}.stepp div{margin-bottom:20px}.stepp h1{font-size:24px;font-family:microsoft yahei;color:green;background:url(../images/right.gif) 0 0 no-repeat;text-indent:50px;line-height:35px;margin-top:80px;margin-bottom:10px;margin-left:65px}.stepp h2{font-size:18px;font-family:microsoft yahei;color:#EE4341;background:url(../images/err.gif) 0 0 no-repeat;text-indent:75px;line-height:48px;margin-top:80px;margin-bottom:10px;margin-left:155px}.stepp .detail{font-size:14px;line-height:30px;margin-left:65px}.stepp div{font-size:14px}.stepp span.cl{float:left;display:block;width:100px;line-height:30px}.stepp span.cr{float:left;display:block;width:620px}.stepp .font{font-size:14px;font-weight:700;line-height:30px}.sec-xieyi{min-height:32px;margin-top:10px;background:#fff;margin-left:auto;margin-right:auto}.imgcoder{cursor:pointer;height:36px;float:right;border:1px #ddd solid;}

/* ========== 会员升级（与充值页同壳；字重偏轻、操作路径一句话说清） ========== */
.ma-leveluppro .ma-paypro-body {
  padding: 0 12px;
  box-sizing: border-box;
}
.ma-leveluppro-kicker {
  margin: 0 0 10px;
  padding: 0 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: #6b7280;
}
.ma-leveluppro-subhd {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 500;
  color: #374151;
  letter-spacing: 0;
}
.ma-leveluppro .ma-paypro-sku__coins {
  font-weight: 600;
}
.ma-leveluppro .ma-paypro-sku__price {
  font-weight: 400;
  color: #6b7280;
}
.ma-leveluppro-lbl {
  font-weight: 400 !important;
  color: #6b7280 !important;
}
.ma-leveluppro-cost {
  font-weight: 600 !important;
}
.ma-leveluppro-pick.ma-paypro-card--amount {
  padding-top: 10px;
}
.ma-leveluppro-level-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ma-leveluppro-level-grid > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
a.ma-leveluppro-level.ma-paypro-sku {
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
}
.ma-levelup-dur-wrap {
  position: relative;
}
/* 原生下拉仅作表单提交用，界面由档位块代替 */
select.ma-levelup-dur-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.ma-levelup-dur-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* 第二步：等级 + 时长 + 支付 合并为一张卡，层次一眼可读 */
.ma-leveluppro-confirm {
  padding: 14px 14px 16px;
}
.ma-leveluppro-confirm__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f3f4f6;
}
.ma-leveluppro-confirm__head-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.ma-leveluppro-confirm__head-k {
  font-size: 12px;
  font-weight: 400;
  color: #9ca3af;
  letter-spacing: 0.02em;
}
.ma-leveluppro-confirm__head-name {
  font-size: 17px;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.ma-leveluppro-confirm__chg {
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 500;
  color: var(--ma-primary, #e53935);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.ma-leveluppro-confirm__chg:active {
  opacity: 0.85;
}
.ma-leveluppro-confirm__block {
  padding: 14px 0 4px;
}
.ma-leveluppro-confirm__block-k {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #9ca3af;
}
.ma-leveluppro-confirm__foot {
  margin-top: 6px;
  padding-top: 14px;
  border-top: 1px solid #f3f4f6;
}
.ma-leveluppro-confirm__sum {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.ma-leveluppro-confirm__sum-l {
  font-size: 14px;
  font-weight: 400;
  color: #6b7280;
}
.ma-leveluppro-confirm__sum-r {
  display: flex;
  align-items: baseline;
  gap: 2px;
}
.ma-leveluppro-confirm__sum-num {
  font-size: 22px;
  font-weight: 700;
  color: var(--ma-primary, #e53935);
  letter-spacing: -0.02em;
  line-height: 1;
}
.ma-leveluppro-confirm__sum-unit {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
}
.ma-leveluppro-confirm__btn {
  margin-top: 0;
}

.ma-leveluppro-checkout__row {
  border-bottom: 0 !important;
  padding-bottom: 8px !important;
}
.ma-leveluppro-picked {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 2px;
}
.ma-leveluppro-picked__name {
  font-size: 16px;
  font-weight: 500;
  color: #111827;
  letter-spacing: -0.01em;
}
.ma-leveluppro-picked__chg {
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--ma-primary, #e53935);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.ma-leveluppro-picked__chg:active {
  opacity: 0.85;
}
.ma-leveluppro-empty {
  margin: 8px 0 0;
  padding: 20px 12px;
  text-align: center;
  font-size: 14px;
  color: #6b7280;
  background: #f9fafb;
  border-radius: 10px;
  border: 1px dashed #e5e7eb;
}
.ma-leveluppro-faq summary {
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  color: #374151;
  list-style: none;
  user-select: none;
}
.ma-leveluppro-faq summary::-webkit-details-marker {
  display: none;
}
.ma-leveluppro-faq__sum::after {
  content: '';
  float: right;
  width: 8px;
  height: 8px;
  margin-top: 6px;
  border-right: 2px solid #9ca3af;
  border-bottom: 2px solid #9ca3af;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}
.ma-leveluppro-faq[open] .ma-leveluppro-faq__sum::after {
  transform: rotate(-135deg);
  margin-top: 8px;
}
.ma-leveluppro-faq__bd {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #f3f4f6;
  font-size: 13px;
  line-height: 1.65;
  color: #4b5563;
}
.ma-leveluppro-faq__bd strong {
  color: #374151;
  font-weight: 600;
}
@media (max-width: 360px) {
  .ma-leveluppro-level-grid,
  .ma-levelup-dur-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* 升级页内嵌用户中心同款对照表（.uc-hub 外补全主题变量） */
.ma-leveluppro-matrix.uc-level-matrix {
  margin: 16px 0 10px;
  --uc-card: #ffffff;
  --uc-text: #1a1a1a;
  --uc-sub: #8a8a8e;
  --uc-line: rgba(0, 0, 0, 0.06);
  --uc-brand: var(--ma-primary, #e53935);
  --uc-brand-dark: var(--ma-primary-dark, #c62828);
  --uc-brand-soft: var(--ma-primary-soft, rgba(229, 57, 53, 0.1));
}
.ma-leveluppro-matrix__hd {
  padding: 0 2px 10px;
}
.ma-leveluppro-matrix__hd-t {
  font-size: 15px;
  font-weight: 500;
  color: #374151;
  letter-spacing: 0;
}

/* 会员中心 · 机构/店铺资料 · 地图标注（非小程序 WebView） */
.ma-member-map-mark {
  margin-top: 4px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  box-sizing: border-box;
}
.ma-member-map-mark__tip {
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.45;
  color: #64748b;
}
.ma-member-map-mark__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 8px 12px;
  min-height: 40px;
  border-radius: 8px;
  border: 2px solid var(--ma-primary, #2563eb);
  background: #fff;
  color: var(--ma-primary, #2563eb);
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ma-member-map-mark__btn svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.ma-member-map-mark__btn .ma-map-mark-btn__label {
  flex-shrink: 0;
}
.ma-member-map-mark__btn .ma-map-mark-btn__sub {
  font-size: 12px;
  font-weight: 400;
  color: #94a3b8;
  margin-left: 1px;
  flex-shrink: 0;
}
.ma-member-map-mark__btn .ma-map-mark-btn__sub--ok {
  color: #16a34a;
}
.ma-member-map-mark__btn:active {
  opacity: 0.92;
  transform: scale(0.99);
}

/* MympsWindowMsg（common.js）：新壳页通常不引 m/style.css，若无 .sys_tips 则提示框退化为左上角裸「确定」链接 */
.sys_tips {
  background-color: #5b5b5b;
  border-radius: 10px;
  padding: 20px;
  position: fixed;
  left: 50%;
  z-index: 10100;
  margin-left: -140px;
  width: 240px;
  max-width: calc(100vw - 32px);
  box-sizing: border-box;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
.sys_tips .hd {
  text-align: left;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  padding: 3px 0 6px 6px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.sys_tips .bd {
  padding: 10px 10px 0;
  border-radius: 4px;
  font-size: 18px;
  color: #fff;
  line-height: 24px;
  text-align: center;
}
.sys_tips .bd .btn {
  margin: 30px auto 15px;
  text-align: center;
}
.sys_tips .btn1,
.sys_tips .btn2 {
  color: #000;
  border: 1px solid #dadada;
  background-color: #f3f3f3;
  display: inline-block;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 2px;
  text-decoration: none;
}
.sys_tips .btn1 {
  border: 1px solid #c5cbc1;
  background-color: #f6fcee;
  margin-right: 8px;
}
.sys_tips .bd .close {
  color: #36c;
}
.sys_tips .bd .close:hover {
  color: #d00;
}

/* 列表页公用筛选条（list_nav.html .ma-list-nav），与会员壳背景协调 */
.filter2.ma-list-nav {
  margin: 10px var(--ma-side-gap, 14px) 12px;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* ========== 机构入驻 upgradecorp ========== */
.ma-corp-upgrade .ma-corp-upgrade__alert {
  margin: 0 var(--ma-side-gap, 14px) 10px;
  border-radius: 12px;
  border: 1px solid #ffe0b2;
  background: #fff8e6;
  box-shadow: none;
}
.ma-corp-upgrade .ma-corp-upgrade__alert--err {
  border-color: #ffcdd2;
  background: #ffebee;
}
.ma-corp-upgrade .ma-corp-upgrade__alert-bd {
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.5;
  color: #6d4c41;
}
.ma-corp-upgrade .ma-corp-upgrade__alert--err .ma-corp-upgrade__alert-bd {
  color: #c62828;
}
.ma-corp-upgrade .ma-corp-upgrade__card-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ma-corp-upgrade .ma-corp-upgrade__card-hd-tag {
  font-size: 13px;
  color: var(--ma-primary, #2563eb);
  font-weight: 600;
}
.ma-corp-upgrade .ma-corp-upgrade__hint {
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 1.45;
  color: #888;
}
.ma-corp-upgrade .ma-corp-upgrade__map-wrap {
  padding-top: 4px;
}
.ma-corp-upgrade .ma-corp-upgrade__map-wrap {
  width: 100%;
  min-width: 0;
}
.ma-corp-upgrade .ma-corp-upgrade__map-wrap .ma-post-map-mark-card {
  /* 与上方地址输入框同宽：去掉 .ma-post-card 默认 margin/padding，避免整块比 .ma-mod-field 内 input 缩进一截 */
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  background: transparent;
  box-shadow: none;
}
.ma-corp-upgrade .ma-corp-upgrade__map-wrap .ma-post-map-mark__btn {
  width: 100%;
  box-sizing: border-box;
}
.ma-corp-upgrade .ma-mod-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px var(--ma-side-gap, 14px) calc(24px + env(safe-area-inset-bottom, 0));
}

.ma-corp-filebox {
  display: inline-flex;
  width: 88px;
  height: 88px;
  border: 1px dashed #cfd4dc;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #f7f8fa;
  position: relative;
  overflow: hidden;
  vertical-align: top;
}
.ma-corp-filebox input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 2;
}
.ma-corp-filebox__preview {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  z-index: 1;
  pointer-events: none;
}
.ma-corp-filebox.ma-corp-filebox--haspreview .ma-corp-filebox__plus,
.ma-corp-filebox.ma-corp-filebox--haspreview .ma-corp-filebox__ico,
.ma-corp-filebox.ma-corp-filebox--haspreview .ma-corp-filebox__txt {
  opacity: 0;
}
.ma-corp-filebox span {
  font-size: 28px;
  color: #b0b8c2;
  line-height: 1;
  pointer-events: none;
}
.ma-corp-filebox--sm {
  height: 76px;
  border-radius: 10px;
  min-width: 0;
}
.ma-corp-gal-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.ma-corp-gal-grid--4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.ma-corp-gal-grid--4 .ma-corp-filebox--sm {
  width: 100%;
  max-width: none;
}
.ma-corp-gal-slot {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.ma-corp-gal-prev {
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 1;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
}
.ma-corp-gal-prev img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ma-corp-logo-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
}
.ma-corp-logo-prev {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.ma-corp-logo-prev img {
  display: block;
  vertical-align: top;
}
.ma-corp-gal-tip {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: #6b7280;
}
@media (max-width: 360px) {
  .ma-corp-gal-grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ma-corp-upgrade__plan-card .ma-mod-card__bd {
  padding-left: 0;
  padding-right: 0;
}
.ma-corp-upgrade__plan-lead {
  margin: 0 14px 14px;
  font-size: 13px;
  line-height: 1.55;
  color: #6b7280;
}
.ma-corp-plan-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 14px 4px;
}
.ma-corp-plan {
  display: block;
  margin: 0;
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ma-corp-upgrade .ma-btn:disabled {
  opacity: 0.45;
  pointer-events: none;
}
.ma-corp-plan__inp {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}
.ma-corp-plan__face {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 72px;
  padding: 14px 16px 14px 18px;
  border-radius: 14px;
  border: 2px solid #e8eaed;
  background: linear-gradient(180deg, #fff 0%, #fafbfc 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  position: relative;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.ma-corp-plan__inp:checked + .ma-corp-plan__face {
  border-color: var(--ma-primary, #2563eb);
  background: linear-gradient(135deg, #f0f7ff 0%, #fff 55%);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.12), 0 4px 14px rgba(37, 99, 235, 0.08);
}
.ma-corp-plan__inp:focus-visible + .ma-corp-plan__face {
  outline: 2px solid var(--ma-primary, #2563eb);
  outline-offset: 2px;
}
.ma-corp-plan__left {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ma-corp-plan__name {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  letter-spacing: 0.02em;
}
.ma-corp-plan__sub {
  font-size: 12px;
  color: #9ca3af;
  line-height: 1.35;
}
.ma-corp-plan__right {
  flex-shrink: 0;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}
.ma-corp-plan__yuan {
  display: flex;
  align-items: baseline;
  gap: 2px;
  color: #dc2626;
}
.ma-corp-plan__yuan-num {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
}
.ma-corp-plan__yuan-unit {
  font-size: 13px;
  font-weight: 600;
}
.ma-corp-plan__coin {
  font-size: 12px;
  color: #6b7280;
}
.ma-corp-plan__check {
  position: absolute;
  right: 10px;
  bottom: 8px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--ma-primary, #2563eb);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.ma-corp-plan__inp:checked + .ma-corp-plan__face .ma-corp-plan__check {
  opacity: 1;
  transform: scale(1);
}

/* 入驻类型：两列网格 + 主题色（选中浅主题底+右下角三角标） */
.ma-corp-plan-list--blocks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-bottom: 8px;
}
.ma-corp-plan-list--blocks .ma-corp-plan {
  min-width: 0;
}
.ma-corp-plan__face--block {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  min-height: auto;
  padding: 12px 12px 34px;
  gap: 0;
}
.ma-corp-plan__block-name {
  font-size: 15px;
  font-weight: 400;
  color: #111827;
  letter-spacing: 0.02em;
  line-height: 1.35;
}
.ma-corp-plan__block-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-top: 10px;
  width: 100%;
}
.ma-corp-plan__face--block .ma-corp-plan__yuan {
  color: var(--ma-primary, #e53935);
}
.ma-corp-plan__face--block .ma-corp-plan__yuan-num {
  font-size: 20px;
  font-weight: 400;
}
.ma-corp-plan__face--block .ma-corp-plan__yuan-unit {
  font-weight: 400;
}
.ma-corp-plan__inp:checked + .ma-corp-plan__face--block {
  border-color: var(--ma-primary, #e53935);
  background: var(--ma-primary-soft, #ffebee);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 6px 18px rgba(0, 0, 0, 0.06);
}
.ma-corp-plan__inp:focus-visible + .ma-corp-plan__face--block {
  outline: 2px solid var(--ma-primary, #e53935);
  outline-offset: 2px;
}
.ma-corp-plan__corner {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 44px;
  height: 44px;
  pointer-events: none;
  overflow: hidden;
  border-radius: 0 0 12px 0;
}
.ma-corp-plan__corner-tri {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 44px 44px;
  border-color: transparent transparent var(--ma-primary, #e53935) transparent;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.ma-corp-plan__corner-ok {
  position: absolute;
  right: 5px;
  bottom: 4px;
  font-size: 12px;
  font-weight: 800;
  color: #fff;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.ma-corp-plan__inp:checked + .ma-corp-plan__face--block .ma-corp-plan__corner-tri,
.ma-corp-plan__inp:checked + .ma-corp-plan__face--block .ma-corp-plan__corner-ok {
  opacity: 1;
}

/* 机构入驻：微信二维码区块说明 + 上传样式 */
.ma-corp-wx-block {
  padding-top: 6px;
}
.ma-corp-wx-block__hd {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.ma-corp-wx-block__title {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
}
.ma-corp-wx-block__tag {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 6px;
  background: var(--ma-primary-soft, #ffebee);
  color: var(--ma-primary, #e53935);
  font-weight: 600;
}
.ma-corp-wx-block__tag--opt {
  background: #eef0f3;
  color: #6b7280;
}
.ma-corp-wx-block__hint {
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.55;
  color: #6b7280;
}
.ma-corp-wx-block__hint strong {
  color: #374151;
  font-weight: 600;
}
.ma-corp-wx-block__preview {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.ma-corp-wx-block__preview img {
  width: 88px;
  height: 88px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f3f4f6;
}
.ma-corp-wx-block__preview-cap {
  font-size: 12px;
  color: #86868b;
  line-height: 1.4;
}
.ma-corp-wx-block__tip {
  margin: 8px 0 0;
  font-size: 12px;
  color: var(--ma-primary, #e53935);
  line-height: 1.4;
}
.ma-corp-upgrade .ma-corp-filebox.ma-corp-filebox--wxqr {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 220px;
  min-height: 92px;
  height: auto;
  padding: 12px 10px;
  gap: 6px;
  border-width: 2px;
  border-style: dashed;
  border-color: #d1d5db;
  background: #fafbfc;
  border-radius: 14px;
  box-sizing: border-box;
}
/* 覆盖通用 .ma-corp-filebox span 的大字号，避免与「＋」并排时文字竖排溢出 */
.ma-corp-upgrade .ma-corp-filebox--wxqr > span {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.ma-corp-upgrade .ma-corp-filebox--wxqr:hover,
.ma-corp-upgrade .ma-corp-filebox--wxqr:focus-within {
  border-color: var(--ma-primary, #e53935);
  background: var(--ma-primary-soft, #fff5f5);
}
.ma-corp-upgrade .ma-corp-filebox--wxqr .ma-corp-filebox__ico {
  font-size: 22px;
  line-height: 1;
  color: var(--ma-primary, #e53935);
  flex-shrink: 0;
}
.ma-corp-upgrade .ma-corp-filebox--wxqr .ma-corp-filebox__txt {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #4b5563;
  text-align: center;
  line-height: 1.45;
  width: 100%;
  max-width: 12em;
  white-space: normal;
  word-break: keep-all;
  pointer-events: none;
}
.ma-corp-upgrade .ma-corp-filebox--wxqr .ma-corp-filebox__sub {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  font-weight: 400;
  color: #9ca3af;
  line-height: 1.35;
}