/*
 * 远东前台 · 模块机架目录皮肤
 * 仅覆盖视觉层；不定义、不复制任何业务数据。
 */

:root {
  --yd-rack-bg: #07090a;
  --yd-rack-black: #0c0f11;
  --yd-rack-panel: #131719;
  --yd-rack-panel-2: #1a1e20;
  --yd-rack-edge: #343a3d;
  --yd-rack-edge-soft: #24292c;
  --yd-drawer: #e8e8e3;
  --yd-drawer-top: #f4f4ef;
  --yd-drawer-bottom: #c8cac8;
  --yd-ink: #101416;
  --yd-ink-soft: #50585c;
  --yd-orange: #ff7622;
  --yd-orange-dark: #a93d08;
  --yd-gold: #c5a353;
  --yd-muted: #8d969a;
  --yd-line: rgba(14, 18, 20, 0.24);
  --yd-shadow: 0 12px 24px rgba(0, 0, 0, 0.34);
  --yd-footer-height: 68px;
  --yd-app-width: 520px;
}

html[data-yd-rack="true"] {
  min-width: 320px;
  min-height: 100%;
  background: #050607;
  color-scheme: dark;
  font-size: min(13.333333vw, 69.333px) !important;
  scrollbar-color: #4c5255 #090b0c;
}

html[data-yd-rack="true"] *,
html[data-yd-rack="true"] *::before,
html[data-yd-rack="true"] *::after {
  box-sizing: border-box;
}

html[data-yd-rack="true"] body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 50% -14%, rgba(255, 118, 34, 0.08), transparent 34%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.014) 0 1px, transparent 1px 5px),
    #050607;
  color: #d9ddde;
  font-family: "Microsoft YaHei UI", "PingFang SC", "Noto Sans CJK SC", sans-serif;
  -webkit-font-smoothing: antialiased;
}

html[data-yd-rack="true"] body::before,
html[data-yd-rack="true"] body::after {
  position: fixed;
  z-index: 80;
  top: 0;
  bottom: 0;
  width: max(8px, calc((100vw - var(--yd-app-width)) / 2));
  min-width: 8px;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, rgba(255,255,255,.08), transparent 16%, transparent 80%, rgba(0,0,0,.72)),
    repeating-linear-gradient(0deg, #131719 0 5px, #101315 5px 9px);
}

html[data-yd-rack="true"] body::before { left: 0; }
html[data-yd-rack="true"] body::after { right: 0; transform: scaleX(-1); }

html[data-yd-rack="true"] #app,
html[data-yd-rack="true"] body > div:first-of-type {
  position: relative;
  width: 100%;
  max-width: var(--yd-app-width);
  height: 100vh;
  min-height: 100vh;
  margin: 0 auto;
  padding-bottom: calc(var(--yd-footer-height) + env(safe-area-inset-bottom));
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #4b5255 #0a0c0d;
  border-right: 1px solid #34393c;
  border-left: 1px solid #34393c;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035), transparent 5%, transparent 95%, rgba(255,255,255,.02)),
    var(--yd-rack-bg);
  box-shadow: 0 0 48px rgba(0, 0, 0, .78);
}

html[data-yd-rack="true"] ::selection {
  background: var(--yd-orange);
  color: #0a0b0c;
}

html[data-yd-rack="true"] a,
html[data-yd-rack="true"] button,
html[data-yd-rack="true"] [role="button"] {
  -webkit-tap-highlight-color: transparent;
}

html[data-yd-rack="true"] :focus-visible {
  outline: 2px solid var(--yd-orange) !important;
  outline-offset: 2px;
}

/* Shared hardware */
html[data-yd-rack="true"] .van-nav-bar,
html[data-yd-rack="true"] .home_tit,
html[data-yd-rack="true"] .register .van-nav-bar {
  position: relative;
  z-index: 4;
  height: 56px;
  border-bottom: 1px solid #32383b;
  background:
    linear-gradient(180deg, #202426 0, #111416 50%, #090b0c 51%, #171a1c 100%) !important;
  box-shadow: 0 3px 0 #040505, inset 0 1px rgba(255,255,255,.08);
}

html[data-yd-rack="true"] .van-nav-bar::before,
html[data-yd-rack="true"] .van-nav-bar::after,
html[data-yd-rack="true"] .home_tit::before,
html[data-yd-rack="true"] .home_tit::after {
  position: absolute;
  top: 50%;
  width: 7px;
  height: 7px;
  border: 1px solid #020303;
  border-radius: 50%;
  content: "";
  background: radial-gradient(circle at 35% 35%, #9aa0a2 0 10%, #34383a 25%, #080909 70%);
  box-shadow: 0 1px 1px #000;
  transform: translateY(-50%);
}

html[data-yd-rack="true"] .van-nav-bar::before,
html[data-yd-rack="true"] .home_tit::before { left: 12px; }
html[data-yd-rack="true"] .van-nav-bar::after,
html[data-yd-rack="true"] .home_tit::after { right: 12px; }

html[data-yd-rack="true"] .van-nav-bar__title,
html[data-yd-rack="true"] .home_tit_top {
  color: #eef0ef !important;
  font-size: 16px !important;
  font-weight: 700;
  letter-spacing: .18em;
  text-shadow: 0 -1px #000;
}

html[data-yd-rack="true"] .van-nav-bar .van-icon,
html[data-yd-rack="true"] .van-nav-bar__text {
  color: var(--yd-orange) !important;
}

html[data-yd-rack="true"] .van-hairline--bottom::after,
html[data-yd-rack="true"] .van-hairline::after {
  border-color: rgba(255,255,255,.08) !important;
}

html[data-yd-rack="true"] .van-button {
  min-height: 44px;
  border: 1px solid #060707;
  border-radius: 2px;
  background:
    linear-gradient(180deg, #ff8e48 0, var(--yd-orange) 48%, #d7500f 52%, #bd430a 100%);
  color: #14100d;
  font-weight: 800;
  letter-spacing: .08em;
  box-shadow: inset 0 1px rgba(255,255,255,.38), 0 3px 0 #541a02, 0 6px 13px rgba(0,0,0,.24);
  transition: transform 120ms ease, filter 120ms ease, box-shadow 120ms ease;
}

html[data-yd-rack="true"] .van-button:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px rgba(255,255,255,.24), 0 1px 0 #541a02;
}

html[data-yd-rack="true"] .van-button--disabled,
html[data-yd-rack="true"] .van-button[disabled] {
  filter: grayscale(1);
  opacity: .55;
}

html[data-yd-rack="true"] .van-toast,
html[data-yd-rack="true"] .van-dialog,
html[data-yd-rack="true"] .van-popup {
  border: 1px solid #3b4144;
  border-radius: 2px;
  background: #111517;
  color: #f0f2f1;
  box-shadow: 0 18px 44px rgba(0,0,0,.62);
}

html[data-yd-rack="true"] .van-dialog__header,
html[data-yd-rack="true"] .van-dialog__message {
  color: #eef0ef;
}

/* Fixed module-dock navigation */
html[data-yd-rack="true"] #footer {
  position: fixed !important;
  z-index: 70 !important;
  right: 0;
  bottom: 0;
  left: 0;
  width: min(100%, var(--yd-app-width));
  height: calc(var(--yd-footer-height) + env(safe-area-inset-bottom)) !important;
  margin: 0 auto;
  padding: 0 8px env(safe-area-inset-bottom) !important;
  border-top: 1px solid #444a4d;
  background:
    linear-gradient(180deg, #1c2022 0, #0c0f11 28%, #080a0b 100%) !important;
  box-shadow: 0 -4px 0 #030404, 0 -12px 28px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.08);
}

html[data-yd-rack="true"] #footer::before,
html[data-yd-rack="true"] #footer::after {
  position: absolute;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  content: "";
  background: radial-gradient(circle at 35% 35%, #8f9698, #151819 58%, #020303 62%);
  box-shadow: 0 40px 0 #151819;
}

html[data-yd-rack="true"] #footer::before { left: 5px; }
html[data-yd-rack="true"] #footer::after { right: 5px; }

html[data-yd-rack="true"] #footer .acea-row {
  height: 100%;
  align-items: stretch !important;
}

html[data-yd-rack="true"] #footer .item {
  position: relative;
  min-width: 0;
  height: 100% !important;
  padding-top: 4px;
  color: #929a9d !important;
  font-size: 10px;
  line-height: 1.25;
  transition: color 150ms ease, background-color 150ms ease;
}

html[data-yd-rack="true"] #footer .item + .item::before {
  position: absolute;
  top: 13px;
  bottom: 13px;
  left: 0;
  width: 1px;
  content: "";
  background: linear-gradient(transparent, #33383a 22%, #33383a 78%, transparent);
}

html[data-yd-rack="true"] #footer .item .iconfont {
  display: block;
  margin-bottom: 3px;
  color: #aeb5b7 !important;
  font-size: 21px !important;
  line-height: 24px;
  max-height: 30px !important;
  filter: grayscale(1);
}

html[data-yd-rack="true"] #footer .item img {
  width: 25px !important;
  max-width: 25px !important;
  opacity: .78;
  filter: grayscale(1) brightness(1.9);
}

html[data-yd-rack="true"] #footer .item.on img {
  opacity: 1;
  filter: brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(2188%) hue-rotate(346deg) brightness(104%) contrast(101%);
}

html[data-yd-rack="true"] #footer .item.on {
  color: var(--yd-orange) !important;
  background: linear-gradient(180deg, rgba(255,118,34,.13), transparent 68%);
}

html[data-yd-rack="true"] #footer .item.on::after {
  position: absolute;
  top: 0;
  right: 20%;
  left: 20%;
  height: 2px;
  content: "";
  background: var(--yd-orange);
  box-shadow: 0 0 8px rgba(255,118,34,.7);
}

html[data-yd-rack="true"] #footer .item.on .iconfont {
  color: var(--yd-orange) !important;
  filter: none;
}

/* Homepage: rack chassis */
html[data-yd-rack="true"] body[data-yd-route="home"] .index {
  min-height: 100vh;
  padding: 8px 8px 24px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.05), transparent 2%, transparent 98%, rgba(255,255,255,.035)),
    repeating-linear-gradient(0deg, #111416 0 3px, #0e1113 3px 7px);
}

html[data-yd-rack="true"] .index-top-logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px !important;
  margin: 0 0 8px;
  overflow: hidden;
  border: 1px solid #3d4346;
  border-radius: 2px;
  background:
    radial-gradient(circle at 9px 9px, #747b7e 0 2px, #111416 2.4px 4px, transparent 4.5px),
    radial-gradient(circle at calc(100% - 9px) 9px, #747b7e 0 2px, #111416 2.4px 4px, transparent 4.5px),
    radial-gradient(circle at 9px calc(100% - 9px), #747b7e 0 2px, #111416 2.4px 4px, transparent 4.5px),
    radial-gradient(circle at calc(100% - 9px) calc(100% - 9px), #747b7e 0 2px, #111416 2.4px 4px, transparent 4.5px),
    linear-gradient(180deg, #262a2c 0, #171a1c 48%, #0d1011 52%, #1b1f21 100%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.08), inset 0 -1px #000, 0 3px 0 #030404;
}

html[data-yd-rack="true"] .index-top-logo::before,
html[data-yd-rack="true"] .index-top-logo::after {
  position: absolute;
  top: 13px;
  bottom: 13px;
  width: 13px;
  border: 1px solid #020303;
  border-radius: 4px;
  content: "";
  background: linear-gradient(90deg, #070809, #353a3c 48%, #0b0d0e 52%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 1px #414649;
}

html[data-yd-rack="true"] .index-top-logo::before { left: 9px; }
html[data-yd-rack="true"] .index-top-logo::after { right: 9px; }

html[data-yd-rack="true"] .index-top-logo__img,
html[data-yd-rack="true"] .index-top-logo img {
  position: relative;
  z-index: 1;
  width: auto !important;
  max-width: 54% !important;
  height: 42px !important;
  object-fit: contain;
  filter: saturate(.78) brightness(1.16) contrast(1.08);
}

html[data-yd-rack="true"] .home_msg {
  min-height: 30px;
  margin: 0 7px 8px !important;
  padding: 5px 10px 5px 28px !important;
  overflow: hidden;
  border: 1px solid #2f3537;
  background: #090c0d !important;
  color: #c7cdcf !important;
  font-size: 11px;
  line-height: 18px;
  box-shadow: inset 0 0 10px #000;
}

html[data-yd-rack="true"] .home_msg:has(.home_msg_con:empty) {
  display: none !important;
}

html[data-yd-rack="true"] .home_msg::before {
  position: absolute;
  top: 50%;
  left: 11px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  content: "";
  background: var(--yd-orange);
  box-shadow: 0 0 7px rgba(255,118,34,.82);
  transform: translateY(-50%);
}

html[data-yd-rack="true"] .home_msg,
html[data-yd-rack="true"] .home_msg * {
  color: #b9c1c3 !important;
}

html[data-yd-rack="true"] .home_msg > img {
  width: 13px !important;
  height: 13px !important;
  filter: brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(2188%) hue-rotate(346deg) brightness(104%) contrast(101%);
}

html[data-yd-rack="true"] .index-home-banner-outer {
  position: relative;
  margin: 0 0 10px !important;
  padding: 10px 10px 22px !important;
  border: 1px solid #404649;
  border-radius: 2px;
  background:
    radial-gradient(circle at 7px 7px, #777e80 0 1.6px, #111415 2px 3.7px, transparent 4px),
    radial-gradient(circle at calc(100% - 7px) 7px, #777e80 0 1.6px, #111415 2px 3.7px, transparent 4px),
    linear-gradient(180deg, #1d2123, #090b0c) !important;
  box-shadow: inset 0 0 0 3px #0a0c0d, 0 3px 0 #030404, var(--yd-shadow);
}

html[data-yd-rack="true"] .index-home-banner {
  position: relative;
  overflow: hidden;
  border: 1px solid #4a4f51;
  border-radius: 1px !important;
  background: #050606;
  box-shadow: 0 0 0 4px #090b0c, inset 0 0 18px #000;
}

html[data-yd-rack="true"] .index-home-banner-img {
  display: block;
  width: 100% !important;
  filter: contrast(1.04) saturate(.92);
}

html[data-yd-rack="true"] .index-home-banner-pagination,
html[data-yd-rack="true"] .index-home-banner-outer .swiper-pagination {
  bottom: 6px !important;
}

html[data-yd-rack="true"] .index-home-banner-outer .swiper-pagination-bullet,
html[data-yd-rack="true"] .index-home-banner-pagination button {
  width: 7px !important;
  min-width: 7px !important;
  height: 7px !important;
  min-height: 7px !important;
  margin: 0 5px !important;
  padding: 0 !important;
  border: 1px solid #050606 !important;
  border-radius: 50% !important;
  background: #9aa0a2 !important;
  box-shadow: 0 0 0 1px #343a3c;
  opacity: 1 !important;
}

html[data-yd-rack="true"] .index-home-banner-outer .swiper-pagination-bullet-active,
html[data-yd-rack="true"] .index-home-banner-pagination [aria-current="true"] {
  background: var(--yd-orange) !important;
  box-shadow: 0 0 7px rgba(255,118,34,.82);
}

html[data-yd-rack="true"] .index-intro-wrap {
  margin: 0 !important;
  padding: 0 !important;
}

html[data-yd-rack="true"] .index-intro-card,
html[data-yd-rack="true"] .index-news-card {
  position: relative;
  margin: 9px 0 !important;
  padding: 22px 24px 26px !important;
  overflow: hidden;
  border: 1px solid #080a0a !important;
  border-radius: 2px !important;
  background:
    radial-gradient(circle at 8px 8px, #fff 0 1.3px, #767c7e 1.8px 3px, #202425 3.5px 4.8px, transparent 5px),
    radial-gradient(circle at calc(100% - 8px) 8px, #fff 0 1.3px, #767c7e 1.8px 3px, #202425 3.5px 4.8px, transparent 5px),
    linear-gradient(180deg, var(--yd-drawer-top) 0, #dedfdb 47%, #c4c7c5 100%) !important;
  color: var(--yd-ink) !important;
  box-shadow: inset 0 1px #fff, inset 0 -2px rgba(0,0,0,.14), 0 0 0 4px #202426, 0 5px 0 #050606, var(--yd-shadow) !important;
}

html[data-yd-rack="true"] .index-intro-card::after,
html[data-yd-rack="true"] .index-news-card::after {
  position: absolute;
  right: 50%;
  bottom: 6px;
  width: 68px;
  height: 9px;
  border: 1px solid #25292b;
  border-radius: 1px 1px 5px 5px;
  content: "";
  background: linear-gradient(180deg, #777d7f, #202426 48%, #080a0a 53%, #5e6466);
  box-shadow: inset 0 1px rgba(255,255,255,.36), 0 1px 1px rgba(0,0,0,.55);
  transform: translateX(50%);
}

html[data-yd-rack="true"] .index-intro-heading,
html[data-yd-rack="true"] .index-news-title {
  position: relative;
  margin: 0 0 12px !important;
  padding: 0 0 9px !important;
  border-bottom: 1px solid #767c7e;
  color: var(--yd-ink) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: .05em;
  line-height: 1.35;
}

html[data-yd-rack="true"] .index-intro-heading::after,
html[data-yd-rack="true"] .index-news-title::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 34px;
  height: 2px;
  content: "";
  background: var(--yd-orange);
}

html[data-yd-rack="true"] .index-intro-text {
  margin: 0 !important;
  color: #32383b !important;
  font-size: 13px !important;
  line-height: 1.85 !important;
  text-align: justify;
}

html[data-yd-rack="true"] .index-intro-tag {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  margin: -3px 0 10px;
  padding: 3px 9px;
  border: 1px solid #7c430f;
  border-radius: 1px;
  background: #21150e !important;
  color: var(--yd-orange) !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .05em;
}

/* Six existing advantage entries become literal pull-out drawers. */
html[data-yd-rack="true"] .index-intro-card--adv {
  padding: 13px 10px 16px !important;
  background: linear-gradient(180deg, #24282a, #0b0d0e) !important;
  color: #eef0ef !important;
}

html[data-yd-rack="true"] .index-intro-card--adv::after { display: none; }

html[data-yd-rack="true"] .index-intro-card--adv .index-intro-heading {
  width: 132px;
  margin: 0 auto 14px !important;
  padding: 6px 12px !important;
  border: 1px solid #050606;
  border-radius: 1px;
  background: linear-gradient(180deg, #dfe0dc, #aeb2b0);
  color: #171a1c !important;
  text-align: center;
  box-shadow: inset 0 1px #fff, 0 0 0 3px #343a3d, 0 4px 0 #050606;
}

html[data-yd-rack="true"] .index-intro-card--adv .index-intro-heading::after { display: none; }

html[data-yd-rack="true"] .index-intro-adv-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
}

html[data-yd-rack="true"] .index-intro-adv-cell {
  position: relative;
  display: grid !important;
  grid-template-columns: 28px minmax(84px, .8fr) minmax(0, 2.4fr) 44px;
  align-items: center;
  min-height: 58px;
  margin: 0 !important;
  padding: 9px 8px !important;
  border: 1px solid #16191a !important;
  border-radius: 1px !important;
  background:
    radial-gradient(circle at 6px 6px, #fff 0 1px, #747a7c 1.5px 2.7px, transparent 3.2px),
    linear-gradient(180deg, #ecece7 0, #d7d8d4 48%, #b9bcba 100%) !important;
  color: var(--yd-ink) !important;
  box-shadow: inset 0 1px #fff, inset 0 -1px rgba(0,0,0,.2), 0 3px 0 #050606 !important;
  text-align: left !important;
}

html[data-yd-rack="true"] .index-intro-adv-icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  border: 1px solid #5f6668;
  border-radius: 50%;
  background: #15191b !important;
  color: var(--yd-orange) !important;
  font-size: 10px !important;
  font-weight: 800;
  line-height: 1;
  box-shadow: inset 0 0 0 2px #2a2f31;
}

html[data-yd-rack="true"] .index-intro-adv-title {
  margin: 0 8px 0 0 !important;
  color: #15191b !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

html[data-yd-rack="true"] .index-intro-adv-desc {
  margin: 0 !important;
  color: #434a4d !important;
  font-size: 10px !important;
  line-height: 1.55 !important;
}

html[data-yd-rack="true"] .index-intro-adv-cell::after {
  justify-self: end;
  width: 38px;
  height: 13px;
  border: 1px solid #242829;
  border-radius: 1px 1px 5px 5px;
  content: "";
  background: linear-gradient(180deg, #7d8385, #25292b 47%, #090b0b 53%, #606668);
  box-shadow: inset 0 1px rgba(255,255,255,.34), 0 1px 1px rgba(0,0,0,.44);
}

html[data-yd-rack="true"] .index-news-section {
  margin: 0 !important;
  padding: 0 !important;
}

html[data-yd-rack="true"] .index-news-card {
  min-height: 92px;
  margin-bottom: 8px !important;
}

html[data-yd-rack="true"] .index-news-header {
  align-items: center !important;
}

html[data-yd-rack="true"] .index-news-more {
  color: #51595c !important;
  font-size: 11px !important;
}

html[data-yd-rack="true"] .index-news-list,
html[data-yd-rack="true"] .index-news-list a {
  color: #31373a !important;
}

/* Product category: black control rail, real product drawers */
html[data-yd-rack="true"] body[data-yd-route="category"] .productSort,
html[data-yd-rack="true"] body[data-yd-route="detail"] .detacon {
  min-height: 100vh;
  padding-bottom: 26px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035), transparent 4%, transparent 96%, rgba(255,255,255,.025)),
    repeating-linear-gradient(0deg, #111416 0 3px, #0d1011 3px 7px) !important;
  color: #e7e9e8;
}

html[data-yd-rack="true"] .productSort .home_tit {
  height: 60px;
  margin: 0 0 7px;
  padding: 6px 9px;
}

html[data-yd-rack="true"] .productSort .home_tit_top {
  display: flex;
  align-items: center;
  width: 100%;
  height: 46px !important;
  padding: 5px !important;
  border: 1px solid #3b4144;
  background: #090b0c !important;
  box-shadow: inset 0 0 13px #000, 0 3px 0 #030404;
}

html[data-yd-rack="true"] .productSort .home_tit_top > div {
  height: 34px !important;
  padding: 0 5px !important;
  border: 1px solid #272d30;
  border-radius: 1px;
  background: #111517 !important;
}

html[data-yd-rack="true"] .productSort .home_tit_top input {
  height: 30px !important;
  padding: 0 9px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #e4e7e6 !important;
  caret-color: var(--yd-orange);
}

html[data-yd-rack="true"] .productSort .home_tit_top input::placeholder {
  color: #7f898c !important;
}

html[data-yd-rack="true"] .productSort .home_tit_top > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px !important;
  height: 28px !important;
  margin-left: 5px !important;
  border: 1px solid #41484b;
  border-radius: 1px !important;
  background: linear-gradient(180deg, #2c3133, #0a0c0d) !important;
}

html[data-yd-rack="true"] .productSort .home_tit_top img {
  width: 18px !important;
  height: 18px !important;
  filter: brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(2188%) hue-rotate(346deg) brightness(104%) contrast(101%);
}

html[data-yd-rack="true"] .productSort .van-tabs {
  margin: 0 9px 10px;
  border: 1px solid #373d40;
  background: #0b0e0f;
  box-shadow: 0 3px 0 #030404;
}

html[data-yd-rack="true"] .productSort .van-tabs__nav {
  background: linear-gradient(180deg, #24282a, #101315) !important;
}

html[data-yd-rack="true"] .productSort .van-tab {
  min-width: 0;
  border-right: 1px solid #33383b;
  color: #969ea1 !important;
  font-size: 12px;
}

html[data-yd-rack="true"] .productSort .van-tab:last-child { border-right: 0; }

html[data-yd-rack="true"] .productSort .van-tab--active {
  background: linear-gradient(180deg, rgba(255,118,34,.19), transparent);
  color: #fff !important;
  font-weight: 800;
}

html[data-yd-rack="true"] .productSort .van-tabs__line {
  height: 2px !important;
  border-radius: 0 !important;
  background: var(--yd-orange) !important;
  box-shadow: 0 0 7px rgba(255,118,34,.68);
}

html[data-yd-rack="true"] .productSort_con {
  padding: 0 8px 18px !important;
}

html[data-yd-rack="true"] .productSort_con_list,
html[data-yd-rack="true"] .productSort_block {
  position: relative;
  border-radius: 1px !important;
}

html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_con_list {
  margin: 0 0 12px !important;
  padding: 8px !important;
  overflow: hidden;
  border: 1px solid #3b4144 !important;
  background:
    radial-gradient(circle at 7px 7px, #777e80 0 1.6px, #111415 2px 3.7px, transparent 4px),
    radial-gradient(circle at calc(100% - 7px) 7px, #777e80 0 1.6px, #111415 2px 3.7px, transparent 4px),
    linear-gradient(180deg, #202426, #090b0c) !important;
  color: #e7e9e8 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 5px 0 #030404, 0 15px 25px rgba(0,0,0,.3) !important;
}

html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_con_list::after {
  display: none;
}

html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_block {
  position: relative;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 14px 14px 19px !important;
  overflow: hidden;
  border: 1px solid #090a0b !important;
  border-radius: 1px !important;
  background:
    radial-gradient(circle at 6px 6px, #fff 0 1.1px, #747a7c 1.6px 2.8px, transparent 3.3px),
    radial-gradient(circle at calc(100% - 6px) 6px, #fff 0 1.1px, #747a7c 1.6px 2.8px, transparent 3.3px),
    linear-gradient(180deg, #f1f1ec 0, #dcddd9 47%, #c0c3c1 100%) !important;
  color: var(--yd-ink) !important;
  box-shadow: inset 0 1px #fff, inset 0 -2px rgba(0,0,0,.16), 0 3px 0 #050606, 0 8px 14px rgba(0,0,0,.22) !important;
}

html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_block:last-child {
  margin-bottom: 0 !important;
}

html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_block::after {
  position: absolute;
  right: 13px;
  bottom: 7px;
  width: 42px;
  height: 11px;
  border: 1px solid #25292b;
  border-radius: 1px 1px 5px 5px;
  content: "";
  background: linear-gradient(180deg, #7a8082, #222628 48%, #080a0b 53%, #606668);
}

html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_block,
html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_block * {
  color: var(--yd-ink);
}

html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_con_list .btn-tt,
html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_con_list button {
  border-color: #070808 !important;
  background: linear-gradient(180deg, #222729, #090b0c) !important;
  color: #fff !important;
  box-shadow: inset 0 1px rgba(255,255,255,.12), 0 3px 0 #000;
}

html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_con_list .day-item {
  border: 1px solid #8a9091;
  border-radius: 1px;
  background: rgba(255,255,255,.35);
  color: #3b4245 !important;
}

html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_con_list .zzsy,
html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_con_list [class*="rate"],
html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_block [style*="color: rgb(255, 37, 0)"] {
  color: var(--yd-orange-dark) !important;
}

html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_block [style*="background: rgb(211, 178, 120)"] {
  background: var(--yd-orange) !important;
}

/* Product detail */
html[data-yd-rack="true"] body[data-yd-route="detail"] .detacon {
  padding: 0 9px 84px;
}

html[data-yd-rack="true"] body[data-yd-route="detail"] .van-nav-bar {
  margin: 0 -9px 9px;
}

html[data-yd-rack="true"] .detacon_quxian,
html[data-yd-rack="true"] body[data-yd-route="detail"] .productSort_block {
  position: relative;
  margin: 9px 0 !important;
  padding: 18px !important;
  border: 1px solid #090a0b !important;
  border-radius: 1px !important;
  background:
    radial-gradient(circle at 7px 7px, #fff 0 1.2px, #747a7c 1.7px 3px, transparent 3.5px),
    linear-gradient(180deg, #efefea, #d4d6d3 55%, #bdc0be) !important;
  color: var(--yd-ink) !important;
  box-shadow: inset 0 1px #fff, 0 0 0 4px #252a2c, 0 6px 0 #040505, 0 14px 24px rgba(0,0,0,.3) !important;
}

html[data-yd-rack="true"] body[data-yd-route="detail"] .detacon_quxian *,
html[data-yd-rack="true"] body[data-yd-route="detail"] .productSort_block *,
html[data-yd-rack="true"] body[data-yd-route="detail"] .productSort_block_last * {
  color: var(--yd-ink);
}

html[data-yd-rack="true"] body[data-yd-route="detail"] .productSort_block_last {
  margin: 8px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-yd-rack="true"] body[data-yd-route="detail"] [style*="color: var(--bg-color)"] {
  color: var(--yd-orange-dark) !important;
}

html[data-yd-rack="true"] body[data-yd-route="detail"] [style*="background-color: var(--bg-color)"] {
  background-color: var(--yd-orange) !important;
}

html[data-yd-rack="true"] .fengxian1 {
  display: flex !important;
  flex-wrap: wrap;
  gap: 5px;
  padding: 8px !important;
  border: 1px solid #86410d !important;
  border-radius: 1px !important;
  background: #21150f !important;
  color: var(--yd-orange) !important;
}

html[data-yd-rack="true"] .fengxian1 > span {
  padding: 3px 6px;
  border: 1px solid #7b481d;
  border-radius: 1px;
  color: var(--yd-orange) !important;
  font-size: 10px;
  line-height: 1.3;
}

html[data-yd-rack="true"] body[data-yd-route="detail"] .van-tabs {
  margin: 10px -1px;
  border: 1px solid #343a3d;
  background: #0b0e0f;
}

html[data-yd-rack="true"] body[data-yd-route="detail"] .van-tabs__nav {
  background: linear-gradient(180deg, #252a2c, #0d1011) !important;
}

html[data-yd-rack="true"] body[data-yd-route="detail"] .van-tab {
  border-right: 1px solid #33383b;
  color: #aeb4b6 !important;
}

html[data-yd-rack="true"] body[data-yd-route="detail"] .van-tab--active {
  color: #fff !important;
  font-weight: 800;
}

html[data-yd-rack="true"] body[data-yd-route="detail"] .van-tabs__line {
  height: 2px;
  background: var(--yd-orange) !important;
  box-shadow: 0 0 7px rgba(255,118,34,.65);
}

html[data-yd-rack="true"] body[data-yd-route="detail"] .van-tab__pane,
html[data-yd-rack="true"] body[data-yd-route="detail"] .van-tabs__content {
  background: transparent !important;
}

html[data-yd-rack="true"] body[data-yd-route="detail"] .productSort_block_last_item {
  border-bottom: 1px solid rgba(15,20,22,.2) !important;
}

html[data-yd-rack="true"] body[data-yd-route="detail"] .productSort_block_left_xh,
html[data-yd-rack="true"] body[data-yd-route="detail"] .zzsy {
  color: var(--yd-orange-dark) !important;
}

html[data-yd-rack="true"] body[data-yd-route="detail"] [style*="max-width: 220px"][style*="background: var(--bg-color)"] {
  border: 1px solid #060707 !important;
  border-radius: 2px !important;
  background: linear-gradient(180deg, #ff8e48 0, var(--yd-orange) 48%, #d7500f 52%, #bd430a 100%) !important;
  color: #14100d !important;
  box-shadow: inset 0 1px rgba(255,255,255,.38), 0 3px 0 #541a02, 0 8px 16px rgba(0,0,0,.28);
}

html[data-yd-rack="true"] body[data-yd-route="detail"] > .van-button,
html[data-yd-rack="true"] body[data-yd-route="detail"] .detacon > .van-button,
html[data-yd-rack="true"] body[data-yd-route="detail"] .detacon > button {
  position: fixed;
  z-index: 61;
  right: max(12px, calc((100vw - var(--yd-app-width)) / 2 + 12px));
  bottom: calc(var(--yd-footer-height) + 10px + env(safe-area-inset-bottom));
  left: max(12px, calc((100vw - var(--yd-app-width)) / 2 + 12px));
}

/* Authentication and forms: service bay */
html[data-yd-rack="true"] body[data-yd-route="login"],
html[data-yd-rack="true"] body[data-yd-route="register"],
html[data-yd-rack="true"] body[data-yd-route="retrieve"] {
  background: #050607;
}

html[data-yd-rack="true"] body[data-yd-route="login"] #app,
html[data-yd-rack="true"] body[data-yd-route="register"] #app,
html[data-yd-rack="true"] body[data-yd-route="retrieve"] #app,
html[data-yd-rack="true"] body[data-yd-route="login"] > div:first-of-type,
html[data-yd-rack="true"] body[data-yd-route="register"] > div:first-of-type,
html[data-yd-rack="true"] body[data-yd-route="retrieve"] > div:first-of-type {
  background:
    linear-gradient(90deg, rgba(255,255,255,.035), transparent 4%, transparent 96%, rgba(255,255,255,.025)),
    repeating-linear-gradient(0deg, #111416 0 3px, #0d1011 3px 7px);
}

html[data-yd-rack="true"] .register {
  min-height: calc(100vh - var(--yd-footer-height));
  padding-bottom: 30px;
  background: transparent !important;
  color: #eef0ef;
}

html[data-yd-rack="true"] .register .shading {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 104px;
  margin: 8px 9px 12px;
  padding: 12px 42px !important;
  border: 1px solid #3d4346;
  border-radius: 2px;
  background:
    radial-gradient(circle at 8px 8px, #747b7e 0 1.8px, #0b0d0e 2.2px 4px, transparent 4.5px),
    radial-gradient(circle at calc(100% - 8px) 8px, #747b7e 0 1.8px, #0b0d0e 2.2px 4px, transparent 4.5px),
    linear-gradient(180deg, #212527, #090b0c) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.08), inset 0 -1px #000, 0 4px 0 #030404;
}

html[data-yd-rack="true"] .register .shading::before,
html[data-yd-rack="true"] .register .shading::after {
  position: absolute;
  top: 24px;
  bottom: 24px;
  width: 11px;
  border: 1px solid #020303;
  border-radius: 4px;
  content: "";
  background: linear-gradient(90deg, #070809, #353a3c 48%, #0b0d0e 52%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 1px #414649;
}

html[data-yd-rack="true"] .register .shading::before { left: 10px; }
html[data-yd-rack="true"] .register .shading::after { right: 10px; }

html[data-yd-rack="true"] .register .shading .pictrue:empty {
  display: none !important;
}

html[data-yd-rack="true"] .register .shading .biaoti {
  width: 100%;
  height: auto !important;
  margin: 0 !important;
}

html[data-yd-rack="true"] .register .shading .biaoti img {
  width: 170px !important;
  height: 56px !important;
  border-radius: 0 !important;
  object-fit: contain;
  filter: saturate(.82) brightness(1.12);
}

html[data-yd-rack="true"] .register .pictrue {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 118px;
  margin: 10px 9px 0;
  border: 1px solid #3c4245;
  background:
    radial-gradient(circle at 8px 8px, #747b7e 0 1.8px, #0b0d0e 2.2px 4px, transparent 4.5px),
    linear-gradient(180deg, #212527, #090b0c);
  box-shadow: inset 0 0 0 4px #0a0c0d, 0 5px 0 #030404;
}

html[data-yd-rack="true"] .register .pictrue img {
  max-width: 56%;
  max-height: 68px;
  object-fit: contain;
  filter: saturate(.8) brightness(1.15);
}

html[data-yd-rack="true"] .register .biaoti {
  margin: 14px 14px 2px;
  color: #eff1f0 !important;
  font-size: 18px !important;
  font-weight: 800;
  letter-spacing: .08em;
}

html[data-yd-rack="true"] .register_block {
  position: relative;
  margin: 12px 9px 18px !important;
  padding: 22px 18px 27px !important;
  border: 1px solid #080909 !important;
  border-radius: 1px !important;
  background:
    radial-gradient(circle at 7px 7px, #fff 0 1.2px, #717779 1.7px 3px, transparent 3.5px),
    radial-gradient(circle at calc(100% - 7px) 7px, #fff 0 1.2px, #717779 1.7px 3px, transparent 3.5px),
    linear-gradient(180deg, #f0f0eb, #d6d7d3 50%, #bec1bf) !important;
  color: var(--yd-ink) !important;
  box-shadow: inset 0 1px #fff, 0 0 0 4px #272c2e, 0 6px 0 #030404, 0 16px 26px rgba(0,0,0,.35) !important;
}

html[data-yd-rack="true"] .register_block::after {
  position: absolute;
  right: 50%;
  bottom: 7px;
  width: 70px;
  height: 10px;
  border: 1px solid #25292b;
  border-radius: 1px 1px 5px 5px;
  content: "";
  background: linear-gradient(180deg, #7a8082, #24282a 48%, #080a0b 53%, #606668);
  transform: translateX(50%);
}

html[data-yd-rack="true"] .register_block_list,
html[data-yd-rack="true"] .register_code,
html[data-yd-rack="true"] .register_code_list,
html[data-yd-rack="true"] .register_code_lists,
html[data-yd-rack="true"] .register .van-cell {
  min-height: 50px;
  margin: 0 0 10px !important;
  padding: 0 12px !important;
  border: 1px solid #292e30 !important;
  border-radius: 1px !important;
  background: #111517 !important;
  color: #eef0ef !important;
  box-shadow: inset 0 2px 8px rgba(0,0,0,.72), 0 1px rgba(255,255,255,.7);
}

html[data-yd-rack="true"] .register_block_list::after,
html[data-yd-rack="true"] .register .van-cell::after { display: none; }

html[data-yd-rack="true"] .register input,
html[data-yd-rack="true"] .register .van-field__control,
html[data-yd-rack="true"] .register .van-cell__title,
html[data-yd-rack="true"] .register .van-field__label {
  color: #eef0ef !important;
  caret-color: var(--yd-orange);
}

html[data-yd-rack="true"] .register input::placeholder,
html[data-yd-rack="true"] .register .van-field__control::placeholder {
  color: #7e888b !important;
}

html[data-yd-rack="true"] .register .intl-tel-input,
html[data-yd-rack="true"] .register .iti {
  width: 100%;
}

html[data-yd-rack="true"] .register .intl-tel-input-container,
html[data-yd-rack="true"] .register .selected-flag {
  background: #0d1113 !important;
  color: #e8eae9 !important;
}

html[data-yd-rack="true"] .register .country-list,
html[data-yd-rack="true"] .register .iti__country-list {
  border: 1px solid #3b4144;
  background: #101416;
  color: #e8eae9;
  box-shadow: 0 14px 30px rgba(0,0,0,.5);
}

html[data-yd-rack="true"] .register_submit {
  margin: 18px 0 10px !important;
}

html[data-yd-rack="true"] .register_submit,
html[data-yd-rack="true"] .register_submit .van-button,
html[data-yd-rack="true"] .register .van-button--block {
  width: 100%;
}

html[data-yd-rack="true"] .register a,
html[data-yd-rack="true"] .register .register_code_lists {
  color: var(--yd-orange) !important;
}

/* Account, exit and generic real pages */
html[data-yd-rack="true"] body[data-yd-route="user"] #app,
html[data-yd-rack="true"] body[data-yd-route="apply-exit"] #app,
html[data-yd-rack="true"] body[data-yd-route="generic"] #app,
html[data-yd-rack="true"] body[data-yd-route="user"] > div:first-of-type,
html[data-yd-rack="true"] body[data-yd-route="apply-exit"] > div:first-of-type,
html[data-yd-rack="true"] body[data-yd-route="generic"] > div:first-of-type {
  background:
    linear-gradient(90deg, rgba(255,255,255,.035), transparent 4%, transparent 96%, rgba(255,255,255,.025)),
    repeating-linear-gradient(0deg, #111416 0 3px, #0d1011 3px 7px);
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .router {
  min-height: 100vh;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035), transparent 4%, transparent 96%, rgba(255,255,255,.025)),
    repeating-linear-gradient(0deg, #111416 0 3px, #0d1011 3px 7px) !important;
  color: #e8eae9 !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn .content {
  min-height: 100vh;
  padding-bottom: 84px;
  background: transparent !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn_btn {
  position: relative;
  margin: 10px 0 14px !important;
  padding: 10px 12px 18px !important;
  border: 1px solid #090a0b !important;
  border-radius: 1px !important;
  background:
    radial-gradient(circle at 7px 7px, #fff 0 1.2px, #717779 1.7px 3px, transparent 3.5px),
    radial-gradient(circle at calc(100% - 7px) 7px, #fff 0 1.2px, #717779 1.7px 3px, transparent 3.5px),
    linear-gradient(180deg, #efefea, #d4d6d3 56%, #bdc0be) !important;
  color: var(--yd-ink) !important;
  box-shadow: inset 0 1px #fff, 0 0 0 4px #252a2c, 0 6px 0 #040505, 0 14px 24px rgba(0,0,0,.28) !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn_btn::after {
  position: absolute;
  right: 50%;
  bottom: 5px;
  width: 58px;
  height: 8px;
  border: 1px solid #25292b;
  border-radius: 1px 1px 5px 5px;
  content: "";
  background: linear-gradient(180deg, #7a8082, #222628 48%, #080a0b 53%, #606668);
  transform: translateX(50%);
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn_btn,
html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn_btn * {
  color: var(--yd-ink) !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn_btn [style*="color: var(--bg-color)"] {
  color: var(--yd-orange-dark) !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn_list {
  min-height: 56px;
  margin: 0 9px 12px !important;
  padding: 8px !important;
  border: 1px solid #3b4144;
  background: linear-gradient(180deg, #202426, #090b0c) !important;
  color: #dfe3e2 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 5px 0 #030404;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn_list,
html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn_list * {
  color: #c7cdcf !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn img {
  filter: grayscale(1) brightness(1.5);
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn .content > div[style*="font-size: 15px"] {
  color: #e7e9e8 !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn .content > div[style*="font-size: 15px"] img {
  filter: brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(2188%) hue-rotate(346deg) brightness(104%) contrast(101%);
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .level > div[style*="padding: 10px"] {
  margin: 9px !important;
  padding: 8px !important;
  border: 1px solid #3c4245;
  border-radius: 1px !important;
  background: linear-gradient(180deg, #202426, #090b0c);
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 5px 0 #030404;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .level > div[style*="padding: 10px"] > img {
  display: block;
  border: 1px solid #4a5053;
  border-radius: 1px !important;
  filter: saturate(.62) contrast(1.08) brightness(.82);
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .level > div[style*="background: rgb(255, 255, 255)"] {
  margin: 11px 9px 18px !important;
  padding: 12px !important;
  border: 1px solid #090a0b;
  border-radius: 1px !important;
  background: linear-gradient(180deg, #efefea, #d4d6d3 56%, #bdc0be) !important;
  color: var(--yd-ink) !important;
  box-shadow: inset 0 1px #fff, 0 0 0 4px #252a2c, 0 6px 0 #040505, 0 14px 24px rgba(0,0,0,.28);
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .level > div[style*="background: rgb(255, 255, 255)"] > div {
  min-height: 56px;
  padding: 6px !important;
  border-bottom: 1px solid rgba(16,20,22,.24) !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .level > div[style*="background: rgb(255, 255, 255)"] span {
  color: var(--yd-ink) !important;
  font-size: 13px !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .level .van-cell {
  border: 1px solid #292f31;
  background: #111517 !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .level .van-field__control {
  color: #eef0ef !important;
  caret-color: var(--yd-orange);
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .business_con {
  min-height: calc(100vh - 56px);
  padding: 10px 9px 90px !important;
  background: transparent !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .business_con > div[style*="background: rgb(255, 255, 255)"],
html[data-yd-rack="true"] body[data-yd-route="generic"] .business_con_pic {
  position: relative;
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 16px !important;
  border: 1px solid #090a0b !important;
  border-radius: 1px !important;
  background:
    radial-gradient(circle at 7px 7px, #fff 0 1.2px, #717779 1.7px 3px, transparent 3.5px),
    radial-gradient(circle at calc(100% - 7px) 7px, #fff 0 1.2px, #717779 1.7px 3px, transparent 3.5px),
    linear-gradient(180deg, #efefea, #d4d6d3 56%, #bdc0be) !important;
  color: var(--yd-ink) !important;
  box-shadow: inset 0 1px #fff, 0 0 0 4px #252a2c, 0 6px 0 #040505, 0 14px 24px rgba(0,0,0,.28) !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .business_con > div[style*="background: rgb(255, 255, 255)"] * {
  color: #2e3538 !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .business_con > div[style*="background: rgb(255, 255, 255)"] img {
  filter: grayscale(1) contrast(1.18) brightness(.65);
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .business_con_pic > div:first-child {
  color: var(--yd-ink) !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .business .form .item {
  margin: 10px 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .business .form .label {
  margin: 0 0 5px !important;
  color: #252b2e !important;
  font-weight: 700;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .business .van-cell {
  border: 1px solid #292f31 !important;
  background: #111517 !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .business .van-field__control {
  color: #eef0ef !important;
  caret-color: var(--yd-orange);
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .business_but {
  border: 1px solid #060707 !important;
  border-radius: 2px !important;
  background: linear-gradient(180deg, #ff8e48 0, var(--yd-orange) 48%, #d7500f 52%, #bd430a 100%) !important;
  color: #14100d !important;
  font-weight: 800;
  box-shadow: inset 0 1px rgba(255,255,255,.38), 0 3px 0 #541a02, 0 8px 16px rgba(0,0,0,.28);
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .register_tit {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  margin: 0 0 10px !important;
  padding: 0 44px !important;
  border: 1px solid #3c4245 !important;
  background: linear-gradient(180deg, #202426 0, #111416 50%, #090b0c 51%, #171a1c 100%) !important;
  color: #eef0ef !important;
  box-shadow: 0 3px 0 #040505, inset 0 1px rgba(255,255,255,.08) !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .register_tit p {
  margin: 0;
  color: #eef0ef !important;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .14em;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .register_tit img {
  position: absolute;
  top: 50%;
  left: 13px;
  width: 20px !important;
  height: 20px !important;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(2188%) hue-rotate(346deg) brightness(104%) contrast(101%);
  transform: translateY(-50%);
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .register_block > div[style*="height: 120px"] {
  border: 1px solid #353b3e;
  border-radius: 1px !important;
  background: #0b0e0f;
  box-shadow: 0 3px 0 #050606;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .register_block > div[style*="height: 120px"] img {
  height: 100%;
  object-fit: cover;
  border-radius: 0 !important;
  filter: saturate(.62) contrast(1.08) brightness(.86);
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .register_block > div[style*="background-color: rgb(255, 255, 255)"] {
  border: 1px solid #292f31;
  border-radius: 1px !important;
  background-color: #111517 !important;
  color: #eef0ef !important;
  box-shadow: inset 0 2px 8px rgba(0,0,0,.72);
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .register_block > div[style*="background-color: rgb(255, 255, 255)"],
html[data-yd-rack="true"] body[data-yd-route="generic"] .register_block > div[style*="background-color: rgb(255, 255, 255)"] * {
  color: #eef0ef !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .register_block > div[style*="background-color: rgb(255, 255, 255)"] [style*="color: var(--bg-color)"] {
  color: var(--yd-orange) !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .register_block > div[style*="background-color: rgb(255, 255, 255)"] span[style*="width: 50px"] {
  width: 62px !important;
  white-space: nowrap;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .register_block input {
  min-width: 0;
  background: transparent !important;
  color: #eef0ef !important;
  caret-color: var(--yd-orange);
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .register_block > div[style*="padding-left: 10px"][style*="font-size: 13px"] {
  color: #4e5659 !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .register_block > div[style*="padding-left: 10px"][style*="font-size: 13px"] span {
  color: var(--yd-orange-dark) !important;
}

html[data-yd-rack="true"] .van-number-keyboard {
  border-top: 1px solid #3b4144;
  background: #090b0c !important;
}

html[data-yd-rack="true"] .van-key {
  background: #1a1f21 !important;
  color: #eef0ef !important;
}

html[data-yd-rack="true"] .van-key--blue {
  background: var(--yd-orange) !important;
  color: #111 !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .jiangli_top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  margin: 0 0 10px !important;
  padding: 0 44px !important;
  border: 1px solid #3c4245 !important;
  background: linear-gradient(180deg, #202426 0, #111416 50%, #090b0c 51%, #171a1c 100%) !important;
  color: #eef0ef !important;
  box-shadow: 0 3px 0 #040505, inset 0 1px rgba(255,255,255,.08) !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .jiangli_top p {
  margin: 0;
  color: #eef0ef !important;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .14em;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .jiangli_top img {
  position: absolute;
  top: 50%;
  left: 13px;
  width: 20px !important;
  height: 20px !important;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(2188%) hue-rotate(346deg) brightness(104%) contrast(101%);
  transform: translateY(-50%);
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .jiangli_con {
  padding: 4px 9px 92px !important;
  background: transparent !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .jiangli_con_cnt {
  position: relative;
  padding: 18px 18px 24px !important;
  border: 1px solid #090a0b !important;
  border-radius: 1px !important;
  background:
    radial-gradient(circle at 7px 7px, #fff 0 1.2px, #717779 1.7px 3px, transparent 3.5px),
    radial-gradient(circle at calc(100% - 7px) 7px, #fff 0 1.2px, #717779 1.7px 3px, transparent 3.5px),
    linear-gradient(180deg, #efefea, #d4d6d3 56%, #bdc0be) !important;
  color: var(--yd-ink) !important;
  box-shadow: inset 0 1px #fff, 0 0 0 4px #252a2c, 0 6px 0 #040505, 0 14px 24px rgba(0,0,0,.28) !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .jiangli_con_cnt,
html[data-yd-rack="true"] body[data-yd-route="generic"] .jiangli_con_cnt * {
  color: #30373a !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .jiangli_con_cnt h4 {
  margin: 18px 0 6px;
  padding: 0 0 6px;
  border-bottom: 1px solid rgba(16,20,22,.22);
  color: var(--yd-ink) !important;
  font-size: 14px;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .jiangli_con_cnt h4:first-child {
  margin-top: 0;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .jiangli_con_cnt p {
  margin: 0 0 9px;
  font-size: 12px;
  line-height: 1.8;
  text-align: justify;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .contents {
  min-height: 100vh;
  padding: 8px 0 96px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035), transparent 4%, transparent 96%, rgba(255,255,255,.025)),
    repeating-linear-gradient(0deg, #111416 0 3px, #0d1011 3px 7px) !important;
  color: #e8eae9 !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .contents > div[style*="padding: 0px 15px"] {
  padding: 0 9px !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .userBox {
  position: relative;
  margin: 0 0 10px !important;
  padding: 8px !important;
  border: 1px solid #3c4245;
  border-radius: 1px !important;
  background:
    radial-gradient(circle at 7px 7px, #777e80 0 1.6px, #111415 2px 3.7px, transparent 4px),
    radial-gradient(circle at calc(100% - 7px) 7px, #777e80 0 1.6px, #111415 2px 3.7px, transparent 4px),
    linear-gradient(180deg, #202426, #090b0c) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 5px 0 #030404, 0 14px 24px rgba(0,0,0,.28);
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_top {
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid #090a0b;
  border-radius: 1px !important;
  background: linear-gradient(180deg, #efefea, #d5d7d4 56%, #bdc0be) !important;
  color: var(--yd-ink) !important;
  box-shadow: inset 0 1px #fff, inset 0 -2px rgba(0,0,0,.15), 0 3px 0 #050606;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_top .header {
  margin: 0 !important;
  padding: 0 0 10px !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_top .pictrue {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px !important;
  height: 46px !important;
  border: 1px solid #4a5154;
  border-radius: 50%;
  background: #111517;
  box-shadow: inset 0 0 0 3px #2b3032;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_top .pictrue img {
  width: 34px !important;
  height: 34px !important;
  filter: grayscale(1) contrast(1.08);
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_top .text,
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_top .text * {
  color: var(--yd-ink) !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_top .text img {
  filter: grayscale(1) contrast(1.15);
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user-balance-bar {
  position: relative;
  min-height: 70px;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid #2c3234;
  border-radius: 1px !important;
  background:
    linear-gradient(90deg, rgba(255,118,34,.13), transparent 46%),
    #101416 !important;
  color: #eef0ef !important;
  box-shadow: inset 0 2px 10px #000, 0 1px rgba(255,255,255,.65);
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user-balance-bar::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 34%;
  height: 2px;
  content: "";
  background: var(--yd-orange);
  box-shadow: 0 0 7px rgba(255,118,34,.6);
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user-balance-bar,
html[data-yd-rack="true"] body[data-yd-route="user"] .user-balance-bar * {
  color: #eef0ef !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user-balance-label {
  color: #9da5a8 !important;
  font-size: 11px !important;
  letter-spacing: .05em;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user-balance-amount {
  color: var(--yd-orange) !important;
  font-size: 24px !important;
  font-weight: 800;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user-balance-currency {
  width: 38px !important;
  height: 38px !important;
  opacity: .65;
  filter: grayscale(1) brightness(1.6);
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid {
  position: relative;
  margin: 0 0 11px !important;
  padding: 16px 13px 22px !important;
  overflow: hidden;
  border: 1px solid #090a0b !important;
  border-radius: 1px !important;
  background:
    radial-gradient(circle at 7px 7px, #fff 0 1.2px, #717779 1.7px 3px, transparent 3.5px),
    radial-gradient(circle at calc(100% - 7px) 7px, #fff 0 1.2px, #717779 1.7px 3px, transparent 3.5px),
    linear-gradient(180deg, #efefea, #d4d6d3 56%, #bdc0be) !important;
  color: var(--yd-ink) !important;
  box-shadow: inset 0 1px #fff, 0 0 0 4px #252a2c, 0 6px 0 #040505, 0 14px 24px rgba(0,0,0,.28) !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid::after {
  position: absolute;
  right: 50%;
  bottom: 6px;
  width: 66px;
  height: 9px;
  border: 1px solid #25292b;
  border-radius: 1px 1px 5px 5px;
  content: "";
  background: linear-gradient(180deg, #7a8082, #222628 48%, #080a0b 53%, #606668);
  transform: translateX(50%);
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid_tit {
  margin: 0 0 13px !important;
  padding: 0 0 9px !important;
  border-bottom: 1px solid #777d7f;
  color: var(--yd-ink) !important;
  font-size: 16px !important;
  font-weight: 800;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid_tit::after {
  display: block;
  width: 34px;
  height: 2px;
  margin-top: 8px;
  content: "";
  background: var(--yd-orange);
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid_block {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  justify-content: stretch !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid_line {
  width: 100% !important;
  min-width: 0;
  min-height: 72px;
  padding: 9px 3px !important;
  border-right: 1px solid rgba(16,20,22,.16);
  color: var(--yd-ink) !important;
  text-align: center;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid_line:nth-child(4n) {
  border-right: 0;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid_line img {
  width: 27px !important;
  height: 27px !important;
  object-fit: contain;
  filter: grayscale(1) contrast(1.18) brightness(.6);
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid_line p {
  display: block !important;
  width: 100% !important;
  margin-top: 7px !important;
  color: #272d30 !important;
  font-size: 10px !important;
  line-height: 1.35;
  white-space: nowrap;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .cell {
  position: relative;
  margin: 0 0 12px !important;
  padding: 8px 13px 17px !important;
  border: 1px solid #3b4144 !important;
  border-radius: 1px !important;
  background: linear-gradient(180deg, #202426, #090b0c) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 5px 0 #030404, 0 14px 24px rgba(0,0,0,.28);
}

html[data-yd-rack="true"] body[data-yd-route="user"] .cell-item {
  min-height: 48px;
  border-bottom: 1px solid #33393b !important;
  background: transparent !important;
  color: #e7e9e8 !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .cell-item:last-child {
  border-bottom: 0 !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .cell-item,
html[data-yd-rack="true"] body[data-yd-route="user"] .cell-item * {
  color: #e7e9e8 !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .cell-item img {
  width: 23px !important;
  height: 23px !important;
  filter: grayscale(1) brightness(1.7);
}

html[data-yd-rack="true"] body[data-yd-route="user"] .cell-item .iconfont {
  color: var(--yd-orange) !important;
}

html[data-yd-rack="true"] .apply-exit-page {
  min-height: 100vh;
  background: transparent !important;
  color: #eef0ef;
}

html[data-yd-rack="true"] .apply-exit-body {
  padding: 12px 10px 88px !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html[data-yd-rack="true"] .apply-exit-page .jiangli_top,
html[data-yd-rack="true"] .apply-exit-page .btn-wrap,
html[data-yd-rack="true"] .apply-exit-page .tips {
  margin: 0 0 12px !important;
  padding: 16px !important;
  border: 1px solid #090a0b;
  border-radius: 1px;
  background: linear-gradient(180deg, #efefea, #d2d4d1 56%, #bcc0bd) !important;
  color: var(--yd-ink) !important;
  box-shadow: 0 0 0 4px #252a2c, 0 6px 0 #040505, 0 14px 24px rgba(0,0,0,.28);
}

html[data-yd-rack="true"] .apply-exit-page .jiangli_top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  margin: 0 0 10px !important;
  padding: 0 44px !important;
  border: 1px solid #3c4245 !important;
  background: linear-gradient(180deg, #202426 0, #111416 50%, #090b0c 51%, #171a1c 100%) !important;
  color: #eef0ef !important;
  box-shadow: 0 3px 0 #040505, inset 0 1px rgba(255,255,255,.08) !important;
}

html[data-yd-rack="true"] .apply-exit-page .jiangli_top p {
  margin: 0;
  color: #eef0ef !important;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .14em;
}

html[data-yd-rack="true"] .apply-exit-page .jiangli_top img {
  position: absolute;
  top: 50%;
  left: 13px;
  width: 20px !important;
  height: 20px !important;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(2188%) hue-rotate(346deg) brightness(104%) contrast(101%);
  transform: translateY(-50%);
}

html[data-yd-rack="true"] .apply-exit-page .btn-wrap {
  border-color: #3b4144 !important;
  background: linear-gradient(180deg, #202426, #090b0c) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 5px 0 #030404, 0 14px 24px rgba(0,0,0,.28) !important;
}

html[data-yd-rack="true"] .apply-exit-page .van-cell,
html[data-yd-rack="true"] body[data-yd-route="user"] .van-cell,
html[data-yd-rack="true"] body[data-yd-route="generic"] .van-cell {
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: #121618 !important;
  color: #e9ebea !important;
}

html[data-yd-rack="true"] .apply-exit-page .van-field__control,
html[data-yd-rack="true"] body[data-yd-route="user"] .van-cell__title,
html[data-yd-rack="true"] body[data-yd-route="generic"] .van-cell__title {
  color: #e9ebea !important;
}

html[data-yd-rack="true"] .apply-exit-page .submit-btn,
html[data-yd-rack="true"] .apply-exit-page .kf-btn {
  margin-top: 10px;
}

/* Customer service keeps the original iframe and only changes its housing. */
html[data-yd-rack="true"] .customer-service-page {
  min-height: 100vh;
  padding: 8px 8px calc(var(--yd-footer-height) + 8px) !important;
  background: repeating-linear-gradient(0deg, #111416 0 3px, #0d1011 3px 7px) !important;
}

html[data-yd-rack="true"] .kf-iframe-el {
  display: block;
  width: 100% !important;
  min-height: calc(100vh - var(--yd-footer-height) - 18px) !important;
  border: 1px solid #4a5053 !important;
  border-radius: 1px;
  background: #fff;
  box-shadow: 0 0 0 5px #141719, 0 12px 28px rgba(0,0,0,.44);
}

/* Shared lists and empty states on remaining real routes. */
html[data-yd-rack="true"] body[data-yd-route="generic"] .van-tabs__nav,
html[data-yd-rack="true"] body[data-yd-route="user"] .van-tabs__nav {
  background: #101416 !important;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .van-tab,
html[data-yd-rack="true"] body[data-yd-route="user"] .van-tab {
  color: #9fa7aa;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .van-tab--active,
html[data-yd-rack="true"] body[data-yd-route="user"] .van-tab--active {
  color: #fff;
}

html[data-yd-rack="true"] body[data-yd-route="generic"] .van-tabs__line,
html[data-yd-rack="true"] body[data-yd-route="user"] .van-tabs__line {
  background: var(--yd-orange) !important;
}

html[data-yd-rack="true"] .van-empty,
html[data-yd-rack="true"] .van-loading {
  color: var(--yd-muted) !important;
}

html[data-yd-rack="true"] .van-empty__description {
  color: #98a0a3 !important;
}

/* One authored transition: a module slides into the chassis. */
html[data-yd-rack="true"] body.yd-route-changing #app > *:not(#footer),
html[data-yd-rack="true"] body.yd-route-changing > div:first-of-type > *:not(#footer) {
  animation: yd-module-seat 260ms cubic-bezier(.2,.78,.24,1) both;
}

html[data-yd-rack="true"] body:not(.yd-ui-ready) #app,
html[data-yd-rack="true"] body:not(.yd-ui-ready) > div:first-of-type {
  opacity: 0;
}

html[data-yd-rack="true"] body.yd-ui-ready #app,
html[data-yd-rack="true"] body.yd-ui-ready > div:first-of-type {
  opacity: 1;
  transition: opacity 150ms ease-out;
}

@keyframes yd-module-seat {
  from { opacity: .64; transform: translateY(8px); filter: contrast(.9); }
  to { opacity: 1; transform: translateY(0); filter: contrast(1); }
}

@media (min-width: 640px) {
  html[data-yd-rack="true"] #app,
  html[data-yd-rack="true"] body > div:first-of-type {
    border-right-width: 2px;
    border-left-width: 2px;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index {
    padding-right: 11px;
    padding-left: 11px;
  }
}

@media (max-width: 390px) {
  html[data-yd-rack="true"] .index-intro-card,
  html[data-yd-rack="true"] .index-news-card {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  html[data-yd-rack="true"] .index-intro-adv-cell {
    grid-template-columns: 25px 82px minmax(0, 1fr) 36px;
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  html[data-yd-rack="true"] .index-intro-adv-cell::after { width: 32px; }
  html[data-yd-rack="true"] .index-intro-adv-desc { font-size: 9px !important; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-yd-rack="true"] *,
  html[data-yd-rack="true"] *::before,
  html[data-yd-rack="true"] *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/*
 * V17 material rebuild — the customer-selected vector-field simulation console.
 * Real raster material is used for the chassis, drawers and hardware; business DOM stays untouched.
 */
@font-face {
  font-family: "YD Instrument";
  src: url("./fonts/SmileySans-Oblique.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

:root {
  --yd-material-black: url("./assets/powder-black.webp");
  --yd-material-silver: url("./assets/brushed-aluminum.webp");
  --yd-material-handle: url("./assets/rack-handle.webp");
}

html[data-yd-rack="true"] body,
html[data-yd-rack="true"] #app,
html[data-yd-rack="true"] body > div:first-of-type,
html[data-yd-rack="true"] body[data-yd-route="home"] .index,
html[data-yd-rack="true"] body[data-yd-route="category"] .productSort,
html[data-yd-rack="true"] body[data-yd-route="detail"] .detacon,
html[data-yd-rack="true"] body[data-yd-route="generic"] > div:first-of-type,
html[data-yd-rack="true"] body[data-yd-route="retrieve"],
html[data-yd-rack="true"] body[data-yd-route="retrieve"] > div:first-of-type,
html[data-yd-rack="true"] .register,
html[data-yd-rack="true"] .customer-service-page {
  background-color: #111315 !important;
  background-image: var(--yd-material-black) !important;
  background-size: 256px 256px !important;
  background-repeat: repeat !important;
}

html[data-yd-rack="true"] body::before,
html[data-yd-rack="true"] body::after,
html[data-yd-rack="true"] .van-nav-bar,
html[data-yd-rack="true"] .home_tit,
html[data-yd-rack="true"] .register .van-nav-bar,
html[data-yd-rack="true"] #footer,
html[data-yd-rack="true"] .index-top-logo,
html[data-yd-rack="true"] .index-home-banner-outer,
html[data-yd-rack="true"] .index-intro-card--adv,
html[data-yd-rack="true"] .productSort .home_tit,
html[data-yd-rack="true"] .productSort .home_tit_top > div,
html[data-yd-rack="true"] .productSort .van-tabs__nav,
html[data-yd-rack="true"] body[data-yd-route="detail"] .van-tabs__nav,
html[data-yd-rack="true"] .register .shading,
html[data-yd-rack="true"] .register .pictrue,
html[data-yd-rack="true"] body[data-yd-route="generic"] .router,
html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn .content,
html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn_list,
html[data-yd-rack="true"] body[data-yd-route="generic"] .level > div[style*="padding: 10px"],
html[data-yd-rack="true"] body[data-yd-route="generic"] .register_tit,
html[data-yd-rack="true"] body[data-yd-route="generic"] .jiangli_top,
html[data-yd-rack="true"] body[data-yd-route="user"] .contents,
html[data-yd-rack="true"] body[data-yd-route="user"] .userBox,
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_top,
html[data-yd-rack="true"] body[data-yd-route="user"] .user-balance-bar,
html[data-yd-rack="true"] body[data-yd-route="user"] .cell,
html[data-yd-rack="true"] .apply-exit-page,
html[data-yd-rack="true"] .apply-exit-body,
html[data-yd-rack="true"] .apply-exit-page .jiangli_top {
  background-color: #151719 !important;
  background-image: var(--yd-material-black) !important;
  background-size: 220px 220px !important;
  background-repeat: repeat !important;
}

html[data-yd-rack="true"] .index-intro-card:not(.index-intro-card--adv),
html[data-yd-rack="true"] .index-news-card,
html[data-yd-rack="true"] .index-intro-adv-cell,
html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_block,
html[data-yd-rack="true"] body[data-yd-route="detail"] .productSort_block,
html[data-yd-rack="true"] .register_block,
html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn_btn,
html[data-yd-rack="true"] body[data-yd-route="generic"] .level > div[style*="background: rgb(255, 255, 255)"],
html[data-yd-rack="true"] body[data-yd-route="generic"] .business_con_pic,
html[data-yd-rack="true"] body[data-yd-route="generic"] .business_con > div[style*="background: rgb(255, 255, 255)"],
html[data-yd-rack="true"] body[data-yd-route="generic"] .register_block > div[style*="background-color: rgb(255, 255, 255)"],
html[data-yd-rack="true"] body[data-yd-route="generic"] .jiangli_con_cnt,
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid,
html[data-yd-rack="true"] .apply-exit-page .tips,
html[data-yd-rack="true"] body[data-yd-route="generic"] .van-cell,
html[data-yd-rack="true"] .register .van-cell {
  background-color: #c7cac9 !important;
  background-image: var(--yd-material-silver) !important;
  background-size: 320px 320px !important;
  background-repeat: repeat !important;
}

html[data-yd-rack="true"] .van-nav-bar__title,
html[data-yd-rack="true"] .home_tit_top,
html[data-yd-rack="true"] .index-intro-heading,
html[data-yd-rack="true"] .index-news-title,
html[data-yd-rack="true"] .index-intro-adv-title,
html[data-yd-rack="true"] .productSort .van-tab,
html[data-yd-rack="true"] body[data-yd-route="detail"] .van-tab,
html[data-yd-rack="true"] .register .biaoti,
html[data-yd-rack="true"] .register_submit,
html[data-yd-rack="true"] .van-button,
html[data-yd-rack="true"] #footer .item,
html[data-yd-rack="true"] body[data-yd-route="user"] .user-balance-label,
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid_tit,
html[data-yd-rack="true"] body[data-yd-route="generic"] .register_tit p,
html[data-yd-rack="true"] body[data-yd-route="generic"] .jiangli_top p,
html[data-yd-rack="true"] .apply-exit-page .jiangli_top p {
  font-family: "YD Instrument", "Microsoft YaHei UI", "PingFang SC", sans-serif !important;
  font-weight: 400 !important;
}

html[data-yd-rack="true"] .van-button,
html[data-yd-rack="true"] .business_but,
html[data-yd-rack="true"] .register_submit {
  background-color: var(--yd-orange) !important;
  background-image: none !important;
  box-shadow: inset 0 1px rgba(255,255,255,.35), 0 3px 0 #6d2604 !important;
}

html[data-yd-rack="true"] .index-intro-card::after,
html[data-yd-rack="true"] .index-news-card::after,
html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_block::after,
html[data-yd-rack="true"] .register_block::after,
html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn_btn::after,
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid::after {
  width: 82px !important;
  height: 32px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: var(--yd-material-handle) !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}

html[data-yd-rack="true"] .index-intro-adv-cell::after {
  width: 48px !important;
  height: 19px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: var(--yd-material-handle) !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}

/* One coherent, highly legible line-icon family for the existing five footer actions. */
html[data-yd-rack="true"] #footer .item img,
html[data-yd-rack="true"] #footer .item .iconfont {
  display: block !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  margin: 4px auto 2px !important;
  overflow: hidden !important;
  background-color: #b8c0c2 !important;
  color: transparent !important;
  font-size: 0 !important;
  filter: none !important;
  object-position: 9999px 9999px !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  -webkit-mask-size: 22px 22px !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  mask-size: 22px 22px !important;
}

html[data-yd-rack="true"] #footer .item:nth-child(1) img,
html[data-yd-rack="true"] #footer .item:nth-child(1) .iconfont {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.5 12 4l9 7.5V21h-6v-6H9v6H3z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.5 12 4l9 7.5V21h-6v-6H9v6H3z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

html[data-yd-rack="true"] #footer .item:nth-child(2) img,
html[data-yd-rack="true"] #footer .item:nth-child(2) .iconfont {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='6' rx='7' ry='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M5 6v6c0 1.7 3.1 3 7 3s7-1.3 7-3V6M5 12v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='6' rx='7' ry='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M5 6v6c0 1.7 3.1 3 7 3s7-1.3 7-3V6M5 12v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E") !important;
}

html[data-yd-rack="true"] #footer .item:nth-child(3) img,
html[data-yd-rack="true"] #footer .item:nth-child(3) .iconfont {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13v-2a8 8 0 0 1 16 0v2M4 12h3v7H5a2 2 0 0 1-2-2v-3a2 2 0 0 1 1-2Zm16 0h-3v7h2a2 2 0 0 0 2-2v-3a2 2 0 0 0-1-2Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13v-2a8 8 0 0 1 16 0v2M4 12h3v7H5a2 2 0 0 1-2-2v-3a2 2 0 0 1 1-2Zm16 0h-3v7h2a2 2 0 0 0 2-2v-3a2 2 0 0 0-1-2Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

html[data-yd-rack="true"] #footer .item:nth-child(4) img,
html[data-yd-rack="true"] #footer .item:nth-child(4) .iconfont {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M4.5 21a7.5 7.5 0 0 1 15 0' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M4.5 21a7.5 7.5 0 0 1 15 0' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

html[data-yd-rack="true"] #footer .item:nth-child(5) img,
html[data-yd-rack="true"] #footer .item:nth-child(5) .iconfont {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H4v16h6M14 8l4 4-4 4M8 12h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H4v16h6M14 8l4 4-4 4M8 12h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

html[data-yd-rack="true"] #footer .item.on img,
html[data-yd-rack="true"] #footer .item.on .iconfont {
  background-color: var(--yd-orange) !important;
}

html[data-yd-rack="true"] #footer .item.on {
  background-color: rgba(255,118,34,.07) !important;
  background-image: none !important;
}

html[data-yd-rack="true"] #footer .item.on::after,
html[data-yd-rack="true"] .home_msg::before,
html[data-yd-rack="true"] .index-home-banner-outer .swiper-pagination-bullet-active,
html[data-yd-rack="true"] .index-home-banner-pagination [aria-current="true"] {
  box-shadow: none !important;
}

/* Short real-world viewport: keep the selected console's hierarchy visible above the hardware dock. */
@media (max-height: 700px) {
  html[data-yd-rack="true"] body[data-yd-route="home"] .index {
    padding: 5px 7px 16px !important;
  }

  html[data-yd-rack="true"] .index-top-logo {
    height: 50px !important;
    margin-bottom: 5px !important;
  }

  html[data-yd-rack="true"] .index-top-logo__img,
  html[data-yd-rack="true"] .index-top-logo img {
    height: 34px !important;
  }

  html[data-yd-rack="true"] .home_msg {
    min-height: 24px !important;
    margin: 0 6px 5px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    font-size: 10px !important;
    line-height: 16px !important;
  }

  html[data-yd-rack="true"] .index-home-banner-outer {
    margin-bottom: 6px !important;
    padding: 6px 6px 16px !important;
  }

  html[data-yd-rack="true"] .index-intro-card:not(.index-intro-card--adv) {
    margin: 6px 0 !important;
    padding: 12px 16px 17px !important;
  }

  html[data-yd-rack="true"] .index-intro-heading {
    margin-bottom: 6px !important;
    padding-bottom: 5px !important;
    font-size: 15px !important;
  }

  html[data-yd-rack="true"] .index-intro-text {
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  html[data-yd-rack="true"] .index-intro-card--adv {
    margin-top: 7px !important;
    padding-top: 8px !important;
  }

  html[data-yd-rack="true"] .index-intro-card--adv .index-intro-heading {
    margin-bottom: 8px !important;
    padding: 4px 10px !important;
  }
}

/* V19 — exact first-viewport alignment to the customer-pinned rack reference. */
html[data-yd-rack="true"] body[data-yd-route="home"] .index {
  display: flex !important;
  flex-direction: column !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index > * {
  order: 5;
  flex: 0 0 auto;
}

/* Vue keeps the logo and the live announcement inside one anonymous wrapper.
 * Flatten only that wrapper so the approved first-viewport order can be
 * expressed without moving, cloning, or deleting either data-bearing node. */
html[data-yd-rack="true"] body[data-yd-route="home"] .index > div:first-child {
  display: contents !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index > div:first-child > .index-top-logo { order: 1; }
html[data-yd-rack="true"] body[data-yd-route="home"] .index > .index-home-banner-outer { order: 2; }
html[data-yd-rack="true"] body[data-yd-route="home"] .index > .index-intro-wrap { order: 3; }
html[data-yd-rack="true"] body[data-yd-route="home"] .index > div:first-child > div:nth-child(2) { order: 4; }

html[data-yd-rack="true"] body[data-yd-route="home"] .index-top-logo__img,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-top-logo img {
  filter: grayscale(1) brightness(1.62) contrast(.92) !important;
}

/* The announcement remains live but follows the complete existing intro stack. */
html[data-yd-rack="true"] body[data-yd-route="home"] .home_msg {
  margin-top: 6px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner {
  overflow: visible !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-img {
  overflow: hidden;
  border-radius: 1px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner .swiper-pagination,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-pagination {
  bottom: -16px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-outer {
  padding-bottom: 24px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv) {
  margin-top: 6px !important;
  padding: 15px 21px 38px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv)::before {
  right: -9px;
  bottom: 14px;
  left: -9px;
  height: 20px;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv)::after {
  bottom: 2px !important;
  width: 92px !important;
  height: 36px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-heading {
  font-size: 16px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-text {
  font-size: 10.5px !important;
  line-height: 1.54 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv {
  position: relative;
  padding-top: 8px !important;
  overflow: hidden;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv::before {
  position: absolute;
  z-index: 0;
  top: 8px;
  right: 8px;
  left: 8px;
  height: 28px;
  border-top: 1px solid #050607;
  border-bottom: 1px solid #32383a;
  content: "";
  background-color: #090b0c;
  background-image:
    repeating-linear-gradient(90deg, transparent 0 6px, rgba(0,0,0,.86) 6px 10px, rgba(255,255,255,.045) 10px 11px),
    var(--yd-material-black);
  background-size: auto, 220px 220px;
  box-shadow: inset 0 2px 4px #000;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv .index-intro-heading {
  position: relative;
  z-index: 1;
  min-height: 30px;
  margin-bottom: 8px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-grid {
  position: relative;
  z-index: 1;
  gap: 3px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell {
  grid-template-columns: 98px minmax(0, 1fr) 42px !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 5px 6px 5px 12px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-icon {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  opacity: 0 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-title {
  margin: 0 8px 0 0 !important;
  font-size: 12px !important;
  text-align: center !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-desc {
  font-size: 8.5px !important;
  line-height: 1.3 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell::after {
  width: 39px !important;
  height: 15px !important;
}

html[data-yd-rack="true"] #footer .item.on {
  background-color: transparent !important;
}

@media (max-width: 390px) {
  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell {
    grid-template-columns: 93px minmax(0, 1fr) 39px !important;
    padding-left: 9px !important;
  }
}

@media (max-height: 700px) {
  html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-outer {
    padding-bottom: 20px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner .swiper-pagination,
  html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-pagination {
    bottom: -14px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv) {
    padding: 10px 17px 31px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-text {
    font-size: 9px !important;
    line-height: 1.36 !important;
  }
}

/* Reference alignment: outer frame, banner bay and drawer stack measurements. */
html[data-yd-rack="true"] body[data-yd-route="home"] .index {
  padding-right: 3px !important;
  padding-left: 3px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-outer {
  padding: 11px 14px 28px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner {
  height: 156px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv) {
  min-height: 184px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell {
  min-height: 40px !important;
  height: 40px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] #footer {
  height: calc(76px + env(safe-area-inset-bottom)) !important;
}

@media (max-height: 700px) {
  html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-outer {
    padding: 5px 5px 20px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner {
    height: auto !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv) {
    min-height: 0 !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] #footer {
    height: calc(var(--yd-footer-height) + env(safe-area-inset-bottom)) !important;
  }
}

/* Swiper supplies a competing top offset; release it so the dots sit on the
 * black equipment rail beneath the artwork, as in the selected reference. */
html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-outer .swiper-pagination,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-pagination {
  top: auto !important;
  bottom: -30px !important;
}

@media (max-height: 700px) {
  html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-outer .swiper-pagination,
  html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-pagination {
    bottom: -18px !important;
  }
}

/*
 * V18 selected-comp fidelity pass.
 * The homepage now follows the approved full-height module-rack proportions;
 * the original announcement stays live as a compact equipment status slot.
 */
html[data-yd-rack="true"] body[data-yd-route="home"] .index {
  padding: 4px 7px 10px !important;
  border-right: 1px solid #050607;
  border-left: 1px solid #050607;
  box-shadow: inset 5px 0 0 rgba(255,255,255,.025), inset -5px 0 0 rgba(0,0,0,.44);
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-top-logo {
  height: 59px !important;
  margin: 0 0 3px !important;
  border-color: #3f4548 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.07), inset 0 -2px #050607, 0 3px 0 #050607 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-top-logo__img,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-top-logo img {
  height: 39px !important;
  max-width: 50% !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .home_msg {
  min-height: 18px !important;
  height: 18px !important;
  margin: 0 8px 3px !important;
  padding: 0 18px 0 22px !important;
  border: 0 !important;
  border-top: 1px solid #343a3c !important;
  border-bottom: 1px solid #050607 !important;
  border-radius: 0 !important;
  background: #090b0c !important;
  color: #bfc5c7 !important;
  font-size: 9px !important;
  line-height: 16px !important;
  box-shadow: inset 0 1px #000 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .home_msg::before {
  left: 8px;
  width: 5px;
  height: 5px;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .home_msg::after,
html[data-yd-rack="true"] body[data-yd-route="home"] .home_msg_con::before,
html[data-yd-rack="true"] body[data-yd-route="home"] .home_msg_con::after {
  display: none !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .home_msg,
html[data-yd-rack="true"] body[data-yd-route="home"] .home_msg * {
  color: #bfc5c7 !important;
  line-height: 16px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .home_msg > img {
  width: 10px !important;
  height: 10px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-outer {
  margin: 0 0 4px !important;
  padding: 7px 7px 18px !important;
  border-color: #474d50 !important;
  box-shadow: inset 0 0 0 3px #080a0b, 0 3px 0 #030404 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-outer .swiper-pagination,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-pagination {
  bottom: 5px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap {
  margin: 0 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv) {
  min-height: 0 !important;
  margin: 5px 2px 7px !important;
  padding: 12px 20px 34px !important;
  border-color: #0a0c0d !important;
  box-shadow: inset 0 1px rgba(255,255,255,.82), inset 0 -1px rgba(0,0,0,.24), 0 0 0 4px #202426, 0 4px 0 #050606 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv)::before {
  position: absolute;
  right: -8px;
  bottom: 13px;
  left: -8px;
  height: 17px;
  border: 1px solid #111416;
  content: "";
  background-color: #25292b;
  background-image: var(--yd-material-silver);
  background-size: 260px 260px;
  box-shadow: inset 0 1px rgba(255,255,255,.54), 0 3px 0 #050607;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv)::after {
  bottom: 3px !important;
  z-index: 2;
  width: 88px !important;
  height: 34px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-heading {
  margin: 0 0 6px !important;
  padding: 0 0 5px !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-text {
  font-size: 10px !important;
  line-height: 1.46 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv {
  margin: 0 0 4px !important;
  padding: 6px 7px 5px !important;
  border-color: #34393c !important;
  box-shadow: inset 0 1px rgba(255,255,255,.06), 0 3px 0 #050607 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv .index-intro-heading {
  width: 140px;
  min-height: 29px;
  margin: 0 auto 6px !important;
  padding: 4px 10px !important;
  border-color: #111416 !important;
  font-size: 15px !important;
  line-height: 19px !important;
  box-shadow: inset 0 1px rgba(255,255,255,.78), 0 0 0 3px #343a3d, 0 3px 0 #050606 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-grid {
  gap: 3px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell {
  grid-template-columns: 22px 82px minmax(0, 1fr) 38px !important;
  min-height: 45px !important;
  height: 45px !important;
  padding: 4px 5px !important;
  border-color: #171a1b !important;
  box-shadow: inset 0 1px rgba(255,255,255,.74), inset 0 -1px rgba(0,0,0,.22), 0 2px 0 #050606 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-icon {
  width: 18px !important;
  height: 18px !important;
  font-size: 8px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-title {
  margin-right: 5px !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-desc {
  overflow: hidden;
  color: #333a3d !important;
  font-size: 8px !important;
  line-height: 1.28 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell::after {
  width: 36px !important;
  height: 14px !important;
}

@media (max-width: 390px) {
  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv) {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell {
    grid-template-columns: 20px 76px minmax(0, 1fr) 34px !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell::after {
    width: 32px !important;
  }
}

@media (max-height: 700px) {
  html[data-yd-rack="true"] body[data-yd-route="home"] .index-top-logo {
    height: 48px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-top-logo__img,
  html[data-yd-rack="true"] body[data-yd-route="home"] .index-top-logo img {
    height: 32px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .home_msg {
    min-height: 16px !important;
    height: 16px !important;
    line-height: 14px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .home_msg,
  html[data-yd-rack="true"] body[data-yd-route="home"] .home_msg * {
    line-height: 14px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-outer {
    padding: 5px 5px 15px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv) {
    margin: 4px 2px 6px !important;
    padding: 9px 16px 30px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-heading {
    margin-bottom: 4px !important;
    padding-bottom: 4px !important;
    font-size: 14px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-text {
    font-size: 9px !important;
    line-height: 1.34 !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv {
    margin-top: 0 !important;
    padding-top: 5px !important;
  }
}

/* V20 — final cascade: match the selected 390 × 850 rack composition. */
html[data-yd-rack="true"] body[data-yd-route="home"] .index {
  display: flex !important;
  flex-direction: column !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index > * {
  order: 5;
  flex: 0 0 auto;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index > div:first-child {
  display: contents !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index > div:first-child > .index-top-logo { order: 1; }
html[data-yd-rack="true"] body[data-yd-route="home"] .index > .index-home-banner-outer { order: 2; }
html[data-yd-rack="true"] body[data-yd-route="home"] .index > .index-intro-wrap { order: 3; }
html[data-yd-rack="true"] body[data-yd-route="home"] .index > div:first-child > div:nth-child(2) { order: 4; }

html[data-yd-rack="true"] body[data-yd-route="home"] .index-top-logo__img,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-top-logo img {
  filter: grayscale(1) brightness(1.62) contrast(.92) !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner {
  overflow: visible !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-img {
  height: 166px !important;
  overflow: hidden;
  border-radius: 1px !important;
  object-fit: cover;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner .swiper-pagination,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-pagination {
  bottom: -16px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-outer {
  padding-bottom: 24px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv) {
  min-height: 176px !important;
  margin-top: 6px !important;
  padding: 15px 21px 38px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv)::before {
  right: -9px;
  bottom: 14px;
  left: -9px;
  height: 20px;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv)::after {
  bottom: 2px !important;
  width: 92px !important;
  height: 36px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-heading {
  font-size: 16px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-text {
  font-size: 10.5px !important;
  line-height: 1.54 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv {
  position: relative;
  padding-top: 8px !important;
  overflow: hidden;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv::before {
  position: absolute;
  z-index: 0;
  top: 8px;
  right: 8px;
  left: 8px;
  height: 28px;
  border-top: 1px solid #050607;
  border-bottom: 1px solid #32383a;
  content: "";
  background-color: #090b0c;
  background-image:
    repeating-linear-gradient(90deg, transparent 0 6px, rgba(0,0,0,.86) 6px 10px, rgba(255,255,255,.045) 10px 11px),
    var(--yd-material-black);
  background-size: auto, 220px 220px;
  box-shadow: inset 0 2px 4px #000;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv .index-intro-heading {
  position: relative;
  z-index: 1;
  min-height: 30px;
  margin-bottom: 8px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-grid {
  position: relative;
  z-index: 1;
  gap: 3px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell {
  grid-template-columns: 93px minmax(0, 1fr) 39px !important;
  min-height: 43px !important;
  height: 43px !important;
  padding: 4px 6px 4px 9px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-icon {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  opacity: 0 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-title {
  margin: 0 8px 0 0 !important;
  font-size: 12px !important;
  text-align: center !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-desc {
  font-size: 8.5px !important;
  line-height: 1.3 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell::after {
  width: 39px !important;
  height: 15px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .home_msg {
  margin-top: 6px !important;
}

html[data-yd-rack="true"] #footer .item.on {
  background-color: transparent !important;
}

@media (max-height: 700px) {
  html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-img {
    height: auto !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-outer {
    padding-bottom: 20px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner .swiper-pagination,
  html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-pagination {
    bottom: -14px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv) {
    min-height: 0 !important;
    padding: 10px 17px 31px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-text {
    font-size: 9px !important;
    line-height: 1.36 !important;
  }
}

/* V22 — measured against the pinned customer screenshot at 390 × 850. */
html[data-yd-rack="true"] body[data-yd-route="home"] .index {
  padding-right: 3px !important;
  padding-left: 3px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-outer {
  padding: 12px 14px 28px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv) {
  min-height: 186px !important;
  margin-top: 3px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell {
  min-height: 40px !important;
  height: 40px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] #footer {
  height: calc(76px + env(safe-area-inset-bottom)) !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-outer .swiper-pagination,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-pagination {
  top: auto !important;
  bottom: -30px !important;
  transform: none !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-swiper {
  overflow: visible !important;
  clip-path: inset(-100px 0 -100px 0);
}

@media (max-height: 700px) {
  html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-outer {
    padding: 5px 5px 20px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv) {
    min-height: 0 !important;
    margin-top: 4px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] #footer {
    height: calc(var(--yd-footer-height) + env(safe-area-inset-bottom)) !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-outer .swiper-pagination,
  html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-pagination {
    bottom: -18px !important;
    transform: none !important;
  }
}

/* V27 — typography and hardware fidelity pass based on the pinned reference. */
:root {
  --yd-font-ui: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif;
}

html[data-yd-rack="true"] body,
html[data-yd-rack="true"] button,
html[data-yd-rack="true"] input,
html[data-yd-rack="true"] textarea,
html[data-yd-rack="true"] select {
  font-family: var(--yd-font-ui) !important;
  font-style: normal !important;
}

html[data-yd-rack="true"] .van-nav-bar__title,
html[data-yd-rack="true"] .home_tit_top,
html[data-yd-rack="true"] .index-intro-heading,
html[data-yd-rack="true"] .index-news-title,
html[data-yd-rack="true"] .index-intro-adv-title,
html[data-yd-rack="true"] .productSort .van-tab,
html[data-yd-rack="true"] body[data-yd-route="detail"] .van-tab,
html[data-yd-rack="true"] .register .biaoti,
html[data-yd-rack="true"] .register_submit,
html[data-yd-rack="true"] .van-button,
html[data-yd-rack="true"] #footer .item,
html[data-yd-rack="true"] body[data-yd-route="user"] .user-balance-label,
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid_tit,
html[data-yd-rack="true"] body[data-yd-route="generic"] .register_tit p,
html[data-yd-rack="true"] body[data-yd-route="generic"] .jiangli_top p,
html[data-yd-rack="true"] .apply-exit-page .jiangli_top p {
  font-family: var(--yd-font-ui) !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
}

html[data-yd-rack="true"] .van-nav-bar__title,
html[data-yd-rack="true"] .home_tit_top,
html[data-yd-rack="true"] .index-intro-heading,
html[data-yd-rack="true"] .index-news-title,
html[data-yd-rack="true"] .register .biaoti,
html[data-yd-rack="true"] body[data-yd-route="generic"] .register_tit p,
html[data-yd-rack="true"] body[data-yd-route="generic"] .jiangli_top p,
html[data-yd-rack="true"] .apply-exit-page .jiangli_top p {
  font-weight: 700 !important;
}

html[data-yd-rack="true"] .index-intro-adv-title,
html[data-yd-rack="true"] .productSort .van-tab,
html[data-yd-rack="true"] body[data-yd-route="detail"] .van-tab,
html[data-yd-rack="true"] #footer .item,
html[data-yd-rack="true"] body[data-yd-route="user"] .user-balance-label,
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid_tit {
  font-weight: 600 !important;
}

html[data-yd-rack="true"] .van-button,
html[data-yd-rack="true"] .business_but,
html[data-yd-rack="true"] .register_submit {
  font-family: var(--yd-font-ui) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
}

/* The approved carousel uses four equal indicator lamps, never an active pill. */
html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-outer .swiper-pagination-bullet,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-pagination button,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-outer .swiper-pagination-bullet-active,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-home-banner-pagination [aria-current="true"] {
  width: 7px !important;
  min-width: 7px !important;
  max-width: 7px !important;
  height: 7px !important;
  min-height: 7px !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

/* Restore the fasteners hidden when the silver material raster was introduced. */
html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv) {
  background-color: #c7cac9 !important;
  background-image:
    radial-gradient(circle, #f7f7f2 0 1px, #7a8082 1.1px 2.2px, #171a1b 2.3px 3.2px, transparent 3.3px),
    radial-gradient(circle, #f7f7f2 0 1px, #7a8082 1.1px 2.2px, #171a1b 2.3px 3.2px, transparent 3.3px),
    var(--yd-material-silver) !important;
  background-position: 7px 7px, calc(100% - 7px) 7px, 0 0 !important;
  background-size: 7px 7px, 7px 7px, 320px 320px !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card:not(.index-intro-card--adv)::before {
  background-color: #c7cac9 !important;
  background-image:
    radial-gradient(circle, #f7f7f2 0 1px, #73797b 1.1px 2.2px, #171a1b 2.3px 3.2px, transparent 3.3px),
    radial-gradient(circle, #f7f7f2 0 1px, #73797b 1.1px 2.2px, #171a1b 2.3px 3.2px, transparent 3.3px),
    var(--yd-material-silver) !important;
  background-position: 7px 50%, calc(100% - 7px) 50%, 0 0 !important;
  background-size: 7px 7px, 7px 7px, 260px 260px !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-heading,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-news-title {
  font-family: var(--yd-font-ui) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-heading::after,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-news-title::after {
  display: none !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-text {
  color: #171b1d !important;
  font-family: var(--yd-font-ui) !important;
  font-size: 10.5px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.54 !important;
  letter-spacing: 0 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv::before {
  right: 4px;
  left: 4px;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv .index-intro-heading {
  width: 154px !important;
  min-height: 31px !important;
  background-color: #c7cac9 !important;
  background-image:
    radial-gradient(circle, #f7f7f2 0 1px, #777d7f 1.1px 2.2px, #171a1b 2.3px 3.2px, transparent 3.3px),
    radial-gradient(circle, #f7f7f2 0 1px, #777d7f 1.1px 2.2px, #171a1b 2.3px 3.2px, transparent 3.3px),
    var(--yd-material-silver) !important;
  background-position: 9px 50%, calc(100% - 9px) 50%, 0 0 !important;
  background-size: 6px 6px, 6px 6px, 320px 320px !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
  font-family: var(--yd-font-ui) !important;
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 19px !important;
  letter-spacing: .02em !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-grid {
  gap: 2px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell {
  grid-template-columns: 96px minmax(0, 1fr) 41px !important;
  min-height: 41px !important;
  height: 41px !important;
  padding: 4px 6px 4px 10px !important;
  background-color: #c7cac9 !important;
  background-image:
    radial-gradient(circle, #f7f7f2 0 1px, #73797b 1.1px 2.2px, #171a1b 2.3px 3.2px, transparent 3.3px),
    var(--yd-material-silver) !important;
  background-position: 5px 50%, 0 0 !important;
  background-size: 6px 6px, 320px 320px !important;
  background-repeat: no-repeat, repeat !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-title {
  margin-right: 8px !important;
  font-family: var(--yd-font-ui) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-desc {
  display: block !important;
  overflow: visible !important;
  color: #303638 !important;
  font-family: var(--yd-font-ui) !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.32 !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell::after {
  width: 41px !important;
  height: 16px !important;
}

/* Keep complete product names visible and carry the corrected type to every route. */
html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_block .line-clamp1 {
  display: -webkit-box !important;
  min-height: 38px;
  overflow: hidden !important;
  font-family: var(--yd-font-ui) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_block,
html[data-yd-rack="true"] body[data-yd-route="detail"] .productSort_block,
html[data-yd-rack="true"] body[data-yd-route="detail"] .productSort_block_last,
html[data-yd-rack="true"] .register,
html[data-yd-rack="true"] .register_block,
html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn,
html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn_btn,
html[data-yd-rack="true"] body[data-yd-route="user"] .contents,
html[data-yd-rack="true"] body[data-yd-route="user"] .userBox,
html[data-yd-rack="true"] .customer-service-page,
html[data-yd-rack="true"] .apply-exit-page {
  font-family: var(--yd-font-ui) !important;
  font-style: normal !important;
}

html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_con_list .btn-tt,
html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_con_list button {
  min-width: 58px !important;
  min-height: 36px !important;
  border-radius: 2px !important;
  font-family: var(--yd-font-ui) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
}

@media (max-height: 700px) {
  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-text {
    font-size: 9.5px !important;
    line-height: 1.42 !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell {
    min-height: 40px !important;
    height: 40px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-desc {
    font-size: 8.5px !important;
    line-height: 1.28 !important;
  }
}

/* V38 — source-matched Song type and dimensional metal fasteners for the homepage company drawer. */
html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child {
  min-height: 170px !important;
  margin: 5px 4px 7px 12px !important;
  padding: 17px 24px 34px !important;
  overflow: visible !important;
  background-color: #c9c6c3 !important;
  background-image:
    url("./assets/rack-screw.svg"),
    url("./assets/rack-screw.svg"),
    linear-gradient(rgba(255,220,216,.24), rgba(246,215,207,.22)),
    var(--yd-material-silver) !important;
  background-position: 7px 7px, calc(100% - 7px) 7px, 0 0, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 100% 100%, 320px 320px !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.88),
    inset 0 -1px rgba(0,0,0,.24),
    -9px 0 0 #2a2e30,
    9px 0 0 #2a2e30,
    -11px 0 0 #050606,
    11px 0 0 #050606 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child .index-intro-heading {
  margin-bottom: 4px !important;
  padding-bottom: 4px !important;
  border-bottom: 0 !important;
  font-family: SimSun, "宋体", "Songti SC", STSong, serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 17px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child .index-intro-heading::after {
  position: absolute !important;
  top: 16px !important;
  right: 0 !important;
  bottom: auto !important;
  left: 65px !important;
  display: block !important;
  width: auto !important;
  height: 1px !important;
  content: "" !important;
  background: #747978 !important;
  transform: none !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child::before {
  right: -10px !important;
  bottom: 0 !important;
  left: -10px !important;
  height: 31px !important;
  border-color: #141617 !important;
  background-color: #aaa5a1 !important;
  background-image:
    url("./assets/rack-screw.svg"),
    url("./assets/rack-screw.svg"),
    linear-gradient(rgba(118,112,108,.42), rgba(122,116,112,.55)),
    var(--yd-material-silver) !important;
  background-position: 7px 50%, calc(100% - 7px) 50%, 0 0, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 100% 100%, 260px 260px !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat !important;
  box-shadow: inset 0 1px rgba(255,255,255,.64), inset 0 -1px rgba(0,0,0,.38), 0 2px 0 #050607 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child::after {
  bottom: 0 !important;
  right: calc(50% - 1px) !important;
  width: 110px !important;
  height: 27px !important;
  background-size: 100% 100% !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child .index-intro-text {
  position: relative;
  z-index: 2;
  color: #111416 !important;
  font-family: SimSun, "宋体", "Songti SC", STSong, serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  letter-spacing: -.3px !important;
  text-rendering: auto;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child .index-intro-text::before {
  position: absolute;
  z-index: 3;
  top: -57px;
  right: -26px;
  left: -26px;
  height: 19px;
  border: 1px solid #090a0a;
  content: "";
  background: linear-gradient(180deg, #25292b 0, #030404 62%, #0b0d0e 72%, #c6c5c1 88%, #f1efeb 100%);
  box-shadow: inset 0 2px #404548, inset 0 -1px #ffffff, 0 2px 0 #050606;
  clip-path: polygon(3% 0, 97% 0, 100% 100%, 0 100%);
  pointer-events: none;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child .index-intro-text::after {
  position: absolute;
  z-index: 4;
  top: -40px;
  right: -35px;
  bottom: -52px;
  left: -35px;
  content: "";
  background:
    linear-gradient(100deg, #050606 0 38%, #8a8d8c 39% 48%, #202426 49% 100%) left / 10px 100% no-repeat,
    linear-gradient(80deg, #202426 0 51%, #8a8d8c 52% 61%, #050606 62% 100%) right / 10px 100% no-repeat;
  pointer-events: none;
}

/* V39 — one authored fastener family across the complete frontend. */
html[data-yd-rack="true"] {
  --yd-hardware-screw: url("./assets/rack-screw.svg");
}

html[data-yd-rack="true"] .van-nav-bar::before,
html[data-yd-rack="true"] .van-nav-bar::after,
html[data-yd-rack="true"] .home_tit::before,
html[data-yd-rack="true"] .home_tit::after {
  width: 9px !important;
  height: 9px !important;
  border: 0 !important;
  background: var(--yd-hardware-screw) center / 9px 9px no-repeat !important;
  box-shadow: none !important;
}

html[data-yd-rack="true"] #footer::before,
html[data-yd-rack="true"] #footer::after {
  top: 8px !important;
  bottom: 8px !important;
  width: 9px !important;
  height: auto !important;
  border: 0 !important;
  background-color: transparent !important;
  background-image: var(--yd-hardware-screw), var(--yd-hardware-screw) !important;
  background-position: center top, center bottom !important;
  background-size: 9px 9px, 9px 9px !important;
  background-repeat: no-repeat, no-repeat !important;
  box-shadow: none !important;
  pointer-events: none;
}

html[data-yd-rack="true"] .index-top-logo {
  background-color: #111416 !important;
  background-image:
    var(--yd-hardware-screw), var(--yd-hardware-screw),
    var(--yd-hardware-screw), var(--yd-hardware-screw),
    linear-gradient(180deg, #262a2c 0, #171a1c 48%, #0d1011 52%, #1b1f21 100%) !important;
  background-position:
    5px 5px, calc(100% - 5px) 5px,
    5px calc(100% - 5px), calc(100% - 5px) calc(100% - 5px),
    0 0 !important;
  background-size: 9px 9px, 9px 9px, 9px 9px, 9px 9px, 100% 100% !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
}

html[data-yd-rack="true"] .index-home-banner-outer {
  background-color: #101315 !important;
  background-image:
    var(--yd-hardware-screw), var(--yd-hardware-screw),
    linear-gradient(180deg, #1d2123, #090b0c) !important;
  background-position: 3px 3px, calc(100% - 3px) 3px, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 100% 100% !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
}

/* V41 — locked 378x515 source-frame parity for the company and advantage rack. */
html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child {
  margin: 13px 6px -1px 14px !important;
  padding: 15px 21px 34px !important;
  background-image:
    var(--yd-hardware-screw), var(--yd-hardware-screw),
    linear-gradient(rgba(255,245,242,.30), rgba(252,240,236,.28)),
    var(--yd-material-silver) !important;
  background-position: 1px 7px, calc(100% - 3px) 7px, 0 0, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 100% 100%, 320px 320px !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child .index-intro-text {
  color: #222426 !important;
  font-family: SimSun, "宋体", "Songti SC", STSong, serif !important;
  font-size: 10.5px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  letter-spacing: 0 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child .index-intro-text::before {
  top: -64px !important;
  right: -34px !important;
  left: -34px !important;
  height: 20px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child .index-intro-text::after {
  top: -44px !important;
  right: -30px !important;
  left: -35px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child::before {
  right: -9px !important;
  left: -18px !important;
  background-image:
    var(--yd-hardware-screw), var(--yd-hardware-screw),
    linear-gradient(rgba(185,180,176,.44), rgba(178,173,169,.52)),
    var(--yd-material-silver) !important;
  background-position: 1px 50%, 100% 50%, 0 0, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 100% 100%, 260px 260px !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child::after {
  right: calc(50% + 1px) !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv {
  margin: 0 -4px 4px !important;
  padding: 11px 9px 5px 13px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv::before {
  right: -1px !important;
  left: -1px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv .index-intro-heading {
  left: 1px !important;
  width: 164px !important;
  min-height: 31px !important;
  background-image:
    var(--yd-hardware-screw), var(--yd-hardware-screw),
    linear-gradient(rgba(255,238,232,.18), rgba(255,244,240,.14)),
    var(--yd-material-silver) !important;
  background-position: 2px 50%, calc(100% - 2px) 50%, 0 0, 0 0 !important;
  background-size: 8px 8px, 8px 8px, 100% 100%, 320px 320px !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat !important;
  font-family: SimSun, "宋体", "Songti SC", STSong, serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 19px !important;
  letter-spacing: 2px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-grid {
  gap: 2px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell {
  grid-template-columns: 94px minmax(0, 1fr) 41px !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 4px 6px 4px 10px !important;
  background-image:
    var(--yd-hardware-screw),
    linear-gradient(rgba(255,238,232,.25), rgba(255,244,240,.22)),
    var(--yd-material-silver) !important;
  background-position: 0 50%, 0 0, 0 0 !important;
  background-size: 8px 8px, 100% 100%, 320px 320px !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-title {
  display: flex !important;
  align-items: center;
  justify-content: center;
  align-self: center;
  height: 34px;
  margin-right: 8px !important;
  padding-left: 6px;
  border-right: 1px solid rgba(48,52,53,.48);
  color: #15191b !important;
  font-family: SimSun, "宋体", "Songti SC", STSong, serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  letter-spacing: 0 !important;
  box-sizing: border-box;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-desc {
  color: #303638 !important;
  font-family: SimSun, "宋体", "Songti SC", STSong, serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 12px !important;
  letter-spacing: 0 !important;
}

html[data-yd-rack="true"] .index-news-card {
  background-color: #c7cac9 !important;
  background-image:
    var(--yd-hardware-screw), var(--yd-hardware-screw),
    var(--yd-material-silver) !important;
  background-position: 4px 4px, calc(100% - 4px) 4px, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 320px 320px !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv .index-intro-heading,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell {
  background-image: var(--yd-hardware-screw), var(--yd-hardware-screw), var(--yd-material-silver) !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv .index-intro-heading {
  background-position: 9px 50%, calc(100% - 9px) 50%, 0 0 !important;
  background-size: 8px 8px, 8px 8px, 320px 320px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell {
  background-image: var(--yd-hardware-screw), var(--yd-material-silver) !important;
  background-position: 5px 50%, 0 0 !important;
  background-size: 8px 8px, 320px 320px !important;
  background-repeat: no-repeat, repeat !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-desc {
  color: #171b1d !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 11px !important;
  letter-spacing: -.18px !important;
  text-rendering: auto;
}

html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_con_list,
html[data-yd-rack="true"] body[data-yd-route="user"] .userBox,
html[data-yd-rack="true"] .register .shading {
  background-color: #101315 !important;
  background-image:
    var(--yd-hardware-screw), var(--yd-hardware-screw),
    linear-gradient(180deg, #202426, #090b0c) !important;
  background-position: 3px 3px, calc(100% - 3px) 3px, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 100% 100% !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
}

html[data-yd-rack="true"] .detacon_quxian,
html[data-yd-rack="true"] body[data-yd-route="detail"] .productSort_block {
  background-color: #c7cac9 !important;
  background-image: var(--yd-hardware-screw), linear-gradient(180deg, #efefea, #d4d6d3 55%, #bdc0be) !important;
  background-position: 3px 3px, 0 0 !important;
  background-size: 9px 9px, 100% 100% !important;
  background-repeat: no-repeat, no-repeat !important;
}

html[data-yd-rack="true"] .register .pictrue {
  background-color: #101315 !important;
  background-image: var(--yd-hardware-screw), linear-gradient(180deg, #212527, #090b0c) !important;
  background-position: 3px 3px, 0 0 !important;
  background-size: 9px 9px, 100% 100% !important;
  background-repeat: no-repeat, no-repeat !important;
}

html[data-yd-rack="true"] body[data-yd-route="category"] .productSort_block,
html[data-yd-rack="true"] .register_block,
html[data-yd-rack="true"] body[data-yd-route="generic"] .signIn_btn,
html[data-yd-rack="true"] body[data-yd-route="generic"] .business_con > div[style*="background: rgb(255, 255, 255)"],
html[data-yd-rack="true"] body[data-yd-route="generic"] .business_con_pic,
html[data-yd-rack="true"] body[data-yd-route="generic"] .jiangli_con_cnt,
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid {
  background-color: #c7cac9 !important;
  background-image:
    var(--yd-hardware-screw), var(--yd-hardware-screw),
    linear-gradient(180deg, #efefea, #d4d6d3 56%, #bdc0be) !important;
  background-position: 3px 3px, calc(100% - 3px) 3px, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 100% 100% !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
}

/* V42 — final source lock; deliberately last so global hardware rules cannot override it. */
html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child {
  padding-right: 23px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child::before {
  background-image:
    var(--yd-hardware-screw), var(--yd-hardware-screw),
    linear-gradient(rgba(120,115,112,.52), rgba(116,111,108,.56)),
    var(--yd-material-silver) !important;
  background-position: 1px 50%, 100% 50%, 0 0, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 100% 100%, 260px 260px !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv .index-intro-heading {
  background-image:
    var(--yd-hardware-screw), var(--yd-hardware-screw),
    linear-gradient(rgba(230,187,167,.18), rgba(225,190,174,.16)),
    var(--yd-material-silver) !important;
  background-position: 2px 50%, calc(100% - 2px) 50%, 0 0, 0 0 !important;
  background-size: 8px 8px, 8px 8px, 100% 100%, 320px 320px !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat !important;
  font-size: 15px !important;
  letter-spacing: 1px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell {
  background-image:
    var(--yd-hardware-screw),
    linear-gradient(rgba(245,220,210,.38), rgba(245,225,215,.35)),
    var(--yd-material-silver) !important;
  background-position: 0 50%, 0 0, 0 0 !important;
  background-size: 8px 8px, 100% 100%, 320px 320px !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-title {
  padding-left: 14px !important;
  font-family: SimSun, "宋体", "Songti SC", STSong, serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-desc {
  padding-right: 5px;
  padding-left: 3px;
  color: #303638 !important;
  font-family: SimSun, "宋体", "Songti SC", STSong, serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 12px !important;
  letter-spacing: 0 !important;
  box-sizing: border-box;
}

/* V43 — typographic and hardware micro-lock against the approved 378x515 crop. */
html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child::before {
  height: 28px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child .index-intro-text {
  font-size: 10px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv .index-intro-heading {
  top: 4px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-desc {
  font-size: 9px !important;
  line-height: 11px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child .index-intro-text {
  font-size: 10.5px !important;
}

/* V49 — route-aware form hardening and complete mobile safe-area pass. */
html[data-yd-rack="true"] #app *::before,
html[data-yd-rack="true"] #app *::after {
  pointer-events: none;
}

html[data-yd-rack="true"] #app input,
html[data-yd-rack="true"] #app textarea,
html[data-yd-rack="true"] #app select,
html[data-yd-rack="true"] body .app input,
html[data-yd-rack="true"] body .app textarea,
html[data-yd-rack="true"] body .app select {
  min-width: 0;
  max-width: 100%;
  font-family: "Microsoft YaHei UI", "PingFang SC", "Noto Sans CJK SC", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  caret-color: var(--yd-orange) !important;
  scroll-margin-top: 68px;
  scroll-margin-bottom: calc(var(--yd-footer-height) + 24px);
}

html[data-yd-rack="true"] #app input::placeholder,
html[data-yd-rack="true"] #app textarea::placeholder,
html[data-yd-rack="true"] body .app input::placeholder,
html[data-yd-rack="true"] body .app textarea::placeholder {
  color: #97a1a5 !important;
  opacity: 1;
}

html[data-yd-rack="true"] #app .van-field,
html[data-yd-rack="true"] #app .van-field__value,
html[data-yd-rack="true"] #app .van-field__body,
html[data-yd-rack="true"] #app .van-field__control,
html[data-yd-rack="true"] body .app .van-field,
html[data-yd-rack="true"] body .app .van-field__value,
html[data-yd-rack="true"] body .app .van-field__body,
html[data-yd-rack="true"] body .app .van-field__control {
  min-width: 0;
}

html[data-yd-rack="true"] #app .van-cell:focus-within,
html[data-yd-rack="true"] body .app .van-cell:focus-within {
  outline: 2px solid var(--yd-orange) !important;
  outline-offset: 2px;
  box-shadow: inset 0 0 0 1px rgba(255, 118, 34, .42), inset 0 2px 8px rgba(0, 0, 0, .72) !important;
}

html[data-yd-rack="true"] #app input:focus-visible,
html[data-yd-rack="true"] #app textarea:focus-visible,
html[data-yd-rack="true"] body .app input:focus-visible,
html[data-yd-rack="true"] body .app textarea:focus-visible {
  outline: 2px solid var(--yd-orange) !important;
  outline-offset: 1px;
}

html[data-yd-rack="true"] body[data-yd-page="memmber_business"] .router,
html[data-yd-rack="true"] body[data-yd-page="modifypassword"] .router,
html[data-yd-rack="true"] body[data-yd-page="czcontent"] .router,
html[data-yd-rack="true"] body[data-yd-page="bank_add"] .router,
html[data-yd-rack="true"] body[data-yd-page="addusdt"] .router,
html[data-yd-rack="true"] body[data-yd-page="txcash"] .router,
html[data-yd-rack="true"] body[data-yd-page="rlbout"] .router,
html[data-yd-rack="true"] body[data-yd-page="apply-exit"] .router {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-height: 100% !important;
  padding-bottom: calc(var(--yd-footer-height) + 28px) !important;
  overflow: visible !important;
  background: transparent !important;
  scroll-padding-bottom: calc(var(--yd-footer-height) + 24px);
}

/* Real-name drawer: labels remain outside a clearly focusable recessed field. */
html[data-yd-rack="true"] body[data-yd-page="memmber_business"] .business_con {
  min-height: calc(100vh - 56px);
  padding: 12px 13px calc(var(--yd-footer-height) + 34px) !important;
}

html[data-yd-rack="true"] body[data-yd-page="memmber_business"] .business_con_txt {
  margin: 0 0 14px !important;
  padding: 14px 16px !important;
  border: 1px solid #090a0b !important;
  border-radius: 1px !important;
  background-image: var(--yd-hardware-screw), var(--yd-hardware-screw), var(--yd-material-silver) !important;
  background-position: 4px 4px, calc(100% - 4px) 4px, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 320px 320px !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
  color: #171c1e !important;
  box-shadow: inset 0 1px rgba(255,255,255,.85), 0 0 0 4px #252a2c, 0 6px 0 #040505 !important;
}

html[data-yd-rack="true"] body[data-yd-page="memmber_business"] .business_con_pic {
  margin: 0 !important;
  padding: 17px 16px 20px !important;
}

html[data-yd-rack="true"] body[data-yd-page="memmber_business"] .business .form .item {
  margin: 0 0 14px !important;
}

html[data-yd-rack="true"] body[data-yd-page="memmber_business"] .business .form .label {
  margin: 0 0 7px !important;
  color: #1a2022 !important;
  font-size: 15px !important;
  line-height: 22px !important;
}

html[data-yd-rack="true"] body[data-yd-page="memmber_business"] .business .van-cell {
  min-height: 50px;
  padding: 0 13px !important;
  border: 1px solid #292f31 !important;
  border-radius: 1px !important;
  background: #111517 !important;
  box-shadow: inset 0 2px 8px rgba(0,0,0,.72), 0 1px rgba(255,255,255,.7) !important;
}

html[data-yd-rack="true"] body[data-yd-page="memmber_business"] .business .van-field__control {
  min-height: 48px;
  color: #f0f2f1 !important;
}

html[data-yd-rack="true"] body[data-yd-page="memmber_business"] .business_but {
  min-height: 48px;
  margin-top: 18px !important;
}

html[data-yd-rack="true"] body[data-yd-page="memmber_business"] .business_con > div[style*="background: rgb(255, 255, 255)"] > div[style*="width: 80%"] {
  border-radius: 0 !important;
  background: transparent !important;
  color: #171c1e !important;
}

html[data-yd-rack="true"] body[data-yd-page="memmber_business"] .business_con > div[style*="background: rgb(255, 255, 255)"] > div[style*="width: 80%"] * {
  color: #171c1e !important;
}

/* Password page: reserve real space for the hardware handle and the fixed dock. */
html[data-yd-rack="true"] body[data-yd-page="modifypassword"] .modify-password {
  padding-bottom: calc(var(--yd-footer-height) + 34px) !important;
}

html[data-yd-rack="true"] body[data-yd-page="modifypassword"] .section-block {
  margin: 14px 10px 20px !important;
  padding: 18px 18px 34px !important;
}

html[data-yd-rack="true"] body[data-yd-page="modifypassword"] .section-title {
  margin: 0 0 12px !important;
  color: #151a1c !important;
  font-size: 17px !important;
  line-height: 24px !important;
}

html[data-yd-rack="true"] body[data-yd-page="modifypassword"] .register_block_list {
  min-height: 50px;
  margin-bottom: 10px !important;
}

html[data-yd-rack="true"] body[data-yd-page="modifypassword"] .register_block_list input {
  width: 100%;
  min-height: 48px;
  color: #f0f2f1 !important;
}

html[data-yd-rack="true"] body[data-yd-page="modifypassword"] .register_submit {
  min-height: 48px;
  margin: 15px 0 0 !important;
}

/* Recharge: remove the old rounded white cards and constrain the numeric field. */
html[data-yd-rack="true"] body[data-yd-page="czcontent"] .register_block {
  margin: 12px 10px 22px !important;
  padding: 14px 14px 32px !important;
  background-image: var(--yd-hardware-screw), var(--yd-hardware-screw), linear-gradient(180deg, #202426, #090b0c) !important;
  background-position: 4px 4px, calc(100% - 4px) 4px, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 100% 100% !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  color: #e9eceb !important;
}

html[data-yd-rack="true"] body[data-yd-page="czcontent"] .register_block > div[style*="background: rgb(255, 255, 255)"],
html[data-yd-rack="true"] body[data-yd-page="czcontent"] .register_block > div[style*="background-color: rgb(255, 255, 255)"] {
  margin-top: 10px !important;
  padding: 10px 13px !important;
  border: 1px solid #090a0b !important;
  border-radius: 1px !important;
  background-image: var(--yd-material-silver) !important;
  background-repeat: repeat !important;
  color: #171c1e !important;
  box-shadow: inset 0 1px rgba(255,255,255,.82), 0 0 0 3px #252a2c, 0 5px 0 #040505 !important;
}

html[data-yd-rack="true"] body[data-yd-page="czcontent"] .register_block > div:first-child > div {
  min-height: 44px !important;
}

html[data-yd-rack="true"] body[data-yd-page="czcontent"] .register_block p,
html[data-yd-rack="true"] body[data-yd-page="czcontent"] .register_block span,
html[data-yd-rack="true"] body[data-yd-page="czcontent"] .register_block div[style*="font-size: 17px"] {
  color: #1c2325 !important;
}

html[data-yd-rack="true"] body[data-yd-page="czcontent"] .register_block div[style*="line-height: 80px"] {
  min-height: 58px !important;
  line-height: 58px !important;
}

html[data-yd-rack="true"] body[data-yd-page="czcontent"] .register_block input {
  width: 100% !important;
  min-height: 46px;
  padding: 0 11px !important;
  border: 1px solid #292f31 !important;
  border-radius: 1px !important;
  background: #111517 !important;
  color: #f0f2f1 !important;
  box-shadow: inset 0 2px 8px rgba(0,0,0,.72) !important;
}

html[data-yd-rack="true"] body[data-yd-page="czcontent"] .register_block input[type="number"] {
  height: 54px !important;
  font-size: 18px !important;
  line-height: 54px !important;
}

html[data-yd-rack="true"] body[data-yd-page="czcontent"] .register_submit {
  min-height: 48px;
  margin: 17px 0 5px !important;
  border-radius: 2px !important;
}

html[data-yd-rack="true"] body[data-yd-page="czcontent"] .register_block > div:nth-child(3) > div:last-child {
  margin-top: 8px !important;
  padding: 0 !important;
  border-top: 1px solid rgba(16,20,22,.25) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* Bound-card index: real count and actions remain unchanged inside one metal drawer. */
html[data-yd-rack="true"] body[data-yd-page="bank"] .level {
  min-height: 100%;
  padding-bottom: calc(var(--yd-footer-height) + 28px) !important;
}

html[data-yd-rack="true"] body[data-yd-page="bank"] .level_con {
  position: relative;
  margin: 14px 11px 24px !important;
  padding: 18px 16px 22px !important;
  border: 1px solid #090a0b !important;
  border-radius: 1px !important;
  background-image: var(--yd-hardware-screw), var(--yd-hardware-screw), var(--yd-material-silver) !important;
  background-position: 4px 4px, calc(100% - 4px) 4px, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 320px 320px !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
  color: #171c1e !important;
  box-shadow: inset 0 1px rgba(255,255,255,.85), 0 0 0 4px #252a2c, 0 6px 0 #040505 !important;
}

html[data-yd-rack="true"] body[data-yd-page="bank"] .level_con > div:first-child,
html[data-yd-rack="true"] body[data-yd-page="bank"] .level_con > div:first-child * {
  color: #171c1e !important;
}

html[data-yd-rack="true"] body[data-yd-page="bank"] .level_con > div:first-child > div:first-child {
  font-size: 18px !important;
  line-height: 26px !important;
}

html[data-yd-rack="true"] body[data-yd-page="bank"] .level_con > div:first-child > div:last-child {
  color: #535d60 !important;
  font-size: 14px !important;
  line-height: 22px !important;
}

html[data-yd-rack="true"] body[data-yd-page="bank"] .level_con > div[style*="display: flex"] {
  gap: 10px;
  align-items: stretch !important;
  margin-top: 15px;
}

html[data-yd-rack="true"] body[data-yd-page="bank"] .level_con > div[style*="display: flex"] > div {
  display: flex;
  flex: 1 1 0 !important;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 48px;
  margin: 0 !important;
  border: 1px solid #060707 !important;
  border-radius: 2px !important;
  background: linear-gradient(180deg, #ff8e48 0, var(--yd-orange) 48%, #d7500f 52%, #bd430a 100%) !important;
  color: #14100d !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  box-shadow: inset 0 1px rgba(255,255,255,.38), 0 3px 0 #541a02 !important;
}

html[data-yd-rack="true"] body[data-yd-page="bank"] .level_con > div[style*="display: flex"] > div:last-child {
  border-color: #343a3d !important;
  background: linear-gradient(180deg, #222729, #0c0f11) !important;
  color: #f0f2f1 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.1), 0 3px 0 #030404 !important;
}

/* Bank and USDT editors: stop fixed labels from squeezing the actual field. */
html[data-yd-rack="true"] body[data-yd-page="bank_add"] .level,
html[data-yd-rack="true"] body[data-yd-page="addusdt"] .level {
  padding-bottom: calc(var(--yd-footer-height) + 24px) !important;
}

html[data-yd-rack="true"] body[data-yd-page="bank_add"] .level > div[style*="background: rgb(255, 255, 255)"],
html[data-yd-rack="true"] body[data-yd-page="addusdt"] .level > div[style*="background: rgb(255, 255, 255)"] {
  margin: 12px 10px 20px !important;
  padding: 8px 14px 10px !important;
}

html[data-yd-rack="true"] body[data-yd-page="bank_add"] .level > div[style*="background: rgb(255, 255, 255)"] > div,
html[data-yd-rack="true"] body[data-yd-page="addusdt"] .level > div[style*="background: rgb(255, 255, 255)"] > div {
  min-height: 58px !important;
  padding: 5px 0 !important;
  border-bottom: 1px solid rgba(16,20,22,.25) !important;
}

html[data-yd-rack="true"] body[data-yd-page="bank_add"] .level span[style*="width: 120px"],
html[data-yd-rack="true"] body[data-yd-page="addusdt"] .level span[style*="width: 120px"] {
  flex: 0 0 92px !important;
  width: 92px !important;
  margin-right: 10px !important;
  color: #161c1e !important;
  font-size: 15px !important;
  line-height: 21px !important;
}

html[data-yd-rack="true"] body[data-yd-page="bank_add"] .level .van-cell,
html[data-yd-rack="true"] body[data-yd-page="addusdt"] .level .van-cell {
  flex: 1 1 auto;
  min-height: 48px;
  padding: 0 12px !important;
  border: 1px solid #292f31 !important;
  background: #111517 !important;
}

html[data-yd-rack="true"] body[data-yd-page="bank_add"] .level .van-field__control,
html[data-yd-rack="true"] body[data-yd-page="addusdt"] .level .van-field__control {
  min-height: 46px;
  color: #f0f2f1 !important;
}

html[data-yd-rack="true"] body[data-yd-page="bank_add"] .level > div[style*="justify-content: center"],
html[data-yd-rack="true"] body[data-yd-page="addusdt"] .level > div[style*="justify-content: center"] {
  padding: 12px 20px 24px !important;
}

html[data-yd-rack="true"] body[data-yd-page="bank_add"] .level .register_submit,
html[data-yd-rack="true"] body[data-yd-page="addusdt"] .level .register_submit {
  min-height: 48px;
  margin: 0 !important;
}

/* Withdrawal keeps every original option and value, but uses the same drawer language. */
html[data-yd-rack="true"] body[data-yd-page="txcash"] .tixian_block {
  width: auto !important;
  margin: 14px 12px 24px !important;
  padding: 14px 16px 18px !important;
  border: 1px solid #090a0b !important;
  border-radius: 1px !important;
  background-image: var(--yd-hardware-screw), var(--yd-hardware-screw), var(--yd-material-silver) !important;
  background-position: 4px 4px, calc(100% - 4px) 4px, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 320px 320px !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
  color: #171c1e !important;
  box-shadow: inset 0 1px rgba(255,255,255,.85), 0 0 0 4px #252a2c, 0 6px 0 #040505 !important;
}

html[data-yd-rack="true"] body[data-yd-page="txcash"] .tixian {
  height: 56px !important;
  min-height: 56px !important;
  background: transparent !important;
}

html[data-yd-rack="true"] body[data-yd-page="txcash"] .tixian_block_card,
html[data-yd-rack="true"] body[data-yd-page="txcash"] .tixian_block_card-flex {
  min-height: 48px !important;
  color: #1d2426 !important;
}

html[data-yd-rack="true"] body[data-yd-page="txcash"] .tixian_shuru {
  min-height: 54px !important;
  margin: 7px 0 10px !important;
  padding: 0 11px !important;
  border: 1px solid #292f31 !important;
  background: #111517 !important;
  color: #f0f2f1 !important;
  box-shadow: inset 0 2px 8px rgba(0,0,0,.72) !important;
}

html[data-yd-rack="true"] body[data-yd-page="txcash"] .tixian_input {
  min-height: 52px;
  background: transparent !important;
  color: #f0f2f1 !important;
}

html[data-yd-rack="true"] body[data-yd-page="txcash"] .tixian_trip {
  color: #50595c !important;
  font-size: 14px !important;
  line-height: 21px !important;
}

html[data-yd-rack="true"] body[data-yd-page="txcash"] .tixian_buts {
  width: auto !important;
  min-height: 48px;
  margin: 18px 16px !important;
  border: 1px solid #060707 !important;
  border-radius: 2px !important;
  background: linear-gradient(180deg, #ff8e48 0, var(--yd-orange) 48%, #d7500f 52%, #bd430a 100%) !important;
  color: #14100d !important;
  font-weight: 800 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.38), 0 3px 0 #541a02 !important;
}

/* Exit request: each editable region has an explicit boundary and enough scroll room. */
html[data-yd-rack="true"] body[data-yd-page="apply-exit"] .apply-exit-body {
  padding: 13px 14px calc(var(--yd-footer-height) + 34px) !important;
}

html[data-yd-rack="true"] body[data-yd-page="apply-exit"] .apply-exit-page .van-cell {
  min-height: 54px;
  padding: 8px 12px !important;
  border: 1px solid #303638 !important;
  border-bottom-color: #596164 !important;
}

html[data-yd-rack="true"] body[data-yd-page="apply-exit"] .apply-exit-page .van-field__label {
  flex: 0 0 94px;
  width: 94px;
  color: #aeb6b8 !important;
  font-size: 15px !important;
}

html[data-yd-rack="true"] body[data-yd-page="apply-exit"] .apply-exit-page textarea {
  min-height: 116px;
  resize: vertical;
  color: #f0f2f1 !important;
}

html[data-yd-rack="true"] body[data-yd-page="apply-exit"] .apply-exit-page .btn-wrap {
  padding: 14px 16px 18px !important;
}

html[data-yd-rack="true"] body[data-yd-page="apply-exit"] .apply-exit-page .submit-btn,
html[data-yd-rack="true"] body[data-yd-page="apply-exit"] .apply-exit-page .kf-btn {
  min-height: 48px;
  border-radius: 2px !important;
}

/* Balance transfer: replace the stray white sheet and pill with a proper drawer and action. */
html[data-yd-rack="true"] body[data-yd-page="rlbout"] .rlbaddbox {
  margin: 14px 10px 22px !important;
  padding: 18px 16px 22px !important;
  border: 1px solid #090a0b !important;
  border-radius: 1px !important;
  background-image: var(--yd-hardware-screw), var(--yd-hardware-screw), var(--yd-material-silver) !important;
  background-position: 4px 4px, calc(100% - 4px) 4px, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 320px 320px !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
  color: #171c1e !important;
  box-shadow: inset 0 1px rgba(255,255,255,.85), 0 0 0 4px #252a2c, 0 6px 0 #040505 !important;
}

html[data-yd-rack="true"] body[data-yd-page="rlbout"] .rlbaddtitle {
  color: #171c1e !important;
  font-size: 16px !important;
}

html[data-yd-rack="true"] body[data-yd-page="rlbout"] .rlbinpbox {
  min-height: 58px;
  margin-top: 13px !important;
  padding: 0 13px !important;
  border: 1px solid #292f31 !important;
  background: #111517 !important;
  box-shadow: inset 0 2px 8px rgba(0,0,0,.72) !important;
}

html[data-yd-rack="true"] body[data-yd-page="rlbout"] .rlbrmb,
html[data-yd-rack="true"] body[data-yd-page="rlbout"] .rlbinpbox input {
  color: #f0f2f1 !important;
}

html[data-yd-rack="true"] body[data-yd-page="rlbout"] .rlbbtnbox {
  margin: 18px 16px !important;
}

html[data-yd-rack="true"] body[data-yd-page="rlbout"] .rlbbtn {
  min-height: 48px;
  border: 1px solid #060707 !important;
  border-radius: 2px !important;
  background: linear-gradient(180deg, #ff8e48 0, var(--yd-orange) 48%, #d7500f 52%, #bd430a 100%) !important;
  color: #14100d !important;
  font-weight: 800 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.38), 0 3px 0 #541a02 !important;
}

/* Invitation remains the original flow and data, now seated in the same chassis. */
html[data-yd-rack="true"] body[data-yd-page="invitation"] .invitation {
  min-height: 100%;
  padding: 10px 9px calc(var(--yd-footer-height) + 24px) !important;
  background: transparent !important;
}

html[data-yd-rack="true"] body[data-yd-page="invitation"] .dd-main {
  overflow: hidden;
  border: 1px solid #3c4245 !important;
  border-radius: 1px !important;
  box-shadow: 0 0 0 4px #111416, 0 8px 0 #030404 !important;
}

html[data-yd-rack="true"] body[data-yd-page="invitation"] .invite-card,
html[data-yd-rack="true"] body[data-yd-page="invitation"] .jjjs {
  border: 1px solid #090a0b !important;
  border-radius: 2px !important;
  box-shadow: inset 0 1px rgba(255,255,255,.72), 0 0 0 3px #252a2c !important;
}

html[data-yd-rack="true"] body[data-yd-page="invitation"] .van-button,
html[data-yd-rack="true"] body[data-yd-page="invitation"] .invite-kf-btn {
  min-height: 46px;
  border-radius: 2px !important;
}

@media (max-width: 359px) {
  html[data-yd-rack="true"] body[data-yd-page="bank_add"] .level span[style*="width: 120px"],
  html[data-yd-rack="true"] body[data-yd-page="addusdt"] .level span[style*="width: 120px"] {
    flex-basis: 78px !important;
    width: 78px !important;
    margin-right: 8px !important;
    font-size: 14px !important;
  }

  html[data-yd-rack="true"] body[data-yd-page="apply-exit"] .apply-exit-page .van-field__label {
    flex-basis: 78px;
    width: 78px;
  }
}

/* V50 — client request: remove every decorative gold tick before home headings. */
html[data-yd-rack="true"] .index-intro-heading::before,
html[data-yd-rack="true"] .index-news-title::before {
  display: none !important;
  content: none !important;
}

/* V52 — readability pass: preserve every original word, enlarge home copy. */
html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card .index-intro-heading,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-news-title,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child .index-intro-heading {
  font-size: 17px !important;
  line-height: 22px !important;
  color: #101416 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.72) !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-text,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child .index-intro-text {
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
  color: #171b1d !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.72) !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child {
  height: auto !important;
  min-height: 202px !important;
  overflow: visible !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv {
  height: auto !important;
  min-height: 425px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell {
  height: 62px !important;
  min-height: 62px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-title {
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  color: #111719 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.72) !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-desc {
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  letter-spacing: 0 !important;
  color: #1d2325 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.72) !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:not(:first-child):not(.index-intro-card--adv) {
  height: auto !important;
  min-height: 210px !important;
  overflow: visible !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-tag,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-news-more {
  font-size: 12px !important;
  line-height: 18px !important;
}

@media (max-width: 359px) {
  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-card--adv {
    min-height: 515px !important;
  }

  html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-cell {
    height: 77px !important;
    min-height: 77px !important;
  }
}

/* V53 — final path polish: crisp type, visible detail action, clear account icons. */
html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-heading,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-text,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-title,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-desc {
  text-shadow: none !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-text,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child .index-intro-text {
  color: #0e1214 !important;
  font-weight: 600 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-adv-desc {
  color: #13181a !important;
  font-weight: 600 !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-news-more {
  color: #303638 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html[data-yd-rack="true"] body[data-yd-route="detail"] .detacon_quxian > div > span:first-child {
  color: #303638 !important;
  font-weight: 600 !important;
}

html[data-yd-rack="true"] body[data-yd-route="detail"] .detacon_quxian > div > span:last-child {
  color: #101416 !important;
  font-weight: 600 !important;
}

html[data-yd-rack="true"] body[data-yd-route="detail"] .productSort_con_list > div[style*="padding: 0px 20px"] {
  position: fixed !important;
  z-index: 26 !important;
  bottom: calc(var(--yd-footer-height) + 10px) !important;
  left: 50% !important;
  width: min(calc(100vw - 32px), 472px) !important;
  padding: 0 !important;
  transform: translateX(-50%) !important;
}

html[data-yd-rack="true"] body[data-yd-route="detail"] .productSort_con_list > div[style*="padding: 0px 20px"] > div > div {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 48px !important;
  margin: 0 !important;
  border: 1px solid #070809 !important;
  border-radius: 2px !important;
  background: var(--yd-orange) !important;
  color: #12100e !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 46px !important;
  box-shadow: inset 0 1px rgba(255,255,255,.38), 0 3px 0 #6d2604, 0 10px 22px rgba(0,0,0,.36) !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid_line p {
  color: #161b1d !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .cell-item img {
  opacity: .9;
  filter: brightness(0) invert(.9) !important;
}

/* V54 — exact source-lock override: keep the enlarged company copy crisp. */
html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child .index-intro-heading,
html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:first-child .index-intro-text {
  text-shadow: none !important;
}

/* V55 — one fastener source: replace the last round-dot screws with rack-screw.svg. */
html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:not(:first-child):not(.index-intro-card--adv) {
  background-image:
    var(--yd-hardware-screw), var(--yd-hardware-screw),
    var(--yd-material-silver) !important;
  background-position: left 4px top 4px, right 4px top 4px, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 320px 320px !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
}

html[data-yd-rack="true"] body[data-yd-route="home"] .index-intro-wrap > .index-intro-card:not(:first-child):not(.index-intro-card--adv)::before {
  background-image:
    var(--yd-hardware-screw), var(--yd-hardware-screw),
    var(--yd-material-silver) !important;
  background-position: left 4px center, right 4px center, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 260px 260px !important;
  background-repeat: no-repeat, no-repeat, repeat !important;
}

/* V56 — input focus is a single neutral steel line, never an orange error-like box. */
html[data-yd-rack="true"] #app .van-cell:focus-within,
html[data-yd-rack="true"] body .app .van-cell:focus-within {
  outline: 1px solid #7d878b !important;
  outline-offset: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(236,240,238,.16), inset 0 2px 8px rgba(0,0,0,.72) !important;
}

html[data-yd-rack="true"] #app input:focus-visible,
html[data-yd-rack="true"] #app textarea:focus-visible,
html[data-yd-rack="true"] #app select:focus-visible,
html[data-yd-rack="true"] body .app input:focus-visible,
html[data-yd-rack="true"] body .app textarea:focus-visible,
html[data-yd-rack="true"] body .app select:focus-visible {
  outline: 1px solid #7d878b !important;
  outline-offset: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(236,240,238,.12) !important;
}

html[data-yd-rack="true"] #app .van-cell input:focus-visible,
html[data-yd-rack="true"] #app .van-cell textarea:focus-visible,
html[data-yd-rack="true"] #app .van-cell select:focus-visible,
html[data-yd-rack="true"] body .app .van-cell input:focus-visible,
html[data-yd-rack="true"] body .app .van-cell textarea:focus-visible,
html[data-yd-rack="true"] body .app .van-cell select:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
}

/* V58 — strict truth gate: the bundled seed list never becomes a visible data state. */
html[data-yd-rack="true"][data-yd-category-loading="true"] #app .productSort_con_list,
html[data-yd-rack="true"][data-yd-category-loading="true"] body .app .productSort_con_list {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* V59 — 算力：只表达真实余额、订单和流水，沿用黑银设备语法。 */
html[data-yd-rack="true"] body[data-yd-route="compute-power"] {
  min-height: 100vh !important;
  overflow: hidden !important;
  background: #090b0c url("assets/powder-black.webp") repeat !important;
}

html[data-yd-rack="true"] body[data-yd-route="compute-power"] #app {
  display: none !important;
}

html[data-yd-rack="true"] body[data-yd-route="compute-power"] > .app {
  display: none !important;
}

html[data-yd-rack="true"] body[data-yd-route="compute-power"] > .yd-cp-underlay {
  display: none !important;
}

.yd-compute-power-app,
.yd-compute-power-app * {
  box-sizing: border-box;
}

.yd-compute-power-app {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  width: 100%;
  max-width: 520px;
  min-height: 0;
  height: 100vh;
  margin: 0 auto;
  padding: 0 8px 92px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  color: #eff1ef;
  background: #0d0f10 url("assets/powder-black.webp") repeat;
  border-left: 1px solid #303537;
  border-right: 1px solid #303537;
  box-shadow: 0 0 48px rgba(0,0,0,.78);
  font-family: "Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;
}

.yd-cp-header {
  position: relative;
  display: grid;
  grid-template-columns: 48px 1fr 48px;
  align-items: center;
  min-height: 72px;
  margin: 0 -8px 10px;
  padding: 8px 12px;
  background: #111315 url("assets/powder-black.webp") repeat;
  border: 1px solid #343a3d;
  border-top: 0;
  box-shadow: inset 0 -3px 0 #050606, 0 6px 14px rgba(0,0,0,.48);
}

.yd-cp-header > div { text-align: center; line-height: 1; }
.yd-cp-header strong { display: block; font-size: 18px; letter-spacing: .18em; }
.yd-cp-header small { display: block; margin-top: 7px; color: #8d969a; font-size: 9px; letter-spacing: .2em; }
.yd-cp-header-status { justify-self: center; width: 7px; height: 7px; background: #ff7622; border: 1px solid #652405; box-shadow: 0 0 0 3px #07090a; }

.yd-cp-back {
  width: 44px;
  height: 44px;
  padding: 0;
  color: #ff7622;
  font: 700 24px/1 "Microsoft YaHei UI",sans-serif;
  background: #0c0f11;
  border: 1px solid #444b4e;
  border-radius: 1px;
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 2px 0 #030404;
}

.yd-cp-main { display: grid; gap: 10px; }

.yd-cp-silver {
  color: #101416;
  background-color: #c7cac9;
  background-image: url("assets/brushed-aluminum.webp");
  background-repeat: repeat;
  border: 1px solid #0b0d0e;
  box-shadow: inset 0 1px rgba(255,255,255,.82), inset 0 -1px rgba(35,39,40,.5), 0 5px 0 #030404, 0 12px 24px rgba(0,0,0,.34);
}

.yd-cp-hardware::before,
.yd-cp-hardware::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 11px;
  height: 11px;
  top: 6px;
  background: url("assets/rack-screw.svg") center/contain no-repeat;
  pointer-events: none;
}
.yd-cp-hardware::before { left: 6px; }
.yd-cp-hardware::after { right: 6px; }

.yd-cp-balance {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  min-height: 128px;
  padding: 25px 24px 22px;
}
.yd-cp-balance > div:first-child small { display: block; color: #50585c; font-size: 12px; letter-spacing: .12em; }
.yd-cp-balance > div:first-child strong { display: block; margin-top: 4px; font-size: 38px; line-height: 1.1; letter-spacing: -.02em; }
.yd-cp-rule {
  display: grid;
  grid-template-columns: auto auto;
  gap: 2px 7px;
  min-width: 154px;
  padding: 10px 12px;
  color: #e8ebe9;
  background: #0c0f11;
  border: 1px solid #42494c;
  box-shadow: inset 0 0 0 2px #050606;
}
.yd-cp-rule b { color: #ff7622; font-size: 16px; }
.yd-cp-rule span { align-self: center; color: #aab1b3; font-size: 10px; }
.yd-cp-rule i { display: none; }

.yd-cp-module {
  position: relative;
  padding: 11px 5px 5px;
  background: #090b0c url("assets/powder-black.webp") repeat;
  border: 1px solid #343a3d;
  box-shadow: inset 0 1px #030404;
}
.yd-cp-plate {
  width: 176px;
  height: 32px;
  margin: -4px auto 10px;
  color: #111416;
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  letter-spacing: .16em;
  background: #c7cac9 url("assets/brushed-aluminum.webp") repeat;
  border: 1px solid #050606;
  box-shadow: inset 0 1px #fff, 0 0 0 3px #222628, 0 3px 0 #030404;
}

.yd-cp-orders { display: grid; gap: 6px; }
.yd-cp-order {
  position: relative;
  display: grid;
  grid-template-columns: 26px 1fr;
  min-height: 112px;
  padding: 13px 13px 13px 11px;
  color: #111416;
  cursor: pointer;
  background: #c7cac9 url("assets/brushed-aluminum.webp") repeat;
  border: 1px solid #090b0c;
  box-shadow: inset 0 1px rgba(255,255,255,.85), inset 0 -1px rgba(35,39,40,.46);
}
.yd-cp-order::after {
  content: "";
  position: absolute;
  right: 9px;
  top: 10px;
  width: 11px;
  height: 11px;
  background: url("assets/rack-screw.svg") center/contain no-repeat;
}
.yd-cp-order input { position: absolute; opacity: 0; pointer-events: none; }
.yd-cp-order-check {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  background: #151719;
  border: 2px solid #70797c;
  box-shadow: inset 0 0 0 3px #080a0b;
}
.yd-cp-order.is-selected { border-left: 4px solid #ff7622; padding-left: 8px; }
.yd-cp-order.is-selected .yd-cp-order-check { background: #ff7622; border-color: #9d3908; }
.yd-cp-order-copy { display: grid; gap: 6px; min-width: 0; }
.yd-cp-order-copy > strong { padding-right: 15px; font-size: 14px; line-height: 1.45; }
.yd-cp-order-copy > small { color: #50585c; font-size: 11px; line-height: 1.45; }
.yd-cp-order-copy > span { display: grid; grid-template-columns: auto auto auto auto; align-items: baseline; justify-content: start; gap: 4px 8px; }
.yd-cp-order-copy em { color: #50585c; font-size: 10px; font-style: normal; }
.yd-cp-order-copy b { font-size: 16px; }
.yd-cp-order-copy b:last-child { color: #a93d08; }

.yd-cp-control {
  position: relative;
  padding: 22px 18px 19px;
}
.yd-cp-control > label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 700; }
.yd-cp-input { display: grid; grid-template-columns: 1fr 42px; height: 50px; background: #0c0f11; border: 1px solid #42494c; box-shadow: inset 0 2px 8px rgba(0,0,0,.72); }
.yd-cp-input input { min-width: 0; padding: 0 13px; color: #f1f3f1; caret-color: #ff7622; font: 600 18px/1 "Microsoft YaHei UI",sans-serif; background: transparent; border: 0; outline: 0; }
.yd-cp-input input:focus-visible { outline: 1px solid #7d878b; outline-offset: 0; box-shadow: inset 0 0 0 1px rgba(236,240,238,.12); }
.yd-cp-input span { align-self: center; color: #9fa7aa; font-size: 12px; text-align: center; border-left: 1px solid #343a3d; }
.yd-cp-quick { display: flex; gap: 6px; margin-top: 7px; }
.yd-cp-quick button { min-height: 36px; padding: 0 12px; color: #252a2c; font-size: 12px; background: rgba(244,244,239,.46); border: 1px solid #70787b; border-radius: 1px; }
.yd-cp-control > p { margin: 10px 0 0; color: #50585c; font-size: 11px; line-height: 1.65; }
.yd-cp-control .yd-cp-warning { color: #742906; }

.yd-cp-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  margin-top: 15px;
  color: #101416 !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  text-decoration: none !important;
  background: #ff7622;
  border: 1px solid #5c2104;
  border-radius: 1px;
  box-shadow: inset 0 1px rgba(255,255,255,.35), 0 3px 0 #a93d08;
}
.yd-cp-primary:active { transform: translateY(2px); box-shadow: 0 1px 0 #a93d08; }
.yd-cp-primary:disabled { color: #60676a !important; background: #9da2a0; border-color: #6c7375; box-shadow: 0 3px 0 #565c5e; opacity: .72; }

.yd-cp-no-order,
.yd-cp-empty {
  position: relative;
  padding: 34px 20px 26px;
  color: #101416;
  text-align: center;
  background: #c7cac9 url("assets/brushed-aluminum.webp") repeat;
  border: 1px solid #0b0d0e;
}
.yd-cp-no-order strong,
.yd-cp-empty strong { font-size: 16px; }
.yd-cp-no-order p,
.yd-cp-empty p { margin: 9px 0 14px; color: #50585c; font-size: 12px; line-height: 1.7; }
.yd-cp-no-order a { color: #8a3006; font-weight: 700; }

.yd-cp-log ul { margin: 0; padding: 0; list-style: none; }
.yd-cp-log li { display: flex; align-items: center; justify-content: space-between; min-height: 62px; padding: 10px 13px; color: #101416; background: #c7cac9 url("assets/brushed-aluminum.webp") repeat; border-top: 1px solid #e9ebe8; border-bottom: 1px solid #5d6567; }
.yd-cp-log li > span { display: grid; gap: 4px; }
.yd-cp-log li > span:last-child { text-align: right; }
.yd-cp-log li strong { font-size: 15px; }
.yd-cp-log li b { font-size: 13px; }
.yd-cp-log li small { color: #50585c; font-size: 10px; }
.yd-cp-log-empty { justify-content: center !important; color: #50585c !important; font-size: 12px; }

.yd-cp-loading { position: relative; min-height: 112px; padding: 46px 20px; font-size: 13px; text-align: center; }
.yd-cp-toast { position: fixed; z-index: 80; left: 50%; bottom: 88px; width: min(440px, calc(100% - 42px)); padding: 12px 15px; color: #eff1ef; font-size: 13px; text-align: center; background: #111416; border: 1px solid #687174; opacity: 0; pointer-events: none; transform: translate(-50%, 8px); transition: opacity .16s ease,transform .16s ease; }
.yd-cp-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
.yd-cp-toast.is-error { border-color: #ff7622; }

.yd-cp-bottom {
  position: fixed;
  z-index: 60;
  left: 50%;
  bottom: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: min(520px, 100%);
  min-height: 72px;
  padding-bottom: env(safe-area-inset-bottom);
  background: #151719 url("assets/powder-black.webp") repeat;
  border: 1px solid #343a3d;
  border-bottom: 0;
  box-shadow: 0 -4px 0 #030404,0 -12px 28px rgba(0,0,0,.48);
  transform: translateX(-50%);
}
.yd-cp-nav { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 68px; color: #8d969a !important; text-decoration: none !important; border-right: 1px solid #292e30; }
.yd-cp-nav:last-child { border-right: 0; }
.yd-cp-nav span { height: 25px; font: 400 22px/1 sans-serif; }
.yd-cp-nav b { margin-top: 5px; font-size: 10px; font-weight: 400; }
.yd-cp-nav.is-active { color: #ff7622 !important; }
.yd-cp-nav.is-active::before { content:""; position:absolute; top:-1px; left:22%; right:22%; height:2px; background:#ff7622; }

html[data-yd-rack="true"] body[data-yd-route="user"] [data-yd-compute-entry] { cursor: pointer; }
html[data-yd-rack="true"] body[data-yd-route="user"] [data-yd-compute-entry]:focus-visible { outline: 1px solid #7d878b !important; outline-offset: -1px !important; }

@media (max-width: 390px) {
  .yd-cp-balance { grid-template-columns: 1fr; gap: 14px; padding: 24px 20px 20px; }
  .yd-cp-rule { width: 100%; }
  .yd-cp-order-copy > span { grid-template-columns: auto auto; }
  .yd-cp-order { min-height: 132px; }
}

@media (prefers-reduced-motion: reduce) {
  .yd-cp-toast,.yd-cp-primary { transition: none !important; }
}

/*
 * V64 — client clarity pass for account and finance records.
 * Keeps the existing information and behavior; only type, icon tone and contrast change.
 */
:root {
  --yd-gold-bright: #e4bd5b;
  --yd-gold: #c5a353;
  --yd-gold-deep: #86691f;
  --yd-gold-line: rgba(197, 163, 83, .46);
  --yd-warm-white: #f2eee4;
  --yd-warm-muted: #bdb6a7;
}

html[data-yd-rack="true"] body[data-yd-route="user"],
html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"],
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] {
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif !important;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

/* Account header: real account data stays in place, but no longer disappears into black. */
html[data-yd-rack="true"] body[data-yd-route="user"] .userBox {
  border-color: var(--yd-gold-line) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.09),
    inset 0 0 0 1px rgba(197,163,83,.08),
    0 5px 0 #030404,
    0 14px 24px rgba(0,0,0,.3) !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_top {
  border-color: #3f3521 !important;
  color: var(--yd-warm-white) !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_top .text,
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_top .text * {
  color: var(--yd-warm-white) !important;
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif !important;
  text-shadow: none !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_top .text .name {
  color: var(--yd-gold-bright) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_top .pictrue {
  border-color: var(--yd-gold) !important;
  background: #0e0f0f !important;
  box-shadow: inset 0 0 0 3px #242118, 0 0 0 1px rgba(228,189,91,.28) !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_top .pictrue img {
  opacity: 1 !important;
  filter: contrast(1.08) saturate(.92) !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_top .text img {
  opacity: 1 !important;
  filter: brightness(0) saturate(100%) invert(73%) sepia(58%) saturate(566%) hue-rotate(3deg) brightness(96%) contrast(89%) !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user-balance-bar {
  border-color: #4d4024 !important;
  background:
    linear-gradient(90deg, rgba(197,163,83,.15), transparent 54%),
    var(--yd-material-black) !important;
  background-color: #151719 !important;
  background-size: auto, 220px 220px !important;
  box-shadow: inset 0 2px 10px #000, inset 0 0 0 1px rgba(228,189,91,.07) !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user-balance-bar::after,
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid_tit::after {
  background: var(--yd-gold-bright) !important;
  box-shadow: none !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user-balance-label {
  color: #d5cebe !important;
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user-balance-amount {
  color: var(--yd-gold-bright) !important;
  font-family: Arial, "Microsoft YaHei UI", sans-serif !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user-balance-currency {
  opacity: 1 !important;
  filter: brightness(0) saturate(100%) invert(73%) sepia(58%) saturate(566%) hue-rotate(3deg) brightness(96%) contrast(89%) !important;
}

/* Existing account actions: preserve all destinations, strengthen their scan order. */
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid {
  border-color: #191711 !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.9),
    inset 0 0 0 1px rgba(197,163,83,.14),
    0 0 0 4px #252a2c,
    0 6px 0 #040505,
    0 14px 24px rgba(0,0,0,.28) !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid_tit {
  color: #111517 !important;
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 23px !important;
  letter-spacing: 0 !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid_line {
  min-height: 78px;
  border-right-color: rgba(64,51,25,.22) !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid_line img {
  width: 29px !important;
  height: 29px !important;
  opacity: 1 !important;
  filter: brightness(0) saturate(100%) invert(50%) sepia(58%) saturate(671%) hue-rotate(4deg) brightness(91%) contrast(91%) !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid_line p {
  margin-top: 8px !important;
  color: #121719 !important;
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  text-shadow: none !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .cell {
  border-color: var(--yd-gold-line) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(197,163,83,.06),
    0 5px 0 #030404,
    0 14px 24px rgba(0,0,0,.28) !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .cell-item {
  min-height: 52px;
  border-bottom-color: #41371f !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .cell-item,
html[data-yd-rack="true"] body[data-yd-route="user"] .cell-item * {
  color: var(--yd-warm-white) !important;
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 21px !important;
  text-shadow: none !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .cell-item img,
html[data-yd-rack="true"] body[data-yd-route="user"] .cell-item .iconfont {
  opacity: 1 !important;
  color: var(--yd-gold-bright) !important;
  filter: brightness(0) saturate(100%) invert(73%) sepia(58%) saturate(566%) hue-rotate(3deg) brightness(96%) contrast(89%) !important;
}

/* Finance records: replace the nearly invisible white/rose wash with readable black-gold rows. */
html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] .level,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] .level {
  min-height: 100%;
  padding-bottom: calc(var(--yd-footer-height) + 24px) !important;
  background: transparent !important;
  color: var(--yd-warm-white) !important;
}

html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] .jiangli_top,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] .jiangli_top {
  min-height: 56px !important;
  border-bottom: 1px solid #4b3e23 !important;
  background-color: #111315 !important;
  background-image: var(--yd-material-black) !important;
  background-size: 220px 220px !important;
  color: var(--yd-warm-white) !important;
  box-shadow: inset 0 -3px 0 #050606, 0 6px 14px rgba(0,0,0,.34) !important;
}

html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] .jiangli_top p,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] .jiangli_top p {
  color: var(--yd-warm-white) !important;
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 56px !important;
  letter-spacing: .04em !important;
  text-shadow: none !important;
}

html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] .jiangli_top .van-icon,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] .jiangli_top .van-icon {
  color: var(--yd-gold-bright) !important;
  font-size: 24px !important;
}

html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] .level_con,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] .level_con {
  padding: 14px 10px 24px !important;
}

html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] .level_con .van-list,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] .level_con .van-list {
  background: transparent !important;
}

html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] .level_con .van-list > div[style*="background-color"],
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] .level_con .van-list > div[style*="background-color"] {
  gap: 12px;
  min-height: 116px;
  margin: 0 0 10px !important;
  padding: 15px 14px !important;
  border: 1px solid #493d23 !important;
  border-bottom-color: #6f592c !important;
  border-radius: 2px !important;
  background-color: #14130f !important;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.025), transparent 42%),
    var(--yd-material-black) !important;
  background-size: auto, 220px 220px !important;
  color: var(--yd-warm-white) !important;
  box-shadow: inset 0 0 0 1px rgba(228,189,91,.045), 0 5px 14px rgba(0,0,0,.24) !important;
}

html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] .level_con .van-list > div[style*="background-color"] > div:first-child,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] .level_con .van-list > div[style*="background-color"] > div:first-child {
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0;
  color: var(--yd-warm-white) !important;
}

html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] .level_con .van-list > div[style*="background-color"] > div:first-child > .van-icon,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] .level_con .van-list > div[style*="background-color"] > div:first-child > .van-icon {
  flex: 0 0 36px;
  margin-right: 11px !important;
  color: var(--yd-gold-bright) !important;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.32));
}

html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] .level_con .van-list > div[style*="background-color"] > div:first-child > div,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] .level_con .van-list > div[style*="background-color"] > div:first-child > div {
  min-width: 0;
  color: #ded8ca !important;
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 19px !important;
}

html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] .level_con .van-list > div[style*="background-color"] > div:first-child > div > div:first-child,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] .level_con .van-list > div[style*="background-color"] > div:first-child > div > div:first-child {
  color: var(--yd-warm-white) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] .level_con .van-list > div[style*="background-color"] > div:first-child > div > div[style*="color: rgb(150, 151, 153)"],
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] .level_con .van-list > div[style*="background-color"] > div:first-child > div > div[style*="color: rgb(150, 151, 153)"] {
  color: var(--yd-warm-muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums;
}

html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] .level_con .van-list > div[style*="background-color"] > div:last-child,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] .level_con .van-list > div[style*="background-color"] > div:last-child {
  flex: 0 0 92px;
  color: var(--yd-gold-bright) !important;
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums;
}

html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] .level_con .van-list > div[style*="background-color"] > div:last-child > div:last-child > span,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] .level_con .van-list > div[style*="background-color"] > div:last-child > div:last-child > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 62px;
  min-height: 25px;
  margin-top: 8px;
  padding: 3px 9px;
  border: 1px solid #806728;
  border-radius: 2px;
  background: #2a2417 !important;
  color: #f0cf76 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 17px !important;
}

html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] .van-list__loading,
html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] .van-list__finished-text,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] .van-list__loading,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] .van-list__finished-text {
  color: #c9c2b4 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Gold is local to the customer-referenced account/record path; other routes keep their approved oxide accent. */
html[data-yd-rack="true"] body[data-yd-route="user"] #footer .item.on,
html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] #footer .item.on,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] #footer .item.on {
  color: var(--yd-gold-bright) !important;
  background-color: rgba(197,163,83,.08) !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] #footer .item.on img,
html[data-yd-rack="true"] body[data-yd-route="user"] #footer .item.on .iconfont,
html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] #footer .item.on img,
html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] #footer .item.on .iconfont,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] #footer .item.on img,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] #footer .item.on .iconfont {
  background-color: var(--yd-gold-bright) !important;
}

html[data-yd-rack="true"] body[data-yd-route="user"] #footer .item.on::before,
html[data-yd-rack="true"] body[data-yd-page="withdrawal_record"] #footer .item.on::before,
html[data-yd-rack="true"] body[data-yd-page="deposit_record"] #footer .item.on::before {
  background: var(--yd-gold-bright) !important;
}

/*
 * V65 — income ledger readability.
 * Keep every API field and its order; only restore correct ink-on-silver contrast.
 */
html[data-yd-rack="true"] body[data-yd-page="incomedetail"] .signIn_list .item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 76px !important;
  gap: 10px !important;
  align-items: center !important;
  min-height: 96px;
  margin-bottom: 10px !important;
  padding: 13px 12px !important;
  border: 1px solid #111517 !important;
  border-radius: 1px !important;
  background-color: #c7cac9 !important;
  background-image:
    var(--yd-hardware-screw), var(--yd-hardware-screw),
    linear-gradient(rgba(255,255,255,.18), rgba(31,37,39,.05)),
    var(--yd-material-silver) !important;
  background-position: 3px 3px, calc(100% - 3px) 3px, 0 0, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 100% 100%, 320px 320px !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat !important;
  color: #101416 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.84), 0 3px 0 #050607 !important;
}

html[data-yd-rack="true"] body[data-yd-page="incomedetail"] .signIn_list .item,
html[data-yd-rack="true"] body[data-yd-page="incomedetail"] .signIn_list .item .item-box,
html[data-yd-rack="true"] body[data-yd-page="incomedetail"] .signIn_list .item p {
  color: #101416 !important;
  font-family: var(--yd-font-ui) !important;
  font-style: normal !important;
}

html[data-yd-rack="true"] body[data-yd-page="incomedetail"] .signIn_list .item .item-box:first-child {
  min-width: 0;
  text-align: left !important;
}

html[data-yd-rack="true"] body[data-yd-page="incomedetail"] .signIn_list .item .item-box:first-child p {
  margin: 0 !important;
  color: #394145 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere;
}

html[data-yd-rack="true"] body[data-yd-page="incomedetail"] .signIn_list .item .item-box:first-child p:first-child {
  margin-bottom: 3px !important;
  color: #101416 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

html[data-yd-rack="true"] body[data-yd-page="incomedetail"] .signIn_list .item .item-box:last-child {
  display: grid !important;
  justify-items: end;
  align-content: center;
  gap: 3px;
  min-width: 0;
  padding-left: 10px;
  border-left: 1px solid rgba(16,20,22,.24);
  text-align: right !important;
}

html[data-yd-rack="true"] body[data-yd-page="incomedetail"] .signIn_list .item .item-box:last-child p {
  margin: 0 !important;
  color: #394145 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

html[data-yd-rack="true"] body[data-yd-page="incomedetail"] .signIn_list .item .item-box:last-child p:first-child {
  color: #8f3000 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums;
}

html[data-yd-rack="true"] body[data-yd-page="incomedetail"] .signIn_list .item .item-box:last-child p:last-child {
  display: inline-flex;
  align-items: center;
  min-height: 21px;
  padding: 0 6px;
  border: 1px solid #343a3d;
  border-radius: 1px;
  background: #111315;
  color: #ff7622 !important;
  font-size: 11px !important;
  line-height: 19px !important;
}

html[data-yd-rack="true"] body[data-yd-page="incomedetail"] .signIn_list .van-list__finished-text,
html[data-yd-rack="true"] body[data-yd-page="incomedetail"] .signIn_list .van-list__loading {
  color: #c7cdcf !important;
  font-size: 12px !important;
}

/* V66 — preserve the original VIP/auth artwork instead of tinting its text into a gold block. */
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_top .text img {
  opacity: 1 !important;
  filter: none !important;
  object-fit: contain;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_top .text .row-middle > img {
  width: 60px !important;
  max-width: 60px !important;
  height: auto !important;
  max-height: 25px;
}

/*
 * V67 — finance ledger hardware pass.
 * The live /user/log/log response remains the only source for totals and rows.
 */
html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .moneyDetail {
  min-height: 100vh;
  max-height: none !important;
  padding-bottom: calc(var(--yd-footer-height) + env(safe-area-inset-bottom));
  background-color: #111315 !important;
  background-image: var(--yd-material-black) !important;
  background-position: 0 0 !important;
  background-size: 256px 256px !important;
  color: #e8ebea;
  font-family: var(--yd-font-ui) !important;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .moneyDetail > .content {
  min-height: calc(100vh - 56px);
  margin-top: 0 !important;
  padding: 10px 8px 78px !important;
  background-color: transparent !important;
  background-image: none !important;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .interest_card {
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start !important;
  min-height: 128px;
  margin: 0 !important;
  padding: 24px 20px 42px !important;
  overflow: visible;
  border: 1px solid #111517 !important;
  border-radius: 1px !important;
  background-color: #c7cac9 !important;
  background-image:
    var(--yd-hardware-screw), var(--yd-hardware-screw),
    var(--yd-hardware-screw), var(--yd-hardware-screw),
    linear-gradient(rgba(255,255,255,.2), rgba(31,37,39,.06)),
    var(--yd-material-silver) !important;
  background-position:
    4px 4px, calc(100% - 4px) 4px,
    4px calc(100% - 4px), calc(100% - 4px) calc(100% - 4px),
    0 0, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 9px 9px, 9px 9px, 100% 100%, 320px 320px !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat !important;
  color: #101416 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.86), 0 0 0 5px #252a2c, 0 6px 0 #040505, 0 14px 24px rgba(0,0,0,.3) !important;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .interest_card::after {
  position: absolute;
  right: 50%;
  bottom: 7px;
  width: 82px;
  height: 25px;
  content: "";
  background: var(--yd-material-handle) center / contain no-repeat;
  transform: translateX(50%);
  pointer-events: none;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .interest_card > div {
  width: auto !important;
  min-width: 0;
  padding: 0 10px;
  color: #4b5357 !important;
  font-size: 12px !important;
  line-height: 1.55;
  text-align: center;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .interest_card > div + div {
  border-left: 1px solid rgba(16,20,22,.26);
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .interest_card span {
  display: block;
  margin: 0 0 4px !important;
  color: #7a2c06 !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .interest_card + div {
  position: relative;
  height: 45px !important;
  margin: 17px 0 7px;
  padding: 0 12px 0 10px !important;
  border: 1px solid #3b4144;
  border-radius: 1px;
  background-color: #151719;
  background-image: var(--yd-material-black);
  background-size: 256px 256px;
  color: #eef0ef !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .08em;
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 4px 0 #030404;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .interest_card + div::after {
  position: absolute;
  right: 10px;
  bottom: -1px;
  left: 10px;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, var(--yd-orange) 0 54px, #343a3d 54px 100%);
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .interest_card + div > img {
  width: 20px !important;
  height: 20px !important;
  margin-right: 7px !important;
  object-fit: contain;
  filter: none !important;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .content > .van-list {
  margin: 0 !important;
  padding: 7px !important;
  overflow: visible !important;
  border: 1px solid #3b4144;
  border-radius: 1px !important;
  background-color: #0c0f11;
  background-image: var(--yd-material-black);
  background-size: 256px 256px;
  box-shadow: inset 0 1px rgba(255,255,255,.07), 0 5px 0 #030404;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .detail_card {
  display: grid;
  gap: 7px;
  background: transparent !important;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .detail_card .card_item {
  display: grid !important;
  grid-template-columns: 25px minmax(0, 1fr) minmax(72px, auto);
  gap: 9px;
  align-items: center !important;
  min-height: 92px;
  padding: 15px 12px !important;
  overflow: hidden;
  border: 1px solid #111517 !important;
  border-radius: 1px !important;
  background-color: #c7cac9 !important;
  background-image:
    var(--yd-hardware-screw), var(--yd-hardware-screw),
    linear-gradient(rgba(255,255,255,.18), rgba(31,37,39,.05)),
    var(--yd-material-silver) !important;
  background-position: 3px 3px, calc(100% - 3px) 3px, 0 0, 0 0 !important;
  background-size: 9px 9px, 9px 9px, 100% 100%, 320px 320px !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat !important;
  color: #101416 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.82), 0 3px 0 #050607 !important;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .detail_card .c1 {
  min-width: 0;
  text-align: center !important;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .detail_card .c1 img {
  float: none !important;
  display: block;
  width: 20px !important;
  height: 20px !important;
  margin: 0 auto !important;
  object-fit: contain;
  filter: none !important;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .detail_card .c2 {
  min-width: 0;
  margin-right: 0 !important;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .detail_card .detail_text {
  display: block !important;
  overflow: visible !important;
  color: #101416 !important;
  font-family: var(--yd-font-ui) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .detail_card .c_time {
  margin-top: 4px !important;
  color: #4d565a !important;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 1.4 !important;
  font-variant-numeric: tabular-nums;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .detail_card .c3 {
  min-width: 0;
  margin-left: 0 !important;
  padding-left: 8px;
  border-left: 1px solid rgba(16,20,22,.22);
  font-family: var(--yd-font-ui) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-align: right;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .detail_card .c_money {
  color: #6b4a00 !important;
  font-variant-numeric: tabular-nums;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .detail_card .c_money.c_money-out {
  color: #b00020 !important;
}

html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .van-list__loading,
html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .van-list__finished-text {
  min-height: 40px;
  color: #c7cdcf !important;
  font-size: 12px !important;
  line-height: 40px !important;
}

@media (max-width: 359px) {
  html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .detail_card .card_item {
    grid-template-columns: 22px minmax(0, 1fr) minmax(64px, auto);
    gap: 7px;
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  html[data-yd-rack="true"] body[data-yd-page="moneydetail"] .detail_card .c3 {
    padding-left: 6px;
    font-size: 14px !important;
  }
}

/* V68 — restore a coherent outline icon family for the three marked account actions. */
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid + .user_con_mid .user_con_mid_block .user_con_mid_line:nth-child(3),
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid + .user_con_mid .user_con_mid_block .user_con_mid_line:nth-child(4),
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid + .user_con_mid .user_con_mid_block .user_con_mid_line:nth-child(5) {
  position: relative;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid + .user_con_mid .user_con_mid_block .user_con_mid_line:nth-child(3) > img,
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid + .user_con_mid .user_con_mid_block .user_con_mid_line:nth-child(4) > img,
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid + .user_con_mid .user_con_mid_block .user_con_mid_line:nth-child(5) > img {
  opacity: 0 !important;
  visibility: hidden;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid + .user_con_mid .user_con_mid_block .user_con_mid_line:nth-child(3)::before,
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid + .user_con_mid .user_con_mid_block .user_con_mid_line:nth-child(4)::before,
html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid + .user_con_mid .user_con_mid_block .user_con_mid_line:nth-child(5)::before {
  position: absolute;
  top: 9px;
  left: 50%;
  width: 29px;
  height: 29px;
  content: "";
  background-color: #9a6b00;
  transform: translateX(-50%);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 27px 27px;
  mask-size: 27px 27px;
  pointer-events: none;
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid + .user_con_mid .user_con_mid_block .user_con_mid_line:nth-child(3)::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='1' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M3 9h18M7 15h5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='1' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M3 9h18M7 15h5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid + .user_con_mid .user_con_mid_block .user_con_mid_line:nth-child(4)::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='16' rx='1' fill='none' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='8.5' cy='9.5' r='2.1' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M5.5 16c.5-2 1.5-3 3-3s2.5 1 3 3M14 8h4M14 12h4M14 16h3' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='16' rx='1' fill='none' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='8.5' cy='9.5' r='2.1' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M5.5 16c.5-2 1.5-3 3-3s2.5 1 3 3M14 8h4M14 12h4M14 16h3' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

html[data-yd-rack="true"] body[data-yd-route="user"] .user_con_mid + .user_con_mid .user_con_mid_block .user_con_mid_line:nth-child(5)::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='16' rx='1' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M7 16l3-3 3 2 4-5M14 10h3v3' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='16' rx='1' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M7 16l3-3 3 2 4-5M14 10h3v3' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* V69 — make the product category controls readable on handheld screens. */
html[data-yd-rack="true"] body[data-yd-route="category"] .productSort .van-tabs__wrap,
html[data-yd-rack="true"] body[data-yd-route="category"] .productSort .van-tabs__nav {
  min-height: 48px !important;
}

html[data-yd-rack="true"] body[data-yd-route="category"] .productSort .van-tab {
  min-height: 48px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
  color: #c3c9cb !important;
  font-family: var(--yd-font-ui) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
}

html[data-yd-rack="true"] body[data-yd-route="category"] .productSort .van-tab__text {
  line-height: 20px !important;
  white-space: nowrap;
}

html[data-yd-rack="true"] body[data-yd-route="category"] .productSort .van-tab--active {
  color: #fff !important;
  font-weight: 700 !important;
}

/* V70 — keep the active category rail clear of the enlarged label. */
html[data-yd-rack="true"] body[data-yd-route="category"] .productSort .van-tabs__line {
  top: auto !important;
  bottom: 5px !important;
}