/* Design-locked V2 preview.
   This file intentionally overrides the old app chrome for the four primary tabs only. */

body.xiaohui-app-rebuild-v1 {
  --v2-bg: #030719;
  --v2-panel: rgba(13, 24, 58, 0.82);
  --v2-panel-strong: rgba(19, 31, 75, 0.92);
  --v2-line: rgba(171, 190, 255, 0.24);
  --v2-text: #ffffff;
  --v2-muted: rgba(226, 234, 255, 0.72);
  --v2-gold: #ffd77b;
  --v2-purple: #895cff;
  --v2-blue: #1688ff;
  background: #020615 !important;
  scrollbar-width: none;
}

body.xiaohui-app-rebuild-v1::-webkit-scrollbar {
  width: 0;
  height: 0;
}

body.xiaohui-app-rebuild-v1,
.xiaohui-app-rebuild-v1 * {
  box-sizing: border-box;
}

.xiaohui-app-rebuild-v1 .mobile-app {
  width: min(430px, 100vw) !important;
  max-width: 430px !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  overflow-x: hidden !important;
  background: #020615 !important;
}

.xiaohui-app-rebuild-v1 .screen-shell {
  min-height: 100vh !important;
  padding: 0 0 92px !important;
  overflow-x: hidden !important;
  color: var(--v2-text) !important;
  background:
    radial-gradient(circle at 83% 5%, rgba(62, 89, 255, 0.35), transparent 28%),
    radial-gradient(circle at 12% 48%, rgba(140, 55, 255, 0.25), transparent 30%),
    linear-gradient(180deg, #020615 0%, #071436 50%, #020615 100%) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen {
  width: 100% !important;
  overflow-x: hidden !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="home"] > :not(.ref-v2-screen),
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agents"] > :not(.ref-v2-screen),
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover"] > :not(.ref-v2-screen),
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile"] > :not(.ref-v2-screen):not(.member-hub-option-one),
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="center"] {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .ref-v2-screen {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  min-height: calc(100vh - 92px) !important;
  padding: 18px 20px 24px !important;
  overflow-x: hidden !important;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 100%),
    radial-gradient(circle at 88% 14%, rgba(71, 94, 255, 0.28), transparent 28%) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="home"] > .ref-v2-screen,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agents"] > .ref-v2-screen,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover"] > .ref-v2-screen,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile"] > .ref-v2-screen {
  display: block !important;
}

.xiaohui-app-rebuild-v1 .ref-v2-screen::before,
.xiaohui-app-rebuild-v1 .ref-v2-screen::after {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important;
  z-index: 0 !important;
  border-radius: 50% !important;
  filter: blur(22px) !important;
}

.xiaohui-app-rebuild-v1 .ref-v2-screen::before {
  width: 220px !important;
  height: 220px !important;
  top: 70px !important;
  right: -120px !important;
  background: rgba(70, 87, 255, 0.28) !important;
}

.xiaohui-app-rebuild-v1 .ref-v2-screen::after {
  width: 210px !important;
  height: 210px !important;
  left: -120px !important;
  bottom: 88px !important;
  background: rgba(143, 60, 255, 0.23) !important;
}

.xiaohui-app-rebuild-v1 .ref-v2-screen > * {
  position: relative !important;
  z-index: 1 !important;
}

.xiaohui-app-rebuild-v1 .ref-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 44px !important;
  margin: 0 0 12px !important;
}

.xiaohui-app-rebuild-v1 .ref-logo,
.xiaohui-app-rebuild-v1 .ref-member-pill,
.xiaohui-app-rebuild-v1 .ref-bell,
.xiaohui-app-rebuild-v1 .ref-big-card,
.xiaohui-app-rebuild-v1 .ref-tool-row,
.xiaohui-app-rebuild-v1 .ref-template-card,
.xiaohui-app-rebuild-v1 .ref-benefit-list button {
  border: 0 !important;
  font-family: inherit !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .ref-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.xiaohui-app-rebuild-v1 .ref-logo-mark {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px 16px 12px 18px !important;
  background: linear-gradient(135deg, #54ecff 0%, #685dff 52%, #cf68ff 100%) !important;
  color: rgba(255, 255, 255, 0.96) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 28px !important;
  line-height: 1 !important;
  transform: skew(-10deg) !important;
  box-shadow: 0 0 18px rgba(106, 100, 255, 0.78), inset 0 -5px 12px rgba(0, 0, 0, 0.18) !important;
}

.xiaohui-app-rebuild-v1 .ref-top-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.xiaohui-app-rebuild-v1 .ref-member-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255, 206, 90, 0.92) !important;
  border-radius: 999px !important;
  background: rgba(7, 9, 25, 0.78) !important;
  color: var(--v2-gold) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  box-shadow: inset 0 0 16px rgba(255, 209, 89, 0.12), 0 0 18px rgba(255, 184, 54, 0.12) !important;
}

.xiaohui-app-rebuild-v1 .ref-bell {
  position: relative !important;
  width: 30px !important;
  height: 34px !important;
  background: transparent !important;
}

.xiaohui-app-rebuild-v1 .ref-bell::before {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  top: 7px !important;
  width: 15px !important;
  height: 18px !important;
  border: 2px solid rgba(255, 255, 255, 0.86) !important;
  border-radius: 9px 9px 6px 6px !important;
}

.xiaohui-app-rebuild-v1 .ref-bell::after {
  content: "" !important;
  position: absolute !important;
  right: 2px !important;
  top: 3px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #ff4d43 !important;
  box-shadow: 0 0 10px rgba(255, 77, 67, 0.8) !important;
}

.xiaohui-app-rebuild-v1 .ref-home-hero {
  position: relative !important;
  min-height: 208px !important;
  margin: 30px 0 0 !important;
}

.xiaohui-app-rebuild-v1 .ref-brand-tagline {
  margin: 0 !important;
  color: rgba(224, 234, 255, 0.68) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
}

.xiaohui-app-rebuild-v1 .ref-home-hero h1 {
  max-width: 328px !important;
  margin: 0 !important;
  font-size: 42px !important;
  line-height: 1.06 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  background: linear-gradient(98deg, #fff 0%, #ece2ff 48%, #ffadf4 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

.xiaohui-app-rebuild-v1 .ref-pet-stage {
  position: absolute !important;
  right: -4px !important;
  bottom: -14px !important;
  width: 184px !important;
  height: 176px !important;
}

.xiaohui-app-rebuild-v1 .ref-pet {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 138px !important;
  height: 138px !important;
  object-fit: cover !important;
  border-radius: 40px !important;
  filter: drop-shadow(0 0 22px rgba(148, 143, 255, 0.72)) !important;
}

.xiaohui-app-rebuild-v1 .ref-pet-bubble {
  position: absolute !important;
  left: 0 !important;
  top: 26px !important;
  z-index: 2 !important;
  min-height: 39px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, #fff, #eef1ff) !important;
  color: #17213e !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.26) !important;
}

.xiaohui-app-rebuild-v1 .ref-home-cards,
.xiaohui-app-rebuild-v1 .ref-tool-list,
.xiaohui-app-rebuild-v1 .ref-benefit-list {
  display: grid !important;
  gap: 16px !important;
}

.xiaohui-app-rebuild-v1 .ref-big-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) 40px !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 146px !important;
  padding: 19px 16px !important;
  border: 1px solid rgba(225, 232, 255, 0.28) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  text-align: left !important;
}

.xiaohui-app-rebuild-v1 .ref-big-card::after,
.xiaohui-app-rebuild-v1 .ref-tool-row::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.16), transparent 42%, rgba(255, 255, 255, 0.04)) !important;
}

.xiaohui-app-rebuild-v1 .ref-purple {
  background: radial-gradient(circle at 20% 30%, rgba(219, 159, 255, 0.55), transparent 32%),
    linear-gradient(135deg, #5521d2 0%, #873cff 56%, #5c35d8 100%) !important;
  box-shadow: 0 14px 42px rgba(115, 52, 255, 0.45), inset 0 0 32px rgba(255, 255, 255, 0.1) !important;
}

.xiaohui-app-rebuild-v1 .ref-blue {
  background: radial-gradient(circle at 18% 30%, rgba(132, 206, 255, 0.62), transparent 32%),
    linear-gradient(135deg, #063fb6 0%, #0d7dff 58%, #0b3cb2 100%) !important;
  box-shadow: 0 14px 42px rgba(22, 114, 255, 0.42), inset 0 0 32px rgba(255, 255, 255, 0.1) !important;
}

.xiaohui-app-rebuild-v1 .ref-gold {
  background: radial-gradient(circle at 18% 30%, rgba(255, 235, 157, 0.72), transparent 34%),
    linear-gradient(135deg, #5a3b0d 0%, #b27722 56%, #5b3b0d 100%) !important;
  border-color: rgba(255, 215, 118, 0.82) !important;
  box-shadow: 0 14px 42px rgba(255, 176, 57, 0.32), inset 0 0 34px rgba(255, 234, 160, 0.12) !important;
}

.xiaohui-app-rebuild-v1 .ref-card-icon,
.xiaohui-app-rebuild-v1 .ref-tool-icon,
.xiaohui-app-rebuild-v1 .ref-crown-large {
  display: grid !important;
  place-items: center !important;
  flex: none !important;
}

.xiaohui-app-rebuild-v1 .ref-card-icon {
  width: 70px !important;
  height: 70px !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.17) !important;
  box-shadow: inset 0 0 24px rgba(255, 255, 255, 0.16), 0 0 24px rgba(255, 255, 255, 0.18) !important;
}

.xiaohui-app-rebuild-v1 .ref-card-icon::before {
  display: block !important;
  font-size: 38px !important;
  line-height: 1 !important;
  color: #fff !important;
  filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.65)) !important;
}

.xiaohui-app-rebuild-v1 .ref-fire::before { content: "火" !important; }
.xiaohui-app-rebuild-v1 .ref-video::before { content: "▶" !important; }
.xiaohui-app-rebuild-v1 .ref-crown::before { content: "♛" !important; color: #ffe38f !important; }
.xiaohui-app-rebuild-v1 .ref-money::before { content: "¥" !important; }
.xiaohui-app-rebuild-v1 .ref-target::before { content: "◎" !important; }
.xiaohui-app-rebuild-v1 .ref-doc::before { content: "▤" !important; }
.xiaohui-app-rebuild-v1 .ref-hand::before { content: "◇" !important; }
.xiaohui-app-rebuild-v1 .ref-medal::before { content: "★" !important; }
.xiaohui-app-rebuild-v1 .ref-crown-large::before { content: "♛" !important; }

.xiaohui-app-rebuild-v1 .ref-card-copy {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .ref-card-copy strong,
.xiaohui-app-rebuild-v1 .ref-tool-row strong,
.xiaohui-app-rebuild-v1 .ref-template-card strong {
  display: block !important;
  color: #fff !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

.xiaohui-app-rebuild-v1 .ref-card-copy strong {
  font-size: 25px !important;
}

.xiaohui-app-rebuild-v1 .ref-card-copy small,
.xiaohui-app-rebuild-v1 .ref-tool-row small,
.xiaohui-app-rebuild-v1 .ref-template-card small,
.xiaohui-app-rebuild-v1 .ref-benefit-list small {
  color: var(--v2-muted) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.xiaohui-app-rebuild-v1 .ref-arrow,
.xiaohui-app-rebuild-v1 .ref-tool-row b {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.14) !important;
  box-shadow: inset 0 0 14px rgba(255, 255, 255, 0.08) !important;
}

.xiaohui-app-rebuild-v1 .ref-page-title {
  margin: 36px 0 28px !important;
  font-size: 29px !important;
  line-height: 1.2 !important;
  color: #fff !important;
  text-align: center !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 24px rgba(154, 104, 255, 0.74) !important;
}

.xiaohui-app-rebuild-v1 .ref-secondary-entry {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 52px !important;
  margin: -10px 0 18px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(132, 187, 255, 0.30) !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(22, 136, 255, 0.20), rgba(137, 92, 255, 0.22)) !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

.xiaohui-app-rebuild-v1 .ref-secondary-entry b {
  color: rgba(224, 234, 255, 0.72) !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .ref-tool-list {
  gap: 16px !important;
}

.xiaohui-app-rebuild-v1 .ref-tool-row {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 66px minmax(0, 1fr) 38px !important;
  align-items: center !important;
  gap: 15px !important;
  width: 100% !important;
  min-height: 104px !important;
  padding: 18px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(145, 166, 255, 0.25) !important;
  background: linear-gradient(135deg, rgba(98, 67, 203, 0.30), rgba(16, 27, 63, 0.74)) !important;
  text-align: left !important;
  box-shadow: inset 0 0 28px rgba(255, 255, 255, 0.045), 0 12px 28px rgba(0, 0, 0, 0.18) !important;
}

.xiaohui-app-rebuild-v1 .ref-tool-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 21px !important;
  background: linear-gradient(135deg, rgba(144, 101, 255, 0.9), rgba(61, 106, 255, 0.72)) !important;
  color: #fff !important;
  font-size: 32px !important;
  font-weight: 950 !important;
  box-shadow: 0 0 22px rgba(111, 91, 255, 0.48), inset 0 0 18px rgba(255, 255, 255, 0.18) !important;
}

.xiaohui-app-rebuild-v1 .ref-tool-icon::before {
  font-size: 31px !important;
  font-weight: 950 !important;
}

.xiaohui-app-rebuild-v1 .ref-tool-row strong {
  font-size: 23px !important;
}

.xiaohui-app-rebuild-v1 .ref-filter-block {
  display: grid !important;
  gap: 9px !important;
  margin: -6px 0 15px !important;
}

.xiaohui-app-rebuild-v1 .ref-filter-block > span {
  color: rgba(241, 244, 255, 0.86) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.xiaohui-app-rebuild-v1 .ref-chip-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.xiaohui-app-rebuild-v1 .ref-chip {
  min-height: 31px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(154, 174, 255, 0.18) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(232, 237, 255, 0.76) !important;
  font-size: 13px !important;
}

.xiaohui-app-rebuild-v1 .ref-chip.active {
  background: linear-gradient(135deg, #506dff, #7a55ff) !important;
  color: #fff !important;
  box-shadow: 0 0 18px rgba(98, 93, 255, 0.55) !important;
}

.xiaohui-app-rebuild-v1 .ref-template-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.xiaohui-app-rebuild-v1 .ref-template-card {
  position: relative !important;
  min-height: 232px !important;
  padding: 130px 10px 10px !important;
  border: 1px solid rgba(227, 234, 255, 0.48) !important;
  border-radius: 13px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(13, 26, 62, 0.98), rgba(7, 14, 35, 0.98)) !important;
  text-align: left !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24), inset 0 0 18px rgba(255, 255, 255, 0.04) !important;
}

.xiaohui-app-rebuild-v1 .ref-template-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  height: 128px !important;
  background-size: cover !important;
  background-position: center !important;
  filter: saturate(1.12) contrast(1.05) !important;
}

.xiaohui-app-rebuild-v1 .ref-shot-a::before {
  background:
    radial-gradient(circle at 42% 34%, rgba(255, 219, 150, 0.96), transparent 10%),
    radial-gradient(circle at 58% 32%, rgba(255, 183, 124, 0.76), transparent 13%),
    linear-gradient(135deg, #211205 0%, #6a3d1a 42%, #10152d 100%) !important;
}

.xiaohui-app-rebuild-v1 .ref-shot-b::before {
  background:
    radial-gradient(circle at 56% 30%, rgba(234, 224, 214, 0.96), transparent 14%),
    radial-gradient(circle at 64% 24%, rgba(70, 132, 173, 0.58), transparent 24%),
    linear-gradient(135deg, #14263d 0%, #2f4762 52%, #050b1d 100%) !important;
}

.xiaohui-app-rebuild-v1 .ref-shot-c::before {
  background:
    radial-gradient(circle at 48% 38%, rgba(255, 226, 178, 0.96), transparent 13%),
    radial-gradient(circle at 32% 22%, rgba(255, 192, 124, 0.5), transparent 28%),
    linear-gradient(135deg, #48331f 0%, #90714c 48%, #1c2438 100%) !important;
}

.xiaohui-app-rebuild-v1 .ref-shot-d::before {
  background:
    radial-gradient(circle at 50% 35%, rgba(232, 211, 185, 0.96), transparent 14%),
    radial-gradient(circle at 38% 24%, rgba(62, 95, 129, 0.8), transparent 25%),
    linear-gradient(135deg, #0b1726 0%, #34445b 50%, #090d19 100%) !important;
}

.xiaohui-app-rebuild-v1 .ref-template-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 78px 0 auto !important;
  height: 54px !important;
  background: linear-gradient(180deg, transparent, rgba(7, 14, 35, 0.96)) !important;
}

.xiaohui-app-rebuild-v1 .ref-level-badge {
  position: absolute !important;
  z-index: 2 !important;
  top: 104px !important;
  left: 8px !important;
  padding: 4px 8px !important;
  border: 1px solid rgba(255, 216, 126, 0.68) !important;
  border-radius: 999px !important;
  background: rgba(31, 22, 10, 0.74) !important;
  color: #ffdc83 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .ref-template-card strong,
.xiaohui-app-rebuild-v1 .ref-template-card small,
.xiaohui-app-rebuild-v1 .ref-template-card em {
  position: relative !important;
  z-index: 2 !important;
}

.xiaohui-app-rebuild-v1 .ref-template-card strong {
  font-size: 15px !important;
}

.xiaohui-app-rebuild-v1 .ref-template-card em {
  display: block !important;
  margin: 9px 0 0 !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #dce5ff !important;
  text-align: center !important;
  font-size: 13px !important;
  font-style: normal !important;
}

.xiaohui-app-rebuild-v1 .ref-v2-member {
  background:
    radial-gradient(circle at 84% 20%, rgba(255, 210, 110, 0.20), transparent 36%),
    linear-gradient(180deg, #030816 0%, #08142f 100%) !important;
}

.xiaohui-app-rebuild-v1 .ref-member-hero {
  position: relative !important;
  min-height: 238px !important;
  margin-top: 26px !important;
  padding: 30px 28px !important;
  border: 1px solid rgba(255, 218, 126, 0.78) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 84% 30%, rgba(255, 223, 128, 0.18), transparent 28%),
    linear-gradient(135deg, #1f1b13 0%, #0b0d16 100%) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.42), inset 0 0 34px rgba(255, 219, 126, 0.12) !important;
}

.xiaohui-app-rebuild-v1 .ref-member-hero::after {
  content: "♛" !important;
  position: absolute !important;
  right: 22px !important;
  top: 42px !important;
  color: rgba(255, 221, 136, 0.10) !important;
  font-size: 130px !important;
  line-height: 1 !important;
}

.xiaohui-app-rebuild-v1 .ref-crown-large {
  position: relative !important;
  z-index: 2 !important;
  width: 78px !important;
  height: 78px !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, #fff2bd, #d49a2c) !important;
  color: #4b2e08 !important;
  font-size: 50px !important;
  box-shadow: 0 0 30px rgba(255, 205, 93, 0.34), inset 0 0 18px rgba(255, 255, 255, 0.3) !important;
}

.xiaohui-app-rebuild-v1 .ref-member-hero div,
.xiaohui-app-rebuild-v1 .ref-member-hero small,
.xiaohui-app-rebuild-v1 .ref-member-hero h2,
.xiaohui-app-rebuild-v1 .ref-member-hero button {
  position: relative !important;
  z-index: 2 !important;
}

.xiaohui-app-rebuild-v1 .ref-member-hero div {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 14px 0 18px !important;
  color: #fff0b6 !important;
  font-size: 22px !important;
  font-weight: 950 !important;
}

.xiaohui-app-rebuild-v1 .ref-member-hero b {
  padding: 3px 8px !important;
  border: 1px solid rgba(255, 220, 127, 0.62) !important;
  border-radius: 999px !important;
  color: #ffe596 !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .ref-member-hero small {
  display: block !important;
  color: rgba(255, 236, 177, 0.75) !important;
  font-size: 14px !important;
}

.xiaohui-app-rebuild-v1 .ref-member-hero h2 {
  margin: 6px 0 20px !important;
  color: #ffdc87 !important;
  font-size: 38px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.xiaohui-app-rebuild-v1 .ref-member-hero button {
  min-height: 44px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fff4c4, #e5b24a) !important;
  color: #3a2508 !important;
  font-weight: 950 !important;
}

.xiaohui-app-rebuild-v1 .ref-benefit-panel {
  margin-top: 18px !important;
  padding: 24px 22px 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(14, 24, 55, 0.95), rgba(8, 13, 30, 0.98)) !important;
}

.xiaohui-app-rebuild-v1 .ref-benefit-panel h3 {
  margin: 0 0 20px !important;
  color: #ffdf8a !important;
  text-align: center !important;
  font-size: 20px !important;
}

.xiaohui-app-rebuild-v1 .ref-benefit-list button {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 68px !important;
  padding: 10px !important;
  border-radius: 14px !important;
  background: transparent !important;
  text-align: left !important;
}

.xiaohui-app-rebuild-v1 .ref-benefit-list span {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(255, 211, 118, 0.30) !important;
  border-radius: 11px !important;
  background: rgba(255, 194, 70, 0.08) !important;
  color: #ffd77b !important;
  font-weight: 950 !important;
}

.xiaohui-app-rebuild-v1 .ref-benefit-list strong {
  font-size: 17px !important;
  color: #ffdf8a !important;
}

.xiaohui-app-rebuild-v1 .ref-admin-entry.hidden {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .ref-admin-entry {
  width: 100% !important;
  min-height: 46px !important;
  margin-top: 16px !important;
  border: 1px solid rgba(255, 218, 126, 0.45) !important;
  border-radius: 14px !important;
  background: rgba(255, 210, 108, 0.12) !important;
  color: #ffdf8a !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .ref-bottom-nav {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  z-index: 80 !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  width: min(430px, 100vw) !important;
  min-height: 86px !important;
  padding: 10px 10px calc(10px + env(safe-area-inset-bottom)) !important;
  border: 1px solid rgba(144, 162, 255, 0.14) !important;
  border-bottom: 0 !important;
  border-radius: 30px 30px 0 0 !important;
  background: rgba(5, 12, 31, 0.94) !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 -18px 46px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(18px) !important;
}

.xiaohui-app-rebuild-v1 .ref-bottom-nav .nav-tab {
  display: grid !important;
  place-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  min-height: 62px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(222, 229, 255, 0.58) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.xiaohui-app-rebuild-v1 .ref-nav-icon {
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  color: rgba(222, 229, 255, 0.62) !important;
  font-size: 22px !important;
}

.xiaohui-app-rebuild-v1 .ref-bottom-nav .nav-tab.active .ref-nav-icon {
  color: #fff !important;
  text-shadow: 0 0 18px rgba(118, 104, 255, 0.96), 0 0 28px rgba(118, 104, 255, 0.70) !important;
}

.xiaohui-app-rebuild-v1 .ref-bottom-nav .nav-tab.active span:last-child {
  color: #fff !important;
}

@media (max-width: 380px) {
  .xiaohui-app-rebuild-v1 .ref-v2-screen {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .xiaohui-app-rebuild-v1 .ref-home-hero h1 {
    font-size: 38px !important;
  }

  .xiaohui-app-rebuild-v1 .ref-pet-stage {
    width: 166px !important;
  }

  .xiaohui-app-rebuild-v1 .ref-pet {
    width: 128px !important;
    height: 128px !important;
  }

  .xiaohui-app-rebuild-v1 .ref-big-card {
    grid-template-columns: 66px minmax(0, 1fr) 36px !important;
    min-height: 134px !important;
  }

  .xiaohui-app-rebuild-v1 .ref-card-copy strong {
    font-size: 22px !important;
  }
}

/* Complete secondary navigation without changing the four locked primary layouts. */
.xiaohui-app-rebuild-v1 .marketplace-shortcuts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 12px 0 18px !important;
}

.xiaohui-app-rebuild-v1 .marketplace-shortcuts button {
  display: grid !important;
  gap: 3px !important;
  min-height: 64px !important;
  padding: 11px 8px !important;
  border: 1px solid rgba(151, 135, 255, .3) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(31, 43, 92, .94), rgba(9, 20, 52, .94)) !important;
  color: #fff !important;
  text-align: center !important;
}

.xiaohui-app-rebuild-v1 .marketplace-shortcuts strong {
  font-size: 15px !important;
}

.xiaohui-app-rebuild-v1 .marketplace-shortcuts span {
  color: rgba(224,231,255,.66) !important;
  font-size: 11px !important;
}

.xiaohui-app-rebuild-v1 .industry-quick-section {
  display: grid !important;
  gap: 10px !important;
  margin: 0 0 16px !important;
}

.xiaohui-app-rebuild-v1 .secondary-section-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.xiaohui-app-rebuild-v1 .secondary-section-title strong {
  color: #fff !important;
  font-size: 17px !important;
}

.xiaohui-app-rebuild-v1 .secondary-section-title span {
  color: rgba(224,231,255,.58) !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .industry-quick-links {
  display: flex !important;
  gap: 10px !important;
  overflow-x: auto !important;
  padding: 1px 1px 5px !important;
  scrollbar-width: none !important;
}

.xiaohui-app-rebuild-v1 .industry-quick-links::-webkit-scrollbar {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .industry-quick-links button {
  flex: 0 0 86px !important;
  display: grid !important;
  place-items: center !important;
  gap: 7px !important;
  min-height: 88px !important;
  padding: 10px 8px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.07) !important;
  color: #fff !important;
}

.xiaohui-app-rebuild-v1 .industry-quick-icon {
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 13px !important;
  color: #b9a6ff !important;
  background: rgba(126, 91, 255, .2) !important;
}

.xiaohui-app-rebuild-v1 .industry-quick-icon svg {
  width: 24px !important;
  height: 24px !important;
}

.xiaohui-app-rebuild-v1 .industry-quick-links strong {
  max-width: 70px !important;
  overflow: hidden !important;
  color: #fff !important;
  font-size: 12px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .viral-browser-page {
  display: grid !important;
  gap: 14px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-topic-list-panel {
  display: grid !important;
  gap: 14px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-topic-search input {
  min-height: 48px !important;
  padding: 0 48px 0 16px !important;
  border: 1px solid rgba(151,135,255,.3) !important;
  border-radius: 16px !important;
  background: rgba(13,25,59,.92) !important;
  color: #fff !important;
  font-size: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-topic-search input::placeholder {
  color: rgba(224,231,255,.48) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-topic-search svg {
  right: 14px !important;
  width: 22px !important;
  height: 22px !important;
  color: #a994ff !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-filter-group > span {
  color: rgba(230,236,255,.72) !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-topic-category-filter,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-level-filter {
  gap: 8px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-category-button,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-level-button {
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.07) !important;
  color: rgba(235,241,255,.76) !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-category-button.active,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-level-button.active {
  border-color: rgba(123,91,255,.82) !important;
  background: linear-gradient(135deg, #496dff, #8154ff) !important;
  color: #fff !important;
  box-shadow: 0 0 18px rgba(112,79,255,.34) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-template-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-template-card {
  min-width: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.17) !important;
  border-radius: 16px !important;
  background: linear-gradient(160deg, rgba(22,35,76,.96), rgba(6,17,43,.96)) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.24) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-template-main {
  gap: 0 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-template-thumb {
  min-height: 0 !important;
  aspect-ratio: 4 / 5 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-template-body {
  padding: 10px 11px 12px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-template-body strong {
  overflow: hidden !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] .viral-empty {
  grid-column: 1 / -1 !important;
  padding: 34px 18px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 18px !important;
  color: rgba(230,236,255,.7) !important;
  background: rgba(255,255,255,.06) !important;
}

/* Fixed customer-service entry: always stays above the bottom navigation. */
.xiaohui-app-rebuild-v1 .xiaohui-assistant-launcher {
  position: fixed !important;
  right: max(12px, calc((100vw - 390px) / 2 + 12px)) !important;
  bottom: calc(106px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 88 !important;
  display: flex !important;
  min-width: 0 !important;
  width: 92px !important;
  height: 52px !important;
  gap: 5px !important;
  padding: 6px 10px 6px 6px !important;
  border: 1px solid rgba(156,125,255,.68) !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, rgba(29,46,104,.98), rgba(86,49,169,.98)) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.38), 0 0 22px rgba(113,76,255,.34) !important;
  animation: none !important;
}

.xiaohui-app-rebuild-v1 .xiaohui-assistant-launcher img {
  width: 40px !important;
  height: 40px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 14px !important;
}

.xiaohui-app-rebuild-v1 .assistant-launcher-orbit {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .assistant-launcher-bubble {
  max-width: 36px !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
}

.xiaohui-app-rebuild-v1 .xiaohui-assistant-panel {
  position: fixed !important;
  right: max(12px, calc((100vw - 390px) / 2 + 12px)) !important;
  bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 90 !important;
  width: min(366px, calc(100vw - 24px)) !important;
  max-height: min(560px, calc(100vh - 132px)) !important;
  grid-template-rows: auto auto minmax(150px, 1fr) auto !important;
  overflow: hidden !important;
  border: 1px solid rgba(150,126,255,.42) !important;
  border-radius: 24px !important;
  background: radial-gradient(circle at 92% 0%, rgba(104,73,255,.24), transparent 34%), linear-gradient(165deg, rgba(13,23,57,.99), rgba(3,10,28,.99)) !important;
  color: #fff !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.56), 0 0 30px rgba(92,60,224,.22) !important;
}

.xiaohui-app-rebuild-v1 .xiaohui-assistant-panel.hidden {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .xiaohui-assistant-panel:not(.hidden) {
  display: grid !important;
}

.xiaohui-app-rebuild-v1 .assistant-panel-head {
  padding: 16px 16px 12px !important;
  color: #fff !important;
}

.xiaohui-app-rebuild-v1 .assistant-panel-head span {
  color: #b9a4ff !important;
}

.xiaohui-app-rebuild-v1 .assistant-panel-head strong {
  color: #fff !important;
}

.xiaohui-app-rebuild-v1 .assistant-panel-head button {
  color: #fff !important;
  background: rgba(255,255,255,.09) !important;
}

.xiaohui-app-rebuild-v1 .assistant-quick-list button,
.xiaohui-app-rebuild-v1 .assistant-message-actions button {
  border-color: rgba(151,135,255,.32) !important;
  color: #d8ceff !important;
  background: rgba(115,82,255,.13) !important;
}

.xiaohui-app-rebuild-v1 .assistant-messages {
  background: rgba(3,10,28,.48) !important;
}

.xiaohui-app-rebuild-v1 .assistant-message.bot p {
  color: rgba(242,246,255,.88) !important;
  background: rgba(255,255,255,.08) !important;
}

.xiaohui-app-rebuild-v1 .assistant-message.user p {
  color: #fff !important;
  background: linear-gradient(135deg, #476fff, #8557ff) !important;
}

.xiaohui-app-rebuild-v1 .assistant-form {
  border-top: 1px solid rgba(255,255,255,.1) !important;
  background: rgba(4,11,30,.96) !important;
}

.xiaohui-app-rebuild-v1 .assistant-form input {
  border-color: rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
}

.xiaohui-app-rebuild-v1 .assistant-form button {
  color: #fff !important;
  background: linear-gradient(135deg, #4d70ff, #8756ff) !important;
}

.xiaohui-app-rebuild-v1 .xiaohui-assistant-launcher {
  width: 106px !important;
}

.xiaohui-app-rebuild-v1:has(.xiaohui-assistant-panel:not(.hidden)) .xiaohui-assistant-launcher {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 2026-07-22 interaction correction: compact membership and persistent script history. */
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-detail"] > .viral-topic-topbar {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .membership-page-nav,
.xiaohui-app-rebuild-v1 .membership-purchase-page {
  width: 100% !important;
  max-width: 390px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.xiaohui-app-rebuild-v1 .membership-page-nav {
  display: flex !important;
  align-items: center !important;
  min-height: 44px !important;
  margin-bottom: 8px !important;
}

.xiaohui-app-rebuild-v1 .membership-purchase-page {
  display: grid !important;
  gap: 14px !important;
  padding: 0 0 24px !important;
}

.xiaohui-app-rebuild-v1 .membership-hero-card {
  position: relative !important;
  overflow: hidden !important;
  min-height: 142px !important;
  padding: 28px 18px 22px !important;
  border: 1px solid rgba(255, 211, 108, .62) !important;
  border-radius: 26px !important;
  text-align: center !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 220, 126, .22), transparent 42%),
    linear-gradient(145deg, rgba(47, 34, 11, .96), rgba(7, 11, 24, .98) 68%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 20px 46px rgba(0,0,0,.34) !important;
}

.xiaohui-app-rebuild-v1 .membership-hero-title {
  margin: 0 !important;
  color: #ffe49b !important;
  font-size: 36px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-shadow: 0 0 12px rgba(255, 211, 98, .42), 0 0 30px rgba(155, 91, 255, .32) !important;
}

.xiaohui-app-rebuild-v1 .membership-hero-card #membershipPurchaseStatus {
  margin: 14px 0 0 !important;
  color: rgba(255, 235, 182, .78) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.xiaohui-app-rebuild-v1 .membership-choice-section {
  padding: 16px !important;
  border: 1px solid rgba(151, 135, 255, .28) !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, rgba(25, 34, 78, .92), rgba(8, 18, 47, .9)) !important;
}

.xiaohui-app-rebuild-v1 .membership-section-heading {
  justify-content: center !important;
  margin-bottom: 14px !important;
}

.xiaohui-app-rebuild-v1 .membership-section-heading strong {
  font-size: 18px !important;
  letter-spacing: .08em !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card {
  position: relative !important;
  display: flex !important;
  min-width: 0 !important;
  min-height: 132px !important;
  padding: 16px 14px !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 18px !important;
  text-align: center !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card-label {
  font-size: 16px !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card-price {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 3px !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card-price strong {
  font-size: 30px !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card-price small,
.xiaohui-app-rebuild-v1 .membership-plan-card-note {
  color: rgba(226, 233, 255, .64) !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-recommend {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #7b5cff, #416dff) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-partner {
  grid-column: 1 / -1 !important;
  min-height: 220px !important;
  padding: 20px !important;
  text-align: left !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-partner-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-partner-copy {
  display: grid !important;
  gap: 6px !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-partner-copy strong {
  color: #ffe49b !important;
  font-size: 22px !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-partner-badge,
.xiaohui-app-rebuild-v1 .partner-benefit-caption {
  color: #ffd66d !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .partner-benefit-caption {
  margin-top: 4px !important;
}

.xiaohui-app-rebuild-v1 .partner-benefit-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.xiaohui-app-rebuild-v1 .partner-benefit-grid > span {
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255, 219, 128, .18) !important;
  border-radius: 12px !important;
  color: rgba(255, 239, 199, .82) !important;
  background: rgba(255, 220, 128, .07) !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .partner-benefit-grid b {
  margin-right: 5px !important;
  color: #ffd66d !important;
}

.xiaohui-app-rebuild-v1 .membership-upgrade-summary {
  padding: 14px 16px !important;
  border-radius: 18px !important;
}

.xiaohui-app-rebuild-v1 .membership-pay-panel {
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid rgba(151, 135, 255, .2) !important;
  border-radius: 22px !important;
  background: rgba(6, 13, 34, .78) !important;
}

.xiaohui-app-rebuild-v1 .membership-pay-button.ghost {
  border-color: rgba(151, 135, 255, .3) !important;
  background: rgba(255,255,255,.06) !important;
}

.xiaohui-app-rebuild-v1 .membership-pay-button.hidden {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .video-script-history-entry {
  width: fit-content !important;
  min-height: 38px !important;
  margin: 14px 0 0 !important;
  padding: 0 16px !important;
  border: 1px solid rgba(151, 135, 255, .42) !important;
  border-radius: 999px !important;
  color: #f1ecff !important;
  background: rgba(119, 86, 255, .16) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .video-script-history-entry.compact {
  margin: 8px 0 0 !important;
}

.xiaohui-app-rebuild-v1 .video-script-history-list {
  display: grid !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 390px !important;
  margin: 0 auto !important;
}

.xiaohui-app-rebuild-v1 .video-script-history-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 88px !important;
  padding: 16px !important;
  border: 1px solid rgba(151, 135, 255, .3) !important;
  border-radius: 20px !important;
  color: #fff !important;
  background: linear-gradient(145deg, rgba(29, 37, 82, .94), rgba(8, 18, 47, .94)) !important;
  text-align: left !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 16px 34px rgba(0,0,0,.24) !important;
}

.xiaohui-app-rebuild-v1 .video-script-history-card-copy {
  display: grid !important;
  min-width: 0 !important;
  gap: 6px !important;
}

.xiaohui-app-rebuild-v1 .video-script-history-card-copy strong {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 16px !important;
}

.xiaohui-app-rebuild-v1 .video-script-history-card-copy small,
.xiaohui-app-rebuild-v1 .video-script-history-card time,
.xiaohui-app-rebuild-v1 .video-script-history-empty span {
  color: rgba(222, 230, 255, .62) !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .video-script-history-empty {
  display: grid !important;
  place-items: center !important;
  min-height: 240px !important;
  gap: 8px !important;
  padding: 24px !important;
  border: 1px dashed rgba(151, 135, 255, .34) !important;
  border-radius: 24px !important;
  color: #fff !important;
  background: rgba(255,255,255,.04) !important;
  text-align: center !important;
}

@media (max-width: 380px) {
  .xiaohui-app-rebuild-v1 .membership-plan-grid,
  .xiaohui-app-rebuild-v1 .partner-benefit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* 2026-07-22 满意定稿锁定层。一级页严格使用用户确认的四张裁切稿；
   二、三级页继续保留真实 DOM、表单、事件和 API，只统一暗色视觉。 */
.xiaohui-app-rebuild-v1 {
  --satisfied-bg: #020817;
  --satisfied-panel: rgba(10, 22, 51, .94);
  --satisfied-line: rgba(154, 174, 230, .27);
  --satisfied-copy: #f8f9ff;
  --satisfied-muted: #aab4d2;
  --satisfied-purple: #8c51ff;
  --satisfied-blue: #397cff;
  --satisfied-gold: #f3c35f;
}

.xiaohui-app-rebuild-v1 .mobile-app,
.xiaohui-app-rebuild-v1 .screen-shell {
  width: min(390px, 100vw) !important;
  max-width: 390px !important;
  margin: 0 auto !important;
}

.xiaohui-app-rebuild-v1 .tab-screen:has(> .design-locked-primary) {
  min-height: 910px !important;
  padding: 0 !important;
  animation: none !important;
  transform: none !important;
  overflow: hidden !important;
  background: #030817 !important;
}

.xiaohui-app-rebuild-v1 .screen-shell:has(> .tab-screen.active > .design-locked-primary) {
  min-height: 910px !important;
  padding-bottom: 0 !important;
}

.xiaohui-app-rebuild-v1 .design-locked-primary {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 910px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #030817 !important;
  box-shadow: none !important;
}

.xiaohui-app-rebuild-v1 .design-locked-primary::before,
.xiaohui-app-rebuild-v1 .design-locked-primary::after {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .design-lock-image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 910px !important;
  object-fit: fill !important;
  object-position: center top !important;
  transform: none !important;
  user-select: none;
  pointer-events: none;
}

.xiaohui-app-rebuild-v1 .design-lock-member {
  width: 100% !important;
  margin: 0 auto !important;
}

.xiaohui-app-rebuild-v1 .primary-member-status {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

.xiaohui-app-rebuild-v1 .primary-member-plan-row {
  position: absolute !important;
  left: 24% !important;
  top: 15.7% !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 232px !important;
  min-width: 232px !important;
  min-height: 38px !important;
  padding: 3px 8px 4px !important;
  border-radius: 10px !important;
  background: linear-gradient(90deg, #0b0c08 0%, #0b0c08 94%, rgba(11, 12, 8, 0) 100%) !important;
}

.xiaohui-app-rebuild-v1 .primary-member-plan-row strong {
  color: #ffd36a !important;
  font-size: 21px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .primary-member-plan-row span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 25px !important;
  padding: 0 7px !important;
  border: 1px solid rgba(255, 204, 84, .5) !important;
  border-radius: 8px !important;
  color: #ffd36a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .primary-member-expiry-block {
  position: absolute !important;
  left: 5.5% !important;
  top: 23% !important;
  display: grid !important;
  gap: 5px !important;
  width: 235px !important;
  min-height: 68px !important;
  padding: 3px 4px 5px !important;
  border-radius: 10px !important;
  background: linear-gradient(90deg, #0a0b08 0%, #0a0b08 80%, rgba(10, 11, 8, .7) 90%, rgba(10, 11, 8, 0) 100%) !important;
}

.xiaohui-app-rebuild-v1 .primary-member-expiry-block span {
  color: rgba(255,255,255,.62) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.xiaohui-app-rebuild-v1 .primary-member-expiry-block b {
  color: #ffd36a !important;
  font-size: 27px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .design-locked-primary > .design-hotspot,
.xiaohui-app-rebuild-v1 .design-locked-primary > .design-lock-nav button {
  position: absolute !important;
  z-index: 4 !important;
  display: block !important;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 14px;
  color: transparent;
  background: transparent;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}

.xiaohui-app-rebuild-v1 .design-hotspot:focus-visible,
.xiaohui-app-rebuild-v1 .design-lock-nav button:focus-visible {
  outline: 2px solid #a983ff;
  outline-offset: -3px;
  background: rgba(133, 82, 255, .12);
}

.xiaohui-app-rebuild-v1 .design-locked-primary > .design-lock-nav {
  position: absolute !important;
  z-index: 4 !important;
  left: 0;
  right: 0;
  bottom: 0;
  height: 104px;
}

.xiaohui-app-rebuild-v1 .design-locked-primary > .design-lock-nav button {
  top: 0;
  bottom: 0;
  width: 25%;
  border-radius: 0;
}

.xiaohui-app-rebuild-v1 .design-lock-nav button:nth-child(1) { left: 0; }
.xiaohui-app-rebuild-v1 .design-lock-nav button:nth-child(2) { left: 25%; }
.xiaohui-app-rebuild-v1 .design-lock-nav button:nth-child(3) { left: 50%; }
.xiaohui-app-rebuild-v1 .design-lock-nav button:nth-child(4) { left: 75%; }

.xiaohui-app-rebuild-v1 .home-member { left: 55%; top: 5.4%; width: 30%; height: 5.6%; }
.xiaohui-app-rebuild-v1 .home-notice { left: 85%; top: 5%; width: 11%; height: 6%; border-radius: 50%; }
.xiaohui-app-rebuild-v1 .home-guide { left: 25%; top: 18.5%; width: 69%; height: 14%; }
.xiaohui-app-rebuild-v1 .home-viral { left: 7%; top: 32%; width: 86%; height: 17%; }
.xiaohui-app-rebuild-v1 .home-script { left: 7%; top: 50.2%; width: 86%; height: 17%; }
.xiaohui-app-rebuild-v1 .home-plan { left: 7%; top: 68.3%; width: 86%; height: 17%; }

.xiaohui-app-rebuild-v1 .tools-logo { left: 4%; top: 4.7%; width: 34%; height: 7%; }
.xiaohui-app-rebuild-v1 .tools-member { left: 62%; top: 5.2%; width: 34%; height: 6%; }
.xiaohui-app-rebuild-v1 .tools-title { left: 12%; top: 12%; width: 77%; height: 7%; }
.xiaohui-app-rebuild-v1 .tool-money { left: 6%; top: 19%; width: 88%; height: 12.2%; }
.xiaohui-app-rebuild-v1 .tool-leads { left: 6%; top: 32%; width: 88%; height: 12.2%; }
.xiaohui-app-rebuild-v1 .tool-script { left: 6%; top: 45%; width: 88%; height: 12.2%; }
.xiaohui-app-rebuild-v1 .tool-service { left: 6%; top: 58%; width: 88%; height: 12.2%; }
.xiaohui-app-rebuild-v1 .tool-stage { left: 6%; top: 71%; width: 88%; height: 12.2%; }

.xiaohui-app-rebuild-v1 .library-logo { left: 4%; top: 4.7%; width: 34%; height: 7%; }
.xiaohui-app-rebuild-v1 .library-member { left: 62%; top: 5.2%; width: 34%; height: 6%; }
.xiaohui-app-rebuild-v1 .library-cases { left: 4%; top: 16%; width: 92%; height: 8%; }
.xiaohui-app-rebuild-v1 .library-all { left: 4%; top: 24%; width: 92%; height: 11%; }
.xiaohui-app-rebuild-v1 .library-card-a { left: 4%; top: 35%; width: 45%; height: 27%; }
.xiaohui-app-rebuild-v1 .library-card-b { left: 51%; top: 35%; width: 45%; height: 27%; }
.xiaohui-app-rebuild-v1 .library-card-c { left: 4%; top: 62%; width: 45%; height: 26%; }
.xiaohui-app-rebuild-v1 .library-card-d { left: 51%; top: 62%; width: 45%; height: 26%; }

.xiaohui-app-rebuild-v1 .member-logo { left: 4%; top: 4.7%; width: 34%; height: 7%; }
.xiaohui-app-rebuild-v1 .member-plan { left: 7%; top: 12%; width: 86%; height: 29%; }
.xiaohui-app-rebuild-v1 .member-tools { left: 7%; top: 44%; width: 86%; height: 8%; }
.xiaohui-app-rebuild-v1 .member-library { left: 7%; top: 52%; width: 86%; height: 8%; }
.xiaohui-app-rebuild-v1 .member-guide { left: 7%; top: 60%; width: 86%; height: 8%; }
.xiaohui-app-rebuild-v1 .member-login { left: 7%; top: 68%; width: 86%; height: 8%; }
.xiaohui-app-rebuild-v1 .member-account { left: 7%; top: 76%; width: 86%; height: 8%; }

.xiaohui-app-rebuild-v1 .design-lock-member .ref-admin-entry {
  position: absolute !important;
  z-index: 6 !important;
  right: 22px !important;
  top: 72px !important;
  width: auto !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255, 209, 102, .9) !important;
  border-radius: 999px !important;
  color: #ffe39a !important;
  background: rgba(19, 14, 5, .86) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="home"].active) > .mobile-app > .ref-bottom-nav,
.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="agents"].active) > .mobile-app > .ref-bottom-nav,
.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="discover"].active) > .mobile-app > .ref-bottom-nav,
.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="profile"].active) > .mobile-app > .ref-bottom-nav {
  display: none !important;
}

/* 二级、三级页面统一暗色容器 */
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="center"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover-cases"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-account"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-member-admin"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-detail"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="video-script-history"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="tool-overview"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-form"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] {
  min-height: 910px !important;
  padding: 20px 18px 116px !important;
  color: var(--satisfied-copy) !important;
  background: radial-gradient(circle at 82% 0%, rgba(89, 60, 255, .24), transparent 28%), radial-gradient(circle at 4% 50%, rgba(21, 117, 255, .15), transparent 34%), linear-gradient(180deg, #020714 0%, #061536 55%, #020713 100%) !important;
}

.xiaohui-app-rebuild-v1 .view-header,
.xiaohui-app-rebuild-v1 .viral-topic-topbar {
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.xiaohui-app-rebuild-v1 .view-header h2 {
  margin: 10px 0 0 !important;
  color: #fff !important;
  font-size: 26px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .view-header p {
  margin: 6px 0 0 !important;
  color: var(--satisfied-muted) !important;
  font-size: 13px !important;
}

.xiaohui-app-rebuild-v1 .icon-button,
.xiaohui-app-rebuild-v1 .viral-back-button {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: rgba(255,255,255,.07) !important;
}

.xiaohui-app-rebuild-v1 .icon-button svg,
.xiaohui-app-rebuild-v1 .viral-back-button svg {
  width: 20px !important;
  height: 20px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="tool-overview"] .tool-overview-page,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-form"] .diagnosis-page,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-page,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-detail"] .viral-page,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-purchase-page,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-member-admin"] .profile-admin-member-grid {
  position: relative;
  z-index: 2;
}

.xiaohui-app-rebuild-v1 .tool-overview-hero,
.xiaohui-app-rebuild-v1 .form-block,
.xiaohui-app-rebuild-v1 .result-header,
.xiaohui-app-rebuild-v1 .result-section,
.xiaohui-app-rebuild-v1 .result-cta,
.xiaohui-app-rebuild-v1 .membership-price-card,
.xiaohui-app-rebuild-v1 .membership-choice-section,
.xiaohui-app-rebuild-v1 .membership-benefits-section,
.xiaohui-app-rebuild-v1 .membership-pay-panel,
.xiaohui-app-rebuild-v1 .membership-upgrade-summary,
.xiaohui-app-rebuild-v1 .profile-admin-member-overview,
.xiaohui-app-rebuild-v1 .profile-admin-member-toolbar,
.xiaohui-app-rebuild-v1 .profile-admin-member-card,
.xiaohui-app-rebuild-v1 .viral-selected,
.xiaohui-app-rebuild-v1 .viral-prompt-copy-card,
.xiaohui-app-rebuild-v1 .viral-member-unlock-card {
  border: 1px solid var(--satisfied-line) !important;
  border-radius: 18px !important;
  color: #fff !important;
  background: var(--satisfied-panel) !important;
  box-shadow: inset 0 0 24px rgba(255,255,255,.025), 0 12px 28px rgba(0,0,0,.18) !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-hero {
  min-height: 210px !important;
  padding: 22px !important;
  border-color: rgba(151,103,255,.62) !important;
  background: linear-gradient(135deg, rgba(98,47,197,.68), rgba(11,27,66,.92)) !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-primary,
.xiaohui-app-rebuild-v1 .submit-btn,
.xiaohui-app-rebuild-v1 .membership-pay-button:not(.ghost),
.xiaohui-app-rebuild-v1 .guide-route-action {
  min-height: 60px !important;
  border: 1px solid rgba(205,183,255,.64) !important;
  border-radius: 20px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #b34cff, #6447ff 54%, #237cff) !important;
  box-shadow: 0 12px 28px rgba(87,71,255,.38), inset 0 0 14px rgba(255,255,255,.2) !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .form-group {
  margin-bottom: 10px !important;
  padding: 12px 13px !important;
  border: 1px solid rgba(145,164,222,.2) !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.06) !important;
}

.xiaohui-app-rebuild-v1 .form-group input,
.xiaohui-app-rebuild-v1 .form-group select,
.xiaohui-app-rebuild-v1 .form-group textarea,
.xiaohui-app-rebuild-v1 .profile-admin-member-search input,
.xiaohui-app-rebuild-v1 .viral-topic-search input,
.xiaohui-app-rebuild-v1 .marketplace-search input {
  color: #fff !important;
  background: transparent !important;
  box-shadow: none !important;
}

.xiaohui-app-rebuild-v1 .membership-price-card {
  border-color: rgba(244,194,91,.75) !important;
  color: #ffe3a0 !important;
  background: radial-gradient(circle at 80% 24%, rgba(255,210,108,.17), transparent 30%), linear-gradient(135deg, #292113, #090b12 64%, #1c1406) !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card.is-selected {
  border-color: #9d6dff !important;
  background: linear-gradient(155deg, rgba(137,71,255,.34), rgba(36,80,182,.2)) !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-partner {
  border-color: rgba(244,194,91,.68) !important;
  background: linear-gradient(135deg, rgba(53,40,16,.96), rgba(13,15,23,.96)) !important;
}

.xiaohui-app-rebuild-v1 .viral-template-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.xiaohui-app-rebuild-v1 .viral-template-card {
  overflow: hidden !important;
  border: 1px solid rgba(215,224,255,.42) !important;
  border-radius: 14px !important;
  background: #091736 !important;
}

.xiaohui-app-rebuild-v1 .ref-bottom-nav {
  left: 50% !important;
  bottom: 0 !important;
  width: min(390px, 100vw) !important;
  min-height: 96px !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(108,137,209,.22) !important;
  border-bottom: 0 !important;
  border-radius: 32px 32px 0 0 !important;
  background: rgba(4,12,33,.96) !important;
  box-shadow: 0 -12px 30px rgba(0,0,0,.26) !important;
  backdrop-filter: blur(16px) !important;
}

@media (max-width: 390px) {
  .xiaohui-app-rebuild-v1 .design-locked-primary,
  .xiaohui-app-rebuild-v1 .tab-screen:has(> .design-locked-primary) {
    min-height: calc(100vw * 2.333333) !important;
  }
  .xiaohui-app-rebuild-v1 .design-lock-image { height: calc(100vw * 2.333333) !important; }
  .xiaohui-app-rebuild-v1 .design-lock-nav { height: calc(100vw * .266667) !important; }
}

/* Reference V2 secondary pages: visual shell only, keep legacy IDs/events alive. */
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="tool-overview"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-form"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-detail"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="video-script-history"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-member-admin"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-account"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover-cases"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] {
  position: relative !important;
  min-height: 100vh !important;
  padding: 16px 18px 112px !important;
  overflow: hidden auto !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(118, 88, 255, 0.42), transparent 34%),
    radial-gradient(circle at 92% 18%, rgba(0, 153, 255, 0.30), transparent 32%),
    linear-gradient(180deg, #05091f 0%, #071634 48%, #030817 100%) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="tool-overview"]::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-form"]::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"]::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"]::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-detail"]::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="video-script-history"]::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"]::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-member-admin"]::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-account"]::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover-cases"]::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"]::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"]::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(126, 115, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(126, 115, 255, 0.06) 1px, transparent 1px) !important;
  background-size: 28px 28px !important;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.9), rgba(0,0,0,0.1)) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="tool-overview"] > *,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-form"] > *,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] > *,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-browser"] > *,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="viral-detail"] > *,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="video-script-history"] > *,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] > *,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-member-admin"] > *,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-account"] > *,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover-cases"] > *,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] > *,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] > *,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] > * {
  position: relative !important;
  z-index: 1 !important;
}

.xiaohui-app-rebuild-v1 .view-header,
.xiaohui-app-rebuild-v1 .tool-overview-nav,
.xiaohui-app-rebuild-v1 .viral-topic-topbar {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 58px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
}

.xiaohui-app-rebuild-v1 .view-header > div {
  display: contents !important;
}

.xiaohui-app-rebuild-v1 .view-header::after,
.xiaohui-app-rebuild-v1 .tool-overview-nav::after,
.xiaohui-app-rebuild-v1 .viral-topic-topbar::after {
  content: "" !important;
  justify-self: end !important;
  width: 112px !important;
  height: 38px !important;
  background: url("./assets/xiaohui-logo-hd.png") center / contain no-repeat !important;
}

.xiaohui-app-rebuild-v1 .icon-button,
.xiaohui-app-rebuild-v1 .viral-back-button {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

.xiaohui-app-rebuild-v1 .icon-button svg,
.xiaohui-app-rebuild-v1 .viral-back-button svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
}

.xiaohui-app-rebuild-v1 .view-header h2,
.xiaohui-app-rebuild-v1 .viral-topic-topbar > strong,
.xiaohui-app-rebuild-v1 .tool-overview-nav > span {
  grid-column: 2 !important;
  justify-self: center !important;
  margin: 0 !important;
  max-width: 190px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-shadow: 0 0 20px rgba(139, 103, 255, 0.55) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .view-header h2 {
  max-width: 200px !important;
  font-size: 18px !important;
}

.xiaohui-app-rebuild-v1 .view-header p,
.xiaohui-app-rebuild-v1 .viral-mini-menu {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-page,
.xiaohui-app-rebuild-v1 .diagnosis-page,
.xiaohui-app-rebuild-v1 .result-page,
.xiaohui-app-rebuild-v1 .viral-page,
.xiaohui-app-rebuild-v1 .membership-purchase-page,
.xiaohui-app-rebuild-v1 .profile-admin-member-overview,
.xiaohui-app-rebuild-v1 .profile-admin-member-toolbar,
.xiaohui-app-rebuild-v1 .guide-center-panel {
  display: grid !important;
  gap: 16px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover-cases"] .discover-card,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-search-card,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-agent-card,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-card-main,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .agent-empty-state,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-account"] .profile-card,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-account"] .member-gate-panel,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-account"] .member-login-card,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-account"] .member-benefits-card,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-account"] .stat-card,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-account"] .profile-menu-item,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-choice-section,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-benefits-section,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-pay-panel,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-upgrade-summary {
  border: 1px solid rgba(151, 135, 255, 0.28) !important;
  background: linear-gradient(145deg, rgba(25, 34, 78, 0.92), rgba(8, 18, 47, 0.90)) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.09), 0 18px 38px rgba(0,0,0,0.28) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover-cases"] .discover-card strong,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] strong,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-account"] strong,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-section-heading strong,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-plan-card-label {
  color: #fff !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover-cases"] .discover-card p,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] p,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] small,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-account"] p,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-account"] small,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-account"] .stat-card span,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] small,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] p {
  color: rgba(224, 231, 255, 0.70) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-account"] .member-benefit-item,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-account"] .member-account-fallback,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-plan-card {
  border-color: rgba(255,255,255,0.14) !important;
  background: rgba(255,255,255,0.07) !important;
  color: #fff !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-account"] .member-login-form input {
  border-color: rgba(255,255,255,0.16) !important;
  background: rgba(255,255,255,0.09) !important;
  color: #fff !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-search,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-search input {
  border-color: rgba(255,255,255,0.16) !important;
  background: rgba(255,255,255,0.09) !important;
  color: #fff !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-search input::placeholder {
  color: rgba(224,231,255,0.52) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-stats span,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .filter-button {
  border: 1px solid rgba(255,255,255,0.14) !important;
  background: rgba(255,255,255,0.08) !important;
  color: rgba(235,241,255,0.80) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-stats span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .filter-button.active {
  border-color: transparent !important;
  background: linear-gradient(135deg, #506dff, #7a55ff) !important;
  color: #fff !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-plan-card.is-selected {
  border-color: rgba(104, 236, 255, 0.72) !important;
  background: linear-gradient(145deg, rgba(34, 71, 103, 0.92), rgba(18, 29, 67, 0.92)) !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-hero,
.xiaohui-app-rebuild-v1 .diagnosis-header,
.xiaohui-app-rebuild-v1 .result-header,
.xiaohui-app-rebuild-v1 .membership-price-card,
.xiaohui-app-rebuild-v1 .profile-admin-member-overview,
.xiaohui-app-rebuild-v1 .profile-admin-member-toolbar,
.xiaohui-app-rebuild-v1 .viral-topic-search,
.xiaohui-app-rebuild-v1 .viral-topic-detail-sheet,
.xiaohui-app-rebuild-v1 .form-block,
.xiaohui-app-rebuild-v1 .result-section {
  border: 1px solid rgba(151, 135, 255, 0.28) !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, rgba(31, 38, 82, 0.82), rgba(9, 18, 47, 0.72)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 22px 44px rgba(0,0,0,0.32) !important;
  backdrop-filter: blur(16px) !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-hero {
  min-height: 250px !important;
  padding: 28px 24px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(132, 89, 255, 0.34), transparent 35%),
    linear-gradient(145deg, rgba(49, 29, 109, 0.88), rgba(9, 20, 55, 0.78)) !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-icon {
  display: grid !important;
  place-items: center !important;
  width: 86px !important;
  height: 86px !important;
  margin-bottom: 14px !important;
  border-radius: 28px !important;
  background: radial-gradient(circle, rgba(255,255,255,0.28), rgba(113, 88, 255, 0.82)) !important;
  box-shadow: 0 0 28px rgba(130, 98, 255, 0.68) !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-icon svg {
  width: 48px !important;
  height: 48px !important;
  color: #fff !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-badge,
.xiaohui-app-rebuild-v1 .membership-plan-tag {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  background: rgba(124, 94, 255, 0.20) !important;
  color: #f0e9ff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-hero h1,
.xiaohui-app-rebuild-v1 .diagnosis-header h1,
.xiaohui-app-rebuild-v1 .result-header strong,
.xiaohui-app-rebuild-v1 .membership-price-card h3 {
  margin: 12px 0 8px !important;
  color: #fff !important;
  font-size: 30px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-hero p,
.xiaohui-app-rebuild-v1 .diagnosis-header p,
.xiaohui-app-rebuild-v1 .membership-price-card p,
.xiaohui-app-rebuild-v1 .result-section p,
.xiaohui-app-rebuild-v1 .result-section li,
.xiaohui-app-rebuild-v1 .form-block-head span,
.xiaohui-app-rebuild-v1 .tool-overview-start small {
  color: rgba(224, 231, 255, 0.72) !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-benefits {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-benefits article,
.xiaohui-app-rebuild-v1 .membership-benefit-list li,
.xiaohui-app-rebuild-v1 .profile-admin-member-card,
.xiaohui-app-rebuild-v1 .viral-template-card {
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.07) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-benefits article {
  min-height: 112px !important;
  padding: 16px !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-benefits article span {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  margin-bottom: 10px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #7c5cff, #28c9ff) !important;
  color: #fff !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-start {
  display: grid !important;
  gap: 12px !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-primary,
.xiaohui-app-rebuild-v1 .submit-btn,
.xiaohui-app-rebuild-v1 .membership-pay-button,
.xiaohui-app-rebuild-v1 .copy-prompt-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, #29d7ff, #7c5cff 58%, #ff5bea) !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  box-shadow: 0 16px 34px rgba(105, 91, 255, 0.45) !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-primary svg {
  width: 26px !important;
  height: 26px !important;
  margin-left: 10px !important;
}

.xiaohui-app-rebuild-v1 .tool-overview-help,
.xiaohui-app-rebuild-v1 .membership-pay-button.ghost {
  min-height: 50px !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.08) !important;
  color: rgba(237,242,255,0.88) !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .diagnosis-header,
.xiaohui-app-rebuild-v1 .result-header,
.xiaohui-app-rebuild-v1 .membership-price-card {
  padding: 22px !important;
}

.xiaohui-app-rebuild-v1 .diagnosis-form {
  display: grid !important;
  gap: 16px !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.xiaohui-app-rebuild-v1 .form-block,
.xiaohui-app-rebuild-v1 .form-block-extra {
  padding: 18px !important;
}

.xiaohui-app-rebuild-v1 .form-block-extra summary {
  color: #fff !important;
}

.xiaohui-app-rebuild-v1 .form-group label,
.xiaohui-app-rebuild-v1 .form-block-head strong {
  color: #fff !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .form-group input,
.xiaohui-app-rebuild-v1 .form-group select,
.xiaohui-app-rebuild-v1 .form-group textarea,
.xiaohui-app-rebuild-v1 .profile-admin-member-search input,
.xiaohui-app-rebuild-v1 .viral-topic-search input {
  width: 100% !important;
  min-height: 48px !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.10) !important;
  color: #fff !important;
  caret-color: #8adfff !important;
}

.xiaohui-app-rebuild-v1 .form-group input::placeholder,
.xiaohui-app-rebuild-v1 .form-group textarea::placeholder,
.xiaohui-app-rebuild-v1 .profile-admin-member-search input::placeholder,
.xiaohui-app-rebuild-v1 .viral-topic-search input::placeholder {
  color: rgba(224,231,255,0.45) !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-list-panel {
  display: grid !important;
  gap: 14px !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-search {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 34px !important;
  align-items: center !important;
  padding: 8px 12px !important;
}

.xiaohui-app-rebuild-v1 .viral-filter-group {
  display: grid !important;
  gap: 8px !important;
}

.xiaohui-app-rebuild-v1 .viral-filter-group > span {
  color: rgba(238,243,255,0.76) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-category-filter,
.xiaohui-app-rebuild-v1 .viral-level-filter {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-category-filter button,
.xiaohui-app-rebuild-v1 .viral-level-filter button {
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 11px !important;
  background: rgba(255,255,255,0.08) !important;
  color: rgba(235,241,255,0.76) !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-category-filter button.active,
.xiaohui-app-rebuild-v1 .viral-level-filter button.active {
  background: linear-gradient(135deg, #605dff, #8b5cff) !important;
  color: #fff !important;
  box-shadow: 0 0 20px rgba(104,94,255,0.45) !important;
}

.xiaohui-app-rebuild-v1 .viral-template-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.xiaohui-app-rebuild-v1 .viral-template-card {
  overflow: hidden !important;
  min-height: 230px !important;
}

.xiaohui-app-rebuild-v1 .viral-template-card img,
.xiaohui-app-rebuild-v1 .viral-template-cover,
.xiaohui-app-rebuild-v1 .viral-selected img,
.xiaohui-app-rebuild-v1 .viral-selected video {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

.xiaohui-app-rebuild-v1 .viral-template-card .viral-template-cover {
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-detail-sheet {
  padding: 16px !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) {
  position: fixed !important;
  z-index: 500 !important;
  inset: 0 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 auto !important;
  padding: 0 16px 112px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  background:
    radial-gradient(circle at 82% 12%, rgba(90, 73, 255, .24), transparent 32%),
    linear-gradient(180deg, #030817, #071737 70%, #030817) !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden)::-webkit-scrollbar {
  width: 0 !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) .viral-topic-detail-sheet {
  min-height: 100% !important;
  padding: 18px 0 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) .viral-modal-head {
  position: sticky !important;
  z-index: 4 !important;
  top: 0 !important;
  min-height: 70px !important;
  margin: 0 -16px 14px !important;
  padding: 12px 16px !important;
  background: rgba(3, 8, 23, .92) !important;
  backdrop-filter: blur(14px) !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) .viral-modal-head span {
  color: rgba(203, 214, 244, .7) !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) .viral-modal-head strong {
  margin-top: 3px !important;
  font-size: 18px !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) .viral-selected {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) .viral-selected h1 {
  order: 2 !important;
  margin: 4px 0 0 !important;
  color: #fff !important;
  font-size: 30px !important;
  line-height: 1.15 !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) .viral-topic-meta {
  order: 3 !important;
  display: flex !important;
  gap: 10px !important;
  color: rgba(224, 231, 255, .72) !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) .viral-media-stage {
  order: 1 !important;
  width: 100% !important;
  display: grid !important;
  gap: 10px !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) .viral-media-stage .viral-media-tabs {
  order: 0 !important;
  justify-self: start !important;
  margin: 0 !important;
  border: 1px solid rgba(109, 124, 184, .28) !important;
  background: rgba(12, 24, 55, .88) !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) .viral-media-stage .viral-media-tab {
  min-height: 34px !important;
  color: rgba(222, 230, 255, .7) !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) .viral-media-stage .viral-media-tab.active {
  color: #fff !important;
  background: linear-gradient(135deg, #5f4ee7, #446cf1) !important;
  box-shadow: 0 6px 16px rgba(72, 82, 224, .28) !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) .viral-detail-cover,
.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) .viral-detail-video {
  width: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(91, 112, 174, .3) !important;
  border-radius: 16px !important;
  background: #020713 !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) .viral-detail-cover img,
.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) .viral-detail-video video {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) .viral-member-unlock-card,
.xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden) .viral-detail-content {
  order: 4 !important;
}

.xiaohui-app-rebuild-v1 .viral-modal-head,
.xiaohui-app-rebuild-v1 .viral-prompt-head,
.xiaohui-app-rebuild-v1 .membership-section-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: #fff !important;
}

.xiaohui-app-rebuild-v1 .viral-prompt-copy-card {
  margin-top: 14px !important;
  padding: 14px !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.07) !important;
}

.xiaohui-app-rebuild-v1 #viralPromptText {
  min-height: 148px !important;
  max-height: 340px !important;
  padding: 14px !important;
  border: 1px solid rgba(150, 171, 236, .20) !important;
  border-radius: 14px !important;
  white-space: pre-wrap !important;
  color: rgba(242,246,255,.88) !important;
  background: rgba(3, 8, 23, .78) !important;
}

.xiaohui-app-rebuild-v1 .viral-prompt-head strong {
  color: #fff !important;
}

.xiaohui-app-rebuild-v1 .viral-member-unlock-card {
  order: 4 !important;
  display: grid !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 2px 0 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(154, 112, 255, .52) !important;
  border-radius: 20px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(78, 121, 255, .30), transparent 34%),
    linear-gradient(145deg, rgba(55, 27, 119, .92), rgba(9, 23, 58, .98) 68%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 16px 34px rgba(28, 18, 82, .34) !important;
}

.xiaohui-app-rebuild-v1 .viral-unlock-kicker {
  width: fit-content !important;
  padding: 4px 9px !important;
  border: 1px solid rgba(255, 215, 123, .38) !important;
  border-radius: 999px !important;
  color: #ffd77b !important;
  background: rgba(255, 210, 103, .10) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .viral-member-unlock-card > strong {
  margin: -2px 0 0 !important;
  color: #fff !important;
  font-size: 21px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

.xiaohui-app-rebuild-v1 .viral-unlock-features {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.xiaohui-app-rebuild-v1 .viral-unlock-feature {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  min-height: 44px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(188, 203, 255, .16) !important;
  border-radius: 13px !important;
  color: rgba(240, 244, 255, .92) !important;
  background: rgba(255,255,255,.065) !important;
}

.xiaohui-app-rebuild-v1 .viral-unlock-feature i {
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 10px !important;
  color: #d9c7ff !important;
  background: linear-gradient(135deg, rgba(148, 93, 255, .36), rgba(50, 111, 255, .22)) !important;
}

.xiaohui-app-rebuild-v1 .viral-unlock-feature svg {
  width: 17px !important;
  height: 17px !important;
}

.xiaohui-app-rebuild-v1 .viral-unlock-feature b {
  color: inherit !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
}

.xiaohui-app-rebuild-v1 .viral-unlock-action {
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  border: 1px solid rgba(218, 196, 255, .66) !important;
  border-radius: 14px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #b447ff, #7244ff 54%, #347dff) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  box-shadow: 0 10px 24px rgba(92, 61, 255, .30), inset 0 1px 0 rgba(255,255,255,.20) !important;
}

.xiaohui-app-rebuild-v1 .viral-breakdown-panel {
  order: 4 !important;
  display: grid !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 2px 0 0 !important;
}

.xiaohui-app-rebuild-v1 .viral-breakdown-head {
  display: grid !important;
  gap: 5px !important;
  padding: 0 2px !important;
}

.xiaohui-app-rebuild-v1 .viral-breakdown-head > span {
  color: #fff !important;
  font-size: 19px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

.xiaohui-app-rebuild-v1 .viral-breakdown-head p {
  margin: 0 !important;
  color: rgba(218, 226, 255, .66) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.xiaohui-app-rebuild-v1 .viral-breakdown-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.xiaohui-app-rebuild-v1 .viral-breakdown-card {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 154px !important;
  padding: 13px !important;
  border: 1px solid rgba(160, 179, 239, .24) !important;
  border-radius: 17px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 82% 10%, rgba(74, 117, 255, .18), transparent 38%),
    linear-gradient(145deg, rgba(20, 33, 75, .94), rgba(7, 18, 43, .96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 12px 24px rgba(0,0,0,.18) !important;
}

.xiaohui-app-rebuild-v1 .viral-breakdown-card.is-full {
  grid-column: 1 / -1 !important;
  min-height: 0 !important;
}

.xiaohui-app-rebuild-v1 .viral-breakdown-icon {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 13px !important;
  color: #e2d7ff !important;
  background: linear-gradient(135deg, rgba(153, 91, 255, .50), rgba(42, 111, 255, .34)) !important;
  box-shadow: 0 0 18px rgba(108, 79, 255, .26) !important;
}

.xiaohui-app-rebuild-v1 .viral-breakdown-icon svg {
  width: 23px !important;
  height: 23px !important;
}

.xiaohui-app-rebuild-v1 .viral-breakdown-copy {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .viral-breakdown-copy strong {
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .viral-breakdown-copy p {
  margin: 0 !important;
  color: rgba(224, 231, 255, .72) !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
}

.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="viral-detail"].active) .xiaohui-assistant-launcher {
  top: 92px !important;
  right: max(12px, calc((100vw - var(--xiaohui-mobile-canvas)) / 2 + 12px)) !important;
  bottom: auto !important;
  width: 52px !important;
  height: 52px !important;
  padding: 6px !important;
}

.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="viral-detail"].active) .assistant-launcher-bubble {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-grid {
  display: grid !important;
  gap: 12px !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card {
  min-height: 118px !important;
  padding: 18px !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  text-align: left !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card.is-selected {
  border-color: rgba(104, 236, 255, 0.72) !important;
  box-shadow: 0 0 0 1px rgba(104,236,255,0.38), 0 18px 32px rgba(35, 216, 255, 0.18) !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-partner {
  background:
    radial-gradient(circle at 10% 8%, rgba(255, 229, 151, 0.36), transparent 32%),
    linear-gradient(135deg, #17100a, #34240e 54%, #090807) !important;
  border-color: rgba(255, 210, 103, 0.55) !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card-price strong {
  color: #fff1b8 !important;
  font-size: 34px !important;
  font-weight: 950 !important;
}

.xiaohui-app-rebuild-v1 .membership-benefit-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.xiaohui-app-rebuild-v1 .membership-benefit-list li {
  display: grid !important;
  grid-template-columns: 34px minmax(0,1fr) !important;
  gap: 10px !important;
  padding: 14px !important;
}

.xiaohui-app-rebuild-v1 .membership-benefit-check {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #ffd76a, #8f5d10) !important;
  color: #1c1205 !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-card {
  padding: 14px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-action {
  min-height: 34px !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-action.selected {
  background: linear-gradient(135deg, #25d0ff, #7b5cff) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-action.revoke {
  grid-column: 1 / -1 !important;
  color: #ffd4d4 !important;
}

.xiaohui-app-rebuild-v1 .result-section {
  padding: 18px !important;
}

.xiaohui-app-rebuild-v1 #moneyResultSection .revenue-impact-card,
.xiaohui-app-rebuild-v1 #moneyResultSection .result-metric-card,
.xiaohui-app-rebuild-v1 #moneyResultSection .score-secondary-card {
  border: 1px solid rgba(151, 135, 255, .32) !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 86% 14%, rgba(118, 82, 255, .24), transparent 34%),
    linear-gradient(145deg, rgba(27, 36, 81, .94), rgba(7, 17, 45, .94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 16px 34px rgba(0,0,0,.24) !important;
}

.xiaohui-app-rebuild-v1 #moneyResultSection .revenue-impact-card h3,
.xiaohui-app-rebuild-v1 #moneyResultSection .revenue-impact-card p,
.xiaohui-app-rebuild-v1 #moneyResultSection .result-metric-card span,
.xiaohui-app-rebuild-v1 #moneyResultSection .result-metric-card small,
.xiaohui-app-rebuild-v1 #moneyResultSection .score-secondary-card h3,
.xiaohui-app-rebuild-v1 #moneyResultSection .score-secondary-card p {
  color: rgba(230, 236, 255, .78) !important;
}

.xiaohui-app-rebuild-v1 #moneyResultSection .revenue-impact-card > strong {
  color: #d9b6ff !important;
  text-shadow: 0 0 22px rgba(157, 91, 255, .5) !important;
}

.xiaohui-app-rebuild-v1 #moneyResultSection .result-metric-card strong {
  color: #9bb9ff !important;
}

.xiaohui-app-rebuild-v1 #moneyResultSection .result-metric-card.warm strong {
  color: #ffd36a !important;
}

.xiaohui-app-rebuild-v1 .result-section h3,
.xiaohui-app-rebuild-v1 .viral-modal-head strong,
.xiaohui-app-rebuild-v1 .viral-prompt-head strong,
.xiaohui-app-rebuild-v1 .membership-section-heading strong {
  color: #fff !important;
}

.xiaohui-app-rebuild-v1 .industry-header {
  padding: 12px 0 18px !important;
}

.xiaohui-app-rebuild-v1 .industry-icon {
  display: grid !important;
  place-items: center !important;
  width: 68px !important;
  height: 68px !important;
  margin: 0 auto 12px !important;
  border: 1px solid rgba(167, 137, 255, .44) !important;
  color: #cbb7ff !important;
  background: linear-gradient(145deg, rgba(116, 76, 255, .32), rgba(27, 87, 198, .28)) !important;
  box-shadow: 0 0 28px rgba(110, 72, 255, .2) !important;
}

.xiaohui-app-rebuild-v1 .industry-icon svg {
  color: currentColor !important;
  stroke: currentColor !important;
}

.xiaohui-app-rebuild-v1 .industry-header h1 {
  margin: 0 0 5px !important;
  color: #fff !important;
  font-size: 23px !important;
  text-shadow: 0 0 22px rgba(133, 99, 255, .42) !important;
}

.xiaohui-app-rebuild-v1 .industry-header p {
  margin: 0 !important;
  color: rgba(218, 225, 249, .72) !important;
}

.xiaohui-app-rebuild-v1 .pain-section {
  margin-bottom: 14px !important;
  padding: 18px !important;
  border: 1px solid rgba(148, 129, 255, .3) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(22, 31, 72, .94), rgba(6, 18, 48, .94)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 16px 34px rgba(0, 0, 0, .2) !important;
}

.xiaohui-app-rebuild-v1 .pain-section h3,
.xiaohui-app-rebuild-v1 .pain-item strong,
.xiaohui-app-rebuild-v1 .solution-item strong {
  color: #fff !important;
}

.xiaohui-app-rebuild-v1 .pain-item,
.xiaohui-app-rebuild-v1 .solution-item {
  border: 1px solid rgba(151, 132, 255, .22) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .055) !important;
}

.xiaohui-app-rebuild-v1 .pain-item p,
.xiaohui-app-rebuild-v1 .solution-item p {
  color: rgba(216, 224, 249, .68) !important;
}

.xiaohui-app-rebuild-v1 .solution-icon {
  color: #fff !important;
  background: linear-gradient(135deg, #4dd5b2, #347cff) !important;
}

.xiaohui-app-rebuild-v1 .industry-cta .submit-btn {
  width: 100% !important;
  min-height: 54px !important;
  border: 1px solid rgba(224, 205, 255, .66) !important;
  border-radius: 17px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #8247ff, #346dff) !important;
  box-shadow: 0 0 24px rgba(112, 72, 255, .34) !important;
}

@media (max-width: 380px) {
  .xiaohui-app-rebuild-v1 .viral-template-list,
  .xiaohui-app-rebuild-v1 .tool-overview-benefits,
  .xiaohui-app-rebuild-v1 .membership-benefit-list,
  .xiaohui-app-rebuild-v1 .profile-admin-member-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Selected membership direction 2 and shared mobile canvas. */
html {
  background: #020615 !important;
}

body.xiaohui-app-rebuild-v1 {
  --xiaohui-mobile-canvas: 390px;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background: #020615 !important;
}

.xiaohui-app-rebuild-v1 .mobile-app {
  position: relative !important;
  left: auto !important;
  width: min(100vw, var(--xiaohui-mobile-canvas)) !important;
  max-width: var(--xiaohui-mobile-canvas) !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  margin: 0 auto !important;
  overflow: clip !important;
  background: #020615 !important;
  transform: none !important;
  box-shadow: none !important;
}

.xiaohui-app-rebuild-v1 .screen-shell,
.xiaohui-app-rebuild-v1 .tab-screen {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.xiaohui-app-rebuild-v1 .screen-shell {
  min-height: 100vh !important;
  min-height: 100dvh !important;
  overflow-x: clip !important;
  background: #020615 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen:has(> .design-locked-primary),
.xiaohui-app-rebuild-v1 .design-locked-primary,
.xiaohui-app-rebuild-v1 .design-lock-image {
  width: 100% !important;
  height: 910px !important;
  min-height: 910px !important;
  margin: 0 !important;
  transform: none !important;
}

.xiaohui-app-rebuild-v1 .design-lock-image {
  inset: 0 !important;
  object-fit: fill !important;
  object-position: center top !important;
}

.xiaohui-app-rebuild-v1 .design-lock-nav {
  display: none !important;
}

.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="home"].active) > .mobile-app > .ref-bottom-nav,
.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="agents"].active) > .mobile-app > .ref-bottom-nav,
.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="discover"].active) > .mobile-app > .ref-bottom-nav,
.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="profile"].active) > .mobile-app > .ref-bottom-nav {
  display: grid !important;
}

.xiaohui-app-rebuild-v1 .ref-bottom-nav {
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  width: min(100vw, var(--xiaohui-mobile-canvas)) !important;
  min-height: 104px !important;
  padding: 10px 8px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  border: 1px solid rgba(109, 134, 207, .28) !important;
  border-bottom: 0 !important;
  border-radius: 30px 30px 0 0 !important;
  background: linear-gradient(180deg, #071635 0%, #030817 100%) !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 -12px 28px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .07) !important;
}

.xiaohui-app-rebuild-v1 .ref-bottom-nav .nav-tab {
  grid-template-rows: 30px 18px !important;
  align-content: center !important;
  min-height: 76px !important;
  gap: 4px !important;
}

.xiaohui-app-rebuild-v1 .ref-bottom-nav .ref-nav-icon {
  width: 30px !important;
  height: 30px !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

.xiaohui-app-rebuild-v1 .ref-bottom-nav .nav-tab > span:last-child {
  font-size: 11px !important;
  line-height: 18px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] {
  min-height: 100vh !important;
  min-height: 100dvh !important;
  padding: 0 18px 122px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  background: linear-gradient(180deg, #020816 0%, #071731 48%, #020816 100%) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"]::-webkit-scrollbar {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"]::before {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .membership-page-nav,
.xiaohui-app-rebuild-v1 .membership-purchase-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.xiaohui-app-rebuild-v1 .membership-page-nav {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) 38px !important;
  align-items: center !important;
  min-height: 58px !important;
  margin-bottom: 2px !important;
}

.xiaohui-app-rebuild-v1 .membership-page-nav .icon-button {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
}

.xiaohui-app-rebuild-v1 .membership-page-title {
  grid-column: 2 !important;
  justify-self: center !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .03em !important;
  text-shadow: 0 0 20px rgba(139, 103, 255, .42) !important;
}

.xiaohui-app-rebuild-v1 .membership-page-nav-balance {
  grid-column: 3 !important;
  width: 38px !important;
  height: 38px !important;
}

.xiaohui-app-rebuild-v1 .membership-purchase-page {
  display: grid !important;
  gap: 12px !important;
  padding: 0 2px 8px !important;
  box-sizing: border-box !important;
}

.xiaohui-app-rebuild-v1 .membership-choice-intro {
  display: grid !important;
  grid-template-columns: 1fr !important;
  place-items: start center !important;
  gap: 0 !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 !important;
  text-align: center !important;
  overflow: visible !important;
}

.xiaohui-app-rebuild-v1 .membership-choice-symbol {
  grid-area: symbol !important;
  color: #d3c5ff !important;
  font-size: 30px !important;
  line-height: 1 !important;
  text-shadow: 0 0 12px rgba(143, 91, 255, .9) !important;
}

.xiaohui-app-rebuild-v1 .membership-choice-symbol img {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  filter: drop-shadow(0 0 9px rgba(143, 91, 255, .72)) !important;
}

.xiaohui-app-rebuild-v1 .membership-choice-art {
  display: block !important;
  width: 195px !important;
  height: 48px !important;
  margin-top: 13px !important;
  object-fit: cover !important;
  mix-blend-mode: screen !important;
}

.xiaohui-app-rebuild-v1 .membership-choice-intro .membership-hero-title {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .membership-choice-intro .membership-status-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .membership-gate-notice {
  display: grid !important;
  gap: 4px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(126, 144, 201, .28) !important;
  border-radius: 16px !important;
  color: #f3f5ff !important;
  background: #0a142b !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.xiaohui-app-rebuild-v1 .membership-gate-notice.hidden {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .membership-gate-notice strong {
  color: #e2c77f !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

.xiaohui-app-rebuild-v1 .membership-gate-notice p {
  margin: 0 !important;
  color: rgba(224, 230, 255, .74) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

.xiaohui-app-rebuild-v1 .membership-choice-section {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-choice-section {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(131, 153, 224, .34) !important;
  border-radius: 16px !important;
  color: #fff !important;
  background: linear-gradient(145deg, rgba(13, 24, 51, .98), rgba(6, 16, 37, .98)) !important;
  text-align: left !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 26px rgba(0, 0, 0, .16) !important;
}

.xiaohui-app-rebuild-v1 .membership-standard-plan {
  display: grid !important;
  grid-template-columns: 60px minmax(0, 1fr) auto !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
  gap: 15px !important;
  height: 96px !important;
  min-height: 96px !important;
  padding: 14px 16px !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-annual {
  height: 104px !important;
  min-height: 104px !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-icon {
  display: grid !important;
  place-items: center !important;
  width: 56px !important;
  height: 56px !important;
  border: 0 !important;
  border-radius: 17px !important;
  color: #e2d9ff !important;
  background: transparent !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  box-shadow: none !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-icon img {
  display: block !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 17px !important;
  object-fit: cover !important;
  filter: none !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card-copy {
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card-label {
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card-note {
  color: rgba(211, 221, 249, .62) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card-price {
  display: grid !important;
  grid-template-columns: auto auto !important;
  align-items: baseline !important;
  justify-content: end !important;
  gap: 3px !important;
  min-width: 94px !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card-price strong {
  color: #fff1b8 !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.03em !important;
}

.xiaohui-app-rebuild-v1 .membership-standard-plan:not(.membership-plan-annual) .membership-plan-card-price strong {
  color: #ffffff !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card-price small {
  color: rgba(222, 229, 255, .62) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-recommend {
  position: absolute !important;
  top: 9px !important;
  left: 82px !important;
  right: auto !important;
  z-index: 2 !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #8f46ff, #476cff) !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .membership-selection-mark {
  position: absolute !important;
  top: 9px !important;
  right: 11px !important;
  display: grid !important;
  place-items: center !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: linear-gradient(135deg, #9b62ff, #6f35e9) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.xiaohui-app-rebuild-v1 .membership-selection-mark img {
  display: block !important;
  width: 11px !important;
  height: 11px !important;
}

.xiaohui-app-rebuild-v1 .membership-standard-plan.is-selected {
  border-color: #a069ff !important;
  background: linear-gradient(145deg, rgba(21, 27, 70, .98), rgba(7, 17, 46, .98)) !important;
  box-shadow: 0 0 0 1px rgba(102, 225, 255, .36), 0 0 24px rgba(118, 72, 255, .25), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

.xiaohui-app-rebuild-v1 .membership-standard-plan.is-selected::after {
  content: none !important;
  display: none !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card:not(.is-selected) .membership-selection-mark {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-partner {
  display: grid !important;
  grid-template-columns: 60px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 15px !important;
  height: 100px !important;
  min-height: 100px !important;
  padding: 14px 16px !important;
  border-color: rgba(255, 210, 103, .78) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 226, 145, .10), transparent 34%),
    linear-gradient(135deg, #111314, #1c1a16 52%, #090b0e) !important;
  box-shadow: inset 0 1px 0 rgba(255, 246, 205, .13), 0 0 24px rgba(202, 145, 35, .12) !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-partner-icon {
  border-color: transparent !important;
  color: #ffe49b !important;
  background: transparent !important;
  box-shadow: none !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-partner .membership-plan-card-label,
.xiaohui-app-rebuild-v1 .membership-plan-partner .membership-plan-card-price strong {
  color: #ffe49b !important;
}

.xiaohui-app-rebuild-v1 .membership-benefits-section {
  padding: 14px !important;
  border: 1px solid rgba(131, 153, 224, .28) !important;
  border-radius: 18px !important;
  color: #fff !important;
  background: linear-gradient(145deg, rgba(21, 34, 73, .94), rgba(6, 17, 41, .94)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 14px 30px rgba(0, 0, 0, .18) !important;
}

.xiaohui-app-rebuild-v1 .membership-benefits-section .membership-section-heading {
  justify-content: center !important;
  margin: 0 0 12px !important;
}

.xiaohui-app-rebuild-v1 .membership-benefits-section .membership-section-heading strong {
  color: #f2c766 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
}

.xiaohui-app-rebuild-v1 .membership-benefit-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.xiaohui-app-rebuild-v1 .membership-benefit-item {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 48px !important;
  padding: 8px 9px !important;
  border: 1px solid rgba(255, 221, 139, .18) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .045) !important;
}

.xiaohui-app-rebuild-v1 .membership-benefit-item b {
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 10px !important;
  color: #ffe08a !important;
  background: linear-gradient(135deg, rgba(255, 224, 138, .18), rgba(195, 138, 34, .08)) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.xiaohui-app-rebuild-v1 .membership-benefit-item b img {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
}

.xiaohui-app-rebuild-v1 .ref-bottom-nav .ref-nav-icon img {
  display: block !important;
  width: 23px !important;
  height: 23px !important;
  opacity: .60 !important;
}

.xiaohui-app-rebuild-v1 .ref-bottom-nav .nav-tab.active .ref-nav-icon img {
  opacity: 1 !important;
  filter: drop-shadow(0 0 6px #8c73ff) drop-shadow(0 0 12px rgba(110, 104, 255, .78)) !important;
}

.xiaohui-app-rebuild-v1 .membership-benefit-item strong {
  min-width: 0 !important;
  color: rgba(255, 242, 206, .92) !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .membership-upgrade-summary {
  padding: 12px 14px !important;
  border-radius: 16px !important;
}

.xiaohui-app-rebuild-v1 .membership-pay-panel {
  display: grid !important;
  gap: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.xiaohui-app-rebuild-v1 .membership-pay-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: 100% !important;
  min-height: 55px !important;
  margin: 0 !important;
  border-radius: 16px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .membership-pay-button::before {
  content: "" !important;
  display: block !important;
  width: 29px !important;
  height: 24px !important;
  flex: 0 0 29px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.xiaohui-app-rebuild-v1 .membership-pay-button.ghost::before {
  background-image: url("./assets/membership-wechat-login.png") !important;
}

.xiaohui-app-rebuild-v1 .membership-pay-button:not(.ghost)::before {
  background-image: url("./assets/membership-wechat-pay.png") !important;
}

.xiaohui-app-rebuild-v1 .membership-pay-button.ghost {
  border: 1px solid rgba(143, 151, 207, .34) !important;
  color: #f4f6ff !important;
  background: rgba(255, 255, 255, .07) !important;
  box-shadow: none !important;
}

.xiaohui-app-rebuild-v1 .membership-pay-button:not(.ghost) {
  min-height: 58px !important;
  border: 1px solid rgba(220, 195, 255, .72) !important;
  background: linear-gradient(135deg, #b447ff, #6a43ff 52%, #2d80ff) !important;
  box-shadow: 0 10px 26px rgba(103, 67, 255, .34), inset 0 1px 0 rgba(255, 255, 255, .20) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-plan-card.membership-standard-plan.is-selected {
  border-color: #a069ff !important;
  background: linear-gradient(145deg, rgba(21, 27, 70, .98), rgba(7, 17, 46, .98)) !important;
  box-shadow: 0 0 0 1px rgba(102, 225, 255, .24), 0 0 24px rgba(118, 72, 255, .25), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-plan-card.membership-plan-partner {
  border-color: rgba(255, 210, 103, .78) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 226, 145, .10), transparent 34%),
    linear-gradient(135deg, #111314, #1c1a16 52%, #090b0e) !important;
  box-shadow: inset 0 1px 0 rgba(255, 246, 205, .13), 0 0 24px rgba(202, 145, 35, .12) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-plan-partner .membership-plan-card-label,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-plan-partner .membership-plan-card-price strong {
  color: #ffe49b !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-benefits-section {
  border-color: rgba(131, 153, 224, .28) !important;
  background: linear-gradient(145deg, rgba(21, 34, 73, .94), rgba(6, 17, 41, .94)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 14px 30px rgba(0, 0, 0, .18) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-benefits-section .membership-section-heading {
  display: grid !important;
  grid-template-columns: 48px auto 48px !important;
  align-items: center !important;
  gap: 12px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-benefits-section .membership-section-heading::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-benefits-section .membership-section-heading::after {
  content: "" !important;
  display: block !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(242, 199, 102, .82)) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-benefits-section .membership-section-heading::after {
  transform: scaleX(-1) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-benefits-section .membership-section-heading strong {
  color: #f2c766 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-pay-panel {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="membership-purchase"].active) .xiaohui-assistant-launcher {
  right: max(12px, calc((100vw - var(--xiaohui-mobile-canvas)) / 2 + 12px)) !important;
  bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}

@media (max-width: 370px) {
  .xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  .xiaohui-app-rebuild-v1 .membership-standard-plan,
  .xiaohui-app-rebuild-v1 .membership-plan-partner {
    grid-template-columns: 50px minmax(0, 1fr) auto !important;
    gap: 9px !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .xiaohui-app-rebuild-v1 .membership-plan-icon {
    width: 46px !important;
    height: 46px !important;
  }

  .xiaohui-app-rebuild-v1 .membership-plan-card-price strong {
    font-size: 27px !important;
  }
}

/* 会员中心：已选中的账号优先方案 */
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile"] {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: max(910px, 100dvh) !important;
  padding: 0 !important;
  overflow: visible !important;
  background: #030817 !important;
  box-sizing: border-box !important;
  animation: none !important;
  transform: none !important;
}

.xiaohui-app-rebuild-v1 .screen-shell:has(> .tab-screen[data-screen="profile"].active) {
  min-height: max(910px, 100dvh) !important;
  padding-bottom: 0 !important;
}

.xiaohui-app-rebuild-v1 .member-hub-option-one {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto !important;
  align-content: start !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: max(910px, 100dvh) !important;
  margin: 0 !important;
  padding: max(18px, env(safe-area-inset-top, 0px)) 20px calc(124px + env(safe-area-inset-bottom, 0px)) !important;
  overflow: visible !important;
  color: #f7f8ff !important;
  background: #030817 !important;
  box-sizing: border-box !important;
}

.xiaohui-app-rebuild-v1 .member-hub-option-one > * {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.xiaohui-app-rebuild-v1 .member-hub-brand {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  min-height: 48px !important;
}

.xiaohui-app-rebuild-v1 .member-hub-logo {
  display: inline-flex !important;
  align-items: center !important;
  width: 132px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.xiaohui-app-rebuild-v1 .member-hub-logo img {
  display: block !important;
  width: 132px !important;
  height: auto !important;
  object-fit: contain !important;
}

.xiaohui-app-rebuild-v1 .member-hub-brand .ref-admin-entry {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(247, 201, 93, .58) !important;
  border-radius: 999px !important;
  color: #ffe39a !important;
  background: #161208 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.xiaohui-app-rebuild-v1 .member-hub-brand .ref-admin-entry.hidden {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .member-hub-identity {
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  grid-template-rows: 82px 52px !important;
  gap: 10px 16px !important;
  min-width: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(126, 144, 201, .28) !important;
  border-radius: 22px !important;
  background: #0a142b !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 14px 30px rgba(0,0,0,.22) !important;
}

.xiaohui-app-rebuild-v1 .member-hub-avatar-button {
  display: block !important;
  width: 76px !important;
  height: 76px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 2px solid #7f63ff !important;
  border-radius: 50% !important;
  background: #162753 !important;
  box-shadow: 0 0 0 4px rgba(84, 200, 255, .12), 0 0 24px rgba(126, 87, 255, .34) !important;
}

.xiaohui-app-rebuild-v1 .member-hub-avatar-button img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.xiaohui-app-rebuild-v1 .member-hub-identity-copy {
  align-self: center !important;
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .member-hub-name-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .member-hub-name-row strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .member-hub-name-row span {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(255, 204, 80, .6) !important;
  border-radius: 999px !important;
  color: #ffd36a !important;
  background: #171306 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.xiaohui-app-rebuild-v1 .member-hub-identity-copy > small {
  display: block !important;
  margin-top: 8px !important;
  overflow: hidden !important;
  color: rgba(223, 230, 255, .66) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .member-hub-account-actions {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
}

.xiaohui-app-rebuild-v1 #memberHubGuestActions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.xiaohui-app-rebuild-v1 .member-hub-account-actions.hidden {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .member-hub-account-actions button {
  min-height: 46px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(148, 163, 214, .22) !important;
  border-radius: 13px !important;
  color: #dfe5ff !important;
  background: #101d3a !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.xiaohui-app-rebuild-v1 #memberHubGuestActions button:first-child {
  border-color: rgba(119, 93, 255, .74) !important;
  color: #fff !important;
  background: #5a4ee5 !important;
  box-shadow: 0 8px 20px rgba(89, 74, 230, .28) !important;
}

.xiaohui-app-rebuild-v1 .member-hub-plan {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: 12px !important;
  row-gap: 10px !important;
  min-width: 0 !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(255, 205, 83, .82) !important;
  border-radius: 20px !important;
  background: #100d05 !important;
  box-shadow: inset 0 1px 0 rgba(255,246,196,.2), 0 12px 30px rgba(112, 72, 0, .22) !important;
}

.xiaohui-app-rebuild-v1 .member-hub-plan > img {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
  width: 64px !important;
  height: 64px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 5px 8px rgba(255, 193, 61, .32)) !important;
}

.xiaohui-app-rebuild-v1 .member-hub-plan-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .member-hub-plan-copy > div {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.xiaohui-app-rebuild-v1 .member-hub-plan-copy strong {
  color: #ffe19a !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .member-hub-plan-copy span {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 0 7px !important;
  border: 1px solid rgba(255, 205, 83, .48) !important;
  border-radius: 999px !important;
  color: #ffd46c !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .member-hub-plan-copy small {
  display: block !important;
  margin-top: 5px !important;
  color: rgba(255, 227, 164, .66) !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

.xiaohui-app-rebuild-v1 .member-hub-plan-copy b {
  color: #ffd779 !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .member-hub-plan > button {
  grid-column: 2 !important;
  grid-row: 2 !important;
  justify-self: start !important;
  min-width: 146px !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #241600 !important;
  background: #f6c75e !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  box-shadow: 0 8px 18px rgba(246, 199, 94, .2) !important;
}

.xiaohui-app-rebuild-v1 .member-hub-benefits,
.xiaohui-app-rebuild-v1 .member-hub-settings {
  min-width: 0 !important;
  border: 1px solid rgba(126, 144, 201, .24) !important;
  border-radius: 20px !important;
  background: #09142b !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.xiaohui-app-rebuild-v1 .member-hub-benefits {
  padding: 13px 14px 12px !important;
}

.xiaohui-app-rebuild-v1 .member-hub-benefits > header,
.xiaohui-app-rebuild-v1 .member-hub-settings > header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.xiaohui-app-rebuild-v1 .member-hub-benefits > header strong,
.xiaohui-app-rebuild-v1 .member-hub-settings > header strong {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .member-hub-benefits > header span {
  color: rgba(227, 233, 255, .56) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

.xiaohui-app-rebuild-v1 .member-hub-benefit-list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  margin-top: 10px !important;
}

.xiaohui-app-rebuild-v1 .member-hub-benefit-item {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 62px !important;
  padding: 8px 4px !important;
  border: 0 !important;
  border-top: 1px solid rgba(126, 144, 201, .16) !important;
  color: #e7ebff !important;
  background: transparent !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: background-color 160ms ease, transform 160ms ease !important;
}

.xiaohui-app-rebuild-v1 .member-hub-benefit-item:hover {
  background: rgba(83, 101, 158, .12) !important;
}

.xiaohui-app-rebuild-v1 .member-hub-benefit-item:active {
  background: rgba(216, 183, 103, .1) !important;
  transform: scale(.985) !important;
}

.xiaohui-app-rebuild-v1 .member-hub-benefit-item:focus-visible {
  outline: 2px solid rgba(216, 183, 103, .9) !important;
  outline-offset: -2px !important;
}

.xiaohui-app-rebuild-v1 .member-hub-benefit-item img {
  justify-self: center !important;
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 8px rgba(112, 82, 255, .36)) !important;
}

.xiaohui-app-rebuild-v1 .member-hub-benefit-item span {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .member-hub-benefit-item strong {
  color: #f3f5ff !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
}

.xiaohui-app-rebuild-v1 .member-hub-benefit-item small {
  color: rgba(224, 230, 255, .7) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

.xiaohui-app-rebuild-v1 .member-hub-benefit-item > b {
  color: rgba(216, 183, 103, .72) !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  text-align: right !important;
}

.xiaohui-app-rebuild-v1 .member-hub-settings {
  padding: 12px 14px !important;
}

.xiaohui-app-rebuild-v1 .member-hub-settings > header {
  min-height: 28px !important;
}

.xiaohui-app-rebuild-v1 .member-hub-settings > button {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 51px !important;
  padding: 8px 4px !important;
  border: 0 !important;
  border-top: 1px solid rgba(132, 148, 199, .14) !important;
  color: #fff !important;
  background: transparent !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: background-color 160ms ease, transform 160ms ease !important;
}

.xiaohui-app-rebuild-v1 .member-hub-settings > button img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
  opacity: .9 !important;
  filter: drop-shadow(0 0 8px rgba(110, 83, 255, .38)) !important;
}

.xiaohui-app-rebuild-v1 .member-hub-settings > button span {
  display: grid !important;
  gap: 2px !important;
}

.xiaohui-app-rebuild-v1 .member-hub-settings > button strong {
  color: #f4f6ff !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.xiaohui-app-rebuild-v1 .member-hub-settings > button small {
  color: rgba(220, 227, 255, .55) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}

.xiaohui-app-rebuild-v1 .member-hub-settings > button > b {
  color: rgba(209, 218, 255, .7) !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  text-align: right !important;
}

.xiaohui-app-rebuild-v1 .member-hub-logo,
.xiaohui-app-rebuild-v1 .member-hub-brand .ref-admin-entry,
.xiaohui-app-rebuild-v1 .member-hub-avatar-button,
.xiaohui-app-rebuild-v1 .member-hub-account-actions button,
.xiaohui-app-rebuild-v1 .member-hub-plan > button {
  cursor: pointer !important;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease !important;
}

.xiaohui-app-rebuild-v1 .member-hub-account-actions button:hover,
.xiaohui-app-rebuild-v1 .member-hub-settings > button:hover {
  background: #14213f !important;
}

.xiaohui-app-rebuild-v1 .member-hub-plan > button:hover {
  background: #e2bd68 !important;
}

.xiaohui-app-rebuild-v1 .member-hub-logo:active,
.xiaohui-app-rebuild-v1 .member-hub-brand .ref-admin-entry:active,
.xiaohui-app-rebuild-v1 .member-hub-avatar-button:active,
.xiaohui-app-rebuild-v1 .member-hub-account-actions button:active,
.xiaohui-app-rebuild-v1 .member-hub-plan > button:active,
.xiaohui-app-rebuild-v1 .member-hub-settings > button:active {
  transform: scale(.985) !important;
}

.xiaohui-app-rebuild-v1 .member-hub-logo:focus-visible,
.xiaohui-app-rebuild-v1 .member-hub-brand .ref-admin-entry:focus-visible,
.xiaohui-app-rebuild-v1 .member-hub-avatar-button:focus-visible,
.xiaohui-app-rebuild-v1 .member-hub-account-actions button:focus-visible,
.xiaohui-app-rebuild-v1 .member-hub-plan > button:focus-visible,
.xiaohui-app-rebuild-v1 .member-hub-settings > button:focus-visible {
  outline: 2px solid rgba(216, 183, 103, .9) !important;
  outline-offset: 2px !important;
}

.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="profile"].active) .xiaohui-assistant-launcher {
  top: 24px !important;
  right: 18px !important;
  bottom: auto !important;
  width: 44px !important;
  height: 44px !important;
  border-width: 1px !important;
}

.xiaohui-app-rebuild-v1[data-member-admin="true"]:has(.tab-screen[data-screen="profile"].active) .xiaohui-assistant-launcher {
  right: 114px !important;
}

.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="profile"].active) .xiaohui-assistant-launcher .assistant-launcher-bubble {
  display: none !important;
}

.xiaohui-app-rebuild-v1.member-large-text .member-hub-name-row strong {
  font-size: 22px !important;
}

.xiaohui-app-rebuild-v1.member-large-text .member-hub-settings > button strong,
.xiaohui-app-rebuild-v1.member-large-text .member-hub-benefit-item strong {
  font-size: 15px !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.xiaohui-app-rebuild-v1.member-reduce-motion *,
.xiaohui-app-rebuild-v1.member-reduce-motion *::before,
.xiaohui-app-rebuild-v1.member-reduce-motion *::after {
  animation: none !important;
  transition: none !important;
}

.xiaohui-app-rebuild-v1 .member-settings-sheet {
  position: fixed !important;
  z-index: 2500 !important;
  inset: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
}

.xiaohui-app-rebuild-v1 .member-settings-sheet.hidden {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .member-settings-mask {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(1, 4, 15, .72) !important;
  backdrop-filter: blur(6px) !important;
}

.xiaohui-app-rebuild-v1 .member-settings-panel {
  position: relative !important;
  z-index: 1 !important;
  width: min(390px, 100%) !important;
  max-height: 78vh !important;
  padding: 20px 22px calc(22px + env(safe-area-inset-bottom)) !important;
  overflow-y: auto !important;
  border: 1px solid rgba(132, 148, 199, .28) !important;
  border-bottom: 0 !important;
  border-radius: 26px 26px 0 0 !important;
  color: #fff !important;
  background: #081329 !important;
  box-shadow: 0 -24px 60px rgba(0,0,0,.48) !important;
  box-sizing: border-box !important;
}

.xiaohui-app-rebuild-v1 .member-settings-panel > header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 18px !important;
}

.xiaohui-app-rebuild-v1 .member-settings-panel > header span {
  color: #9e8cff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.xiaohui-app-rebuild-v1 .member-settings-panel > header h2 {
  margin: 3px 0 0 !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .member-settings-panel > header button {
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border: 1px solid rgba(148, 163, 214, .26) !important;
  border-radius: 50% !important;
  color: #e6ebff !important;
  background: #111f3d !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

.xiaohui-app-rebuild-v1 .member-settings-section {
  display: grid !important;
  gap: 12px !important;
}

.xiaohui-app-rebuild-v1 .member-settings-section.hidden {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .member-settings-section > label:not(.member-settings-toggle),
.xiaohui-app-rebuild-v1 .member-settings-account {
  display: grid !important;
  gap: 8px !important;
  padding: 14px !important;
  border: 1px solid rgba(132, 148, 199, .2) !important;
  border-radius: 16px !important;
  background: #0d1a34 !important;
}

.xiaohui-app-rebuild-v1 .member-settings-section > label > span,
.xiaohui-app-rebuild-v1 .member-settings-account > span {
  color: rgba(220, 227, 255, .66) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.xiaohui-app-rebuild-v1 .member-settings-section input[type="text"],
.xiaohui-app-rebuild-v1 .member-settings-section input:not([type]) {
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(148, 163, 214, .28) !important;
  border-radius: 12px !important;
  color: #fff !important;
  background: #061027 !important;
  box-sizing: border-box !important;
}

.xiaohui-app-rebuild-v1 .member-settings-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 64px !important;
  padding: 11px 14px !important;
  border: 1px solid rgba(132, 148, 199, .2) !important;
  border-radius: 16px !important;
  background: #0d1a34 !important;
}

.xiaohui-app-rebuild-v1 .member-settings-toggle > span {
  display: grid !important;
  gap: 3px !important;
}

.xiaohui-app-rebuild-v1 .member-settings-toggle strong,
.xiaohui-app-rebuild-v1 .member-settings-account strong {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.xiaohui-app-rebuild-v1 .member-settings-toggle small,
.xiaohui-app-rebuild-v1 .member-settings-account small {
  color: rgba(220, 227, 255, .58) !important;
  font-size: 11px !important;
}

.xiaohui-app-rebuild-v1 .member-settings-toggle input {
  flex: 0 0 auto !important;
  width: 22px !important;
  height: 22px !important;
  accent-color: #7558ff !important;
}

.xiaohui-app-rebuild-v1 .member-settings-primary,
.xiaohui-app-rebuild-v1 .member-settings-secondary,
.xiaohui-app-rebuild-v1 .member-settings-danger,
.xiaohui-app-rebuild-v1 .member-settings-save {
  width: 100% !important;
  min-height: 46px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.xiaohui-app-rebuild-v1 .member-settings-primary {
  border: 0 !important;
  color: #fff !important;
  background: #5a4ee5 !important;
}

.xiaohui-app-rebuild-v1 .member-settings-secondary {
  border: 1px solid rgba(148, 163, 214, .3) !important;
  color: #e7ebff !important;
  background: #101d3a !important;
}

.xiaohui-app-rebuild-v1 .member-settings-danger {
  border: 1px solid rgba(255, 116, 132, .36) !important;
  color: #ff9aa6 !important;
  background: #28121d !important;
}

.xiaohui-app-rebuild-v1 .member-settings-save {
  margin-top: 16px !important;
  border: 0 !important;
  color: #1d1300 !important;
  background: #f6c75e !important;
}

/* Desktop preview keeps the same 390 × 910 mobile canvas instead of stretching to the browser height. */
@media (min-width: 521px) {
  .xiaohui-app-rebuild-v1 .mobile-app {
    width: var(--xiaohui-mobile-canvas) !important;
    height: 910px !important;
    min-height: 910px !important;
    max-height: 910px !important;
    overflow: hidden !important;
  }

  .xiaohui-app-rebuild-v1 .screen-shell {
    height: 910px !important;
    min-height: 910px !important;
    max-height: 910px !important;
    overflow-y: auto !important;
  }

  .xiaohui-app-rebuild-v1 .screen-shell:has(> .tab-screen[data-screen="home"].active),
  .xiaohui-app-rebuild-v1 .screen-shell:has(> .tab-screen[data-screen="agents"].active),
  .xiaohui-app-rebuild-v1 .screen-shell:has(> .tab-screen[data-screen="discover"].active),
  .xiaohui-app-rebuild-v1 .screen-shell:has(> .tab-screen[data-screen="profile"].active) {
    overflow: hidden !important;
  }

  .xiaohui-app-rebuild-v1 .ref-bottom-nav {
    position: absolute !important;
  }
}

/* 2026-07-23: native high-definition primary tabs.
   The approved composition remains the visual source, but the UI is now real DOM/CSS. */
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="home"] > .native-primary-screen,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agents"] > .native-primary-screen,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover"] > .native-primary-screen {
  display: block !important;
}

.xiaohui-app-rebuild-v1 .screen-shell:has(> .tab-screen[data-screen="home"].active),
.xiaohui-app-rebuild-v1 .screen-shell:has(> .tab-screen[data-screen="agents"].active),
.xiaohui-app-rebuild-v1 .screen-shell:has(> .tab-screen[data-screen="discover"].active) {
  min-height: 100vh !important;
  min-height: 100dvh !important;
  padding-bottom: 0 !important;
  overflow-x: clip !important;
  background: #020615 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="home"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agents"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover"] {
  width: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip !important;
  background: #020615 !important;
  transform: none !important;
}

.xiaohui-app-rebuild-v1 .native-primary-screen {
  position: relative !important;
  width: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: max(18px, env(safe-area-inset-top, 0px)) 20px 0 !important;
  padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: clip !important;
  color: #f7f8ff !important;
  background:
    radial-gradient(circle at 82% 4%, rgba(42, 72, 187, .22), transparent 24%),
    radial-gradient(circle at 4% 46%, rgba(92, 48, 206, .18), transparent 30%),
    linear-gradient(180deg, #020615 0%, #06142f 55%, #020615 100%) !important;
  box-sizing: border-box !important;
  isolation: isolate !important;
}

.xiaohui-app-rebuild-v1 .native-primary-screen::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: .28 !important;
  background-image:
    linear-gradient(rgba(109, 133, 220, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(109, 133, 220, .10) 1px, transparent 1px) !important;
  background-size: 24px 24px !important;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, .7), transparent 72%) !important;
}

.xiaohui-app-rebuild-v1 .native-primary-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 48px !important;
}

.xiaohui-app-rebuild-v1 .native-brand-button {
  display: inline-flex !important;
  align-items: center !important;
  width: 116px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .native-brand-button img {
  display: block !important;
  width: 108px !important;
  height: auto !important;
  object-fit: contain !important;
}

.xiaohui-app-rebuild-v1 .native-top-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.xiaohui-app-rebuild-v1 .native-member-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(255, 201, 75, .94) !important;
  border-radius: 999px !important;
  color: #ffd46e !important;
  background: rgba(7, 9, 22, .88) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: inset 0 0 16px rgba(255, 205, 79, .08), 0 0 16px rgba(255, 175, 44, .08) !important;
}

.xiaohui-app-rebuild-v1 .native-member-pill img {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  object-fit: contain !important;
}

.xiaohui-app-rebuild-v1 .native-icon-button {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .native-icon-button img {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
}

.xiaohui-app-rebuild-v1 .native-notice-button > span {
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #ff4d43 !important;
  box-shadow: 0 0 10px rgba(255, 77, 67, .78) !important;
}

.xiaohui-app-rebuild-v1 .native-home-hero {
  position: relative !important;
  min-height: 153px !important;
  margin: 61px 0 12px !important;
}

.xiaohui-app-rebuild-v1 .native-primary-screen.native-home {
  padding-top: max(18px, env(safe-area-inset-top, 0px)) !important;
}

.xiaohui-app-rebuild-v1 .native-home-hero h1 {
  position: relative !important;
  z-index: 2 !important;
  max-width: 300px !important;
  margin: 0 0 0 20px !important;
  color: transparent !important;
  background: linear-gradient(100deg, #ffffff 0%, #eee5ff 50%, #ed9dff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  font-size: 39px !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
}

.xiaohui-app-rebuild-v1 .native-home .native-brand-button {
  transform: none !important;
}

.xiaohui-app-rebuild-v1 .native-home .native-top-actions {
  transform: translateX(-7px) !important;
}

.xiaohui-app-rebuild-v1 .native-guide-entry {
  position: absolute !important;
  inset: 58px 0 auto auto !important;
  display: block !important;
  width: 264px !important;
  height: 142px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
}

.xiaohui-app-rebuild-v1 .native-guide-entry > span {
  position: absolute !important;
  z-index: 2 !important;
  top: 20px !important;
  left: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 116px !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  color: #17213d !important;
  background: linear-gradient(180deg, #fff, #eef1ff) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .28) !important;
}

.xiaohui-app-rebuild-v1 .native-guide-entry > span::after {
  content: "" !important;
  position: absolute !important;
  right: -13px !important;
  bottom: 7px !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 8px solid transparent !important;
  border-bottom: 2px solid transparent !important;
  border-left: 14px solid #eef1ff !important;
}

.xiaohui-app-rebuild-v1 .native-guide-entry > img {
  position: absolute !important;
  right: 12px !important;
  bottom: 6px !important;
  display: block !important;
  width: 152px !important;
  height: 152px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 18px rgba(118, 104, 255, .58)) !important;
}

.xiaohui-app-rebuild-v1 .native-home-actions {
  display: grid !important;
  width: 100% !important;
}

.xiaohui-app-rebuild-v1 .native-tool-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
}

.xiaohui-app-rebuild-v1 .native-home-actions {
  gap: 16px !important;
}

.xiaohui-app-rebuild-v1 .native-home .native-home-actions {
  width: calc(100% - 9px) !important;
  margin-left: 9px !important;
}

.xiaohui-app-rebuild-v1 .native-primary-action {
  -webkit-tap-highlight-color: transparent !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  transition: transform 120ms ease, filter 120ms ease, border-color 120ms ease, box-shadow 120ms ease !important;
}

.xiaohui-app-rebuild-v1 .native-primary-action:hover {
  filter: brightness(1.08) saturate(1.04) !important;
}

.xiaohui-app-rebuild-v1 .native-primary-action:active {
  transform: scale(.985) !important;
  filter: brightness(1.16) saturate(1.08) !important;
}

.xiaohui-app-rebuild-v1 .native-primary-action:focus-visible,
.xiaohui-app-rebuild-v1 .native-member-pill:focus-visible,
.xiaohui-app-rebuild-v1 .native-icon-button:focus-visible,
.xiaohui-app-rebuild-v1 .native-brand-button:focus-visible,
.xiaohui-app-rebuild-v1 .primary-library-filters button:focus-visible {
  outline: 2px solid #ae8cff !important;
  outline-offset: 3px !important;
}

.xiaohui-app-rebuild-v1 .native-home-action {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr) 42px !important;
  align-items: center !important;
  gap: 13px !important;
  width: 100% !important;
  min-height: 150px !important;
  padding: 16px 22px !important;
  overflow: hidden !important;
  border: 1px solid rgba(224, 230, 255, .34) !important;
  border-radius: 20px !important;
  color: #fff !important;
  text-align: left !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2) !important;
}

.xiaohui-app-rebuild-v1 .native-home-action::after,
.xiaohui-app-rebuild-v1 .native-tool-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .13), transparent 42%, rgba(255, 255, 255, .02)) !important;
}

.xiaohui-app-rebuild-v1 .native-card-purple {
  background:
    radial-gradient(circle at 14% 54%, rgba(191, 84, 255, .52), transparent 28%),
    radial-gradient(circle at 92% 100%, rgba(80, 62, 237, .56), transparent 46%),
    linear-gradient(135deg, #28105f 0%, #33206f 55%, #171d4d 100%) !important;
  box-shadow: 0 12px 30px rgba(80, 48, 193, .32), inset 0 0 26px rgba(174, 111, 255, .08) !important;
}

.xiaohui-app-rebuild-v1 .native-card-blue {
  background:
    radial-gradient(circle at 15% 52%, rgba(65, 161, 255, .48), transparent 28%),
    radial-gradient(circle at 92% 100%, rgba(20, 83, 197, .46), transparent 46%),
    linear-gradient(135deg, #03245f 0%, #043f8f 55%, #061f58 100%) !important;
  box-shadow: 0 12px 30px rgba(9, 63, 154, .34), inset 0 0 26px rgba(85, 168, 255, .08) !important;
}

.xiaohui-app-rebuild-v1 .native-card-gold {
  border-color: rgba(255, 213, 113, .82) !important;
  background:
    radial-gradient(circle at 15% 52%, rgba(255, 211, 111, .46), transparent 29%),
    radial-gradient(circle at 90% 100%, rgba(135, 87, 24, .42), transparent 47%),
    linear-gradient(135deg, #2f210f 0%, #503513 55%, #2c1e0c 100%) !important;
  box-shadow: 0 12px 30px rgba(132, 85, 15, .28), inset 0 0 26px rgba(255, 226, 139, .08) !important;
}

.xiaohui-app-rebuild-v1 .native-action-art {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 108px !important;
  height: 122px !important;
  justify-self: center !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 13px rgba(169, 119, 255, .62)) !important;
}

.xiaohui-app-rebuild-v1 .native-card-gold .native-action-art {
  filter: drop-shadow(0 0 13px rgba(255, 194, 65, .55)) !important;
}

.xiaohui-app-rebuild-v1 .native-action-copy,
.xiaohui-app-rebuild-v1 .native-tool-copy {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .native-action-copy {
  gap: 8px !important;
}

.xiaohui-app-rebuild-v1 .native-action-copy strong {
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
}

.xiaohui-app-rebuild-v1 .native-card-gold .native-action-copy strong {
  color: #ffe5a4 !important;
}

.xiaohui-app-rebuild-v1 .native-action-copy small {
  color: rgba(232, 237, 255, .72) !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
  font-weight: 600 !important;
}

.xiaohui-app-rebuild-v1 .native-card-gold .native-action-copy small {
  color: rgba(255, 238, 198, .78) !important;
}

.xiaohui-app-rebuild-v1 .native-action-arrow {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(230, 235, 255, .28) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .08) !important;
}

.xiaohui-app-rebuild-v1 .native-action-arrow img {
  display: block !important;
  width: 21px !important;
  height: 21px !important;
}

.xiaohui-app-rebuild-v1 .native-primary-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 72px !important;
  margin: 12px 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #fff !important;
  background: transparent !important;
}

.xiaohui-app-rebuild-v1 .native-primary-title strong {
  color: #f7f4ff !important;
  font-size: 27px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: .01em !important;
  text-shadow: 0 0 18px rgba(166, 122, 255, .32) !important;
}

.xiaohui-app-rebuild-v1 .native-primary-title img {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  filter: drop-shadow(0 0 8px rgba(190, 142, 255, .7)) !important;
}

.xiaohui-app-rebuild-v1 .native-tool-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 12px !important;
}

.xiaohui-app-rebuild-v1 .native-tool-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 30px !important;
  grid-template-rows: 62px minmax(46px, auto) !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 142px !important;
  padding: 12px !important;
  overflow: visible !important;
  border: 1px solid rgba(148, 169, 227, .34) !important;
  border-radius: 18px !important;
  color: #fff !important;
  background: linear-gradient(135deg, rgba(20, 31, 71, .95), rgba(8, 20, 50, .96)) !important;
  text-align: left !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 12px 26px rgba(0, 0, 0, .2) !important;
}

.xiaohui-app-rebuild-v1 .native-tool-featured {
  grid-column: 1 / -1 !important;
  grid-template-columns: 72px minmax(0, 1fr) 38px !important;
  grid-template-rows: auto !important;
  gap: 13px !important;
  min-height: 102px !important;
  padding: 11px 15px !important;
}

.xiaohui-app-rebuild-v1 .native-tool-purple {
  border-color: rgba(159, 92, 255, .56) !important;
  background: linear-gradient(135deg, rgba(55, 27, 116, .97), rgba(12, 23, 56, .97)) !important;
}

.xiaohui-app-rebuild-v1 .native-tool-art {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  place-items: center !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 60px !important;
  height: 60px !important;
  overflow: visible !important;
}

.xiaohui-app-rebuild-v1 .native-tool-art img {
  display: block !important;
  width: 60px !important;
  height: 60px !important;
  padding: 0 !important;
  object-fit: contain !important;
  box-sizing: border-box !important;
  filter: drop-shadow(0 0 12px rgba(128, 92, 255, .58)) !important;
}

.xiaohui-app-rebuild-v1 .native-tool-featured .native-tool-art,
.xiaohui-app-rebuild-v1 .native-tool-featured .native-tool-art img {
  width: 72px !important;
  height: 72px !important;
}

.xiaohui-app-rebuild-v1 .native-tool-copy {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  align-self: start !important;
  gap: 5px !important;
}

.xiaohui-app-rebuild-v1 .native-tool-card .native-action-arrow {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  width: 30px !important;
  height: 30px !important;
}

.xiaohui-app-rebuild-v1 .native-tool-featured .native-tool-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  gap: 7px !important;
}

.xiaohui-app-rebuild-v1 .native-tool-featured .native-action-arrow {
  grid-column: 3 !important;
  grid-row: 1 !important;
  width: 38px !important;
  height: 38px !important;
}

.xiaohui-app-rebuild-v1 .native-tool-copy strong {
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

.xiaohui-app-rebuild-v1 .native-tool-copy small {
  color: rgba(223, 231, 255, .68) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

.xiaohui-app-rebuild-v1 .native-tool-featured .native-tool-copy strong {
  font-size: 20px !important;
}

.xiaohui-app-rebuild-v1 .native-tool-featured .native-tool-copy small {
  font-size: 13px !important;
}

.xiaohui-app-rebuild-v1 .primary-library-filters {
  display: grid !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 0 12px !important;
}

.xiaohui-app-rebuild-v1 .primary-library-filters > div {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

.xiaohui-app-rebuild-v1 .primary-library-filters strong {
  flex: 0 0 100% !important;
  color: #f5f7ff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.xiaohui-app-rebuild-v1 .primary-library-filters button {
  min-height: 28px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(128, 149, 209, .2) !important;
  border-radius: 8px !important;
  color: rgba(225, 232, 255, .7) !important;
  background: rgba(16, 29, 63, .76) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: filter 120ms ease, transform 120ms ease !important;
}

.xiaohui-app-rebuild-v1 .primary-library-filters button.is-active {
  border-color: rgba(146, 117, 255, .74) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #574fe2, #4767ee) !important;
  box-shadow: 0 0 14px rgba(88, 83, 232, .32) !important;
}

.xiaohui-app-rebuild-v1 .primary-library-filters button:active {
  transform: scale(.96) !important;
  filter: brightness(1.16) !important;
}

.xiaohui-app-rebuild-v1 .primary-viral-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
}

.xiaohui-app-rebuild-v1 .primary-viral-card {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto auto 30px !important;
  min-width: 0 !important;
  min-height: 236px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(72, 96, 158, .28) !important;
  border-radius: 12px !important;
  color: #fff !important;
  background: linear-gradient(180deg, #101d3d, #09142e) !important;
  text-align: left !important;
  box-shadow: inset 0 1px 0 rgba(132, 154, 218, .09), 0 10px 22px rgba(0, 0, 0, .24) !important;
}

.xiaohui-app-rebuild-v1 .primary-viral-media {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 11 / 10 !important;
  overflow: hidden !important;
  background: #0a132a !important;
}

.xiaohui-app-rebuild-v1 .primary-viral-media > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.xiaohui-app-rebuild-v1 .primary-viral-media > em {
  position: absolute !important;
  left: 7px !important;
  bottom: 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(255, 216, 127, .72) !important;
  border-radius: 999px !important;
  color: #ffdc88 !important;
  background: rgba(51, 31, 7, .86) !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  backdrop-filter: blur(8px) !important;
}

.xiaohui-app-rebuild-v1 .primary-viral-copy {
  display: grid !important;
  gap: 4px !important;
  padding: 9px 9px 4px !important;
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .primary-viral-copy strong,
.xiaohui-app-rebuild-v1 .primary-viral-copy small {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .primary-viral-copy strong {
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .primary-viral-copy small {
  color: rgba(222, 230, 255, .62) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.xiaohui-app-rebuild-v1 .primary-viral-cta {
  align-self: end !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-height: 28px !important;
  margin: 0 8px 8px !important;
  border: 1px solid rgba(143, 159, 214, .22) !important;
  border-radius: 999px !important;
  color: #e6eaff !important;
  background: rgba(35, 49, 91, .68) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

.xiaohui-app-rebuild-v1 .primary-viral-cta img {
  width: 14px !important;
  height: 14px !important;
}

@media (max-width: 370px) {
  .xiaohui-app-rebuild-v1 .native-primary-screen {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  .xiaohui-app-rebuild-v1 .native-home-hero h1 {
    font-size: 35px !important;
  }

  .xiaohui-app-rebuild-v1 .native-home-action {
    grid-template-columns: 74px minmax(0, 1fr) 36px !important;
    gap: 10px !important;
  }

  .xiaohui-app-rebuild-v1 .native-action-art {
    width: 74px !important;
    height: 74px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .xiaohui-app-rebuild-v1 .native-primary-action,
  .xiaohui-app-rebuild-v1 .native-member-pill,
  .xiaohui-app-rebuild-v1 .native-icon-button,
  .xiaohui-app-rebuild-v1 .primary-library-filters button {
    transition: none !important;
  }
}

/* Seven-day trial and lifetime membership choices. */
.xiaohui-app-rebuild-v1 .membership-plan-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.xiaohui-app-rebuild-v1 .membership-standard-plan {
  min-height: 112px !important;
  align-items: center !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-trial-icon {
  display: inline-grid !important;
  place-items: center !important;
  color: #e8ddff !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, #6d43e8, #294fa8) !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card .membership-selection-mark {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card.is-selected .membership-selection-mark {
  display: grid !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-card,
.xiaohui-app-rebuild-v1 .membership-pay-button,
.xiaohui-app-rebuild-v1 .viral-unlock-action {
  min-height: 44px !important;
}

.xiaohui-app-rebuild-v1 .primary-viral-media {
  position: relative !important;
}

.xiaohui-app-rebuild-v1 .viral-access-badge {
  position: absolute !important;
  right: 8px !important;
  bottom: 8px !important;
  padding: 4px 7px !important;
  border-radius: 999px !important;
  color: #e9e3ff !important;
  background: rgba(84, 53, 170, .88) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

.xiaohui-app-rebuild-v1 .viral-access-badge.partner {
  color: #fee1a2 !important;
  background: rgba(103, 72, 27, .88) !important;
}

@media (max-width: 390px) {
  .xiaohui-app-rebuild-v1 .membership-plan-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .xiaohui-app-rebuild-v1 .membership-standard-plan {
    grid-template-columns: 52px minmax(0, 1fr) auto !important;
    min-height: 88px !important;
    padding: 10px 34px 10px 10px !important;
  }

  .xiaohui-app-rebuild-v1 .membership-standard-plan .membership-plan-icon {
    width: 52px !important;
    height: 52px !important;
  }

  .xiaohui-app-rebuild-v1 .membership-standard-plan .membership-plan-card-note {
    overflow: visible !important;
    white-space: normal !important;
  }

  .xiaohui-app-rebuild-v1 .membership-standard-plan .membership-plan-card-price strong {
    font-size: 17px !important;
  }
}

/* 2026-07-23 · 缁熶竴鏅鸿兘浣撹褰曪紙浠呬簩绾с€佷笁绾ч〉锛?*/
.xiaohui-app-rebuild-v1 .tool-overview-history {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(129, 118, 255, 0.34);
  border-radius: 14px;
  color: #d8dcff;
  background: rgba(15, 26, 58, 0.72);
  font-size: 14px;
  font-weight: 700;
}

.xiaohui-app-rebuild-v1 .result-history-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 14px;
}

.xiaohui-app-rebuild-v1 .result-history-actions button {
  min-height: 42px;
  border: 1px solid rgba(132, 129, 213, 0.34);
  border-radius: 13px;
  color: #e8eaff;
  background: linear-gradient(145deg, rgba(29, 39, 82, 0.96), rgba(13, 23, 52, 0.96));
  font-size: 13px;
  font-weight: 700;
}

.xiaohui-app-rebuild-v1 .tool-overview-history:active,
.xiaohui-app-rebuild-v1 .result-history-actions button:active,
.xiaohui-app-rebuild-v1 .agent-history-card:active,
.xiaohui-app-rebuild-v1 .agent-history-detail-actions button:active {
  transform: scale(0.98);
  filter: brightness(1.12);
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history-detail"] {
  min-height: 100%;
  color: #f7f7ff;
  background:
    radial-gradient(circle at 16% 0%, rgba(92, 66, 214, 0.24), transparent 31%),
    linear-gradient(180deg, #05091d 0%, #07142c 54%, #05091d 100%);
}

.xiaohui-app-rebuild-v1 .agent-history-header {
  position: sticky;
  top: 0;
  z-index: 3;
  display: block;
  margin: 0;
  padding: 18px 18px 12px;
  background: linear-gradient(180deg, rgba(5, 9, 29, 0.98), rgba(5, 9, 29, 0.88));
  backdrop-filter: blur(14px);
}

.xiaohui-app-rebuild-v1 .agent-history-header > div {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 2px 12px;
  width: 100%;
}

.xiaohui-app-rebuild-v1 .agent-history-header .icon-button {
  grid-row: 1 / 3;
}

.xiaohui-app-rebuild-v1 .agent-history-header h2 {
  margin: 0;
  font-size: 22px;
}

.xiaohui-app-rebuild-v1 .agent-history-header p {
  margin: 0;
  color: #9ca8c8;
  font-size: 12px;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history"] .agent-history-page,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history-detail"] .agent-history-page {
  padding: 12px 18px calc(150px + env(safe-area-inset-bottom));
}

.xiaohui-app-rebuild-v1 .agent-history-filters {
  display: flex;
  gap: 7px;
  margin: 0 -2px 16px;
  padding: 2px;
  overflow-x: auto;
  scrollbar-width: none;
}

.xiaohui-app-rebuild-v1 .agent-history-filters::-webkit-scrollbar {
  display: none;
}

.xiaohui-app-rebuild-v1 .agent-history-filters button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 0 13px;
  border: 1px solid rgba(126, 137, 184, 0.22);
  border-radius: 10px;
  color: #aeb8d5;
  background: rgba(16, 27, 58, 0.84);
  font-size: 12px;
}

.xiaohui-app-rebuild-v1 .agent-history-filters button.active {
  border-color: rgba(142, 112, 255, 0.8);
  color: #fff;
  background: linear-gradient(135deg, #5b56ee, #8658f4);
  box-shadow: 0 8px 20px rgba(88, 70, 228, 0.28);
}

.xiaohui-app-rebuild-v1 .agent-history-list {
  display: grid;
  gap: 11px;
}

.xiaohui-app-rebuild-v1 .agent-history-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 15px 14px;
  border: 1px solid rgba(116, 128, 183, 0.32);
  border-radius: 17px;
  color: #fff;
  text-align: left;
  background: linear-gradient(135deg, rgba(21, 33, 72, 0.98), rgba(10, 21, 50, 0.98));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.04), 0 12px 28px rgba(0, 0, 0, 0.18);
  transition: transform 140ms ease, filter 140ms ease, border-color 140ms ease;
}

.xiaohui-app-rebuild-v1 .agent-history-card:hover {
  border-color: rgba(143, 116, 255, 0.72);
}

.xiaohui-app-rebuild-v1 .agent-history-card-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(159, 128, 255, 0.44);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(117, 73, 239, 0.95), rgba(47, 94, 230, 0.92));
  box-shadow: 0 7px 18px rgba(73, 64, 220, 0.28);
}

.xiaohui-app-rebuild-v1 .agent-history-card-icon img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.xiaohui-app-rebuild-v1 .agent-history-card-copy {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.xiaohui-app-rebuild-v1 .agent-history-card-copy small {
  color: #9f98ff;
  font-size: 11px;
}

.xiaohui-app-rebuild-v1 .agent-history-card-copy strong {
  overflow: hidden;
  color: #f9f9ff;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xiaohui-app-rebuild-v1 .agent-history-card-copy span {
  display: -webkit-box;
  overflow: hidden;
  color: #9ca8c5;
  font-size: 12px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.xiaohui-app-rebuild-v1 .agent-history-card time {
  align-self: start;
  color: #7783a3;
  font-size: 10px;
  white-space: nowrap;
}

.xiaohui-app-rebuild-v1 .agent-history-empty,
.xiaohui-app-rebuild-v1 .agent-history-loading {
  display: grid;
  gap: 9px;
  justify-items: center;
  padding: 54px 24px;
  border: 1px solid rgba(114, 126, 181, 0.26);
  border-radius: 19px;
  color: #9da8c6;
  text-align: center;
  background: rgba(12, 23, 51, 0.72);
}

.xiaohui-app-rebuild-v1 .agent-history-empty strong {
  color: #f3f4ff;
  font-size: 17px;
}

.xiaohui-app-rebuild-v1 .agent-history-empty span {
  font-size: 13px;
  line-height: 1.6;
}

.xiaohui-app-rebuild-v1 .agent-history-empty button {
  min-height: 38px;
  margin-top: 4px;
  padding: 0 18px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, #6359ef, #8658f4);
  font-weight: 700;
}

.xiaohui-app-rebuild-v1 .agent-history-detail-content {
  overflow: hidden;
  border: 1px solid rgba(124, 129, 193, 0.34);
  border-radius: 20px;
  background: rgba(10, 20, 47, 0.92);
}

.xiaohui-app-rebuild-v1 .agent-history-detail-content > header {
  padding: 20px;
  background: linear-gradient(145deg, rgba(68, 51, 151, 0.54), rgba(19, 31, 67, 0.94));
}

.xiaohui-app-rebuild-v1 .agent-history-detail-content > header span {
  color: #b8afff;
  font-size: 12px;
}

.xiaohui-app-rebuild-v1 .agent-history-detail-content > header h1 {
  margin: 7px 0;
  font-size: 22px;
  line-height: 1.35;
}

.xiaohui-app-rebuild-v1 .agent-history-detail-content > header time {
  color: #9ca8c8;
  font-size: 11px;
}

.xiaohui-app-rebuild-v1 .agent-history-summary {
  margin: 16px;
  padding: 14px;
  border: 1px solid rgba(129, 113, 224, 0.26);
  border-radius: 14px;
  color: #d9ddf2;
  background: rgba(48, 42, 112, 0.26);
  font-size: 13px;
  line-height: 1.65;
}

.xiaohui-app-rebuild-v1 .agent-history-report-body {
  display: grid;
  gap: 10px;
  padding: 0 16px 18px;
}

.xiaohui-app-rebuild-v1 .agent-history-report-body section {
  padding: 14px;
  border: 1px solid rgba(108, 122, 174, 0.23);
  border-radius: 14px;
  background: rgba(15, 27, 59, 0.74);
}

.xiaohui-app-rebuild-v1 .agent-history-report-body h3 {
  margin: 0 0 8px;
  color: #eeeefe;
  font-size: 14px;
}

.xiaohui-app-rebuild-v1 .agent-history-report-body p,
.xiaohui-app-rebuild-v1 .agent-history-report-body li,
.xiaohui-app-rebuild-v1 .agent-history-report-body pre {
  margin: 0;
  color: #adb7d2;
  font: inherit;
  font-size: 12px;
  line-height: 1.65;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.xiaohui-app-rebuild-v1 .agent-history-detail-actions {
  position: sticky;
  bottom: calc(86px + env(safe-area-inset-bottom));
  display: grid;
  grid-template-columns: 1fr 1.15fr 0.75fr;
  gap: 8px;
  margin-top: 14px;
  padding: 10px;
  border: 1px solid rgba(118, 126, 185, 0.28);
  border-radius: 17px;
  background: rgba(7, 15, 37, 0.92);
  backdrop-filter: blur(14px);
}

.xiaohui-app-rebuild-v1 .agent-history-detail-actions button {
  min-height: 44px;
  border: 1px solid rgba(121, 132, 182, 0.3);
  border-radius: 12px;
  color: #e9ebff;
  background: rgba(26, 37, 77, 0.96);
  font-size: 13px;
  font-weight: 700;
}

.xiaohui-app-rebuild-v1 .agent-history-detail-actions button.primary {
  border-color: rgba(147, 118, 255, 0.62);
  background: linear-gradient(135deg, #6259ef, #8758f5);
}

.xiaohui-app-rebuild-v1 .agent-history-detail-actions button.danger {
  color: #ffb6c2;
}

.xiaohui-app-rebuild-v1 .xiaohui-assistant-launcher.history-safe-launcher {
  right: 16px !important;
  bottom: calc(102px + env(safe-area-inset-bottom)) !important;
  width: 52px !important;
  min-width: 52px !important;
  height: 52px !important;
  padding: 3px !important;
  border-radius: 50% !important;
}

.xiaohui-app-rebuild-v1 .xiaohui-assistant-launcher.history-safe-launcher img {
  width: 42px !important;
  height: 42px !important;
}

.xiaohui-app-rebuild-v1 .xiaohui-assistant-launcher.history-safe-launcher .assistant-launcher-bubble {
  display: none !important;
}

/* ===== 2026-07-24 full native flow repair ===== */
html,
body.mobile-body {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100% !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  background: #020715 !important;
}

body.mobile-body *,
body.mobile-body *::before,
body.mobile-body *::after {
  box-sizing: border-box !important;
}

.xiaohui-app-rebuild-v1 .mobile-app,
.xiaohui-app-rebuild-v1 .screen-shell,
.xiaohui-app-rebuild-v1 .tab-screen,
.xiaohui-app-rebuild-v1 .native-primary-screen {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

.xiaohui-app-rebuild-v1 button,
.xiaohui-app-rebuild-v1 [role="button"],
.xiaohui-app-rebuild-v1 input,
.xiaohui-app-rebuild-v1 select,
.xiaohui-app-rebuild-v1 textarea {
  -webkit-tap-highlight-color: transparent !important;
}

.xiaohui-app-rebuild-v1 button:not(:disabled) {
  cursor: pointer !important;
  touch-action: manipulation !important;
}

.xiaohui-app-rebuild-v1 button:not(:disabled):active {
  filter: brightness(1.14) saturate(1.06) !important;
}

@media (hover: hover) and (pointer: fine) {
  .xiaohui-app-rebuild-v1 button:not(:disabled):hover,
  .xiaohui-app-rebuild-v1 [role="button"]:hover,
  .xiaohui-app-rebuild-v1 summary:hover {
    filter: brightness(1.09) saturate(1.04) !important;
  }
}

.xiaohui-app-rebuild-v1 button:focus-visible,
.xiaohui-app-rebuild-v1 input:focus-visible,
.xiaohui-app-rebuild-v1 select:focus-visible,
.xiaohui-app-rebuild-v1 textarea:focus-visible {
  outline: 2px solid #a887ff !important;
  outline-offset: 2px !important;
}

/* Keep the exact approved wordmark at its native size instead of enlarging a small crop. */
.xiaohui-app-rebuild-v1 .native-brand-button img,
.xiaohui-app-rebuild-v1 .member-hub-logo img {
  width: 90px !important;
  height: 29px !important;
  max-width: 90px !important;
  object-fit: contain !important;
  image-rendering: auto !important;
  filter: contrast(1.06) saturate(1.05) !important;
}

/* Use the available high-resolution icon sources and crop their transparent canvases in CSS. */
.xiaohui-app-rebuild-v1 .native-action-art {
  width: 104px !important;
  height: 104px !important;
  max-width: none !important;
  object-fit: contain !important;
}

.xiaohui-app-rebuild-v1 .native-card-blue .native-action-art {
  width: 104px !important;
  height: 104px !important;
}

.xiaohui-app-rebuild-v1 .native-card-gold .native-action-art {
  width: 104px !important;
  height: 104px !important;
}

.xiaohui-app-rebuild-v1 .native-tool-art {
  overflow: visible !important;
}

.xiaohui-app-rebuild-v1 .native-tool-art img {
  width: 60px !important;
  height: 60px !important;
  max-width: none !important;
  padding: 0 !important;
  object-fit: contain !important;
}

.xiaohui-app-rebuild-v1 .native-tool-featured .native-tool-art img {
  width: 72px !important;
  height: 72px !important;
}

/* Primary viral library: search, categories, levels and results stay on one page. */
.xiaohui-app-rebuild-v1 .native-library .native-primary-title {
  min-height: 58px !important;
  margin: 7px 0 6px !important;
}

.xiaohui-app-rebuild-v1 .primary-library-search {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 0 12px !important;
  padding: 4px 6px 4px 14px !important;
  border: 1px solid rgba(125, 144, 210, .36) !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, rgba(18, 30, 68, .94), rgba(8, 17, 42, .96)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 10px 24px rgba(0, 0, 0, .18) !important;
}

.xiaohui-app-rebuild-v1 .primary-library-search:focus-within {
  border-color: rgba(148, 116, 255, .82) !important;
  box-shadow: 0 0 0 3px rgba(117, 88, 255, .13), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.xiaohui-app-rebuild-v1 .primary-library-search input {
  width: 100% !important;
  min-width: 0 !important;
  height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  color: #f6f7ff !important;
  background: transparent !important;
  font-size: 13px !important;
}

.xiaohui-app-rebuild-v1 .primary-library-search input::placeholder {
  color: rgba(220, 228, 255, .48) !important;
}

.xiaohui-app-rebuild-v1 .primary-library-search > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 54px !important;
  height: 34px !important;
  border-radius: 11px !important;
  color: #efeaff !important;
  background: linear-gradient(135deg, rgba(88, 76, 218, .9), rgba(111, 75, 231, .9)) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.xiaohui-app-rebuild-v1 .primary-library-filters {
  gap: 11px !important;
  margin-bottom: 7px !important;
}

.xiaohui-app-rebuild-v1 .primary-library-filters > .primary-filter-group {
  display: grid !important;
  gap: 7px !important;
}

.xiaohui-app-rebuild-v1 .primary-filter-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.xiaohui-app-rebuild-v1 .primary-filter-heading strong {
  flex: initial !important;
  color: rgba(245, 247, 255, .9) !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .primary-filter-heading button {
  min-height: 24px !important;
  padding: 0 7px !important;
  color: #c9baff !important;
  background: transparent !important;
}

.xiaohui-app-rebuild-v1 .primary-filter-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

.xiaohui-app-rebuild-v1 .primary-filter-options button {
  min-height: 30px !important;
  padding: 0 10px !important;
}

.xiaohui-app-rebuild-v1 .primary-library-result-summary {
  min-height: 18px !important;
  margin: 0 0 7px !important;
  color: rgba(207, 217, 248, .58) !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

.xiaohui-app-rebuild-v1 .primary-viral-grid .viral-empty,
.xiaohui-app-rebuild-v1 .primary-viral-grid .primary-viral-empty {
  grid-column: 1 / -1 !important;
  padding: 28px 18px !important;
  border: 1px dashed rgba(128, 147, 205, .32) !important;
  border-radius: 16px !important;
  color: rgba(225, 232, 255, .72) !important;
  background: rgba(11, 23, 54, .7) !important;
  text-align: center !important;
}

.xiaohui-app-rebuild-v1 .primary-viral-media > img {
  object-position: center 24% !important;
}

.xiaohui-app-rebuild-v1 .primary-viral-card:hover,
.xiaohui-app-rebuild-v1 .primary-viral-card:focus-visible {
  border-color: rgba(137, 120, 225, .78) !important;
  box-shadow: 0 0 0 2px rgba(127, 96, 255, .13), 0 14px 30px rgba(0, 0, 0, .3) !important;
}

/* Native money-calculator secondary screen. */
.xiaohui-app-rebuild-v1 .native-money-calculator-overview {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="tool-overview"].native-money-flow {
  min-height: 100dvh !important;
  padding: 0 18px calc(118px + env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(102, 70, 255, .22), transparent 28%),
    linear-gradient(180deg, #030817 0%, #061531 62%, #030817 100%) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="tool-overview"].native-money-flow > .tool-overview-nav,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="tool-overview"].native-money-flow > .tool-overview-page {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="tool-overview"].native-money-flow > .native-money-calculator-overview {
  display: grid !important;
  gap: 14px !important;
  width: 100% !important;
  padding-top: calc(18px + env(safe-area-inset-top, 0px)) !important;
}

.xiaohui-app-rebuild-v1 .native-secondary-topbar {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 56px !important;
}

.xiaohui-app-rebuild-v1 .native-secondary-topbar > strong {
  color: #f8f7ff !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  text-align: center !important;
}

.xiaohui-app-rebuild-v1 .native-secondary-back {
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  border: 1px solid rgba(132, 148, 199, .36) !important;
  border-radius: 50% !important;
  background: rgba(20, 31, 67, .72) !important;
}

.xiaohui-app-rebuild-v1 .native-secondary-back img {
  width: 22px !important;
  height: 22px !important;
  transform: rotate(180deg) !important;
}

.xiaohui-app-rebuild-v1 .native-money-steps {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  margin: 2px 0 4px !important;
  padding: 0 !important;
  list-style: none !important;
}

.xiaohui-app-rebuild-v1 .native-money-steps li {
  position: relative !important;
  display: grid !important;
  justify-items: center !important;
  gap: 5px !important;
  color: rgba(194, 204, 235, .52) !important;
}

.xiaohui-app-rebuild-v1 .native-money-steps li:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  top: 18px !important;
  left: calc(50% + 22px) !important;
  width: calc(100% - 44px) !important;
  height: 1px !important;
  background: rgba(115, 128, 177, .3) !important;
}

.xiaohui-app-rebuild-v1 .native-money-steps span {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(126, 140, 187, .36) !important;
  border-radius: 50% !important;
  background: #111b38 !important;
  color: #929bb9 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}

.xiaohui-app-rebuild-v1 .native-money-steps small {
  font-size: 10px !important;
  font-weight: 750 !important;
}

.xiaohui-app-rebuild-v1 .native-money-steps li.active span {
  border-color: #a57aff !important;
  color: #fff !important;
  background: linear-gradient(145deg, #7c4fff, #4d46d8) !important;
  box-shadow: 0 0 20px rgba(126, 82, 255, .62) !important;
}

.xiaohui-app-rebuild-v1 .native-money-steps li.active small {
  color: #d8ceff !important;
}

.xiaohui-app-rebuild-v1 .native-money-field-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.xiaohui-app-rebuild-v1 .native-money-field-card {
  position: relative !important;
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: 70px minmax(0, 1fr) 24px !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 86px !important;
  padding: 10px 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(130, 151, 210, .36) !important;
  border-radius: 17px !important;
  color: #fff !important;
  background: linear-gradient(135deg, rgba(20, 34, 76, .96), rgba(8, 20, 49, .98)) !important;
  text-align: left !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 12px 28px rgba(0, 0, 0, .22) !important;
  transition: transform 120ms ease, border-color 120ms ease, filter 120ms ease !important;
}

.xiaohui-app-rebuild-v1 .native-money-field-card.is-square {
  grid-column: auto !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  min-height: 164px !important;
  padding: 14px 10px !important;
  text-align: center !important;
}

.xiaohui-app-rebuild-v1 .native-money-field-card:hover,
.xiaohui-app-rebuild-v1 .native-money-field-card:focus-visible {
  border-color: rgba(144, 114, 255, .8) !important;
}

.xiaohui-app-rebuild-v1 .native-money-field-card:active {
  transform: scale(.985) !important;
}

.xiaohui-app-rebuild-v1 .native-money-field-art {
  display: grid !important;
  place-items: center !important;
  width: 70px !important;
  height: 70px !important;
  overflow: visible !important;
}

.xiaohui-app-rebuild-v1 .native-money-field-card.is-square .native-money-field-art {
  width: 84px !important;
  height: 84px !important;
}

.xiaohui-app-rebuild-v1 .native-money-field-art img {
  display: block !important;
  width: 70px !important;
  height: 70px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 13px rgba(106, 83, 255, .58)) !important;
}

.xiaohui-app-rebuild-v1 .native-money-field-card.is-square .native-money-field-art img {
  width: 84px !important;
  height: 84px !important;
}

.xiaohui-app-rebuild-v1 .native-money-field-card > span:not(.native-money-field-art) {
  display: grid !important;
  gap: 5px !important;
}

.xiaohui-app-rebuild-v1 .native-money-field-card strong {
  color: #f6f4ff !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .native-money-field-card small {
  color: rgba(215, 224, 250, .62) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

.xiaohui-app-rebuild-v1 .native-money-field-card > b {
  display: grid !important;
  place-items: center !important;
}

.xiaohui-app-rebuild-v1 .native-money-field-card > b img {
  width: 20px !important;
  height: 20px !important;
}

.xiaohui-app-rebuild-v1 .native-money-generate {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 62px !important;
  border: 1px solid rgba(207, 192, 255, .76) !important;
  border-radius: 19px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #a03fff, #5b4ee9 58%, #387cff) !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  box-shadow: 0 14px 32px rgba(103, 68, 238, .4), inset 0 1px 0 rgba(255, 255, 255, .34) !important;
}

.xiaohui-app-rebuild-v1 .native-money-generate img {
  width: 23px !important;
  height: 23px !important;
}

.xiaohui-app-rebuild-v1 .native-money-history {
  justify-self: center !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(128, 146, 204, .3) !important;
  border-radius: 999px !important;
  color: #cdd5ef !important;
  background: rgba(14, 27, 61, .74) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

/* One clear native form header, compact groups, and readable system menus. */
.xiaohui-app-rebuild-v1 .diagnosis-native-header {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) 48px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 72px !important;
  padding: calc(12px + env(safe-area-inset-top, 0px)) 16px 10px !important;
}

.xiaohui-app-rebuild-v1 .diagnosis-native-header::after {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .diagnosis-native-header > div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.xiaohui-app-rebuild-v1 .diagnosis-native-header h2 {
  grid-column: auto !important;
  grid-row: auto !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #f6f4ff !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .diagnosis-native-header p {
  display: block !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: rgba(210, 219, 246, .6) !important;
  font-size: 10px !important;
  line-height: 1.3 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .diagnosis-native-header .icon-button {
  width: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  border: 1px solid rgba(135, 151, 202, .32) !important;
  background: rgba(18, 31, 66, .72) !important;
}

.xiaohui-app-rebuild-v1 .diagnosis-history-shortcut {
  min-height: 34px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(138, 118, 226, .48) !important;
  border-radius: 999px !important;
  color: #ddd5ff !important;
  background: rgba(70, 52, 148, .38) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-form"] .diagnosis-page {
  gap: 12px !important;
  padding: 12px 14px calc(130px + env(safe-area-inset-bottom, 0px)) !important;
}

.xiaohui-app-rebuild-v1 .diagnosis-header {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .diagnosis-form-hidden-title {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.xiaohui-app-rebuild-v1 .diagnosis-header > p {
  flex: 1 1 auto !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.xiaohui-app-rebuild-v1 .diagnosis-header .video-script-history-entry {
  flex: 0 0 auto !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 11px !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .diagnosis-form {
  gap: 12px !important;
}

.xiaohui-app-rebuild-v1 .form-block,
.xiaohui-app-rebuild-v1 .form-block-extra {
  padding: 14px !important;
  border-radius: 18px !important;
}

.xiaohui-app-rebuild-v1 .form-block-head {
  margin-bottom: 10px !important;
}

.xiaohui-app-rebuild-v1 .form-block-head strong {
  font-size: 15px !important;
}

.xiaohui-app-rebuild-v1 .form-block-head span {
  font-size: 11px !important;
  line-height: 1.45 !important;
}

.xiaohui-app-rebuild-v1 .form-group {
  gap: 7px !important;
  margin-bottom: 10px !important;
  padding: 12px !important;
  border-radius: 14px !important;
}

.xiaohui-app-rebuild-v1 .form-group:last-child {
  margin-bottom: 0 !important;
}

.xiaohui-app-rebuild-v1 .form-group label {
  font-size: 13px !important;
}

.xiaohui-app-rebuild-v1 .form-group input,
.xiaohui-app-rebuild-v1 .form-group select,
.xiaohui-app-rebuild-v1 .form-group textarea {
  min-height: 46px !important;
  padding: 10px 12px !important;
  border-color: rgba(133, 151, 208, .32) !important;
  border-radius: 12px !important;
  background: #101a38 !important;
  color: #f4f6ff !important;
  font-size: 14px !important;
}

.xiaohui-app-rebuild-v1 .form-group select {
  appearance: auto !important;
  color-scheme: dark !important;
}

.xiaohui-app-rebuild-v1 .diagnosis-form option {
  background: #101a38 !important;
  color: #f4f6ff !important;
}

.xiaohui-app-rebuild-v1 .form-group textarea {
  min-height: 82px !important;
  resize: vertical !important;
}

.xiaohui-app-rebuild-v1 .form-block-extra > summary {
  min-height: 42px !important;
  align-content: center !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .form-block-extra > summary:focus-visible {
  outline: 2px solid #a887ff !important;
  outline-offset: 2px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-form"].active ~ * {
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="diagnosis-form"].active) .xiaohui-assistant-launcher,
.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="diagnosis-result"].active) .xiaohui-assistant-launcher,
.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="agent-history"].active) .xiaohui-assistant-launcher,
.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="agent-history-detail"].active) .xiaohui-assistant-launcher {
  right: 14px !important;
  bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  padding: 3px !important;
  border-radius: 50% !important;
}

.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="diagnosis-form"].active) .xiaohui-assistant-launcher .assistant-launcher-bubble,
.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="diagnosis-result"].active) .xiaohui-assistant-launcher .assistant-launcher-bubble {
  display: none !important;
}

/* Keep the fixed assistant clear of the shared bottom navigation on every screen. */
body.mobile-body.xiaohui-app-rebuild-v1:has(.tab-screen.active) .xiaohui-assistant-launcher.history-safe-launcher {
  top: auto !important;
  right: max(12px, calc((100vw - 390px) / 2 + 12px)) !important;
  bottom: calc(116px + env(safe-area-inset-bottom, 0px)) !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  padding: 3px !important;
  border-radius: 50% !important;
}

body.mobile-body.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="membership-purchase"].active) .xiaohui-assistant-launcher.history-safe-launcher {
  bottom: calc(212px + env(safe-area-inset-bottom, 0px)) !important;
}

body.mobile-body.xiaohui-app-rebuild-v1 .xiaohui-assistant-panel {
  bottom: calc(116px + env(safe-area-inset-bottom, 0px)) !important;
}

.xiaohui-app-rebuild-v1 .result-cta .cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
}

.xiaohui-app-rebuild-v1 .result-cta-icon {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  object-fit: contain !important;
}

.xiaohui-app-rebuild-v1 .result-cta .cta-btn.primary .result-cta-icon {
  filter: brightness(0) invert(1) !important;
}

.xiaohui-app-rebuild-v1 .result-section h3 .icon svg {
  width: 14px !important;
  height: 14px !important;
}

/* One responsive canvas: full-width on phones, centered 390px preview on wider screens. */
@media (max-width: 520px) {
  .xiaohui-app-rebuild-v1 .ref-bottom-nav {
    width: 100vw !important;
  }
}

@media (min-width: 521px) {
  .xiaohui-app-rebuild-v1 .mobile-app,
  .xiaohui-app-rebuild-v1 .screen-shell {
    width: var(--xiaohui-mobile-canvas) !important;
    height: auto !important;
    min-height: 100dvh !important;
    max-height: none !important;
    margin: 0 auto !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
  }

  .xiaohui-app-rebuild-v1 .screen-shell:has(> .tab-screen[data-screen="home"].active),
  .xiaohui-app-rebuild-v1 .screen-shell:has(> .tab-screen[data-screen="agents"].active),
  .xiaohui-app-rebuild-v1 .screen-shell:has(> .tab-screen[data-screen="discover"].active),
  .xiaohui-app-rebuild-v1 .screen-shell:has(> .tab-screen[data-screen="profile"].active) {
    overflow-y: visible !important;
  }

  .xiaohui-app-rebuild-v1 .ref-bottom-nav {
    position: fixed !important;
    width: var(--xiaohui-mobile-canvas) !important;
  }

  .xiaohui-app-rebuild-v1 .viral-topic-detail:not(.hidden),
  .xiaohui-app-rebuild-v1 .detail-sheet .sheet-panel {
    width: var(--xiaohui-mobile-canvas) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

/* Four truthful marketplace access states. */
.xiaohui-app-rebuild-v1 .marketplace-status.online,
.xiaohui-app-rebuild-v1 .marketplace-status.available {
  border-color: rgba(71, 219, 178, .42) !important;
  color: #8cf1cf !important;
  background: rgba(20, 107, 82, .24) !important;
}

.xiaohui-app-rebuild-v1 .marketplace-status.member {
  border-color: rgba(255, 203, 91, .5) !important;
  color: #ffdc85 !important;
  background: rgba(130, 84, 14, .28) !important;
}

.xiaohui-app-rebuild-v1 .marketplace-status.custom {
  border-color: rgba(141, 115, 244, .44) !important;
  color: #d2c2ff !important;
  background: rgba(80, 57, 157, .25) !important;
}

.xiaohui-app-rebuild-v1 .marketplace-status.soon {
  border-color: rgba(133, 148, 190, .32) !important;
  color: #aeb8d3 !important;
  background: rgba(52, 64, 101, .28) !important;
}

@media (max-width: 374px) {
  .xiaohui-app-rebuild-v1 .native-primary-screen {
    padding-inline: 14px !important;
  }

  .xiaohui-app-rebuild-v1 .native-home-action {
    grid-template-columns: 72px minmax(0, 1fr) 34px !important;
    padding-inline: 14px !important;
  }

  .xiaohui-app-rebuild-v1 .native-action-copy strong {
    font-size: 19px !important;
  }

  .xiaohui-app-rebuild-v1 .primary-filter-options {
    gap: 6px !important;
  }

  .xiaohui-app-rebuild-v1 .primary-filter-options button {
    padding-inline: 8px !important;
    font-size: 10px !important;
  }

  .xiaohui-app-rebuild-v1 .native-money-field-card.is-square {
    min-height: 150px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .xiaohui-app-rebuild-v1 button,
  .xiaohui-app-rebuild-v1 input,
  .xiaohui-app-rebuild-v1 select,
  .xiaohui-app-rebuild-v1 textarea {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* 2026-07-24 secondary native consistency pass. */
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover-cases"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history-detail"] {
  width: 100% !important;
  min-height: 100dvh !important;
  padding: 0 16px calc(124px + env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: clip !important;
  color: #f7f7ff !important;
  background:
    radial-gradient(circle at 84% 5%, rgba(69, 77, 219, .18), transparent 29%),
    radial-gradient(circle at 2% 54%, rgba(74, 42, 177, .13), transparent 34%),
    linear-gradient(180deg, #030817 0%, #07152f 58%, #030817 100%) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"]::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover-cases"]::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"]::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"]::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"]::before {
  opacity: .34 !important;
  background-size: 32px 32px !important;
}

.xiaohui-app-rebuild-v1 .secondary-page-header,
.xiaohui-app-rebuild-v1 .agent-history-header.secondary-page-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 12 !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 92px !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 72px !important;
  margin: 0 0 12px !important;
  padding: calc(10px + env(safe-area-inset-top, 0px)) 0 8px !important;
  border: 0 !important;
  background: linear-gradient(180deg, rgba(3, 8, 23, .98), rgba(3, 8, 23, .76)) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px) !important;
}

.xiaohui-app-rebuild-v1 .secondary-page-header > div,
.xiaohui-app-rebuild-v1 .agent-history-header.secondary-page-header > div {
  display: contents !important;
}

.xiaohui-app-rebuild-v1 .secondary-page-header::after,
.xiaohui-app-rebuild-v1 .agent-history-header.secondary-page-header::after {
  content: "" !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  display: block !important;
  width: 90px !important;
  height: 29px !important;
  background: url("./assets/xiaohui-logo-hd.png") center / contain no-repeat !important;
}

.xiaohui-app-rebuild-v1 .secondary-page-header .icon-button,
.xiaohui-app-rebuild-v1 .agent-history-header.secondary-page-header .icon-button {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  border-color: rgba(128, 145, 197, .34) !important;
  background: rgba(17, 29, 61, .78) !important;
}

.xiaohui-app-rebuild-v1 .secondary-page-header h2,
.xiaohui-app-rebuild-v1 .agent-history-header.secondary-page-header h2 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  max-width: 174px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #f8f7ff !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  text-shadow: 0 0 18px rgba(128, 94, 255, .42) !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .secondary-page-header p {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .agent-history-header.secondary-page-header p {
  grid-column: 2 / 4 !important;
  grid-row: 2 !important;
  display: block !important;
  margin: -3px 0 0 !important;
  overflow: hidden !important;
  color: rgba(191, 202, 234, .62) !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-search-card {
  display: grid !important;
  gap: 9px !important;
  margin: 0 0 12px !important;
  padding: 11px !important;
  border: 1px solid rgba(112, 130, 186, .32) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(19, 31, 68, .96), rgba(8, 19, 47, .96)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 28px rgba(0, 0, 0, .2) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-search {
  min-height: 46px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(126, 145, 202, .34) !important;
  border-radius: 14px !important;
  background: #0e1937 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-search svg {
  width: 20px !important;
  height: 20px !important;
  color: #a998ff !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-search input {
  min-height: 44px !important;
  padding: 0 !important;
  font-size: 14px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-stats {
  display: flex !important;
  gap: 7px !important;
  margin: 0 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-stats span {
  flex: 0 0 auto !important;
  flex-direction: row !important;
  gap: 4px !important;
  min-height: 28px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(118, 131, 181, .24) !important;
  border-radius: 999px !important;
  color: #aeb9d7 !important;
  background: rgba(18, 30, 63, .74) !important;
  font-size: 10px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-stats strong {
  color: #cfc4ff !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .marketplace-shortcuts {
  gap: 8px !important;
  margin: 0 0 15px !important;
}

.xiaohui-app-rebuild-v1 .marketplace-shortcuts button {
  min-height: 68px !important;
  padding: 10px 7px !important;
  border-color: rgba(116, 132, 188, .28) !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, rgba(19, 32, 70, .96), rgba(8, 19, 47, .96)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.xiaohui-app-rebuild-v1 .marketplace-shortcuts strong {
  font-size: 14px !important;
}

.xiaohui-app-rebuild-v1 .marketplace-shortcuts span {
  font-size: 10px !important;
}

.xiaohui-app-rebuild-v1 .industry-quick-section {
  margin-bottom: 13px !important;
}

.xiaohui-app-rebuild-v1 .secondary-section-title strong {
  font-size: 15px !important;
}

.xiaohui-app-rebuild-v1 .secondary-section-title span {
  font-size: 10px !important;
}

.xiaohui-app-rebuild-v1 .industry-quick-links {
  gap: 8px !important;
}

.xiaohui-app-rebuild-v1 .industry-quick-links button {
  flex-basis: 78px !important;
  min-height: 78px !important;
  padding: 8px 6px !important;
  border-color: rgba(119, 133, 188, .26) !important;
  border-radius: 15px !important;
  background: rgba(17, 29, 62, .82) !important;
}

.xiaohui-app-rebuild-v1 .industry-quick-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 11px !important;
}

.xiaohui-app-rebuild-v1 .industry-quick-icon svg {
  width: 21px !important;
  height: 21px !important;
}

.xiaohui-app-rebuild-v1 .industry-quick-links strong {
  font-size: 11px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .filter-tabs {
  gap: 7px !important;
  margin: 0 0 12px !important;
  padding: 0 0 2px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .filter-button {
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 11px !important;
  font-size: 11px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-list {
  gap: 10px !important;
  padding: 0 0 18px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-agent-card {
  overflow: hidden !important;
  border: 1px solid rgba(107, 126, 184, .34) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(18, 31, 68, .97), rgba(7, 18, 45, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055), 0 12px 27px rgba(0, 0, 0, .2) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-card-main {
  display: grid !important;
  gap: 8px !important;
  min-height: 126px !important;
  padding: 14px !important;
  border: 0 !important;
  border-radius: inherit !important;
  color: #fff !important;
  background: transparent !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-card-top {
  grid-template-columns: 46px minmax(0, 1fr) !important;
  gap: 11px !important;
  margin: 0 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .agent-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .agent-icon svg {
  width: 25px !important;
  height: 25px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-card-title-row {
  align-items: center !important;
  gap: 7px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-card-title-row strong {
  font-size: 15px !important;
  line-height: 1.3 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-category {
  margin-top: 3px !important;
  color: #909dbc !important;
  font-size: 10px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-status {
  padding: 3px 7px !important;
  border: 1px solid currentColor !important;
  font-size: 9px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-card-outcome {
  display: -webkit-box !important;
  min-height: 18px !important;
  overflow: hidden !important;
  color: #aab5d2 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-card-enter {
  color: #d3c9ff !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover-cases"] .discover-list {
  display: grid !important;
  gap: 10px !important;
  padding: 0 0 18px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover-cases"] .discover-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 11px !important;
  min-height: 82px !important;
  padding: 13px !important;
  border: 1px solid rgba(108, 127, 183, .34) !important;
  border-radius: 17px !important;
  color: #fff !important;
  background: linear-gradient(145deg, rgba(18, 31, 68, .97), rgba(7, 18, 45, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055), 0 12px 27px rgba(0, 0, 0, .2) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover-cases"] .discover-card::after {
  content: "" !important;
  width: 18px !important;
  height: 18px !important;
  background: url("./assets/ui-icons/chevron-right.svg") center / contain no-repeat !important;
  opacity: .74 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover-cases"] .discover-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  color: #d9d0ff !important;
  background: linear-gradient(145deg, rgba(112, 72, 236, .74), rgba(52, 96, 224, .72)) !important;
  box-shadow: 0 7px 18px rgba(72, 65, 208, .22) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover-cases"] .discover-icon svg {
  width: 24px !important;
  height: 24px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover-cases"] .discover-body strong {
  margin: 0 0 4px !important;
  color: #f7f7ff !important;
  font-size: 15px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover-cases"] .discover-body p {
  display: -webkit-box !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #9eabc9 !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-page {
  padding: 0 0 18px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-hero {
  grid-template-columns: 62px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 13px !important;
  border: 1px solid rgba(123, 108, 221, .38) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(43, 36, 112, .72), rgba(10, 23, 55, .94)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 13px 29px rgba(0, 0, 0, .22) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-hero img {
  width: 62px !important;
  height: 62px !important;
  border-radius: 17px !important;
  background: rgba(255, 255, 255, .08) !important;
  box-shadow: 0 8px 20px rgba(75, 60, 212, .24) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-hero span,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-route-tag {
  padding: 3px 8px !important;
  color: #cfc2ff !important;
  background: rgba(100, 70, 220, .26) !important;
  font-size: 9px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-hero h3 {
  margin: 6px 0 3px !important;
  color: #fff !important;
  font-size: 17px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-hero p,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-route-card p,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-faq-card p {
  color: #a6b1cd !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-route-list {
  gap: 10px !important;
  margin-top: 12px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-route-card,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-faq-card {
  padding: 13px !important;
  border: 1px solid rgba(107, 125, 181, .32) !important;
  border-radius: 17px !important;
  background: linear-gradient(145deg, rgba(18, 31, 68, .96), rgba(7, 18, 45, .97)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 27px rgba(0, 0, 0, .18) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-route-card h3,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-faq-card h3 {
  margin: 7px 0 4px !important;
  color: #f8f7ff !important;
  font-size: 15px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-route-steps {
  margin: 8px 0 9px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(122, 108, 218, .2) !important;
  border-radius: 11px !important;
  color: #b9acfa !important;
  background: rgba(48, 39, 111, .28) !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-route-action {
  min-height: 44px !important;
  padding: 0 12px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-route-action.ghost {
  border-color: rgba(127, 111, 224, .42) !important;
  color: #d9d0ff !important;
  background: rgba(55, 43, 124, .34) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-faq-card {
  margin-top: 12px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-faq-card details {
  padding: 10px 0 !important;
  border-color: rgba(114, 126, 177, .2) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"] .guide-faq-card summary {
  color: #e9e8fb !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .industry-page {
  padding: 0 0 18px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .industry-header {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 4px 0 15px !important;
  text-align: left !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .industry-icon {
  grid-row: 1 / 3 !important;
  width: 58px !important;
  height: 58px !important;
  margin: 0 !important;
  border-radius: 17px !important;
  background: linear-gradient(145deg, rgba(112, 72, 236, .74), rgba(52, 96, 224, .72)) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .industry-icon svg {
  width: 29px !important;
  height: 29px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .industry-header h1 {
  align-self: end !important;
  margin: 0 !important;
  font-size: 18px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .industry-header p {
  align-self: start !important;
  overflow: hidden !important;
  color: #9da9c7 !important;
  font-size: 11px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .pain-section {
  margin-bottom: 10px !important;
  padding: 14px !important;
  border: 1px solid rgba(107, 125, 181, .32) !important;
  border-radius: 17px !important;
  background: linear-gradient(145deg, rgba(18, 31, 68, .96), rgba(7, 18, 45, .97)) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .pain-section h3 {
  margin: 0 0 10px !important;
  color: #f8f7ff !important;
  font-size: 14px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .pain-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .pain-item,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .solution-item {
  padding: 11px !important;
  border: 1px solid rgba(112, 127, 183, .24) !important;
  border-radius: 13px !important;
  background: rgba(17, 29, 62, .76) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .pain-item strong,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .solution-item strong {
  margin-bottom: 3px !important;
  color: #f4f3ff !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .pain-item p,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .solution-item p {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #98a5c3 !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .solution-list {
  gap: 8px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .solution-icon {
  width: 28px !important;
  height: 28px !important;
  color: transparent !important;
  background: rgba(86, 69, 203, .76) url("./assets/ui-icons/check.svg") center / 16px no-repeat !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .industry-cta {
  margin: 13px 0 0 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .industry-cta .submit-btn {
  min-height: 52px !important;
  border-radius: 15px !important;
  font-size: 14px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-page {
  display: grid !important;
  gap: 10px !important;
  padding: 0 0 18px !important;
}

.xiaohui-app-rebuild-v1 .result-company-line {
  justify-self: center !important;
  max-width: 100% !important;
  margin: -4px 0 0 !important;
  overflow: hidden !important;
  color: #9faac8 !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-history-actions {
  grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)) !important;
  gap: 7px !important;
  margin: 0 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-history-actions button {
  min-height: 40px !important;
  border-radius: 12px !important;
  font-size: 11px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-header {
  margin: 0 !important;
  padding: 19px 15px !important;
  border: 1px solid rgba(128, 105, 231, .45) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(115, 79, 244, .26), transparent 34%),
    linear-gradient(145deg, rgba(37, 29, 98, .88), rgba(8, 20, 48, .96)) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-header::before {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .score-circle {
  width: 108px !important;
  height: 108px !important;
  margin-bottom: 10px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .score-value strong {
  color: #cdb4ff !important;
  font-size: 34px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .score-value span,
.xiaohui-app-rebuild-v1 .result-score-note,
.xiaohui-app-rebuild-v1 .result-section-note {
  margin: 0 !important;
  color: #a4afcc !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-section,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-cta {
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(107, 125, 181, .32) !important;
  border-radius: 17px !important;
  color: #fff !important;
  background: linear-gradient(145deg, rgba(18, 31, 68, .96), rgba(7, 18, 45, .97)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 27px rgba(0, 0, 0, .18) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-section h3 {
  gap: 8px !important;
  margin: 0 0 10px !important;
  color: #f8f7ff !important;
  font-size: 14px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-section h3 .icon {
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border: 1px solid rgba(137, 111, 236, .32) !important;
  border-radius: 9px !important;
  background: rgba(74, 55, 165, .35) !important;
}

.xiaohui-app-rebuild-v1 .result-section-icon {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-section-icon[src*="sparkles"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-section-icon[src*="check"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-section-icon[src*="calendar"] {
  filter: brightness(0) invert(1) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .problem-list,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .suggestion-list {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
  padding-left: 18px !important;
  color: #aab4d0 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .plan-day,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .product-card {
  border-color: rgba(111, 126, 181, .24) !important;
  border-radius: 13px !important;
  background: rgba(17, 29, 62, .76) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-cta h3 {
  color: #f8f7ff !important;
  font-size: 15px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-cta-copy {
  color: #aab4d0 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .cta-btn {
  min-height: 46px !important;
  padding: 0 15px !important;
  border-radius: 14px !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .cta-btn.secondary {
  border-color: rgba(116, 130, 183, .3) !important;
  color: #e8e9fb !important;
  background: rgba(18, 31, 66, .86) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .revenue-impact-card,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-conclusion-card,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .score-secondary-card,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .structured-result-section,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .prompt-copy-card {
  border-color: rgba(107, 125, 181, .32) !important;
  color: #f8f7ff !important;
  background: linear-gradient(145deg, rgba(18, 31, 68, .96), rgba(7, 18, 45, .97)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 12px 27px rgba(0, 0, 0, .18) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-kicker {
  border: 1px solid rgba(137, 111, 236, .34) !important;
  color: #d8c7ff !important;
  background: rgba(89, 62, 191, .34) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .revenue-impact-card h3,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-conclusion-card h3,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .score-secondary-card h3,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .structured-result-section h3,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .plan-content strong {
  color: #f8f7ff !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .revenue-impact-card p,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-conclusion-card p,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .score-secondary-card p,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .structured-result-section p,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .plan-content p,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-metric-card span,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-metric-card small {
  color: #aab4d0 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-metric-card,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .priority-tools li,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .suggestion-list li {
  border: 1px solid rgba(111, 126, 181, .24) !important;
  color: #dce2f5 !important;
  background: rgba(17, 29, 62, .82) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-metric-card.highlight {
  border-color: rgba(120, 98, 234, .45) !important;
  background: rgba(75, 58, 172, .26) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-metric-card.highlight.warm {
  border-color: rgba(217, 166, 74, .42) !important;
  background: rgba(114, 76, 22, .24) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .result-metric-card strong {
  color: #f8f7ff !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .suggestion-list li strong {
  color: #cdb4ff !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .prompt-output-box {
  min-height: 150px !important;
  border-color: rgba(111, 126, 181, .34) !important;
  color: #eef1ff !important;
  caret-color: #c7b0ff !important;
  background: rgba(5, 13, 34, .92) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"] .copy-prompt-button.ghost {
  border-color: rgba(120, 98, 234, .42) !important;
  color: #e4dcff !important;
  background: rgba(63, 49, 143, .34) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history"] .agent-history-page,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history-detail"] .agent-history-page {
  padding: 0 0 18px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history"] .agent-history-filters {
  gap: 7px !important;
  margin: 0 0 12px !important;
  padding: 0 0 2px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history"] .agent-history-filters button {
  min-height: 34px !important;
  padding: 0 11px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history"] .agent-history-list {
  gap: 9px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history"] .agent-history-card {
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  padding: 13px !important;
  border-color: rgba(107, 125, 181, .32) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(18, 31, 68, .96), rgba(7, 18, 45, .97)) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history"] .agent-history-card-copy small {
  color: #b7a8ff !important;
  font-size: 10px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history"] .agent-history-card-copy strong {
  font-size: 14px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history"] .agent-history-card-copy span {
  font-size: 11px !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history"] .agent-history-card time {
  font-size: 9px !important;
}

.xiaohui-app-rebuild-v1 .agent-history-detail-content {
  border-color: rgba(107, 125, 181, .34) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(18, 31, 68, .97), rgba(7, 18, 45, .98)) !important;
}

.xiaohui-app-rebuild-v1 .agent-history-detail-content > header {
  padding: 17px !important;
  background: linear-gradient(145deg, rgba(65, 49, 148, .5), rgba(16, 29, 64, .94)) !important;
}

.xiaohui-app-rebuild-v1 .agent-history-detail-content > header h1 {
  margin: 6px 0 !important;
  font-size: 18px !important;
}

.xiaohui-app-rebuild-v1 .agent-history-summary {
  margin: 13px !important;
  padding: 12px !important;
  font-size: 11px !important;
}

.xiaohui-app-rebuild-v1 .agent-history-report-body {
  gap: 8px !important;
  padding: 0 13px 15px !important;
}

.xiaohui-app-rebuild-v1 .agent-history-report-body section {
  padding: 12px !important;
  border-radius: 12px !important;
}

.xiaohui-app-rebuild-v1 .agent-history-detail-actions {
  bottom: calc(106px + env(safe-area-inset-bottom, 0px)) !important;
  gap: 7px !important;
  margin-top: 10px !important;
  padding: 8px !important;
  border-radius: 15px !important;
}

.xiaohui-app-rebuild-v1 .agent-history-detail-actions button {
  min-height: 44px !important;
  border-radius: 11px !important;
  font-size: 11px !important;
}

.xiaohui-app-rebuild-v1 .detail-sheet .sheet-mask {
  background: rgba(1, 4, 13, .72) !important;
  backdrop-filter: blur(5px) !important;
}

.xiaohui-app-rebuild-v1 .detail-sheet .sheet-panel {
  max-height: min(78dvh, 720px) !important;
  padding: 20px 18px calc(20px + env(safe-area-inset-bottom, 0px)) !important;
  overflow-y: auto !important;
  border: 1px solid rgba(117, 129, 183, .35) !important;
  border-bottom: 0 !important;
  border-radius: 24px 24px 0 0 !important;
  color: #f8f7ff !important;
  background:
    radial-gradient(circle at 82% 6%, rgba(85, 65, 217, .22), transparent 30%),
    linear-gradient(180deg, #0a1530, #050b1d) !important;
  box-shadow: 0 -18px 48px rgba(0, 0, 0, .44) !important;
}

.xiaohui-app-rebuild-v1 .detail-sheet .sheet-close {
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  border: 1px solid rgba(127, 139, 189, .32) !important;
  color: #fff !important;
  background: rgba(20, 31, 65, .82) !important;
}

.xiaohui-app-rebuild-v1 .detail-sheet .sheet-panel h3,
.xiaohui-app-rebuild-v1 .detail-sheet .sheet-bullets strong,
.xiaohui-app-rebuild-v1 .notice-list strong {
  color: #f8f7ff !important;
}

.xiaohui-app-rebuild-v1 .detail-sheet .sheet-summary,
.xiaohui-app-rebuild-v1 .detail-sheet .sheet-bullets,
.xiaohui-app-rebuild-v1 .notice-list p {
  color: #a5b0cc !important;
}

.xiaohui-app-rebuild-v1 .detail-sheet .sheet-bullets li,
.xiaohui-app-rebuild-v1 .notice-list article {
  border-color: rgba(111, 126, 181, .24) !important;
  background: rgba(17, 29, 62, .72) !important;
}

.xiaohui-app-rebuild-v1 .detail-sheet .sheet-action {
  min-height: 46px !important;
  border-radius: 13px !important;
}

.xiaohui-app-rebuild-v1 .detail-sheet .sheet-action.ghost {
  border-color: rgba(117, 130, 183, .32) !important;
  color: #e7e8f8 !important;
  background: rgba(19, 31, 66, .84) !important;
}

.xiaohui-app-rebuild-v1 .notice-list strong {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.xiaohui-app-rebuild-v1 .notice-item-icon {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
}

.xiaohui-app-rebuild-v1 .notice-item-icon[src*="sparkles"],
.xiaohui-app-rebuild-v1 .notice-item-icon[src*="calendar"] {
  filter: brightness(0) invert(1) !important;
}

.xiaohui-app-rebuild-v1 .secondary-page-header .icon-button:hover,
.xiaohui-app-rebuild-v1 .secondary-page-header .icon-button:focus-visible,
.xiaohui-app-rebuild-v1 .marketplace-card-main:focus-visible,
.xiaohui-app-rebuild-v1 .marketplace-shortcuts button:focus-visible,
.xiaohui-app-rebuild-v1 .industry-quick-links button:focus-visible,
.xiaohui-app-rebuild-v1 .discover-card:focus-visible,
.xiaohui-app-rebuild-v1 .guide-route-action:focus-visible,
.xiaohui-app-rebuild-v1 .agent-history-card:focus-visible,
.xiaohui-app-rebuild-v1 .agent-history-detail-actions button:focus-visible {
  outline: 2px solid rgba(166, 132, 255, .88) !important;
  outline-offset: 2px !important;
}

.xiaohui-app-rebuild-v1 .marketplace-card-main:active,
.xiaohui-app-rebuild-v1 .marketplace-shortcuts button:active,
.xiaohui-app-rebuild-v1 .industry-quick-links button:active,
.xiaohui-app-rebuild-v1 .discover-card:active,
.xiaohui-app-rebuild-v1 .guide-route-action:active,
.xiaohui-app-rebuild-v1 .agent-history-card:active,
.xiaohui-app-rebuild-v1 .agent-history-detail-actions button:active,
.xiaohui-app-rebuild-v1 .detail-sheet .sheet-action:active {
  transform: scale(.985) !important;
  filter: brightness(1.1) !important;
}

@media (max-width: 374px) {
  .xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"],
  .xiaohui-app-rebuild-v1 .tab-screen[data-screen="discover-cases"],
  .xiaohui-app-rebuild-v1 .tab-screen[data-screen="guide-center"],
  .xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"],
  .xiaohui-app-rebuild-v1 .tab-screen[data-screen="diagnosis-result"],
  .xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history"],
  .xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history-detail"] {
    padding-inline: 13px !important;
  }

  .xiaohui-app-rebuild-v1 .secondary-page-header,
  .xiaohui-app-rebuild-v1 .agent-history-header.secondary-page-header {
    grid-template-columns: 40px minmax(0, 1fr) 82px !important;
  }

  .xiaohui-app-rebuild-v1 .secondary-page-header::after,
  .xiaohui-app-rebuild-v1 .agent-history-header.secondary-page-header::after {
    width: 82px !important;
  }

  .xiaohui-app-rebuild-v1 .secondary-page-header h2,
  .xiaohui-app-rebuild-v1 .agent-history-header.secondary-page-header h2 {
    max-width: 150px !important;
    font-size: 16px !important;
  }

  .xiaohui-app-rebuild-v1 .tab-screen[data-screen="industry"] .pain-grid {
    grid-template-columns: 1fr !important;
  }
}

/* 2026-07-24 V13 final mobile usability pass. */
.xiaohui-app-rebuild-v1 .secondary-page-header,
.xiaohui-app-rebuild-v1 .agent-history-header.secondary-page-header {
  width: calc(100% + 32px) !important;
  margin-inline: -16px !important;
  padding-inline: 16px !important;
}

body.mobile-body.xiaohui-app-rebuild-v1:has(.tab-screen.active) .xiaohui-assistant-launcher.history-safe-launcher {
  right: 0 !important;
}

body.mobile-body.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="membership-purchase"].active) .xiaohui-assistant-launcher.history-safe-launcher {
  top: calc(20px + env(safe-area-inset-top, 0px)) !important;
  right: 14px !important;
  bottom: auto !important;
}

body.mobile-body.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="profile-member-admin"].active) .xiaohui-assistant-launcher.history-safe-launcher {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-member-admin"] {
  width: 100% !important;
  min-height: 100dvh !important;
  padding: 0 16px calc(124px + env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: clip !important;
  color: #f7f7ff !important;
  background:
    radial-gradient(circle at 12% 4%, rgba(104, 72, 255, .22), transparent 30%),
    radial-gradient(circle at 94% 30%, rgba(17, 155, 255, .13), transparent 34%),
    linear-gradient(180deg, #030817 0%, #07152f 58%, #030817 100%) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-view-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 12 !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 92px !important;
  align-items: center !important;
  gap: 8px !important;
  width: calc(100% + 32px) !important;
  min-height: 72px !important;
  margin: 0 -16px 12px !important;
  padding: calc(10px + env(safe-area-inset-top, 0px)) 16px 8px !important;
  border: 0 !important;
  background: linear-gradient(180deg, rgba(3, 8, 23, .98), rgba(3, 8, 23, .76)) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-view-header > div {
  display: contents !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-view-header::after {
  content: "" !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  display: block !important;
  width: 90px !important;
  height: 29px !important;
  background: url("./assets/xiaohui-logo-hd.png") center / contain no-repeat !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-view-header .icon-button {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  border: 1px solid rgba(128, 145, 197, .34) !important;
  color: #f8f7ff !important;
  background: rgba(17, 29, 61, .78) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-view-header h2 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  margin: 0 !important;
  color: #f8f7ff !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-shadow: 0 0 18px rgba(128, 94, 255, .42) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-view-header p {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-overview {
  min-height: 78px !important;
  margin: 0 0 12px !important;
  padding: 14px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: 1px solid rgba(112, 130, 186, .34) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(19, 31, 68, .96), rgba(8, 19, 47, .96)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 28px rgba(0, 0, 0, .2) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-overview span {
  color: #9da9c8 !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-overview strong {
  margin-top: 2px !important;
  color: #f8f7ff !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-overview > button,
.xiaohui-app-rebuild-v1 .profile-admin-member-clear {
  min-height: 42px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(151, 126, 255, .48) !important;
  border-radius: 13px !important;
  color: #eee9ff !important;
  background: rgba(103, 74, 214, .22) !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-toolbar {
  margin: 0 0 12px !important;
  padding: 12px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  border: 1px solid rgba(112, 130, 186, .30) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(19, 31, 68, .94), rgba(8, 19, 47, .94)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-search {
  min-height: 46px !important;
  padding: 0 !important;
  border: 1px solid rgba(126, 145, 202, .34) !important;
  border-radius: 14px !important;
  background: #0e1937 !important;
  box-shadow: none !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-search input {
  min-height: 44px !important;
  padding: 0 13px !important;
  border: 0 !important;
  color: #f5f6ff !important;
  background: transparent !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-search input::placeholder {
  color: rgba(219, 226, 255, .58) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-toolbar > p {
  grid-column: 1 / -1 !important;
  margin: 0 2px !important;
  color: #9da9c8 !important;
  font-size: 11px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-grid {
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-card {
  padding: 16px !important;
  border: 1px solid rgba(112, 130, 186, .32) !important;
  border-radius: 18px !important;
  color: #f7f7ff !important;
  background: linear-gradient(145deg, rgba(19, 31, 68, .96), rgba(8, 19, 47, .96)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 28px rgba(0, 0, 0, .2) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-card-head {
  grid-template-columns: 48px minmax(0, 1fr) auto !important;
  gap: 12px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-avatar {
  width: 48px !important;
  height: 48px !important;
  border: 1px solid rgba(155, 128, 255, .42) !important;
  border-radius: 15px !important;
  color: #f4efff !important;
  background: linear-gradient(145deg, rgba(109, 76, 235, .58), rgba(28, 51, 109, .92)) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-card-head strong {
  color: #f8f7ff !important;
  font-size: 15px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-card-head span {
  color: #9da9c8 !important;
  font-size: 11px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-card-head em {
  padding: 6px 9px !important;
  border: 1px solid rgba(255, 255, 255, .13) !important;
  color: #dce2f7 !important;
  background: rgba(255, 255, 255, .07) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-card-head em.active {
  border-color: rgba(90, 229, 190, .38) !important;
  color: #83f2cf !important;
  background: rgba(29, 121, 98, .20) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-card-head em.inactive {
  border-color: rgba(255, 196, 92, .28) !important;
  color: #ffd58a !important;
  background: rgba(194, 131, 24, .14) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-detail {
  margin-top: 13px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-detail span {
  min-height: 58px !important;
  padding: 10px 11px !important;
  border: 1px solid rgba(113, 130, 184, .22) !important;
  border-radius: 12px !important;
  color: #eef1ff !important;
  background: rgba(17, 30, 64, .78) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-detail b {
  margin-bottom: 4px !important;
  color: #8f9abb !important;
  font-size: 10px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-actions {
  margin-top: 12px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-action {
  min-height: 42px !important;
  border: 1px solid rgba(126, 145, 202, .32) !important;
  border-radius: 12px !important;
  color: #edf0ff !important;
  background: rgba(20, 34, 72, .88) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-action.selected {
  border-color: rgba(104, 222, 255, .58) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #315fd4, #7055e8) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-action.selected:disabled {
  opacity: 1 !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-action.revoke {
  grid-column: 1 / -1 !important;
  border-color: rgba(241, 126, 144, .28) !important;
  color: #ffc3ce !important;
  background: rgba(119, 38, 56, .18) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-protected,
.xiaohui-app-rebuild-v1 .profile-admin-member-empty {
  border: 1px solid rgba(113, 130, 184, .22) !important;
  color: #a8b2ce !important;
  background: rgba(17, 30, 64, .72) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-marketplace"] .marketplace-search input {
  border: 0 !important;
  background: transparent !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="agent-history"] .agent-history-card-copy strong {
  display: -webkit-box !important;
  overflow: hidden !important;
  line-height: 1.35 !important;
  text-overflow: clip !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="membership-purchase"] .membership-pay-button.preview {
  border: 1px solid rgba(151, 126, 255, .46) !important;
  color: #ddd7ff !important;
  background: rgba(104, 75, 210, .14) !important;
  box-shadow: none !important;
}

@media (min-width: 521px) {
  body.mobile-body.xiaohui-app-rebuild-v1:has(.tab-screen.active) .xiaohui-assistant-launcher.history-safe-launcher {
    right: calc((100vw - 390px) / 2) !important;
  }

  body.mobile-body.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="membership-purchase"].active) .xiaohui-assistant-launcher.history-safe-launcher {
    right: calc((100vw - 390px) / 2 + 14px) !important;
  }
}

/* 2026-07-24 enterprise knowledge hub V15. */
.xiaohui-app-rebuild-v1 .enterprise-project-entry {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 112px !important;
  margin: 0 0 16px !important;
  padding: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(150, 113, 255, .52) !important;
  border-radius: 22px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 12% 20%, rgba(129, 93, 255, .42), transparent 38%),
    linear-gradient(135deg, rgba(45, 28, 108, .98), rgba(10, 26, 62, .98)) !important;
  text-align: left !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .14),
    0 16px 34px rgba(2, 6, 24, .3),
    0 0 26px rgba(100, 75, 255, .12) !important;
  cursor: pointer !important;
  transition: transform .18s ease, border-color .18s ease, filter .18s ease !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-entry::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(110deg, transparent 24%, rgba(255, 255, 255, .1) 50%, transparent 72%) !important;
  transform: translateX(-110%) !important;
  transition: transform .45s ease !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-entry:hover::after {
  transform: translateX(110%) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-entry:active {
  transform: scale(.985) !important;
  filter: brightness(1.1) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-entry:focus-visible,
.xiaohui-app-rebuild-v1 .native-tools-section-head button:focus-visible,
.xiaohui-app-rebuild-v1 .knowledge-header-action:focus-visible,
.xiaohui-app-rebuild-v1 .enterprise-project-search input:focus-visible,
.xiaohui-app-rebuild-v1 .enterprise-project-search button:focus-visible,
.xiaohui-app-rebuild-v1 .enterprise-project-card button:focus-visible,
.xiaohui-app-rebuild-v1 .enterprise-project-create:focus-visible,
.xiaohui-app-rebuild-v1 .enterprise-project-mode-tabs button:focus-visible,
.xiaohui-app-rebuild-v1 .enterprise-import-actions label:focus-visible,
.xiaohui-app-rebuild-v1 .enterprise-import-actions button:focus-visible,
.xiaohui-app-rebuild-v1 .knowledge-review-panel button:focus-visible,
.xiaohui-app-rebuild-v1 .tool-project-context button:focus-visible,
.xiaohui-app-rebuild-v1 .tool-project-context select:focus-visible {
  outline: 2px solid rgba(190, 151, 255, .96) !important;
  outline-offset: 3px !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-entry-icon {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  place-items: center !important;
  width: 58px !important;
  height: 58px !important;
  border: 1px solid rgba(204, 190, 255, .4) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(125, 84, 255, .74), rgba(38, 108, 229, .52)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 0 22px rgba(106, 75, 255, .28) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-entry-icon img {
  width: 31px !important;
  height: 31px !important;
  filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(255, 255, 255, .32)) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-entry-copy {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-entry-copy > small {
  color: #c6b3ff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-entry-copy > strong {
  color: #fff !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-entry-copy > span {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: rgba(224, 232, 255, .72) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-entry-arrow {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(213, 220, 255, .3) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .08) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-entry-arrow img {
  width: 18px !important;
  height: 18px !important;
}

.xiaohui-app-rebuild-v1 .native-tools-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 2px 10px !important;
}

.xiaohui-app-rebuild-v1 .native-tools-section-head > strong {
  color: #f5f7ff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .native-tools-section-head button {
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(126, 149, 217, .28) !important;
  border-radius: 999px !important;
  color: #b9c6eb !important;
  background: rgba(15, 28, 62, .72) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .native-tools-section-head button:active,
.xiaohui-app-rebuild-v1 .knowledge-header-action:active,
.xiaohui-app-rebuild-v1 .enterprise-project-search button:active,
.xiaohui-app-rebuild-v1 .enterprise-project-card button:active,
.xiaohui-app-rebuild-v1 .enterprise-project-create:active,
.xiaohui-app-rebuild-v1 .enterprise-project-mode-tabs button:active,
.xiaohui-app-rebuild-v1 .enterprise-import-actions label:active,
.xiaohui-app-rebuild-v1 .enterprise-import-actions button:active,
.xiaohui-app-rebuild-v1 .knowledge-review-panel button:active,
.xiaohui-app-rebuild-v1 .tool-project-context button:active {
  transform: scale(.97) !important;
  filter: brightness(1.12) !important;
}

.xiaohui-app-rebuild-v1 .native-tool-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.xiaohui-app-rebuild-v1 .native-tool-list .native-tool-card {
  grid-column: auto !important;
  height: 142px !important;
  min-height: 142px !important;
}

.xiaohui-app-rebuild-v1 .native-tool-copy em {
  justify-self: start !important;
  margin: -2px 0 0 !important;
  padding: 2px 7px !important;
  border: 1px solid rgba(255, 201, 92, .42) !important;
  border-radius: 999px !important;
  color: #ffd679 !important;
  background: rgba(124, 76, 6, .2) !important;
  font-size: 9px !important;
  line-height: 1.2 !important;
  font-style: normal !important;
  font-weight: 850 !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="knowledge-center"],
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="knowledge-editor"] {
  width: 100% !important;
  min-height: 100dvh !important;
  padding: 0 16px calc(132px + env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: clip !important;
  color: #f7f7ff !important;
  background:
    radial-gradient(circle at 88% 4%, rgba(83, 72, 219, .21), transparent 30%),
    radial-gradient(circle at 0 48%, rgba(91, 46, 180, .13), transparent 34%),
    linear-gradient(180deg, #030817 0%, #07152f 58%, #030817 100%) !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="knowledge-center"]::before,
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="knowledge-editor"]::before {
  opacity: .32 !important;
  background-size: 32px 32px !important;
}

.xiaohui-app-rebuild-v1 .knowledge-page-header {
  width: calc(100% + 32px) !important;
  margin-inline: -16px !important;
  padding-inline: 16px !important;
}

.xiaohui-app-rebuild-v1 .knowledge-page-header::after {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .knowledge-page-header > div {
  display: block !important;
  min-width: 0 !important;
  text-align: center !important;
}

.xiaohui-app-rebuild-v1 .knowledge-page-header h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .knowledge-page-header p {
  display: block !important;
  margin: 3px 0 0 !important;
  color: #8593ba !important;
  font-size: 10px !important;
}

.xiaohui-app-rebuild-v1 .knowledge-header-action,
.xiaohui-app-rebuild-v1 .knowledge-editor-progress {
  justify-self: end !important;
  min-width: 58px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(148, 121, 255, .4) !important;
  border-radius: 999px !important;
  color: #ddd5ff !important;
  background: rgba(102, 75, 211, .18) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .knowledge-editor-progress {
  display: grid !important;
  place-items: center !important;
  cursor: default !important;
}

.xiaohui-app-rebuild-v1 .knowledge-page {
  display: grid !important;
  gap: 14px !important;
  width: 100% !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-form.knowledge-import-mode > .form-block,
.xiaohui-app-rebuild-v1 .enterprise-project-form.knowledge-import-mode > .knowledge-privacy-note,
.xiaohui-app-rebuild-v1 .enterprise-project-form.knowledge-import-mode > .enterprise-project-save {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-toolbar {
  display: grid !important;
  gap: 8px !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-search {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 9px 8px 14px !important;
  border: 1px solid rgba(116, 139, 202, .3) !important;
  border-radius: 17px !important;
  background: rgba(12, 26, 60, .82) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-search input {
  min-width: 0 !important;
  min-height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  color: #f7f8ff !important;
  background: transparent !important;
  font-size: 14px !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-search input::placeholder {
  color: #68779e !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-search button {
  min-height: 34px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #aeb9d9 !important;
  background: rgba(255, 255, 255, .06) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  cursor: pointer !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .16s ease, transform .16s ease !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-search button.visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-toolbar > p,
.xiaohui-app-rebuild-v1 .knowledge-privacy-note {
  margin: 0 !important;
  color: #7f8bab !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-status {
  min-height: 18px !important;
  color: #9dabe0 !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-status:not(:empty) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(174, 124, 255, .3) !important;
  border-radius: 13px !important;
  background: rgba(66, 42, 132, .18) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-status button {
  flex: 0 0 auto !important;
  min-height: 32px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(185, 151, 255, .42) !important;
  border-radius: 999px !important;
  color: #eee9ff !important;
  background: rgba(108, 76, 214, .26) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-list {
  display: grid !important;
  gap: 12px !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-card {
  display: grid !important;
  gap: 12px !important;
  padding: 15px !important;
  border: 1px solid rgba(111, 134, 198, .3) !important;
  border-radius: 19px !important;
  background: linear-gradient(145deg, rgba(18, 34, 75, .94), rgba(9, 22, 51, .96)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 26px rgba(0, 0, 0, .18) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-card.current {
  border-color: rgba(154, 114, 255, .7) !important;
  background:
    radial-gradient(circle at 92% 6%, rgba(114, 80, 255, .24), transparent 36%),
    linear-gradient(145deg, rgba(37, 30, 92, .96), rgba(10, 25, 58, .96)) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-card-copy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-card-copy > small {
  color: #9e88ff !important;
  font-size: 10px !important;
  font-weight: 850 !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-card-copy > strong {
  overflow: hidden !important;
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-card-copy > span {
  overflow: hidden !important;
  color: #aab6d4 !important;
  font-size: 12px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-completeness {
  flex: 0 0 auto !important;
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  border: 1px solid rgba(135, 111, 255, .4) !important;
  border-radius: 15px !important;
  color: #dfd7ff !important;
  background: rgba(98, 72, 206, .15) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-card-meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-card-meta span {
  padding: 4px 8px !important;
  border: 1px solid rgba(100, 123, 184, .24) !important;
  border-radius: 999px !important;
  color: #99a7cb !important;
  background: rgba(21, 38, 78, .68) !important;
  font-size: 10px !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-card-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 44px !important;
  gap: 8px !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-card-actions button {
  min-height: 42px !important;
  border: 1px solid rgba(113, 134, 192, .3) !important;
  border-radius: 13px !important;
  color: #d5def6 !important;
  background: rgba(26, 44, 88, .82) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-card-actions button.primary {
  border-color: rgba(143, 105, 255, .58) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #7048e8, #426af0) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-card-actions button.danger {
  color: #ffadbc !important;
  background: rgba(105, 31, 54, .18) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-empty {
  display: grid !important;
  place-items: center !important;
  gap: 7px !important;
  min-height: 188px !important;
  padding: 24px !important;
  border: 1px dashed rgba(117, 139, 198, .38) !important;
  border-radius: 21px !important;
  color: #8f9bbd !important;
  background: rgba(12, 27, 60, .55) !important;
  text-align: center !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-empty strong {
  color: #e8ebff !important;
  font-size: 16px !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-empty span {
  max-width: 250px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-create {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 50px !important;
  border: 1px solid rgba(126, 99, 255, .48) !important;
  border-radius: 16px !important;
  color: #eeeaff !important;
  background: linear-gradient(135deg, rgba(98, 67, 219, .34), rgba(42, 80, 180, .3)) !important;
  font-size: 13px !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-mode-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  padding: 5px !important;
  border: 1px solid rgba(104, 125, 185, .3) !important;
  border-radius: 16px !important;
  background: rgba(10, 23, 53, .8) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-mode-tabs button {
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 0 5px !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #909dbc !important;
  background: transparent !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-mode-tabs button.active {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(112, 72, 232, .92), rgba(63, 104, 237, .9)) !important;
  box-shadow: 0 7px 18px rgba(62, 67, 192, .22) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-form {
  display: grid !important;
  gap: 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-form .form-block {
  margin: 0 !important;
}

.xiaohui-app-rebuild-v1 .enterprise-detail-fields {
  display: grid !important;
  gap: 14px !important;
}

.xiaohui-app-rebuild-v1 .enterprise-detail-fields.hidden {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .knowledge-choice-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.xiaohui-app-rebuild-v1 .knowledge-choice-grid label {
  display: grid !important;
  gap: 6px !important;
  padding: 10px !important;
  border: 1px solid rgba(105, 126, 183, .26) !important;
  border-radius: 13px !important;
  color: #aeb8d4 !important;
  background: rgba(21, 37, 76, .76) !important;
  font-size: 10px !important;
}

.xiaohui-app-rebuild-v1 .knowledge-choice-grid select {
  width: 100% !important;
  min-height: 38px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(116, 137, 194, .34) !important;
  border-radius: 10px !important;
  color: #eef1ff !important;
  background: #111e42 !important;
  font-size: 12px !important;
  color-scheme: dark !important;
}

.xiaohui-app-rebuild-v1 .knowledge-contact-toggle {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 44px !important;
  color: #bdc6df !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .knowledge-contact-toggle input {
  width: 19px !important;
  height: 19px !important;
  accent-color: #7957ea !important;
}

.xiaohui-app-rebuild-v1 .enterprise-import-panel {
  display: grid !important;
  gap: 9px !important;
}

.xiaohui-app-rebuild-v1 .enterprise-import-panel.hidden {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .enterprise-import-drop {
  display: grid !important;
  place-items: center !important;
  gap: 8px !important;
  min-height: 190px !important;
  padding: 22px 16px !important;
  border: 1px dashed rgba(151, 119, 255, .58) !important;
  border-radius: 21px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 50% 0, rgba(118, 76, 237, .2), transparent 50%),
    rgba(12, 26, 59, .76) !important;
  text-align: center !important;
}

.xiaohui-app-rebuild-v1 .enterprise-import-drop > img {
  width: 38px !important;
  height: 38px !important;
  filter: brightness(0) invert(1) drop-shadow(0 0 9px rgba(156, 120, 255, .45)) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-import-drop > p {
  margin: 0 !important;
  color: #8e9bbe !important;
  font-size: 11px !important;
}

.xiaohui-app-rebuild-v1 .enterprise-import-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
  width: min(100%, 286px) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-import-actions > label,
.xiaohui-app-rebuild-v1 .enterprise-import-actions > button {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  border: 1px solid rgba(172, 144, 255, .5) !important;
  border-radius: 13px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .enterprise-import-actions > label {
  color: #f5f2ff !important;
  background: linear-gradient(135deg, #7049e6, #456cf1) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-import-actions > button {
  color: #d9d2ff !important;
  background: rgba(99, 74, 190, .18) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-import-drop input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-import-warning {
  margin: 0 !important;
  color: #9ca8c8 !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

.xiaohui-app-rebuild-v1 .enterprise-import-guide,
.xiaohui-app-rebuild-v1 .enterprise-import-ai-warning {
  margin: 0 !important;
  color: #aab5d3 !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

.xiaohui-app-rebuild-v1 .enterprise-import-ai-warning {
  color: #c3bae8 !important;
}

.xiaohui-app-rebuild-v1 .enterprise-import-preview {
  display: none !important;
  padding: 12px !important;
  border: 1px solid rgba(104, 205, 170, .3) !important;
  border-radius: 14px !important;
  color: #bfe7d7 !important;
  background: rgba(18, 84, 69, .14) !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

.xiaohui-app-rebuild-v1 .enterprise-import-preview:not(:empty) {
  display: block !important;
}

.xiaohui-app-rebuild-v1 .enterprise-import-panel.knowledge-review-active > .enterprise-import-drop,
.xiaohui-app-rebuild-v1 .enterprise-import-panel.knowledge-review-active > .enterprise-import-guide,
.xiaohui-app-rebuild-v1 .enterprise-import-panel.knowledge-review-active > .enterprise-import-ai-warning,
.xiaohui-app-rebuild-v1 .enterprise-import-panel.knowledge-review-active > .enterprise-import-warning {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-panel {
  display: grid !important;
  gap: 11px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(126, 97, 255, .38) !important;
  border-radius: 18px !important;
  overflow-x: clip !important;
  background:
    radial-gradient(circle at 92% 0, rgba(118, 75, 224, .18), transparent 45%),
    rgba(11, 24, 55, .94) !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-panel.hidden {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-panel > header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-panel > header > div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-panel > header span {
  color: #a8b2d2 !important;
  font-size: 10px !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-panel > header strong {
  color: #f3f0ff !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-panel > header > button {
  flex: 0 0 auto !important;
  min-height: 44px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(126, 97, 255, .38) !important;
  border-radius: 11px !important;
  color: #eeeaff !important;
  background: linear-gradient(135deg, #7049e6, #456cf1) !important;
  font-size: 10px !important;
  font-weight: 820 !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-panel > header > button:disabled {
  opacity: .42 !important;
  cursor: default !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-list {
  display: grid !important;
  gap: 9px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-item {
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 11px !important;
  border: 1px solid rgba(126, 97, 255, .38) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: rgba(19, 34, 72, .82) !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-item-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-item-head > strong {
  min-width: 0 !important;
  color: #e9e6f7 !important;
  font-size: 12px !important;
  overflow-wrap: anywhere !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-status,
.xiaohui-app-rebuild-v1 .knowledge-review-confidence {
  flex: 0 0 auto !important;
  color: #9ca8c8 !important;
  font-size: 9px !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-ai-label {
  flex: 0 0 auto !important;
  color: #f1c778 !important;
  font-size: 9px !important;
  font-weight: 850 !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-value,
.xiaohui-app-rebuild-v1 .knowledge-review-reason {
  margin: 0 !important;
  color: #d5dcf1 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-reason {
  color: #8f9bbb !important;
  font-size: 10px !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-item-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-item button {
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(126, 97, 255, .38) !important;
  border-radius: 10px !important;
  color: #c8c5dc !important;
  background: rgba(76, 66, 126, .18) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-item button.primary {
  color: #f5f2ff !important;
  background: linear-gradient(135deg, #744ced, #4d66e9) !important;
}

.xiaohui-app-rebuild-v1 .knowledge-review-panel button:active {
  transform: scale(.97) !important;
  filter: brightness(1.12) !important;
}

.xiaohui-app-rebuild-v1 .enterprise-project-save {
  margin-top: 0 !important;
}

.xiaohui-app-rebuild-v1 .tool-project-context {
  display: grid !important;
  gap: 9px !important;
  margin: 0 0 14px !important;
  padding: 13px !important;
  border: 1px solid rgba(142, 109, 255, .43) !important;
  border-radius: 17px !important;
  background:
    radial-gradient(circle at 94% 8%, rgba(107, 77, 229, .18), transparent 42%),
    rgba(15, 31, 68, .9) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

.xiaohui-app-rebuild-v1 .tool-project-context-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.xiaohui-app-rebuild-v1 .tool-project-context-head label {
  color: #f0edff !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.xiaohui-app-rebuild-v1 .tool-project-context-head button {
  min-height: 32px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(137, 111, 223, .36) !important;
  border-radius: 10px !important;
  color: #c4b8ef !important;
  background: rgba(102, 74, 198, .14) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .tool-project-context > select {
  width: 100% !important;
  min-height: 46px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(118, 137, 194, .36) !important;
  border-radius: 13px !important;
  color: #f1f3ff !important;
  background: #111f43 !important;
  font-size: 13px !important;
  color-scheme: dark !important;
}

.xiaohui-app-rebuild-v1 .tool-project-context > p {
  margin: 0 !important;
  color: #8794b6 !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="knowledge-editor"].active) .xiaohui-assistant-launcher,
.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="diagnosis-form"].active) .xiaohui-assistant-launcher {
  display: none !important;
}

body.mobile-body.xiaohui-app-rebuild-v1:has(.tab-screen[data-screen="knowledge-editor"].active) .xiaohui-assistant-launcher.history-safe-launcher {
  bottom: calc(180px + env(safe-area-inset-bottom, 0px)) !important;
}

.xiaohui-app-rebuild-v1 .app-toast.hidden {
  display: none !important;
  pointer-events: none !important;
}

@media (max-width: 374px) {
  .xiaohui-app-rebuild-v1 .enterprise-project-entry {
    grid-template-columns: 50px minmax(0, 1fr) 32px !important;
    gap: 10px !important;
    min-height: 104px !important;
    padding: 14px !important;
  }

  .xiaohui-app-rebuild-v1 .enterprise-project-entry-icon {
    width: 50px !important;
    height: 50px !important;
    border-radius: 15px !important;
  }

  .xiaohui-app-rebuild-v1 .enterprise-project-entry-copy > strong {
    font-size: 18px !important;
  }

  .xiaohui-app-rebuild-v1 .knowledge-choice-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .xiaohui-app-rebuild-v1 .enterprise-project-entry,
  .xiaohui-app-rebuild-v1 .enterprise-project-entry::after,
  .xiaohui-app-rebuild-v1 .enterprise-project-card button,
  .xiaohui-app-rebuild-v1 .enterprise-project-create,
  .xiaohui-app-rebuild-v1 .enterprise-project-mode-tabs button {
    transition: none !important;
  }
}

/* Keep the two public membership choices equal at every supported mobile width. */
.xiaohui-app-rebuild-v1 .membership-plan-grid {
  grid-template-columns: 1fr !important;
}

.xiaohui-app-rebuild-v1 .membership-plan-partner {
  grid-column: auto !important;
}

.xiaohui-app-rebuild-v1 .membership-trial-catalog-button {
  width: 100% !important;
  min-height: 48px !important;
  margin-top: 12px !important;
  padding: 0 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: 1px solid rgba(145, 118, 255, .52) !important;
  border-radius: 14px !important;
  color: #f5f1ff !important;
  background:
    linear-gradient(135deg, rgba(107, 66, 226, .32), rgba(45, 83, 176, .22)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .1),
    0 12px 26px rgba(20, 12, 62, .22) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease !important;
}

.xiaohui-app-rebuild-v1 .membership-trial-catalog-button b {
  color: #cfc4ff !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

.xiaohui-app-rebuild-v1 .membership-trial-catalog-button:hover,
.xiaohui-app-rebuild-v1 .membership-trial-catalog-button:focus-visible {
  border-color: rgba(181, 158, 255, .82) !important;
  background:
    linear-gradient(135deg, rgba(119, 75, 242, .42), rgba(52, 94, 197, .3)) !important;
}

.xiaohui-app-rebuild-v1 .membership-trial-catalog-button:active {
  transform: scale(.985) !important;
}

.xiaohui-app-rebuild-v1 .membership-trial-catalog-button.hidden {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .membership-trial-catalog-status {
  margin: 9px 2px 0 !important;
  color: #a9b4d5 !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

.xiaohui-app-rebuild-v1 .membership-trial-catalog-status.hidden {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .detail-sheet .trial-catalog-item {
  display: grid !important;
  gap: 4px !important;
}

.xiaohui-app-rebuild-v1 .detail-sheet .trial-catalog-item strong {
  display: block !important;
  padding-right: 8px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.xiaohui-app-rebuild-v1 .detail-sheet .trial-catalog-item small {
  color: #8f9cbd !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

@media (prefers-reduced-motion: reduce) {
  .xiaohui-app-rebuild-v1 .membership-trial-catalog-button {
    transition: none !important;
  }
}

/* Mobile member directory: approved option 2. */
.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-member-admin"] {
  min-height: 100dvh !important;
  padding: 0 14px 112px !important;
  overflow-x: hidden !important;
  color: #f7f8ff !important;
  background:
    radial-gradient(circle at 50% -8%, rgba(93, 74, 194, .22), transparent 34%),
    radial-gradient(circle at 92% 34%, rgba(43, 93, 181, .16), transparent 30%),
    #050b1c !important;
}

.xiaohui-app-rebuild-v1 .tab-screen[data-screen="profile-member-admin"]::before {
  display: none !important;
}

body.profile-member-admin-active .ref-bottom-nav {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-mobile-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 7 !important;
  min-height: calc(60px + env(safe-area-inset-top)) !important;
  margin: 0 -14px 12px !important;
  padding: max(6px, env(safe-area-inset-top)) 14px 6px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 44px !important;
  align-items: center !important;
  background: linear-gradient(180deg, rgba(5, 11, 28, .98), rgba(5, 11, 28, .88)) !important;
  backdrop-filter: blur(16px) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-mobile-header h2 {
  margin: 0 !important;
  color: #fbfbff !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-align: center !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-mobile-icon,
.xiaohui-app-rebuild-v1 .profile-admin-member-more,
.xiaohui-app-rebuild-v1 .profile-admin-member-menu-close {
  width: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 1px solid rgba(143, 159, 214, .3) !important;
  border-radius: 50% !important;
  color: #f6f7ff !important;
  background: rgba(21, 31, 61, .82) !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-mobile-header .profile-admin-mobile-icon,
.xiaohui-app-rebuild-v1 .profile-admin-member-menu-close {
  font-size: 11px !important;
  font-weight: 800 !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-mobile-icon img {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  margin: auto !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-mobile-back img {
  transform: rotate(180deg) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-overview {
  grid-column: 1 / -1 !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  border: 1px solid rgba(107, 128, 185, .34) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: rgba(11, 22, 50, .84) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 30px rgba(0, 0, 0, .18) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-overview > div {
  min-width: 0 !important;
  padding: 0 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  text-align: center !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-overview > div + div {
  border-left: 1px solid rgba(107, 128, 185, .25) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-overview > div.active {
  background: linear-gradient(135deg, rgba(111, 69, 219, .46), rgba(45, 74, 178, .28)) !important;
  box-shadow: inset 0 0 0 1px rgba(165, 120, 255, .58), 0 0 20px rgba(124, 88, 255, .17) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-overview span {
  color: #a4b1d2 !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-overview strong {
  color: #f9f9ff !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-overview-icon {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
  object-fit: contain !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-toolbar {
  position: static !important;
  z-index: auto !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-search {
  min-height: 44px !important;
  border: 1px solid rgba(115, 135, 194, .36) !important;
  border-radius: 15px !important;
  background: rgba(8, 18, 43, .9) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-search input {
  min-height: 44px !important;
  padding: 0 13px !important;
  border: 0 !important;
  color: #f4f5ff !important;
  background: transparent !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-clear {
  min-height: 44px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(141, 118, 231, .45) !important;
  border-radius: 13px !important;
  color: #e8e2ff !important;
  background: rgba(93, 66, 181, .2) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-filter-row {
  grid-column: 1 / -1 !important;
  display: flex !important;
  gap: 7px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-filter-row::-webkit-scrollbar {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-filter-row button {
  flex: 0 0 auto !important;
  min-height: 44px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(110, 129, 183, .32) !important;
  border-radius: 15px !important;
  color: #aeb9d8 !important;
  background: rgba(15, 28, 60, .78) !important;
  font-size: 13px !important;
  font-weight: 780 !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-filter-row button.active {
  border-color: rgba(170, 126, 255, .86) !important;
  color: #fff !important;
  background: linear-gradient(135deg, rgba(105, 67, 212, .76), rgba(66, 80, 195, .64)) !important;
  box-shadow: 0 0 18px rgba(128, 89, 255, .25) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-control-dock {
  position: fixed !important;
  left: 50% !important;
  bottom: max(8px, env(safe-area-inset-bottom)) !important;
  z-index: 8 !important;
  width: min(calc(100vw - 28px), 402px) !important;
  padding: 6px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  border: 1px solid rgba(96, 119, 177, .3) !important;
  border-radius: 17px !important;
  background: rgba(7, 17, 42, .94) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
  backdrop-filter: blur(16px) !important;
  transform: translateX(-50%) !important;
}

body:not(.profile-member-admin-active) .profile-admin-member-control-dock {
  display: none !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-selects {
  display: contents !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-selects label {
  position: relative !important;
  min-width: 0 !important;
  color: #9ba9cb !important;
  font-size: 10px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-selects label > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-selects select {
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 1px solid rgba(100, 122, 180, .28) !important;
  border-radius: 11px !important;
  color: #e8ecff !important;
  background: #0a1732 !important;
  color-scheme: dark !important;
  font-size: 12px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-toolbar > p {
  grid-column: 1 / -1 !important;
  margin: 0 2px !important;
  color: #93a2c8 !important;
  font-size: 11px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-directory {
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-group {
  min-width: 0 !important;
  border: 1px solid rgba(98, 121, 180, .36) !important;
  border-radius: 18px !important;
  overflow: visible !important;
  background: linear-gradient(145deg, rgba(16, 29, 62, .93), rgba(8, 19, 46, .94)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 14px 28px rgba(0, 0, 0, .17) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-group-toggle {
  width: 100% !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(98, 121, 180, .28) !important;
  color: #f5f6ff !important;
  background: rgba(21, 35, 72, .55) !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  text-align: left !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-group-toggle > span:last-child {
  color: #9aa9cd !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-group-label {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-group-icon {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  object-fit: contain !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-group.collapsed .profile-admin-member-group-toggle {
  border-bottom: 0 !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-group-rows {
  min-width: 0 !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-row {
  position: relative !important;
  min-height: 62px !important;
  padding: 8px 10px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto 44px !important;
  align-items: center !important;
  gap: 8px !important;
  border-bottom: 1px solid rgba(103, 125, 180, .2) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-row:last-child {
  border-bottom: 0 !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-avatar {
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(145, 121, 226, .42) !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  color: #f4efff !important;
  background: linear-gradient(145deg, #6850bd, #183668) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-row-main {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-row-main > div {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-row-main strong {
  min-width: 0 !important;
  overflow: visible !important;
  color: #f9f9ff !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-row-tier {
  flex: 0 0 auto !important;
  padding: 3px 7px !important;
  border: 1px solid rgba(109, 139, 237, .55) !important;
  border-radius: 999px !important;
  color: #91b5ff !important;
  font-size: 10px !important;
  font-style: normal !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-row-tier.admin,
.xiaohui-app-rebuild-v1 .profile-admin-member-row-tier.partner {
  border-color: rgba(244, 188, 83, .58) !important;
  color: #ffd87f !important;
  background: rgba(139, 94, 21, .15) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-row-tier.free {
  border-color: rgba(157, 101, 232, .54) !important;
  color: #cda9ff !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-row-id {
  color: #9aa8ca !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
  user-select: text !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-row-main small {
  color: #7181a8 !important;
  font-size: 10px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-more {
  justify-self: end !important;
  font-size: 26px !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-menu {
  position: fixed !important;
  top: var(--profile-admin-member-menu-top, max(8px, env(safe-area-inset-top))) !important;
  right: var(--profile-admin-member-menu-right, 8px) !important;
  z-index: 5 !important;
  width: min(300px, calc(100vw - 32px)) !important;
  max-height: var(--profile-admin-member-menu-max-height, calc(100dvh - 24px)) !important;
  padding: 52px 8px 8px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 5px !important;
  border: 1px solid rgba(136, 118, 221, .5) !important;
  border-radius: 16px !important;
  color: #edf0ff !important;
  background: linear-gradient(145deg, rgba(25, 37, 77, .98), rgba(12, 22, 52, .99)) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .38), 0 0 18px rgba(105, 82, 235, .12) !important;
  overflow-y: auto !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-menu button {
  min-height: 44px !important;
  padding: 0 11px !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #eef0ff !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  text-align: left !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-menu button:disabled {
  color: #7f8cad !important;
  cursor: default !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-menu button.revoke {
  color: #ffb9c6 !important;
  background: rgba(125, 35, 58, .2) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-menu-close {
  position: absolute !important;
  top: 7px !important;
  right: 7px !important;
  width: auto !important;
  min-width: 72px !important;
  padding: 0 14px !important;
  border-radius: 11px !important;
  white-space: nowrap !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-protected {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding: 5px 11px 8px !important;
  color: #b2bddd !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-member-empty {
  padding: 18px !important;
  border: 1px solid rgba(105, 126, 184, .28) !important;
  border-radius: 16px !important;
  color: #9caad0 !important;
  background: rgba(13, 26, 57, .82) !important;
  text-align: center !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-mobile-icon:active,
.xiaohui-app-rebuild-v1 .profile-admin-member-more:active,
.xiaohui-app-rebuild-v1 .profile-admin-member-filter-row button:active,
.xiaohui-app-rebuild-v1 .profile-admin-member-group-toggle:active,
.xiaohui-app-rebuild-v1 .profile-admin-member-menu button:active {
  transform: scale(.97) !important;
  filter: brightness(1.13) !important;
}

.xiaohui-app-rebuild-v1 .profile-admin-mobile-icon:focus-visible,
.xiaohui-app-rebuild-v1 .profile-admin-member-more:focus-visible,
.xiaohui-app-rebuild-v1 .profile-admin-member-filter-row button:focus-visible,
.xiaohui-app-rebuild-v1 .profile-admin-member-group-toggle:focus-visible,
.xiaohui-app-rebuild-v1 .profile-admin-member-menu button:focus-visible,
.xiaohui-app-rebuild-v1 .profile-admin-member-selects select:focus-visible {
  outline: 2px solid #b394ff !important;
  outline-offset: 2px !important;
}

/* Frontend release blockers: movable and optional Xiaohui AI customer service. */
body.mobile-body.xiaohui-app-rebuild-v1 #xiaohuiAssistantLauncher.history-safe-launcher:not(.assistant-launcher-disabled) {
  --assistant-safe-top: env(safe-area-inset-top, 0px);
  display: flex !important;
  touch-action: none;
  user-select: none;
  cursor: grab !important;
}

body.mobile-body.xiaohui-app-rebuild-v1 #xiaohuiAssistantLauncher.assistant-launcher-disabled {
  display: none !important;
}

body.mobile-body.xiaohui-app-rebuild-v1 #xiaohuiAssistantLauncher.assistant-launcher-positioned {
  top: var(--assistant-top) !important;
  right: auto !important;
  bottom: auto !important;
  left: var(--assistant-left) !important;
}

body.mobile-body.xiaohui-app-rebuild-v1 #xiaohuiAssistantLauncher.assistant-launcher-dragging {
  cursor: grabbing !important;
  transition: none !important;
}

.xiaohui-app-rebuild-v1 .member-settings-support {
  width: 100% !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(151, 135, 255, .34) !important;
  border-radius: 12px !important;
  color: #e7e1ff !important;
  background: rgba(115, 82, 255, .13) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  cursor: pointer !important;
}

.xiaohui-app-rebuild-v1 .member-settings-support:active {
  transform: scale(.98) !important;
}

.xiaohui-app-rebuild-v1 .member-settings-support:focus-visible {
  outline: 2px solid #b394ff !important;
  outline-offset: 2px !important;
}
