:root { color-scheme: light; }
* { box-sizing: border-box; }
html, body { width: 100%; max-width: 100%; margin: 0; min-height: 100%; background: #fff; overflow-x: hidden; }
body { overflow-x: hidden; color: #222; font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; }
a { color: inherit; }
.lanhu-page { position: relative; margin: 0 auto; background: #fff; overflow: hidden; }
.lanhu-page.pc { max-width: 100%; }
.lanhu-page.mobile { max-width: 100vw; }
body[data-page="pay"] .lanhu-page.pc,
body[data-page="pay-failed"] .lanhu-page.pc,
body[data-page="pay-success"] .lanhu-page.pc { background: #f8fafd; }
.lanhu-canvas { position: absolute; left: 0; top: 0; transform-origin: top left; }
.lanhu-base { position: absolute; left: 0; top: 0; z-index: 1; margin: 0; background: #fff; overflow: hidden; }
.lanhu-layer { position: absolute; display: block; box-sizing: border-box; }
.lanhu-image { overflow: visible; }
.lanhu-image img { display: block; width: 100%; height: 100%; object-fit: fill; user-select: none; }
.lanhu-index-hero-art { overflow: hidden; }
.lanhu-index-hero-art > img { clip-path: inset(0 3px 0 0); }
.lanhu-footer-logo { overflow: visible; }
.lanhu-footer-logo-image { display: block; width: 100%; height: 100%; object-fit: fill; user-select: none; }
.lanhu-text { overflow: visible; text-decoration: none; }
.x2-site-footer-copy {
  left: 0 !important;
  width: 100% !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}
body[data-page="orders"] .lanhu-page.mobile {
  width: 100% !important;
  height: auto !important;
  min-height: 100vh;
  overflow: visible;
}
body[data-page="orders"] .lanhu-page.mobile .lanhu-canvas {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: var(--x2-mobile-orders-canvas-height, auto) !important;
  min-height: 0 !important;
  transform: none !important;
  overflow: visible !important;
}
body[data-page="orders"] .lanhu-page.mobile .lanhu-canvas > .lanhu-layer,
body[data-page="orders"] .lanhu-page.mobile .lanhu-canvas > .lanhu-order-interactive { display: none !important; }
.x2-mobile-orders-responsive {
  position: relative;
  width: 375px;
  min-height: 812px;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  color: rgb(51 51 51);
  font-family: Microsoft YaHei, PingFang SC, Arial, sans-serif;
  transform: scale(var(--x2-mobile-orders-scale, 1));
  transform-origin: top left;
}
.x2-mobile-orders-hero {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 375 / 211;
  background: url("../assets/lanhu/orders/slice-04.png") center / 100% 100% no-repeat;
}
  .x2-mobile-orders-hero h1 {
  position: absolute;
  left: 0;
    top: 43px;
  width: 100%;
  margin: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.75px;
  text-align: center;
}
  .x2-mobile-orders-menu {
  position: absolute;
    top: 41px;
    right: 15.5px;
    width: 20px;
    height: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.x2-mobile-orders-menu img { display: block; width: 100%; height: 100%; object-fit: fill; }
  .x2-mobile-orders-tabs {
  position: absolute;
    left: 40px;
    right: 40px;
  display: grid;
  grid-template-columns: 1.05fr 0.9fr 1.05fr;
    top: 80px;
    height: 35px;
}
.x2-mobile-orders-tab {
  position: relative;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
    align-items: flex-start;
    padding-top: 5.5px;
    font: 400 14px/14px Microsoft YaHei, PingFang SC, Arial, sans-serif;
  text-align: center;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.x2-mobile-orders-tab.is-active { font-weight: 700; }
.x2-mobile-orders-tab.is-active::after {
  position: absolute;
  left: 50%;
    bottom: 0;
  width: 21.5px;
  max-width: 21.5px;
  min-width: 18px;
  height: 3px;
  border-radius: 2px;
  background: #fff;
  content: "";
  transform: translateX(-50%);
}
.x2-mobile-orders-tab:focus,
.x2-mobile-orders-tab:focus-visible { outline: 0; }
  .x2-mobile-orders-panel {
  position: relative;
  z-index: 2;
    min-height: 685px;
    margin-top: -84px;
    padding: 0 0 134px;
  border-radius: 25px 25px 0 0;
  background: #fff;
}
  .x2-mobile-orders-list { width: 100%; }
  .x2-mobile-responsive-card {
  position: relative;
    display: block;
    min-height: 173px;
    padding: 0;
  border-bottom: 0.5px dashed rgb(229 229 229);
}
  .x2-mobile-responsive-card + .x2-mobile-responsive-card { padding-top: 0; }
  .x2-mobile-responsive-number,
  .x2-mobile-responsive-time,
  .x2-mobile-responsive-product,
  .x2-mobile-responsive-detail { min-width: 0; white-space: nowrap; }
.x2-mobile-responsive-number {
    position: absolute;
    left: 16.5px;
    top: 23px;
    width: 275px;
  overflow: visible;
  color: rgb(153 153 153);
    font-size: 12px;
    line-height: 12px;
  text-overflow: clip;
}
.x2-mobile-responsive-detail {
  position: absolute;
  left: 281px;
  top: 129px;
  display: inline-flex;
  align-items: center;
    gap: 0;
    justify-content: center;
    box-sizing: border-box;
    width: 79px;
    height: 30px;
    border: 0.5px solid rgb(229 229 229);
    border-radius: 15px;
  color: rgb(153 153 153);
    font-size: 12px;
    line-height: 12px;
  text-decoration: none;
}
.x2-mobile-responsive-body {
    position: absolute;
    left: 14px;
    top: 50px;
    width: 347px;
    height: 65px;
    margin: 0;
}
.x2-mobile-responsive-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 80.5px;
    height: 65px;
    border-radius: 7.5px;
  object-fit: cover;
}
.x2-mobile-responsive-product-line {
    position: absolute;
    left: 91px;
    top: 9px;
    width: 211px;
    min-width: 0;
}
.x2-mobile-responsive-product {
  display: block;
  overflow: hidden;
  color: rgb(51 51 51);
    font-size: 14px;
    line-height: 14px;
  text-overflow: ellipsis;
}
.x2-mobile-responsive-amount {
    position: absolute;
    right: 0;
    top: 24px;
    width: 45px;
    text-align: right;
  white-space: nowrap;
  color: rgb(51 51 51);
    font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
  .x2-mobile-responsive-status {
    position: absolute;
    right: 16px;
    top: 23px;
    width: 37px;
    height: 12px;
    overflow: hidden;
    color: rgb(255 105 70);
    cursor: default;
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    white-space: nowrap;
}
.x2-mobile-responsive-card[data-order-region="paid"] .x2-mobile-responsive-status {
  color: rgb(70 140 255);
}
  .x2-mobile-responsive-time {
    position: absolute;
    left: 90.5px;
    top: 45px;
  overflow: hidden;
  color: rgb(153 153 153);
    font-size: 11px;
    line-height: 11px;
  text-overflow: ellipsis;
}
  .x2-mobile-responsive-actions {
    position: absolute;
    left: 192px;
    top: 129px;
    display: flex;
    gap: 10px;
    width: 168px;
    height: 30px;
  }
  .x2-mobile-responsive-cancel,
  .x2-mobile-responsive-retry {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 79px;
    height: 30px;
    padding: 0;
    border-radius: 15px;
    background: #fff;
    cursor: pointer;
    font: 400 12px/12px Microsoft YaHei, PingFang SC, Arial, sans-serif;
    text-decoration: none;
    white-space: nowrap;
  }
  .x2-mobile-responsive-cancel {
    border: 0.5px solid rgb(229 229 229);
    color: rgb(102 102 102);
  }
  .x2-mobile-responsive-retry {
    border: 0.5px solid rgb(70 140 255);
    color: rgb(70 140 255);
  }
  .x2-mobile-responsive-cancel:focus-visible,
  .x2-mobile-responsive-retry:focus-visible,
  .x2-mobile-responsive-detail:focus-visible {
    outline: 2px solid #2d91ff;
    outline-offset: 2px;
  }
  .x2-mobile-responsive-empty {
    margin: 38px 0 0;
    color: rgb(189 189 189);
    font-size: 12px;
    line-height: 12px;
    text-align: center;
  }
  .x2-mobile-orders-note {
    margin: 39px 0 0;
  color: rgb(189 189 189);
    font-size: 12px;
    line-height: 12px;
  text-align: center;
}
  .x2-mobile-orders-panel.is-empty .x2-mobile-orders-note {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 134px;
    margin: 0;
  }
  .lanhu-page.mobile .lanhu-mobile-footer-copy { letter-spacing: 0.5px !important; }
  .lanhu-page.mobile .lanhu-mobile-bottom-nav-copy { display: none !important; }
  .lanhu-link { cursor: pointer; }
  .x2-legal-link,
  .x2-pc-pay-design-agreement { color: rgb(70 140 255); cursor: pointer; text-decoration: none; }
  .x2-legal-link:hover,
  .x2-legal-link:focus-visible,
  .x2-pc-pay-design-agreement:hover,
  .x2-pc-pay-design-agreement:focus-visible { text-decoration: underline; }
  .lanhu-link:focus-visible { outline: 2px solid #2d91ff; outline-offset: 2px; }
  .lanhu-layer input, .lanhu-layer button { font: inherit; }
  .lanhu-mobile-plans-original-device-tab,
  .lanhu-mobile-plans-original-device-divider,
  .lanhu-mobile-plans-original-note,
  .lanhu-mobile-plans-original-card,
  .lanhu-mobile-plans-original-payment,
  .lanhu-mobile-plans-original-payment-title,
  .lanhu-mobile-plans-original-agreement,
  .lanhu-mobile-plans-original-benefit,
  .lanhu-mobile-plans-original-confirm { visibility: hidden !important; }
  .lanhu-mobile-plans-top-gradient { border-radius: 25px 25px 0 0 !important; }
  .lanhu-mobile-plans-interactive { position: absolute; inset: 0; z-index: 40; pointer-events: none; }
  .lanhu-mobile-plans-title { position: absolute; left: 15px; top: 188px; z-index: 45; width: 100px; height: 14px; margin: 0; color: rgb(51 51 51); font-size: 14px; font-weight: 700; line-height: 14px; letter-spacing: 0.7px; pointer-events: none; }
  .lanhu-mobile-plan-device-tabs { display: none !important; position: absolute; left: 0; top: 164.5px; z-index: 45; width: 375px; height: 50px; pointer-events: auto; touch-action: manipulation; }
  .lanhu-mobile-plan-device-tab { position: absolute; z-index: 1; display: flex; align-items: flex-start; justify-content: center; box-sizing: border-box; padding: 15px 0 0; border: 0; background: transparent; color: rgb(153 153 153); cursor: pointer; font-size: 13px; font-weight: 400; line-height: 14px; pointer-events: auto; touch-action: manipulation; -webkit-tap-highlight-color: transparent; opacity: 1; }
  .lanhu-mobile-plan-device-tab.is-selected { color: rgb(68 136 251); font-size: 14px; font-weight: 700; }
  .lanhu-mobile-plan-device-tab:focus,
  .lanhu-mobile-plan-device-tab:focus-visible { outline: 0; box-shadow: none; }
  .lanhu-mobile-plan-device-tab::after { content: ""; position: absolute; left: 31px; bottom: 0; width: 38px; height: 3px; background: transparent; }
  .lanhu-mobile-plan-device-tab.is-selected::after { background: rgb(78 139 255); }
  .lanhu-mobile-plans-scroll { position: absolute; left: 0; top: 222.5px; width: 375px; height: 137px; overflow-x: auto; overflow-y: hidden; pointer-events: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; touch-action: pan-x; }
  .lanhu-mobile-plans-scroll::-webkit-scrollbar { display: none; width: 0; height: 0; }
  .lanhu-mobile-plans-cards { display: flex; gap: 10.5px; width: max-content; min-width: 0; height: 137px; margin: 0 0 0 15.5px; }
  .lanhu-mobile-plans-state { position: absolute; left: 0; top: 330px; z-index: 46; width: 375px; color: rgb(129 150 187); font-size: 12px; line-height: 16px; text-align: center; pointer-events: none; }
  .lanhu-mobile-plans-state[hidden] { display: none !important; }
  .lanhu-mobile-plan-card { position: relative; flex: 0 0 108px; box-sizing: border-box; min-width: 108px; width: 108px; height: 136.5px; margin: 0; padding: 0; border: 1px solid rgb(239 242 248); border-radius: 10px; background: linear-gradient(0deg, rgb(240 245 254) 0%, rgb(255 255 255) 100%); color: rgb(51 51 51); cursor: pointer; font-family: Microsoft YaHei, PingFang SC, Arial, sans-serif; text-align: center; }
  .lanhu-mobile-plans-cards > .lanhu-mobile-plan-card:first-child { flex-basis: 108px; min-width: 108px; width: 108px; height: 137px; }
  .lanhu-mobile-plan-card.is-selected { border-color: transparent; background: url("../assets/lanhu/plans/slice-10.png") center / 100% 100% no-repeat; color: #fff; }
  .lanhu-mobile-plan-card:focus,
  .lanhu-mobile-plan-card:focus-visible { outline: 0; box-shadow: none; }
  .lanhu-mobile-plan-card-title { position: absolute; left: 0; top: 17px; width: 100%; font-size: 13px; font-weight: 700; line-height: 13px; }
  .lanhu-mobile-plan-card-price { position: absolute; left: 0; top: 60px; display: flex; align-items: baseline; justify-content: center; width: 100%; }
  .lanhu-mobile-plan-card-price small { font-size: 12px; font-weight: 700; line-height: 12px; }
  .lanhu-mobile-plan-card-price strong { margin-left: 5px; font-size: 23px; font-weight: 700; line-height: 23px; }
  .lanhu-mobile-plan-card-divider { position: absolute; left: 12px; bottom: 31px; width: calc(100% - 24px); height: 1px; background: currentColor; opacity: 0.3; }
  .lanhu-mobile-plan-card-description { position: absolute; left: 0; bottom: 10px; width: 100%; color: rgb(153 153 153); font-size: 11px; font-weight: 400; line-height: 11px; }
  .lanhu-mobile-plan-card.is-selected .lanhu-mobile-plan-card-description { color: #fff; }
  .lanhu-mobile-payment-title { position: absolute; left: 15px; top: 384.5px; z-index: 45; width: 80px; height: 14px; margin: 0; color: rgb(51 51 51); font-size: 14px; font-weight: 700; line-height: 14px; letter-spacing: 0.7px; pointer-events: none; }
  .lanhu-mobile-payment-options { position: absolute; left: 15px; top: 417.5px; z-index: 45; display: flex; gap: 10.125px; width: 299px; height: 46px; pointer-events: auto; touch-action: manipulation; }
  .lanhu-mobile-payment-option { display: flex; flex: 0 0 144.1875px; box-sizing: border-box; align-items: center; justify-content: flex-start; width: 144.1875px; height: 46px; margin: 0; padding: 0 0 0 15px; border: 1px solid rgb(232 239 251); border-radius: 5px; background: #fff; color: rgb(51 51 51); cursor: pointer; font-family: Microsoft YaHei, PingFang SC, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 14px; text-align: left; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
  .lanhu-mobile-payment-option img { display: block; flex: 0 0 20px; width: 20px; height: 20px; margin-right: 9px; object-fit: fill; }
  .lanhu-mobile-payment-option.is-selected { border-color: rgb(232 239 251); background: rgb(243 247 254); box-shadow: none; }
  .lanhu-mobile-payment-option:focus,
  .lanhu-mobile-payment-option:focus-visible { outline: 0; }
  .lanhu-mobile-plans-agreement { position: absolute; left: 15px; top: 488px; z-index: 45; display: flex; align-items: center; width: 250px; height: 14px; color: rgb(153 153 153); font-size: 12px; font-weight: 400; line-height: 14px; letter-spacing: 0.6px; pointer-events: auto; white-space: nowrap; }
  .lanhu-mobile-plans-agreement img { display: block; flex: 0 0 13px; width: 13px; height: 13px; margin-right: 6px; object-fit: fill; }
  .lanhu-mobile-plans-agreement a { color: rgb(70 140 255); text-decoration: none; }
  .lanhu-mobile-plans-confirm { position: absolute; left: 15px; top: 525px; z-index: 46; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 344px; height: 47px; border-radius: 23.5px; background: linear-gradient(0deg, rgb(33 145 255) 0%, rgb(102 127 248) 100%); box-shadow: 4.5px 4.5px 8px rgb(50 155 254 / 0.2); color: #fff; cursor: pointer; font-size: 15px; font-weight: 400; line-height: 15px; text-decoration: none; pointer-events: auto; }
  .lanhu-mobile-plans-confirm:focus,
  .lanhu-mobile-plans-confirm:focus-visible { outline: 0; box-shadow: none; }
  body[data-page="menu"] .lanhu-canvas > .lanhu-layer,
  body[data-page="menu-logged-in"] .lanhu-canvas > .lanhu-layer { z-index: 2; }
  .lanhu-mobile-download-screenshot-original { display: none !important; }
  .x2-mobile-platform-original { display: block; }
  .x2-mobile-platform-original.x2-mobile-platform-ios { display: none !important; }
  body.x2-mobile-platform-ios .x2-mobile-platform-android { display: none !important; }
  body.x2-mobile-platform-ios .x2-mobile-platform-original.x2-mobile-platform-ios,
  body.x2-mobile-platform-android .x2-mobile-platform-original.x2-mobile-platform-android { display: block !important; }
  body[data-page="index"] .x2-mobile-platform-original { left: 24px !important; top: 330.5px !important; width: 327.5px !important; height: 72.5px !important; }
  body[data-page="download"] .x2-mobile-platform-original { left: 6.5px !important; top: 625.5px !important; width: 360.5px !important; height: 72.5px !important; }
  .lanhu-mobile-download-screenshots { position: absolute; z-index: 25; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; touch-action: pan-x; scroll-snap-type: x mandatory; }
  .lanhu-mobile-download-screenshots::-webkit-scrollbar { display: none; width: 0; height: 0; }
  .lanhu-mobile-download-screenshot-track { display: flex; gap: 16px; width: max-content; height: 100%; }
  .lanhu-mobile-download-screenshot { display: block; flex: 0 0 auto; object-fit: fill; scroll-snap-align: start; user-select: none; }
  .lanhu-mobile-menu-links { position: absolute; inset: 0; z-index: 36; pointer-events: none; }
  .lanhu-mobile-menu-hitbox, .lanhu-mobile-menu-trigger { position: absolute; display: block; pointer-events: auto; background: transparent; cursor: pointer; }
  .x2-mobile-menu-session { position: absolute; inset: 0; }
  .x2-mobile-menu-session[hidden] { display: none !important; }
  .x2-mobile-menu-account-live { position: absolute; z-index: 37; display: flex; align-items: center; box-sizing: border-box; overflow: hidden; background: #fff; color: rgb(51 51 51); font-size: 15px; line-height: 18px; letter-spacing: 0.75px; white-space: nowrap; text-overflow: ellipsis; }
  .x2-mobile-menu-logout { position: absolute; z-index: 38; box-sizing: border-box; padding: 0; border: 0.5px solid rgb(70 140 255); border-radius: 7.5px; background: #fff; color: rgb(70 140 255); cursor: pointer; font: 400 14px/14px Microsoft YaHei,PingFang SC,Arial,sans-serif; text-align: center; }
  .x2-mobile-menu-logout:focus-visible { outline: 2px solid #2d91ff; outline-offset: 2px; }
  .lanhu-mobile-menu-trigger { appearance: none; -webkit-appearance: none; box-shadow: none; padding: 0; border: 0; background: transparent; font-size: 0; line-height: 0; }
  .lanhu-mobile-menu-trigger { z-index: 35; }
  .lanhu-mobile-menu-icon { transform: translateY(22px); }
  .x2-mobile-menu-session .lanhu-fallback-image[src*="/menu/slice-0"],
  .lanhu-mobile-menu-overlay-canvas > .lanhu-fallback-image[src*="/menu/slice-0"] { transform: translateY(22px); }
  .x2-mobile-menu-session .lanhu-fallback-image[src*="/menu/slice-01"],
  .lanhu-mobile-menu-overlay-canvas > .lanhu-fallback-image[src*="/menu/slice-01"] { transform: none; }
  .lanhu-page.mobile [data-action="open-mobile-menu"],
  .lanhu-page.mobile [data-action="close-mobile-menu"] { padding: 0; border: 0; background: transparent; }
  .lanhu-mobile-menu-overlay { position: fixed; inset: 0; z-index: 100; display: block; overflow: hidden; pointer-events: auto; }
  .lanhu-mobile-menu-overlay[hidden] { display: none !important; }
  .lanhu-mobile-menu-overlay-canvas { position: absolute; left: 0; top: 0; width: 375px; height: 812px; transform-origin: top left; overflow: hidden; }
  .lanhu-mobile-menu-overlay-canvas > .lanhu-layer { z-index: 2; }
  body.lanhu-mobile-menu-open { overflow: hidden; }
  body.lanhu-mobile-payment-dialog-open { overflow: hidden; }
  body[data-page="menu"] .lanhu-base [data-action="open-mobile-menu"],
  body[data-page="menu-logged-in"] .lanhu-base [data-action="open-mobile-menu"] { display: none; }
  .lanhu-auth-layer { position: absolute; inset: 0; z-index: 20; pointer-events: none; }
  .lanhu-auth-control { position: absolute; z-index: 21; pointer-events: auto; }
  .lanhu-auth-input { padding: 0 4px; border: 0; border-radius: 10px; background: rgb(248 248 248); color: #333; font-family: Microsoft YaHei, PingFang SC, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 43px; }
  .lanhu-page.pc .lanhu-auth-input { padding-left: 8px; }
  .lanhu-auth-input::placeholder { color: rgb(192 192 192); opacity: 1; }
  .lanhu-auth-input:focus { outline: 0; box-shadow: none; }
  body.pc[data-page="forgot-password"] .lanhu-auth-input { padding-left: 56px; border: 1px solid rgb(238 238 238); border-radius: 10px; }
  body.mobile[data-page="forgot-password"] .lanhu-auth-input { border-radius: 20px; font-size: 14px; }
  .lanhu-auth-submit { padding: 0; border: 0; border-radius: 25px; background: transparent; color: transparent; cursor: pointer; }
  .lanhu-auth-submit:focus-visible { outline: 2px solid #2d91ff; outline-offset: 2px; }
  .lanhu-auth-composite-field { display: flex; align-items: center; box-sizing: border-box; overflow: hidden; padding: 0; border: 1px solid rgb(238 238 238); border-radius: 10px; background: rgb(248 248 248); }
  .lanhu-page.mobile .lanhu-mobile-auth-password-field .lanhu-auth-field-input { padding-left: 50px; }
  .lanhu-auth-field-input { flex: 1 1 auto; min-width: 0; height: 43px; padding: 0 0 0 56px; border: 0; border-radius: 0; outline: 0; background-color: transparent; background-position: 18px center; background-repeat: no-repeat; background-size: 18px 18px; color: #333; font-family: Microsoft YaHei, PingFang SC, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 43px; }
  .lanhu-auth-field-input::placeholder { color: rgb(192 192 192); opacity: 1; }
  .lanhu-auth-field-input:focus { outline: 0; box-shadow: none; }
  body.mobile[data-page="forgot-password"] .lanhu-auth-field-input { font-size: 13px; }
  .lanhu-page.pc .lanhu-register-password-field .lanhu-auth-field-input { padding-left: 55px; }
  .lanhu-auth-code-button { flex: 0 0 108px; height: 36px; margin-right: 4px; padding: 0; border: 0; border-radius: 7.5px; background: rgb(70 140 255); color: #fff; cursor: pointer; font-size: 14px; line-height: 36px; text-align: center; }
  .lanhu-auth-code-button:focus-visible { outline: 2px solid #2d91ff; outline-offset: 2px; }
  .lanhu-auth-code-button:disabled { background: rgb(186 205 240); cursor: default; }
  .lanhu-auth-eye-toggle { flex: 0 0 40px; height: 43px; margin-right: 1px; padding: 0; border: 0; background: transparent; color: rgb(153 153 153); cursor: pointer; }
  .lanhu-auth-eye-toggle:focus-visible { outline: 2px solid #2d91ff; outline-offset: -2px; }
  .lanhu-auth-eye-toggle { background: transparent center / 20px 20px no-repeat; }
  .lanhu-auth-eye-toggle:not(.is-visible) { background-image: url("../assets/shared/desktop_auth_plus_eye_closed.png"); }
  .lanhu-auth-eye-toggle.is-visible { background-image: url("../assets/shared/desktop_auth_plus_eye_open.png"); }
  .lanhu-auth-eye-toggle .lanhu-eye-icon { display: none; }
  .lanhu-auth-footer-link { display: block; cursor: pointer; }
  .lanhu-auth-footer-link:focus-visible { outline: 2px solid #2d91ff; outline-offset: 2px; }
  .lanhu-mobile-auth-switch { display: block; cursor: pointer; }
  .lanhu-mobile-auth-switch:focus-visible { outline: 2px solid #2d91ff; outline-offset: 2px; }
  .lanhu-page.mobile .lanhu-mobile-auth-code-field .lanhu-auth-field-input { padding-left: 50px; }
  .lanhu-page.mobile .lanhu-mobile-auth-code-field .lanhu-auth-code-button { flex-basis: 87.5px; height: 33px; margin-right: 5px; font-size: 12px; line-height: 33px; }
  .lanhu-pc-header-hitbox { position: absolute; z-index: 35; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 10px; font-size: 18px; font-weight: 700; line-height: 18px; text-decoration: none; cursor: pointer; }
  .lanhu-pc-header-hitbox.is-active { border: 0; background: rgb(71 150 255); color: #fff; }
  .lanhu-pc-header-hitbox.is-inactive { border: 1px solid rgb(70 147 255); background: rgb(255 255 255); color: rgb(71 150 255); }
  .lanhu-pc-header-hitbox:focus-visible { outline: 2px solid #2d91ff; outline-offset: 2px; }
  body.pc .lanhu-canvas a.lanhu-layer.lanhu-text.lanhu-link:not(.x2-pc-primary-nav-link)[style*="top:38px"],
  body.pc .lanhu-canvas a.lanhu-layer.lanhu-text.lanhu-link:not(.x2-pc-primary-nav-link)[style*="top:39px"] { display: none !important; }
  .lanhu-auth-checkbox { appearance: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: url("../assets/lanhu/register/slice-04.png") center / 16px 16px no-repeat; cursor: pointer; }
  .lanhu-auth-checkbox:checked { background-image: url("../assets/lanhu/register/slice-05.png"); }
  .lanhu-page.mobile .lanhu-mobile-auth-checkbox { background-image: url("../assets/lanhu/register/slice-01.png"); background-size: 14px 14px; }
  .lanhu-page.mobile .lanhu-mobile-auth-checkbox:checked { background-image: url("../assets/lanhu/register/slice-02.png"); }
  .lanhu-page.mobile .lanhu-mobile-auth-checkbox:focus-visible { outline: 0; }
  .lanhu-auth-checkbox:focus-visible { outline: 2px solid #2d91ff; outline-offset: 2px; }
  .lanhu-payment-dialogs { position: absolute; inset: 0; z-index: 50; pointer-events: none; }
  .lanhu-dialog-overlay { position: absolute; inset: 0; z-index: 50; display: block; background: rgb(25 39 66 / 0.38); pointer-events: auto; }
  .lanhu-dialog-overlay[hidden] { display: none !important; }
  .lanhu-dialog-close { position: absolute; z-index: 25; padding: 0; border: 0; background: transparent; color: transparent; cursor: pointer; }
  .lanhu-dialog-close:focus-visible { outline: 2px solid #2d91ff; outline-offset: 2px; }
  .lanhu-pc-download-overlay { position: absolute; z-index: 30; display: block; background: transparent; cursor: pointer; }
  .lanhu-pc-download-overlay:focus-visible { outline: 2px solid #2d91ff; outline-offset: 2px; }
  .lanhu-platform-download-hitbox { position: absolute; z-index: 35; display: block; padding: 0; border: 0; background: transparent; cursor: pointer; }
  .lanhu-platform-download-hitbox:focus-visible { outline: none; }
  .lanhu-order-interactive { position: absolute; inset: 0; z-index: 35; pointer-events: none; }
  .lanhu-order-tab-control, .lanhu-order-card-toggle { position: absolute; pointer-events: auto; cursor: pointer; }
  .lanhu-order-tab-control { padding: 0; border: 0; background: transparent; }
  .lanhu-order-tab-control:focus-visible, .lanhu-order-card-toggle:focus-visible { outline: 2px solid #2d91ff; outline-offset: 2px; }
  .lanhu-order-card-toggle { display: flex; align-items: center; justify-content: center; padding: 0; border: 0; background: transparent; }
  .lanhu-order-toggle-icon { display: block; width: 37px; height: 38px; object-fit: fill; }
  .lanhu-order-toggle-icon.is-collapsed { display: none; }
  .lanhu-order-card-toggle.is-collapsed .lanhu-order-toggle-icon.is-expanded { display: none; }
  .lanhu-order-card-toggle.is-collapsed .lanhu-order-toggle-icon.is-collapsed { display: block; }
  .lanhu-order-original-processing-arrow, .lanhu-order-original-paid-arrow, .lanhu-order-original-unpaid-arrow { display: none !important; }
  .lanhu-order-generated-detail { position: absolute; z-index: 22; pointer-events: none; color: rgb(153 153 153); font-size: 12px; line-height: 12px; white-space: nowrap; }
  .lanhu-order-detail-line { position: absolute; left: 19px; top: 0; width: 1159px; height: 1px; background: rgb(229 229 229); }
  .lanhu-order-detail-text { position: absolute; display: block; }
  .lanhu-order-filter-hidden, .lanhu-order-detail-hidden { display: none !important; }
  .lanhu-page.mobile .lanhu-order-interactive { position: absolute; inset: 0; z-index: 40; pointer-events: none; }
  .lanhu-page.mobile .lanhu-order-tabs { position: absolute; inset: 0; pointer-events: none; }
  .lanhu-page.mobile .lanhu-order-tab-control { position: absolute; z-index: 42; display: block; padding: 0; border: 0; background: transparent; cursor: pointer; pointer-events: auto; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
  .lanhu-page.mobile .lanhu-order-tab-control:focus,
  .lanhu-page.mobile .lanhu-order-tab-control:focus-visible { outline: 0; }
  .lanhu-page.mobile .lanhu-order-tab-indicator { position: absolute; z-index: 43; top: 112px; width: 21.5px; height: 3px; border-radius: 1.5px; background: #fff; pointer-events: none; transition: left 160ms ease; }
  .lanhu-page.mobile .lanhu-order-detail-link { position: absolute; z-index: 42; display: flex; align-items: center; justify-content: flex-end; gap: 5px; color: rgb(70 140 255); font-size: 12px; font-weight: 400; line-height: 12px; text-decoration: none; pointer-events: auto; }
  .lanhu-page.mobile .lanhu-order-detail-link span { display: block; white-space: nowrap; }
  .lanhu-page.mobile .lanhu-order-detail-link img { display: block; flex: 0 0 11.5px; width: 11.5px; height: 9.5px; object-fit: fill; }
  .lanhu-page.mobile .lanhu-order-original-detail,
  .lanhu-page.mobile .lanhu-order-original-arrow,
  .lanhu-page.mobile .lanhu-order-original-tab-indicator { display: none !important; }
  .lanhu-page.mobile .lanhu-order-primary-link { position: absolute; left: 14.5px; top: 619px; z-index: 42; display: flex; align-items: center; justify-content: center; width: 345px; height: 44px; margin: 0; padding: 0; overflow: hidden; border: 0; border-radius: 22px; background: linear-gradient(180deg, rgb(64 86 255) 0%, rgb(76 194 255) 100%); color: #fff; cursor: pointer; font-family: Microsoft YaHei, PingFang SC, Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0.7px; line-height: 14px; text-align: center; text-decoration: none; appearance: none; pointer-events: auto; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
  .lanhu-page.mobile .lanhu-order-primary-link:focus,
  .lanhu-page.mobile .lanhu-order-primary-link:focus-visible { outline: 0; box-shadow: none; }
  .lanhu-page.mobile .lanhu-order-primary-link { user-select: none; -webkit-user-select: none; caret-color: transparent; }
  .lanhu-page.mobile .lanhu-mobile-payment-method-trigger { position: absolute; z-index: 47; display: flex; align-items: center; justify-content: flex-end; gap: 14px; margin: 0; padding: 0; border: 0; background: #fff; color: rgb(51 51 51); cursor: pointer; font-family: Microsoft YaHei, PingFang SC, Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 14px; text-align: right; white-space: nowrap; pointer-events: auto; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
  .lanhu-page.mobile .lanhu-mobile-payment-method-trigger span { display: block; }
  .lanhu-page.mobile .lanhu-mobile-payment-method-trigger img { display: block; flex: 0 0 6px; width: 6px; height: 10.5px; object-fit: fill; }
  .lanhu-page.mobile .lanhu-mobile-payment-method-trigger:focus,
  .lanhu-page.mobile .lanhu-mobile-payment-method-trigger:focus-visible { outline: 0; box-shadow: none; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog { position: absolute; inset: 0; z-index: 70; display: block; pointer-events: auto; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog[hidden] { display: none !important; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; background: rgb(0 0 0 / 0.5); cursor: default; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-panel { position: absolute; left: -0.5px; top: 554.5px; width: 376.5px; height: 258.5px; overflow: hidden; border-radius: 25px 25px 0 0; background: #fff; color: rgb(51 51 51); }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-panel h2 { position: absolute; left: 0; top: 20.5px; width: 100%; height: 14.5px; margin: 0; color: rgb(51 51 51); font-size: 15px; font-weight: 400; letter-spacing: 0.75px; line-height: 14.5px; text-align: center; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-close { position: absolute; left: 340px; top: 23px; z-index: 2; width: 12px; height: 11.5px; margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-close img { display: block; width: 100%; height: 100%; object-fit: fill; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-close:focus,
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-close:focus-visible { outline: 0; box-shadow: none; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-options { position: absolute; left: 20.5px; top: 79.5px; width: 335.5px; height: 110px; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-option { position: absolute; left: 0; display: block; width: 335.5px; height: 55px; margin: 0; padding: 0; border: 0; background: transparent; color: rgb(51 51 51); cursor: pointer; font-family: Microsoft YaHei, PingFang SC, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 14px; text-align: left; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-option:nth-child(2) { top: 55.5px; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-option > img { position: absolute; left: 1.5px; top: 4px; display: block; width: 20px; height: 20px; object-fit: fill; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-option:nth-child(2) > img { top: 4px; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-option > span { position: absolute; left: 30.5px; top: 7px; display: block; margin: 0; letter-spacing: 0.7px; line-height: 14px; white-space: nowrap; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-option:nth-child(2) > span { top: 6.5px; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-option:focus,
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-option:focus-visible { outline: 0; box-shadow: none; }
  .lanhu-page.mobile .lanhu-mobile-payment-radio { position: absolute; right: 1px; top: 5.5px; display: block; width: 18px; height: 18px; margin: 0; border: 1px solid rgb(238 238 238); border-radius: 50%; background: #fff; box-shadow: 2.5px 2.5px 7.5px rgb(20 135 255 / 0.08); }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-option:nth-child(2) .lanhu-mobile-payment-radio { right: 0.5px; top: 6px; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-option.is-selected .lanhu-mobile-payment-radio { border: 0; background: url("../../mobile/assets/lanhu/order-detail-pending-02/slice-02.png") center / 100% 100% no-repeat; box-shadow: none; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-divider { position: absolute; left: 25px; top: 123px; width: 331px; height: 0.5px; background: rgb(244 244 244); }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-confirm { position: absolute; left: 20.5px; top: 190.5px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 335.5px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 22px; background: linear-gradient(180deg, rgb(64 86 255) 0%, rgb(76 194 255) 100%); color: #fff; cursor: pointer; font-family: Microsoft YaHei, PingFang SC, Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0.7px; line-height: 14px; text-align: center; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-confirm:focus,
  .lanhu-page.mobile .lanhu-mobile-payment-dialog-confirm:focus-visible { outline: 0; box-shadow: none; }
  .lanhu-page.mobile .lanhu-mobile-order-back { position: absolute; z-index: 46; display: block; pointer-events: auto; cursor: pointer; }
  .lanhu-page.mobile .lanhu-mobile-order-back img { display: block; width: 100%; height: 100%; object-fit: fill; }
  .lanhu-page.mobile .lanhu-mobile-order-original-icon { display: none !important; }
  .lanhu-page.mobile .lanhu-mobile-order-number-display { position: absolute; z-index: 45; display: block; box-sizing: border-box; overflow: hidden; color: rgb(51 51 51); font-family: Microsoft YaHei, PingFang SC, Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 39px; text-align: right; letter-spacing: 0; white-space: nowrap; text-overflow: clip; pointer-events: none; }
  .lanhu-page.mobile .lanhu-mobile-order-back:focus-visible,
  .lanhu-page.mobile .lanhu-mobile-order-copy:focus-visible { outline: 2px solid #2d91ff; outline-offset: 2px; }
  .lanhu-page.mobile .lanhu-mobile-order-copy { position: absolute; z-index: 46; display: block; width: 13px; height: 13px; padding: 0; border: 0; background: transparent; cursor: pointer; pointer-events: auto; }
  .lanhu-page.mobile .lanhu-mobile-order-copy-image { display: block; width: 100%; height: 100%; object-fit: fill; }
  .lanhu-page.mobile .lanhu-mobile-order-copy::before,
  .lanhu-page.mobile .lanhu-mobile-order-copy::after { content: ""; position: absolute; width: 7px; height: 7px; border: 1px solid rgb(70 140 255); border-radius: 1px; }
  .lanhu-page.mobile .lanhu-mobile-order-copy::before { left: 1px; top: 4px; }
  .lanhu-page.mobile .lanhu-mobile-order-copy::after { left: 4px; top: 1px; background: #fff; }
  .lanhu-page.mobile .lanhu-mobile-order-copy.has-image::before,
  .lanhu-page.mobile .lanhu-mobile-order-copy.has-image::after { display: none; }
  .lanhu-toast { position: fixed; top: 50%; left: 50%; z-index: 300; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: max-content; min-width: 0; height: auto; min-height: 48px; max-width: calc(100vw - 32px); padding: 10px 16px; border-radius: 8px; background: rgb(70 70 70 / 0.96); box-shadow: 0 6px 18px rgb(25 39 66 / 0.16); color: #fff; font: 400 14px/20px Microsoft YaHei, PingFang SC, Arial, sans-serif; text-align: center; white-space: normal; overflow-wrap: anywhere; transform: translate(-50%, -50%); pointer-events: none; }
  @media (min-width: 768px) { .lanhu-toast { max-width: calc(100vw - 64px); padding: 14px 20px; white-space: nowrap; overflow-wrap: normal; } }
  .lanhu-platform-qr { position: absolute; z-index: 40; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 8px; border-radius: 10px; background: #fff; box-shadow: 0 8px 24px rgb(33 69 120 / 0.2); color: #666; font-size: 12px; line-height: 16px; opacity: 0; visibility: hidden; pointer-events: none; }
  .lanhu-platform-qr-index { border-radius: 0; background: url("../assets/lanhu/index/slice-03.png") 0 0 / 100% 100% no-repeat; box-shadow: none; color: rgb(110 126 176); }
  .lanhu-platform-qr-index::after { display: none; }
  .lanhu-platform-qr-index img, .lanhu-platform-qr-index span { transform: translateY(-8px); }
  .lanhu-platform-qr.lanhu-platform-qr-index img { width: 136px; height: 136px; }
  .lanhu-platform-qr-empty { color: rgb(129 150 187); text-align: center; }
  .lanhu-platform-qr::after { content: ""; position: absolute; left: 50%; bottom: -10px; width: 0; height: 0; border: 10px solid transparent; border-top-color: #fff; transform: translateX(-50%); }
  .lanhu-platform-qr .x2-platform-qr-code { display: block; flex: 0 0 136px; width: 136px; height: 136px; max-width: 136px; max-height: 136px; overflow: visible; transform: translateY(-8px); }
  .lanhu-platform-qr .x2-platform-qr-code img,
  .lanhu-platform-qr .x2-platform-qr-code canvas,
  .lanhu-platform-qr .x2-platform-qr-code svg,
  .lanhu-platform-qr .x2-platform-qr-code table { display: block; width: 136px !important; height: 136px !important; max-width: 136px; max-height: 136px; margin: 0 !important; transform: none; }
  .lanhu-platform-qr img { display: block; width: 154px; height: 154px; object-fit: fill; }
  .lanhu-platform-qr:hover, .lanhu-platform-qr.is-visible { opacity: 1; visibility: visible; pointer-events: auto; }
.lanhu-eye-icon { display: block; }
.lanhu-eye-icon::before { content: ""; position: absolute; left: 8%; top: 34%; width: 84%; height: 54%; border-top: 1.5px solid currentColor; border-radius: 50% 50% 0 0; transform: rotate(-8deg); }
.lanhu-eye-icon::after { content: ""; position: absolute; left: 20%; top: 24%; width: 60%; height: 1.5px; background: currentColor; transform: rotate(24deg); transform-origin: center; box-shadow: 0 4px 0 currentColor; }
@media (max-width: 600px) {
  .lanhu-page.mobile { margin-left: auto; margin-right: auto; }
}
.design-body.mobile { overflow-x: hidden; scrollbar-width: none; }
.design-body.mobile::-webkit-scrollbar { display: none; width: 0; height: 0; }
html:has(> body.design-body.mobile) { scrollbar-width: none; }
html:has(> body.design-body.mobile)::-webkit-scrollbar { display: none; width: 0; height: 0; }