/* xiaobin home Japanese fresh refresh 2026-07-08 */
.xiaobin-header {
  border-bottom: 1px solid rgba(83, 101, 84, 0.14) !important;
  background: rgba(251, 250, 244, 0.9) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px);
}

.dark .xiaobin-header,
html:not(.dark) .xiaobin-header {
  background: rgba(251, 250, 244, 0.9) !important;
}

.xiaobin-home,
.dark .xiaobin-home,
html:not(.dark) .xiaobin-home {
  --xb-text: #223129;
  --xb-muted: rgba(34, 49, 41, 0.72);
  --xb-soft-muted: rgba(34, 49, 41, 0.52);
  --xb-line: rgba(83, 101, 84, 0.16);
  --xb-gold: #7f946a;
  --xb-gold-bright: #5f7f57;
  --xb-cyan: #7aaeb0;
  --xb-panel: rgba(255, 255, 250, 0.78);
  --xb-panel-strong: rgba(255, 255, 252, 0.94);
  color: var(--xb-text);
  background:
    linear-gradient(90deg, rgba(83, 101, 84, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(83, 101, 84, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, #fbfaf4 0%, #f5f8f1 52%, #fffdf8 100%);
  background-size: 48px 48px, 48px 48px, auto;
}

.xiaobin-hero {
  min-height: 740px;
  padding: 104px 20px 72px;
}

.xiaobin-hero:before {
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.72), transparent 46%),
    linear-gradient(180deg, rgba(124, 151, 112, 0.1), transparent 38%);
  mask-image: none;
  -webkit-mask-image: none;
  opacity: 0.82;
}

.xiaobin-hero:after {
  display: none;
}

.xiaobin-hero-inner {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.78fr);
  gap: 56px;
}

.xiaobin-kicker,
.xiaobin-base-meta,
.xiaobin-section-heading > span {
  color: #667f5f;
  font-weight: 760;
}

.xiaobin-kicker {
  border-color: rgba(95, 127, 87, 0.2);
  background: rgba(255, 255, 250, 0.74);
  box-shadow: none;
}

.xiaobin-title {
  margin: 24px 0 20px;
  font-size: 5.25rem;
  line-height: 1.02;
  font-weight: 820;
}

.xiaobin-title span:first-child,
html:not(.dark) .xiaobin-title span:first-child,
.xiaobin-section-heading h2,
html:not(.dark) .xiaobin-section-heading h2,
.xiaobin-feature h3,
html:not(.dark) .xiaobin-feature h3 {
  color: #223129;
}

.xiaobin-title span:last-child,
html:not(.dark) .xiaobin-title span:last-child {
  color: #5f7f57;
  background: none;
  -webkit-text-fill-color: currentColor;
}

.xiaobin-subtitle {
  max-width: 590px;
  color: rgba(34, 49, 41, 0.68);
  font-size: 1.125rem;
  line-height: 1.85;
}

.xiaobin-base-card,
.xiaobin-stat,
.xiaobin-feature,
.xiaobin-route-card,
.xiaobin-route-core,
.xiaobin-route-lane,
.xiaobin-route-footer > div,
.xiaobin-model-list code,
.xiaobin-icon-wall > div {
  border-color: rgba(83, 101, 84, 0.15);
  background: rgba(255, 255, 250, 0.72);
  box-shadow: none;
}

.xiaobin-base-card {
  padding: 16px;
  background: rgba(255, 255, 250, 0.76);
}

.xiaobin-base-input.semi-input-wrapper,
html:not(.dark) .xiaobin-base-input.semi-input-wrapper {
  border-color: rgba(83, 101, 84, 0.18) !important;
  background: rgba(255, 255, 252, 0.86) !important;
  box-shadow: none !important;
}

.xiaobin-base-input input,
html:not(.dark) .xiaobin-base-input input {
  color: #223129 !important;
}

.xiaobin-base-suffix {
  color: #5f7f57;
}

.xiaobin-icon-btn.semi-button,
.xiaobin-primary-btn.semi-button {
  border-color: rgba(73, 111, 79, 0.28) !important;
  background: #5f7f57 !important;
  color: #fffdf8 !important;
  box-shadow: 0 10px 24px rgba(73, 111, 79, 0.18);
}

.xiaobin-icon-btn.semi-button:hover,
.xiaobin-primary-btn.semi-button:hover {
  background: #536f4d !important;
  box-shadow: 0 12px 28px rgba(73, 111, 79, 0.22);
}

.xiaobin-secondary-btn.semi-button,
html:not(.dark) .xiaobin-secondary-btn.semi-button {
  border-color: rgba(83, 101, 84, 0.18) !important;
  background: rgba(255, 255, 250, 0.78) !important;
  color: #223129 !important;
  box-shadow: none !important;
}

.xiaobin-stat strong,
.xiaobin-more-models {
  color: #5f7f57;
}

.xiaobin-route-card,
.dark .xiaobin-route-card {
  color: #223129;
  background:
    linear-gradient(90deg, rgba(83, 101, 84, 0.05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(83, 101, 84, 0.045) 1px, transparent 1px),
    linear-gradient(135deg, rgba(255, 255, 250, 0.9), rgba(238, 246, 232, 0.86));
  background-size: 26px 26px, 26px 26px, auto;
  box-shadow: 0 18px 48px rgba(55, 76, 56, 0.12);
}

.xiaobin-route-card:before {
  border-color: rgba(83, 101, 84, 0.1);
}

.xiaobin-route-card:after {
  display: none;
}

.xiaobin-route-brand img {
  border-color: rgba(83, 101, 84, 0.16);
  background: #fffdf8;
  box-shadow: none;
}

.xiaobin-route-brand strong,
.dark .xiaobin-route-brand strong,
.xiaobin-route-core strong,
.dark .xiaobin-route-core strong,
.xiaobin-route-lane strong,
.dark .xiaobin-route-lane strong {
  color: #223129;
}

.xiaobin-route-brand span,
.dark .xiaobin-route-brand span,
.xiaobin-route-core span,
.dark .xiaobin-route-core span,
.xiaobin-route-footer span,
.dark .xiaobin-route-footer span {
  color: rgba(34, 49, 41, 0.58);
}

.xiaobin-route-pill,
.dark .xiaobin-route-pill {
  border-color: rgba(95, 127, 87, 0.18);
  background: rgba(238, 246, 232, 0.84);
  color: #4f6d4a;
}

.xiaobin-route-core,
.dark .xiaobin-route-core {
  color: #4f6d4a;
  background:
    linear-gradient(90deg, rgba(95, 127, 87, 0.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(95, 127, 87, 0.08) 1px, transparent 1px),
    rgba(255, 255, 250, 0.62);
  background-size: 22px 22px, 22px 22px, auto;
}

.xiaobin-route-lane:after {
  background: linear-gradient(90deg, transparent, rgba(95, 127, 87, 0.46));
}

.xiaobin-route-lane span {
  color: #71845f;
}

.xiaobin-route-lane.lane-a,
.xiaobin-route-lane.lane-b,
.xiaobin-route-lane.lane-c,
.xiaobin-route-lane.lane-d,
.dark .xiaobin-route-lane,
.dark .xiaobin-route-footer > div {
  background: rgba(255, 255, 250, 0.64);
}

.xiaobin-route-footer strong,
.dark .xiaobin-route-footer strong {
  color: #4f6d4a;
}

.xiaobin-model-strip,
.dark .xiaobin-model-strip {
  border-color: rgba(83, 101, 84, 0.12);
  background:
    linear-gradient(90deg, rgba(83, 101, 84, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, #f7f9f2, #fffdf8);
  background-size: 48px 48px, auto;
}

.xiaobin-feature {
  min-height: 178px;
  background: rgba(255, 255, 250, 0.66);
}

.xiaobin-feature-icon {
  color: #5f7f57;
  background: rgba(238, 246, 232, 0.82);
}

.xiaobin-model-list code {
  color: #4f6d4a;
  background: rgba(255, 255, 250, 0.82);
}

.xiaobin-icon-wall > div {
  background: rgba(255, 255, 250, 0.58);
}

@media (max-width: 1024px) {
  .xiaobin-hero-inner {
    gap: 40px;
  }
}

@media (max-width: 640px) {
  .xiaobin-hero {
    padding: 88px 14px 44px;
  }

  .xiaobin-title {
    font-size: 3rem;
    line-height: 1.08;
  }

  .xiaobin-subtitle {
    font-size: 1rem;
    line-height: 1.72;
  }

  .xiaobin-base-card,
  .xiaobin-stat,
  .xiaobin-feature,
  .xiaobin-route-card {
    background: rgba(255, 255, 250, 0.82);
  }
}

/* xiaobin home contrast readability pass 2026-07-08: keep fresh tone while lifting all visible copy above readable contrast */
.xiaobin-header,
.xiaobin-header *,
.xiaobin-hero,
.xiaobin-hero *,
.xiaobin-model-strip,
.xiaobin-model-strip *,
.xiaobin-feature-band,
.xiaobin-feature-band *,
.xiaobin-ecosystem,
.xiaobin-ecosystem *,
.xiaobin-route-card,
.xiaobin-route-card *,
.xiaobin-base-card,
.xiaobin-base-card *,
.xiaobin-stat,
.xiaobin-stat * {
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

.xiaobin-header,
.xiaobin-header a,
.xiaobin-header span,
.xiaobin-header .semi-typography,
.xiaobin-hero .xiaobin-eyebrow,
.xiaobin-hero .xiaobin-subtitle,
.xiaobin-route-card span,
.xiaobin-route-card strong,
.xiaobin-model-strip span,
.xiaobin-model-strip p,
.xiaobin-feature-band span,
.xiaobin-feature-band p,
.xiaobin-ecosystem span,
.xiaobin-ecosystem p,
.xiaobin-base-card span,
.xiaobin-base-card p,
.xiaobin-stat span {
  color: #1f3329 !important;
}

.xiaobin-hero .xiaobin-muted,
.xiaobin-route-card .xiaobin-muted,
.xiaobin-model-strip .xiaobin-muted,
.xiaobin-feature-band .xiaobin-muted,
.xiaobin-ecosystem .xiaobin-muted,
.xiaobin-base-card .xiaobin-muted,
.xiaobin-route-card small,
.xiaobin-model-strip small,
.xiaobin-feature-band small,
.xiaobin-ecosystem small {
  color: #365345 !important;
}

.xiaobin-route-pill,
.xiaobin-route-footer strong,
.xiaobin-model-strip .semi-tag,
.xiaobin-feature-band .semi-tag,
.xiaobin-ecosystem .semi-tag,
.xiaobin-base-card .semi-tag {
  background: #edf5ed !important;
  border-color: rgba(86, 116, 96, 0.24) !important;
  color: #183026 !important;
}

.xiaobin-header .semi-avatar,
.xiaobin-header .semi-avatar-label {
  background: #dcefdc !important;
  color: #183026 !important;
  -webkit-text-fill-color: currentColor !important;
}

.semi-modal-content .semi-button,
.semi-modal-content .semi-button *,
.semi-modal-content .semi-button-content,
.semi-popover-wrapper .semi-button,
.semi-popover-wrapper .semi-button *,
.semi-popover-wrapper .semi-button-content {
  color: #1f3329 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* xiaobin home full text contrast sweep 2026-07-08: catch remaining decorative label spans */
[class*="xiaobin-"] span,
[class*="xiaobin-"] p,
[class*="xiaobin-"] small,
[class*="xiaobin-"] strong,
[class*="xiaobin-"] .semi-typography,
[class*="xiaobin-"] .semi-typography *,
[class*="xiaobin-"] .semi-tag,
[class*="xiaobin-"] .semi-tag * {
  color: #1f3329 !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

[class*="xiaobin-"] .text-white,
[class*="xiaobin-"] [class*="text-white"],
[class*="xiaobin-"] [class*="text-yellow"],
[class*="xiaobin-"] [class*="text-amber"],
[class*="xiaobin-"] [class*="text-gray"] {
  color: #1f3329 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* xiaobin home aoi mist fresh pass 2026-07-08: replace earthy green with clean blue-grey fresh palette */
:root {
  --xb-home-ink: #263241;
  --xb-home-text: #2f3d4d;
  --xb-home-muted: #647382;
  --xb-home-aqua: #d88b98;
  --xb-home-aqua-soft: #e8f7f8;
  --xb-home-sakura: #f8edf1;
  --xb-home-paper: #fffefb;
  --xb-home-line: rgba(119, 148, 160, 0.24);
}

body,
html.dark body,
body[theme-mode="dark"] {
  color: var(--xb-home-ink) !important;
  background:
    linear-gradient(135deg, rgba(232, 247, 248, 0.72), rgba(255, 254, 251, 0.86) 46%, rgba(248, 237, 241, 0.48)),
    var(--xb-home-paper) !important;
}

.xiaobin-header,
html.dark .xiaobin-header,
.dark .xiaobin-header,
.xiaobin-hero,
.xiaobin-model-strip,
.xiaobin-feature-band,
.xiaobin-ecosystem,
.xiaobin-route-card,
.xiaobin-base-card,
.xiaobin-stat,
.xiaobin-feature {
  background-color: rgba(255, 255, 253, 0.9) !important;
  border-color: var(--xb-home-line) !important;
  color: var(--xb-home-ink) !important;
  box-shadow: 0 12px 30px rgba(45, 62, 72, 0.07) !important;
}

[class*="xiaobin-"],
[class*="xiaobin-"] *,
[class*="xiaobin-"] span,
[class*="xiaobin-"] p,
[class*="xiaobin-"] small,
[class*="xiaobin-"] strong,
[class*="xiaobin-"] .semi-typography,
[class*="xiaobin-"] .semi-typography * {
  color: var(--xb-home-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

/* xiaobin home semi-layout header exact override 2026-07-08: make homepage nav fresh and readable */
.semi-layout-header,
body .semi-layout-header,
html.dark .semi-layout-header,
.dark .semi-layout-header,
body[theme-mode="dark"] .semi-layout-header {
  background: rgba(255, 255, 253, 0.97) !important;
  background-color: rgba(255, 255, 253, 0.97) !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(119, 148, 160, 0.24) !important;
  box-shadow: 0 8px 22px rgba(45, 62, 72, 0.06) !important;
  color: #263241 !important;
  -webkit-text-fill-color: currentColor !important;
}

.semi-layout-header *,
.semi-layout-header a,
.semi-layout-header span,
.semi-layout-header h1,
.semi-layout-header h2,
.semi-layout-header h3,
.semi-layout-header h4,
.semi-layout-header .semi-typography,
.semi-layout-header button,
.semi-layout-header [role="button"] {
  color: #263241 !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

.semi-layout-header > div,
.semi-layout-header .w-full,
.semi-layout-header .h-16,
.semi-layout-header .flex,
.semi-layout-header [class*="bg-zinc"],
.semi-layout-header [class*="bg-gray"],
.semi-layout-header [class*="bg-black"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.semi-layout-header .semi-button,
.semi-layout-header [role="button"],
.semi-layout-header .semi-dropdown-trigger {
  background: rgba(232, 247, 248, 0.76) !important;
  border-color: rgba(119, 148, 160, 0.22) !important;
  color: #263241 !important;
}

.semi-layout-header svg,
.semi-layout-header svg * {
  color: #355367 !important;
  stroke: currentColor !important;
}

.xiaobin-subtitle,
.xiaobin-route-brand span,
.xiaobin-route-core span,
.xiaobin-route-footer span,
.xiaobin-feature p,
.xiaobin-model-strip p,
.xiaobin-ecosystem p {
  color: var(--xb-home-text) !important;
}

.xiaobin-route-pill,
.xiaobin-route-footer strong,
[class*="xiaobin-"] .semi-tag,
[class*="xiaobin-"] .semi-tag * {
  background: var(--xb-home-aqua-soft) !important;
  border-color: rgba(45, 154, 176, 0.28) !important;
  color: #2b4657 !important;
}

.xiaobin-actions .semi-button-primary,
.xiaobin-actions .semi-button[theme="solid"],
[class*="xiaobin-"] .semi-button-primary,
[class*="xiaobin-"] .semi-button[theme="solid"] {
  background: linear-gradient(135deg, var(--xb-home-aqua), #dcebd1) !important;
  border-color: rgba(45, 154, 176, 0.42) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}


/* xiaobin homepage/model plaza fresh clarity pass 2026-07-08T165200 */

/* Model plaza supplier covers: remove the dark fallback panel and keep text/icons readable. */
.xiaobin-pricing-page .semi-card-cover {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 246, 242, 0.88), transparent 34%),
    linear-gradient(135deg, #fbfefd 0%, #eaf7f8 52%, #fff7f3 100%) !important;
  background-color: #f8fbfa !important;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(255, 246, 242, 0.88), transparent 34%),
    linear-gradient(135deg, #fbfefd 0%, #eaf7f8 52%, #fff7f3 100%) !important;
  color: #263241 !important;
  border-bottom: 1px solid rgba(119, 148, 160, 0.12) !important;
}

.xiaobin-pricing-page .semi-card-cover::after {
  content: "";
  position: absolute;
  inset: 10px 14px auto auto;
  width: 118px;
  height: 58px;
  border-radius: 999px;
  background: rgba(255, 255, 253, 0.42);
  border: 1px solid rgba(119, 148, 160, 0.1);
  pointer-events: none;
}

.xiaobin-pricing-page .semi-card-cover,
.xiaobin-pricing-page .semi-card-cover .relative,
.xiaobin-pricing-page .semi-card-cover .relative.z-10,
.xiaobin-pricing-page .semi-card-cover h2,
.xiaobin-pricing-page .semi-card-cover p,
.xiaobin-pricing-page .semi-card-cover span,
.xiaobin-pricing-page .semi-card-cover svg {
  color: #263241 !important;
}

.xiaobin-pricing-page .semi-card-cover svg,
.xiaobin-pricing-page .semi-card-cover svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}

.xiaobin-pricing-page .semi-card-cover .bg-white\/90,
.xiaobin-pricing-page .semi-card-cover [class*="bg-white"] {
  background: rgba(255, 255, 253, 0.76) !important;
  background-color: rgba(255, 255, 253, 0.76) !important;
  border: 1px solid rgba(119, 148, 160, 0.12) !important;
  box-shadow: 0 14px 34px rgba(78, 113, 122, 0.12) !important;
}

.xiaobin-pricing-page .semi-card-cover p {
  color: #4b5f6f !important;
}

/* Homepage: retire P1-P6 route copy without touching the JS bundle. */
.xiaobin-home .xiaobin-stats .xiaobin-stat:first-child > * {
  display: none !important;
}

.xiaobin-home .xiaobin-stats .xiaobin-stat:first-child::before {
  content: "多商家";
  display: block;
  color: #263241;
  font-size: 21px;
  font-weight: 750;
  line-height: 1.2;
}

.xiaobin-home .xiaobin-stats .xiaobin-stat:first-child::after {
  content: "按模型能力选择路线";
  display: block;
  margin-top: 9px;
  color: #617381;
  font-size: 13px;
  line-height: 1.45;
}

.xiaobin-home .xiaobin-route-card {
  background:
    linear-gradient(145deg, rgba(255, 255, 253, 0.9), rgba(238, 248, 248, 0.74)),
    radial-gradient(circle at 82% 12%, rgba(255, 232, 226, 0.48), transparent 32%) !important;
  border: 1px solid rgba(119, 148, 160, 0.14) !important;
  box-shadow: 0 22px 60px rgba(64, 92, 102, 0.13) !important;
}

.xiaobin-home .xiaobin-route-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.xiaobin-home .xiaobin-route-grid > * {
  display: none !important;
}

.xiaobin-home .xiaobin-route-grid::before,
.xiaobin-home .xiaobin-route-grid::after {
  display: block;
  min-height: 156px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(119, 148, 160, 0.12);
  background: rgba(255, 255, 253, 0.68);
  color: #263241;
  white-space: pre-line;
  line-height: 1.55;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.xiaobin-home .xiaobin-route-grid::before {
  content: "模型广场\A按供应商、能力和端点筛选";
}

.xiaobin-home .xiaobin-route-grid::after {
  content: "令牌与额度\A用量、分组和日志集中管理";
}

.xiaobin-home .xiaobin-route-core,
.xiaobin-home .xiaobin-route-lane {
  display: none !important;
}

.xiaobin-home .xiaobin-visual .xiaobin-route-card::after {
  content: "实时可用 / 稳定接入 / 清爽管理";
  display: block;
  margin: 16px 22px 20px;
  padding: 12px 14px;
  border-radius: 999px;
  color: #4b5f6f;
  background: rgba(232, 247, 248, 0.48);
  border: 1px solid rgba(45, 154, 176, 0.12);
  font-size: 13px;
  letter-spacing: 0;
}

@media (max-width: 720px) {
  .xiaobin-home .xiaobin-route-grid {
    grid-template-columns: 1fr !important;
  }

  .xiaobin-home .xiaobin-route-grid::before,
  .xiaobin-home .xiaobin-route-grid::after {
    min-height: 112px;
  }
}


/* xiaobin homepage p-group replacement pass 2026-07-08 */
.xiaobin-home .xiaobin-model-strip .xiaobin-model-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.xiaobin-home .xiaobin-model-strip .xiaobin-model-list code {
  display: none !important;
}
.xiaobin-home .xiaobin-model-strip .xiaobin-model-list::before,
.xiaobin-home .xiaobin-model-strip .xiaobin-model-list::after {
  display: flex !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  border: 1px solid rgba(119, 148, 160, 0.1) !important;
  background: rgba(255, 255, 253, 0.68) !important;
  color: #263241 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  text-align: center !important;
  box-shadow: none !important;
}
.xiaobin-home .xiaobin-model-strip .xiaobin-model-list::before {
  content: "模型广场实时 ID";
}
.xiaobin-home .xiaobin-model-strip .xiaobin-model-list::after {
  content: "供应商 / 能力 / 端点筛选";
}
@media (max-width: 640px) {
  .xiaobin-home .xiaobin-model-strip .xiaobin-model-list {
    grid-template-columns: 1fr !important;
  }
}

/* xiaobin home round soft sakura no-blue pass 2026-07-08T1528Z */
.xiaobin-home,
html:not(.dark) .xiaobin-home,
.dark .xiaobin-home {
  --xb-home-ink: #2b2f36;
  --xb-home-text: #3f4850;
  --xb-home-muted: #66705f;
  --xb-home-aqua: #d88b98;
  --xb-home-aqua-soft: #f8e8ec;
  --xb-home-sakura: #f7dfe5;
  --xb-home-sage: #dcebd1;
  --xb-home-paper: #fffefa;
  --xb-home-line: rgba(112, 126, 103, 0.18);
  background:
    radial-gradient(circle at 16% 12%, rgba(247, 223, 229, 0.72), transparent 26%),
    radial-gradient(circle at 82% 4%, rgba(220, 235, 209, 0.7), transparent 30%),
    linear-gradient(180deg, #fffefa 0%, #f8fbf4 48%, #fff7f8 100%) !important;
}

.xiaobin-header,
.semi-layout-header,
body .semi-layout-header,
html.dark .semi-layout-header,
.dark .semi-layout-header,
body[theme-mode="dark"] .semi-layout-header {
  border-bottom-color: rgba(112, 126, 103, 0.16) !important;
  background:
    linear-gradient(90deg, rgba(255, 254, 250, 0.98), rgba(250, 244, 238, 0.94), rgba(249, 252, 244, 0.96)) !important;
  box-shadow: 0 10px 28px rgba(62, 73, 58, 0.055) !important;
}

.semi-layout-header .semi-button,
.semi-layout-header [role="button"],
.semi-layout-header .semi-dropdown-trigger {
  border-color: rgba(112, 126, 103, 0.14) !important;
  background: rgba(248, 232, 236, 0.68) !important;
  color: var(--xb-home-ink) !important;
  border-radius: 999px !important;
}

.xiaobin-kicker,
.xiaobin-base-meta,
.xiaobin-section-heading > span {
  color: #7d6f57 !important;
}

.xiaobin-title span:last-child,
html:not(.dark) .xiaobin-title span:last-child,
.xiaobin-stat strong,
.xiaobin-more-models {
  color: #9a6f64 !important;
}

.xiaobin-base-card {
  border-radius: 32px 40px 34px 46px !important;
  border-color: rgba(112, 126, 103, 0.16) !important;
  background:
    linear-gradient(145deg, rgba(255, 254, 250, 0.92), rgba(250, 242, 240, 0.7)),
    radial-gradient(circle at 86% 16%, rgba(220, 235, 209, 0.48), transparent 28%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.76),
    0 20px 44px rgba(65, 77, 61, 0.08) !important;
}

.xiaobin-base-input.semi-input-wrapper,
html:not(.dark) .xiaobin-base-input.semi-input-wrapper {
  border-color: rgba(112, 126, 103, 0.16) !important;
  background: rgba(255, 254, 250, 0.9) !important;
  border-radius: 18px !important;
}

.xiaobin-base-suffix {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 4px 10px !important;
  border: 1px solid rgba(154, 111, 100, 0.16) !important;
  border-radius: 999px !important;
  background: rgba(248, 232, 236, 0.76) !important;
  color: #5d4240 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
}

.xiaobin-base-suffix,
.xiaobin-base-suffix *,
.xiaobin-base-suffix [class*="text-blue"],
.xiaobin-base-suffix [class*="text-cyan"] {
  color: #5d4240 !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

.xiaobin-base-card .semi-scrolllist,
.xiaobin-base-card .semi-scrolllist *,
.xiaobin-base-card .semi-scrolllist li,
.xiaobin-base-card .semi-input-suffix,
.xiaobin-base-card .semi-input-suffix * {
  color: #5d4240 !important;
  -webkit-text-fill-color: #5d4240 !important;
  text-shadow: none !important;
}

.xiaobin-icon-btn.semi-button,
.xiaobin-primary-btn.semi-button,
.xiaobin-actions .semi-button-primary,
.xiaobin-actions .semi-button[theme="solid"],
[class*="xiaobin-"] .semi-button-primary,
[class*="xiaobin-"] .semi-button[theme="solid"] {
  border-color: rgba(154, 111, 100, 0.18) !important;
  background:
    linear-gradient(135deg, rgba(248, 220, 226, 0.96), rgba(220, 235, 209, 0.92)) !important;
  color: #2b2f36 !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 26px rgba(154, 111, 100, 0.12) !important;
  transform: translateZ(0);
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease !important;
}

.xiaobin-icon-btn.semi-button:hover,
.xiaobin-primary-btn.semi-button:hover,
.xiaobin-actions .semi-button-primary:hover,
.xiaobin-actions .semi-button[theme="solid"]:hover,
[class*="xiaobin-"] .semi-button-primary:hover,
[class*="xiaobin-"] .semi-button[theme="solid"]:hover {
  background:
    linear-gradient(135deg, rgba(247, 207, 216, 0.98), rgba(211, 230, 199, 0.96)) !important;
  box-shadow: 0 16px 34px rgba(154, 111, 100, 0.16) !important;
  transform: translateY(-1px);
}

.xiaobin-secondary-btn.semi-button,
html:not(.dark) .xiaobin-secondary-btn.semi-button {
  border-color: rgba(112, 126, 103, 0.14) !important;
  background: rgba(255, 254, 250, 0.74) !important;
  color: var(--xb-home-ink) !important;
  border-radius: 999px !important;
}

.xiaobin-stats {
  gap: 14px !important;
}

.xiaobin-stat {
  min-height: 118px !important;
  padding: 21px 20px !important;
  border-radius: 30px 38px 32px 44px !important;
  border-color: rgba(112, 126, 103, 0.14) !important;
  background:
    radial-gradient(circle at 86% 14%, rgba(247, 223, 229, 0.52), transparent 32%),
    linear-gradient(145deg, rgba(255, 254, 250, 0.92), rgba(247, 250, 241, 0.78)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 16px 32px rgba(65, 77, 61, 0.075) !important;
}

.xiaobin-stat:nth-child(2) {
  border-radius: 34px 28px 42px 30px !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(220, 235, 209, 0.54), transparent 34%),
    linear-gradient(150deg, rgba(255, 254, 250, 0.9), rgba(252, 241, 244, 0.72)) !important;
}

.xiaobin-stat:nth-child(3) {
  border-radius: 28px 42px 34px 30px !important;
}

.xiaobin-route-card,
.dark .xiaobin-route-card,
.xiaobin-home .xiaobin-route-card {
  border-radius: 36px 48px 40px 54px !important;
  border-color: rgba(112, 126, 103, 0.15) !important;
  background:
    radial-gradient(circle at 15% 12%, rgba(247, 223, 229, 0.6), transparent 30%),
    radial-gradient(circle at 92% 18%, rgba(220, 235, 209, 0.6), transparent 34%),
    linear-gradient(145deg, rgba(255, 254, 250, 0.94), rgba(249, 251, 244, 0.82)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 24px 54px rgba(65, 77, 61, 0.1) !important;
}

.xiaobin-home .xiaobin-route-grid {
  gap: 14px !important;
}

.xiaobin-home .xiaobin-route-grid::before,
.xiaobin-home .xiaobin-route-grid::after {
  min-height: 148px !important;
  padding: 20px 21px !important;
  border-radius: 32px 40px 34px 44px !important;
  border-color: rgba(112, 126, 103, 0.13) !important;
  background:
    radial-gradient(circle at 86% 16%, rgba(247, 223, 229, 0.5), transparent 30%),
    linear-gradient(145deg, rgba(255, 254, 250, 0.84), rgba(247, 250, 241, 0.7)) !important;
  color: var(--xb-home-ink) !important;
  font-weight: 680 !important;
  line-height: 1.62 !important;
  text-align: left !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

.xiaobin-home .xiaobin-route-grid::after {
  border-radius: 40px 30px 44px 34px !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(220, 235, 209, 0.52), transparent 32%),
    linear-gradient(145deg, rgba(255, 254, 250, 0.84), rgba(251, 242, 244, 0.7)) !important;
}

.xiaobin-home .xiaobin-visual .xiaobin-route-card::after {
  position: absolute !important;
  left: 22px !important;
  right: 22px !important;
  bottom: 22px !important;
  inset: auto 22px 22px 22px !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 13px 16px !important;
  max-width: calc(100% - 44px) !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  border-color: rgba(112, 126, 103, 0.12) !important;
  background: rgba(248, 232, 236, 0.54) !important;
  color: #5d4240 !important;
  text-align: center !important;
  white-space: normal !important;
}

.xiaobin-model-strip,
.dark .xiaobin-model-strip {
  border-color: rgba(112, 126, 103, 0.13) !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(247, 223, 229, 0.48), transparent 28%),
    linear-gradient(180deg, rgba(255, 254, 250, 0.92), rgba(247, 250, 241, 0.78)) !important;
  border-radius: 34px !important;
  box-shadow: 0 18px 38px rgba(65, 77, 61, 0.075) !important;
}

.xiaobin-home .xiaobin-model-strip .xiaobin-model-list::before,
.xiaobin-home .xiaobin-model-strip .xiaobin-model-list::after {
  min-height: 54px !important;
  border-radius: 999px !important;
  border-color: rgba(112, 126, 103, 0.12) !important;
  background: rgba(255, 254, 250, 0.74) !important;
  color: var(--xb-home-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

.xiaobin-route-pill,
.xiaobin-route-footer strong,
[class*="xiaobin-"] .semi-tag,
[class*="xiaobin-"] .semi-tag * {
  border-color: rgba(112, 126, 103, 0.13) !important;
  background: rgba(248, 232, 236, 0.58) !important;
  color: #4b3c3b !important;
}

@media (max-width: 768px) {
  .xiaobin-hero {
    min-height: auto !important;
  }

  .xiaobin-hero-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
  }

  .xiaobin-title {
    max-width: 100% !important;
    font-size: clamp(2.55rem, 12vw, 3.35rem) !important;
    line-height: 1.08 !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  .xiaobin-title span {
    display: inline !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  .xiaobin-title span:first-child {
    display: block !important;
  }

  .xiaobin-subtitle {
    max-width: 100% !important;
    font-size: 1rem !important;
    line-height: 1.72 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  .xiaobin-base-card,
  .xiaobin-route-card,
  .xiaobin-model-strip {
    border-radius: 28px 34px 30px 38px !important;
  }

  .xiaobin-stat {
    min-height: 104px !important;
    border-radius: 26px 32px 28px 36px !important;
  }

  .xiaobin-home .xiaobin-route-grid::before,
  .xiaobin-home .xiaobin-route-grid::after {
    min-height: 116px !important;
    padding: 18px !important;
    border-radius: 28px 34px 30px 38px !important;
  }
}