/* Shared product identity across CubeLab styles A and B. Official assets remain unchanged. */
.product-icon[src*="mefresh-user-logo"] {
  border-radius:22%
}

.footer-grid>div>a.product-name-link {
  display:flex!important;
  align-items:center;
  gap:9px;
  min-height:42px
}

.footer-grid .product-name-link .product-icon {
  width:28px;
  height:28px;
  object-fit:contain;
  flex:0 0 28px
}

.product-nav-name .product-icon,.hero-tabs .product-icon {
  width:30px;
  height:30px;
  object-fit:contain
}

.personal-brand-lockup {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:250px;
  max-width:100%;
  height:74px
}

.personal-brand-lockup .personal-brand-icon {
  width:62px;
  height:62px;
  object-fit:contain;
  flex:0 0 62px;
  margin:0;
  border-radius:0
}

.personal-brand-lockup .personal-brand-wordmark {
  width:calc(100% - 70px);
  height:auto;
  object-fit:contain;
  margin:0;
  border-radius:0
}

.line-entry>.personal-brand-lockup {
  width:220px;
  height:64px
}

.line-entry>.personal-brand-lockup .personal-brand-icon {
  width:54px;
  height:54px;
  flex-basis:54px
}

.line-entry>.personal-brand-lockup .personal-brand-wordmark {
  width:calc(100% - 62px)
}

/* Source: mefreshapp.com/zh --brand-500/50/200/700/800, rendered text and surface colors. */
.mefresh-theme,#hero-mefresh {
  --teal:#cc2419;
  --dark:#99180f;
  --ink:#2e2e33;
  --muted:#636366;
  --cream:#ffffff;
  --line:#ffc1c1;
  --light:#fff1f0;
  --orange:#ff3b30;
  color:var(--ink)
}

main.mefresh-theme {
  background:#fff
}

.product-hero:has(#hero-mefresh:not([hidden])) {
  background:linear-gradient(180deg,transparent 0%,#fff1f0 60%,#fff 100%)
}

#hero-mefresh {
  background:radial-gradient(ellipse at 75% 25%,#ffc1c14d,transparent 65%)
}

.mefresh-theme .primary,#hero-mefresh .primary {
  background:#cc2419;
  color:#fff
}

.mefresh-theme .primary:hover,#hero-mefresh .primary:hover {
  background:#99180f
}

.mefresh-theme .secondary:hover,#hero-mefresh .secondary:hover {
  background:#fff1f0
}

.mefresh-theme :focus-visible,#hero-mefresh :focus-visible {
  outline-color:#99180f
}

.mefresh-theme .badge.live,#hero-mefresh .badge.live {
  background:#fff1f0;
  border-color:#ffc1c1;
  color:#99180f
}

.mefresh-theme .badge.live i,#hero-mefresh .badge.live i {
  background:#cc2419
}

.mefresh-theme .stage-orbit,#hero-mefresh .stage-orbit {
  border-color:#ffc1c1
}

.mefresh-theme.explore,.mefresh-theme .explore {
  background:#fff1f0
}

.mefresh-theme .feature-image {
  background:#ffe0ea
}

.mefresh-theme .feature-item {
  border-color:#ffc1c1
}

.mefresh-theme .index {
  color:#cc2419
}

.mefresh-theme .product-subnav {
  background:#fffffff0;
  border-color:#ffc1c1
}

.mefresh-theme .detail-hero {
  background:radial-gradient(ellipse at 72% 12%,#ffc1c14d,transparent 65%)
}

.mefresh-theme .product-shot figcaption {
  background:#f5f6f8
}

.mefresh-theme.plan-card {
  background:#fff;
  border-color:#ffc1c1
}

@media(max-width:760px) {
  .personal-brand-lockup {
  width:210px;
  height:66px
}
.personal-brand-lockup .personal-brand-icon {
  width:54px;
  height:54px;
  flex-basis:54px
}
.personal-brand-lockup .personal-brand-wordmark {
  width:calc(100% - 62px)
}

}